/* CSS site AUROUET */
body{
margin:10px 0;
padding:0;
background:#ECC4C7;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
}


h1{
color:#006699;
font-size:1.2em;
display:block;
border-bottom:#999;
padding-left:22px;
background:url(../images/puce_titre.png) no-repeat 0 0.55em;

}
h2{
color:#CC6600;
font-size:1em;
text-indent:3em;
}

img{border:none;}

#conteneur
{
width: 761px;
margin: 0 auto;
border: 1px solid #888;
/*padding:3px;*/
text-align: left; 
background:#fff url(../images/fond.jpg) repeat-y;
}

#menu{
border-top:3px #fff solid;
border-left:3px #fff solid;
border-right:3px #fff solid;
float:left;
background:#bdc7d6;
width:214px;
}

#fla{
position:relative;
float:right;
clear:none;
border-top:3px #fff solid;
border-bottom:3px #fff solid;
border-right:3px #fff solid;
}

#contenu{
padding:20px 15px 30px 230px;
text-align:justify;
clear:right;
}
#contenu li{
margin-left:30px;
padding:3px 0 3px 0;
}

#fauteuil{
background:url(../images/menugauche_bas.jpg) bottom left no-repeat;
float:left;
bottom:0;
}

#footer{
clear:both;
border-bottom:3px #fff solid;
}
#menubas{
margin-top:5px;
text-align:center;
color:#333;
}

a{
text-decoration:none;
color:#003366;
}
a:hover{
text-decoration:underline;
}

.nonfeu{
background:url(../images/non-feu.gif) no-repeat center;
height:100px;
margin:30px 0 0 0;
text-align:center;
width:100%;
float:left;

}

.article{
width:95%;
margin:10px 10px;
background:#fff;
padding:5px;
vertical-align:top;
}
.article td{
padding:4px;
}

.imgliens{
cursor:pointer;
border: 1px solid #000;
text-align:left;
float:left;
}

.nomarticle{
font-weight:bold;
}

.plusimage{
clear:both;
text-align:right;
display:block;
border-bottom: 1px dotted #CCCCCC;
}


/**********************Roll Over*************************/
ul#menug
{
float:left;
clear:left;
margin-top:50px ;
padding: 0 ;
list-style-type: none ;
}
#fauteuil{
float:left;
clear:left;
padding-top:70px;
}
ul#menug li
{
margin: 0 0 10px 0 ;
padding: 0;
text-align:right;
}

ul#menug li a
{
padding:0 3px 0 0;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 211px ;
line-height: 24px ;
color:#333;
font-size:14px;
font-weight:bold;
text-decoration: none ;
/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
background: url(../images/fond_btg.png) no-repeat 0 0 ; 
}

ul#menug li a:hover
{
/*on décale l'image du background de 24px vers le haut pour laisser apparaître la 2eme partie de l'image */
background: url(../images/fond_btg.png) no-repeat 0 -24px ; 
}
/********************************************************************************/	

/*###########MENU Article*##########*/
dl, dt, dd, ul, li {
margin:0;
padding:0;
}

#menur {
float:left;
text-align:center;
color:#000;
width:214px;
}

#menur dt {

line-height:30px;
cursor: pointer;
background:#bcc4d5;
text-align: left;
font-weight: bold;
border-top:1px solid #fff;
}

#menur li {
line-height:20px;
list-style-type:none;
text-align: left;
background:#bcc4d5;
}
#menur li:over {
background:#333;
}

#menur dt a{
background:url(../images/puce_menu.gif) no-repeat 3px 10px;
padding-left:12px;
}
#menur li a, #menur dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menur li a{
padding-left:20px;
}

#menur li a:hover, #menur dt a:hover {
background:#fff;
}
#menur dd{
display:none;
}
#menur dt a:hover {

}


/*FORMULAIRE*/
#monForm{
width:90%;
clear:right;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
margin: 0;
padding: .5em;
}

#piedForm {
	margin-top:5px;
	text-align: center; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	/*background: #efefef;*/
	margin: 0;
	padding: 1em;
	
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .5em 0;
}

#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	cursor:pointer;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#corpForm label:hover, #piedForm input {
cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm textarea{
width:25em;
height:15em;
}


#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #ffc;
	color: black;
	border:1px solid #7f9db9;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
	border:1px solid #7f9db9;
}
.error{
color:red;
}
.success{
color:#006633;
}