/* CSS Document */
*{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	list-style:none;
}
html{
	background:#FFFFFF url(../fond/body.jpg) repeat-x top left;
	text-align:center;
}
#intro{
	position:absolute;
	display:block;
	top:35px;
	background:url(../fond/bandeau.gif) repeat-x top left;
	height:259px;
	width:100%;
	text-indent:-9999px;
}
#body{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:900px;
	min-height:650px;
	height:auto!important;height:650px;
}
/**************** HAUT DE PAGE *************/
#top, #toplog{
	position:absolute;
	z-index:1;
	top:0px;
	width:1107px;
	height:276px;
	margin-left:-127px;
	padding-left:100px;
}
#top{background:url(../fond/banner.png) no-repeat top left; z-index:auto;}
#toplog{background:url(../fond/banner_log.png) no-repeat top left;}

.access_compte{
	width:260px;
	margin-left:120px;
	margin-top:-22px;
	text-align:right;
	margin-right:10px;
	overflow:hidden;
}
.access_compte img{margin-left:10px; border:none; vertical-align:middle}
.access_compte a{font-size:1em!important;color:#000000; z-index:1000; display:block; float:right;} #access_compte a:hover{text-decoration:underline;}

#logo{
	width:193px; height:184px;
	background:url(../element/logo.gif) no-repeat top left;
	margin-top:60px;
	margin-left:45px;
	text-indent:-9999px;
	cursor:pointer;
}
#perso{
	position:absolute;
	z-index:100;
	width:133px; height:275px;
	top:22px;
	margin-left:235px;	
}
#menu{
	position:absolute;
	z-index:100;
	width:414px;
	height:20px;
	margin-left:430px;
	top:67px;
}
#menu li{
	float:left;
	margin-right:60px;
}
#menu a{
	color:#FFFFFF;
	font-size:1.4em;
}

#baseline{
	position:absolute;
	width:435px; height:134px;
	margin-left:385px;
	top:90px;
	padding-left:10px;
	padding-top:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#baseline h1{font-size:2.4em!important; color:#FF1309;line-height:26px; margin-bottom:0px!important;}
#baseline h2{font-size:2.0em!important; color:#D40000; line-height:24px; margin-bottom:3px!important;}
#baseline h3{font-size:1.1em!important; color:#000000; line-height:16px;}
#baseline h3 a{color:#000000!important;text-decoration:none!important;}
#baseline h3 a:hover{color:#000000!important;text-decoration:none!important;}

