/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#5a849a;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,ol,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}
p{
	font-size:12px;
	color:#ffffff;
}
label{
	font-size:12px;
	color:#307db8;
}
a {
	text-decoration:none;
	color:#fff;
	font-size:12px;
}
a:active, a:focus,submit:active{
   outline:none;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
#global{
	position:relative;
	width:910px;
	padding:0 24px 0 24px;
	margin:0 auto;
	background:url(../images/fonds/fond_global.jpg) top left repeat-y;
} 

#global div#menu_haut{
float:left;
width:100%;
}
#global div#menu_haut ul{
float:left;
height:23px;
padding:0 0 0 10px;
margin:22px 0 0 0;
width:899px;
background:url(../images/fonds/fond_menu_haut.jpg) top left repeat-x;
}
#global div#menu_haut ul li{
float:left;
margin:0 0px 0 0; 
}
#global div#menu_haut ul li a{
	float:left;
	color:#fff;
	line-height:23px;
	padding:0 15px;
}
#global div#menu_haut ul li a:hover{
background:url(../images/fonds/fond_menu_haut_hover.jpg) top left repeat-x;
}
#global div#flash {
	float:left;
	width:100%;
	margin:7px 0 0 0;
	position:relative;
}
#global div#flash div.bloc_flash{
	width:100%;
	height:352px;
	position:relative;
	z-index:0;
}

/*---- menu flash   --------*/
#global div#flash div.menu_flash{
	position:absolute;
	top:140px;
	right:35px; 
	z-index:50; 
	width:120px;
}

#global div#flash div.menu_flash h1{
	float:left;
	margin:0 0 5px 0;
	position:relative;
	width:100%;
}
#global div#flash div.menu_flash h1 a{
	float:left;
	width:109px;
	height:22px;
	font-size:11px;
	background:url(../images/boutons/entete.jpg) no-repeat left top;
	text-align:center;
	color:#fff;
	line-height:10px;
	padding:20px 0 4px 0 ;
	vertical-align:bottom;
}
#global div#flash div.menu_flash h1 a:hover{
	background:url(../images/boutons/entete_hover.jpg) no-repeat left top;
}
#global div#flash div.menu_flash h1 img{
	float:left;
}
#global div#flash div.langues{
	position:absolute;
	top:110px;
	right:55px;
	z-index:100;
}
#global div#flash div.langues h2{
	float:left;
	margin:0 8px 0 0;
}


#global div#flash div.bordure{
float:left;
width:100%;
margin:7px 0 0 0;
height:23px;
background:#5c8499;
}
#global div#corps_accueil{
float:left;
margin:12px 7px 0 7px;
width:902px;
display:inline;
}

/*---------GENERAL------------*/
.titre_principal{
float:left;
font-size:15px;
font-weight:400;
color:#fff;
width:100%;
margin:0 0 10px 0;
}
.titre_principal span{
font-weight:400;
color:#307db8;
font-family:"arial black",arial;
}
/*-----------------ACCUEIL-----------------*/
/*--------BLOC GAUCHE--------*/
#global div#corps_accueil div.bloc_g_accueil{
float:left;
width:376px;
background:url(../images/fonds/bordure_v.jpg) repeat-y top right;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut{
float:left;
position:relative;
width:360px;
padding:0 16px 20px 0;
background:url(../images/fonds/bordure_h.jpg) repeat-x bottom left;
}

