html
{
  	font-size:100%;
}		
body
{
 		font-size:72%;
		font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
		color:#222;
		line-height:150%;
		padding:0;
		margin:0;
		background:black;
}
h1, h2, h3 h4
{
 		font-family:arial;
		font-weight:normal;
}
.mini
{
font-size:11px;
}
/***************** UTILE ******************************/
p {margin:10px 0 10px 0;}
.center {text-align:center;}
.justify {text-align:justify;}
.clear {clear:both}
hr
{
margin:10px 0px 10px 0px;
color:#0098C4;
background-color:#0098C4;
height: 1px;
border: 0;
}
#main
{
 		 width:970px;
		 padding:10px 10px 20px 10px;;
		 border:1px solid #FFD3A8;
		 margin:20px auto 0 auto;
		 background:white;
		 -moz-border-radius: 4px;  
		 -webkit-border-radius: 4px;
}
/*************** HEAD *******************************************/
#head-left
{
 			float:left;
			border:0px solid silver;
			width:160px;
			margin:10px 10px 0 10px;
}
#head-left #logo
{ 		 
		 margin:-5px 0 0 0px;
		 border:0px solid silver;
} 
#head-left #logo a
{
 			border:0;
			border:0px solid silver;
}
#head-left  h1
{
 		 Font-size:250%;
		 color:#FF8000;
		 width:200px;
		 margin:-10px 0px 20px 0px;
		 font-family:arial;
		 border:0px solid silver;
		 letter-spacing:0.05em;
		 line-height:25px;
}
#head-left  h1 span
{
 	 		color:#00AEE1;
}
#head-left  h1 a
{
 	 		display:block;
			text-decoration:none;
			color:#FF8000;
			font-weight:bold;
}
#menu
{
 		 float:right;
		 width:770px;
		 height:23px;
		 background:#555 url(../img/menu.png) repeat-x;
		 margin:1px 0 0 0;
		 -moz-border-radius: 4px;  
		 -webkit-border-radius: 4px;		 
}
#menu a
{
 			float:left;
			margin:0 0 0 1px;
			color:white;
			text-decoration:none;
			padding:1px 15px 4px 15px;
			border-right:1px solid #888;
}
#menu a:hover, .selected
{
			color:white;
			text-decoration:none;
			background: url(../img/menu-hover.png) repeat-x ;
}
/*************** PAGE *****************************************/

#left
{
 		 float:left;
 		 width:200px;
		 margin:0px 20px 0 0;
		 font-size:100%;
		 border:0px solid silver;
}

#left .in
{
 			border:1px solid /*#62DCFF;*/#10A9D6;
		 	padding:5px;
		 	margin:0 0 10px 0;
		 -moz-border-radius: 4px;  
		 -webkit-border-radius: 4px;	
		 background:#FBFEFF;
}
#left h2
{
 			background:#00B1E6;
 		  color:white;
			margin:-7px -5px 6px -5px;
			font-size:110%;
			line-height:150%;			
			font-weight:normal;
			padding:2px 0 3px 10px;
			font-weight:bold;
			font-family:verdana;
}
#left ul
{
list-style-image: url(../img/ok.png); 
padding: 0 0 15px 25px;
margin:5px 0 5px 0;
}
#left li
{
line-height:1.5em;
}
/***********************************/
#right
{
 			border:0px solid silver;
			float:right;
			width:730px;
			margin:15px 0 10px 0px;

}
#right .photo1
{
float:right;
margin:-60px 10px 0 0;
width:200px;
height:220px;
border:0px solid red;
background:url(../img/student.jpg) no-repeat;
}
#right #suite
{
color:maroon; 
margin:auto;
border:0px solid maroon;
text-align:center;
font-size:110%;
font-weight:bold;
width:732px;
}
#right #suite a
{
text-decoration:none;
display:block;
padding:10px;
color:#FFF;
background:#00BFF3;
font-weight:bold;
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;
}
#right #suite a:hover
{
color:lime;
}
#right h2
{
 		  color:#007091;
			margin:10px 0 20px 0;
			font-size:150%;	
			font-family:georgia;	
			font-weight:bold;		
}
#right h3
{
 		  color:#666;
			margin:10px 0 10px 0;
			font-size:120%;	
			font-family:georgia;	
			font-weight:bold;	
}
#right ul
{
list-style-image: url(../img/Right.png) ; 
padding: 0 10px 15px 1px;
margin:5px 0 5px 0px;
}
#right li
{
line-height:170%;
margin-left:30px;
text-indent:5px;
}
/************COURS **************************/
#right .cours
{
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;
border:1px solid #FBB957;		
padding:10px;
margin:10px 20px 10px 20px;
background:#FEEED6;
}
#right .cours h2
{
 		  color:maroon;
			margin:10px 0 10px 0;
			font-size:140%;	
			font-family:georgia;	
			font-weight:bold;				
}
#right .cours ul
{
list-style-image: url(../img/puce.gif) ; 
}
#right .cours img
{
float:right;
margin-right:20px;
}
/********* FOOTER  ***************************/
#footer
{
width:950px;
margin:5px auto 200px auto;
font-size:11px;
color:#BBB;
text-align:center;
}
#footer #gauche
{
float:left;
}
#footer #droite
{
float:right;
}
#footer a
{
color:#BBDDFF;
text-decoration:none;
}
#footer a:hover
{
color:lime;
text-decoration:underline;
}
/********** CONTACTS ************************/
#contacts
{
			margin:10px 0 20px 0px;
			border:0px solid silver;
}
#contacts form
{
			
}
#contacts form input, textarea
{
		width:300px;
		display:block;
		padding:5px;
		margin:5px 0 5px 0;
		font-family:arial;		
		color:#345472;
		font-size:100%;
		border:1px solid #457198;
		-moz-border-radius: 2px;  
		-webkit-border-radius: 2px;
}
#contacts .submit
{
		cursor:pointer;
		width:150px;
		margin-top:10px;
		color:black;
		background:white;
		font-family:verdana;
}			
#contacts #info-right
{
 		float:right;
		border:0px solid silver;
		width:350px;
		padding:10px;
}
#contacts #info-right img
{
 		vertical-align:middle;
		margin:-5px 10px 0 25px
}
#contacts #info-right h2
{
 		font-size:140%;
		margin:10px 0 20px 0;
}
#contacts #info-right h4
{
 		color:#146FD1;
		display:inline;
		font-size:150%;
		font-family:arial;
		padding:10px 0 0 0;
		letter-spacing: 0.1em;
}
/******** VACNCES ET TAGS ************************/
vacances
{
width:500px;
margin:10px;
color:red;
text-align:center;
} 
.tags
{
width:182px;
border:1px solid #FFB693;
padding:8px;
font-size:11px;
color:#2E6F8D;
margin:15px 0px 10px 0px;
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;
text-align:justify;
background:#FFFAF7;

}
.tags h6
{font-size:12px; color:#444;background:white;float:left;display:block;margin:-20px 0 0 0;font-weight:normal;font-family:verdana;padding:0;}