body {
	background-color: #FFEEAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
	margin:2em 1%;
    padding:0;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
	}


html>body { font-size: normal; }



a {
	font-size: 14px;
	color: #336600;
}


.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 15px;
	
}
.subtitle {
	font-size: 14px;
	font-style: italic;
	color: #3366FF;

}

.titre { 
	font-size: 14px;
    color: #660000;
}


.soustitre { 
	font-size: 14px;
    color: #660000;
}

.gauche{
	position:absolute;
	width: 70px;
	background-color: #FFFFCC;
	padding: 4%;
	
	
}
.droite{
	position:absolute;
	width: 35%;
	right: 42%;
	
}
.droite2{
	position:absolute;
	width: 35%;
	right: 5%;
	
}

.droitelarge{
	position:absolute;
	width: 75%;
	right: 5%;
}

.footer {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	bottom: 5%;
	left:15%;
	
	
}

.legal {
	font-size: 13px;
}


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

a:hover{
background-color:#DDEEAA;
color:#036;
}