#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut h4{
float:left;
width:100%;
color:#fff;
position:relative;
top:-10px;
font-size:12px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut dt{
float:left;
width:100%;
color:#a7c0cb;
font-size:11px;
margin:0 0 10px 0;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut ul {
list-style-type:square;
list-style-position:outside;
margin:0 0 0 15px;

}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut ul li{
float:left;
width:100%;
color:#a7c0cb;
font-size:11px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut p{
float:left;
color:#a7c0cb;
margin:10px 0 0 0;
font-size:11px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut p.btn{
float:right;
color:#a7c0cb;
margin:10px 4px 0 0;
font-size:11px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index{
float:right;
width:270px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index div{
float:left;
width:100%;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index div select{
width:160px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index div p.label{
float:left;
width:108px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index div p label{
float:left;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index div p.moyen{
float:left;
width:162px;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_haut div.form_index div p input{
float:left;
width:96%;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_bas{
float:left;
width:310px;
margin:20px 0 0 0;
padding:0 20px 20px 20px;
border:1px solid #a2a2a2;
background:#2a4d5f;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_bas h2{
float:left;
margin:20px 0 0 0; 
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_bas p{
float:left;
width:100%;
margin:20px 0 0 0;
}
#global div#corps_accueil div.bloc_g_accueil div.bloc_g_bas h4 a{
float:right;
margin:20px 0 0 0;
}
/*--------BLOC DROIT--------*/
#global div#corps_accueil div.bloc_d_accueil{
float:left;
width:506px;
margin:0 0 0 20px;
display:inline;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche{
float:left;
position:relative;
border:1px solid #a2a2a2;
width:476px;
padding:12px 8px 40px 20px;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche ul{
float:left;
width:100%;
height:18px;
margin:0 0 8px 0; 
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche ul li{
float:left;
line-height:18px;
margin:0 10px 0 0; 
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche ul li label,
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche ul li input{
float:left;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche div{
float:left;
width:50%;
margin:6px 0 0 0;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche div p{
float:left;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche div p label{
float:left;
width:83px;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche div p select{
float:left;
width:140px;
margin:0 15px 0 0;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche div.recherche_grand{
float:left;
width:100%;
}
#global div#corps_accueil  div.bloc_d_accueil div.bloc_recherche p input.submit{
position:absolute;
bottom:10px;
right:24px;
}
#global div#corps_accueil  div.bloc_d_accueil h2{
margin:14px 0 0 0;
}
#global div#corps_accueil div.bloc_d_accueil div.bloc_promotion{
float:left;
width:119px;
margin:14px 0 0 9px;
min-height:238px;
position:relative;
}
#global div#corps_accueil div.bloc_d_accueil div.bloc_promotion h4 img{
width:118px;
}
*html #global div#corps_accueil div.bloc_d_accueil div.bloc_promotion{
height:238px;
}
#global div#corps_accueil div.bloc_d_accueil div.bloc_promotion p{
float:left;
width:100%;
margin:14px 0 0 0;
color:#a7c0cb;
}
#global div#corps_accueil div.bloc_d_accueil div.bloc_promotion p span{
color:#22619e;
font-weight:700;
}
#global div#corps_accueil div.bloc_d_accueil div.bloc_promotion h6 a img{
position:absolute;
bottom:1px;
left:0px;
}
#global div#corps_accueil div.bloc_d_accueil div.premier_bloc{
margin:14px 0 0 0;
}
/*-----BLOC DE PUB----*/
#global div#corps_accueil div.pub_accueil{
float:right;
width:486px;
border:1px solid #a2a2a2;
margin:18px 0 40px 10px;
padding:18px 0 20px 18px;
}
#global div#corps_accueil div.pub_accueil h3 img{
float:left;

}


/*----------------------     COLONNE DE GAUCHE    ------------------*/
#colonne {
	float:left;
	width:229px;
	min-height:550px;
	margin:4px 0 0 0px;
	position:relative;
	display:inline;
}
*html #colonne {
height:300px;	
}
#colonne div.fond_colonne{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:13px;
}
#colonne div.haut_colonne{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:13px;

}
#colonne div.bloc {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	min-height:100px;
	position:relative;
	background:#5b8499;
}
#colonne div.bloc1 {
	background:url(../images/fonds/logo.jpg) no-repeat bottom right #5b8499;
}

#colonne div.liens_principaux {
	padding:20px 20px 0 20px;
	position:relative;
	height:260px;
	z-index:10;

}
#colonne div.liens_principaux h2{
	width:189px;
	font-size:12px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #fff;
}
#colonne div.liens_principaux h2.dernier{
	border-bottom:none;
}
#colonne div.liens_principaux h2.lien_bas{
	position:absolute;
	bottom:10px;
	left:20px;
	border:none;
	margin:0;
	padding:0;
	text-align:right;
}
/*------------   bloc promotion   -----------------*/
#promotion {
	float:left;
	padding:20px 20px 20px 20px;
	position:relative;
}
#promotion h5 span{
	font-weight:400;
}
#bloc_promo h6{
	font-weight:700;
	font-size:14px;
	color:#fff;
	margin:6px 0 0 20px;
	padding:0;
}
/*-------------------    CORPS DE LA PAGE     --------------------*/
#corps {
	width:630px;
	float:left;
	margin:24px 0 0 20px;
	padding:10px;
	display:inline;
}


/*------------    liste tri    -----------*/ 
div#liste_tri {
	float:right;
	margin:0 0 10px 0;
	text-align:right;
}

/*------------    liste d'annonce    ------------*/
#corps div.liste  {
	width:100%;
	float:left;
}
#corps div.liste  h2{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:700;
	color:#fff;
	margin:40px 0 0 0;
	text-indent:20px;
	background:url(../images/puces/puce_titre_principale.gif) no-repeat center left;
	height:20px;
	line-height:20px;
}
#corps div.liste div.annonce {
	display:inline;
	position:relative;
	float:left;
	width:640px;
	margin:0px 0px 5px 0px;
	padding:10px 0 10px 0;
	background:#2a4d5f;
	border:1px solid #5b8499;
}
#corps div.liste div.annonce h5{
	width:340px;
	float:left;
	margin:0 0 10px 0;
	padding:0 90px 0 0;
	color:#fff;
	font-weight:700;
	font-size:12px;
	position:relative;
}
#corps div.liste div.annonce h5 span.prix{
	position:absolute;
	top:0;
	font-weight:400;
	right:0;
}
#corps div.liste div.annonce h5 a{	
	text-decoration:none;
	color:#fff;
}
#corps div.liste div.annonce h6.photo {
	float:left;
	margin:0 10px 0px 10px;
	border:1px solid #5b8499;
	width:178px;
}
#corps div.liste div.annonce h6.photo  img{
	float:left;
}
#corps div.liste div.annonce h6.lien{
	position:absolute;
	bottom:10px;
	right:10px;
}
#corps div.liste div.annonce p{
	line-height:18px;
	float:left;
	width:415px;
}

