/* --------------------------------- */
 /*       Styles communs              */
/* --------------------------------- */

{
	padding: 0;
	margin: 0;
}

body{

	background-color: #CCCCFF;
	font-family: verdana,sans-serif;
	font-size: 10px;
	width: 800px;
}
a{
	color: #1E90FF;
	font-weight: bold;
}


alink{
	background-color: red;
}


a:hover{
	color: black;
	background-color: red;
}


h1{
	text-align: center;
	color: red;
	font-size: 24px;
	font-variant: small-caps;
	font-weight: bold;
	
}


h2{
	color: #00008B;
	font-variant: small-caps;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background: url(../images/fond_h2.gif);
}

h3{
	color: #FF0000;
	font-size: 12px;
	margin: 30px 0 0 0;
}

h4{
	text-align: center;
	background: url(../images/fond_titre.gif);
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 0 0 0 0;
}


  /* --------------------------------- */
 /*       Styles bandeau           */
/* -------------------------------- */

#banniere{
	position: absolute;
	top: 0;
	background: url(../images/banniere_milieu.gif) repeat-x;
	height: 116px;
	width:800px;
	overflow: auto;
	font-size: 14px;
	font-family: verdana,sans-serif;
	text-align: center;
}

#banniere .gauche{
	background: url(../images/banniere_gauche.gif) no-repeat;
	margin-top: 0;
	width: 401px;
	height: 116px;
	float: left;
}


  /* --------------------------------- */
 /*       Styles menus              */
/* -------------------------------- */










.menumod{
	width: 790px;
	height: 100%;
	align: center;
	margin-left: 3px; 
	margin-right: 0px; 
}
		.menumod_rub{
			margin-left: 5px;
			margin-right: 5px;
			margin-bottom: 10px;
			border: 1px solid black;
			width: 243px;
			height: 50px;
			float: left;
			background: url(../images/fond_titre.gif);
		}





.menudet{

	margin-bottom: 5px;
	height: 160px;
	line-height: 15px;
	font-size: 9px;
	border: 1px solid black;
	width: 223px;
	float: left;
}




#menubas{
	text-align: center;
	margin-top: 30px;
	background-color: #FFFF00;
	font-weight: bold;
	line-height: 20px;
	width: 800px;
	margin-left: 150px;
}






  /* --------------------------------- */
 /*       Styles page                 */
/* -------------------------------- */
 
#page{
	padding: 0 0 0 0;
	width: 800px;
}



.fondblanc{
	background: #FFFFFF url(../images/pix_fondblanc.gif);
	padding: 5px;
	width: 800px;
}


.text{
	width: 800px;
	margin-left: 0;
}


.floatnone{
	float: none;
}


#coordonnees{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 0px 5px 0px 5px;
	width: 200px;
	text-align: center;
	height: 100px;
	border: 1px black;
	background-color: #FFFF00;
}

 /* --------------------------------- */
 /*            Styles tableau        */
/* -------------------------------- */


#tableau{
	width: 732px;
	align: center;
	line-height: 15px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border: 1px solid black;
}	
		#petit_tableau{
			width: 488px;
			align: center;
			line-height: 15px;
			margin-top: 10px;
			margin-left: 3px;
			margin-right: 3px;
			margin-bottom: 20px;
			border: 1px solid black;
		}	
				.ligne_titre{
					line-height: 15px;
					text-align: center;
					font-weight: bold;
					color: white;
					background: url(../images/fond_titre.gif);
					float: left;
					width: 120px;
					border: 1px solid black;
				}


				.ligne{
					line-height: 15px;
					text-align: center;
					float: left;
					width: 120px;
					border: 1px solid black;
					}


.simple td{
	border: 1px solid #A72956;
	padding: 1px;
	text-align: center;
}


.simple th{
	color: #A72956;
	border: 1px solid #A72956;
	padding: 1px;
	text-align: center;
}

  /* --------------------------------- */
 /*    Styles resultats               */
/* --------------------------------- */


#offres{
	width: 760px;
	align: center;
	margin-left: 0px;
	margin-right: 0px;
}

		.offres_rub{
			width: 680px;
			height: 160px;
			margin-left: 2px;
			margin-right: 2px;
			margin-bottom: 10px;
			border: 1px solid black;
			float: left;
		}	




.photo{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 240px;
	float: left;
	font-size: 9px;
	valign: middle;
}



.line{
	line-height: 20px;
	text-align: left;
	float: left;
	width: 200px;
	padding: 0 0 0 10px
}


.line2{
	line-height: 20px;
	text-align: left;
	float: left;
	width: 300px;
	padding: 0 0 0 10px;
}

#photosup{
	width: 500px;
	height: 350px;
	align: center;
}
		.photosup_rub{
			width: 235px;
			height: 160px;
			margin-left: 5px;
			float: left;
		}
		



  /* --------------------------------- */
 /*      Styles formulaires        */
/* -------------------------------- */

#formContact legend{
	display: none;
}
#formContact hr{
	margin: 5px;
}




  /* --------------------------------- */
 /*   Styles listes (pictos)       */
/* -------------------------------- */








  /* --------------------------------- */
 /*        Styles footer              */
/* -------------------------------- */






  /* --------------------------------- */
 /*        Styles popup              */
/* -------------------------------- */





  /* --------------------------------- */
 /*        Styles formulaire          */
/*        Demande de renseignements  */
/* -------------------------------- */





  /* --------------------------------- */
 /*        Styles formulaire          */
/*        Recap Demande de renseignements  */
/* -------------------------------- */