/* CSS Document */

*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
}

br
{
    height: 1px;
}

img
{
    border: 0;
}

img a
{
    border: 0;
}

em
{
    font-style: italic;
}
strong
{
    font-weight: bold;
}

body
{
    background: #ededed url(../images/motif_bg_body.jpg) repeat-x;
    background-color: #f7f9e7;
    font-family: Arial, Helvetica, sans-serif;
    
}

.center
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.headertop
{
    position: absolute;
    top: 0;
    width: 100%;
}

.middle-body
{
    position: absolute;
    top: 191px;
    width: 100%;
}

a
{
    text-decoration: none;
}

a:hover
{
    cursor: pointer;
}

acronym, abbr
{
    border-bottom: 1px dotted rgb(102, 102, 102);
    cursor: help;
}

/* NAVIGATION */

/* header */

.header
{
    margin-left: 40px;
    width: 922px;
    height: 131px;
}

.header .logo
{
    float: left;
    width: 298px;
    margin-top: 38px;
}

.header .ban-lang
{
    float: right;
    width: 450px;
    margin-top: 22px;
}

.header .ban-lang .banniere
{
    background-color: #000000;
    width: 450px;
    height: 80px;
}

.header .ban-lang .langues
{
    text-align: right;
    padding-top: 12px;
}

.header .ban-lang .langues p.axe-y
{
    line-height: 16px;
}

.header .ban-lang .langues p.axe-y img
{
    vertical-align: middle;
    margin-left: 2px;
}

.header .ban-lang .langues p
{
    font-size: 10px;
    color: #464646;
}

/* barre de menu */

.menu-bloc
{
    width: 962px;
    height: 48px;/*48*/
    margin-left: 9px;
    margin-right: 9px;
    padding-top: 12px;
    margin-top: 0;
    margin-bottom:0 ;
    padding-bottom: 0;
}

.menu
{
    height: 48px;
    
    /*background-color:Fuchsia;*/
}

.menu .break
{
    clear: both;
}

.menu li
{
    margin: 0;
    padding: 0;
    float: left; /*height: 48px;*/
}

/* menu deroulant */

.menu-deroulant
{
    float: left;
    cursor: pointer;
    height: 1px; /*astuce pour retablir le flux et eviter le decalage du broadcrum */
}

/* le 28-09-09 : changement des items de liste des menus déroulants = certains items et/ou menus disparaissent.
Mais on garde TOUS les styles css leur correspondant (= #sous-menu 1 à 5), au cas où... */

#sous-menu1
{
    margin-left: 10px;
}

#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4, #sous-menu5
{
    display: block;/* modif accessibilite 06/11/2009, avant : none+js différent*/
    width: 185px;
    position: absolute;
    top: 182px; /* a re-definir si besoin */
    background-color: #ffffff;
    border: 1px solid #b7d3f2; /* z-index:1; à voir car sous IE6, conflit avec champ de formulaire */
}

#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4
{
    border: 1px solid #b7d3f2; /* z-index:1; à voir car sous IE6, conflit avec champ de formulaire */
}

#sous-menu5
{
    border: 1px solid #c3c3c3; /* z-index:1; à voir car sous IE6, conflit avec champ de formulaire */
    margin-left: 5px;
}

#sous-menu1 li, #sous-menu2 li, #sous-menu3 li, #sous-menu4 li, #sous-menu5 li
{
    float: none;
    text-align: center;    
}

#sous-menu1 li a, #sous-menu2 li a, #sous-menu3 li a, #sous-menu4 li a, #sous-menu5 li a
{
    color: #5b5b5b;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px; /* pour centrer le lien verticalement dans sa li */
    height: 24px;
    background: url(../images/navigation/menuderoulant-separateur.gif) no-repeat 0 0;
    text-indent: 0;
    width: 185px; /* meme width que #sous-menu1, sinon prend la valeur des a "accueil" ex:195px */
    padding:0;/*pour annuler le padding-top des a des items du menu (accueil, vi, ...)*/
    text-transform:none; /*pour annuler le uppercase des items du menu (accueil, vi, ...)*/
}

#sous-menu1 li.premier a, #sous-menu2 li.premier a, #sous-menu3 li.premier a, #sous-menu4 li.premier a, #sous-menu5 li.premier a
{
    background-image: none; /* pour ne pas afficher le separateur */
}

#sous-menu1 li a:hover, #sous-menu1 li.premier a:hover, #sous-menu2 li a:hover, #sous-menu2 li.premier a:hover, #sous-menu3 li a:hover, #sous-menu3 li.premier a:hover, #sous-menu4 li a:hover, #sous-menu4 li.premier a:hover
{
    color: White;
    background: url(../images/navigation/menuderoulant-rollover.gif) no-repeat 0 0;
}

