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


/* _____[ 00 | META declarations | Haut de page : logo, recherche, etc | Navigation principale  ]_____________ */

/* cf. common.css */

/* ______________________[ 03 | Contenu principal : présentation en 3 colonnes ]____________________*/

#ContainerCols {width:980px;margin:0 auto;padding:0;display:block;text-align:left; color: #434343; background:url(../../img/homepage/bg_containercols.gif) #FFF repeat-y 0 0;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */

#ContainerCols fieldset {border: 0; margin: 0; padding: 50px 0 0 0;}
#ContainerCols fieldset legend {font: bold 1.33em Tahoma, Verdana, Arial, sans-serif;}
#ContainerCols fieldset legend strong {position: absolute; top: -7777px; left: -7777px;}
#ContainerCols .contenu {clear: both;}

/* [ 03.1 | INTÉRIEUR — Colonne de menu secondaire ]________________________ */

#ColA {position: relative; float:left;margin: 0; display: inline; padding:0 0 50px 0;text-align:left;width:321px; background:url(../../img/homepage/bg_colA.jpg) no-repeat 1px 0;}
#ColA fieldset {position: relative; background: url(../../img/homepage/bg_etre_aide.gif) no-repeat 15px 14px;padding: 56px 15px 0}
#ColA .contenu { border-bottom: 1px solid #C6C6C6; margin: 0; clear: both; width: 291px}
#ColA .contenu .inner {}
#ColA .contenu .inner h2 {position: relative; margin: 1em 0 0 0;}
#ColA .contenu .inner .inner2 {background-color: #FFF;padding: 10px 10px 1px 10px;}
#ColA .contenu .inner .inner2 {display:inline-block;}
#ColA .contenu .inner .inner2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #ColA .contenu .inner .inner2 {height:1%;} #ColA .contenu .inner .inner2 {display:block;} /* */

#ColA .actus{width:271px; margin: 0 0 1.2em 0; overflow: hidden}
#ColA .actus .container {position: relative; text-align: center}
#ColA .actus ul {padding: 0; margin: 0 auto; list-style: none; overflow: auto; height: 64px; max-height: 64px;}
html>body #ColA .actus ul {height: auto;}
#ColA .actus ul li {background: none; padding: 0 !important;}
#ColA .actus ul li img {height: 55px; max-height: 55px; max-width: 200px;-ms-interpolation-mode: bicubic;}
html>body #ColA .actus ul li img {height: auto; width: auto}
#ColA .actus span {position: absolute; bottom: 4px;}
#ColA .actus .pagination a {display: block; width: 18px; height: 18px; background-image:url(../../img/bg_infos_prev-next.gif); background-repeat: no-repeat}
#ColA .actus a:hover, #ColA .actus a:active, #ColA .actus a:focus {filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.60;}
#ColA .actus a strong {position: absolute; top: -7777px; left: -7777px}
#ColA .actus .prev a {background-position: -18px 0;}
#ColA .actus .next a {background-position: 0 0;}
#ColA .actus .pause a {background-position: -36px 0;}
#ColA .actus .play a {background-position: 100% 0;}
#ColA .actus .prev {left: 0;}
#ColA .actus .next {right: 20px;}
#ColA .actus .pause, #ColA .actus .play {right: 0;}

/* Contexte 1 */
#ColA .context01 .inner .inner2 {padding:10px 10px 1px 15px;}
#ColA .context01 .inner .inner2 .left {margin:0 19px 0 20px; display:inline;}
#ColA .context01 .inner .inner2 ul {padding:16px 0 12px 0;}
#ColA .context01 .inner .inner2 ul li {overflow:auto;}
/* \*/ * html #ColA .context01 .inner .inner2 ul li {height: 1%} /* */

/* Contexte 2 */
#ColA .context02 .inner .inner2 {padding:15px 10px 1px 10px;}


/* Contexte 3 */
#ColA .context03 .inner .inner2 {padding:10px 10px 1px 15px;}





/* [ 03.3 | INTÉRIEUR — Colonne de contenu principal ]________________________ */


#ContainerCols p, #ContainerCols h2, #ContainerCols ol {margin:0 0 1em 0;}

