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

/* 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;}


body {background:url(../../img/layout/bg_body_pro.gif) transparent repeat 0 0 !important;}
.outerG {background:url(../../img/layout/bg_body.png) repeat-y 50% 0;}
.outerG2 {background:url(../../img/layout/bg_outerg2_pro.gif) repeat-x 0 357px;}
#Global {background:url(../../img/layout/bg_global_pro.jpg) no-repeat 50% 0;}


#Annexe {background-image:url(../../img/layout/bg_annexe_pro.png) !important;}
#Annexe .espacePro {width:133px;font-weight:normal}
#Annexe .espacePro a {background-color:#0A54A8;background-image:url(../../img/bullets/arrow_01.gif);}
#Annexe p, #Annexe p a {color:#FFF;}
#Annexe #NavTrans {width:587px;}
#Annexe #FormRecherche input {background:#FFF;float:left;border:1px solid #FFF;}
#Annexe #FormRecherche input.button {border:1px solid #FFF;}

#EnTete {background:url(../../img/layout/site_professionnel.gif) no-repeat 50% 122px;}
#Logo {background:url(../../img/layout/baseline_pro.gif) no-repeat 127px 101px;height:164px;}
#Logo a, #Logo h1 {margin:0;padding:22px 0 10px 20px;}

/* ______________________[ Navigation principale Pro ]________________________ */

#NavigationPrincipalePro {list-style:none;text-align:left;color:#fff;margin:0 auto;padding:0;width:980px;background:url(../../img/layout/bg_navigation_pro.gif) no-repeat 0 0;height:41px;position:relative;z-index:1000}
#NavigationPrincipalePro:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#NavigationPrincipalePro {display:inline-block;}
/* \*/ * html #NavigationPrincipalePro {height:1%;} #NavigationPrincipalePro {display:block;} /* */

#NavigationPrincipalePro span {position:absolute;top:-7777px;left:-7777px;}

#NavigationPrincipalePro li {float:left;position:relative;padding:0;margin:0;display:inline;height:41px;background-image:url(../../img/layout/bg_navigation_pro.gif);}
#NavigationPrincipalePro li a {display:block;margin:0;padding:0;height:41px;background-image:url(../../img/layout/bg_navigation_pro.gif);background-repeat:no-repeat}

#NavigationPrincipalePro #NavItem1, #NavigationPrincipalePro #NavItem1 a {width:109px;background-position:0 0;}
#NavigationPrincipalePro #NavItem1.on, #NavigationPrincipalePro #NavItem1.on a {background-position:0 -82px;}
#NavigationPrincipalePro #NavItem1:hover, #NavigationPrincipalePro #NavItem1.over, #NavigationPrincipalePro #NavItem1:hover a, #NavigationPrincipalePro #NavItem1.over a {background-position:0 -41px;}

#NavigationPrincipalePro #NavItem2, #NavigationPrincipalePro #NavItem2 a {width:96px;background-position:-109px 0;}
#NavigationPrincipalePro #NavItem2.on, #NavigationPrincipalePro #NavItem2.on a {background-position:-109px -82px;}
#NavigationPrincipalePro #NavItem2:hover, #NavigationPrincipalePro #NavItem2.over, #NavigationPrincipalePro #NavItem2:hover a, #NavigationPrincipalePro #NavItem2.over a {background-position:-109px -41px;}

#NavigationPrincipalePro #NavItem3, #NavigationPrincipalePro #NavItem3 a {width:171px;background-position:-205px 0;}
#NavigationPrincipalePro #NavItem3.on, #NavigationPrincipalePro #NavItem3.on a {background-position:-205px -82px;}
#NavigationPrincipalePro #NavItem3:hover, #NavigationPrincipalePro #NavItem3.over, #NavigationPrincipalePro #NavItem3:hover a, #NavigationPrincipalePro #NavItem3.over a {background-position:-205px -41px;}

#NavigationPrincipalePro #NavItem4, #NavigationPrincipalePro #NavItem4 a {width:159px;background-position:-376px 0;}
#NavigationPrincipalePro #NavItem4.on, #NavigationPrincipalePro #NavItem4.on a {background-position:-376px -82px;}
#NavigationPrincipalePro #NavItem4:hover, #NavigationPrincipalePro #NavItem4.over, #NavigationPrincipalePro #NavItem4:hover a, #NavigationPrincipalePro #NavItem4.over a {background-position:-376px -41px;}

#NavigationPrincipalePro #NavItem5, #NavigationPrincipalePro #NavItem5 a {width:112px;background-position:-535px 0;}
#NavigationPrincipalePro #NavItem5.on, #NavigationPrincipalePro #NavItem5.on a {background-position:-535px -82px;}
#NavigationPrincipalePro #NavItem5:hover, #NavigationPrincipalePro #NavItem5.over, #NavigationPrincipalePro #NavItem5:hover a, #NavigationPrincipalePro #NavItem5.over a {background-position: -535px -41px;}

#NavigationPrincipalePro #NavItem6, #NavigationPrincipalePro #NavItem6 a {width:152px;background-position: -647px 0;}
#NavigationPrincipalePro #NavItem6.on, #NavigationPrincipalePro #NavItem6.on a {background-position:-647px -82px !important;}
#NavigationPrincipalePro #NavItem6:hover, #NavigationPrincipalePro #NavItem6.over, #NavigationPrincipalePro #NavItem6:hover a, #NavigationPrincipalePro #NavItem6.over a {background-position: -647px -41px;}

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


a.more, .more a, span.more {color:#E42418 !important;background-image:url(../../img/bullets/arrow_14.gif);text-decoration:underline !important}
a.more:hover, a.more:focus, a.more:active, .more a:hover, .more a:focus, .more a:active {text-decoration:none !important}