/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		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;*/}
*html #navProv {position:absolute;}
#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;}


/* ______________________[ META declarations ]________________________ */

body {margin:0;padding:0;font:76% Arial,Verdana,sans-serif;background: url(../../img/layout/bg_entete.gif) #FFF repeat-x 0 4px; text-align:center; color: #4f4d4d}
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: #eb6909}
ul {list-style: none}
a:hover {text-decoration:underline;}
sup {vertical-align:top;}
.error, .erreur {color:#F00;}
.horscadre, .horschamp, .hidden {display:none;}
* {margin-top: 0}
.orange {color: #EB6909}

/* ______________________[ Haut de page : logo, recherche, etc. ]________________________ */

/* Navigation interne à la page */
#NavigationInterne {position:absolute;top:-7777em;left:-7777em;}

#Annexes {background-color: #adadac;}
#Annexes .inner {width: 980px; text-align:right; margin: 0 auto; padding: 5px 0 5px 0; position: relative}
#Annexes .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#Annexes .inner {display:inline-block;}
/* \*/ * html #Annexes .inner {height:1%;} #Annexes .inner {display:block;} /* */
#Annexes p {margin: 0; padding: 0 29em 0 0; vertical-align: middle; line-height: 1.5em; height: 1.5em; display: inline; color: #FFF; text-align: right;}
#Annexes p a {color: #FFF; padding: 0 3px;}
#Annexes #FormRecherche {position: absolute; right: 0; margin: 0 0 0 10px; padding: 0; display: inline;}
#Annexes #FormRecherche label {text-align: left;display: block; font-size: .8em; margin: -6px 0 -2px 0; position: relative}
#Annexes #FormRecherche input {float: left; border: 1px solid #FFF; margin: 0; padding: 1px 0 1px 3px; font: .9em arial, sans-serif; color: #787b7e; width: 165px}
#Annexes #FormRecherche input.button {border: 0; width: 28px; padding: 2px 0; font-size: .9em; color: #FFF; font-weight: bold; background: url(../../img/bt_ok_2.gif) no-repeat 0 0; margin: 0 15px 0 9px}
#Annexes #FormRecherche p {width: auto; padding: 0}
#Annexes #FormRecherche p a {background: url(../../img/arrow_10.gif) no-repeat 0 .35em; padding: 0 0 0 16px; font-size: .9em}

#EnTete {background: url(../../img/layout/bg_entete.gif) #BEBEBD repeat-x 0 0}
#EnTete .inner {margin:0 auto;padding:0;text-align:left;width:980px;}
#EnTete .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#EnTete .inner {display:inline-block;}
/* \*/ * html #EnTete .inner {height:1%;} #EnTete .inner {display:block;} /* */

#Logo {float:left;margin:13px 20px 0 9px; display: inline;}

#TopTools {background: url(../../img/layout/bg_vs_etes.gif) no-repeat 0 100%; padding: 0 0 25px 0; width: 980px;}
#TopTools:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#TopTools {display:inline-block;}
/* \*/ * html #TopTools {height:1%;} #TopTools {display:block;} /* */

#TopA {width: 250px; float: left;}
#TopA ul {padding: 6px 0 0 0; margin: 0; list-style: none}
#TopA ul li {display: inline; margin: 0 10px 0 0}

#TopB {width: 479px; float: left; background: url(../../img/layout/bg_topbc.gif) no-repeat 0 100%;height: 67px; min-height: 67px}
html>body #TopB {height: auto}
#TopB ul {list-style: none; padding: 16px 0 10px 0; margin: 0; position: relative}
#TopB ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#TopB ul {display:inline-block;}
/* \*/ * html #TopB ul {height:1%;} #TopB ul {display:block;} /* */
#TopB ul li {float: left; display: inline; height: 26px; margin: 0 10px 10px 0; background-image: url(../../img/layout/bg_topb_menu.gif); background-repeat: no-repeat; position: relative;}
#TopB ul li a {display: block; text-align: center; background-image: url(../../img/layout/bg_topb_menu.gif); background-position:0 100%; height: 26px;}
#TopB ul li a strong {position: absolute; top: -7777px; left: -7777px}
#TopB #top01 {margin-left: 13px}
#TopB #top01, #TopB #top01 a {background-position: 0 0; width: 78px;}
#TopB #top02, #TopB #top02 a {background-position: -78px 0; width: 119px}
#TopB #top03, #TopB #top03 a {background-position: -197px 0; width: 90px}
#TopB #top04, #TopB #top04 a {background-position: -287px 0; width: 128px}
#TopB #top01 a:hover, #TopB #top01 a:active, #TopB #top01 a:focus {background-position: 0 100% !important;}
#TopB #top02 a:hover, #TopB #top02 a:active, #TopB #top02 a:focus {background-position: -78px 100% !important;}
#TopB #top03 a:hover, #TopB #top03 a:active, #TopB #top03 a:focus {background-position: -197px 100% !important;}
#TopB #top04 a:hover, #TopB #top04 a:active, #TopB #top04 a:focus {background-position: -287px 100% !important;}

#TopB #EspaceReserve {margin: 0 0 0 15px !important}
#TopB #EspaceReserve, #TopB #EspaceReserve a {background: url(../../img/layout/bg_espacereserve.gif) no-repeat 0 0; height: 29px; width: 106px}
#TopB #EspaceReserve:hover, #TopB #EspaceReserve a:hover, #TopB #EspaceReserve a:active, #TopB #EspaceReserve a:focus {background: url(../../img/layout/bg_espacereserve.gif) no-repeat 0 -29px !important;}
#TopB #EspaceReserve.over, #TopB #EspaceReserve.over a {background: url(../../img/layout/bg_espacereserve.gif) no-repeat 0 100% !important;}
#TopB #EspaceReserve ul {position: absolute; z-index: 10; top: -7777px; left: -7777px; background: url(../../img/layout/bg_espacereserve_t.gif) no-repeat 0 0; width: 154px; font-size: .9em; padding: 9px 0 0 0}
#TopB #EspaceReserve.over ul {top: auto; left: -24px;} 
#TopB #EspaceReserve ul li {background: url(../../img/layout/bg_espacereserve_b_hk.png) no-repeat 0 100% !important; height: auto; width: 154px; padding: 0 0 9px 0; margin: 0}
#TopB #EspaceReserve ul li #Connexion {background: url(../../img/layout/bg_espacereserve_inner.gif) #FFF repeat-y 0 0; padding: 0 5px 0 10px; margin: 0; width: auto !important; text-align: left;}
#TopB #EspaceReserve ul li #Connexion input {border: 1px solid #acaeb0; margin: 0 0 5px 0; padding: 1px 0 1px 3px; font: 1em arial, sans-serif; color: #000;}
#TopB #EspaceReserve ul li #Connexion .button {border: 0; width: 91px; padding: 2px 0; font-weight: bold; color: #FFF; font-weight: bold; background: url(../../img/layout/bg_bt_login.gif) no-repeat 0 0;}
#TopB #EspaceReserve ul li #Connexion p {margin: 0}
#TopB #EspaceReserve ul li #Connexion p.error {color: #787b7e; margin: 0 0 5px 0}
#TopB #EspaceReserve ul li #Connexion p a {background: url(../../img/arrow_11.gif) no-repeat 0 .3em !important; color: #187aa3; height: auto; padding: 0 0 0 18px; width: auto !important; text-align: left;}
#TopB #Deconnexion {float: right !important; height: auto !important; width: auto !important; padding: 0 !important; margin: 0 30px 0 0; background: none !important}
#TopB #Deconnexion form {padding: 0; margin: 0}
#TopB #Deconnexion #DecoBt {display: block; height: auto !important; padding: 0 !important;font-size: .8em; color: #1f95c6; background: url(../../img/layout/bg_deconnexion.gif) no-repeat 0 .55em; padding: 0 0 0 9px !important; text-decoration: underline; border: 0; cursor: pointer; width: 85px !important;}
#TopB #Deconnexion #DecoBt:focus, #TopB #Deconnexion #DecoBt:active, #TopB #Deconnexion #DecoBt:hover {text-decoration: none;}  

/* ______________________[ Navigation principale ]________________________ */

#NavigationPrincipale {background: url(../../img/layout/bg_inner_nav.jpg) no-repeat 50% 0;}
#NavigationPrincipale ul {list-style:none;text-align:left;color:#fff;margin:0 auto;padding:0;width:980px;background: url(../../img/layout/bg_navigation.gif) no-repeat 0 0; height: 40px;}
#NavigationPrincipale ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#NavigationPrincipale ul {display:inline-block;}
/* \*/ * html #NavigationPrincipale ul {height:1%;} #NavigationPrincipale ul {display:block;} /* */
#NavigationPrincipale ul strong {position: absolute; top: -7777px; left: -7777px;}
#NavigationPrincipale li {float:left; padding:0;margin:0;display:inline;height: 40px;background-image: url(../../img/layout/bg_navigation.gif);}
#NavigationPrincipale li a {display:block;margin:0;padding:0;height: 40px;background-image: url(../../img/layout/bg_navigation.gif); background-repeat: no-repeat}

#NavigationPrincipale #NavItem1, #NavigationPrincipale #NavItem1 a {width: 93px;background-position: 0 0;}
#NavigationPrincipale #NavItem1.on, #NavigationPrincipale #NavItem1.on a {background-position: 0 -80px !important;}
#NavigationPrincipale #NavItem1:hover, #NavigationPrincipale #NavItem1.over, #NavigationPrincipale #NavItem1:hover a, #NavigationPrincipale #NavItem1.over a {background-position: 0 -40px; background-color: #C767B9;}

#NavigationPrincipale #NavItem2, #NavigationPrincipale #NavItem2 a {width: 69px; background-position: -93px 0;}
#NavigationPrincipale #NavItem2.on, #NavigationPrincipale #NavItem2.on a {background-position: -93px -80px !important;}
#NavigationPrincipale #NavItem2:hover, #NavigationPrincipale #NavItem2.over, #NavigationPrincipale #NavItem2:hover a, #NavigationPrincipale #NavItem2.over a {background-position: -93px -40px; background-color: #C767B9;}

#NavigationPrincipale #NavItem3, #NavigationPrincipale #NavItem3 a {width: 178px; background-position: -162px 0;}
#NavigationPrincipale #NavItem3.on, #NavigationPrincipale #NavItem3.on a {background-position: -162px -80px !important;}
#NavigationPrincipale #NavItem3:hover, #NavigationPrincipale #NavItem3.over, #NavigationPrincipale #NavItem3:hover a, #NavigationPrincipale #NavItem3.over a {background-position: -162px -40px; background-color: #C767B9;}

#NavigationPrincipale #NavItem4, #NavigationPrincipale #NavItem4 a {width: 81px; background-position: -340px 0;}
#NavigationPrincipale #NavItem4.on, #NavigationPrincipale #NavItem4.on a {background-position: -340px -80px !important;}
#NavigationPrincipale #NavItem4:hover, #NavigationPrincipale #NavItem4.over, #NavigationPrincipale #NavItem4:hover a, #NavigationPrincipale #NavItem4.over a {background-position: -340px -40px; background-color: #C767B9;}

#NavigationPrincipale #NavItem5 {margin-left: 40px;}
#NavigationPrincipale #NavItem5, #NavigationPrincipale #NavItem5 a {width: 72px; background-position: -461px 0;}
#NavigationPrincipale #NavItem5.on, #NavigationPrincipale #NavItem5.on a {background-position: -461px -80px !important;}
#NavigationPrincipale #NavItem5:hover, #NavigationPrincipale #NavItem5.over, #NavigationPrincipale #NavItem5:hover a, #NavigationPrincipale #NavItem5.over a {background-position:  -461px -40px; background-color: #871F79;}

#NavigationPrincipale #NavItem6, #NavigationPrincipale #NavItem6 a {width: 119px; background-position:  -533px 0;}
#NavigationPrincipale #NavItem6.on, #NavigationPrincipale #NavItem6.on a {background-position: -533px -80px !important;}
#NavigationPrincipale #NavItem6:hover, #NavigationPrincipale #NavItem6.over, #NavigationPrincipale #NavItem6:hover a, #NavigationPrincipale #NavItem6.over a {background-position:  -533px -40px; background-color: #871F79;}

#NavigationPrincipale #NavItem7, #NavigationPrincipale #NavItem7 a {width: 107px; background-position:  -652px 0;}
#NavigationPrincipale #NavItem7.on, #NavigationPrincipale #NavItem7.on a {background-position: -652px -80px !important;}
#NavigationPrincipale #NavItem7:hover, #NavigationPrincipale #NavItem7.over, #NavigationPrincipale #NavItem7:hover a, #NavigationPrincipale #NavItem7.over a {background-position:  -652px -40px; background-color: #871F79;}

#NavigationPrincipale #NavItem8, #NavigationPrincipale #NavItem8 a {width: 82px; background-position:  -759px 0;}
#NavigationPrincipale #NavItem8.on, #NavigationPrincipale #NavItem8.on a {background-position: -759px -80px !important;}
#NavigationPrincipale #NavItem8:hover, #NavigationPrincipale #NavItem8.over, #NavigationPrincipale #NavItem8:hover a, #NavigationPrincipale #NavItem8.over a {background-position:  -759px -40px; background-color: #871F79;}

#NavigationPrincipale #NavItem9 {margin-left: 38px;}
#NavigationPrincipale #NavItem9, #NavigationPrincipale #NavItem9 a {width: 101px; background-position:  -879px 0;}
#NavigationPrincipale #NavItem9.on, #NavigationPrincipale #NavItem9.on a {background-position: -879px -80px !important;}
#NavigationPrincipale #NavItem9:hover, #NavigationPrincipale #NavItem9.over, #NavigationPrincipale #NavItem9:hover a, #NavigationPrincipale #NavItem9.over a {background-position:  -879px -40px; background-color: #FC8A3A;}

#NavigationPrincipale ul ul {position: absolute; top: -7777px; left: -7777px;padding:8px 3px 5px 3px; margin: 0 !important;list-style:none; border: 1px solid #b6b9bb; border-top: 0; border-left: 0; width:210px !important;z-index: 1000;height: auto;}
#NavigationPrincipale #NavItem1 ul, #NavigationPrincipale #NavItem2 ul, #NavigationPrincipale #NavItem3 ul, #NavigationPrincipale #NavItem4 ul {background: #C767B9;}
#NavigationPrincipale #NavItem5 ul, #NavigationPrincipale #NavItem6 ul, #NavigationPrincipale #NavItem7 ul, #NavigationPrincipale #NavItem8 ul {background: #871F79;}
#NavigationPrincipale #NavItem9 ul {background: #FC8A3A; left: -115px}
#NavigationPrincipale li.over {position: relative; position: relative; z-index: 1000}
#NavigationPrincipale li.over ul, #NavigationPrincipale li:hover ul {top: 40px; left: auto;}
#NavigationPrincipale li.on ul, #NavigationPrincipale li.on a, #NavigationPrincipale li.on a  {background-color: #ebeced !important; color: #f16f20 !important}
#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; background-color: transparent; color: #FFF}
#NavigationPrincipale li li a:hover,
#NavigationPrincipale li li a:active,
#NavigationPrincipale li li a:focus,
#NavigationPrincipale li.on li a:hover,
#NavigationPrincipale li.on li a:active,
#NavigationPrincipale li.on li a:focus {background-color: #FFF !important; color: #434343; text-decoration: none;}

/* ______________________[ Container de contenu ]________________________ */

#ContainerCols {width:980px;margin:0 auto;padding:24px 0 20px 0;display:block;text-align:left;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */


#ContainerCols .contenu .inner2 li {overflow: auto}

/* Positions contenus Typo3 */
#ContainerCols .txtVisu {display:inline-block;margin:0 0 .8em 0;}
#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;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, #ContainerCols .news-right {float:right;margin:0 0 15px 15px;}
#ContainerCols .right .blocTxt {}
#ContainerCols .left {}
#ContainerCols .left .blocVisu, #ContainerCols .news-left {float:left;margin:0 15px 1em 0;}
#ContainerCols .left .blocTxt {}
#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;}


#ColContenu {float:left; display: inline; margin:0; padding:0;text-align:left; width: 746px;}

#ContainerCols .contenu .inner .inner2 p.next {text-align: right;}
#ContainerCols .contenu .inner .inner2 p.next a {padding: 0 0 0 17px; background: url(../../img/arrow_east.gif) no-repeat 0 .3em; color: #EB6909}
#ContainerCols .actu_detail p.prev, #ContainerCols .contenu .inner .inner2 p.prev {text-align: right;}
#ContainerCols .actu_detail p.prev a, #ContainerCols .contenu .inner .inner2 p.prev a {padding: 0 0 0 17px; background: url(../../img/arrow_west.gif) no-repeat 0 .3em; color: #EB6909}
                  
/*____icones___ */
a.pdf {background: url(../../img/ico_pdf.gif) no-repeat 0 0;}
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.pdf, a.doc, a.ppt, a.xls, a.zip, a.html {padding: 1px 0 4px 21px; color: #4f4d4d !important; display: block; text-decoration: underline; overflow: auto}
#ColContextuelle li a.pdf, #ColContextuelle li a.doc, #ColContextuelle li a.ppt, #ColContextuelle li a.xls, #ColContextuelle li a.zip, #ColContextuelle li a.html {margin: 0 1px 1px -13px}
a.pdf:hover, a.pdf:active, a.pdf:focus, a.doc:hover, a.doc:active, a.doc:focus, a.ppt:hover, a.ppt:active, a.ppt:focus, a.xls:hover, a.xls:active, a.xls:focus, a.zip:hover, a.zip:active, a.zip:focus, a.html:hover, a.html:active, a.html:focus {text-decoration: none}

/* [ INTERIEUR, Colonne de contenu contextuel au contenu principal ]________________________ */

#ColContextuelle {text-align:left;margin:0;padding:0;float:right;}

/* Contenu standard en colonne contextuelle */
#ColContextuelle .contenu {}
#ColContextuelle .contenu .inner { background: url(../../img/bg_colcontextuelle_h2.gif) repeat-y 0 0; margin: 0 0 1.5em 0}
#ColContextuelle .contenu .inner h2 {background: url(../../img/bg_colcontextuelle_rd.png) no-repeat 0 0; margin: 0; padding: 7px 10px; font-size: 1.4em; color: #FFF; font-weight: bold}
#ColContextuelle .contenu .inner .inner2 {background: url(../../img/bg_colcontextuelle_inner2.gif) repeat-y 0 0; border-bottom: 1px solid #F28107; padding: 10px 10px 10px 10px; color: #4F4D4D}
#ColContextuelle .contenu .inner .inner2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColContextuelle .contenu .inner .inner2 {display:inline-block;}
/* \*/ * html #ColContextuelle .contenu .inner .inner2 {height:1%;} #ColContextuelle .contenu .inner .inner2 {display:block;} /* */
#ColContextuelle .contenu .inner .inner2 p {margin:0 0 .5em 0;}
#ColContextuelle .contenu .inner .inner2 a {}
#ColContextuelle .contenu .inner .inner2 blockquote {margin: 0; padding: 0}
#ColContextuelle .contenu .inner .inner2 ul {padding: 0 0 .5em 0; margin: 0}
#ColContextuelle .contenu .inner .inner2 ul li {margin: 0 0 .45em -3px; background: url(../../img/arrow_05.gif) no-repeat 3px .4em; padding: 0 0 0 13px;display:block;}
#ColContextuelle .contenu .inner .inner2 h3 {font-size: 1.15em;}
#ColContextuelle .contenu .inner .inner2 h3 a {}

#ColContextuelle .type01 .inner {background: none #9DA2A4}
#ColContextuelle .type01 .inner .inner2 {border-color: #9DA2A4}
#ColContextuelle .type02 .inner {background: none #fc8939}
#ColContextuelle .type02 .inner .inner2 {border-color: #fc8939}

body.connecte #FildAriane strong {color: #187aa3}
body.connecte #ColMenu #SsRubTitle {background-image: url(../../img/bg_colmenu_title_connecte.gif);}
body.connecte #ColMenu ul {border-bottom: 1px solid #187aa3;}
body.connecte #ColMenu ul li {background-color: #e8f2f6;}
body.connecte #ColMenu ul li a {background-image: url(../../img/arrow_12.gif); color: #187aa3}
body.connecte #ColMenu ul li.on {background: url(../../img/bg_colmenu_on_connecte.gif) repeat-y 0 0;}
body.connecte #ColMenu ul ul {background-color: #e8f2f6}
body.connecte #ColContenu h1 span {color: #187aa3}
body.connecte #ColContenu h2 {color: #187aa3;}
body.connecte #ColContenu ul li {background-image: url(../../img/square_02.gif);}
body.connecte #ColContenu .moreInfos .inner h2 {color: #eb6909;}
body.connecte #ColContenu .moreInfos .inner a {color: #eb6909;}
body.connecte #ColContenu .chiffres p strong {color: #eb6909;}
body.connecte a {color: #187aa3}
body.connecte #ContainerCols .contenu .inner .inner2 p.next a {background-image: url(../../img/arrow_12.gif); color: #1f95c6}
body.connecte #ContainerCols .actu_detail p.prev a, body.connecte #ContainerCols .contenu .inner .inner2 p.prev a {background: url(../../img/arrow_13.gif) no-repeat 0 .3em; color: #187aa3}
body.connecte #ColContextuelle .inner {background: none #1f95c6}
body.connecte #ColContextuelle .inner .inner2 {border-color: #1f95c6}
body.connecte #ColContextuelle .type01 .inner {background: none #9DA2A4}
body.connecte #ColContextuelle .type01 .inner .inner2 {border-color: #9DA2A4}


/*#ColContextuelle .type02 .inner {background: none #fc8939}
#ColContextuelle .type02 .inner .inner2 {border-color: #fc8939} */


/* Liste standard */
#ColContextuelle ul {margin:0 0 1.5em 0;padding:0;list-style:none;}
#ColContextuelle ul li {}
#ColContextuelle ul li a {color: #4f4d4d}
#ColContextuelle ul li img {float:left;margin:0 10px 1em -10px;}


/* — Recherche régions — */
.formSearch {margin: 0 0 1em 0; padding: 0}
.formSearch p a {display: block; color: #4f4d4d; text-decoration: none !important}
.formSearch p a span {display: block; padding: 40px 0 0 0; text-decoration: none}
.formSearch p a:hover span {display: block; padding: 40px 0 0 0; text-decoration: underline}
.formSearch select {font-family: Arial, Verdana, sans-serif; font-size: .9em; color: #787b7e; border: 1px solid #acaeb0; width: 141px}
#ContainerCols .formSearch {margin: 0 0 2.5em 0}
#ColContenu .formSearch select {width: 230px}
#ContainerCols .button {font: bold .9em Arial, Verdana, sans-serif; color: #FFF; background: url(../../img/bg_valider.gif) no-repeat 50% 50%; margin:0 -1px 0 0; border: 0; width: 50px; line-height: 19px; padding: 2px 0}

.popup {background: #FFF !important; background-image: none !important; width: 100% !important; padding: 0 !important}
.popup #ColContenu {width: 320px !important; padding: 0 !important}
.reserve #ColContenu h1 {color: #0096C8 !important; font-size: 1.8em}
.reserve .generique .validation {background-color: #0096c7 !important; background-image: url(../../img/layout/bg_espacereserve_bt.gif) !important}
.reserve .generique .button {background-image: url(../../img/layout/bg_espacereserve_bt.gif) !important}
.reserve .generique .txtC {width: 100%}

/* 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 {position: static !important; font-size: 1.25em !important;}
  .sIFR-active .rowB h2 {overflow: hidden; font-size: 1.7em !important;}
  .sIFR-active .HomeTabs h2 {overflow: hidden; font-size: 1.8em !important;}
  .sIFR-active #SsRubTitle {padding-bottom: 0 !important}
  .sIFR-active .moreInfos h2 {overflow: hidden; font-size: 1.7em !important;}
                              
}

/* ______________________[ Bas de page : copyright, liens vers informations générales ]________________________ */

#PiedDePage {text-align: center; background: url(../../img/layout/bg_pdp.gif) repeat-x 0 0; width: 100%; color: #4F4D4D}
#PiedDePage p {margin: 0; padding: 1em 0}
#PiedDePage a {color: #4F4D4D}
#PiedDePage a:hover {}

