body{
margin:0;
padding:0;
background-color:#dfdbdc;
background-image: url(img/background.jpg);
background-position:top center;
background-repeat:repeat-x;
height:846px;
}
#conteneur
{
width:1000px;
margin:0 auto;
}
#band
{
width:1000px;
height:120px;
float:left;
background:url(img/bandeau.jpg);
}
#centre
{
width:100%;
height:400px;
float:left;
background-color:#eeeeee;
font:12px verdana;

}
table#menu_1.roll
{
margin:96px 0 0 175px;
}
table#menu_1.roll img
{
float:left;
margin-left:10px;
}
table#menu_2.roll
{
float:right;
margin-right:6px;
width:140px;

}
table#menu_2.roll a img,table#menu_2.roll img
{
float:left;
margin:0;
padding:0;
}
a.retour
{
position:absolute;
top:0;
width:200px;
height:100px;

}
a img
{
border:none;
}
#index_left
{
float:left;
width:400px;
height:400px;
margin-top:40px;
margin-left:100px;
}
#index_left p
{
padding-left:10px;
padding-right:15px;
font:11px verdana;
text-align:justify;
}
#index_left label
{
padding-left:10px;
}
#index_right
{
float:left;
width:400px;

}

label#v
{
color:#94be0e;
}
label#b
{
color:#147897;
}
label#r
{
color:#e74f20;
}
label#gall_
{
text-decoration:underline;
}
#sites_amis
{
float:left;
width:800px;
margin-top:0;
margin-left:100px;
}

#sites_amis .contenu
{
float:left;
width:350px;
margin:15px;

}
#sites_amis .contenu label
{
text-align:left;
color:black;
font: 11px verdana;
text-decoration:underline;
padding:0;
margin:0;
}
#sites_amis .contenu p
{
text-align:left;
color:black;
height:20px;
font:9px verdana ;
}
#sites_amis .contenu img
{
height:100px;
width:100px;
float:left;
margin-right:10px;

}
#sites_amis .contenu a.site
{
color:orange;
float:left;
font:9px verdana ;
}
#sites_amis .contenu a.site:hover
{
text-decoration:none;
}
#footer
{
margin:0 auto;
background-color:#dddada;
width:900px;
height:70px;
padding-top:6px;
}
#footer p,#footer a
{
text-align:center;
color:gray;
font:9px verdana;


}
a img{border:none;}
#footer a img
{
margin-top:3px;
margin-right:5px;
margin-left:5px;
}
#mentions
{
width:800px;
margin:0 auto;
}



/*admin*/


.alert
{
color:#147897;
font-weight:bolder;
}
/**/
/*****************************************/
 .invalidInput, .error{  
 color:black;  
 background-color:#eeeeee;  
 }  
 .error,.notice{  
 padding:0.5em;  
 margin:0.5em;  
 }  
 .error{  
     border:2px solid white;  
     display:none; 
float:right;
width:150px;
 }  
 .notice {
 
     background-color:#eeeeee;  
     color:black;  
     border:2px solid #FFD324;  
     display:none;  
 }  

#form{
	width:600px;	
	float:right;	
	margin:20px 60px;
    font-size:10px;
    font-family:Verdana, sans-serif;/*on my mind!!*/
}
#form fieldset{
		margin-bottom: 10px;
	border: #CCC 2px solid;
}
#form legend{
	font-size:12px;
	color:white;
	margin-top:0.3em;
	padding: 0 10px;
	border-left: #CCC 2px solid;
	border-right: #CCC 2px solid;
	font-size: 1.2em;	
}
#form label{	
			color:#9d9d9d;
            display: block;
            width: 150px;
            float: left;
            padding-right: 1%;
            text-align: right;
            letter-spacing: 1px;	
}
#form input[type="text"],#form input[type="file"], #form input[type="checkbox"],#form select, #form textarea{
	width:350px;
	margin-bottom: 1em;
	margin-left:0.5em;
}
#form input:hover, #form select:hover, #form textarea:hover, #form input:focus, #form select:focus, #form textarea:focus
{	
	background-color: #eafddf;
}
#form input[type="submit"]
{
	width:150px;
	float:right;
	margin-right:55px;	
	color:black;	
}
#form input[type="submit"]:hover
{
	color:white;
	background-color: gray;
	cursor: pointer;
}
/**/
#monForm
{
	width: 500px;	
	margin:10px auto;
    font-size:10px;
    font-family:Verdana;
}

#monForm p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
	border: none;

}
#monForm fieldset legend
{
	padding: 0 10px;
	border-left: gray 1px solid;
	border-right: gray 1px solid;
	font-size: 1.2em;
	color: gray;
}

/* Label */
#monForm label
{
	
	display: block;
	width: 30%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}
#monForm label#vert
{
background-color:#bacd26;
}
#monForm label#bleu
{
background-color:#399aba;
}
#monForm label#orange
{
background-color:#ffa500;
}
#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input,#monForm textarea, #monForm select
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
}

#monForm input:hover, #monForm textarea:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: gray;
}

#monForm .form_input_day_month
{
	width: 3%;
}

#monForm .form_input_year
{
	width: 6%;
}

/* button submit */
#monForm input[type="submit"]
{
	border: #575757 1px solid;
	width: 27%;
	text-align:center;
	
}

#monForm input[type="submit"]:hover
{
	background-color: #575757;
	cursor: pointer;
	color:#dddada;
}
a#houin
{
color:#399aba;
font-style:oblique;
}
#menu_admin
{
margin:10px;
}
#menu_admin a
{
color:gray;
}
#menu_admin a:hover
{
color:black;
text-decoration:none;
}