/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body{
	background-image: url("images/fond_bleu.jpg");
	background-repeat: repeat-x;
	background-color: #CCD7DE;
	
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: small;
	color: #003366;	
}

li {list-style: none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage centré */

#principal {width: 760px;margin-left: auto;margin-right: auto;text-align: left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

#haut {float: left;width: 760px;height: 220px;background: url(images/header-5.png) no-repeat; }
#vague {float: left;width: 760px;height: 63px;background: url(images/header_vague-3.png) no-repeat;}
#trebeurden {width: 300px;height: 51px;background: url(images/trebeurden.png) no-repeat; margin-bottom: 20px; margin-left:auto; margin-right:auto;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre comprenant les contenus */

#milieu {float:left;width: 760px;background: url(images/milieu.jpg) top left repeat-y;padding-left:20px; padding-top:20px}	
#milieu a, a:link, a:visited {color: #FF6D0C; text-decoration: none; font-size: medium; font-weight: bold;}
#milieu a:hover, #milieu a.normal:hover {color: #003366;text-decoration: none;}
#milieu a.normal, a.normal:link, a.normal:visited {color: #003366; font-size:small; text-decoration: overline underline; font-weight: normal;}
#milieu a.normal-large { color: #003366; font-size: large; text-decoration: overline underline; font-weight: normal;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les contenus gauche et droite et texte*/

.gauche {float:left;width:340px;padding-left:10px;}
.droite {float:right;width:350px;padding-right:30px;}
.texte {text-align: justify; padding-right:20px;}
.button {padding-top: 10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les mentions en bas de page */

#bas {float: left;width: 760px;height: 60px;background:url(images/bas.jpg) repeat-x;padding-top:20px;text-align:center;color:#858585}
#realisation {float: right;}
#realisation, #realisation a, #realisation a:link, #realisation a:visited {text-decoration: underline; font-weight: bold; font-size: 11px; color: white;}