/* CSS Document */

/*************** RESET ***************/
@import 'reset.css';

/*************** GENERAL ***************/
body {font:normal 62.5% Arial, Helvetica, sans-serif; background:#FFF url(../img/fond-principal.jpg) repeat-x; color:#333;}
a {outline:none; text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}
fieldset {position:relative; display:inline;}
input,
textarea {font-family:Arial, Helvetica, sans-serif;}
li {list-style:none; display:inline;}
sup {vertical-align:text-top; font-size:.8em;}
hr {margin:30px 0px; border:none; border-top:6px solid #FFF;}

/*************** STRUCTURE ***************/
#conteneur-principal {margin:10px auto; width:904px; background:#FFF; padding-bottom:20px;}
#header {text-align:right;}
#header ul {display:block;}
#header li {padding:0 5px; font-size:1.1em;}

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

#header .barre {padding-top:5px;}
#header .barre li.choix-pays img {vertical-align:middle;}
#header .barre li.choix-pays a {text-decoration:none; padding-right:5px;}
#header .barre li.choix-pays {position:relative; z-index:99;}

#header li.choix-langue a {padding:0 4px 0 6px; color:#CCC;}
#header li.choix-langue a.actif {color:#333;}
#header li.choix-langue a.dernier {border:none;}
#header li.acces-client a {display:block; float:right; text-transform:uppercase; width:193px; text-align:left; font:bold 1.3em Arial, Helvetica, sans-serif; color:#FFF; padding:2px 0 2px 27px; margin-top:2px;}

/* Bandeau */
#header .bandeau {text-align:left; padding:0 50px; background:#FFF url(../img/header-fond.gif) 0 6px repeat-x; height:7em;}
#header .bandeau a {display:block; float:left;}
#header .bandeau p {float:right; font:bold 1.8em Arial, Helvetica, sans-serif; padding-top:12px;}

/****** Menu ******/
#header .menu-principal {text-align:left; height:3.5em; position:relative; z-index:90;}
#header .menu-principal .menu li {padding:0;}
#header .menu-principal .menu li a {display:block; position:relative; padding:.5em 2em; color:#666; text-transform:uppercase; font-size:1.3em;}
#header .menu-principal .menu a:hover {text-decoration:none;}
#header .menu-principal .menu li li a,
#header .menu-principal .menu li li li a {display:block; position:relative; padding:.5em 1em; color:#FFF; text-transform:none; font-size:.909em;}
#header .menu-principal .menu li li li a {font-size:.826em;}
#header .menu-principal .menu li li.current li a {font-size:.909em;}

#header .menu-principal .menu {float:left; background:#FFF url(../img/header-menu-fond.gif) repeat-x; width:904px; position:relative;}
#header .menu-principal .menu ul {position:absolute; top:-999em; left:0; width:10em;}
#header .menu-principal .menu li {width:auto; float:left; position:static;}
#header .menu-principal .menu li:hover {visibility:inherit;}
#header .menu-principal .menu li:hover ul,
#header .menu-principal .menu li.sf-hover ul {left:0; top:2.75em; z-index:99;}

#header .menu-principal .menu li:hover li ul,
#header .menu-principal .menu li.sf-hover li ul,
#header .menu-principal .menu li li:hover li ul,
#header .menu-principal .menu li li.sf-hover li ul {top:-999em;}

#header .menu-principal .menu li:hover,
#header .menu-principal .menu li.sf-hover,
#header .menu-principal .menu a:focus, 
#header .menu-principal .menu a:hover, 
#header .menu-principal .menu a:active {background:url(../img/header-menu-fond-actif.gif) repeat-x; outline:0;}



#header .menu-principal .menu .current {background:url(../img/header-menu-fond-actif.gif) repeat-x;}
#header .menu-principal .menu .picto-home {padding:8px 10px 6px 10px; border-right:1px solid #FFF}
#header .menu-principal .menu .current ul {left:0; top:2.75em;}
#header .menu-principal .menu ul li:hover ul,
#header .menu-principal .menu ul li.sf-hover ul {left:0; top:2em;}

#header .menu-principal .menu .current ul li ul,
#header .menu-principal .menu .current ul ul {top:-999em;}
#header .menu-principal .menu li strong {background:url("../img/header-menu-fleche-defaut.gif") no-repeat right center; padding-right:1em;}

/* Banniere */
#banniere {position:relative; z-index:50; height:286px;}
#banniere .etiquette {position:absolute; right:0; top:3.5em; z-index:90; width:184px; font-size:1em; padding:28px 10px 15px 25px; color:#FFF;} 
#banniere .etiquette strong {font-size:1.1em;}
#banniere .etiquette span {display:block; font-size:2.4em; padding:.5em 0; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif;}
#banniere .marches {background:transparent url(../img/banniere-marches.png) no-repeat; bottom:0; height:50px; position:absolute; width:904px; z-index:99;}

/* Barre d'outils */
.outils {margin:6px 0; text-align:right}
.outils li {display:block; float:right; padding-left:4px}
.outils .texte-plus {background:url(../img/texte-plus.png) no-repeat; display:block; height:16px; float:right; width:20px; margin-right:4px;}
.outils .texte-plus span {left:-999px; position:absolute; display:block}
.outils .texte-moins {background:url(../img/texte-moins.png) no-repeat; display:block; height:16px; float:right; width:20px;}
.outils .texte-moins span {left:-999px; position:absolute; display:block}


/*************** CONTENU ***************/
#conteneur-contenu {background:#FFF;}

/****** Home ******/
#conteneur-contenu .home {padding:30px 20px 10px 20px;}
#conteneur-contenu .home .col-gauche {width:642px; float:left; padding-right:8px;}
#conteneur-contenu .home .col-droite {width:202px; float:right;}
#conteneur-contenu .home .col-droite .bloc-acces-client h2 {font-size:2em; font-weight:normal; color:#7C7C54;}
#conteneur-contenu .home .col-droite .bloc-acces-client .fond {background:url(../img/bloc-fond-02.jpg) repeat-y; padding:20px 10px 10px 10px; height:242px;}
#conteneur-contenu .home .col-droite .bloc-acces-client ul li {font-size:1.2em; padding-left:10px; display:block; background:url(../img/puce-contenu-disc.gif) left 3px no-repeat; margin-bottom:20px;}

/****** Generique ******/
/* 2 colonnes Centre-Droite */
#conteneur-contenu .int-2-col-cd {padding:0 0 20px 40px; background:url(../img/fond-2-col-cd2.jpg) 20px 20px repeat-y; margin-top:30px;}
#conteneur-contenu .int-2-col-cd .col-centre {width:600px; float:left; padding-right:20px; text-align:justify;}
/* 1 colonne */
#conteneur-contenu .int-1-col {margin-top:30px; padding:0 40px 20px 40px; min-height:400px;}
#conteneur-contenu .col-centre {min-height:400px}

/* Colonne de droite */
#conteneur-contenu .col-droite {width:220px; float:right;}
#conteneur-contenu .col-droite a img {margin:0}

/* Bloc image + lien dessus */
#conteneur-contenu .col-droite .bloc-img {position:relative; margin-bottom:20px; line-height:0;}
#conteneur-contenu .col-droite .bloc-img a.lien-sur-img {position:absolute; bottom:0; left:0; line-height:normal; text-align:center; font-size:1.1em; width:200px; color:#FFF; filter:alpha(opacity=90); padding:10px;}
/* Bloc Fiche */
#conteneur-contenu .col-droite .bloc-fiche {margin-top:10px}
#conteneur-contenu .col-droite .bloc-fiche .haut {background:url(../img/col-droite-fond-bloc-haut.png) right top no-repeat; height:9px; width:186px; overflow:hidden;}
#conteneur-contenu .col-droite .bloc-fiche .centre {background:url(../img/col-droite-fond-bloc-centre.png) right top repeat-y; width:128px; padding:8px 10px 16px 48px; font-size:1.1em; overflow:hidden;}
#conteneur-contenu .col-droite .bloc-fiche .centre .titre {margin:0 0 10px 0; padding-bottom:1px; border-bottom:1px solid #CCC; text-transform:uppercase;}
#conteneur-contenu .col-droite .bloc-fiche .bas {background:url(../img/col-droite-fond-bloc-bas.png) right top no-repeat; height:6px; width:186px; overflow:hidden;}
#conteneur-contenu .col-droite .bloc-fiche .centre a {border-left:3px solid #BA925D; display:block; padding-bottom:2px; padding-left:5px; text-decoration:underline; color:#BA925D;}
#conteneur-contenu .col-droite .bloc-fiche .centre li {display:block; padding-bottom:5px}


/***** Contenu *****/
/* Fil d'ariane */
#conteneur-contenu .fil-ariane li {font-size:1.1em; color:#7F7F7F}
#conteneur-contenu .fil-ariane li a {text-decoration:underline; color:#7F7F7F;}

/* Titres + Textes */
#conteneur-contenu .col-centre h1 {color:#BA925D; font-size:1.9em; font-weight:normal; padding:10px 0 15px 0; margin-left:-2px; _margin-left:0; text-align:left}
#conteneur-contenu .col-centre h2,
#conteneur-contenu .col-centre h3,
#conteneur-contenu .col-centre h4,
#conteneur-contenu .col-centre h5,
#conteneur-contenu .col-centre h6 {color:#333; font-size:1em; text-transform:uppercase; font-weight:bold; padding:10px 0 2px 0; border-bottom:1px solid #ddd; margin-bottom:3px}
#conteneur-contenu .col-centre h2 {border-bottom:3px solid #ddd; margin-bottom:10px}

#conteneur-contenu .col-centre p {padding-bottom:1.5em; font-size:1em; line-height:1.3em; text-align:justify}
#conteneur-contenu .col-centre p.titre-liste {padding-bottom:.5em; text-align:left; text-transform:uppercase;}
#conteneur-contenu .col-centre p.titre-liste-min {text-transform:none;}
#conteneur-contenu .col-centre .texte-mentions {font-size:.9em; font-style:italic;}
#conteneur-contenu .col-centre .logo-groupe {display:block; float:left; margin-right:15px;}
#conteneur-contenu .col-centre .contenu {font-size:1.2em;}
#conteneur-contenu .col-centre .contenu ul li {padding:0 0 .2em 4em; font-size:1em; display:block; background:url(../img/puce-contenu-disc.gif) 2.8em .25em no-repeat; width:500px; text-align:justify;}
#conteneur-contenu .col-centre .contenu ul li li {padding:.2em 0 0 2em; font-size:1em; display:block; background:url(../img/puce-contenu-cercle.gif) .9em .4em no-repeat; width:500px;}
#conteneur-contenu .col-centre .contenu a {color:#BA925D; text-decoration:underline;}
#conteneur-contenu .col-centre p.titre-liste-min {text-transform:none;} 
#conteneur-contenu .col-droite p.titre-bloc-fiche {padding:20px 30px 10px 30px; text-align:center; font:bold 1.2em Arial; text-transform:uppercase;}
#conteneur-contenu .col-centre ul.liste {padding-bottom:1.4em;}
#conteneur-contenu .col-centre ul.liste-retrait {padding-bottom:1.4em; margin-left:-20px; margin-top:10px;}
#conteneur-contenu .int-3-col .col-centre .contenu ul.liste-retrait li li {width:auto;}
#conteneur-contenu .col-centre .contenu .bloc-liste {padding:14px 20px 0 20px; border:1px solid #CCC; margin-bottom:20px; background:#FFF url(../img/header-menu-fond.gif) repeat-x;}
#conteneur-contenu .col-centre .contenu .bloc-liste ul li {padding:0 0 .4em 2.5em; font-size:1em; display:block; background:url(../img/puce-contenu-disc.gif) 1.3em .25em no-repeat; width:500px; text-align:justify;}

#conteneur-contenu .int-1-col .col-centre h1 {padding:0 0 15px 0;}
#conteneur-contenu .int-1-col .col-centre .contenu ul li {width:auto;}
#conteneur-contenu .int-3-col .col-centre .contenu ul li {width:340px;}
#conteneur-contenu .int-3-col .col-centre .contenu ul li li {width:300px;}

/****** Home - Edito ******/
#conteneur-contenu .edito {width:642px; padding-bottom:10px;}
#conteneur-contenu .edito h1 {font-size:2.2em; font-weight:normal;}
#conteneur-contenu .edito-bloc {background:url(../img/bloc-fond-01.jpg) repeat-y; height:105px;}
#conteneur-contenu .edito-bloc .edito-texte {padding:10px 10px 5px 10px;}
#conteneur-contenu .edito-bloc .edito-texte h2 {font-size:1.3em; line-height:1.4em; padding-bottom:5px;}
#conteneur-contenu .edito-bloc .edito-texte p {font-size:1.2em; line-height:1.4em}
#conteneur-contenu .edito-bloc .edito-texte a {color:#7C7C54; text-decoration:underline;}
#conteneur-contenu .edito-bloc .edito-texte .lien-savoir {float:right; margin-top:8px;}
#conteneur-contenu .edito-bloc .edito-img {float:right; width:192px;}

/****** Home - Mise en avant ******/
#conteneur-contenu .home .mise-en-avant {width:642px;}
#conteneur-contenu .home .mise-en-avant h2 {font-size:2em; color:#7C7C54; border-bottom:3px solid #ddd; font-weight:normal; margin-bottom:10px; padding:10px 0 2px;}
#conteneur-contenu .home .mise-en-avant .mise-en-avant-bloc {float:left; padding:0 5px; width:150px;}
#conteneur-contenu .home .mise-en-avant .mise-en-avant-bloc a img {display:block; margin:0; padding:0; line-height:0;}
#conteneur-contenu .home .mise-en-avant .mise-en-avant-bloc ul li {display:block; width:145px;}

#conteneur-contenu .home .mise-en-avant .mise-en-avant-bloc h3 {display:inline;}
#conteneur-contenu .home .mise-en-avant .premier {padding-left:0;}
#conteneur-contenu .home .mise-en-avant .dernier {padding-right:0; border:none; float:right}



/*************** DIVERS ***************/
.cache {display:none;}
.lien-savoir {color:#FFF; display:block; font-size:1.2em; font-weight:bold; padding:2px 7px; width:131px;}
.imprimer {display:block; float:left; padding:2px 0 0 22px; height:16px; background:url(../img/imprimer.png) no-repeat; font-size:1.1em; color:#7F7F7F}
.btn-lien {background:url(../img/btn-lien-gauche.png) no-repeat; display:block; padding-left:24px; height:27px; float:right; margin:0 0 10px 0;}
.btn-lien span {background:url(../img/btn-lien-droite.png) top right no-repeat; display:block; color:#6E6E6E; height:23px; padding:6px 5px 0 0; font-size:1.1em; cursor:pointer; float:left}
.btn-lien:hover {text-decoration:none;}
.btn-lien:hover span {color:#BA925D;}

.bloc-encart {padding-left:40px; padding-bottom:20px}
.bloc-encart02 {padding-left:40px; padding-bottom:30px}

.bouton-top {float:right; width:auto}
.bouton-top #toTop {display:block; cursor:pointer; background:url(../img/back-top.png) right center no-repeat; padding-right:20px; width:auto;}

.padding-bottom-5 {padding:0 0 5px;}
.padding-bottom-0 {padding-bottom:0;}
.padding-top-10 {padding-top:10px;}
.background-none {background:none !important;}

.no-float {float:none !important;}
.no-marge {margin:0 !important;}
.pastille {float:left; padding-right:10px;}
.bloc-img-centre {text-align:center;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-left {text-align:left !important;}
  

/*************** CLEAR FIX - Permet de retablir le flux normal ***************/
.clear-fix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clear-fix {display:inline-block;}
html[xmlns] .clear-fix {display:block;}
*html .clear-fix {height:1%;}



/*******************************************************************************/


/****** HOME - ACCES CLIENTS - ACTUALITES ******/
#conteneur-contenu .home .col-droite .bloc-acces-client ul li {font-size:1.1em; background:none; margin-right:10px; margin-top:5px; display:block}
#conteneur-contenu .home .col-droite .bloc-acces-client ul li p {background:#FAF9F7; padding-bottom:8px; color:#444; padding:8px; font-size:1.1em;}
#conteneur-contenu .home .col-droite .bloc-acces-client ul li a {display:block; background:#A4A479; padding:0 5px 0 7px; font-size:.9em; width:8em; color:#FFF}
#conteneur-contenu .home .col-droite .bloc-acces-client ul li p img {padding:5px 0 0 8px; float:right;}
#conteneur-contenu .home .col-droite .bloc-acces-client ul li p a {width:auto; background:none; font-size:1em; color:#CDA95D; display:inline; padding:0; text-decoration:underline;}

/*************** COULEURS A MODIFIER EN FONCTION DU PAYS ***************/
#header .menu-principal .menu li li:hover, 
#header .menu-principal .menu li li.sf-hover,
#header .menu-principal .menu li li a:focus, 
#header .menu-principal .menu li li a:hover, 
#header .menu-principal .menu li li a:active,
#header .menu-principal .menu .sf-hover .current,
#header .menu-principal .menu .current ul .current {background:#589063; outline:0;}
#header li.choix-langue a {border-right:1px solid #A4A479;}

#header #dialog ul .por {background:#A4A479; color:#FFF; padding:1px 4px;}

#conteneur-contenu .col-centre h1,
#conteneur-contenu .col-centre .fiche-expertise .fiche h1,
#conteneur-contenu .menu-int ul li a.current,
#conteneur-contenu .col-centre .contenu a,
#conteneur-contenu .menu-int a.current, #conteneur-contenu .menu-int ul li a.current {color:#7C7C54;}
#conteneur-contenu .col-droite .bloc-fiche .centre a {border-left:3px solid #A4A479; color:#7C7C54;}

#header li.acces-client a,
#header .menu-principal,
#header .menu-principal .menu li:hover ul,
#header .menu-principal .menu li.sf-hover ul,
#banniere .etiquette,
.lien-savoir-generique,
#header .menu-principal .menu li ul li ul li,
#conteneur-contenu .col-droite .bloc-img a.lien-sur-img {background:#A4A479;}
#conteneur-contenu .col-droite .bloc-img a.lien-sur-img {background:rgba(164, 164, 121, 0.8);}

#banniere .etiquette {background:rgba(164, 164, 121, 0.8); filter:alpha(opacity=90);}
#banniere .etiquette span {font-size:2.3em;}
#banniere .etiquette span.etiquette-home {font-size:2.5em;}

/* home */
#conteneur-contenu .edito h1 {color:#7C7C54;}
#conteneur-contenu .mise-en-avant .rub-01 h2 {color:#CF7B60;}
#conteneur-contenu .mise-en-avant .rub-02 h2 {color:#789599;}
#conteneur-contenu .mise-en-avant .rub-03 h2 {color:#7EA2CA;}
.rub-01 .lien-savoir {background:#CF7B60;}
.rub-02 .lien-savoir {background:#CBAD86;}
.rub-03 .lien-savoir {background:#71AB7C;}
.rub-04 .lien-savoir {background:#AFAD7D;}

#conteneur-contenu .mise-en-avant-liste {padding:10px 4px 0 8px; min-height:85px; _height:85px; background:url(../img/header-menu-fond.gif) repeat-x #FFF; zoom:1; clear:both}

#conteneur-contenu .liste-marche h3 {clear:both; margin:1px 0;}
#conteneur-contenu .liste-marche .conteneur-vignette {float:left; margin:5px 5px 0 0;}
#conteneur-contenu .liste-marche .conteneur-vignette img {display:block; border:2px solid #CCC;}
#conteneur-contenu .liste-marche .conteneur-texte {margin-top:5px; padding-bottom:.7em;}
#conteneur-contenu .liste-marche .conteneur-texte img.droite {float:right; margin-left:10px; border:2px solid #CCCCCC; display:block;}
#conteneur-contenu .liste-marche .conteneur-texte img.gauche {float:left; margin-right:10px;border:2px solid #CCCCCC; display:block;}


#conteneur-contenu .home .col-droite .bloc-fiche .haut {width:168px;}
#conteneur-contenu .home .col-droite .bloc-fiche .centre {padding:8px 10px 16px 30px;}
#conteneur-contenu .home .col-droite .bloc-fiche .bas {width:168px;}

#conteneur-contenu .col-centre .fiche-expertise .fiche .fiche-milieu .schema-gestion {margin-bottom:8px;}
#conteneur-contenu .pays .fiche-coord div {width:290px;}

#conteneur-contenu .col-centre ol.liste {padding-bottom:1.4em;}
#conteneur-contenu .col-centre .contenu ol li {display:block; font-size:1em; padding:0 0 0.2em 4em; text-align:justify; width:500px;}

/* Footer */
#footer {
	text-align:right;
	padding-right:16px;
	margin-top:20px;
}
#footer li a {
	border-right:1px solid #D4BC9D;
	padding:0 5px;
}
#footer li a.dernier {
	border:none;
}