.erreur {
	
     color: #A52A2A;
}
.logo {
	float:left;
	margin-left: 5px;
	margin-bottom: 5px;
}
.submit{
text-align: center;
float : center ;
border: 1px solid #ccccc; 
}

.tab {
margin-left: 5em;
}


/* structure global du site */

body{ /*fond de la page */
	margin: 10px 0;
	background: #F4F4F4;
	text-align: center;
	font-family:arial;
	font-size:0.8em;
	/*font-size: 75.01%;*/
	color: #333;
}

#test{


}
#wrap{ /*cadre contenant le header  */
text-align: left;
width: 820px;
margin: 0 auto;
background-color: #F4F4F4;
border:0px solid #F4F4F4;

/*https://developer.mozilla.org/fr/CSS/-moz-box-shadow*/
/* permet d'ajouter de l'ombre le tour du cadre 
ne fonctionne qu'avev mozilla ....
*/
-webkit-box-shadow: 2px 3px 30px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 3px 30px rgba(0,0,0,0.5);
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
#wrap2{ /*cadre contenant le reste du site   */
text-align: left;
width: 820px;
margin: 0 auto;
background-color: #fff;
border:0px solid #FFF;

-webkit-box-shadow: 2px 3px 30px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 3px 30px rgba(0,0,0,0.5);
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-top : 20px;
}

#header {
   width: 100%;
   background: #F4F4F4 url("Images/orangeheader66.png") no-repeat top center;
   height: 109px;
   padding-top: 1px;

}
#header h1{	
	color: #fff;
	text-align: right;
	position: relative;
	top: 2px;
	right: 15px;
	line-height: 30px;
	font-size: 2.5em;

}
#header h1:hover{	
	color: #2a5099;
}

/*contient les liens du header  */
#menu{
/*width: 100%;*/
margin-top: 24px;
margin-left: 0px;
height:24px; 
color:#666;
}
* html #menu{
   margin-left:0;
}/* IE6 */

#menu ul{
list-style: none; line-height:1em; padding-left:0; z-index:50
}
#menu li{
float:left; list-style:none; 
/*border-right:0.1em solid #fff;*/
}
#menu li a{
	display:block; font-weight:bold; color:#fff; padding:15px 12px;
   margin-left: 0px;
   color: #fffff0;
   text-decoration: none;
   font-size: 1.2em;
   font-weight: bold;
}
#menu li a:hover {color:#2a5099}	



/*Le main pratiquement identique au wrap 
agit comme un calque suplementaire*/
#main{
width: 100%;
/*image pour creer lombre en dessous de la banniere du header
*/
background: #fff url('Images/main.jpg') top left repeat-x;

}
#main h1 {
font-size: 1.8em; /* 1,8 fois la taille definit*/
padding-bottom: 22px;
color: #333;
}
#main h2, #main h3, #main h4, #main h5{
font-size: 1.4em;
padding-bottom: 9px;
margin-bottom: 10px;
color: #333;
}
#main h3, #main h4, #main h5 {
font-size: 1.2em;
}
#main h6 {
font-size: 1.1em;	
}
#main a img{border:none;}
#main a{
	color: #7DBD11;
	   text-decoration: none;

		
}
#main a:hover{
}


/* le submain */
#submain{
padding: 15px;
}


#left{
float: left;
width: 600px;
margin-bottom: 50px;
}

/*CSS pour les formulaires */
/* cadre vert qui entoure les formulaires */
#left .formu{
	border:1px solid #2a5099;
	/*Fonctionne seulement pour  Mozilla Firefox et Safari, Opéra et Internet Explorer 
	ne comprenant par pour le moment la propriété.*/
	/*La propriété border-radius sera standardisée dans CSS3, pour bientôt. */
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	radius:30px;
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	margin-right : 60px;
	margin-left : 5px;	
	margin-bottom : 20px ;
	margin-top :10px;
	
	}

#left .formu label{
display: inline; 
width: 170px; 
float:left; 
text-align:right; 
margin-right: 8px;
}

#left .formu input,textarea{
 background-color:#BDBDBD;
 color:#000000 ; 
}

/*
#left .formu2{
	border:1px solid #2a5099;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	radius:30px;
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	margin-right : 60px;
	margin-left : 5px;
	
}

#left .formu2 label{
display: inline; 
width: 170px; 
float:left; 

margin-right: 8px;
}
#left .formu2 input{
 background-color:#BDBDBD;
 color:#000000 ; 
}*/

#left  a{
	color: #7DBD11;
	text-decoration:none;

}
#left  a:hover{
text-decoration:underline;
}

#right{
float: left;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 10px;
padding-right:0;
width: 155px;

}


#right .member{
/*background-color: #6C6C6C;*/
background-color: #525252;
color: #FFFFFF; 
/*-webkit-box-shadow: 2px 3px 30px rgba(0,0,0,0.5);*/
-moz-box-shadow: 2px 3px 30px rgba(0,0,0,0.5);
}

#right .headerMember{
 background: url("Images/rightHeader.png") repeat-y; 
 color: #ffffff; 
 font-size: 15px; 
 font-weight: bold; 
 padding-left: 15px; 
 padding-top: 2px; 
 padding-bottom: 3px;
 }
 

#right .member a{
color: #FFFFFF;
font-size: 13px; 
}
#right .member a:hover{
	color: #2a5099;
}

#right .member input{ 
width: 110px;
text-align: center;
border: 1px solid #ccccc; 

}


#right .member p { 
padding-top: 0px; 
padding-bottom: 0px; 
margin-left: 15px; 

}

#footer{

clear: both;
width: 100%;
height:80px;
background: #ddd url("Images/foot1.png") no-repeat top center;

/*background:url("Images/footer.gif") repeat-x #000; height:57px; clear:both; */
color:#FFFFFF;
text-align: center;


   /*background: #ddd url('Images/orangefooter.jpg') bottom center no-repeat;*/
}


#titre{
	margin-top: 10px; 
	margin-bottom: 20px; 
	border: pink 5px outset; 
	
}


#titre a{
	
	color: blue;
	
}

#titre a:hover{
	text-decoration: underline;
}

#semaine1{
	display: block;
}