/************ SMENU **********/
.smenu{
	width:257px; height:172px;
	background:url(../fond/bg_smenu.jpg) no-repeat top left;
	margin-left:10px;
}
.smenu ul{margin-left:85px; padding-top:12px;margin-right:15px;}
.smenu .last{border-bottom:none;}
.smenu li{border-bottom:1px solid #D1D1D1; padding-bottom:3px;margin-bottom:4px; width:150px; padding-left:5px;}
/*.smenu a{font-size:1.2em; font-weight:bold;letter-spacing:1px;}
.a{color:#FB201A;}.b{color:#6FC0DD;}.c{color:#FF32BE;}.d{color:#FFC12D;}.e{color:#6FD020;}.f{color:#FF7521;}*/

.smenu a{font-size:1.2em;color:#000000;}
.a{background:url(../element/fleche_bleu.gif) no-repeat center right;} .a a:hover{color:#6FC0DD}
.b{background:url(../element/fleche_rouge.gif) no-repeat center right;} .b a:hover{color:#FB201A}
.c{background:url(../element/fleche_rose.gif) no-repeat center right;} .c a:hover{color:#FF32BE}
.d{background:url(../element/fleche_jaune.gif) no-repeat center right;} .d a:hover{color:#FFC12D}
.e{background:url(../element/fleche_verte.gif) no-repeat center right;} .e a:hover{color:#6FD020}
.f{background:url(../element/fleche_orange.gif) no-repeat center right;} .f a:hover{color:#FF7521}


/*******  ******/
#ident{display:none;}
.ident label{display:block; clear:both;}
.ident input{border:1px solid #666666; width:250px;}

/********************************* FORMULAIRE INSCRIPTION ************************/
#inscript{
	position:relative;
	margin-left:15px;
	width:98%;
}
#inscript fieldset{
	border:1px solid #7A6F73;
	background-color:#F4F4F6;
	display:block;
	padding:10px;
	margin-bottom:10px;
	margin-right:15px;
}
#inscript legend{padding:5px; font-size:1.4em; color:#B61647; font-weight:bold;}
#inscript label{ display:block; width:180px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#inscript input, #inscript select, #inscript textarea{width:250px; border:1px solid #333333; margin-bottom:5px; vertical-align:middle}
#inscript textarea{height:100px;}
#check{ width:20px!important; vertical-align:middle; margin-left:50px; border:none!important; margin-left:192px;}
.captch{margin-bottom:10px;}
.subinsc{margin-top:-15px; background-color:#B61647; color:#FFFFFF; font-size:1.1em;cursor:pointer; width:98%!important;}
.field{margin-top:0px; height:115px;}
#inscript span{font-size:0.9em; color:#666666; margin-left:5px;}
.photoprofil{margin-left:200px;}

/******************************** HAUT DE PAGE *******************************************/
#contenu{
	background:#FFFFFF url(../fond/contenu.gif) repeat-x top left;
	min-height:450px;
	height:auto!important; height:450px;
	margin-top:278px;
	padding-top:25px;
	padding-left:10px;
}
.sites{
	position:relative;
	float:left;
	margin-right:18px;
	width:425px;
	height:143px;
	margin-bottom:20px;
}
.titre-site{
	background:#000000 url(../element/titre-co.gif) no-repeat top left;
	padding-left:63px;
	padding-top:3px;
	height:34px;
	font-size:2.1em;
	font-weight:bold;
}
.location .titre-site{color:#EE0505;}
.voiturage .titre-site{color:#6EC0DC;}
.demenagement .titre-site{color:#FFC12D;}
.competences .titre-site{color:#6FD020;}
.vacances .titre-site{color:#FF32BE;}
.loisirs .titre-site{color:#FF7521;}

.texte-site{
	height:67px;
	border-left:4px solid #000000;
	border-right:4px solid #000000;
	padding:6px;
	padding-right:130px;
}
.location .texte-site{background-color:#FB201A;}
.voiturage .texte-site{background-color:#6EC0DC;}
.demenagement .texte-site{background-color:#FFC12D;}
.competences .texte-site{background-color:#6FD020;}
.vacances .texte-site{background-color:#FF32BE;}
.loisirs .texte-site{background-color:#FF7521;}

.plus-site{
	height:27px;
	font-weight:bold;
	text-align:right;
	padding-right:25px;
}
.plus-site a{color:#000000; font-size:1.3em;}
.plus-site a:hover{color:#FFFFFF;}

.location .plus-site{background:url(../element/bottom_rouge.gif) no-repeat top left;}
.voiturage .plus-site{background:url(../element/bottom_blue.gif) no-repeat top left;}
.demenagement .plus-site{background:url(../element/bottom_jaune.gif) no-repeat top left;}
.competences .plus-site{background:url(../element/bottom_vert.gif) no-repeat top left;}
.vacances .plus-site{background:url(../element/bottom_rose.gif) no-repeat top left;}
.loisirs .plus-site{background:url(../element/bottom_orange.gif) no-repeat top left;}

.vign{
	position:absolute;
	border:3px solid #000000;
	margin-top:-10px;
	margin-left:302px;
}
.vign img{border:none;}
#photo img{float:left; border:none;}

/***********************  ****************/
#colonne_gauche{
	float:left;
	min-height:350px;
	height:auto!important;height:350px;
	width:610px;
	margin-left:-10px;
}
#colonne_gauche p{margin:20px;margin-bottom:5px;margin-top:5px;}
#colonne_gauche strong{color:#000000}
#colonne_droite{
	float:right;
	min-height:350px;
	height:auto!important;height:350px;
	width:280px;
	margin-right:10px;
}
.espace_membre{
	width:222px; height:219px;
	background:url(../element/commun/espace_membre.jpg) no-repeat top left;
	padding-top:40px;
	padding-left:25px;
	padding-right:45px;
}
.espace_membre h1{
	color:#11C0EA!important;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #FFFFFF;
	font-size:1.6em;
	text-align:center;
}
.espace_membre ul{margin-left:15px;}
.espace_membre li{list-style:url(../element/commun/puce_bleu.gif);list-style-position:outside;margin-top:5px;}
.espace_membre a{color:#000000;}.espace_membre a:hover{color:#666666;}

.fav{
	width:230px; height:55px;
	border:1px dotted #737373;
	margin-top:10px;
	margin-left:10px;
	color:#676767;
	padding:10px;
}
.icone_fav{position:absolute; margin-top:-30px;margin-left:220px;}
.adsense{margin-top:15px; margin-left:10px;}

.gere{
	font-size:1.8em; font-weight:bold; color:#C60903; margin-left:20px; font-variant:small-caps;
}
.gere_annonce{
	background-color:#EEEEEE;
	margin-left:20px;
	margin-top:10px;
}
.gere_annonce th, .gere_annonce td{padding:3px;}
.gere_annonce td{border-bottom:2px solid #FFFFFF;}
.gere_annonce thead{
	background-color:#9E1D46;
	color:#FFFFFF;
	font-weight:bold;
}
.gere_annonce a{color:#1E4C72;}.gere_annonce a:hover{ text-decoration:underline;}

/************ CHOIX DEPOT *************/
#choix{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:740px;
}
#choix_b{
	position:relative;
	float:left;
	width:540px;
}
#choix h1, #choix_b h1{font-size:1.6em; margin-bottom:10px;border-bottom:1px dotted #E10D04; color:#E10D04}
.choix_loc, .choix_dem, .choix_vac, .choix_voit, .choix_comp, .choix_lois{
	display:block;
	width:195px; height:28px;	
	float:left; 
	margin-right:20px;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:158px;
	text-align:right;
	padding-right:20px;
	 font-weight:bold;
	 font-size:1.1em;
}

#choix_b a{text-decoration:none;}
.choix_b{margin-left:40px;}
.choix_loc{background:url(../element/pola_coloc.jpg) no-repeat top left;color:#FF2400!important;}
.choix_dem{background:url(../element/pola_codem.jpg) no-repeat top left;color:#FFB911!important;}
.choix_vac{background:url(../element/pola_covac.jpg) no-repeat top left;color:#FF32BE!important;}
.choix_voit{background:url(../element/pola_covoit.jpg) no-repeat top left;color:#6EC0DC!important;}
.choix_comp{background:url(../element/pola_cocomp.jpg) no-repeat top left;color:#6FD020!important;}
.choix_lois{background:url(../element/pola_coloi.jpg) no-repeat top left;color:#FF7521!important;}

#messages{
	position:absolute;
	z-index:1000;
	margin-top:225px;
	margin-left:225px;
	width:450px;
	min-height:20px;
	height:auto!important;height:20px;
	background-color:#EA1006;
	border:4px solid black;
	padding:20px;
	padding-top:30px;
	padding-bottom:10px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	display:none;
}
.pucebleu{list-style:url(../element/commun/puce_bleu.gif)!important;list-style-position:outside;margin-top:2px; margin-left:20px;}
.close{position:absolute;text-align:right; left:0px;padding-right:10px; padding-top:2px; padding-bottom:3px; top: 0px; color:#FFFFFF; font-weight:normal; border-bottom:1px dotted #FFFFFF; width:480px; background-color:#FFFFFF; color:#000000;}

/********************************* FORMULAIRE DEPOT ************************/
#depot{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:98%;
}
#depot fieldset{
	border:1px solid #887779;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:5px;
	width:570px;
	float:left;
	margin-right:10px;
}
#depot legend{padding:5px; font-size:1.4em; color:#9E1D46; font-weight:bold;}
#depot label{width:180px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#depot input, #depot select, #depot textarea{width:280px; border:1px solid #333333; margin-bottom:5px;}
#depot .localisation{width:100%; display:block;}
.check{ width:20px!important; vertical-align:middle; margin-left:5px;}
.radio{width:20px!important; vertical-align:middle; margin-left:5px;}
.divchoix{width:480px;  margin-bottom:5px;}

.conseil{width:550px;float:left;padding:10px;}
.sub_annonce{ background-color:#9E1D46; color:#FFFFFF; border:none; cursor:pointer;}

.encartphoto{min-height:100px!important; height:auto!important; height:100px;}

.encartphoto img{border:1px solid #666666}
.uploader{width:230px;float:left}
#liste_photos{width:325px; float:right;}
.photo{float:left;margin-right:10px;}
.suppr_photo{border:none!important; display:block; margin-bottom:5px;}


.date{vertical-align:bottom;}

/****************** INVITFORM *********************/
#invitform{
	position:relative;
	margin-left:20px;
	width:98%;
}
#invitform legend{color:#5C4F53;padding:5px; font-size:1.2em;font-weight:bold}
#invitform legend img{float:left; margin-right:5px;}
#invitform fieldset{border:1px solid #BCBCBC;background-color:#F4F4F6;padding:10px;margin-bottom:5px;margin-right:10px;}
#invitform .typemail{ float:left; margin-bottom:15px; border-right:1px solid #999999; border-bottom:1px solid #999999;margin:5px;}
#invitform input{border:1px solid #848484; margin-left:4px; margin-right:7px;}
#invitform textarea{ width:350px; height:150px;border:1px solid #848484; margin-left:50px; margin-right:7px; vertical-align:top;}
#invitform .sub img{border:none;margin-left:129px; margin-top:15px;}
#invitform .submail{float:right; background-color:#7C7C7C; width:50px; height:17px; text-align:center; color:#FFFFFF; margin-top:-17px;margin-right:25px;}
#confirm_invit{
	width:554px;
	min-height:20px;
	margin-top:10px;
	height:auto!important;height:20px;
	background-color:#AC1D48;
	border:2px solid black;
	padding:15px;
	text-align:center;
	color:#FFFFFF;
}
#confirm_invit h4{font-size:1.3em;font-weight:normal;letter-spacing:1px;}
#contacts{ background-color:#FFFFFF; padding:10px; border-bottom:1px dotted #666666;margin-bottom:10px;}
#contacts li{margin-bottom:3px;}
/***************** TITRE ********************/
.contenu{
	padding:20px;
	padding-top:10px;
}
.contenu a{color:#00679E;text-decoration:underline;}
.contenu a:hover{color:#000000;}

#colonne_gauche h1{font-size:1.6em; color:#A11E46; margin-left:15px; margin-bottom:10px;margin-top:10px;}
#colonne_gauche h2{font-size:1.3em; color:#A11E46; margin-left:15px; margin-bottom:10px;margin-top:10px;}
#colonne_gauche h3{font-size:1.1em; color:#413A3C; margin-left:15px; margin-bottom:10px;margin-top:10px;}

/**** PIED ****/
#pied{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	display:block;
	font-size:0.9em;
	text-align:center;
	margin-top:20px;
	margin-bottom:15px;
}
#pied a{color:#000000;}
/**** OUTIL ****/
#spacer{clear:both; height:1px;}
#adsense{margin-top:15px; margin-left:10px;}

/****************** FORM GENERAL *******************/
#formulairepage{margin-left:25px;padding:5px; clear:both;}
#formulairepage fieldset{margin:4px;padding:5px 6px;	display:block !important; clear:both; border:1px solid #B09BA1;}
#formulairepage fieldset legend{color:#000000; font-size:1.3em;padding:5px;}
#formulairepage label{display:block;float:left;clear:both;width:140px;margin-bottom:10px;font-size:11px; color:#541C2A; text-align:right; padding-right:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email,#formulairepage select{border:1px solid #B09BA1;margin-bottom:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email, #formulairepage ul{float:left;display:block;width:355px;margin-bottom:10px; background-color:#F4F4F6;}

#formulairepage select{overflow:visible;float:left;font-size:11px;width:305px;margin-bottom:10px;background:#FFF;color:#205580;}
#formulairepage select option{width:250px;display:block;overflow:visible;white-space:normal;}
#formulairepage textarea{height:100px;margin-top:0px!important;margin-top:-60px;}
#formulairepage .check{margin-right:5px; }
#formulairepage .listevalform{float:left;display:block;width:250px;margin-bottom:10px; color:#541C2A;  }
.boot{margin-right:7px;}
.radio{ vertical-align:middle; margin-right:10px;}

#formulairepage ul{list-style-image:none!important; list-style:none!important;margin-left:0px!important;}
#formulairepage li{float:left; margin-right:10px;/* margin-top:-10px!important;*/ font-size:11px; color:#205580;list-style-image:none!important; list-style:none!important;}
#formulairepage p{margin-left:270px; font-size:0.9em; color:#666666; clear:both;}
#formulairepage img{ border:none!important;}

.imgfield{margin-left:150px; padding-top:10px;width:361px; height:26px;display:block;clear:both;}
.noteform{margin-left:310px!important; margin-top:10px!important;}

/****************  RECHERCHE **************/
#recherche{
	position:absolute;
	width:410px; height:110px;
	background-color:#FFFFFF;
	border:3px solid #333333;
	z-index:2000;
	margin-left:365px;
	margin-top:95px;	
	padding:10px;
	display:none;
}
#recherche p{margin-bottom:10px; font-weight:bold;}
#recherche a {
	display:block;
	margin-bottom:10px;
}
.rech_g{
	width:46%;
	float:left;
	padding-right:10px;
}
.rech_d{
	width:46%;
	float:right;
	padding-left:10px;
}

.univers{
   background:#000000 url(../element/titre-co.gif) no-repeat -10px -5px;
   padding-left:53px;
   height:19px;
   font-weight:bold;
   margin-bottom:5px;
   padding-top:6px;
}
.univers a{font-size:1.3em;}
.loc a{color:#EE0505;}
.voit a{color:#6EC0DC;}
.dem a{color:#FFC12D;}
.comp a{color:#6FD020;}
.vac a{color:#FF32BE;}
.lois a{color:#FF7521;}

/*************** RECUP MOT DE PASSE  *************/
#profil{
	position:relative;
	margin-left:15px;
	width:98%;
}
#profil fieldset{
	border:1px solid #7A6F73;
	background-color:#F4F4F6;
	display:block;
	padding:10px;
	margin-bottom:10px;
	margin-right:15px;
}
#profil legend{padding:5px; font-size:1.4em; color:#B61647; font-weight:bold;}
#profil label{ display:block; width:180px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#profil input, #profil select, #profil textarea{width:280px; border:1px solid #333333; margin-bottom:5px; vertical-align:middle}
#profil textarea{height:100px;}
#check{ width:20px!important; vertical-align:middle; margin-left:50px; border:none!important; margin-left:192px;}
#profil span{font-size:0.9em;}
.captch{margin-bottom:10px;}
.subprofil{ background-color:#9E1D46; color:#FFFFFF; border:1px solid #666666;margin-top:10px; cursor:pointer;}