/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		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.3 | INTÉRIEUR — Colonne de contenu principal ]________________________ */

.HomeRow {margin: 0 -20px 0 20px}
.HomeRow:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.HomeRow {display:inline-block;}
/* \*/ * html .HomeRow {height:1%;} .HomeRow {display:block;} /* */

/* Caution! Ensure accessibility in print and other media types...*/
@media projection, screen {.ui-tabs-hide {display: none;}}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}

body.en p {line-height: 1.7em}

#ColA {width: 613px; float: left; padding: 11px 0 0 0; background: url(../../img/home/bg_cola.gif) no-repeat 100% 1.8em;}
#ColA h2 {font-size: 2.4em; font-weight: bold; color: #E2001A; margin: 0 0 3px 0}
#fadeShow {position: relative;}
#fadeShow .ul {float: right; width: 170px; list-style: none;padding: 30px 0 8px 0; margin: -19px 10px 0 0;}
.ui-tabs-nav {display:inline-block;float: right; width: 190px; background: url(../../img/home/nav_hm_fadeshow.gif) no-repeat 0 0; list-style: none;padding: 23px 0 8px 0; margin: -19px 0 0 0;}
.ui-tabs-nav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .ui-tabs-nav {height:1%;} .ui-tabs-nav {display:block;} /* */
.ui-tabs-nav li {margin: 0 0 6px 0; padding: 0 !important; float: left; display: inline;background-image:url(../../img/home/nav_hm_fadeshow.gif); background-repeat:no-repeat;}
.ui-tabs-nav li a {display: block;  width: 178px; height: 37px; background-image:url(../../img/home/nav_hm_fadeshow.gif); background-repeat:no-repeat;}
.ui-tabs-nav li a span {position:absolute; top: -7777px; left: -7777px;}
.ui-tabs-nav #sol01,  .ui-tabs-nav #sol01 a {background-position: 0 -23px}
.ui-tabs-nav #sol02,  .ui-tabs-nav #sol02 a {background-position: 0 -66px}
.ui-tabs-nav #sol03,  .ui-tabs-nav #sol03 a {background-position: 0 -109px}
.ui-tabs-nav #sol04,  .ui-tabs-nav #sol04 a {background-position: 0 -152px}
.ui-tabs-nav #sol05,  .ui-tabs-nav #sol05 a {background-position: 0 -195px}
.ui-tabs-nav #sol06,  .ui-tabs-nav #sol06 a {background-position: 0 -238px}
.ui-tabs-nav #sol01:hover,  .ui-tabs-nav #sol01 a:hover,  .ui-tabs-nav #sol01 a:focus,  .ui-tabs-nav #sol01 a:active {background-position: -190px -23px}
.ui-tabs-nav #sol02:hover,  .ui-tabs-nav #sol02 a:hover,  .ui-tabs-nav #sol02 a:focus,  .ui-tabs-nav #sol02 a:active {background-position: -190px -66px}
.ui-tabs-nav #sol03:hover,  .ui-tabs-nav #sol03 a:hover,  .ui-tabs-nav #sol03 a:focus,  .ui-tabs-nav #sol03 a:active {background-position: -190px -109px}
.ui-tabs-nav #sol04:hover,  .ui-tabs-nav #sol04 a:hover,  .ui-tabs-nav #sol04 a:focus,  .ui-tabs-nav #sol04 a:active {background-position: -190px -152px}
.ui-tabs-nav #sol05:hover,  .ui-tabs-nav #sol05 a:hover,  .ui-tabs-nav #sol05 a:focus,  .ui-tabs-nav #sol05 a:active {background-position: -190px -195px}
.ui-tabs-nav #sol06:hover,  .ui-tabs-nav #sol06 a:hover,  .ui-tabs-nav #sol06 a:focus,  .ui-tabs-nav #sol06 a:active {background-position: -190px -238px}
.ui-tabs-nav #sol01.ui-tabs-selected,  .ui-tabs-nav #sol01.ui-tabs-selected a {background-position: -380px -23px}
.ui-tabs-nav #sol02.ui-tabs-selected,  .ui-tabs-nav #sol02.ui-tabs-selected a {background-position: -380px -66px}
.ui-tabs-nav #sol03.ui-tabs-selected,  .ui-tabs-nav #sol03.ui-tabs-selected a {background-position: -380px -109px}
.ui-tabs-nav #sol04.ui-tabs-selected,  .ui-tabs-nav #sol04.ui-tabs-selected a {background-position: -380px -152px}
.ui-tabs-nav #sol05.ui-tabs-selected,  .ui-tabs-nav #sol05.ui-tabs-selected a {background-position: -380px -195px}
.ui-tabs-nav #sol06.ui-tabs-selected,  .ui-tabs-nav #sol06.ui-tabs-selected a {background-position: -380px -238px}

.fadeContent {width: 423px; height: 240px; overflow:hidden; margin:  0; position: relative}
.tabs-active .fadeContent {min-height: 240px; height: 240px;}
html>body .tabs-active .fadeContent {height: auto;}
.csc-textpic *, .csc-textpic {float: none; margin: 0 !important; padding: 0 !important} 
.fragment {padding: 0}
.fragment .contenu {position: relative;}
.fragment .contenu img {position: absolute;z-index: 0}
.fragment .inner {position: absolute;z-index: 0}
.fragment ul {padding: 0 0 0 15px}
.fragment li { padding-left: 16px; background: transparent url(../../img/arrows/se_grey.gif) 0 2px no-repeat; margin: 0 0 .5em 0 !important;}

