/* Mise en forme du body */

body { background-color:#fff; margin: 0px 0px 0px 0px;}


/* ID(#) - Mise en forme de la page en DIV -  */

#menu { margin-top:22px; margin-left:auto; margin-right:auto; margin-bottom:0; height: 57px; width: 887px; background-image:url(../images/site/bgMenuH.gif); padding: 0px 0px 0px 0px;}

#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:153px; width: 887px; background-image:url(../images/site/header.gif); padding: 0px 0px 0px 0px;}


#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 95px; width: 887px; background-image:url(../images/site/sheader2.gif); padding: 5px 0px 0px 0px;}

#contenuBg , #retanc{margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 887px; background-image:url(../images/site/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}

#boiteMenuG{float: left; width: 194x; height: auto; margin: 38px 0px 0px 0px; padding-left: 16px;}
#boiteMenuG a:link {color: #0070af; text-decoration: none;}
#boiteMenuG a:visited {color: #0070af; text-decoration: none;}
#boiteMenuG a:hover {color: #000; text-decoration: none;}

#boiteTexte{float: left; width: 537px; height: auto; padding: 0px 0px 0px 0px; margin: 15px 14px 0px 15px;}

#boiteMenuD{float: right; width: 140px; height: auto; margin: 38px 0px 0px 0px; padding-right: 16px;}
#boiteMenuD a:link {color: #0070af; text-decoration: none;}
#boiteMenuD a:visited {color: #0070af; text-decoration: none;}
#boiteMenuD a:hover {color: #000; text-decoration: none;}

.ancreg{margin-left: 200px; float: left;}
.ancred{margin-right: 200px; float: right;}

#footer {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:5px; height: 26px; width: 887px; background-image:url(../images/site/footer.gif); background-repeat: no-repeat; text-align:center; background-color: #fff; padding: 32px 0px 0px 0px;}

.spacer {
  clear: both;
}

.galerie {margin: 0px 0px 0px 0px; background-color: #e2ddcd; width: 63px; height: 63px;}


/* CLASS - Mise en forme des textes */

p , td, .banniere th, .modif_an th{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
img{border:0}
input, select{color:			#556074;}
hr {
	color:			#ebebeb;
	width:			450px;}

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2e82e0; font-weight: bold;}
.tit2{
	font-size:		14px;
	color: 			#2e82e0;
	margin: 		5px 0px 0px 0px;}
.tit3{
	font-size: 		12px;
	font-weight: 	bold;
	color: 			#556074;
	text-align:		center;
	text-decoration:underline;
	margin-top:		20px;}
.tit3a{
	font-size: 		14px;
	font-style: 	italic;
	font-weight: 	bold;
	color: 			#556074;
	text-decoration:underline;
	margin-top:		20px;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; margin: 0px 0px 0px 0px;}
.elementMenu, .elementMenu2, .elementMenu3{background-color: #fff; height: 20px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 25px; padding-bottom: 0px;}
.elementMenu{background: url(../images/site/bgMenuG.gif) no-repeat; width: 122px;}
.elementMenu2{background: url(../images/site/pl.gif) no-repeat;}
.elementMenu3{background: url(../images/site/pl.gif) no-repeat; height:60px;}
.elementMenudec{padding: 0px 0px 0px 20px}
/* Liens par défault */

a:link {color: #1e98dd; text-decoration: none;}
a:visited {color: #1e98dd; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1e98dd; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1e98dd; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none; text-align:center;}

.menuPadding, .menuPaddingbis {margin: 0px 0px 0px 0px; vertical-align:middle;}
.menuPaddingbis{background-image:url(../images/site/boutonActif.gif); background-position:center; background-repeat:no-repeat;}
.menuSeparateur {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(../images/site/separateurH.gif) no-repeat; width: 2px;}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/


.rubriqueDTitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #bfbfbf; border-bottom:#dcdcdc solid 1px;}
.elementMenuRubriqueD { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color: #fff; background: url(../images/site/bgMenuG.gif) no-repeat; height: 20px; width: 115px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 25px; padding-bottom: 0px;}

/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #626262; border: 0px; margin: 0px 0px 0px 0px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #626262; border: 1px solid #e2e3e4; background-color: #fff; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#626262; font-weight:normal; margin: 0px 0px 0px 0px}

/*-------------------------------------------------------------------------------------------------------*/
li{
	list-style-type: circle;
	color:			#778899;
	padding-right:	20px;
	font-size: 		12px}

/*-------------------- Index --------------------*/
.index, .liste2, .tableau3{
	width: 			100%;
	border-collapse:collapse;
	margin-bottom:	20px;}
.index th, .liste2 th, .tableau3 th{
	font-size: 		12px;
	border-bottom:	1px solid #a8caf2;
	padding:		0px 0px 0px 5px;
	text-align:		center;}
.index td ,.liste2 td{
	padding:		0px 0px 0px 5px;
	text-align:		center;}
.index_nom{
	width:			110px;}
.index_drap, .index_ph{
	width:			16px;}
.index_date{
	width:			120px;}
.index_ville{
	width:			120px;}
.index_reg{
	width:			99px;}
.tableau3 td{
	padding:		5px 10px;
	text-align:		center;}


	
	
/*---------------------- Annonce ----------------------*/
.annonce_haut{
	min-height: 	280px;}
.annonce_social{
	background:		#cdd9ea;
	padding:		10px;
	margin-bottom:	20px;		
	border:			solid 1px #31a0df;
	height:			20px;
	clear:			both;}
.face{
	float:			left;}
.twit{
	float:			left;
	margin-left:	20px;}
.annonce_photo{
	float: 			left;
	width: 			305px;
	margin: 		0px 0px 20px 0px;
	padding-right:	5px;
	border-right:	1px dotted #2e82e0;}
.annonce_photo img{
	display:		block;
	margin:			0 auto;}
#img_an{
	border:			1px outset #2e82e0;}
.annonce_menu{
	float: 			right;
	width: 			210px;
	font-size: 		10px;}
.annonce_info{
	width: 			100%;}
.annonce_info table, .annonce_info p{
	margin-bottom: 	20px;}
#com{
	margin-bottom: 	40px;}
.cellule{
	width: 			245px;}
#diapo img{
	margin:			0px 5px 20px 5px;
	border:			1px outset #2e82e0;}
#diapo{
	text-align:		center;}
#geo{
	width: 			530px;
	height: 		365px;
	margin: 		auto;
	margin-bottom: 	20px;
	border:			1px outset #2e82e0;}
.dist{
	 width:			270px;}
.vue{
	text-align:		center;
	padding-top:	5px;
	font-weight:	bold;}
.tab_form{
	margin:			auto;}
/*-------  Commentaires  -------*/
.com_in{
	width: 			100%;
	border-collapse:collapse;
	margin-bottom: 	15px;}
.com_haut{
	font-weight:	bold;
	border-bottom: 	1px solid #d1d1d1;}
.com_excl{
	text-align: 	right;
	border-bottom: 	1px solid #d1d1d1;}

/*-------  Login  -------*/
.loging, .loging2{
	float:			left;
	width:			45%;
	height:			200px;}
.logind{
	float:			right;
	width:			45%;
	height:			200px;}
.loging2{
	margin:			40px 0px 30px 0px;}

/*------------------------ Livre d'or -----------------------*/
.livre{
	width: 			100%;
	margin-bottom: 	15px;
	border: 		1px solid #a8caf2;}
	
/*------------------------ Liste -----------------------*/
.liste, .liste_esp{
	width: 			100%;
	margin-bottom: 	15px;
	border: 		1px solid #ffffff;}
.liste_p{
	border: 		1px solid #1e98dd;}
.liste_fo{
	width: 			120px;
	height: 		75px;}
.liste_fo2{
	width: 			100px;
	height: 		75px;
	font-size: 		15px;
	font-weight: 	bold;
	text-align:		center;}
.liste_h{
	height: 		15px;
	font-size: 		13px;
	font-weight: 	bold;
	padding: 		0px 5px 0px 5px;}
.liste:hover, .liste_esp:hover{
	border: 		1px solid red;}
.liste_det{
	font-size: 		10px;
	height: 		15px;
	padding: 		0px 5px 4px 5px;}
.liste_d{
	width: 			17px;
	padding: 		0px 5px 0px 5px;}
.liste_etat{
	width: 			115px;}
/*----------------- Liste d'annonce espace membre ------------------*/
.liste_esp_fo{
	width: 			50px;
	height: 		40px;}
.liste_esp_h{
	height: 		15px;
	font-size: 		13px;
	font-weight: 	bold;}
.liste_esp_et{
	width:			120px;}
.liste_esp_ettxt{
	width:			136px;}
.liste_esp td{
	padding:		0px 0px 0px 5px;
	border: 		1px solid #ffffff;}
.liste_esp td:hover{
	border: 		1px solid #d3d7df;}	
	
/*-------  Recherche avancée  -------*/
.recherche{
	border-collapse:collapse;}
.recherche2{
	width:			175px;}
	
/*----------  Profil  ----------*/
.prof{
	width: 			100%;
	border-collapse:collapse;
	margin-bottom:	20px;}
.prof_td{
	width:			195px;}

/*---------------- Ajouter une annonce ---------------*/
.ajout_annocne_tab_sj{
	margin: 		15px auto 15px auto;}
.ajout_annocne_tab_sj2{
	width:			160px;}
	
/*-------  Formulaire  -------*/
.envoyer, .envoyer2{
	text-align:		center;
	padding-top:	10px;}
.envoyer input, .envoyer a, .envoyer2 input{
	background-color:#a8caf2;
	color:			#0070af;
	font-size:		10px;
	border:			2px outset #dfdfdf;}
.envoyer2 input{
	padding:		0px;}
.envoyer a{
	padding:		1px 10px;}

/*------- Espace membre ------*/ 
.tableau{
	width:			100%;
	border-collapse:collapse;}
.tableau2{
	margin:			auto;
	width:			460px;
	border-collapse:collapse;}
.tableau th, .tableau2 th{
	padding:		0px 5px;
	font-size:		13px;
	border-bottom:	1px solid #556074;}
.tableau td, .tableau2 td{
	padding:		0px 5px;}
.tableau_ac, .tableau_drap{
	width: 			15px;}
.tableau_date{
	width: 			65px;}
.tableau_date_aff{
	width: 			96px;}
.tableau_num{
	width:			12px;}
.tableau_cat{
	width:			55px;}
/*------- Modification annonce -------*/
.modif_an{
	margin-bottom:	25px;}
.modif_an_td{
	width:			245px;}
.modif_an th{
	margin-top:	10px;}

/*-------- Prologation de l'affichage ----------*/
.prol{
	margin:			15px auto;}
	
/*------------- Suppression d'annonce ----------------*/
.an_sup_tab{
	width:			100%;
	margin-bottom:	30px;}
.an_sup1{
	width:			165px;}
.an_sup_st{
	font-style:		italic;
	font-weight:	bold;}
/*--------------- Services webmaster ---------------------*/
.banniere{
	border:			1px solid #556074;
	border-collapse:collapse;
	margin:			auto;
	margin-bottom:	20px;}
.banniere1, .banniere2, .banniere1a, .banniere2a{
	border-right:	1px solid #c3c3c3;
	text-align:		center;
	padding:		5px;}
.banniere1, .banniere2{
	padding:		10px 5px;}
.banniere2, .banniere3{
	border-bottom:	1px solid #c3c3c3;}
.banniere4{
	padding-left:	5px;
	padding-right:	5px;}
.img_banniere{
	text-align:		center;}

/*----------------- Newsletter ------------------------*/
.newsl{
	margin: 		15px auto 15px auto;}

/*----------------- Info bulle ----------------------*/
a.info_bulle {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info_bulle span {
   display: none; /* on masque l'infobulle */
}
a.info_bulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info_bulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 20px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: #556074;
   padding: 3px;

   border: 1px solid #2e82e0;
   border-left: 4px solid #2e82e0;
}

/*------------- Plan du site ----------*/
.plang{
	float: left;}
.pland{
	float: right;}
	
/*------------- Carte ----------*/
#carte{
	width: 			680px;
	height: 		680px;
	margin: 		auto;
	margin-bottom: 	20px;
	border:			1px outset #2e82e0;}
.carte_info td{
	padding:		0px 0px 0px 10px;}
.carte_info_lien{
	text-align: 	center;
	font-weight:	bold;}

/*------------- alerte ----------*/
.alerte{
	width:			100%;}
.alerte td{
	width:			230px;}

/*------------- alerte ----------*/
..affiche{
	width:			530px;}
.affiche_titre{
	text-align: 	center;
	font-size: 		30px;
	font-weight:	bold;}
.affiche_img{
	text-align: 	center;
	padding-top:	10px;}
.affiche_nom{
	text-align: 	center;
	font-size: 		20px;
	font-weight:	bold;}
.affiche_date{
	padding:		30px 0px;
	text-align: 	center;
	font-size: 		15px;
	font-weight:	bold;}
.affiche_titre2{
	font-size: 		14px;
	font-weight:	bold;
	text-decoration:underline;
	padding:		20px 0px 0px 0px;}
.affiche_don{
	font-size: 		13px;}
.affiche_contact{
	font-size: 		13px;
	font-weight:	bold;}
.affiche_bas{
	font-size: 		10px;
	padding:		40px 0px 0px 0px;
	text-align: 	center;}
.affiche2{
	margin:			auto;}
.affiche_imprimer{
	width:			800px;
	border: 		1px solid #dcdcdc;}
	
/*------ Boutique ------------*/
.boutique1, .boutique2{
	width:			250px;
	border: 		1px solid #dcdcdc;
	margin-top:		10px;}
.boutique1{
	float:			left;
	clear: 			both;}
.boutique2{
	float:			right;}
.boutiqueprix{
	text-align: 	center;
	font-weight:	bold;
	font-size: 		13px;}
.boutiquecat1, .boutiquecat2{
	width:			250px;}
.boutiquecat1{
	float:			left;}
.boutiquecat2{
	float:			right;}
.boutiquecat1 p, .boutiquecat2 p{
	margin:			0px;}
.boutiquearq{
	width:			520px;}
.coup_de_coeur_droit{
	margin-bottom:	30px;
	border: 		1px solid #dcdcdc;
	text-align:		center;}
	
/*------ Nouveau tableau ------*/
.action{
	width:			30px;}
	
/*------ Divers ------------*/
.allopass{
	margin:			auto;
	margin-top:		20px;}
.erreur_sql{
	width:			250px;
	float: 			right;
}
.img_haz{
	margin-top:		10px;}
.goog{
	width:			720px;
	height:			90px;
	margin:			auto;}
.googan{
	width:			468px;
	height:			60px;
	margin:			auto;
	margin-top:		10px;
	margin-bottom:	10px;}
.center{
	text-align: 	center;}
.center2{
	text-align: 	center;
	font-weight:	bold;}
.loginform{
	margin-left: 	23px;
	width: 			100%;}
.captcha input{
	vertical-align:	15px;}
.vert{
	color: green;}
.jaune{
	color: yellow;}
.orange{
	color: orange;}
.rouge{
	color: red;}
.rouge2{
	font-weight: bold;
	color: red;}
.alert{
	font-weight: bold;
	color: red;
	text-align: center;
	margin-top: 15px;}
.import{
	font-size: 		12px;
	font-weight: 	bold;}
.load
{
background:		url('images/votreicone.gif') no-repeat center;
}
.sep{
	margin-top:		30px;}
.pub_d{
	width:			120px;
	height:			600px;
	margin: 		auto;
	margin-top:		10px;}
.ital{
	font-style:	italic;}
.min{
	font-size: 		9px;
	color: 			#556074;}
.test{
	color:			#FFFFFF;}