h1 {}
h2 {font: bold 1.33em Tahoma, Verdana, Arial, sans-serif; padding: 2px 7px; margin: 1em 0 0 0; border: 1px solid #C6C6C6; border-width: 1px 0; background:url(../../img/bg_h2_colcontextuelle.gif) #CDCDCD repeat-x 0 0}
h3 {font-size: 1.33em; color: #1D549F; margin: 0 0 1em 0}
h4 {color: #6087BC; margin: 0 0 1em 0}

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

/* [ 03.4 | INTÉRIEUR — Colonne de contenu contextuel au contenu principal ]________________________ */

#ColB {float:right;margin:0; display: inline; padding: 0;text-align:left;width:643px;}
#ColB fieldset {padding: 0;}
#ColB fieldset legend {background: url(../../img/homepage/bg_sinformer.gif) no-repeat 0 14px;padding: 35px 0 19px 165px;}

/* ______________________[ 00 | Home - Bandeau ]________________________ */

#ColB .actus {width:628px; margin: 0 0 1em 0; height: 50px; max-height: 50px; overflow: hidden}
#ColB .actus .inner {border: 1px solid #D6D6D6}
#ColB .actus .inner2 {background: url(../../img/bg_actualites.gif) repeat-y 0 0; position: relative; padding: 8px 10px; border: 1px solid #FFF}
#ColB .actus .inner2 ul {padding: 0; margin: 0 63px 0 0; list-style: none; height: 30px; max-height: 30px;  overflow: auto;}
html>body #ColB .actus .inner2 ul {height: auto;}
#ColB .actus .inner2 li {background: none; padding: 0; margin: 0 !important; height: 2.5em; min-height: 2.5em;}
html>body #ColB .actus .inner2 li {height: auto}
#ColB .actus .inner2 li a {color: #434343}
#ColB .actus .inner2 .pagination {float: right;}
#ColB .actus .inner2 .pagination span {position: absolute; top: 7px;}
#ColB .actus .inner2 .pagination a {display: block; width: 16px; height: 16px; background-image:url(../../img/bg_actus_prev-next.gif); background-repeat: no-repeat}
#ColB .actus .inner2 .pagination a:hover, #ColB .actus .inner2 .pagination a:active, #ColB .actus .inner2 .pagination a:focus {filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.60;}
#ColB .actus .inner2 .pagination a strong {position: absolute; top: -7777px; left: -7777px}
#ColB .actus .inner2 .pagination .prev a {background-position: -16px 0;}
#ColB .actus .inner2 .pagination .next a {background-position: 0 0;}
#ColB .actus .inner2 .pagination .pause a {background-position: -32px 0;}
#ColB .actus .inner2 .pagination .play a {background-position: -48px 0;}
#ColB .actus .inner2 .pagination .prev {right: 43px;}
#ColB .actus .inner2 .pagination .next {right: 25px;}
#ColB .actus .inner2 .pagination .pause, #ColB .actus .inner2 .pagination .play {right: 7px;}

#ColB #diaporama {display:inline-block; position: relative; width:628px; border: 1px solid #D6D6D6; margin: 0 0 1em 0;}
#ColB #diaporama:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #ColB #diaporama {height:1%;} #ColB #diaporama {display:block;} /* */
#ColB #diaporama #ongletContenu .ongletCentre {position:relative; padding: 10px 0; overflow:hidden;}
#ColB #diaporama #ongletContenu .ongletCentre .centre {position:relative; clear: both; margin: 0}
#ColB #diaporama #ongletContenu .ongletCentre .contenu {display:inline-block; width: 598px; margin: 0 0 0 15px;}
#ColB #diaporama:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #ColB #diaporama {height:1%;} #ColB #diaporama {display:block;} /* */
#ColB #diaporama #ongletContenu .ongletCentre .contenu .inner2 {margin: 0 !important}
#ColB #diaporama #ongletContenu .ongletCentre .contenu h2 {clear: none !important; border: 0; background: none !important; padding: 0}
#ColB #diaporama #onglet {float:left; position:relative; float: right; bottom: 0; right: 15px;}
#ColB #diaporama #onglet a {font:bold 1.3em Arial, Helvetica, sans-serif; display:block; width:27px; text-align:center; color:#FFF; padding:3px 0 1px 0; cursor:pointer; background-image:url(../../img/homepage/onglet_diaporama.gif); background-repeat: no-repeat; float: left; margin: 0 2px 0 0}
#ColB #diaporama #onglet a.ongletDefaut {background-position: -27px 0; background-color: #959595;}
#ColB #diaporama #onglet a.ongletOver {background-position: 0 0; background-color: #5B6D9D;}
#ColB #diaporama #ongletContenu .ongletCentre .centre p.more {margin: 0 !important}
#ColB #diaporama #ongletContenu .ongletCentre .centre .evenementiel {border: 1px solid #d6d6d6; border-right: 0; width: 225px; float: right; display: inline; margin: 0 -15px 1em 0; position: relative}
#ColB #diaporama #ongletContenu .ongletCentre .centre .list-campagne {float: left; width: 105px}
#ColB #diaporama #ongletContenu .ongletCentre .centre .evenementiel .eveb {padding: 10px 10px 1px;}
#ColB #diaporama #ongletContenu .ongletCentre .centre .evenementiel .news-left {padding-bottom: 9px; margin-bottom: 0; width: 100px}
#ColB #diaporama #ongletContenu .ongletCentre .centre .evenementiel .news-left img{width: 100px}
#ColB #diaporama #ongletContenu .ongletCentre .centre .evenementiel .jouer {margin: 45px 0 0 0 !important}

#droguesIllicites {width:628px; clear: both;}
#droguesIllicites {display:inline-block;}
#droguesIllicites:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #droguesIllicites {height:1%;} #droguesIllicites {display:block;} /* */
#droguesIllicites dl {position: relative}
#droguesIllicites dt {position: relative; width: 184px; text-align: right; margin: 0 0 3px 0; font-size: 1.17em; z-index: 100;}
#droguesIllicites dt a {background-color: #E2EDF6; border: 1px solid #E5E5E5;}

#droguesIllicites dt a {display: block; padding: 4px 10px 4px 5px; }
#droguesIllicites dt a span {background: url(../../img/bullets/arrow_08.gif) no-repeat 0 .3em; padding: 0 0 0 12px; color: #434343}
#droguesIllicites dt a.on {background: url(../../img/homepage/onglets_drogues.gif) #DCE9F4 repeat-y 0 0 !important; border-color: #A3C4E0; border-right: 2px solid #DCE9F4; margin: 0 -2px 0 0; font-style: italic;}
#droguesIllicites dt a.on:hover {text-decoration: none;}
#droguesIllicites dt a.on span {background-image: url(../../img/bullets/arrow_09.gif);}
#droguesIllicites dd {margin: -2.15em 0 3em 0; float: right; width: 442px; background-color:#A4C5E0; position:relative; padding: 1px;}
#droguesIllicites dd .contenu {height: 250px !important; min-height: 250px; background-color: #D5E4F1; padding: 5px 10px 1px 10px}
html>body #droguesIllicites dd .contenu {height: auto !important;}
#droguesIllicites dd .txtVisu p {height: auto;}
#droguesIllicites dd .contenu .blocVisu {margin-bottom: 0 !important}
#droguesIllicites dd .contenu .blocVisu img {border: 1px solid #7F9FCA}
#droguesIllicites dd .more {margin: 0; position: absolute; bottom: 1em; right: 20px}
#droguesIllicites dd .more a {background-color: #FFF; padding: 1px 5px 1px 18px; background-position: 5px .3em}
#droguesIllicites p.risques {margin: 0 10px .45em 0 !important;}

#ColB .bloc, #ColC .bloc {display: inline; background-color: #FFF; border-bottom: 1px solid #C6C6C6; margin: 0 15px 0 0; width: 306px; float: left;}
#ColB .bloc .inner h2, #ColC .bloc .inner h2 {position: relative; margin: 1em 0 0 0;}
#ColB .bloc .inner .inner2, #ColC .bloc .inner .inner2 {padding: 15px 0 1px;}
#ColB .bloc .inner .inner2, #ColC .bloc .inner .inner2 {display:inline-block;}
#ColB .bloc .inner .inner2:after, #ColC .bloc .inner .inner2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #ColB .bloc .inner .inner2, * html #ColC .bloc .inner .inner2 {height:1%;} #ColB .contenu .inner .inner2, #ColC .bloc .inner .inner2 {display:block;} /* */
#ColB .bloc .inner table td, #ColC .bloc .inner table td, #ColB .bloc .inner table th, #ColC .bloc .inner table th {vertical-align:top; padding-right: 5px}

#ColB .colLutter, #ColC .colLutter {width:306px;float:left;margin:0 15px 0 0;}
#ColB .colLutter .bloc, #ColC .colLutter .bloc {float:none;margin:0;width:auto;border-bottom:1px solid #C6C6C6;display:block;}
#ColB .colLutter .bloc .left .blocVisu, #ColC .colLutter .bloc .left .blocVisu {margin:0 12px .5em 0;}
#ColB .colLutter .bloc .left .blocTxt, #ColC .colLutter .bloc .left .blocTxt {padding:5px 0 0 0;}
#ColB .colLutter .bloc .left, #ColC .colLutter .bloc .left {padding:0;margin:0;}



#ColC {float:right;margin:0; display: inline; padding:0 0 50px 0;text-align:left;width:643px;}
#ColC fieldset {background: url(../../img/homepage/bg_lutter.gif) no-repeat 0 14px;padding: 69px 0 0}