#sous-menu5 li a:hover
{
    color: White;
    background: url(../images/navigation/menuderoulant-rollover-espacepro.gif) no-repeat 0 0;
}

/* BOUTONS ET ROLL OVER de la navigation */

.accueil a
{
    display: block;
    text-align: center;
    padding-top: 10px;
    /*text-indent: -9999px;*/
    background: url(../images/navigation/accueil.png) no-repeat 0 0;
    height: 38px; /* 48px - 10px(paddingtop)*/
    width: 195px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}

.IE6 .accueil a
{
    background: url(../images/navigation/accueil.gif) no-repeat 0 0;
}

.accueil a:hover
{
    background-position: 0 100%;
}

.vi a
{
    display: block;
    text-align: center;
    padding-top: 10px;
    /*text-indent: -9999px;*/
    background: url(../images/navigation/vi.png) no-repeat 0 0;
    height: 38px; /* 48px - 10px(paddingtop)*/
    width: 187px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}

.IE6 .vi a
{
    background: url(../images/navigation/vi.gif) no-repeat 0 0;
}

.vi a:hover
{
    background-position: 0 100%;
}

.offres a
{
    display: block;
    text-align: center;
    padding-top: 10px;
    /*text-indent: -9999px;*/
    background: url(../images/navigation/offres.png) no-repeat 0 0;
    height: 38px; /* 48px - 10px(paddingtop)*/
    width: 187px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}

.IE6 .offres a
{
    background: url(../images/navigation/offres.gif) no-repeat 0 0;
}

.offres a:hover
{
    background-position: 0 100%;
}

.guide a
{
    display: block;
    text-align: center;
    padding-top: 10px;
    /*text-indent: -9999px;*/
    background: url(../images/navigation/guide-pratique.png) no-repeat 0 0;
    height: 38px; /* 48px - 10px(paddingtop)*/
    width: 187px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}

.IE6 .guide a
{
    background: url(../images/navigation/guide-pratique.gif) no-repeat 0 0;
}


.guide a:hover
{
    background-position: 0 100%;
}

.espace-pro a
{
    display: block;
    text-align: center;
    padding-top: 10px;
    /*text-indent: -9999px;*/
    background: url(../images/navigation/espace-pro.png) no-repeat 0 0;
    height: 38px; /* 48px - 10px(paddingtop)*/
    width: 206px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}

.IE6 .espace-pro a
{
    background: url(../images/navigation/espace-pro.gif) no-repeat 0 0;
}

.espace-pro a:hover
{
    background-position: 0 100%;
}
/**/

/* FOOTER */

.bloc-footer
{
    padding-top: 30px;
    background-color: #ffffff;
    border-top: #dfdfdf 1px solid;
    width: 100%;
    padding-bottom: 100px;
}

.footer
{
    width: 920px;
    margin-left: 30px;
    margin-right: 30px;
}

.footer .liste-liens
{
    overflow: auto;
    margin-bottom: 15px;
    margin-left: 10px;
}

.footer .f-offres, .footer .f-vi, .footer .f-guide, .footer .f-pro, .footer .f-perso
{
    float: left;
    margin-right: 6px;
    width: 175px;
}

.footer .f-offres p, .footer .f-vi p, .footer .f-guide p, .footer .f-pro p, .footer .f-perso p
{
    margin-bottom: 8px;
}

.footer .f-offres p a, .footer .f-vi p a, .footer .f-guide p a, .footer .f-pro p a, .footer .f-perso p
{
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.footer .f-offres p a:hover, .footer .f-vi p a:hover, .footer .f-guide p a:hover, .footer .f-pro p a:hover, .footer .f-perso p a:hover
{
    text-decoration: underline;
}

.footer ul li
{
    font-size: 11px;
    list-style-type: none;
    height: 20px;
}

.footer ul li a
{
    color: #646464;
    text-decoration: none;
    background: url(../images/navigation/puce.gif) 0 3px no-repeat;
    padding-left: 12px;
}

.footer ul li a:hover
{
    text-decoration: underline;
}

.partenaires
{
    border-top: #dfdfdf 1px solid;
    border-bottom: #dfdfdf 1px solid;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 65px;
}

.partenaires .content
{
    width: 804px;
    margin-left: auto;
    margin-right: auto;
}

.partenaires .content .item
{
    float: left;
    width: 260px;
    height: 65px;
    margin-right: 8px;
}

.partenaires .content .item img
{
    float: left;
}

.partenaires .content .item p
{
    float: left;
    padding-left: 5px;
    padding-top: 11px;
    color: #646464;
    font-size: 10px;
}

.mentions
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #646464;
}

.mentions a
{
    color: #646464;
    margin-right: 5px;
    margin-left: 5px;
}

.mentions a:hover
{
    text-decoration: underline;
}