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


/* ______________________[ 00 | META declarations ]________________________ */

body {margin:0;padding:0;font:76% Arial,Verdana,sans-serif;background: url(../../img/bg_fd.gif) no-repeat 50% 0;text-align:center;color: #434343}
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;}
a:hover {text-decoration:underline;}
sup {vertical-align:top;}
.error, .erreur {color:#F00;}
.horscadre, .horschamp, .hidden {display:none;}
* {margin-top: 0}
span.bccornerz {display: block !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important}

/* NAV PROVISOIRE */
#navProv {position:fixed;left:0;top:0;width:140px;z-index:1000;overflow:hidden;text-align:left;font:.8em Tahoma,Arial,Helvetica,sans-serif;/*display:none;*/}
#navProv .navProvOC a, #navProv .navProvOC a:hover {text-align:center;color:#CCC;text-transform:uppercase;font-weight:bold;background-color:#3B2E1E;display:block;width:13px;font:1.1em Tahoma,Arial,Helvetica,sans-serif;font-weight:bold;padding:3px 4px 5px 4px;}
#navProv .navProvOC a:hover {color:#FFF;text-decoration:none;background-color:#F49016 !important}
#navProv select {font:.9em Arial,sans-serif;border:1px solid #000;}
#navProv option {border-left:6px solid #F00;background-color:#756C61;color:#FFF;padding:1px 2px;}
#navProv option.on {background-color:#0A246A !important;color:#FFF !important;}
#navProv option.html {border-left:6px solid #FFBF71;background-color:#F49016;}
#navProv option.complete {border-left:6px solid #00F000;background-color:#090;}
#navProv #navProvLegend {margin:5px 0 0 0;padding:0;list-style:none;width:70px;border-width:1px 1px 0 1px;border-style:solid;border-color:#333;}
#navProv #navProvLegend li {border-left:6px solid #F00;background-color:#756C61;color:#FFF;padding:2px 2px 2px 4px;margin:0;border-bottom:1px solid #333;}
#navProv #navProvLegend li.t {background-color:#333;border:none;}
#navProv #navProvLegend li.html {border-left:6px solid #FFBF71;background-color:#F49016;}
#navProv #navProvLegend li.complete {border-left:6px solid #00F000;background-color:#090;}


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

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

#Annexe {}

#EnTete {width:994px;margin:0 auto; background: url(../../img/bg_entete_b.gif) no-repeat 50% 100%;padding:10px 0 5px 0;}
#EnTete .ETinner {margin:0 auto;padding:0;text-align:left;width:963px;}
#EnTete .ETinner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#EnTete .ETinner {display:inline-block;}
/* \*/ * html #EnTete .ETinner {height:1%;} #EnTete .ETinner {display:block;} /* */
#Logo {float:left;margin:0 50px 20px 0;}

#Annexes {float: right; text-align: right; width: 454px; padding: 80px 0 10px 0; background: url(../../img/bg_baseline.gif) no-repeat 100% 17px; font-size: .9em; color: #AFAFAF;}
#Annexes p {position: absolute; top: -7777px; left: -7777px}
body.en #Annexes {background-image: url(../../img/bg_baseline_en.gif)}
#Annexes a {color: #0C4DA2; text-decoration: underline;}
#Annexes a:hover, #Annexes a:focus, #Annexes a:active {text-decoration: none;}
#Annexes .rss {padding: 0 0 0 17px; background: url(../../img/ico_rss.gif) no-repeat 0 1px}

/* ______________________[ Navigation principale ]________________________ */

#NavigationPrincipale {list-style:none;text-align:left;color:#fff;margin:0 auto;padding:0;width:972px;background:url(../../img/bg_nav.gif) no-repeat 0 0; position: relative; z-index: 1000}
#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;height: 34px;position:relative;display:block;}
#NavigationPrincipale li a {display:block;background-image:url(../../img/bg_nav.gif); background-repeat:no-repeat;margin:0;padding:0;height: 34px;}
#NavigationPrincipale li a strong {position: absolute; top:-7777px; left: -7777px}

#NavItem1, #NavItem1 a, #NavItem1 ul {width:120px; background-position: 0 0;}
#NavItem2, #NavItem2 a, #NavItem2 ul {width:154px; background-position: -120px 0;}
#NavItem3, #NavItem3 a, #NavItem3 ul {width:125px; background-position: -274px 0;}
#NavItem4, #NavItem4 a, #NavItem4 ul {width:139px; background-position: -399px 0;}
#NavItem5, #NavItem5 a, #NavItem5 ul {width:128px; background-position: -538px 0;}
#NavItem6, #NavItem6 a, #NavItem6 ul {width:137px; background-position: -666px 0;}
#NavItem7, #NavItem7 a, #NavItem7 ul {width:169px; background-position: 100% 0;}

#NavItem1:hover, #NavItem1.over, #NavItem1.over a, #NavItem1.over a:hover, #NavItem1.over a:focus, #NavItem1.over a:active {background-position: 0 -34px;}
#NavItem2:hover, #NavItem2.over, #NavItem2.over a, #NavItem2.over a:hover, #NavItem2.over a:focus, #NavItem2.over a:active {background-position: -120px -34px;}
#NavItem3:hover, #NavItem3.over, #NavItem3.over a, #NavItem3.over a:hover, #NavItem3.over a:focus, #NavItem3.over a:active {background-position: -274px -34px;}
#NavItem4:hover, #NavItem4.over, #NavItem4.over a, #NavItem4.over a:hover, #NavItem4.over a:focus, #NavItem4.over a:active {background-position: -399px -34px;}
#NavItem5:hover, #NavItem5.over, #NavItem5.over a, #NavItem5.over a:hover, #NavItem5.over a:focus, #NavItem5.over a:active {background-position: -538px -34px;}
#NavItem6:hover, #NavItem6.over, #NavItem6.over a, #NavItem6.over a:hover, #NavItem6.over a:focus, #NavItem6.over a:active {background-position: -666px -34px;}
#NavItem7:hover, #NavItem7.over, #NavItem7.over a, #NavItem7.over a:hover, #NavItem7.over a:focus, #NavItem7.over a:active {background-position: 100% -34px;}

#NavItem1.on, #NavItem1.on a, #NavItem1.on a:hover, #NavItem1.on a:focus, #NavItem1.on a:active {background-position: 0 100%;}
#NavItem2.on, #NavItem2.on a, #NavItem2.on a:hover, #NavItem2.on a:focus, #NavItem2.on a:active {background-position: -120px 100%;}
#NavItem3.on, #NavItem3.on a, #NavItem3.on a:hover, #NavItem3.on a:focus, #NavItem3.on a:active {background-position: -274px 100%;}
#NavItem4.on, #NavItem4.on a, #NavItem4.on a:hover, #NavItem4.on a:focus, #NavItem4.on a:active {background-position: -399px 100%;}
#NavItem5.on, #NavItem5.on a, #NavItem5.on a:hover, #NavItem5.on a:focus, #NavItem5.on a:active {background-position: -538px 100%;}
#NavItem6.on, #NavItem6.on a, #NavItem6.on a:hover, #NavItem6.on a:focus, #NavItem6.on a:active {background-position: -666px 100%;}
#NavItem7.on, #NavItem7.on a, #NavItem7.on a:hover, #NavItem7.on a:focus, #NavItem7.on a:active {background-position: 100% 100%;}

/* version EN */
body.en #NavItem1, body.en #NavItem1 a, body.en #NavItem1 ul {width:101px; background-position: 0 0;}
body.en #NavItem2, body.en #NavItem2 a, body.en #NavItem2 ul {width:168px; background-position: -101px 0;}
body.en #NavItem3, body.en #NavItem3 a, body.en #NavItem3 ul {width:185px; background-position: -269px 0;}
body.en #NavItem4, body.en #NavItem4 a, body.en #NavItem4 ul {width:121px; background-position: -454px 0;}

body.en #NavigationPrincipale {background-image:url(../../img/bg_nav_en.gif)}
body.en #NavigationPrincipale li a {background-image:url(../../img/bg_nav_en.gif);}

body.en #NavItem1:hover, body.en #NavItem1.over, body.en #NavItem1.over a, body.en #NavItem1.over a:hover, body.en #NavItem1.over a:focus, body.en #NavItem1.over a:active {background-position: 0 -34px;}
body.en #NavItem2:hover, body.en #NavItem2.over, body.en #NavItem2.over a, body.en #NavItem2.over a:hover, body.en #NavItem2.over a:focus, body.en #NavItem2.over a:active {background-position: -101px -34px;}
body.en #NavItem3:hover, body.en #NavItem3.over, body.en #NavItem3.over a, body.en #NavItem3.over a:hover, body.en #NavItem3.over a:focus, body.en #NavItem3.over a:active {background-position: -269px -34px;}
body.en #NavItem4:hover, body.en #NavItem4.over, body.en #NavItem4.over a, body.en #NavItem4.over a:hover, body.en #NavItem4.over a:focus, body.en #NavItem4.over a:active {background-position: -454px -34px;}

body.en #NavItem1.on, body.en #NavItem1.on a, body.en #NavItem1.on a:hover, body.en #NavItem1.on a:focus, body.en #NavItem1.on a:active {background-position: 0 100%;}
body.en #NavItem2.on, body.en #NavItem2.on a, body.en #NavItem2.on a:hover, body.en #NavItem2.on a:focus, body.en #NavItem2.on a:active {background-position: -101px 100%;}
body.en #NavItem3.on, body.en #NavItem3.on a, body.en #NavItem3.on a:hover, body.en #NavItem3.on a:focus, body.en #NavItem3.on a:active {background-position: -269px 100%;}
body.en #NavItem4.on, body.en #NavItem4.on a, body.en #NavItem4.on a:hover, body.en #NavItem4.on a:focus, body.en #NavItem4.on a:active {background-position: -454px 100%;}


#NavigationPrincipale ul {position: absolute; top: -7777px; left: -7777px;padding:8px 3px 5px 3px; margin: 0 !important;list-style:none;background: #A0A0A0; border:1px solid #FFF; border-top: 0; width:210px !important;z-index: 1000 !important;height: auto; font-size: .9em;}
#NavigationPrincipale li.over ul, #NavigationPrincipale li:hover ul {top: 34px; left: auto;}
#NavigationPrincipale li li {display: block; float: left; width: 100% !important; height: auto; background-image: none}
#NavigationPrincipale li li a {display: block; height: auto; width: auto !important; padding: 2px 5px; margin: 0 0 .2em 0; background-image: none !important; background-color: transparent; color: #FFF}
#NavigationPrincipale li li a:hover,
#NavigationPrincipale li li a:active,
#NavigationPrincipale li li a:focus {background-color: #FFFFFE; color: #A0A0A0; text-decoration: none;}

#NavItem7:hover ul, #NavItem7.over ul {left: -48px !important;}


#ContainerCols {width:994px;margin:0 auto; background: url(../../img/bg_containercols.png) repeat-y 50% 0;}
#ContainerCols .CCinner {width:980px;margin:0 auto;padding:0;display:block;text-align:left; position: relative}
#ContainerCols .CCinner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols .CCinner {display:inline-block;}
/* \*/ * html #ContainerCols .CCinner {height:1%;} #ContainerCols .CCinner {display:block;} /* */

/* ______________________[ 04 | Bas de page : copyright, liens vers informations générales ]________________________ */
#PiedDePage {background: url(../../img/bg_pdp_t.gif) no-repeat 50% 0;padding:13px 0 15px 0; font-size: .9em; color: #AFAFAF; width:994px;margin:0 auto;}
#PiedDePage .PDPinner {background: url(../../img/bg_pdp_b.gif) no-repeat 50% 100%;text-align:center;margin:0 auto;padding:15px 0 28px 0;width:952px;}
#PiedDePage a {color: #0C4DA2}
#PiedDePage a:hover {}

#locaLang {padding: 2px 21px 2px 0; background-repeat: no-repeat; background-position: 100% 0}
#locaLang.en {background-image: url(../../img/flag_en.gif)}
#locaLang.fr {background-image: url(../../img/flag_fr.gif)}
#PiedDePage a.RF {float: right; margin: -15px 0 0 0; position: relative}