/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2010 CACF 
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* ______________________[ META declarations ]________________________ */

body {margin:0;padding:0;font:76% Arial,Verdana,sans-serif;background: url(../../img/bg_body.gif) #FFF repeat-x 0 0;text-align:center;}
img {border:none;}
acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #DEDEDE;}
hr {display:none;clear:both;}
a {text-decoration:none; color: #000}
a:hover, a:focus, a:active {text-decoration:underline;}
p a {text-decoration:none; color: #007456; text-decoration: underline}
p a:hover, p a:focus, p a:active {text-decoration:none;}
p a.pdf {text-decoration: none;}
p a.pdf:hover, p a.pdf:focus, p a.pdf:active {text-decoration:none;}
sup {vertical-align:top;}
.error, .erreur, .powermail_mandatory_js {color:#F00;}
.horscadre, .horschamp, .hidden {display:none;}
blockquote {font-style:italic;}
* {margin-top: 0; padding-top: 0}
ul {list-style:none;}

/* ______________________[ Haut de page : logo, recherche, etc. ]________________________ */

/* Navigation interne à la page */
#NavigationInterne {position:absolute;top:-7777em;left:-7777em;}

#Global {width: 980px; background: url(../../img/bg_top_containercols.png) #FFF repeat-x 0 136px; margin: 0 auto}
#Annexe {background: url(../../img/bg_annexe.gif) #98989f repeat-y 0 0; text-align: right}
#EnTete {background:url(../../img/bg_entete.png) #FFF no-repeat 0 100%;margin:0;padding:0 0 8px 0;text-align:left;position: relative; z-index: 100}
#EnTete:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#EnTete {display:inline-block;}
/* \*/ * html #EnTete {height:1%;} #EnTete {display:block;} /* */
#Logo {position: absolute; margin: 4.4em 0 0 35px;}

#Annexe {width: 980px; padding: 0; position: relative; z-index: 2000}
#Annexe:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#Annexe {display:inline-block;}
/* \*/ * html #Annexe {height:1%;} #Annexe {display:block;} /* */
#Annexe ul {text-align: right; float: left; margin: 0; padding: 0 270px 0 0; float: right}
#Annexe ul li {display: inline; float: left; padding: 8px 10px 8px 18px; margin: 0 7px 0 0; background: url(../../img/bg_arrow_annexe.gif) no-repeat 5px 1em; font-weight: bold;position: relative;}
#Annexe ul li a {color: #FFF;}
#Annexe ul li.over, #Annexe ul li:hover {background: url(../../img/marques/arrow.gif) #f3ad08 no-repeat 5px 1em;}
#Annexe ul li .layer {position: absolute; top: -7777px; left: -7777px; width: 344px; background:url(../../img/marques/bg_marques_b-hk.png) no-repeat 0 100%; padding: 10px 0 18px 17px; z-index: 1000; text-align: left}
#Annexe ul li.over .layer, #Annexe ul li:hover .layer {top: 31px; left: 0;}
#Annexe ul li .layer ul {width: auto; float: left;padding: 0; margin: 0; text-align: left}
#Annexe ul li .layer li {width: auto; width: 100px; height: 40px; float: left; padding: 0; display: inline; background:url(../../img/marques/bg_marques_logo-hk.png) no-repeat 0 0;}
#Annexe ul li .layer strong {color: #FFF; font-size: 1.1em; text-transform: uppercase;}
#Annexe ul li .layer .more {margin: 0; font-weight: bold; text-align: right; width: 292px}
#Annexe ul li .layer .more a {background:url(../../img/marques/arrow.gif) no-repeat 0 .4em; padding: 0 0 0 12px}
#Annexe #FormRecherche {margin: 0; position: absolute; right: 0; top: 5px; padding: 0 0 0 7px; border-left: 1px solid #FFF; width: 270px}
#Annexe #FormRecherche label {text-align: left; font-size: .8em; margin: 0; position: relative}
#Annexe #FormRecherche input {float: left; border: 1px solid #71787d; margin: 0; width: 200px; padding: 2px 0 1px 6px; font: 1em arial, sans-serif;}
#Annexe #FormRecherche input.button {padding: 1px 3px; margin: 0; width: auto; border: 1px solid #71787d; border-bottom: 0;color: #FFF; background: #71787d; font-weight: bold;}

#Communication {padding: 10px 42px 10px 0; text-align: right;}
#Communication a {color: #5c5c60;display: inline !important}

#Espaces {margin: 0 0 18px 0;}
#Espaces ul {width: 363px; overflow: hidden; height: 41px; padding: 0 0 0 45px; margin: 0 0 0 391px; background: url(../../img/bg_espaces.png) no-repeat 0 0;}
body.en #Espaces ul {background-image:url(../../img/bg_espaces_en.png);padding:0 0 0 97px;}
#Espaces li strong {position: absolute; top: -7777px; left: -7777px;}
#Espaces li li {float:left;display:inline;margin:19px 4px 0 29px;width:auto;}
body.en #Espaces li li {margin:19px 4px 0 42px;}
#Espaces li li a {float: left; padding: 20px 0 2px 0;}
#Espaces li li a:hover, #Espaces li li a:active, #Espaces li li a:focus {background: url(../../img/bg_espace_li_a.png) repeat-x 0 14px;}

/* ______________________[ Navigation principale ]________________________ */

#NavigationPrincipale {list-style:none;text-align:left;color:#fff;margin:0 0 0 258px;width:621px;height: 33px;padding:0;background: url(../../img/bg_navigation.png) no-repeat 0 0;position:relative;z-index:100;}
body.en #NavigationPrincipale {background-image: url(../../img/bg_navigation_en.png);margin:0 0 0 338px;}
#NavigationPrincipale:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#NavigationPrincipale {display:inline-block;}
/* \*/ * html #NavigationPrincipale {height:1%;} #NavigationPrincipale {display:block;} /* */

#NavigationPrincipale li {float:left;padding:0;margin:0;display:inline;height:33px;}
#NavigationPrincipale li a {display:block;padding:0;height:33px;} 
#NavigationPrincipale li.on a, #NavigationPrincipale li a:hover {background-image: url(../../img/bg_navigation.png); background-repeat: no-repeat}
body.en #NavigationPrincipale li.on a, body.en #NavigationPrincipale li a:hover {background-image: url(../../img/bg_navigation_en.png);}
#NavigationPrincipale li a strong {position: absolute; top: -7777px; left: -7777px;}

/* sous liste 02 */
#NavigationPrincipale li ul {display:none;top:30px;left:auto;list-style:none;margin:0;padding:10px 0;background:#007456;width: 15em;position:absolute;z-index: 100}
#NavigationPrincipale li ul li {display: inline; margin:0; padding: 0; height: auto; width: 100%;z-index: 50}
#NavigationPrincipale li ul li a {padding:3px 10px; height: auto; width: auto !important; background-image: none !important; margin:0 1px; color: #FFF;}
#NavigationPrincipale li:hover ul,
#NavigationPrincipale li.over ul {display:block;position:absolute;z-index:100;}
#NavigationPrincipale li ul li a:hover, #NavigationPrincipale li ul li a:focus, #NavigationPrincipale li ul li a:active {background:#FFF;color: #007456; text-decoration: none;}

#NavItem1, #NavItem1 a {width:141px;}
#NavItem2, #NavItem2 a {width:143px;}
#NavItem3, #NavItem3 a {width:147px;}
#NavItem4, #NavItem4 a {width:183px;}
#NavItem1 a:hover {background-position:0 -33px;}
#NavItem2 a:hover {background-position:-141px -33px;}
#NavItem3 a:hover {background-position:-284px -33px;}
#NavItem4 a:hover {background-position:-431px -33px;}
#NavItem1.on a {background-position: 0 -66px;}
#NavItem2.on a {background-position:-141px -66px;}
#NavItem3.on a {background-position:-284px -66px;}
#NavItem4.on a {background-position:-431px -66px;}

body.en #NavItem1, body.en #NavItem1 a {width:76px;}
body.en #NavItem2, body.en #NavItem2 a {width:155px;}
body.en #NavItem3, body.en #NavItem3 a {width:81px;}
body.en #NavItem4, body.en #NavItem4 a {width:166px;}
body.en #NavItem1 a:hover {background-position:0 -33px;}
body.en #NavItem2 a:hover {background-position:-76px -33px;}
body.en #NavItem3 a:hover {background-position:-231px -33px;}
body.en #NavItem4 a:hover {background-position:-312px -33px;}
body.en #NavItem1.on a {background-position:0 -66px;}
body.en #NavItem2.on a {background-position:-76px -66px;}
body.en #NavItem3.on a {background-position:-231px -66px;}
body.en #NavItem4.on a {background-position:-312px -66px;}

body.en #NavItem1 ul {margin-left:6px;}

/* icones */
a.pdf {background:url(../../img/ico_pdf.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.lire {background:url(../../img/ico_lire.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.doc {background:url(../../img/ico_doc.gif) no-repeat 0 0;padding: 1px 0 4px 21px;display:block;overflow:auto;}
a.ppt {background:url(../../img/ico_ppt.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.xls {background:url(../../img/ico_xls.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.zip {background:url(../../img/ico_zip.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.html {background:url(../../img/ico_html.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.newsletter {background: url(../../img/ico_com.png) no-repeat 0 0;padding: 0 4px 0 30px;display:block;overflow:auto;}
a.contact {background: url(../../img/ico_com.png) no-repeat 0 -84px;padding: 0 4px 0 30px;display:block;overflow:auto;}
a.situer {background: url(../../img/ico_com.png) no-repeat 0 -187px;padding: 0 4px 0 30px;display:block;overflow:auto;}
a.deconnexion {background: url(../../img/ico_com.png) no-repeat 0 -289px;padding: 0 4px 0 30px;display:block;overflow:auto;}
a.fiche {background:url(../../img/puce_exergue4.gif) transparent no-repeat 0 -15px; padding:0 0 0 19px;overflow:auto;}
a.filiale {background:url(../../img/puce_exergue4.gif) transparent no-repeat 0 0; padding:0 0 0 21px;overflow:auto; }
a.web {background:url(../../img/puce_exergue4.gif) transparent no-repeat 0 -30px; padding:0 0 0 21px;overflow:auto;}
span.important {color:#92B213;}

/* ______________________[ MULTI-COLUMN LAYOUT  ]____________________*/

#ContainerCols {margin:0;padding:0 10px 4.5em;display:block;text-align:left;background: url(../../img/bg_bot_containercols.png) no-repeat 0 100%; position: relative; z-index: 0; min-height: 300px; height: 300px;}
html>body #ContainerCols {height: auto;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */

/* Une seule colonne */
#ContainerCols.une #ColContenu {width:980px;}

/* Deux colonnes */
#ContainerCols.deux #ColMenu {width:190px;}
#ContainerCols.deux #ColContenu {width:740px;}

/* Deux colonnes */
#ContainerCols.deuxbis #ColContenu {width:658px; padding: 0 0 0 21px;}
#ContainerCols.deuxbis #ColContextuelle {width:184px;}

/* Trois colonnes */
#ContainerCols.trois #ColMenu {width:190px;}
#ContainerCols.trois #ColContenu {width:485px;}
#ContainerCols.trois #ColContextuelle {width:184px;}

/* Contenu standard */
#ContainerCols .contenu .inner {}
#ContainerCols .contenu .inner h2 {}
#ContainerCols .contenu .inner .inner2 {}
#ContainerCols .contenu .inner .inner2 p {}
#ContainerCols .contenu .inner .inner2 a {}
#ContainerCols .contenu .inner .inner2 h3 {}
#ContainerCols .contenu .inner .inner2 h3 a {}

#ContainerCols ul {padding: 0; margin: 0 0 1em 0}
 
/* Positions RTE */
#ContainerCols .center, #ContainerCols .align-center {text-align:center;}
#ContainerCols .align-left {text-align:left;}
#ContainerCols .align-right {text-align:right;}
#ContainerCols .justify {text-align:justify;}
#ContainerCols .middle {display:block;margin:0 auto;}

/* Positions contenus Typo3 */
#ContainerCols .txtVisu {display:inline-block; margin:0 0 .8em 0; clear: both; width: 100%}
#ContainerCols .txtVisu:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #ContainerCols .txtVisu {height:1%;} #ContainerCols .txtVisu {display:block;} /* */
#ContainerCols .topCenter {text-align:center;}
#ContainerCols .topCenter .blocVisu {margin:0 auto;text-align:left;}
#ContainerCols .topCenter .blocTxt {text-align:left;}
#ContainerCols .topRight .blocVisu {float:right;clear:both;}
#ContainerCols .topRight .blocTxt {clear:both;}
#ContainerCols .topLeft .blocVisu {}
#ContainerCols .topLeft .blocTxt {}
#ContainerCols .bottomCenter {text-align:center;}
#ContainerCols .bottomCenter .blocVisu {margin:0 auto 1em;text-align:left;}
#ContainerCols .bottomCenter .blocTxt {text-align:left;}
#ContainerCols .bottomRight .blocVisu {float:right;clear:both;}
#ContainerCols .bottomRight .blocTxt {clear:both;}
#ContainerCols .bottomLeft .blocVisu {}
#ContainerCols .bottomLeft .blocTxt {}
#ContainerCols .right {}
#ContainerCols .right .blocVisu {float:right;margin:0 0 15px 15px;}
#ContainerCols .right .blocTxt {}
#ContainerCols .left {}
#ContainerCols .left .blocVisu {float:left;margin:0 1em 1em 0;}
#ContainerCols .left .blocTxt {}
#ContainerCols .middle {text-align:center;}
#ContainerCols .middle .blocVisu {margin:0 auto;text-align:center;}
#ContainerCols .middle .blocTxt {margin:0 auto;text-align:left;}
#ContainerCols #ColContenu .middle .blocVisu {margin: 0 auto 1em;} 
#ContainerCols .right_nowrap {}
#ContainerCols .right_nowrap .blocVisu {float:right;margin:0 0 15px 15px;}
#ContainerCols .right_nowrap .blocTxt {}
#ContainerCols .left_nowrap {}
#ContainerCols .left_nowrap .blocVisu {float:left;margin:0 15px 15px 0;}
#ContainerCols .left_nowrap .blocTxt {float:left;}

/* IMAGES ACTUS */
.actus .inner2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.actus .inner2 {display:inline-block;}
/* \*/ * html .actus .inner2 {height:1%;} .actus .inner2 {display:block;} /* */
.actus .news-right {float:right;margin:0 0 15px 15px;}
.actus .news-left {float:left;margin:0 1em 1em 0;}

/* Chapo */
#ContainerCols .chapo .contenu {background: url(../../img/bg_chapo.png) repeat-y 0 0; padding: 18px 20px 5px; margin: 0 0 2em 0; position: relative}

#ContainerCols .chapo .contenu .inner {}
#ContainerCols .chapo .contenu .inner h2 {}
#ContainerCols .chapo .contenu .inner .inner2 {}
#ContainerCols .chapo .contenu .inner .inner2 p {}
#ContainerCols .chapo .contenu .inner .inner2 a {}

/* Exergue */
#ContainerCols .exergue {border: 0; padding: 0; margin: 0}
#ContainerCols .exergue .contenu {margin: 0 0 2em 0}
#ContainerCols .exergue .contenu .inner {border-left: 1px solid #92b213;}
#ContainerCols .exergue .contenu .inner h2 {font-size: 1em; color: #FFF; display: inline; background: #92b213; margin: 0; padding: 0 10px; border-bottom: 2px solid #92b213}
#ContainerCols .exergue .contenu .inner {background: url(../../img/bg_exergue.png) no-repeat 100% 100%; padding: 0 0 1px 0}
#ContainerCols .exergue .contenu .inner .inner2 {padding: 15px 15px 1px;}
#ContainerCols .exergue .contenu .inner .inner2 ul {margin: 0 0 1em 0}
#ContainerCols .exergue .contenu .inner .inner2 ul li {margin: 0; padding: 0; background: none} 
#ContainerCols .exergue .contenu .inner .inner2 ul li a {background:url(../../img/arrow_01.gif) transparent no-repeat 0 .3em; padding:0 0 0 13px; text-decoration: none; color: #000}
#ContainerCols .exergue .contenu .inner .inner2 ul li a:hover, #ContainerCols .exergue .contenu .inner .inner2 ul li a:focus, #ContainerCols .exergue .contenu .inner .inner2 ul li a:active {text-decoration:underline;} 
#ContainerCols .exergue .contenu .inner .inner2 p {}
#ContainerCols .exergue .contenu .inner .inner2 a {}

#ContainerCols .exergue2 .contenu {background: #81a102; padding: 12px 15px 1px; margin: 0; color: #fff}
#ContainerCols .exergue2 .contenu h2 {padding: 0; margin: 0 0 .5em 0; background: none; font-size: 1.7em}

#ContainerCols .col50l {width: 228px !important;clear: none !important; float: left !important; margin: 0 15px 1em 0 !important}
#ContainerCols .col50l * {clear: none !important;}
#ContainerCols .col50r * {clear: none !important; float: none !important;}

#ContainerCols .navinterne .inner2 {background: url(../../img/bg_navinterne.png)  #f4f7e7 repeat-y 100% 0}
#ContainerCols .headless .contenu {/*background: url(../../img/bg_exergue.png) no-repeat 100% 0 !important; padding: 1px 0 0 0 !important*/}
#ContainerCols .headless .contenu .inner2 {padding: 10px 15px 1px !important}

/*CALENDAR*/
#ContainerCols #calendar{background:url(../../img/fd_calendar.jpg) 0 0 no-repeat;width:50%;float:left; margin: 0 0 .5em 0;height:243px;
padding:40px 0 0 31px;}
#ContainerCols #calendar .contenu table{color:#92B213;border:none;font-weight:bolder;width:192px;}
#ContainerCols #calendar .contenu table tr th{background:none;border:none;margin:0;padding:4px 4px 5px;text-align:center}
#ContainerCols #calendar .contenu table tr .previous{}
#ContainerCols #calendar .contenu table tr .mois{text-align:center;}
#ContainerCols #calendar .contenu table tr .next{}
#ContainerCols #calendar .contenu table .days{border-top:1px solid #92B213;border-bottom:1px solid #92B213;}
#ContainerCols #calendar .contenu table .days th {padding-bottom: 4px;}
#ContainerCols #calendar .contenu table tr td{border:none;margin:0;padding:2px; text-align: center}
#ContainerCols #calendar .contenu table tr td span a{display:block; background:#FFF;border:#92B213 1px solid; text-align: center; min-width: 15px; width: 15px}
html>body #ContainerCols #calendar .contenu table tr td span a {width: auto}
#ContainerCols #calendar .contenu table tr td span a:hover{background:#007456;color:#FFF;border-color:#007456;}
#ContainerCols #calendar .contenu table tr td span{display:block; text-align:center;}

#ContainerCols .exergue3 {margin: 0 0 2em 0;padding: 0 0 1em 0; background:url(../../img/fd_1.html) 50% 100% no-repeat;}
#ContainerCols .exergue3 .contenu h2 {padding: 0; margin: 0 0 1em 0; background: none; font-size: 1em;}
#ContainerCols .exergue3 .contenu h2 span {display:block;color:#92B213;}
#ContainerCols .exergue3.col50r {background:none;}

/*communiques presse*/
#ContainerCols .communique .contenu {background:transparent url(../../img/bg_chapo.png) repeat-y 50% 0; margin:0 0 2em 0;padding:15px 10px 1em 15px;}
#ContainerCols .communique  .contenu .inner h3 {color:#92B213; margin: 0}
#ContainerCols .communique  .contenu .inner p.date {color:#666666;font-size:.9em;margin:0 0 1em 0;padding:0;}
#ContainerCols .communique  .contenu .inner .inner2 p {color:#000;font-size:1em;margin:0 0 1em 0;}
#ContainerCols .communique  .contenu .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols .communique  .contenu .inner {display:inline-block;}
/* \*/ * html #ContainerCols .communique  .contenu .inner {height:1%;} #ContainerCols .communique  .contenu .inner {display:block;} /* */
#ContainerCols .communique  .contenu .inner .inner2 a.pdf {background:url(../../img/ico_pdf.gif) #FFF no-repeat 10px 50%;padding:6px 10px  7px 31px;display:block;overflow:auto;float:left;}
#ContainerCols .communique  .contenu .inner .inner2 a.lire {background:url(../../img/ico_lire.gif) #FFF no-repeat 10px 50%;padding:6px 10px 7px 31px;display:block;overflow:auto;float:right;}
#ContainerCols .communique #nb_resultats .contenu {background:none;}
#ContainerCols .communique #nb_resultats .contenu .inner .inner2 form{margin:0 auto; text-align:center; float:none;}

#ContainerCols .alaune {}
#ContainerCols #ColContenu .panorama .contenu {background-image: url(../../img/bg_panorama_inner.gif); background-color:#e7e7e8; padding: 0}
#ContainerCols #ColContenu .panorama .contenu .inner {padding: 15px 10px 1em 75px; position: relative}
#ContainerCols #ColContenu .panorama .contenu .inner h3 {color: #000}
#ContainerCols #ColContenu .panorama .contenu .inner h3 span {position: absolute; top: 15px; left: 15px; width: 44px; height: 40px; background-position: 0 0; background-repeat: no-repeat;}
#ContainerCols #ColContenu .panorama .contenu .inner h3 strong {position: absolute; top: -7777px; left: -7777px}
#ContainerCols #ColContenu .panorama .contenu .inner h3 .tri-etude {background-image:url(../../img/picto_pano_01.gif)}
#ContainerCols #ColContenu .panorama .contenu .inner h3 .tri-mensuelle {background-image:url(../../img/picto_pano_02.gif)}
#ContainerCols #ColContenu .panorama .contenu .inner h3 .tri-chiffre {background-image:url(../../img/picto_pano_03.gif)}
#ContainerCols #ColContenu .panorama .contenu .inner .inner2 a.pdf {background:url(../../img/ico_pdf.gif) #FFF no-repeat 100% 50%;padding:6px 41px 7px 10px;display:block;overflow:auto;float:right;}
#ContainerCols #ColContenu .panorama .contenu .inner .inner2 .motscles {font-size: .9em}
#ContainerCols #ColContenu .panorama .contenu .inner .inner2 .motscles a {color: #000; text-decoration: none}
#ContainerCols #ColContenu .panorama .contenu .inner .inner2 .motscles a:hover, #ContainerCols #ColContenu .panorama .contenu .inner .inner2 .motscles a:focus, #ContainerCols #ColContenu .panorama .contenu .inner .inner2 .motscles a:active {text-decoration: underline}
#ContainerCols #ColContenu .panorama .contenu .inner4 {background: #FFF; margin: 0 0 0 15px; padding: 20px 0 2.3em 25px}
#ContainerCols #ColContenu .panorama .contenu .toggle {margin: -2.3em 0 0 0 !important; position:relative}
#ContainerCols #ColContenu .panorama .contenu .toggle a {background-position: 100% 0} 
#ContainerCols #ColContenu .panorama .contenu .toggle .retour {display: inline; font-size: 1.1em; font-weight: bold; color: #007355; background: url(../../img/arrow_west.gif) no-repeat 0 0; padding: 0 0 0 15px} 

#ContainerCols #ColContenu .alaune .contenu {background: url(../../img/bg_panorama_alaune.png) #fff no-repeat 0 100%; padding: 0 0 1em 0; margin-left: -13px; margin-right: -13px; position: relative}
#ContainerCols #ColContenu .alaune .contenu .inner {padding: 15px 10px 0 88px}
#ContainerCols #ColContenu .alaune .contenu .inner h3 span {left: 28px;}
#ContainerCols #ColContenu .alaune .contenu .inner4, #ContainerCols #ColContenu .alaune .contenu .toggle {background: none;}

/* PANORAMA NEW */ 
#ContainerCols.panorama #ColContenu h1 {position: absolute; top: -7777px; left: -7777px} 
#ContainerCols.panorama #ColContenu {padding: 0; width: 679px}
#ContainerCols.panorama #ColContenu .panorama {background: url(../../img/panorama/h1.png) transparent no-repeat 0 15px; padding: 66px 0 0 0; position: relative}
body.en #ContainerCols.panorama #ColContenu .panorama {background:url(../../img/panorama/h1_en.png) transparent no-repeat 0 15px !important;}
#ContainerCols.panorama #ColContenu .panorama .h1bk {display: block; position: absolute; height: 45px; width: 500px; top: 15px}
#ContainerCols.panorama #ColContenu .panorama .h1bk a {display: block; height: 45px; width: 500px;}
#ContainerCols.panorama #ColContenu .panorama .h1bk span {position: absolute; top: -7777px; left: -7777px}
#ContainerCols.panorama #ColContenu .panorama .today {font-size: .9em; color: #666; padding: 0 0 1em 15px}

#ContainerCols.panorama #ColContenu .panorama .panoUne {background: url(../../img/panorama/bg_ombre.gif) #5f5e5f repeat-x 0 100%; min-height: 270px; height: 261px; padding: 0 0 19px; color: #FFF; margin: 0 0 1em; width: 100%; overflow: hidden; _zoom: 1}
html>body #ContainerCols.panorama #ColContenu .panorama .panoUne {height: auto}
#ContainerCols.panorama #ColContenu .panorama .panoUne .date {margin: 0 0 .1em !important; font-size: .9em}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner img {float: left; margin: 0 15px 0 0}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner2 {padding: 20px 16px 0 0;} 
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner2 h2 {padding: 0; margin: 0 0 .5em; background: none; font-size: 1.5em}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner2 h2 a {color: #FFF;}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner2 p {margin: 0 0 .5em}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner2 a.pdf {color: #FFF}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner3 {padding: .3em 0 0; overflow: auto;}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner3 h3 {background: url(../../img/panorama/bg_h3_une.png) no-repeat 0 0; font-size: .9em; font-weight: normal; color: #FFF; padding: 0 0 0 25px; margin: 0 0 .6em; _height:1%;}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner3 ul {padding: 0 0 0 25px; _height:1%;}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner3 ul li {background: url(../../img/panorama/bg_more.png) no-repeat 0 .3em; padding: 0 0 0 18px}
#ContainerCols.panorama #ColContenu .panorama .panoUne .inner3 ul li a {color: #e6edca}

#ContainerCols.panorama #ColContenu .panorama .panoTri {background: url(../../img/bg_bot_containercols.png) no-repeat 100% 100%; padding: 0 0 1em; margin: 0 0 1em; width: 695px; overflow: hidden; _zoom: 1}
#ContainerCols.panorama #ColContenu .panorama .panoTri .date {margin: 0 0 .2em !important; font-size: .9em; color: #666; position: relative}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner {width: 210px; float: left; margin: 0 19px 0 0}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner img {margin: 0; display: block;}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner2 {background: url(../../img/panorama/bg_ombre.gif) repeat-x 0 0; padding: 10px 5px 0 10px;} 
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner2 h2 {padding: 0; margin: 0 0 .5em; background: none; font-size: 1.2em}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner2 p {margin: 0 0 .5em}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner2 a.pdf {color: #000}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner3 {padding: 0; background: url(../../img/panorama/bg_h3_tri.png) no-repeat 0 0}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner3 h3 {font-size: .9em; font-weight: normal; color: #FFF; padding: 0 0 0 20px}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner3 ul li {background: url(../../img/arrow_east.gif) no-repeat 0 .3em}
#ContainerCols.panorama #ColContenu .panorama .panoTri .inner3 ul li a {color: #007456; font-weight: bold}
#ContainerCols.panorama #ColContenu .panorama .panoTri .sep {background: url(../../img/panorama/bg_sep.png) no-repeat 50% 0; height: 10px;}

#ContainerCols.panorama #ColContenu .panorama .panoContenuWhole {background: url(../../img/panorama/bg_panoContenuWhole.jpg) no-repeat 0 0; padding: 18px 0 0 0}
  
#ContainerCols.panorama #ColContenu .panorama .panoContenu {background: url(../../img/panorama/bg_bot.png) no-repeat 63px 100%; padding: 0 0 5px; margin: 0 0 1.5em; width: 695px; overflow: hidden; _zoom: 1}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .date {margin: 0 0 1.5em !important; font-size: .9em; color: #666}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner {padding: 0 0 0 63px}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner h2 {margin: 0 0 .5em -26px} 
/* \*/ * html #ContainerCols.panorama #ColContenu .panorama  a.pdf {zoom: 1;} /* */
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner .img-left {float: left; margin: 0 15px .5em 0; background:url(../../img/panorama/bg_ombre2.gif) repeat-x 0 100% transparent; padding: 0 0 15px}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner .img-right {float: right; margin: 0 0 .5em 15px; background:url(../../img/panorama/bg_ombre2.gif) repeat-x 0 100% transparent; padding: 0 0 15px}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner .img-right a, #ContainerCols.panorama #ColContenu .panorama .panoContenu .inner .img-left a {outline: 0}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner2 {padding: 0;overflow: auto; font-size: .9em; margin: 0 -2px 0 0} 
#ContainerCols.panorama #ColContenu .panorama .panoContenu h3 {padding: 0; margin: 0; color: #000}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner2 p {margin: 0 0 1em !important}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner2 a.pdf {color: #000; margin: 0 2px 0 0}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner2 .texte {overflow: auto;}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner3 {padding: 0; background: url(../../img/panorama/bg_h3_cont.png) no-repeat 0 0;overflow: auto; _height: 1%; font-size: 1.1em}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner3 h3 {font-size: .9em; font-weight: normal; color: #FFF; padding: 0 0 0 20px; margin: 0 0 .8em}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner3 ul {margin:0 0 1em 0;}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .exergue .contenu {margin: 0 0 2em 0; background: none;}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .exergue .contenu .inner {border-left: 1px solid #92b213;}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .exergue .contenu .inner h2 {font-size: 1em; color: #FFF; display: inline; background: #92b213; margin: 0; padding: 0 10px; border-bottom: 2px solid #92b213}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .exergue .contenu .inner .inner2 a.pdf {background:url(../../img/ico_pdf.gif) #FFF no-repeat 0 50%;padding:6px 10px 7px 21px;display:block;overflow:auto;float:none; font-size: 1.1em}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .exergue .contenu .inner {background: url(../../img/bg_exergue.png) no-repeat 100% 100%; padding: 0 0 1px 0}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .exergue .contenu .inner .inner2 {padding: 15px 15px 1px;}


#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner3 ul li {background: url(../../img/arrow_east.gif) no-repeat 18px .3em; padding: 0 0 0 38px}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .inner3 ul li a {color: #007456; font-weight: bold}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .sep {background: url(../../img/panorama/bg_sep.png) no-repeat 50% 0; height: 10px;}

#ContainerCols.panorama #ColContenu .panorama .panoContenu .chapo .inner {padding:0 0 0 13px;}
#ContainerCols.panorama #ColContenu .panorama .panoContenu .chapo .inner h2 {font-size: 1em; margin: 1em 26px 1em -26px; font-weight: normal; background: none !important;}
#ContainerCols #ColContenu .panorama .panoContenu .contenu {background-image: url(../../img/bg_panorama_inner.gif);background-color:#E7E7E8;padding:0;margin-left:63px;}


#ContainerCols.panorama #ColContenu .panorama .panoContenuNew {background: url(../../img/panorama/bg_bot.png) no-repeat 63px 100%; padding: 0 0 5px; margin: 0 0 1.5em; width: 695px; overflow: hidden; _zoom: 1}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .date {margin: 0 0 1.5em !important; font-size: .9em; color: #666}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner {padding: 0 0 0 63px}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner h2 {margin: 0 0 .5em -26px} 
/* \*/ * html #ContainerCols.panorama #ColContenu .panorama  a.pdf {zoom: 1;} /* */
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner .img-left {float: left; margin: 0 15px .5em 0; background:url(../../img/panorama/bg_ombre2.gif) repeat-x 0 100% transparent; padding: 0 0 15px}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner .img-right {float: right; margin: 0 0 .5em 15px; background:url(../../img/panorama/bg_ombre2.gif) repeat-x 0 100% transparent; padding: 0 0 15px}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner .img-right a, #ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner .img-left a {outline: 0}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner2 {padding: 0;font-size: .9em; margin: 0 -2px 0 0} 
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew h3 {padding: 0; margin: 0; color: #000}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner2 p {margin: 0 0 1em !important}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner2 a.pdf {color: #000; margin: 0 2px 0 0}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner2 .texte {overflow: auto;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner3 {padding: 0; background: url(../../img/panorama/bg_h3_cont.png) no-repeat 0 0;overflow: auto; _height: 1%; font-size: 1.1em}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner3 h3 {font-size: .9em; font-weight: normal; color: #FFF; padding: 0 0 0 20px; margin: 0 0 .8em}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner3 ul {margin:0 0 1em 0;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .exergue .contenu {margin: 0 0 2em 0; background: none;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .exergue .contenu .inner {border-left: 1px solid #92b213;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .exergue .contenu .inner h2 {font-size: 1em; color: #FFF; display: inline; background: #92b213; margin: 0; padding: 0 10px; border-bottom: 2px solid #92b213}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .exergue .contenu .inner .inner2 a.pdf {background:url(../../img/ico_pdf.gif) #FFF no-repeat 0 50%;padding:6px 10px 7px 21px;display:block;overflow:auto;float:none; font-size: 1.1em}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .exergue .contenu .inner {background: url(../../img/bg_exergue.png) no-repeat 100% 100%; padding: 0 0 1px 0}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .exergue .contenu .inner .inner2 {padding: 15px 15px 1px;}


#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner3 ul li {background: url(../../img/arrow_east.gif) no-repeat 18px .3em; padding: 0 0 0 38px}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner3 ul li a {color: #007456; font-weight: bold}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .sep {background: url(../../img/panorama/bg_sep.png) no-repeat 50% 0; height: 10px;}

#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .chapo .inner {padding: 0 0 0 13px;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .chapo .inner h2 {font-size: 1em; margin: 1em 26px 1em -26px; font-weight: normal; background: none !important;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner .inner2 .left img {float:left;margin:0 15px .5em 0;}
#ContainerCols.panorama #ColContenu .panorama .panoContenuNew .inner .inner2 .right img {float:right;margin:0 0 .5em 15px;}
#ContainerCols #ColContenu .panorama .panoContenuNew .contenu {background-image: url(../../img/bg_panorama_inner.gif);background-color:#E7E7E8;padding:0;margin-left:63px;}


.tri .contenu {background-color: #007456 !important; border: 0 !important;text-align: right;position: relative; padding: 2em 0 0 0;}
.tri .contenu .inner {position: static}
.tri .contenu .inner h2 {position: absolute; top: 0; right: 0; display: block !important; background-color: #007456 !important; border: 0 !important;text-align: right; font-size: 1.7em !important;}
.tri .contenu .inner label {display: inline; float: left;}
.tri .contenu .inner input {margin: 0 5px 0 20px}

/* exergue 4*/
#ContainerCols .exergue4 .inner {margin: 0 0 2em 0;position:relative; background:url(../../img/bg_exergue4.gif) no-repeat 50% 100%;padding:0 0 1.5em 0;}
#ContainerCols .exergue4 .inner h3 {margin:0;padding:0;}
#ContainerCols .exergue4 .inner p {margin:0;padding:0;}
#ContainerCols .exergue4 .inner .logo {/*position:absolute; top:0; right:15px;*/float:right;margin:-2.5em 15px 0 0;}
#ContainerCols .exergue4 .inner .inner2 {padding:1.5em 0 1px;}
#ContainerCols .exergue4 .inner .inner2  p{padding:0 0 1em 0;}
#ContainerCols .exergue4 .inner .inner2 ul {margin: 0 0 1em 0}
#ContainerCols .exergue4 .inner .inner2 ul li {margin:0 10px 0 0; padding:0;background:none;display:inline;} 
#ContainerCols .exergue4 .inner .inner2 ul li a {padding:0 0 0 13px; text-decoration: none; color: #000;}
#ContainerCols .exergue4 .inner .inner2 ul li a.fiche {background:url(../../img/puce_exergue4.gif) transparent no-repeat 0 -15px; padding:0 0 0 19px; text-decoration: none; color: #000;}
#ContainerCols .exergue4 .inner .inner2 ul li a.filiale {background:url(../../img/puce_exergue4.gif) transparent no-repeat 0 0; padding:0 0 0 21px; text-decoration: none; color: #000;}
#ContainerCols .exergue4 .inner .inner2 ul li a.web {background:url(../../img/puce_exergue4.gif) transparent no-repeat 0 -30px; padding:0 0 0 21px; text-decoration: none; color: #000;}

/* exergue 5*/
#ContainerCols .exergue5 {width:49%;float:left; padding: 0 0 1px 0}
#ContainerCols .exergue5 .contenu {margin:0;}
#ContainerCols .exergue5 .contenu .inner h2 {font-size: 1em; margin: 0 0 15px;padding: 0; background: none}
#ContainerCols .exergue5 .contenu .inner h2 span {color: #FFF; background: #92b213; padding: 0 10px}
#ContainerCols .exergue5 .contenu .inner .inner2 {padding: 0 0 1px;}
#ContainerCols .exergue5 .contenu .inner .inner2 {padding: 0 0 1px;}
#ContainerCols .exergue5 .contenu .inner .inner2 ul {margin: 0 0 1em 0;}
#ContainerCols .exergue5 .contenu .inner .inner2 ul li {margin:0;padding:0;background:none;width: 100%; vertical-align: middle} 
#ContainerCols .exergue5 .contenu .inner .inner2 ul li a {display: block;background:url(../../img/arrow_01.gif) transparent no-repeat 0 .3em; padding:0 0 0 13px; text-decoration: none; color: #000;}


/* FIL d'ARIANE */
#FildAriane {color:#666; margin: 1em 0 10px; font-size: .9em}
#FildAriane a {color:#666; text-decoration: underline; padding: 0 5px}
#FildAriane a:hover {text-decoration: none; color: #007456}

/* toolBox*/
#toolBox {margin:0 0 2.4em 0;padding:0 36px 0 0;float: right;}
#toolBox ul {list-style:none;margin:0;padding:0;}
#toolBox ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#toolBox ul {display:inline-block;}
/* \*/ * html #toolBox ul {height:1%;} #toolBox ul {display:block;} /* */
#toolBox ul li {background:url(../../img/toolbox/pipe.gif) no-repeat 100% 5px;
margin:0 0 0 3px;padding:0 5px 0 3px;float:right;width:auto;}
#toolBox ul li a {display: block; width: 18px; height: 15px; background-image: url(../../img/toolbox/bg_toolbox.gif); background-repeat: no-repeat;border: 1px solid #FFF; border-top: 1px solid #F4F4F4}
#toolBox ul li a:hover, #toolBox ul li a:focus, #toolBox ul li a:active {border: 1px solid #8d8d8d}
#toolBox ul li a span {position: absolute; top: -7777px; left: -7777px;}
#toolBox ul li #print {margin: 0 10px 0 0; background-position: 100% 0}
#toolBox ul li #Tplus {background-position: -18px 0}
#toolBox ul li #Tmoins {background-position: 0 0}
#toolBox ul li.wikio {padding: 1px 0 0 0; margin: 0 0 0 -1px; z-index: 10}
#toolBox ul li.wikio a {width: auto; height: auto;border:0 !important}
#toolBox ul li.wikio img {border: 1px solid #b7b7b7}
#toolBox ul li.wikio a:hover img, #toolBox ul li.wikio a:focus img, #toolBox ul li.wikio a:active img {border: 1px solid #8d8d8d}

/* HOMEPAGE DEBUT */
body#home #ColContenu {text-align:left;margin:0;padding:0;float:left;width:500px;background-color:#EFEFEF;}
body#home #ColContenu p, body#home #ColContenu h2, body#home #ColContenu ol {margin:0 0 1em 0;}

body#home h1 {}
body#home h2 {}
body#home h3 {}
body#home h4 {}
body#home h5 {}
body#home h6 {}

body#home .left {float:left;margin:.6em 15px 15px 0;}
body#home .right {float:right;margin:.6em 0 15px 15px;}
body#home .center {text-align:center;}
body#home .justify {text-align:justify;}
body#home .middle {display:block;margin:0 auto;}

body#home #ColA {width: 552px; float: left; padding: 30px 0 15px; margin: 0;} 

body#home h2 {font-size: 1.6em; margin: 0 0 5px 0}
         
#ColA .hometabs {background: url(../../img/bg_hometabs.png) no-repeat 0 100%; padding: 0 0 23px 12px; clear: both; margin: 0 0 1em 0}
#ColA .hometabs .container {overflow: hidden; margin: 0 0 1em 0}
#ColA .hometabs .container .tabcontent {padding: 0 0 1px 0}
#ColA .hometabs .hometabslist {margin: 0 -6px 0 0;}
#ColA .hometabs .hometabslist ul {padding: 0; margin: 0; width: 546px; overflow: hidden; _zoom: 1; height: 45px;}
#ColA .hometabs .hometabslist li {float: left; margin: 0 2px 0 0; text-align: center; height: 45px;width:99px; background-image: url(../../img/bg_hometabslist.gif); background-repeat: no-repeat;}
body.en #ColA .hometabs .hometabslist li {background-image: url(../../img/bg_hometabslist_en.gif);}
#ColA .hometabs .hometabslist .tab4 {width: 141px}
#ColA .hometabs .hometabslist li a {display: block; padding: 0; color: #FFF; margin: 0; text-align: center; height: 45px;width:99px; background-image: url(../../img/bg_hometabslist.gif); background-repeat: no-repeat;}
body.en #ColA .hometabs .hometabslist li a {background-image: url(../../img/bg_hometabslist_en.gif);}
#ColA .hometabs .hometabslist .tab1 a, #ColA .hometabs .hometabslist .tab1 {background-position: 0 100%}
#ColA .hometabs .hometabslist .tab2 a, #ColA .hometabs .hometabslist .tab2 {background-position: -101px 100%}
#ColA .hometabs .hometabslist .tab3 a, #ColA .hometabs .hometabslist .tab3 {background-position: -202px 100%}
#ColA .hometabs .hometabslist .tab4 a, #ColA .hometabs .hometabslist .tab4 {background-position: -304px 100%; width: 140px}
#ColA .hometabs .hometabslist .tab5 a, #ColA .hometabs .hometabslist .tab5 {background-position: -447px 100%}
html>body #ColA .hometabs .hometabslist .selected.tab1 a, #ColA .hometabs .hometabslist .selected.tab1 {background-position: 0 0}
html>body #ColA .hometabs .hometabslist .selected.tab2 a, #ColA .hometabs .hometabslist .selected.tab2 {background-position: -101px 0}
html>body #ColA .hometabs .hometabslist .selected.tab3 a, #ColA .hometabs .hometabslist .selected.tab3 {background-position: -202px 0}
html>body #ColA .hometabs .hometabslist .selected.tab4 a, #ColA .hometabs .hometabslist .selected.tab4 {background-position: -304px 0;}
html>body #ColA .hometabs .hometabslist .selected.tab5 a, #ColA .hometabs .hometabslist .selected.tab5 {background-position: -447px 0}
#ColA .hometabs .hometabslist li a, #ColA .hometabs .hometabslist li {background-position-y: 100%}
#ColA .hometabs .hometabslist .selected a, #ColA .hometabs .hometabslist .selected {background-position-y: 0 !important}
#ColA .hometabs .hometabslist li a span {position: absolute; top: -7777px; left: -7777px}
#ColA .hometabs .hometabslist .selected {/*background: #007456*/}
#ColA .hometabs .hometabslist .selected a {margin: 0}
body#home .hometabs .tabcontent .inner {padding: 0 0 0 20px}
body#home .hometabs .tabcontent .inner h3 {color: #007456; font-size: 1.5em; margin: 0 0 .5em 0} 
body#home .hometabs .tabcontent .inner .more a {color: #007456; padding: 0 0 0 17px; background: url(../../img/bg_hdp.png) no-repeat 0 .3em;} 

body#home .hometabs .tabcontent .inner li {overflow: auto; margin: 0 0 .5em 0;height:1%;}
body#home .hometabs .tabcontent .inner li a {margin: 0 1px 0 0;}
body#home .hometabs .tabcontent .inner li {padding: 0 0 0 18px; background: url(../../img/tick.png) no-repeat 0 .3em}
body#home .hometabs .tabcontent .inner li ul {padding: 0; margin: .5em 0 0 0}
body#home .hometabs .tabcontent .inner li li {margin: 0; padding: 0 0 0 8px; background: url(../../img/tiret_01.gif) no-repeat 0 .55em} 

#ColA .hometabs .txtVisu .blocVisu {max-width: 250px; width: 250px !important}
html>body #ColA .hometabs .txtVisu .blocVisu {width: auto}
#ColA .hometabs .txtVisu .blocVisu img {max-width: 250px; width: 250px}
html>body #ColA .hometabs .txtVisu .blocVisu img {width: auto}
#ColA .hometabs .txtVisu .blocTxt {width: 250px; float: left;}
#ColA .hometabs .txtVisu .blocTxt p.more {position:relative;}


#ColA .contenu {clear: both;}

body#home .cacest .contenu {background: url(../../img/bg_cacest_top.png) no-repeat 0 0; margin: 0 0 2em 10px; padding: 1px 0 0 0}
body#home .cacest .contenu .inner {background: url(../../img/bg_cacest_in.png) repeat-y 0 0; padding: 8px 0 0 0}
body#home .cacest .contenu .inner h2 {font-size: 1em; color: #1f609c; margin: 0 0 0 30px !important} 
body#home .cacest .contenu .inner2 {background: url(../../img/bg_cacest_bot.png) no-repeat 100% 100%; padding: 0 0 1px 30px; position: relative; font-weight: bold; color: #3d3d43}
body#home .cacest .contenu .inner2 .liens {line-height: 1em; height: 1em; position: absolute; right: 20px; top: -10px;}
body#home .cacest .contenu .inner2 p {margin: 0 0 1em 0}
body#home .cacest .contenu .inner2 p.liens a {margin: 0 10px} 


#ColA .metiers {width: 280px; float: left; display: inline; clear: none; margin: 0 0 2em 0}
#ColA .metiers h2 {color: #007456; margin: 0}
#ColA .metiers .blocTxt {float: right;}
#ColA .metiers .blocVisu {background-color:#CF0;margin-right:0 !important;}
#ColA .metiers ul {padding: 0;  margin: 0; width: 132px;overflow: hidden; _zoom: 1}
#ColA .metiers ul li {padding: 0 0 0 20px; margin: 0 0 .5em 0; background: url(../../img/bg_colmenu_li.png) no-repeat 0 0; float: left;}
#ColA .metiers ul li a {padding: 0; display: block; margin: 0 1px 0 0}
#ColA .metiers ul li.on a {background-color: #92b213; font-weight: bold; color: #FFF}

#ColA .presse {width: 261px; float: right; margin: 0 0 0 -20px}
#ColA .presse h2, #ColA .presse h2 a {color: #7aa61c}
#ColA .presse .label {position: absolute; top: -7777px; left: -7777px}
#ColA .presse h3 {font-size: 1em;background: url(../../img/bg_press_on.png) #92b213 repeat-y 100% 0; margin: 0 0 5px 0; padding: 0 0 1px 0}
#ColA .presse .close h3 {background: url(../../img/bg_press_off.png) #e1e1e2 repeat-y 100% 0;}
#ColA .presse h3 a {display: block; color: #FFF; padding: 0 0 0 22px; background: url(../../img/arrow_01.png) no-repeat 1px 1px;}
#ColA .presse .close h3 a {color: #3d3d43}
#ColA .presse .more {margin: 0 0 0 23px}  
#ColA .presse .more a {color: #007456; text-decoration: underline;} 
#ColA .presse ul {margin: 0 0 .7em 22px; padding:0}
#ColA .presse .inner2 {padding: 0; margin: 0}

#ColA .presence .contenu {height: 326px; margin: 0 0 1em 5px}
#ColA .presence .contenu .inner h2 {position: absolute; color: #007456; width: 125px; z-index: 50}
#ColA .presence .contenu .inner .inner2 a {position: absolute;
display: block; height: 326px; width: 551px;background: url(../../img/bg_homemap.gif) no-repeat 50% 0; color: #007456; text-decoration: underline}
#ColA .presence .contenu .inner .inner2 a:hover {background-position: 50% 100%; text-decoration: none;}
#ColA .presence .contenu .inner .inner2 a strong {display: block; padding: 295px 0 0 300px}

body#home #ColB {float: right; width: 376px;padding: 20px 0 0 0; margin: 0 10px 0 -10px; display: inline;}

body#home #ColB .panorama {margin: 0 0 2em 0}
body#home #ColB .panorama .inner {background: url(../../img/bg_colb_bot.png) no-repeat 50% 100%; padding: 0 0 12px 0}
body#home #ColB .panorama .inner h2 {color: #007456; background: url(../../img/bg_h2_panorama.png) no-repeat 0 .25em; padding: 0 0 0 25px}
body#home #ColB .panorama .inner h2 a {color: #007456;} 
body#home #ColB .panorama .inner2 {background: url(../../img/bg_colb_top.jpg) no-repeat 10px 0;}
body#home #ColB .panorama .inner2 .inner2, body#home #ColB .panorama .inner .inner {background-image: none;}
body#home #ColB .panorama .inner2 .contenu {width: 354px; margin: 0 0 0 16px; background-color: #e2e2e3}
body#home #ColB .panorama .inner2 .contenu h3 {margin: 0 0 2px 10px; padding: 10px 0 0 0; color: #565656; text-transform: uppercase; background: url(../../img/bg_h3_focus.png) no-repeat 100% 100%; font-size: 1.1em}
body#home #ColB .panorama .inner2 .contenu h3 span {background-color: #e2e2e3; padding: 0 5px 0 0}
body#home #ColB .panorama .inner2 .contenu h3 a {color: #565656;}
body#home #ColB .panorama .inner2 .contenu .inner2 {margin: 0 10px;}

body#home #ColB .panorama .inner2 .etudes .contenu {background: url(../../img/bg_colb_top.jpg) #e2e2e3 no-repeat 50% 0;}
body#home #ColB .panorama .inner2 .etudes .contenu h3 {color: #FFF; background: url(../../img/bg_h3_etudes.png) no-repeat 100% 100%}
body#home #ColB .panorama .inner2 .etudes .contenu h3 span {background: url(../../img/bg_colb_top.jpg) no-repeat -15px 0; padding: 0 5px 0 0}
body#home #ColB .panorama .inner2 .etudes .contenu .inner2 {background-color: #045540; color: #FFF; padding: 0 15px}
body#home #ColB .panorama .inner2 .etudes .contenu .middle {margin: 0}
body#home #ColB .panorama .inner2 .etudes .contenu .middle .blocVisu {margin: 0 -15px 10px; position: relative}
body#home #ColB .panorama .inner2 .etudes .contenu li {padding: 0 0 0 10px; background: url(../../img/square_02.png) no-repeat 0 .5em;margin: 0 0 .5em 0}
body#home #ColB .panorama .inner2 .etudes .contenu a {color: #FFF}

body#home #ColB .focus .inner .inner2 {padding: 5px 0 1px}
body#home #ColB .focus .inner .inner2 ul {margin: 0; padding: 0}
body#home #ColB .focus .inner .inner2 li {clear: both; width: 334px; overflow: hidden; _zoom: 1}
body#home #ColB .focus .inner .inner2 li h4 {width: 108px; height: 73px; background: url(../../img/bg_focus.png) no-repeat 0 0; float: left; margin: 0 10px 0 0; text-align: center; color: #FFF; font-size: 1em}
body#home #ColB .focus .inner .inner2 li h4 span {display: block; padding: 27px 10px 0; text-transform: uppercase;}
body#home #ColB .focus .inner .inner2 li p {padding: 5px 2px .5em 15px; width: 198px; float: left; color: #FFF; height: 50px; min-height: 50px}
html>body#home #ColB .focus .inner .inner2 li p {height: auto;}
body#home #ColB .focus .inner .inner2 li p strong {font-size: 1.7em;}
body#home #ColB .focus .inner .inner2 a {color: #FFF;text-decoration:none;}
body#home #ColB .focus .inner .inner2 a:hover,
body#home #ColB .focus .inner .inner2 a:focus,
body#home #ColB .focus .inner .inner2 a:active
{color:#FFF;text-decoration:underline;} 

body#home #ColB .focus .inner .inner2 li.item1 h4 {background-position: 0 0} 
body#home #ColB .focus .inner .inner2 li.item2 h4 {background-position: 0 -73px}
body#home #ColB .focus .inner .inner2 li.item3 h4 {background-position: 0 -146px}
body#home #ColB .focus .inner .inner2 li.item1 p {background-color: #007456} 
body#home #ColB .focus .inner .inner2 li.item2 p {background-color: #4c8c2e}
body#home #ColB .focus .inner .inner2 li.item3 p {background-color: #81a102}
body#home.en #ColB .focus .inner .inner2 li.item2 span {padding:13px 10px 0 10px;}
body#home #ColB .focus .inner .inner2 li.item3 span {padding:20px 10px 0 10px;}

body#home #ColB .recrutement .contenu {margin: 0 0 4em 0}
body#home #ColB .recrutement .inner h2 {color: #5f1154; background: url(../../img/bg_h2_recrutement.png) no-repeat 0 .25em; padding: 0 0 0 25px}
body#home #ColB .recrutement .inner h2 a {color: #5f1154;}
body#home #ColB .recrutement .inner .inner2 ul {width: 376px; overflow: hidden; _zoom: 1}
body#home #ColB .recrutement .inner .inner2 li {float: left; margin: 0 0 0 14px; height: 92px; width: 102px;}
body#home #ColB .recrutement .inner .inner2 li a {background-image: url(../../img/bg_recrutement.png); background-repeat: no-repeat; display: block;height: 92px; width: 102px; background-image: url(../../img/bg_recrutement.png); background-repeat: no-repeat}
body#home #ColB .recrutement .inner .inner2 li a span {position: absolute; top: -7777px; left: -7777px}
body#home #ColB .recrutement .inner .inner2 li.item1 a {background-position: 0 0} 
body#home #ColB .recrutement .inner .inner2 li.item2 a {background-position: -102px 0}
body#home #ColB .recrutement .inner .inner2 li.item3 a {background-position: -204px 0}

body#home #ColB .engagements .inner {background: url(../../img/bg_h2_engagements.png) no-repeat 50% 0;}
body#home #ColB .engagements .inner h2 {color: #3d3d43; background: url(../../img/bg_h2_engagements.png) no-repeat 50% 100%; padding: 4px 0; text-align: center; font-size: 1em;}
body#home #ColB .engagements .inner .inner2 ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
body#home #ColB .engagements .inner .inner2 ul {display:inline-block;}
/* \*/ * html body#home #ColB .engagements .inner .inner2 ul {height:1%;} body#home #ColB .engagements .inner .inner2 ul {display:block;} /* */
body#home #ColB .engagements .inner .inner2 li {float: left; margin: 0 0 0 20px;}

/* HOMEPAGE FIN */


/* [ INTERIEUR, Colonne de menu secondaire ]________________________ */

#ColMenu {float:left; margin:0 0 0 5px; display: inline; padding:0;text-align:left;}
#ColMenu #Tt {background: url(../../img/bg_colmenu_tt.png) no-repeat 0 0; height: 45px; padding: 0 0 0 10px; font-weight: bold; color: #FFF; line-height: 45px; margin: 0; font-size: 1em}
#ColMenu ul {padding: 0; margin: 0}
#ColMenu ul li {display: inline-block; width: 100%; padding: 0 0 0 15px; margin: 0; background: url(../../img/bg_colmenu_li.png) no-repeat 0 1px}
#ColMenu ul li a {padding: 0 9px;text-decoration: none; color: #3d3d43; display: block;float: left;clear: both; margin: 0 0 5px}
#ColMenu ul li a:hover, #ColMenu ul li a:focus, #ColMenu ul li a:active {text-decoration: underline !important}
#ColMenu ul ul {clear: both; padding: 1px 0 0}
#ColMenu ul li.on a {background: url(../../img/px_ff.gif) #92b213 repeat-x 0 0; font-weight: bold; color: #FFF}
#ColMenu ul li.on li {background: none; padding: 0; margin: 0 0 .4em}
#ColMenu ul li.on ul {margin: .5em 0 0 0}
#ColMenu ul li.on ul li a {background:url(../../img/arrow_01.gif) transparent no-repeat 0 .3em; padding:0 9px 0 13px; text-decoration: none; color: #3d3d43; font-weight: normal} 
#ColMenu ul li.on ul li.on a {background:url(../../img/bg_arrow_annexe.gif) #92b213 no-repeat 0 .3em; color: #FFF; font-weight: bold;}
#ColMenu ul li.on ul li.on li {margin: 0}
#ColMenu ul li.on ul li.on li a {background: url(../../img/square_02.gif) #FFF no-repeat 13px .5em; color: #3d3d43; font-weight: normal;padding: 0 9px 0 20px}
#ColMenu ul li.on ul li.on li.on a {font-weight: bold}

/* [ INTERIEUR, Colonne de contenu principal ]________________________ */

#ColContenu {text-align:left;margin:0 0 0 14px;padding:0 0 40px 26px;float:left; position: relative}
#ColContenu p, #ColContenu h2, #ColContenu ol {margin:0 0 1em 0;}

/* Titraille */
#ColContenu h1 {color: #81a102; font-size: 1.7em; padding: 2px 0 0 0}
#ColContenu h2 {background: url(../../img/bg_h2.png) no-repeat 0 .2em; padding: 0 0 0 26px; margin: 0 0 1em -26px;font-size: 1.3em; z-index: 0}
#ColContenu h3 {color: #81a102;font-size: 1.2em}
#ColContenu h4 {color: #000;font-size: 1.1em; font-weight: bold}
#ColContenu h5 {color: #000;font-size: 1em; font-weight: bold}
#ColContenu h6 {color: #000;font-size: 1em; font-weight: normal; font-style: italic}

/* Contenu standard en colonne centrale */
#ColContenu .contenu {clear: both}
#ColContenu .contenu .inner {}
#ColContenu .contenu .inner h2 {}
#ColContenu .contenu .inner .inner2 {}
#ColContenu .contenu .inner .inner2 p {}
#ColContenu .contenu .inner .inner2 a {}

/* Liste standard */
#ColContenu ul {margin:0 0 2em 0;padding:0;list-style:none;}
#ColContenu ul li {overflow: auto; margin: 0 0 .5em 0;}
#ColContenu ul li a {margin: 0 1px 0 0;}
#ColContenu ul li {padding: 0 0 0 18px; background: url(../../img/tick.png) no-repeat 0 .3em}
#ColContenu ul li ul {padding: 0; margin: .5em 0 0 0}
#ColContenu ul li li {margin: 0; padding: 0 0 0 8px; background: url(../../img/tiret_01.gif) no-repeat 0 .55em} 

/* Tableau standard */
#ColContenu .contenu .inner2 table {border-collapse:collapse; padding:0;font-size:100%;margin:0 0 3em 0;width:100%; border-spacing: 0; border-bottom: 1px solid #b0b0b0}
#ColContenu .contenu .inner2 table caption {margin:0 0 1em 0;color:#666;}
#ColContenu .contenu .inner2 table thead th {border-left: 1px solid #FFF; background: #92b213; color: #FFF; font-weight: bold; text-align: center; vertical-align:middle; padding: 5px 10px}
#ColContenu .contenu .inner2 table tbody th {border-top: 1px solid #b0b0b0; background: #e1e1e2; color: #000; font-weight: bold; text-align: left; vertical-align:middle; padding: 5px 10px; vertical-align: top}
#ColContenu .contenu .inner2 table tbody td {border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; padding:5px 10px; vertical-align: top;}
#ColContenu .contenu .inner2 table tfoot td {background-color:#F3F3F2;padding:5px 2px;}
#ColContenu .contenu .inner2 table tfoot th {background-color:#F3F3F2;padding:5px 10px 5px 2px;text-align:right;}

/* Navigation lineaire */
#ColContenu .navlineaire .contenu {margin:0 0 1.5em 0;padding:0;}
#ColContenu .navlineaire .contenu:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColContenu .navlineaire .contenu {display:inline-block;}
/* \*/ * html #ColContenu .navlineaire .contenu {height:1%;} #ColContenu .navlineaire .contenu {display:block;} /* */
#ColContenu .navlineaire .contenu .inner {}
#ColContenu .navlineaire .contenu .inner h2 {}
#ColContenu .navlineaire .contenu .inner .inner2 {}
#ColContenu .navlineaire .contenu .inner .inner2 p {}
#ColContenu .navlineaire .contenu .inner .inner2 p.prev {float:left;}
#ColContenu .navlineaire .contenu .inner .inner2 p.next {float:right;}
#ColContenu .navlineaire .contenu .inner .inner2 p.prev a {float:left;background:url(../../img/arrow_west.gif) transparent no-repeat 0 .2em;padding:0 0 0 15px;}
#ColContenu .navlineaire .contenu .inner .inner2 p.next a {float:right;background:url(../../img/arrow_east.gif) transparent no-repeat 100% .2em;padding:0 15px 0 0;}

/* Onglets */
#ColContenu ul.onglets {margin:0 0 1.5em 0;padding:0;list-style:none;}
#ColContenu ul.onglets:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColContenu ul.onglets {display:inline-block;}
/* \*/ * html #ColContenu ul.onglets {height:1%;} #ColContenu ul.onglets {display:block;} /* */
#ColContenu ul.onglets li {float:left;margin:0 1px 0 0;background-color:#CCC;color:#000;}
#ColContenu ul.onglets li span {display:block;}
#ColContenu ul.onglets li span a {display:block;padding:.5em 1em;color:#000;text-decoration:none;}
#ColContenu ul.onglets li span a:hover,
#ColContenu ul.onglets li span a:active,
#ColContenu ul.onglets li span a:focus {text-decoration:underline;}
#ColContenu ul.onglets li.on {background-color:#000;color:#CCC;}
#ColContenu ul.onglets li.on span {}
#ColContenu ul.onglets li.on span a {color:#CCC;}


/* Formulaire de contact */
.generique {margin: 0; padding: 0;}
.generique:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.generique {display:inline-block;}
/* \*/ * html .generique {height:1%;} .generique {display:block;} /* */
.generique div.row {padding:0 0 1em 0; margin: 0}
.generique div.row:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.generique div.row {display:inline-block;}
/* \*/ * html .generique div.row {height:1%;} .generique div.row {display:block;} /* */
.generique div.row label {display: block;margin:0;}
.generique input {border:1px solid #a4a8ab;font:1em Arial,sans-serif; color: #666; width: 97%; float: left;}
.generique textarea {border:1px solid #a4a8ab;font:1em Arial,sans-serif; color: #666;overflow:auto; width: 97%; height: 105px; float: left;}
.generique select {border:1px solid #a4a8ab;font:1em Arial,sans-serif; color: #666; width: 97%; float: left;}
.generique .col1 {width: 145px}
.generique .col2 {width: 170px}
.generique .col3 {width: 135px}
.generique .lab30 {width: 130px; float: left; text-align: right; }
.generique abbr.requis, .generique p.requis span {background: url(../../img/bg_requis.gif) no-repeat 0 1px; font-size: .8em; padding: 0 2px; color: #92b213; cursor: default}
.generique abbr.requis {float: right;}
.generique .formw {float: right; width: 310px}
.generique .formw input, .generique .formrow input {width: 240px; float: none;}
.generique .formrow input {width: 240px; float: none;}
.generique .formw abbr.requis {float: none;}
.generique .formw #cp {width: 75px} 
.generique .radio {padding: 0}
.generique .radio input {width: auto; display: inline !important;border: 0 !important;}
.generique .formw .radio label {padding: 0 10px 0 0}
.generique .formw .radio abbr.requis {margin: 0 0 0 20px}
.generique .radio label {display: inline !important;}
.generique span.radio  {float:left; }
.generique .mentions {font-size: .9em; color: #666}
.generique p.requis {text-align: right; font-size: .9em;} 
.generique p.requis span {font-size: 1em}
.generique .captcha .somme {float: left;}
.generique .captcha input {width: 45px}
.generique .captcha label {width: auto;display: inline !important;}
.generique .captcha .formw {width: 270px}
.generique .powermail_mandatory_js {clear: both;}


.generique .validation {width: 100%; overflow: hidden; _zoom: 1; margin: 0 0 1em 0}
.generique .validation .button {float: right; background: url(../../img/bg_button.png) no-repeat 100% 0; padding: 0 10px 0 0; display: inline; width: 77px; min-width: 77px;}
html>body .generique .validation .button {width: auto}
html>body .generique .validation .button {*width: 77px} 
.generique .validation .button input {font-size: 1em !important; color: #FFF; background: url(../../img/bg_button.png) no-repeat 0 0; border: 0; width: auto; line-height: auto !important; margin: 0 !important; padding: 1px 0 3px 10px !important; font-weight: bold; cursor: pointer}
.toggle {padding: 0 0 35px 0; background: url(../../img/bg_generique.png) repeat-x 0 100%; color:#71787d; text-align: right; font-size: .9em;} 
.toggle a {color:#71787d;background: url(../../img/bg_searchtoggle.gif) no-repeat 100% 100%; padding: 5px 22px 6px 0;display: block; text-decoration: underline}
.toggle a.close {background-position: 100% 0}
.toggle a:hover, .toggle a:focus, .toggle a:active {text-decoration: none;}

#nb_resultats {padding: 0; margin: 0 0 1em 0; width: 100%; overflow: hidden; _zoom: 1}
#nb_resultats p {font-size: 1.2em; font-weight: bold; text-align: center; margin: 0 50px 2em}
#nb_resultats strong {color: #94b319}
#nb_resultats form {margin: 0; border: 1px solid #dfdfdf; border-width: 1px 0; padding: 3px 10px; color: #a4a8ab; float: left;}
#nb_resultats form select {border:1px solid #a4a8ab;font:1em Arial,sans-serif; color: #666;}

.resultats h2 {background: none !important; margin: 0 0 .3em 0 !important; padding: 0 !important}
.resultats h2 span {font-size: .8em; font-weight: normal; background: #92b213; color: #FFF; padding: 0 4px; float: left; margin: 0 10px 0 0}
.resultats h2 a {color: #007456;font-size: .9em; text-decoration: none}
.resultats h2 a:hover, .resultats h2 a:focus, .resultats h2 a:active {text-decoration: underline}
.resultats .inner2 {margin: 0 0 1.5em 44px}
.resultats .inner2 p {margin: 0 0 .3em 0 !important}
.resultats .inner2 p.path {color: #626262}
.resultats .inner2 p.path a {color: #626262; text-decoration: underline}
.resultats .inner2 p.path a:hover, .resultats .inner2 p.path a:focus, .resultats .inner2 p.path a:active {text-decoration: none}

.quiz #formquiz fieldset {border: 0;padding: 0 0 15px 0; background: url(../../img/bg_quiz.png) no-repeat 50% 100%;} 
.quiz #formquiz h3 {color: #007456}
.quiz #formquiz span.bonne {background: url(../../img/bg_bonne.png) #d6deb5 repeat-y 100% 0}
.quiz #formquiz span.mauvaise {background: url(../../img/bg_mauvaise.png) #f1b5b5 repeat-y 100% 0}
.quiz #formquiz .formw {width: auto;}
.quiz #formquiz .formw span.radio {margin-bottom: 1em; padding: 5px 0 3px;}
.quiz #formquiz .formw label {width: 455px; float: right; margin: 0; padding: 0}
.quiz #formquiz .formw input {float: left; margin: 0 5px}
.quiz #formquiz .formrow  {padding:5px;}
.quiz #formquiz .formrow label {width: 240px; float: left; margin: 0}

.quiz .resultats {padding: 0 0 12px 0; background: url(../../img/bg_quiz.png) no-repeat 50% 100%;}
.quiz .resultats .inner {border: 1px solid #dfdfdf; position: relative; border-bottom: 0; padding: 7px 15px 1px}
.quiz .resultats .inner p {margin: 0 0 .5em !important}
.quiz .resultats .inner .bonne {color: #769209} 
.quiz .resultats .inner .mauvaise {color: #d20909} 

.quiz .resultats-final {border-bottom: 1px solid #dfdfdf; padding: 0 0 10px; margin: 0 0 1em}

.R-button {margin: 0 0 1em 0; text-align: right; display: block; width: 100%; overflow: hidden; _zoom: 1}
.R-button a {float: right; background: url(../../img/bg_button.png) no-repeat 100% 0; text-decoration: none; padding: 1px 8px 3px 0;} 
.R-button a span {font-size: 1em !important; color: #FFF; background: url(../../img/bg_button.png) no-repeat 0 0; border: 0; line-height: auto !important; margin: 0 !important; padding: 1px 0 3px 10px !important; font-weight: bold}



/*________________________ PAGINATION */
.pagination {color: #FFF !important}
.pagination span {margin: 0 -4px}
.pagination a {padding: 0 4px; background-color: #e6e7e8; text-decoration: none; color: #000}
.pagination a:hover, .pagination a:focus, .pagination a:focus {text-decoration: underline}
.pagination strong {padding: 0 4px; background-color: #92b213; color:#FFF !important; font-weight: normal}
.pagination {text-align:center; color: #A9A9A9;margin:2em 0; clear: both;}
.pagination .prev, .pagination .next, .pagination .prev span, .pagination .next span {margin: 0 !important}
.pagination .prev a {background:url(../../img/arrow_west.gif) transparent no-repeat 0 .35em !important; padding:0 0 0 14px; margin: 0 5px 0 0}
.pagination .next a {background:url(../../img/arrow_east.gif) transparent no-repeat 100% .35em !important; padding:0 14px 0 0; margin: 0 0 0 5px}
.pagination .prev a, .pagination .next a {color: #626262; background-color: transparent; text-decoration: underline; font-size: .9em}

/*

.pagination {text-align:center;color:#A9A9A9;margin:2em 0;clear:both;}
.pagination .prev {background:url(../../img/arrow_west.gif) transparent no-repeat 0 .25em;}
.pagination .next {background:url(../../img/arrow_east.gif) transparent no-repeat 100% .3em;}
.pagination a.prev, .pagination a.next {}
.pagination strong {color:#434343;}
.pagination span.prev {background:url(../../img/arrow_west.gif) transparent no-repeat 0 .25em;color:#A9A9A9;}
.pagination span.next {background:url(../../img/arrow_east.gif) transparent no-repeat 100% .25em;color:#A9A9A9;}

 */


/* Bloc Ouvrant-fermant */
#ColContenu dl.openclose {}


#ColContenu #tous {margin:-1em 0 1.5em 0;padding:0 0 0 15px;text-align:left;float:right;background:url(../../img/arrow_south.gif) transparent no-repeat 0 .1em;font-weight:bold;color:#000;}
#ColContenu #tous a {}
#ColContenu #tous a:hover, 
#ColContenu #tous a:active,
#ColContenu #tous a:focus {}

/* Lexique */
#glossaire #alphabet {border:1px solid #777;border-bottom:0;margin:0;padding:11px 12px;}
#glossaire #alphabet:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#glossaire #alphabet {display:inline-block;}
/* \*/ * html #glossaire #alphabet {height:1%;} #glossaire #alphabet {display:block;} /* */
#glossaire #alphabet li {background-image:none;float:left;margin:0;padding:0;font-weight:bold;font-size:1.17em;}
/* \*/ * html #glossaire #alphabet li {width:15px;} /* */
#glossaire #alphabet li a, #glossaire #alphabet li strong, #glossaire #alphabet li span {display:block;padding:1px 4px 0 4px;color:#777;}
#glossaire #alphabet li span {color:#959595;}
#glossaire #alphabet li.on strong {background-color:#777;color:#FFF;}
.glossaire-content {border-left:1px solid #777;padding:15px 0 0 0;}
.glossaire-content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.glossaire-content {display:inline-block;}
/* \*/ * html .glossaire-content {height:1%;} .glossaire-content {display:block;} /* */
.glossaire-content h2 {padding:0 0 0 13px;margin:0 !important;color:#777 !important;font-size:2em !important;}
.glossaire-content h2 span {display:block;border-right:1px solid #C6C6C6;width:191px;}
.entries {padding:10px 0 0 0;margin:0;width:204px;border-right:1px solid #C6C6C6;float:left;}
.entries li {background:none !important;margin:0 !important;padding:0 !important;}
.entries li a, .entries li strong {display:block;color:#434343;padding:4px 13px;}
.entries li strong {background:url(../../img/bg_entries.html) #ddd no-repeat 0 50%;}
.deflist {float:left;display:inline;width:302px;padding:17px 0;margin:0 0 0 20px;}
.deflist dt {margin:0 0 1em 0;padding:0;color:#888;font-weight:bold;}
.deflist dd {margin:0;padding:0;}

dl.openclose {width: 100%; float: left; clear: none;}
dl.openclose dt {font-size: 1em; margin: 0 0 5px 0;}
dl.openclose .label {position: absolute; top: -7777px; left: -7777px}
dl.openclose dt {font-weight: bold}
dl.openclose dt.close {font-weight: normal}
dl.openclose dt a {display: block; padding: 0 0 1px 22px; background: url(../../img/arrow_01.png) no-repeat 1px 1px;}
dl.openclose dt.close a {color: #3d3d43}
dl.openclose dd {padding: 0 20px 15px; margin: 0}


/* form generique pour powermail */
.sa-formwrap {margin:0 0 1em 0;padding:15px;}
.sa-formwrap .contenu {background-color:#cddddd;padding:15px;}
.sa-formwrap fieldset {border:none;}
.sa-formwrap legend {font-size:1.4em;font-weight:bold;margin-bottom:1em;}
.sa-formwrap .field-row {margin:0 0 1em 0;}
.sa-formwrap .radio_title,
.sa-formwrap .checkbox_title{float:left;padding:0 10px 0 0;font-weight:bold;width:160px;text-align:right;}

.sa-formwrap input,
.sa-formwrap select,
.sa-formwrap textarea {vertical-align:top;}
.sa-formwrap textarea {width:280px;}
.sa-formwrap label {display:inline-block;padding:2px 10px 2px 0;width:160px;text-align:right;font-weight:bold;}
.sa-formwrap .checkbox_inner label,
.sa-formwrap .radio_inner label {width:auto;font-weight:normal;}
.sa-formwrap .pure-html {margin:0 0 1em 0;}
.sa-formwrap .wrap-captcha {margin:0 0 1em 0;}
.sa-formwrap .captcha_img {padding:0 0 0 170px;}
.sa-formwrap .captcha_img span {display:inline-block;}
.sa-formwrap input.required {width:180px;}
.sa-formwrap input.datepicker {width:80px;}

/* CARTE DU MONDE */
#Carte {position: relative}
.countries li {position: absolute; background: url(../../img/map_off.png) no-repeat 0 0 !important; padding: 0 !important}
.countries li a {display: block; height: 14px; padding: 0 0 0 16px;float: left;}
.countries li a span {background-color: #037252; font-size: .9em; color: #FFF; text-transform: uppercase; padding: 0 10px; position: absolute; top: -7777px; left: -7777px;}
.countries li.over {z-index: 10}
.countries li.over a, .countries li a:hover, .countries li a:focus, .countries li a:active {background: url(../../img/map_hover_hk.png) no-repeat 0 0; text-decoration: none; position: relative; z-index: 10}
.countries li.over a span, .countries li a:hover span, .countries li a:focus span, .countries li a:active span {position: static;}
.countries li.active a {background: url(../../img/map_active_hk.png) no-repeat 0 0 !important;}

#Map {margin: 0 0 2em 0}

.wmcl1, .wmcl30 {top: 177px; left: 118px} /* Allemagne */
.wmcl2, .wmcl31 {top: 177px; left: 291px} /* Arabie Saoudite */
.wmcl3, .wmcl43 {top: 201px; left: 138px} /* Autriche */
.wmcl4, .wmcl32 {top: 180px; left: 91px} /* Belgique */
.wmcl5, .wmcl44 {top: 162px; left: 369px} /* Chine */
.wmcl6, .wmcl33 {top: 137px; left: 112px} /* Danemark */
.wmcl7, .wmcl42 {top: 249px; left: 54px} /* Espagne */
.wmcl8, .wmcl41 {top: 89px; left: 182px} /* Finlande */
.wmcl9, .wmcl40 {top: 207px; left: 82px} /* France */
.wmcl10, .wmcl34 {top: 254px; left: 170px} /* Grèce */
.wmcl11, .wmcl35 {top: 206px; left: 158px} /* Hongrie */
.wmcl12, .wmcl36 {top: 218px; left: 118px} /* Italie */
.wmcl13, .wmcl37 {top: 287px; left: 53px} /* Maroc */
.wmcl14, .wmcl45 {top: 96px; left: 109px} /* Norvège */
.wmcl15, .wmcl38 {top: 173px; left: 96px} /* Pays-Bas */
.wmcl16, .wmcl46 {top: 169px; left: 157px} /* Pologne */
.wmcl17, .wmcl39 {top: 252px; left: 32px} /* Portugal */
.wmcl18, .wmcl47 {top: 185px; left: 138px} /* République Tchèque */
.wmcl19, .wmcl49 {top: 167px; left: 61px} /* Royaume-Uni */
.wmcl20, .wmcl48 {top: 193px; left: 157px} /* Slovaquie */
.wmcl21, .wmcl50 {top: 113px; left: 136px} /* Suède */
.wmcl22, .wmcl51 {top: 207px; left: 107px} /* Suisse */

#Carte .exergue4 {padding: 20px 0 0 43px; margin: 0 0 0 -25px; background:url(../../img/bg_carto.gif) transparent no-repeat 0 .25em; position: relative}

body#home #ColB #carousel {background: url(../../img/bg_colb_bot.png) #f6f6f7 no-repeat 0 100%; width: 354px; height:250px; padding: 0 0 .5em; margin: 0 0 2em 15px}
body#home #ColB #carousel .inner { padding: 10px 0;margin: 0 0 1em;}
body#home #ColB #carousel .inner h2 {color: #007456; background: url(../../img/bg_h2_panorama.png) no-repeat 0 .25em; padding: 0 0 0 25px; margin: 0 15px 1em}
body#home #ColB #carousel .inner h2 a {color: #007456;} 


#carousel .contenu .inner2 {width: 354px;}
#featureCarousel{width:334px; height: 150px; position:relative;}
#featureCarousel img{border:0;}
#featureCarousel .feature{position:absolute;top:-1000px;left:-1000px;border:1px solid #e0e6c0; border-width: 1px 0 0 1px; cursor:pointer;background:url(../../img/bg_carousel_li.gif) no-repeat 100% 100%;display:table; /*overflow:hidden;*/ padding: 10px}

#featureCarousel .feature a {/*display: block; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; text-align: center;*/}
#featureCarousel .feature a img {#position: relative; #top: -50%; margin: 0 auto;}

#featureCarousel .feature   div{position:absolute;top:95px;left:0;width:354px;}
#featureCarousel .feature   div p{font-size:12px;margin:0;padding:0; width: 100%}
#featureCarousel .leftButton {position: absolute; top: 70px; left: 0}
#featureCarousel .rightButton {position: absolute; top: 70px; right: 0}
#featureCarousel .feature   div p span {display: block; padding: 5px 15px;}
#featureCarousel .feature   div p span.titre {float: left; width: 100px}
#featureCarousel .feature   div p span.titre strong {display: block}
#featureCarousel .feature   div p span.desc {float: left; width: 190px; border-left: 1px solid #e0e6c0} 
#featureCarousel .blipsContainer{position:absolute;color:#FFF;right:25px;top:210px;margin:0;padding:0;}
#featureCarousel .blipsContainer .blip{height:14px;width:14px;color:#FFF;text-align:center;font-size:10px;margin:3px;}
#featureCarousel .blipsContainer .blipSelected{color:#FFF;font-weight:700;background-color:#000;}


#carousel .inner2 { position:relative; padding:10px 0;}
#carousel div.div-addon {position:absolute;left: 9px;top: 95px;width: 341px;}
#carousel div.div-addon p{position:relative;}
#carousel div.div-addon p span {display: block; padding: 5px 15px;}
#carousel div.div-addon p span.titre {float: left; width: 100px}
#carousel div.div-addon p span.titre strong {display: block}
#carousel div.div-addon p span.desc {position: absolute; left:115px; top:0px; width: 190px; border-left: 1px solid #e0e6c0} 


/* Retour */
p.retour {text-align:right;margin:2em 0 2em 0 !important; font-weight: bold}
p.retour a {background:url(../../img/arrow_west.gif) transparent no-repeat 0 .25em;padding:0 0 0 15px;}
p.retour a:hover, p.retour a:focus, p.retour a:active {}


/* [ INTERIEUR, Colonne de contenu contextuel au contenu principal ]________________________ */

#ColContextuelle {text-align:left;margin:0 36px 0 0;padding:0 0 40px;float:right;display: inline;}

/* Contenu standard en colonne contextuelle */
#ColContextuelle .contenu {margin: 0 0 1.5em 0;}             
#ColContextuelle .contenu .inner {padding: 0}
#ColContextuelle .contenu .inner h2 {background: url(../../img/bg_colcontextuelle_h2-hk.png) no-repeat 0 100%; padding: 4px 5px 12px 15px; margin: 0 0 .5em 0; font-size: 1.2em;color: #FFF; position: relative; z-index: 50;}
#ColContextuelle .contenu .inner .inner2 {padding: 0 5px 1px 13px; background: url(../../img/bg_colcontextuelle_inner2.png) repeat-x 0 100%; border-bottom: 1px solid #92b213}
#ColContextuelle .contenu .inner .inner2 p {margin: 0 0 .8em 0;}
#ColContextuelle .contenu .inner .inner2 a {}
#ColContextuelle .contenu .inner .inner2 h3 {font-size: 1em}
#ColContextuelle .contenu .inner .inner2 h3 a {}

/* Liste standard */
#ColContextuelle ul {padding:0 0 .5em 0;margin:0;list-style:none;}
#ColContextuelle ul li {margin: 0 0 .3em 0; width: 100%; vertical-align: middle; /*padding: 0 0 0 8px; background: url(../../img/tiret_01.gif) no-repeat 0 .55em*/}
#ColContextuelle ul li a {}
#ColContextuelle ul.square {clear: both;}
#ColContextuelle ul.square li {margin: 0 0 .3em 0; width: 100%; vertical-align: middle; padding: 0 0 0 13px; background: url(../../img/square_03.gif) no-repeat 0 .45em}
#ColContextuelle li.square {margin: 0 0 .3em 0; width: 100%; vertical-align: middle; padding: 0 0 0 13px; background: url(../../img/square_03.gif) no-repeat 0 .45em}
#ColContextuelle ul li a {}


#ColContextuelle .txtVisu {padding: 0 0 1px 0; margin: 0}
#ColContextuelle .contact .middle {display:block;margin:-1.2em 0 0;}
#ColContextuelle .middle .blocVisu {float: left;margin:0 -5px 10px -13px; text-align: center; width: 184px !important; position: relative}
#ColContextuelle .middle .blocTxt {clear: both;}

#ColContextuelle .more {color: #007456; padding: 0 0 0 13px; background: url(../../img/bg_hdp.png) no-repeat 0 .3em;}
#ColContextuelle .more a {text-decoration: none;}
#ColContextuelle .more a:hover, #ColContextuelle .more a:focus, #ColContextuelle .more a:active {text-decoration: underline;}
#ColContextuelle a.newsletter, #ColContextuelle a.contact, #ColContextuelle a.situer{margin: 0 0 0 -9px; position: relative}

#ColContextuelle .type2 .contenu .inner h2 {background-image: url(../../img/bg_colcontextuelle_t2_h2-hk.png);}




#ColContextuelle .special .contenu {background: url(../../img/bg_special_inner.gif) #FFF repeat-y 100% 0;margin:0 -8px 1.5em 0;position:relative; padding:0;height:1%;}
#ColContextuelle .special .contenu .inner h2 {background: url(../../img/bg_special_h.gif) #E5E5E5 no-repeat 50% 100% !important;text-align:center; padding:2px 0 10px 0;margin:0 8px 0 0;}
#ColContextuelle .special .contenu .inner h2 span {background-color:transparent;padding:0;}
#ColContextuelle .special .contenu .inner {padding: 0 !important; background: url(../../img/bg_special_t.gif) no-repeat 100% 0 !important;}
#ColContextuelle .special .contenu .inner2 {position: relative; padding: 0 18px 30px 0; background: url(../../img/bg_special_b.gif) no-repeat 0 100% !important; border: 0}
#ColContextuelle .special .contenu .inner2 li strong.cat {color:#007456;font-size:1.35em;display:block;margin:0 0 .6em 0;}
#ColContextuelle .special .contenu .inner2 li ul {margin:0 0 .6em 0;}
#ColContextuelle .special .contenu .inner2 li li {padding: 0 0 0 15px; margin: 0 0 .25em 0 !important; background: url(../../img/arrow_04.gif) no-repeat 0 1px}
#ColContextuelle .special .contenu .inner2 li a {padding: 0 9px;text-decoration: none; color: #007456; display: block;font-weight:bold;}
#ColContextuelle .special .contenu .inner2 li a:hover, #ColContextuelle .special .contenu .inner2 li a:focus, #ColContextuelle .special .contenu .inner2 li a:active {text-decoration: underline !important}
#ColContextuelle .special .contenu .inner2 li.on {background-image:url(../../img/arrow_03.gif); background-color: #fff; width: auto; border-bottom: 1px solid #FFF;}
#ColContextuelle .special .contenu .inner2 li.on a {background: url(../../img/px_ff.gif) #fff repeat-x 0 0; color: #000}

#ColContextuelle .contenu .inner2 .btconso {}
#ColContextuelle .contenu .inner2 .btconso a {color:#FFFFFF;background:url(../../img/bg_btconso_b.gif) transparent no-repeat 0 100%;display:block;text-align:center;text-decoration:none;}
#ColContextuelle .contenu .inner2 .btconso a strong {background:url(../../img/bg_btconso_t.gif) transparent no-repeat 0 0;display:block;padding:3px 20px 3px 20px;}
#ColContextuelle .contenu .inner2 .btconso a:hover,
#ColContextuelle .contenu .inner2 .btconso a:focus,
#ColContextuelle .contenu .inner2 .btconso a:active {text-decoration:underline;}



#ColContextuelle .type2 .focus {clear: both;}
#ColContextuelle .type2 .focus li {padding: 0 0 0 15px; margin: 0 0 .4em 0 !important; background: url(../../img/bg_colmenu_li.png) no-repeat 0 1px}
#ColContextuelle .type2 .focus li a {padding: 0 9px;text-decoration: none; color: #000; display: block;}
#ColContextuelle .type2 .focus li a:hover, #ColContextuelle .type2 .focus li a:focus, #ColContextuelle .type2 .focus li a:active {text-decoration: underline !important}
#ColContextuelle .type2 .focus li.on {background-image:url(../../img/arrow_03.gif); font-weight: bold}
#ColContextuelle .type2 .focus li.on a {background: url(../../img/px_ff.gif) #fff repeat-x 0 0; color: #000}


#ColContextuelle table.calendar{color:#92B213;border:none;font-weight:bolder;width:192px; margin: 0 -13px 1em -13px;}
#ColContextuelle table.calendar tr th{background:none;border:none;margin:0;padding:4px 4px 10px;text-align:center}
#ColContextuelle table.calendar tr .previous{}
#ColContextuelle table.calendar tr th.mois{text-align:center;border-bottom:1px solid #92B213; padding: 0}
#ColContextuelle table.calendar tr th.mois a {color: #000 !important}
#ColContextuelle table.calendar tr .next{}
#ColContextuelle table.calendar tr .days {border-top:1px solid #92B213;border-bottom:1px solid #92B213;}
#ColContextuelle table.calendar .days th {padding-bottom: 4px;}
#ColContextuelle table.calendar tr td{border:none;margin:0;padding:2px; text-align: center}
#ColContextuelle table.calendar tr td span a{display:block; background:#FFF;border:#92B213 1px solid; text-align: center; min-width: 15px; width: 15px}
html>body #ColContextuelle table.calendar tr td span a {width: auto}
#ColContextuelle table.calendar tr td span a:hover{background:#007456;color:#FFF;border-color:#007456;}
#ColContextuelle table.calendar tr td span{display:block; text-align:center;}


/* SIFR */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
  .sIFR-replaced, .sIFR-ignore {visibility: visible !important;}  
  .sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}  
  .sIFR-replaced div.sIFR-fixfocus {margin: 0pt;padding: 0pt;overflow: auto;letter-spacing: 0px;float: none;}
}

@media print {
  .sIFR-flash {display: none !important;height: 0;width: 0;position: absolute;overflow: hidden;}
  .sIFR-alternate {visibility: visible !important;display: block !important;position: static !important;left: auto !important;top: auto !important;width     : auto !important;height: auto !important;}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 span, .sIFR-active #ColA .metiers ul li {position: static !important; font-size: 1.25em !important;}
  .sIFR-active #ColA .hometabs h3 span, .sIFR-active #ColA .metiers h2 span, .sIFR-active #ColA .presse h2 span, .sIFR-active #ColA .presence h2 span, .sIFR-active #ColB .panorama h2 span, .sIFR-active #ColB .recrutement h2 span, body#home #ColB #carousel h2 span {position: static !important; font-size: 1.2em !important;} 
  .sIFR-active #ColB .engagements h2 span {font-size: 1.4em; padding: 0} 
  .sIFR-active #ColMenu #Tt {font-size: 1.35em; font-weight: normal; padding: 10px 0 0 10px}
  .sIFR-active .tri .contenu .inner h2 {font-size: 1.7em}
  .sIFR-active #ColContextuelle .special .contenu .inner h2 {font-size: 1.7em;}
}


/* Retour Haut de Page */
p.hautdepage {text-align:left;margin:2em 0 1em 234px !important;clear: both; font-size: .9em;}
p.hautdepage a {background:url(../../img/bg_hdp.png) transparent no-repeat 0 .3em;padding:0 0 0 13px;color: #5c5c60; text-decoration: none;}
p.hautdepage a:hover, p.hautdepage a:focus, p.hautdepage a:active {text-decoration: underline;}


body.prehome {margin:0;padding:0;font:76% Arial,Verdana,sans-serif;background: url(../../img/prehome/bg_body.png) #FFF repeat-x 0 0;text-align:center;}
body.prehome #Global {background:url(../../img/prehome/bg_entete_sofinco.png)  no-repeat 50% 0;width: 100%}
body#finaref #Global {background:url(../../img/prehome/bg_entete_finaref.png)  no-repeat 50% 0;width: 100%}
body.prehome #EnTete {background:url(../../img/prehome/bg_entete.png) transparent no-repeat 50% 0;margin:0 auto;padding:0;text-align:left;position: relative; width: 980px; height: 274px}
body.prehome #EnTete p strong {font-size: 2.5em}
body.prehome #EnTete p span {font-size: 1.7em}
body.prehome #EnTete p {position: absolute}
body.prehome #EnTete p#link1 {margin: 15px 0 0 50px}
body.prehome #EnTete p#link2 {margin: 145px 0 0 50px; width: 800px}
body.prehome #EnTete p#link3 {margin: 155px 0 0 640px}
body.prehome #ContainerCols {margin: 0 auto; width: 980px; padding: 2em 0 4.8em 0; background-color: #FFF; min-height: inherit; height: inherit}
body.prehome #ContainerCols .content {background:url(../../img/prehome/bg_cols_bottom.gif)  repeat-x 0 100%; margin: 0 11px;}
body.prehome #PiedDePage {text-align:center;margin:0 11px; width: 918px; padding:7px 20px;background-color:#00975a; color: #FFF; text-align: right; clear: both; font-size: .9em; bottom: 27px; position: absolute}
body.prehome #ContainerCols .invitation {background: url(../../img/prehome/bg_invitation.png) no-repeat 50% 100%; font-size: 1.7em; text-align: center; margin: 0 0 1em 0;}
body.prehome #ContainerCols .invitation p {display: inline; background: #FFF; padding: 0 23px; color: #9bc300}
body.prehome #ContainerCols .colonnes {width: 100%; overflow: hidden; background:url(../../img/prehome/bg_cols.gif) no-repeat 495px 0;}
body.prehome #ContainerCols .colonnes .col1 .contenu {clear: none;width: 465px;float: left}
body.prehome #ContainerCols .colonnes .col2 .contenu {clear: none;width: 455px; float: right;}
body.prehome #ContainerCols .colonnes .contenu p {padding: 60px 0 0 20px; margin: 0 0 .5em 0; background: url(../../img/bg_colmenu_li.png) no-repeat 0 63px; font-weight: bold; overflow: auto; color: #3d3d43; line-height: 1.5em}
/* \ */ body.prehome #ContainerCols .colonnes .contenu p {height: 1%} /**/
body.prehome #ContainerCols .colonnes .contenu p strong {color: #9bc300; font-size: 1.9em; display:inline-block;}



body.partenaire #EnTete .ttEspace {margin: 15px 85px 8px 0;height: 41px; float: right; font-size: 2.1em }
body.partenaire #EnTete #Logo {position: absolute; margin: 2.4em 0 0 35px;}
body.partenaire #Global {background: url(../../img/bg_top_containercols.png) #FFF repeat-x 0 70px;}

/* Deux colonnes */
body.partenaire #ContainerCols #ColMenu {width:184px;}
body.partenaire #ContainerCols #ColContenu {background: transparent; text-align:left;display: inline;margin:0 0 0 14px;padding:0 0 40px 26px;float:left;}
body.partenaire #ContainerCols.deux #ColContenu {width:715px; overflow: hidden}

body.partenaire #ContainerCols.deux {padding-top: 43px}

body.partenaire #ColMenu ul li {padding: 0; margin: 0; background: none}
body.partenaire #ColMenu ul li a {background: url(../../img/partenaire/bg_colmenu_li_a.gif) transparent no-repeat 0 .3em; padding: 0 9px 0 15px; text-decoration: none; color: #fff; float: none; margin: 0; font-weight: bold}
body.partenaire #ColMenu li span {display: block; background: url(../../img/partenaire/bg_colmenu_li_span.jpg) #007456 no-repeat 0 100%; padding: 5px 0 15px}
body.partenaire #ColMenu li .horscadre {position: absolute; top: -7777px; left: -7777px}
body.partenaire #ColMenu li ul {background: url(../../img/partenaire/bg_colmenu_li_ul.gif) no-repeat 0 100%; border-left: 3px solid #007456; margin: -10px 0 0 0; padding: 10px 0 10px 15px; position: relative}
body.partenaire #ColMenu li.on li {padding: 4px 0; background: url(../../img/partenaire/bg_colmenu_li_li.gif) no-repeat 100% 0; }
body.partenaire #ColMenu li.on li a {background:url(../../img/partenaire/bg_colmenu_li_li_a.gif) transparent no-repeat 0 .3em !important; color: #000;padding: 0 9px 0 19px}
body.partenaire #ColMenu li.on li.on a {color: #007557;}

body.partenaire #ColContextuelle {text-align:left;margin:0 0 0 20px;padding:0 0 40px 26px;float:left;}

body.partenaire .homerow {background: url(../../img/bg_hometabs.png) no-repeat 0 100%; padding: 0 0 18px 12px; clear: both; margin: 0 0 1em 0;}
body.partenaire .homerow .inner {background: url(../../img/partenaire/bg_homerow_inner2.jpg) no-repeat 459px 0; width: 100%; overflow: hidden; _zoom: 1;}
body.partenaire .homerow h1 {float: left; width: 459px; margin: 0}  
body.partenaire .homerow .inner2 {width: 195px; margin: 0 0 0 20px; padding: 18px 0 0; float: left; font-size: .9em}
body.partenaire .homerow .inner2 p {color: #666}
body#home.partenaire .colonne {width: 315px; float: left; display: inline; margin: 0 66px 0 -26px !important; clear: none !important;}
body#home.partenaire .colonne .inner2 {margin: 0 0 0 26px}
body#home.partenaire .colonne h2 {margin: 0 0 1em 0 !important;font-size: 1.3em!important; position: relative !important}
body#home.partenaire .colonne h2 span {position: relative}
body#home.partenaire .colonne ul {padding: 0;  margin: 0 0 2em;}
body#home.partenaire .colonne ul li {padding: 0 0 0 20px; margin: 0 0 .5em 0; background: url(../../img/bg_colmenu_li.png) no-repeat 0 0;}
/* \ */ body#home.partenaire .colonne ul li {height: 1%} /**/
body#home.partenaire .colonne ul li a {padding: 0; display: block; margin: 0 1px 0 0; color: #3d3d43; font-weight: bold}
body#home.partenaire .colonne .inner3 {padding: 5px 25px; border: 1px solid #dfdfdf; border-width: 1px 0; color: #666; font-size: .9em;}
body#home.partenaire .colonne .inner3 p {margin: 0 !important}
 

/* ______________________[ Bas de page : copyright, liens vers informations générales ]________________________ */

#PiedDePage {margin:0 1px; width: 918px; padding:7px 20px; background-color:#00975a; color: #FFF; text-align: right; clear: both; font-size: .9em; bottom: 27px; position: absolute}
#PiedDePage a.ca {float: left; font-weight: bold;}
#PiedDePage a {text-decoration: none;color: #FFF}
#PiedDePage a:hover, #PiedDePage a:focus, #PiedDePage a:active {text-decoration: underline;}



/* Plan du site (page)*/
#plansite {margin:0 0 4em 0;padding:20px 0 0 0;}

#plansite p#toggle {position: absolute; top: -7777px; left: -7777px;}

#plansite h2{font-size:1em; color:#FFF; display:block; background:url(../../img/bg_sitemap_h2.gif) 0 100% no-repeat !important; margin:0 0 1em 0; padding:0 0 2px 0;}
#plansite h2 span{background:#92b213; padding: 1px 10px 0;}

#plansite ul {clear: both;margin:0 0 2em 0;padding:0 0 0 20px;list-style:none;}
#plansite ul li a span.fx {display:none;}
#plansite ul li {padding: 0 0 0 19px; color: #4F4D4D; background: url(../../img/plan/bullet-1.gif) no-repeat 0 .3em; font-weight: bold; margin: 0 0 1.3em 0; overflow: visible}
#plansite ul li a {color:#007456;}
#plansite.planactive ul li a {background: url(../../img/plan/bullet-1.gif) no-repeat 0 1px; padding: 0 0 0 18px}
#plansite ul li.hasMenu {background: none; padding: 0}
#plansite ul li.hasMenu a {background: none; padding: 0}
#plansite ul li a.open-close {margin:0 3px -2px 0; padding: 0 !important; display:inline-block;width:13px;height:13px;background:url(../../img/plan/plus-1.gif) no-repeat 0% 50%;}
#plansite ul li a.open-close.off {background-image:url(../../img/plan/moins-1.gif);}

#plansite ul li ul {margin:0 0 0 8px;padding:15px 0 0 10px;background-color:#FFF;}

/* niveau 2 */
#plansite ul li ul li {margin:0 0 8px 0 !important;background-image:url(../../img/plan/bullet-2.gif);background-position:0% .4em; background-repeat: no-repeat; padding: 0 0 0 19px; clear:both;}
#plansite ul li ul li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#plansite ul li ul li {display:inline-block;}
/* \*/ * html #plansite ul li ul li {height:1%;} #plansite ul li ul li {display:block;} /* */
#plansite ul li ul li.hasMenu {background: none; padding: 0 0 0 2px !important}
#plansite ul li ul li a {background: url(../../img/bg_sitemape_li.gif) repeat-y 0 0 !important;color:#3D3D43;text-decoration:underline;display:block;width:360px; float:left;padding:2px 0 3px 7px !important;}
#plansite ul li ul li a.open-close {padding:0 !important;margin:5px 8px 0 -2px !important;width:11px;height:11px;background:url(../../img/plan/plus-2.gif) 0% 50% !important;float:left;}
#plansite ul li ul li a.open-close.off {background-image:url(../../img/plan/moins-2.gif) !important;} 

/* niveau 3 */
#plansite ul li ul li ul {padding:10px 0 0 17px; background: #FFF !important;}
#plansite ul li ul li ul li{background-image:url(../../img/plan/bullet-3.gif);padding:0 0 0 18px !important;background-position:4px 5px;}
#plansite ul li ul li ul li a{padding: 0 !important; width:auto; font-weight:normal;background:none !important;}
#plansite ul li ul li ul li a.open-close {padding:0 !important; margin-top: 3px !important; width:11px;height:11px;background:url(../../img/plan/plus-3.gif) 0% 50% !important;vertical-align:middle;}
#plansite ul li ul li ul li a.open-close.off {background:url(../../img/plan/moins-3.gif) 0% 50% !important;}

/* niveau 4 */
#plansite ul li ul li ul li ul {padding:5px 0 0 24px !important; margin: 0 0 -5px 15px !important; font-size: .9em}
#plansite ul li ul li ul li ul li {background-image:url(../../img/plan/bullet-3.gif);background-position:0% 50%; padding: 0 0 0 7px !important; margin: 0 0 .3em 0 !important}
#plansite ul li ul li ul li ul li a {color:#70787C; background:none !important; padding: 0 !important}
#plansite ul li ul li ul li ul li a.title {padding: 0 !important}
#plansite ul li ul li ul li ul li a.open-close {padding:0 !important; width:11px;height:11px;background:url(../../img/plan/plus-2.gif) 0% 50% !important;}
#plansite ul li ul li ul li ul li a.open-close.off {background:url(../../img/plan/moins-2.gif) 0% 50% !important;} 


/* plan du site (footer) */
#sitemap {margin:0 0 1em 0;padding:0 0 20px 8px; text-align: left;list-style:none; background-color:#FFF}
#sitemap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#sitemap {display:inline-block;}
/* \*/ * html #sitemap {height:1%;} #sitemap {display:block;} /* */
p.togglesite {text-align:right; font-size: .9em; padding: 0 18px 0 0;}
p.togglesite a {padding:0.2em .6em;color:#5c5c60;font-weight:normal;}
#sitemap li {width: 216px; float: left; margin: 0 0 15px 20px;}
#sitemap li a, #sitemap li strong {color: #000; background-color: #e1e1e2; display: block; padding: 3px 10px; font-weight:bold;text-decoration: none;}
#sitemap li a:hover, #sitemap li a:focus, #sitemap li a:active {text-decoration: underline;}
#sitemap li li {width: 100%; float: left; clear: both; margin: 0 !important; background-color: none}
#sitemap ul {margin:0;padding:3px 10px 0;list-style:none; float: left; margin: 0}
#sitemap li li a {background: url(../../img/square_01.gif) #FFF no-repeat 0 .5em; font-weight:normal; padding: 0 0 0 8px}

#ColContextuelle {width:190px;padding:10px 0;float:right;text-align:left;}