body{
background-color:#CCC;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#arriere_plan {
	width:1200px;
	height:auto;
	background-color:#FF3;
	margin:0 auto;/* marge extérieures*/
}

#entete {
	width:1200px;
	height:41px;
/*	background-color:#FC9;
	margin:0 auto;*/
}

#logo {
/*	background-color:#00F;
*/	width:275px;
	height:41px;
	float:left /*alignement à gauche*/
}

#liens_haut{
/*	background-color:#FFF;
*/	width:675px;
	height:31px;
	float:right; /*aligner la balise à droite*/
	text-align:right; /* aligner le texte à droite*/
	padding-top:10px;
}

#liens_haut a{
	padding:5px 15px;
	text-decoration:none;
	color:#F00;
	font-weight:bold;/* mettre les liens en gras*/
}

#banniere {
	width:1200px;
	height:250px;
	background-color:#FCF;
/*	margin:0 auto;
*/}

#menu_gal {
	width:100%;
	height:31px;
	background-color:#CFC;
	background-image:url(../images/menu.png);
/*	margin:0 auto;
*/}

.menu {
	width:auto;
	height:23px;
	float:left;
	padding:3px 20px; /* pour espacer les sous menus (espace en haut bas et espace avant après) c'est-à-dire des marges intérieures */
	border-right:#00C 1px solid; /* mettre une couleur pour les séparateurs. solid veut trait plein */
}

/* changer la couleur des clients des sous menus : on utilise le selecteur a  : on parle de pseudo classe*/
.menu a {
	text-decoration:none;
	color:#000;
	font-weight:bold;/* mettre les liens en gras*/
}
/* changer la couleur des liens au passage de la souris*/

.menu a:hover { /*permet de changer la couleur des liens au survol de la souris*/
	color:#9F3;
}


#corps {
	width:1180px;
	height:auto;
	background-color:#CFF;
	padding:25px 10px;
}

#corps h1 {
	color:#F00;
	padding:2px 20px;
}

.annonce {
	width:225px;
	height:210px;
	float:left;
}

.image {
	width:225px;
	height:222px;
	float:left;
}

.titre_annonce {
	color:#609;
	font-size:bold;
	
}

#footer {
	width:1200px;
	height:20px;
	background-color:#6F6;
	padding:5px 0;
	text-align:center;
	font-size:11px;
}

#arriere_plan #corps div table tr td p {
	font-size: 14px;
	text-align: justify;
}
#arriere_plan #entete .annonce p strong {
	font-weight: bold;
	font-size: 24px;
}

span.required-mark{
    font-size: 10px;
    color: #FF0000;
}

.grid {
	border: medium solid ;
	border-collapse: collapse;
	width: 100%;
}
.grid th {
	font-family: monospace;
	padding: 5px;
}
.grid td {
	font-family: sans-serif;
	border: thin solid;
	padding: 5px;
	background-color: #ffffff;
}


#contenu{
	border:solid 1px #000;
	border-radius: 10px 10px 10px 10px;
}

.coin {
background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:5px;
/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 0;
-webkit-border-radius:10px 0;
border-radius:10px 0;