/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		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 #ColMenu {width:180px;}
#ContainerCols #ColContenu {width:746px;}
#ContainerCols #ColContextuelle {width:214px;}


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

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

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* [ 03.5 | INTÉRIEUR — Colonne double : pas de colonne de droite ]________________________ */

#ColContenu .HomeTabs {margin: 0 0 1.5em 0}
#ColContenu .HomeTabs .onglets ul {background: url(../../img/bg_hm_hometabs_onglets.gif) no-repeat 0 0; height: 47px; padding: 0 9px 0 253px; margin: 0}
#ColContenu .HomeTabs .onglets ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColContenu .HomeTabs .onglets ul {display:inline-block;}
#ColContenu .HomeTabs .onglets li {background: url(../../img/bg_hm_hometabs_onglets.gif); float: left; display: inline; margin: 7px 0 0 15px; height: 33px;}
#ColContenu .HomeTabs .onglets li a {display: block; background: url(../../img/bg_hm_hometabs_onglets.gif); display: block; height: 33px;}
#ColContenu .HomeTabs .onglets li span {position: absolute; top: -7777px; left: -7777px}
#ColContenu .HomeTabs .onglets li.ong-1, #ColContenu .HomeTabs .onglets li.ong-1 a{width: 96px; background-position: -268px -7px}
#ColContenu .HomeTabs .onglets li.ong-2, #ColContenu .HomeTabs .onglets li.ong-2 a {width: 68px; background-position: -379px -7px}
#ColContenu .HomeTabs .onglets li.ong-3, #ColContenu .HomeTabs .onglets li.ong-3 a {width: 178px; background-position: -462px -7px}
#ColContenu .HomeTabs .onglets li.ong-4, #ColContenu .HomeTabs .onglets li.ong-4 a {width: 82px; background-position: -655px -7px}
#ColContenu .HomeTabs .onglets li.ong-1 a:hover, #ColContenu .HomeTabs .onglets li.ong-1 a:active, #ColContenu .HomeTabs .onglets li.ong-1 a:focus{background-position: -268px -54px}
#ColContenu .HomeTabs .onglets li.ong-2 a:hover, #ColContenu .HomeTabs .onglets li.ong-2 a:active, #ColContenu .HomeTabs .onglets li.ong-2 a:focus {background-position: -379px -54px}
#ColContenu .HomeTabs .onglets li.ong-3 a:hover, #ColContenu .HomeTabs .onglets li.ong-3 a:active, #ColContenu .HomeTabs .onglets li.ong-3 a:focus {background-position: -462px -54px}
#ColContenu .HomeTabs .onglets li.ong-4 a:hover, #ColContenu .HomeTabs .onglets li.ong-4 a:active, #ColContenu .HomeTabs .onglets li.ong-4 a:focus {background-position: -655px -54px}
html>body #ColContenu .HomeTabs .onglets li.ong-1.selected, html>body #ColContenu .HomeTabs .onglets li.ong-1.selected a{background-position: -268px -101px}
html>body #ColContenu .HomeTabs .onglets li.ong-2.selected, html>body #ColContenu .HomeTabs .onglets li.ong-2.selected a {background-position: -379px -101px}
html>body #ColContenu .HomeTabs .onglets li.ong-3.selected, html>body #ColContenu .HomeTabs .onglets li.ong-3.selected a {background-position: -462px -101px}
html>body #ColContenu .HomeTabs .onglets li.ong-4.selected, html>body #ColContenu .HomeTabs .onglets li.ong-4.selected a {background-position: -655px -101px}
#ColContenu .HomeTabs .onglets li.selected, #ColContenu .HomeTabs .onglets li.selected a{background-position-y: -101px !important}


#ColContenu .HomeTabs .HomeTabsCont .htcinner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColContenu .HomeTabs .HomeTabsCont .htcinner {display:inline-block; height: 279px;}
/* \*/ * html #ColContenu .HomeTabs .HomeTabsCont .htcinner {height:1%;} #ColContenu .HomeTabs .HomeTabsCont .htcinner {display:block;} /* */
#ColContenu .HomeTabs .HomeTabsCont {background: url(../../img/bg_hm_hometabs_container.jpg) no-repeat 0 100%}
#ColContenu .HomeTabs .HomeTabsCont .txtVisu {position: relative; height: 279px; float: left;}
#ColContenu .HomeTabs .HomeTabsCont .txtVisu .blocVisu {position: absolute; z-index: 0}
#ColContenu .HomeTabs .HomeTabsCont .htcinner .blocTxt {position: absolute ; z-index: 10px; background: url(../../img/bg_hm_hometabs_hometabscont.png) no-repeat 0 0; width: 340px; height: 279px}
#ColContenu .HomeTabs .HomeTabsCont .htcinner .message, #ColContenu .HomeTabs .HomeTabsCont .htcinner .message .AccesDirect {width: 406px; float: right}

#ColContenu .HomeTabs .HomeTabsCont .htcinner .message .contenu {font-size: 1.4em; margin: 15px 0 0 0; padding: 7px 17px 1px; background: url(../../img/bg_hm_hometabs_discover.gif) no-repeat 0 0}
#ColContenu .HomeTabs .HomeTabsCont .htcinner .message .contenu p {margin: 0}
#ColContenu .HomeTabs .HomeTabsCont .htcinner .message .contenu p strong {font-size: 1.2em;}
#ColContenu .HomeTabs .HomeTabsCont .htcinner .message .contenu a {display: block; padding: 1em 0 .8em 0; text-align: center}