#ColB {width: 306px; padding: 10px 0 0 0; float: left; display: inline; margin: 0 0 0 18px}
#ColActus h2 {width: 306px; height: 35px; margin: 0; padding: 0; background:url(../../img/home/bl_actus_t.gif) no-repeat 0 0}
#ColActus h2 span {position: absolute; top: -7777px; left: -7777px}
.listActus {margin: 0; padding: 0; list-style: none}
.listActus li {display:inline-block;clear: both; position: relative; line-height: 1.2em; margin: 0 0 5px 0; z-index: 0}
.listActus li a {color: #000}
.listActus li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .listActus li {height:1%;} .listActus li {display:block;} /* */
.listActus .left {float: left; width: 75px; height: 55px; margin: .3em 10px 0 0;}
#ColActus .inner {background:url(../../img/home/bl_actus_b.gif) no-repeat 0 100%; padding: 10px 30px 30px}
.listActus li .masque {position: absolute; top: .3em; left: 0; display: block; width: 67px; height: 47px; background: url(../../img/home/bg_img_actus.png) no-repeat 0 0}


.bloc {position: relative;width: 285px; margin: 0 35px 20px 0; float: left; background-repeat: no-repeat; background-position: 0 100%;}
.bloc h2 {height: 58px; margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0}
.bloc h2 a {display: block; height: 58px}
.bloc h2 span {position: absolute; top: -7777px; left: -7777px}
.bloc .inner {padding: 0}
.bloc a {color: #3A3A3A}
.bloc ul {position: relative; padding: 0; margin: 0 0 0 20px; list-style: none}
.bloc ul li {padding: 0 0 0 8px; margin: 0 0 .5em 0; background-repeat: no-repeat; background-position: 0 .3em}
.bloc .hiddenvisu p {margin: 0 !important; padding: 0 !important}
.bloc .hiddenvisu p {display: block; width: 267px; height: 107px; position: absolute; bottom: 25px; left: 8px; background-repeat: no-repeat; background-position: 0 0}
.bloc .hiddenvisu p a {display: block; width: 267px; height: 107px;}
.bloc .hiddenvisu p span {position: absolute; top: -7777px; left: -7777px;}

.divette {width: 180px; float: left; display: inline; margin: 0 10px 0 14px;}

#ColInformer {background-image:url(../../img/home/bg_inner_informer.gif);}
#ColInformer h2 {background-image:url(../../img/home/bg_h2_informer.gif);}
#ColInformer .inner {padding: 0 0 130px 0}
#ColInformer .inner li {background-image:url(../../img/home/bg_bull_informer.gif);}
#ColInformer .hiddenvisu p a {background-image:url(../../img/home/bg_visu_informer.gif);}
#ColInformer .hiddenvisu p #BanMediateur {position: absolute; top: 30px; left: 8px}

#ColConseiller {background-image:url(../../img/home/bg_inner_conseiller.gif);}
#ColConseiller h2 {background-image:url(../../img/home/bg_h2_conseiller.gif);}
#ColConseiller .inner {padding: 0 0 130px 0}
#ColConseiller .inner li {background-image:url(../../img/home/bg_bull_conseiller.gif);}
#ColConseiller .hiddenvisu p {background-image:url(../../img/home/bg_visu_conseiller.gif);}

#ColProteger {background-image:url(../../img/home/bg_inner_informer.gif);}
#ColProteger h2 {background-image:url(../../img/home/bg_h2_proteger.gif);}
#ColProteger .inner {padding: 0 0 140px 0}
#ColProteger .inner li {background-image:url(../../img/home/bg_bull_proteger.gif);}
#ColProteger .SaisirMap {position: absolute; bottom: 5px; left: 8px;}

.voir a {color:#E2001A; padding: 0 0 0 11px; background: url(../../img/bullet_01.gif) no-repeat 0 .35em}

/* VERSION ANGLAISE */
body.en #ColA {background-image: url(../../img/home/bg_cola_en.gif);}
body.en #ColA .fadeContent {height: 238px;}
body.en #ColA .tabs-active .fadeContent {min-height: 238px; height: 238px;}

body.en #ColActus h2 {background-image:url(../../img/home/bl_actus_t_en.gif)}

body.en p.ul {padding: 1em 0 0 0}
body.en #ColInformer ul {margin: 0;}

body.en #ColInformer {width: 612px;background-image:url(../../img/home/bg_inner_informer_en.gif);}
body.en #ColInformer .inner {padding: 0}
body.en #ColInformer .divette {padding: .5em 0 1em}
body.en #ColInformer h2 {background-image:url(../../img/home/bg_h2_informer_en.gif);}
body.en #ColInformer .hiddenvisu p {background-image:url(../../img/home/bg_visu_informer_en.gif);display: block; width: 177px; height: 156px; position: static;}
body.en #ColConseiller {background-image:url(../../img/home/bg_inner_conseiller.gif);}
body.en #ColProteger .inner {padding: 0 25px}
body.en #ColProteger .inner .ul {padding: .3em 0 0 0}
body.en #ColProteger h2 {background-image:url(../../img/home/bg_h2_proteger_en.gif);}
body.en #ColProteger .voir {padding: 0 0 1em }