A:LINK { color: #0a2660; text-decoration: none }
A:VISITED { color: #0a2660; text-decoration: none }
A:HOVER { color: #c9a131; text-decoration: none }

	A.select:LINK { color: #ff0000; text-decoration: none; font-size: 14px; }
	A.select:VISITED { color: #ff0000; text-decoration: none; font-size: 14px; }
	A.select:HOVER { color: #ff0000; text-decoration: none; font-size: 14px; }

#menu A:LINK { color: #ffffff; text-decoration: none }
#menu A:VISITED { color: #ffffff; text-decoration: none }
#menu A:HOVER { color: #edc664; text-decoration: none }

#footer A:LINK { color: #ffffff; text-decoration: none }
#footer A:VISITED { color: #ffffff; text-decoration: none }
#footer A:HOVER { color: #edc664; text-decoration: none }

.titre_gris {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 23px;
	background: url(../../images/structure/bg_h3.gif) repeat-x;
	padding-left: 10px;
	height: 30px; 
	width: 728px;
	float: left;
	
}

	.titre_gris a {
		color: #FFF;
	}

	.titre_gris a:hover {
		color: #edc664;
	}
	
h3.bleu {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 23px;
	background: url(../../images/structure/bg_h3.gif) repeat-x;
	padding-left: 10px;
	height: 30px; 
	color: #FFF;
}
	
.clear {
	clear: both;
}

A IMG {
	border: none;
}

body,td,th {
	font-family: Verdana, sans-serif;
	font-size: 13px;
}

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #164ab3;
	background-image: url(../../images/structure/fond.gif);
	background-repeat: repeat-x;

	text-align: center;
}

form { display : block; margin : 0; padding : 0; }

img {
	display: block;
}

label {
	float: left;
	display: inline;
	width: 120px;
	text-align: left;
}

/* liste à puce */

ul {
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
	text-align: left;
	margin-top: 0;
}

li {
	margin-bottom: 5px;
}

table {
	border-collapse: collapse;
} 

td img {
	display: inline;
}

hr {
	display:block;
	width: 560px;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	margin-bottom: 20px;
	padding: 0;
	color: #133872;
	background-color: #133872;
	border: 0;
}

h1 { font-size : 1.4em; margin-bottom : 10px; color: #133872; text-align: left; }
h2 { font-size : 1.4em; margin-bottom : 0; color: #133872; text-align: left; font-family: Arial; }
h3 { font-size : 1em; margin-bottom: 10px; font-family: Arial; }
h4 { font-size : 1em; margin : 1.33em 0; font-weight: bold;}
h5 { font-size : 1.4em; }
h6 { font-size : 0.67em; margin : 0; }

#header {
	width: 760px;
	height: 114px;
	background-color: #ffffff;
	background-image: url(../../images/structure/logo.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

p#menu {
	padding: 10px 0 0 10px;
	text-align: left;
	background: url(../../images/structure/bg_menu.jpg) repeat-x;
	margin: 0 auto;
	display: block;
	width: 750px;
	height: 30px;
	line-height: 18px;
}

#menu a {
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	height: 14px;
	padding-bottom: 4px;
	float: left; 
}
#menu a:hover { color: #edc664; }
#menu img { display: block; float: left;  margin:0 11px; }


#navigation {
	width: 960px;
	padding-top: 5px;
	margin-bottom: 10px;
	color: #9a9a9a;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#centre {
	width: 760px;
	padding-bottom: 4px;
	padding-top: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

#bloc_centre {
	padding: 0 10px 10px 10px;
	display: block;
}

#droite {
	width: 200px;

	padding-top: 2px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: Arial;
}

	#droite h2 { font-size : 1.5em; font-weight: bold; margin-bottom : 10px; color: #133872; text-align: left; font-family: Verdana, Arial; }

	/* Offre de la semaine à droite */

	#offre_semaine {
		height: 228px;
		background-image: url(../../images/structure/bloc_annonce.gif);
		background-repeat: no-repeat;
	}


		#offre_semaine {
			padding-top: 3px;
		}

		#offre_semaine img {
			width: 184px;
			height: 138px;

			margin-left: 3px;

			display: block;
		}

		#offre_semaine .details_annonce {
			margin-top: 14px;
			margin-left: 10px;
			color: #FFF;
		}

		#offre_semaine .prix_annonce {
			margin-top: 13px;
			padding-right: 17px;

			color: #ff0000;
			font-weight: bold;
			font-size: 14px;

			text-decoration: blink;

			display: block;
			float: right;
		}


