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


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

html {height:100%;}
body {margin:0;padding:0;font:76% Arial,Verdana,sans-serif;background-color:#fff;text-align:center;background: url(../../img/layout/bg_body.png) repeat-y 50% 0;height:100%;}
img {border:none;}
.glo {text-decoration: none !important;}
acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #cccccc;}
dfn:hover {border-bottom-style: solid}
hr {display:none;clear:both;}
a {text-decoration:none;color:#5487C2;}
a:hover, a:active, a:focus {text-decoration:underline;color:#434343;}
sup {vertical-align:top;}
.error, .erreur {color:#F00;}
.horscadre, .horschamp, .hidden {display:none;}
* {margin-top: 0}
span.bccornerz {display: block !important; padding: 0 !important; background: none !important; border: 0 !important}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.align-justify {text-align: justify;}



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

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

#Global {position:relative;min-height:100%;}

#aniBandeau {width: 990px; margin: 0 auto; position: relative}
#aniBandeau .actus {width: 990px; position: absolute; left: 0; height: 206px; overflow: hidden; background-color: #FFF;}
#aniBandeau .actus ul {padding: 0; margin: 0; list-style: none}

#aniBandeau .actus span {position: absolute; bottom: 20px; z-index: 100}
#aniBandeau .actus .pagination a{display: block; width: 29px; height: 25px; background-position: 0 0; background-repeat: no-repeat}
#aniBandeau .actus a:hover, #aniBandeau .actus a:active, #aniBandeau .actus a:focus {filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.60;}
#aniBandeau .actus a strong {position: absolute; top: -7777px; left: -7777px}
#aniBandeau .actus .pause a {background-image:url(../../img/layout/pause.png);}
#aniBandeau .actus .play a {background-image:url(../../img/layout/play.png);}
#aniBandeau .actus .prev, #aniBandeau .actus .next {top: -7777px; left: -7777px;}
#aniBandeau .actus .play, #aniBandeau .actus .pause {top: -7777px; left: -7777px;}


#Annexe {background: url(../../img/layout/bg_annexe.png) repeat 0 0;}
#Annexe .inner {width: 980px; margin: 0 auto;}
#Annexe .inner2 {width: 980px; padding: 9px 0 8px 0;text-align:right; position:relative; overflow: hidden}
#Annexe p {margin: 0 220px 0 0; display: inline; color: #535353; font-weight: bold}
#Annexe p a {color: #535353}
#Annexe .espacePro {width: 167px; min-height: 10px; height: auto; display: inline; position: absolute; overflow: hidden; left: 20px; top: 7px; white-space: nowrap}
#Annexe .espacePro a {display: block; padding: 2px 8px 2px 18px; color: #FFF; background: url(../../img/bullets/arrow_00.gif) #ec2415 no-repeat 6px .4em;}
#Annexe #NavTrans {float: left; width: 740px; text-align: right;}
#Annexe #FormRecherche {position: absolute; top: 6px; right: 21px;margin: 0; padding: 0;}
#Annexe #FormRecherche label {text-align: left;display: block; font-size: .8em; margin: -6px 0 -2px 0; position: relative}
#Annexe #FormRecherche input {background: #9BB7CD; float: left; border: 1px solid #ADC4D9; margin: 0; padding: 2px 0 1px 8px; font: 1em arial, sans-serif;}
#Annexe #FormRecherche input.button {padding: 1px 8px; margin: 0 0 0 9px; width: auto; border: 1px solid #DDDDDC; border-bottom: 0;color: #FFF; background: #0A53A7; font-weight: bold;}

#EnTete {/* background:url(../../img/layout/bg_persos.gif) no-repeat 50% 100%; */margin:0 auto;padding:0;text-align:left;width:100%;}
#EnTete:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#EnTete {display:inline-block;}
/* \*/ * html #EnTete {height:1%;} #EnTete {display:block;} /* */

#Logo {width: 980px; margin:0 auto; height: 164px; background: url(../../img/layout/baseline.png) no-repeat 0 -22px}
#Logo a, #Logo h1 {display: block; padding: 22px 0 15px 20px; width: 93px;}
#Logo p {position: absolute; top: -7777px; left: -7777px;}



/* ______________________[ Navigation principale ]________________________ */

#NavigationPrincipale {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: 46px}
#NavigationPrincipale:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#NavigationPrincipale {display:inline-block;}
/* \*/ * html #NavigationPrincipale {height:1%;} #NavigationPrincipale {display:block;} /* */

#NavigationPrincipale span {position: absolute; top: -7777px; left: -7777px;}
#NavigationPrincipale ul {padding:0;margin:0;list-style: none;}

/* BLOC NAV ETRE AIDE */
#NavigationPrincipale #NavItem1 {float:left;padding:0;margin:0;display:inline;background-image: url(../../img/layout/bg_navigation.gif);}
#NavigationPrincipale #NavItem1 a {display:block;margin:0;padding:0;background-image: url(../../img/layout/bg_navigation.gif);}
#NavigationPrincipale #NavItem1, #NavigationPrincipale #NavItem1 a {width: 117px; height: 46px;background: url(../../img/layout/bg_navigation.gif) no-repeat 0 0;}
#NavigationPrincipale #NavItem1.on, #NavigationPrincipale #NavItem1.on a {background-position: 0 -92px;}
#NavigationPrincipale #NavItem1:hover, #NavigationPrincipale #NavItem1.over, #NavigationPrincipale #NavItem1:hover a, #NavigationPrincipale #NavItem1.over a {background-position: 0 -46px;}
#NavigationPrincipale #NavItem1 ul {background-color:#4CC6E3; margin: 0 0 0 24px}
#NavigationPrincipale #NavItem1 li a:hover, #NavigationPrincipale #NavItem1 li a:active, #NavigationPrincipale #NavItem1 li a:focus {color: #4CC6E3;}

/* BLOC NAV 2 et 3 */
#NavigationPrincipale #NavItem2, #NavigationPrincipale #NavItem3 {float: left; height: 46px;}
#NavigationPrincipale #NavItem2 ul, #NavigationPrincipale #NavItem3 ul {height: 24px; position: relative; top: 22px; left: auto; margin: 0; padding: 0; z-index: 150}
#NavigationPrincipale #NavItem2 ul li, #NavigationPrincipale #NavItem3 ul li {display: inline; float: left; height: 24px;background-image: url(../../img/layout/bg_navigation.gif); background-repeat: no-repeat;}
#NavigationPrincipale #NavItem2 ul li a, #NavigationPrincipale #NavItem3 ul li a {display: block; height: 24px;background-image: url(../../img/layout/bg_navigation.gif); background-repeat: no-repeat;}
#NavigationPrincipale #NavItem2 ul ul, #NavigationPrincipale #NavItem3 ul ul {background-color:#5487C2;}
#NavigationPrincipale #NavItem2 ul ul a:hover, #NavigationPrincipale #NavItem3 ul ul a:hover, 
#NavigationPrincipale #NavItem2 ul ul a:active, #NavigationPrincipale #NavItem3 ul ul a:active, 
#NavigationPrincipale #NavItem2 ul ul a:focus, #NavigationPrincipale #NavItem3 ul ul a:focus 
{color: #5487C2;}

/* BLOC NAV 2 */
#NavigationPrincipale #NavItem2, #NavigationPrincipale #NavItem2 ul  {width: 623px;}
#NavigationPrincipale #SsNavItem21 {margin: 0 0 0 17px;}
#NavigationPrincipale #SsNavItem21 a, #NavigationPrincipale #SsNavItem21 {background-position: -134px -22px; width: 117px;}
#NavigationPrincipale #SsNavItem21.on a, #NavigationPrincipale #SsNavItem21.on {background-position: -134px -114px;}
#NavigationPrincipale #SsNavItem21:hover a, #NavigationPrincipale #SsNavItem21:hover, #NavigationPrincipale #SsNavItem21.over a, #NavigationPrincipale #SsNavItem21.over {background-position: -134px -68px;}
#NavigationPrincipale #SsNavItem22 {margin: 0 0 0 10px;}
#NavigationPrincipale #SsNavItem22 a, #NavigationPrincipale #SsNavItem22 {background-position: -261px -22px; width: 52px;}
#NavigationPrincipale #SsNavItem22.on a, #NavigationPrincipale #SsNavItem22.on {background-position: -261px -114px !important;}
#NavigationPrincipale #SsNavItem22:hover a, #NavigationPrincipale #SsNavItem22:hover, #NavigationPrincipale #SsNavItem22.over a, #NavigationPrincipale #SsNavItem22.over {background-position: -261px -68px;}
#NavigationPrincipale #SsNavItem23 {margin: 0 0 0 11px;}
#NavigationPrincipale #SsNavItem23 a, #NavigationPrincipale #SsNavItem23 {background-position: -324px -22px; width: 52px;}
#NavigationPrincipale #SsNavItem23.on a, #NavigationPrincipale #SsNavItem23.on {background-position: -324px -114px !important;}
#NavigationPrincipale #SsNavItem23:hover a, #NavigationPrincipale #SsNavItem23:hover, #NavigationPrincipale #SsNavItem23.over a, #NavigationPrincipale #SsNavItem23.over {background-position: -324px -68px;}
#NavigationPrincipale #SsNavItem24 {margin: 0 0 0 7px;}
#NavigationPrincipale #SsNavItem24 a, #NavigationPrincipale #SsNavItem24 {background-position: -383px -22px; width: 165px;}
#NavigationPrincipale #SsNavItem24.on a, #NavigationPrincipale #SsNavItem24.on {background-position: -383px -114px;}
#NavigationPrincipale #SsNavItem24:hover a, #NavigationPrincipale #SsNavItem24:hover, #NavigationPrincipale #SsNavItem24.over a, #NavigationPrincipale #SsNavItem24.over {background-position: -383px -68px;}
#NavigationPrincipale #SsNavItem25 {margin: 0 0 0 11px;}
#NavigationPrincipale #SsNavItem25 a, #NavigationPrincipale #SsNavItem25 {background-position: -559px -22px; width: 167px;}
#NavigationPrincipale #SsNavItem25.on a, #NavigationPrincipale #SsNavItem25.on {background-position: -559px -114px;}
#NavigationPrincipale #SsNavItem25:hover a, #NavigationPrincipale #SsNavItem25:hover, #NavigationPrincipale #SsNavItem25.over a, #NavigationPrincipale #SsNavItem25.over {background-position: -559px -68px;}

/* BLOC NAV 3 */
#NavigationPrincipale #NavItem3, #NavigationPrincipale #NavItem3 ul {width: 240px;}
#NavigationPrincipale #SsNavItem31 {margin: 0 0 0 12px;}
#NavigationPrincipale #SsNavItem31 a, #NavigationPrincipale #SsNavItem31 {background-position: -752px -22px; width: 113px;}
#NavigationPrincipale #SsNavItem31.on a, #NavigationPrincipale #SsNavItem31.on {background-position: -752px -114px;}
#NavigationPrincipale #SsNavItem31:hover a, #NavigationPrincipale #SsNavItem31:hover, #NavigationPrincipale #SsNavItem31.over a, #NavigationPrincipale #SsNavItem31.over {background-position: -752px -68px;}
#NavigationPrincipale #SsNavItem32 {margin: 0 0 0 12px;}
#NavigationPrincipale #SsNavItem32 ul {margin: 0 0 0 -131px !important;}
#NavigationPrincipale #SsNavItem32 a, #NavigationPrincipale #SsNavItem32 {background-position: -877px -22px; width: 86px;}
#NavigationPrincipale #SsNavItem32.on a, #NavigationPrincipale #SsNavItem32.on {background-position: -877px -114px;}
#NavigationPrincipale #SsNavItem32:hover a, #NavigationPrincipale #SsNavItem32:hover, #NavigationPrincipale #SsNavItem32.over a, #NavigationPrincipale #SsNavItem32.over {background-position: -877px -68px;}

/* COMMUN BLOC NAV 1, 2 et 3 */
#NavigationPrincipale #NavItem1 ul, #NavigationPrincipale #NavItem2 ul ul, #NavigationPrincipale #NavItem3 ul ul {position:absolute;top:-777px;left:-7777px;padding:8px 3px 5px 3px;list-style:none;background-image:none;border:1px solid #BDCEDA; border-top: 0; width:210px !important;z-index: 100;height: auto;}
#NavigationPrincipale #NavItem1:hover ul, #NavigationPrincipale #NavItem1.over ul, #NavigationPrincipale #NavItem2 ul li:hover ul, #NavigationPrincipale #NavItem2 ul li.over ul, #NavigationPrincipale #NavItem3 ul li:hover ul, #NavigationPrincipale #NavItem3 ul li.over ul {top: auto; left: auto;}
#NavigationPrincipale #NavItem1 li, #NavigationPrincipale #NavItem2 ul ul li, #NavigationPrincipale #NavItem3 ul ul li {display: block; float: left; width: 100%; height: auto; background-image: none}
#NavigationPrincipale #NavItem1 li a, #NavigationPrincipale #NavItem2 ul ul a, #NavigationPrincipale #NavItem3 ul ul a {display: block; height: auto; position: relative; width: auto; padding: 2px 5px; margin: 0 0 .2em 0; background-image: none; background-color: transparent; color: #FFF}
#NavigationPrincipale #NavItem1 li a:hover, #NavigationPrincipale #NavItem2 ul ul a:hover, #NavigationPrincipale #NavItem3 ul ul a:hover,
#NavigationPrincipale #NavItem1 li a:active, #NavigationPrincipale #NavItem2 ul ul a:active, #NavigationPrincipale #NavItem3 ul ul a:active,
#NavigationPrincipale #NavItem1 li a:focus, #NavigationPrincipale #NavItem2 ul ul a:focus, #NavigationPrincipale #NavItem3 ul ul a:focus
{background-color: #FFFFFE; text-decoration: none;}

/* Liste standard */
#ContainerCols ul {margin:0 0 1em 0;padding:0;list-style:none;}
#ContainerCols ul ul {padding: 5px 0 5px 15px !important; margin: 0}
#ContainerCols ul li {background: url(../../img/bullets/bullet_01.gif) no-repeat 0 .4em; padding: 0 0 0 10px; margin: 0 0 .5em 0}
#ContainerCols ul li li {background: url(../../img/bullets/square_01.gif) #FFF no-repeat 0 .5em; display: block; padding: 0 0 0 7px;}
#ContainerCols li a {margin: 0 1px}
p.more {text-align: right; clear: both;}
li a.more, li span.more, li a.pdf, li span.pdf, li a.doc, li span.doc, li a.xls, li span.xls, li a.zip, li span.zip, li a.html, li html.pdf {display: block; margin: 0 0 0 -10px !important;}
a.more, .more a, span.more {color: #434343; padding: 0 0 0 14px; background: url(../../img/bullets/arrow_07.gif) #FFF no-repeat 0 .3em}
a.more, .more a {text-decoration: underline;}
.more a:hover, a.more:hover, .more a:active, a.more:active, .more a:focus, a.more:focus {text-decoration: none}
a.pdf {background: url(../../img/ico_pdf.gif) #FFF no-repeat 0 0; padding: 0 0 1px 21px; color: #434343; text-decoration: underline; display: block;overflow:auto;}
a.pdf:hover {text-decoration: none;}
a.doc {background: url(../../img/ico_doc.gif) #FFF no-repeat 0 0; padding: 0 0 1px 21px; color: #434343; text-decoration: underline; display: block;overflow:auto;}
a.doc:hover {text-decoration: none;}
a.xls {background: url(../../img/ico_xls.gif) #FFF no-repeat 0 0; padding: 0 0 1px 21px; color: #434343; text-decoration: underline; display: block;overflow:auto;}
a.xls:hover {text-decoration: none;}
a.zip {background: url(../../img/ico_zip.gif) #FFF no-repeat 0 0; padding: 0 0 1px 21px; color: #434343; text-decoration: underline; display: block;overflow:auto;}
a.zip:hover {text-decoration: none;}
a.html {background: url(../../img/ico_html.gif) #FFF no-repeat 0 0; padding: 0 0 1px 21px; color: #434343; text-decoration: underline; display: block;overflow:auto;}
a.html:hover {text-decoration: none;}

p.risques {background: url(../../img/bg_risques.gif) no-repeat 0 0; margin: 0 10px 1.5em 0 !important; padding: 3px 0 1px 0; float: left; font-size: 1.17em; width: 90px}
p.risques a {display: block; text-decoration: none; padding: 1px 7px 1px 3px;background-color: #FCDF00; border: 1px solid #000; border-left-color: #FCDF00; color: #000; margin: 0 0 0 26px}
p.risques a {*margin: 3px 0 0 26px} /* */
p.risques a:hover, p.risques a:active, p.risques a:focus {text-decoration: underline;}

.polyconso {margin: 3px 10px 1.5em 0 !important; padding: 3px 0 1px 0; float: left;background: url(../../img/bg_polyconso_2.gif) #46639C repeat-x 0 0;font-size: 1.17em; line-height: .85em; font-weight: bold; width: 164px}
.polyconso a {display: block; background: url(../../img/bg_polyconso.gif) no-repeat 7px .15em; text-decoration: none !important; color: #FFF !important; padding: 1px 7px 3px 23px}
.polyconso a:hover, p.polyconso a:active, p.polyconso a:focus {text-decoration: underline !important;}

.illicite {padding: 18px 0 0 36px; background: url(../../img/bg_illicite.gif) no-repeat 0 0;}
.illicite strong {font-size: 1.17em; color: #1D549F}

.sanctions {padding: 18px 0 0 36px; background: url(../../img/bg_sanctions.gif) no-repeat 0 0;}
.sanctions strong {font-size: 1.17em; color: #1D549F}


p.cequendit {background: url(../../img/bg_cequendit.gif) #1F56A0 repeat-x 0 0; margin: 0 0 1em 0 !important; border: 1px solid #C6C6C6}
p.cequendit strong {display: block; margin: 0; border: 1px solid #FFF; font-size: 1.17em;}
p.cequendit a {display: block; text-decoration: none; padding: 13px 0 12px 68px; background-repeat: no-repeat; background-position: 0 0; color: #FFF}
p.cequendit a:hover, p.cequendit a:active, p.cequendit a:focus {text-decoration: underline !important;}
.cqalcool a {background-image: url(../../img/bg_cq_alcool.gif);} 
.cqcannabis a {background-image: url(../../img/bg_cq_cannabis.gif);} 
.cqtabac a {background-image: url(../../img/bg_cq_tabac.gif);} 

.context01 h2 {color: #FFF; background-image: none !important; background-color: #00A6D5 !important}
.context02 h2 {color: #FFF; background-image: none !important; background-color: #9CCC00 !important}
.context03 h2 {color: #FFF; background-image: none !important; background-color: #751054 !important}
.context04 h2 {color: #FFF; background-image: none !important; background-color: #BD208B !important}

.faqbox .question, .faqbox .reponse {padding: 0 0 1em 30px; margin: 0 0 .5em 0; background-position: 0 0; background-repeat: no-repeat;}
.faqbox .question p, .faqbox .reponse p {margin: 0 !important}
.faqbox .question {background-image: url(../../img/bg_question.gif)}
.faqbox .reponse {background-image: url(../../img/bg_reponse.gif);}
.faqbox a {color: #434343;}
.faqbox span {position: absolute; top: -7777px; left: -7777px}


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

#PiedDePage {background: url(../../img/layout/bg_pdp.gif) #72A6CB repeat-x 0 0;text-align:center;padding:0;position: relative; width: 100%; overflow: hidden}
#PiedDePage .inner {margin:0 auto;width:960px; padding: 15px 0 1px 0; text-align:left; color: #FFF; overflow: hidden; position: relative; z-index: 100}
#PiedDePage .pdpA {float: left;}
#PiedDePage .pdpA img {margin: 0 0 -9px 0}
#PiedDePage .pdpB {float: right;padding: 6px 0 0 0;}
#PiedDePage .pdpB .loca {display: inline; float: left; padding: 0; margin: -6px 10px 0 0; background-position: 0 0; background-repeat: no-repeat; width: 29px; height: 29px}
#PiedDePage .pdpB .loca span {position: absolute; top: -7777px; left: -7777px}
#PiedDePage .pdpB .en {background-image: url(../../img/layout/flag_en.gif);}
#PiedDePage .pdpB .fr {background-image: url(../../img/layout/flag_fr.gif);}
#PiedDePage .pdpB a {}
#PiedDePage p {margin: 0 0 .8em 0}
#PiedDePage a {color: #FFF}