/**************************************
ASPECT DU BODY
**************************************/

body{
font-family:verdana, arial, sans-serif; /*Police utilisées*/
font-size:10px; /*Taille du texte*/
margin:0; /*pas de marges au body*/
text-align:center; /* pour corriger le bug de centrage IE */
background-color:#ffffff;
}

/**************************************
DIV QUI CONTIENT LE SITE
**************************************/

#container{
	margin:auto; /*On centre dans la page (pour firefox)*/
	text-align:left; /*On aligne à gauche (pour ie)*/
	width:780px; /* taille du div principal */
	background-color:#ABC7DB;
}

/**************************************
HEADER
**************************************/

#header{
height:106px;
background:url(images/logo.gif) no-repeat #F1F6FA;
}

/**************************************
BANNIERE
**************************************/

#banner{
width:468px;
height:60px;
padding: 20px 0 0 270px;
}

/**************************************
PARTIE MENU HAUT
**************************************/

#menu{
background:url(images/fond_menu.gif) repeat; /*image de fond du menu qui se répète*/
height:28px;
line-height:23px;
}

/*Aspect des liens*/

#menu a{
background:url(images/fleur_menu.gif) 10px 0 no-repeat; /*image de fond des liens*/
color:#ffffff;
font-size:11px;
text-decoration:none;
display:block;
float:left;
padding-left:33px;

}

/**************************************
PARTIE GAUCHE
**************************************/

div#gauche{
background-color:#ABC7DB;
float:left;
color:#ffffff;
}

div.bloc{
background-color:#EAF1F6;
width:160px;
margin: 10px 0 10px 10px;
padding:5px;
}

div.bloc h1{
color:#5F93B8;
font-size:11px;
background:url(images/h1_gauche.gif) no-repeat; /*image de fond des titre des blocs*/
margin: 0 0 3px 0;
padding: 0 0 0 30px;
}

/*Aspect des liens dans les blocs*/
div.bloc a{
color:#5F93B8;
text-decoration:none;
}

/*Aspect des liens survolés dans les blocs*/
div.bloc a:hover{
text-decoration:underline;
}

p.fond{
background-color:#ffffff;
padding:3px;
margin:0;
}

/**************************************
PARTIE DROITE
**************************************/

div#droite{
background-color:#D7E5EF;
float:right;
margin:10px 10px 10px 10px;
width:73%;
padding:5px;
}

/*Aspect des liens*/

div#droite a{
color:#6497BA;
text-decoration:none;
}

/*Aspect des liens au passage de la souris*/

div#droite a:hover{
	text-decoration:underline;
	text-align: right;
}

p.nav{
border-top:1px solid #ABC7DB;
border-bottom:1px solid #ABC7DB;
background-color:#ffffff;
padding:5px;
margin:0;
color:#5F93B8;
font-weight:bold;
}

div.bloc_droite{
background-color:#F1F6FA;
margin-top:10px;
}

div.bloc_droite p{
	margin:0;
	padding:5px;
	color:#000000;
	text-align:center; /*On justifie le texte*/
}

div.bloc_droite h1{
color:#ffffff;
font-size:11px;
border-bottom:2px solid #5F93B8;
margin:0;
padding:0 0 0 30px;
background:  url(images/h1_droite.gif) #ABC7DB no-repeat 3px 3px;
height:22px;
line-height:22px;
}

img{
}

table{
font-size:11px;
color:#5F93B8;
}


/**************************************
FOOTER -  BAS DE PAGE
**************************************/

div#footer{
height:22px;
background:url(images/fond_footer.gif);/*Image de fond du footer qui se répète*/
clear:both;
line-height:20px;
}

div#footer, div#footer a{
color:#ffffff;
}
/*Liens du footer*/

div#footer a{
text-decoration:none;
}

/*Aspect des liens au passage de la souris*/

div#footer a:hover{
text-decoration:underline;
}

/* Paragraphe du footer */

div#footer p{
padding: 0 0 0 10px;
margin:0;
font-weight:bold;
}
#container #droite td h2 {
	text-align: center;
}
.mef a strong {
	font-size: large;
}
.mef {
	text-align: left;
}
#container #centre p {
	font-family: Arial, Helvetica, sans-serif;
}
large {
	font-size: 16px;
}