/* Footer */
div#footer_bar {
	padding: 0 20px 0 20px;
}

div#footer_bar a {
	display: inline;
	margin-right: 40px;
	float: left;
}
div#footer_bar h2 {
	font-size: 14px;
	border-bottom: 2px solid #b98309;
	margin-bottom: 10px;
}
div#footer_bar a.lien {
	display: inline;
	width: 136px;
	float: left;
	text-align: center;
}

#footer {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	text-align: center;
	clear:both;
}

#footer_haut {
	line-height: 40px;
	color: #ffffff;
	background-image: url(../../images/structure/bg_menu.jpg);
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
}

#footer_bas {
	color: #999999;
}

#droite div.padding {
	padding-left: 5px;
}

/* Bloc général */

.bloc {
	padding: 12px 60px 0 12px;
	padding-top: 12px;
	text-align: justify;
	background-image: url(../../images/bloc_fond.gif);
	background-repeat: no-repeat;
}

	.bloc h3 {
		font-size : 12px;
		margin-bottom: 10px;
		font-family: Arial;
		color: #0033cc;
	}

	.bloc img {
			float: left;

			margin-right: 10px;
			margin-bottom: 15px;
	}

/* Bloc avantage en page d'accueil */
	.avantages {
		width: 340px;
	}


	.avantages h3 {
		font-size : 12px;
		margin-bottom: 10px;
		font-family: Arial;
		color: #FFF;
		width: 230px;
		line-height: 16px;
		background-color: #4c76b6;
		padding-left: 3px;

		float: left;
	}

	.avantages p { font-size : 0.9em; font-family: Arial; width: 230px; margin-bottom: 15px; float: left; }

	.avantages img {
			float: left;
			margin-right: 10px;
			margin-bottom: 15px;
			border: 3px solid #005696;
	}

/* Annonce détaillée */

#annonce_details {
	width: 351px;
	padding-top: 11px;
	background-image: url(../../images/annonce_details_fond.gif);
	background-repeat: no-repeat;
	float: left;
}

	#annonce_details h3 { font-size : 1.1em; margin-bottom: 20px; font-family: Arial; color: #0560B8; padding-left: 11px; padding-right: 21px; }

	#annonce_details p { font-size : 1.2em; font-family: Arial; padding-left: 11px; padding-right: 21px; }

	#annonce_details label { color: #0560B8; width: 155px; }

#annonce_options {
	width: 351px;
	padding-top: 11px;
	margin-left: 10px;
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	float: right;
}

	#annonce_options h3 { font-size : 1.1em; margin-bottom: 15px; font-family: Arial; color: #0560B8; padding: 0 11px; }

	#annonce_options p { font-size : 1.2em; font-family: Arial; padding:  0 11px 10px;}
	
	
#annonce_mail {
	width: 349px;
	padding-top: 11px;
	float: left; 
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
}	

	#annonce_mail h3 { font-size : 1.1em; margin-bottom: 5px; font-family: Arial; color: #0560B8; padding-left: 11px; padding-right: 21px; }
/*=================== PAge contact ========================*/
.bloc_contact  { width: 350px; float: left; padding: 2px; border: 1px solid #CCC; height: 120px;}
.bloc_contact p { padding: 5px; }


/*=================== Suivi de commande ========================*/
#suivi { margin: 40px 0; }
#suivi fieldset { padding: 5px 10px 10px 270px; width: 456px; height: 260px; background: url(/images/structure/suivi.png) no-repeat left top; border: 0; }
#suivi p { clear: both; padding: 5px 0; }
#suivi label { display: inline; float: left; width: 220px; }
#suivi input { }


/*=================== depot Annonce ========================*/
form#depotAnnonce { }
form#depotAnnonce label { margin:0 0 0 20px; width:200px; }
form#depotAnnonce legend { padding: 0 5px 0 5px; }
form#depotAnnonce fieldset {padding: 15px; }
form#depotAnnonce span.opt { float:left; width:225px;}