#ColContenu .box {float: left;}
#ColContenu .box .contenu {background-image: inherit; background-repeat: repeat-y; background-position: 100% 0;margin: 0 0 2em 0;}
#ColContenu .box .inner {padding: 0; background-image: inherit; background-repeat: no-repeat; background-position: 0 100%}
#ColContenu .box .inner h2 {margin: 0 0 -5px 0; padding: 0 0 0 14px; position: relative; z-index: 5; color: #eb6909; border-right: 2px solid #FFF; border-left: 2px solid #FFF; font-size: 1.5em;}
#ColContenu .box .inner h3 {font-size: 1.2em}
#ColContenu .box .inner .date {color: #eb6909; font-size: .9em}
#ColContenu .box .inner2 {padding: 14px 15px 1px; background-repeat: no-repeat; background-position: 50% 0; margin: 0 0 8px 0; position:relative}
#ColContenu .box .inner2 ul {padding: 0; margin: 0}
#ColContenu .box .next {margin: 0 0 .5em 0}

#ColContenu .box.AccesDirect {float: right; display: inline; font-size: .9em; margin: 0 10px 0 0}
#ColContenu .box.AccesDirect .contenu {width: 386px;background-image: url(../../img/bg_hm_hometabs_box.gif);background-repeat: no-repeat; background-position: 0 100%;}
#ColContenu .box.AccesDirect .contenu .inner {padding-bottom: 1px}
#ColContenu .box.AccesDirect h2 {background-image: url(../../img/bg_hm_hometabs_box.gif); background-repeat: no-repeat; background-position: 50% 100%; margin: 0; padding: 0 0 5px 14px; border: 0; color: #717376 !important; border: 0 !important}
#ColContenu .box.AccesDirect .contenu .inner2 {background-image: url(../../img/bg_hm_hometabs_box.gif);background-repeat: repeat-y; background-position: 100% 0; padding-top: 10px; margin: 0 0 7px 0;}
#ColContenu .box.AccesDirect ul {padding: 0 0 10px 0; margin: 0 -50px 0 0 !important; background: none;}
#ColContenu .box.AccesDirect ul {width: 400px;}
#ColContenu .box.AccesDirect ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColContenu .box.AccesDirect ul {display:inline-block;}
#ColContenu .box.AccesDirect li {float: left; width: 195px; margin: 0; padding: 0;}
#ColContenu .box.AccesDirect li a {display: block; padding: 0 0 0 16px; background: url(../../img/arrow_east.gif) no-repeat 0 .2em;}

#ColContenu .box.actualites .contenu {width:462px;background-image:url(../../img/bg_hm_bloca.gif);}
#ColContenu .box.actualites p.RSS {position:absolute;}
#ColContenu .box.actualites li {padding:0 0 1px 0;}
#ColContenu .box.actualites li a {color:#4F4D4D;}
#ColContenu .box.actualites {float:left;}
#ColContenu .box.actualites .contenu {background-image: url(../../img/bg_hm_bloca.gif);}
#ColContenu .box.actualites .inner {background-image: url(../../img/bg_hm_bloca.gif);}
#ColContenu .box.actualites .inner2 {background-image: url(../../img/bg_hm_bloca.gif);}
#ColContenu .box.actualites li {clear:both;}

#ColContenu .box.quiz {float: right; margin: 0 0 0 19px}
#ColContenu .box.quiz .contenu {width: 265px;background-image: url(../../img/bg_hm_blocb.gif);}
#ColContenu form .box.quiz ul {padding: 0 0 1em 20px}
#ColContenu form .box.quiz .valider {margin: 0 0 1em 100px}
#ColContenu .box.quiz {float: left;}
#ColContenu .box.quiz .contenu {background-image: url(../../img/bg_hm_blocb.gif);}
#ColContenu .box.quiz .inner {background-image: url(../../img/bg_hm_blocb.gif);}
#ColContenu .box.quiz .inner2 {background-image: url(../../img/bg_hm_blocb.gif);}

/* — Formulaire de contact — */
.generique {padding:0;margin:0 0 1.5em 0;}
.generique div.row {clear:both;padding:5px 0 0 10px;}
.generique div.row label {float:left;width:170px;text-align:right;margin:0 0 0 0;}
.generique div.row span.formw {float:right;width:320px;text-align:left;} 
.generique div.row a {float:left;width:415px;text-align:right;}
.generique input {border:1px solid #cecece;font:1em Verdana,sans-serif;}
.generique textarea {border:1px solid #cecece;font:1em Verdana,sans-serif;overflow:auto;}
.generique select {font:1em Verdana,sans-serif;}
.generique .asterisque {font-size:.9em;padding:5px 0 0 20px;width:490px;}
.generique input.radio {border:none;padding:0;}
.generique fieldset {margin:0;padding:0;border:none;}
.generique p.eqLegend {float:left;width:170px;margin:0 !important;text-align:right;}
.generique div.row label.btradio {float:right;width:295px;margin:0;text-align:left;}
.generique div.row fieldset span.formw {margin-top:0;}