/* position de la colonne de gauche 3 colonnes */
#contenu{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0px 2px 0px;
	padding: 5px;
	background-color:#727d93;
	border: 1px solid #000000;
	border-top: 0px solid #000000;
}

#milieu{
	padding: 5px 0px 0px 0px;
	background-color:#434e61;
	border: 1px solid #000000;
	height: 100%;
}


#colonneGauche3cols {
	clear:left;
	float:left;
	width: 135px;
	margin: 0px 0px 0px 3px;
	background-image:url(../images/coinMenuHaut.jpg);
	background-repeat:no-repeat;
}

#colonneGauche3colsFin{
	background-image:url(../images/coinMenuBas.jpg);
	background-repeat:no-repeat;
}
/* position de la colonne de droite 3 colonnes */
#colonneDroite3cols {
	clear:right;
	float:right;
	width: 145px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left: 3px;
}

* html body #colonneDroite3cols { 
	width: 148px;
}

/* position de la colonne du centre 3 colonnes */
#colonneCentre3cols {
	margin: 0px 0px 3px 152px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	background-image:url(../images/coinCentreHaut.jpg);
	background-repeat:no-repeat;
	width: 468px;
}

#colonneCentre3colsFin{
	background-image:url(../images/coinCentreBas.jpg);
	background-repeat:no-repeat;
}

* html body div#colonneCentre3cols {
 	margin: -20px 115px 3px 152px;
	width: 468px;
}
*:first-child+html div#colonneCentre3cols {
 	margin: -20px 115px 3px 152px;
	width: 468px;
}

#contenuCentre{
	background-color: #404A5C;
	border: 1px solid #2F3A4E;
	min-height: 285px;
	margin: 0px 5px 1px 4px;
	padding: 5px 15px 5px 20px;
	color: #FFFFFF;
}
* html body #contenuCentre{
	width: 458px;
	height: 297px;
}
/* position de la colonne du centre 1 colonne */
#colonneCentre1col{
	margin : 2px 0px 0px 0px;
	max-width: 752px;
	height: 115px;
	border: 1px solid #000000;
	border-bottom: 0px solid #000000;
}


/* début Code css pour le menu de gauche dans la colonne de gauche */
#menu{
	font-family:Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	margin: 4px 0px 1px 3px;
	padding:3px 3px 3px 3px;
	width : 115px;
	border: 1px solid #2D384B;
	background-color: #3C4657;
}

* html body #menu{
	width : 123px;
}
#menu li{
	list-style-image: none;
	list-style-type:none;
	padding: 5px 0px 5px 0px;
	line-height:12px;
}

#menu li a{
	text-decoration: none;
	color: #FFFFFF;
	display:block;
	padding: 0px 0px 0px 10px;
}

#menu li a:HOVER{
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../images/menuOver.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
* html body #menu li a:HOVER{
	background-position: 0px 3px;
}
#menu li a.actif{
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../images/menuActif.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
* html body #menu li a.actif{
	background-position: 0px 3px;
}

#menu li ul{
	font-family:Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 100%;
	font-weight: normal;
	margin: 4px 0px 1px 3px;
	padding:3px 3px 3px 3px;
	width : 100px;
}

/* fin Code css pour le menu de gauche dans la colonne de gauche */

/* code css général */
.flecheHaut{
 border: 0;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-weight: normal;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-top: 20px;
	margin-bottom: -10px;
	font-weight: bold;
	color: #FFFFFF;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top:20px;
	margin-bottom: 10px;
	padding: 3px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform:uppercase;
	border-bottom: 1px dashed #FFFFFF;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #000000;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom: 10px;
}
p.plusPetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	list-style-type:square;
}

ol li {

   font-family: Arial, Helvetica, sans-serif;
   font-size:75%;

}

 ul li ul li{
font-size:100%;
}


a, a:VISITED{
	color: #ffde00;
	text-decoration: none;
}
a:HOVER {
	color: #ffde00;
	text-decoration: underline;
}


.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom: 10px;
}

.plusPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

.centre {
       font-family: Arial, Helvetica, sans-serif;
      font-size:75%;
        text-align: center;
        margin-top:10px;
        margin-bottom: 10px;
}

fieldset{
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: 0px solid #fff;
	border-bottom: 1px dashed #fff;
	font-size: 75%;
}
legend{
	color: #FFFFFF;
	font-size:150%;
	font-weight:normal;
	margin: 0px;
	padding:0px 0px;
}
fieldset label{
	font-size: 100%;
	float:left;
	width:100px;
	text-align:right;
	padding: 0px 5px 0px 0px;
}
fieldset label.titre{
	width:auto;
}

fieldset label.check{
	float:none;
	width:auto;
}

fieldset h2{
	font-size: 110%;
	margin-top: 0px;
}
fieldset div{
	margin: 5px 0px 5px 0px;
}
fieldset div.ligne2{
	height:30px;
}
fieldset  p {
	font-size: 100%;
}
p.obli{
	color: #FF0033;
}
fieldset table{
	color: #FFFFFF;
	font-size: 100%;
}