/* 
    Document   : default
    Created on : 22 oct. 2012, 16:45:06
    Description:
        Feuille de style par défaut du template général
*/

/* Reset des styles */

*{
    /* Enlever les pointillés sur Firefox / Chrome */
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    margin: 0;
    padding: 0;
}

/* Spacer */
.clr,
.clear,
.spacer{
    display: block;
    clear: both;
}

/* Classe pour désactiver les styles sur les liens */
.lien-base{
    color: inherit!important;
    text-decoration: none;
}

/*****     Styles des liens   *****/

a{
    text-decoration: none;
}

a img{
    border: 0;
}

/*****     Style sur les listes  *****/

ul li{
    list-style: disc outside url('../images/Puce.png');
    margin-left: 15px;
}

ul{
    overflow: hidden;
    zoom: 1;
}

/* Styles généraux sur les images */

/* Image avant / après le texte / titre */
div.images.avant_titre div.image,
div.images.apres_texte div.image,
div.images.avant_texte div.image{
    display:block;
    float:left;
}

/* Image à gauche du texte */
div.images.gauche_texte{
    float:left;
    margin-right: 15px;
}

/* Image à droite du texte */
div.images.droite_texte{
    float:right;
    margin-left: 15px;
}

/* Liens sur les images */
div.images div.image a{
    text-decoration: none;
}

/* Spacer entre chaque image */
div.images div.spacer.row{
    height: 15px;
}

/* Titre sur les images */
div.contenu div.images div.image a .image-titre,
div.images div.image .image-titre{
    display: block;
    margin-bottom: 5px;
}

/* Légende sur les images */
div.images div.image a .legende,
div.images div.image .legende{
    margin-top: 5px;
    display: block;
}

/* Structure de la page */

body{
    min-width: 1000px;
}    

div.body{
    width: 1000px;
    margin: 0 auto;
}

/*****   HEADER   *****/

/* Logo du site */
#logo{
    display: block;
    float: left;
}

/* Baseline */
#header .page-baseline{
    clear:both;
}


/****** Menu du haut ******/

#menu-haut ul.menu-haut{ 
    clear: both;
    overflow: visible;
}

#menu-haut ul.menu-haut li{
    list-style: none;
    list-style-image: none;
    margin-left: 0;
}

#menu-haut ul.menu-haut > li{
    display: block;
    float: left;
}

#menu-haut ul.menu-haut li a{
    text-decoration: none;
}

#menu-haut ul.menu-haut > li.type-separator > span,
#menu-haut ul.menu-haut > li > a{
    display: block;
    cursor: pointer;
    color: #000000;
}

#menu-haut ul.menu-haut > li.parent{
    position:relative;
}

#menu-haut ul.menu-haut > li.parent > ul.children {
    display: none;
    position: absolute;
    z-index: 200;
    left: 0;
    width: 100%;
}

/******  MENU DE GAUCHE     ******/
#menu-gauche ul.menu > li{
    list-style: none;
    list-style-image: none;
    margin-left: 0;
}

#menu-gauche ul.menu li > span,
#menu-gauche ul.menu li > a{
    display:block;
}

/******  ESPACE DE CONTENU  ******/

/******  F O O T E R  ******/

/* Menus du footer */
#footer-body ul.menu li{
    margin-left: 0;
    list-style: none;
    list-style-image: none;
}

#footer-body ul.menu li span.separator,
#footer-body ul.menu li a{
    display:block;
}