/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2006 Génocentre
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


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

body {margin:0;padding:0;font:76% Arial,sans-serif;background-color:#fff;text-align:center;}
img {border:none;}
hr {display:none;clear:both;}
a {text-decoration:none;color:#f60;}
a:hover {text-decoration:underline;}


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

#NavigationInterne {display:none;}
#Annexe {display:none;}
#EnTete {text-align:left;}

/* ______________________[ 02 | Navigation principale ]________________________ */

#NavigationPrincipale {display:none;}


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

#Container {margin:0 auto;padding:0 0 11px 0;display:block;font-size:10pt;text-align:left;}

/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* */

/* FIL d'ARIANE */
#FildAriane {z-index:1;color:#333;text-align:left;padding:8px 0 0 6px;font-size:1em;margin:0;}
#FildAriane a {color:#666;text-decoration:none;}
#FildAriane a:hover {text-decoration:underline;}


#Tplus, #Tmoins, #Print, #Send {display:none;}
.hidden {display:none;}

/* [ 03.1 | SPÉCIFIQUE ACCUEIL ]________________________ */
#TxtTools.home {display:none;}
#ColC h2, #ColD h2 {margin:0;padding:7px 0 0 0;}
#ColC p, #ColD p {margin:0 0 1.2em 0;}


/* Première colonne */
#ColA {display:none;}

/* Deuxième colonne */
#ColB {margin:0 !important;color:#1868a6;text-align:left;}

/* Troisième colonne */
#ColC {margin:0;text-align:left;}

/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* */

/* Dernière colonne */
#ColD {margin:0;padding:0 15px 0 0;text-align:left;}

/* [ 03.2 | ONGLETS ]________________________ */

#Onglets {list-style:none;padding:0;}
#Onglets li {display:none;}
#Onglets li.on {display:block;}
#Onglets li.on a {color:#000;}

#OngletContenu {border-width:4px 1px 1px 1px;border-style:solid;border-color:#517fbb;padding:0;margin:0 25px 25px 0;float:left;display:inline;}

#OngletContenu #ColContenu {display:inline;margin:0 25px 0 10px;padding:19px 0 0 20px;background-image:none;}
#OngletContenu #ColContextuel {display:none;}
#OngletContenu #ColContenu ul, #OngletContenu #ColContenu ol {margin-left:0;}


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

#ColMenu {display:none;}


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

#ColContenu {text-align:left;margin:10px 0 20px 0;padding:0 25px 3em 20px;float:left;font-size:1.1em;background-image:none !important;}

#ColContenu ul {list-style:square;padding-left:0;margin:0 0 2em 20px;}
#ColContenu ul li {margin:0 0 .2em 0;}
#ColContenu ul, #ColContenu ol {margin-top:0;}
#ColContenu p {margin-top:0;}

/* TITRAILLE */
h1 {border-width:0 0 1px 0;border-style:solid;margin:12px 0 15px 0;}
h1 img {display:block;}
h2, h3, h4, h5, h6 {font-family:Arial,sans-serif;background-color:transparent;background-repeat:no-repeat;background-position:0 .5em;}
h2 {font-weight:bold;font-size:1.2em;padding:0 0 0 19px;margin:0 0 .8em -20px;clear:both;}
h2.noclear {clear:none;}
h3 {font-weight:bold;font-size:1.2em;padding:0 0 0 11px;margin:1.6em 0 .8em 0;}
h4 {font-weight:bold;font-size:1.2em;padding:0 0 0 11px;margin:1.6em 0 .8em 20px;}
h5 {font-weight:bold;font-size:1em;padding:0 0 0 11px;margin:1.8em 0 .8em 20px;}
h6 {font-weight:normal;font-size:1em;padding:0 0 0 11px;margin:1.8em 0 .8em 20px;}
.accroche {font-weight:bold;font-size:1.2em;margin:0 0 .8em -20px;}

/* TEXT/BLOCKS LAYOUT */
img.right, img.left {border:1px solid #999;}
.left {float:left;margin:0 15px 15px 0;}
.right {float:right;margin:0 0 15px 15px;}
.center {text-align:center;}
.justify {text-align:justify;}
.middle {display:block;margin:0 auto;}
.clear {clear:both;}
.clear hr {display:none;}
.corps {margin-bottom:1.5em;}

/* Rajout par charles juste pour essayer le multicolonnage  */
.InsideCol {float:left;width:275px !important;voice-family:"\"}\"";voice-family:inherit;width:250px;}
html>body .InsideCol {width:250px;}

/* Presentation Vue d’ensemble */
#ColContenu .encart01 {border:1px solid #517fbb;background-color:#d2eaf8;margin:0 0 1.8em 0;font-weight:bold;color:#517fbb;}
#ColContenu .encart01 img {display:block;float:left;border-width:0 1px 0 0;border-style:solid;border-color:#fff;margin:0 1.3em 0 0;}
#ColContenu .encart01 ul {margin:1.6em 1em 0 0 !important;}

/* Encadré simple */
#ColContenu .encart02 {border:1px solid #517fbb;background-color:#d2eaf8;margin:0 0 1.8em 0;padding:.7em 1em;font-weight:bold;color:#517fbb;}

/* Chemins vers plans */
.chemin {margin:15px 0 25px 0 !important;border-width:1px 0;border-style:solid;}
.cheminA {color:#fff;font:bold 1em Arial,sans-serif !important;padding:0 30px 0 10px;margin:0 10px 0 0;background-repeat:no-repeat;background-position:100% 50%;}
/* \*/
* html body .cheminA, * html body .cheminB {height:1%;}
/* */

h2 .date {color:#666;}
.imgtext-table {padding:0 10px;margin:0 0 1em 0;clear:both;}
.imgtext-table tr {padding:0 3px;}
.imgtext-nowrap {clear:both;}
.rss {display:none;}

/* Formulaires */
#ColContenu form {padding:20px 20px 10px 20px;background-color:#eaf5fc;margin:0;}
#ColContenu.double form {padding:20px 20px 10px 20px;background-color:#eaf5fc;margin:0;width:525px;margin:0 auto;}
#ColContenu label {font-weight:bold;}
#ColContenu input, #ColContenu select, #ColContenu textarea {border:1px solid #000;font-size:.9em;}
#ColContenu fieldset {border:none;}
.obligatoire {font-size:.9em;margin:0 0 30px 0;}
.obligatoire .requis {font-size:1.4em;}
.requis {text-align:left;font-size:1.1em;margin:0 0 3em 0;font-weight:bold;}
.mention {text-align:justify;font-size:.9em;}
.mention a {font-weight:bold;text-decoration:underline;}
.error{display:block;padding:20px 20px 10px 20px;background-color:#eaf5fc;font-weight: bold;color:red;margin-top:20px}

div.row {clear:both;padding-top:3px;}
div.row label {float:left;width:170px;text-align:right;}
div.row span.formw {float:right;width:297px;text-align:left;} 
.formulaire input {border:1px solid #cecece;font:1em Verdana,sans-serif;}
.formulaire textarea {border:1px solid #cecece;font:1em Verdana,sans-serif;overflow:auto;}
.formulaire select {font:1em Verdana,sans-serif;}
.asterisque {font-size:.9em;padding:5px 0 0 20px;}

/* input radio */
input.radio, input.checkbox {border:none !important;padding:0;}
fieldset {padding:20px 0 10px 0;margin:20px 0 10px 0;border:none;}
legend {text-align:left;}
html>body legend {margin-left:92px;}
div.row label.btradio, div.row label.btcheckbox {float:none;}

/* bouton */
.outilsForm {text-align:right;margin:0;}
span.init span.bl {background-color:#f79553;}
input.button {cursor:pointer;padding:0 10px;background-color:transparent;color:#fff;font:bold 1em Arial,sans-serif;border:none;border:none !important;width:auto;margin-top:0;voice-family:"\"}\"";voice-family:inherit;padding:0;}
html>body input.button {padding:0 10px;border:none;}
span.bl {background:url(../../img/bg_bt_bl.gif) 0 100% no-repeat #f60;margin:0 0 0 7px;padding:1px 0 2px 0;voice-family:"\"}\"";voice-family:inherit;padding:0;}
html>body span.bl {padding:1px 0 2px 0;}
span.br  {background:url(../../img/bg_bt_br.gif) 100% 100% no-repeat;padding:1px 0 2px 0;voice-family:"\"}\"";voice-family:inherit;padding:0;}
html>body span.br {padding:1px 0 2px 0;}
span.tl {background:url(../../img/bg_bt_tl.gif) 0 0 no-repeat;padding:1px 0 2px 0;voice-family:"\"}\"";voice-family:inherit;padding:0;}
html>body span.tl {padding:1px 0 2px 0;}
span.tr {background:url(../../img/bg_bt_tr.gif) 100% 0 no-repeat;padding:1px 0 2px 0;voice-family:"\"}\"";voice-family:inherit;padding:0 5px;}
html>body span.tr {padding:1px 0 2px 0;}


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

#ColContextuel {display:none;}


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

#ColContenu.double {text-align:left;margin:10px 0 20px 0;
padding:0 25px 3em 20px;float:left;font-size:1.1em;background-image:none;background-color:#fff !important;width:771px;voice-family:"\"}\"";voice-family:inherit;width:726px;}
html>body #ColContenu.double {width:726px;}

#ColContenu object {margin:0 -30px 0 -20px;}
				
#OngletContenu #ColContenu.double {text-align:left;margin:0;padding:20px 25px 30px 30px;float:left;font-size:1.1em;background-image:none;background-color:#fff !important;width:760px;voice-family:"\"}\"";voice-family:inherit;width:689px;}
html>body #OngletContenu #ColContenu.double {width:689px;}


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

.haut {display:none;}

#PiedDePage {display:none;}

address {margin:0 auto;padding:2px 0;font-size:.9em;color:#333;font-style:normal;}
address .pipe {margin:0 .5em;}