/*---------------------        DETAILS DE L'OFFRE         ----------------*/
div.details_offre {
	width:100%;
	float:left;
}
div.details_offre div.haut{
	width:100%;
	float:left;
	position:relative;
	margin:0 10px;
	display:inline;
	background:url(../images/fonds/pointille.gif) repeat-x bottom left;
	z-index:1;
}
div.details_offre div.haut h2{
	width:450px;
	float:left;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:400;
	color:#2f7cb8;
}
#corps div.details_offre div.haut h3.tarif{
	float:right;
	padding:4px 10px;
	background:#c1c1c1;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:700;
	color:#000;
	z-index:100;
}
#corps div.details_offre div.bloc_photos{
	float:left;
	width:200px;
	margin:20px 20px 0 0;
}
#corps div.details_offre div.bloc_photos img{
	border:1px solid #5a849a;
}
#corps div.details_offre div.bloc_photos p.nums{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
#corps div.details_offre div.bloc_photos p.nums a:hover{
	text-decoration:underline;
}
#corps div.details_offre div.infos_offre{
	float:right;
	width:406px;
	margin:20px 0px 0 0;
}
#corps div.details_offre div.infos_offre ul{
	list-style-type:none;
	margin:0 0 20px 0;
	float:left;
}
#corps div.details_offre div.infos_offre ul.options{
	background:url(../images/fonds/pointille.gif) repeat-x top left;
	padding:20px 0 0 0;
}
#corps div.details_offre div.infos_offre ul li{
	font-size:12px;
	color:#fff;
	margin:0 0 10px 0;
	line-height:16px;
	font-weight:700;
	width:100%;
	float:left;
}
#corps div.details_offre div.infos_offre ul li span{
	font-size:12px;
	color:#fff;
	font-weight:400;
	padding:0 0 0 20px;
	background:url(../images/puces/puce_carree_orange.gif) no-repeat center left;
}
#corps div.details_offre div.btns{
	float:left;
	width:200px;
	margin:100px 20px 0 0;
}
#corps div.details_offre div.btns h2{
	float:left;
	margin:20px 0px 0 0;
}

/*---------------   FORMULAIRE   -------------------*/
div.formulaire {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
div.formulaire p.label{
	width:170px;
	float:left;
}
div.formulaire input.normal{
	width:250px;
}
div.formulaire input.grand{
	width:450px;
}
div.formulaire textarea.grand{
	width:450px;
	height:250px;
}

/*----------      message - ----*/
div.mess {
	width:90%;
	float:left;
	border:2px solid #fff;
	margin:12px 4%;	
	display:inline;
}
div.mess dt{
	font-size:12px;
	margin:10px 20px 0 20px;
	font-weight:700;
	color:#fff;
}
div.mess p{
	margin:10px 20px;
	font-size:12px;
	color:#fff;
}
div.mess a{
	color:#000;
	text-decoration:underline;
}
div.mess ul{
	margin:0 20px;
	list-style-type:square;
	list-style-position:inside;
}
div.mess ul li{
	font-size:12px;
	color:#fff;
}


/*-------------------    TEXTES STANDARDS   -------------------*/ 
div.textes  h6{
	font-size:12px;
	color:#fff;
	font-weight:700;
	margin:20px 0 10px 0;
}
div.textes  p{
	margin:10px 0 4px 0;
	line-height:14px;
}
div.textes  dt{
	font-size:12px;
	color:#fff;
	margin:20px 0 0 0;
	font-weight:700;
}


div.textes  ul {
	list-style-type:square;
	list-style-position:inside;
	padding:0 0 0 10px;
}
div.textes  ul li{
	font-size:12px;
	color:#fff;
}


.submit{
float:right;
width:115px;
height:23px;
line-height:23px;
}
#global div#pied{
clear:both;
width:100%;
background:#5b8499;
padding:4px 0;
position:relative;
}
#global div#pied p{
padding:0 0 20px 10px;
}
#global div#pied h3.signature{
font-size:9px;
font-weight:400;
color:#fff;
position:absolute;
bottom:4px;
right:10px;
}
#global div#pied h3.signature a{
font-size:9px;
}