/* ------------------------------------------------------------------------- */
/* BALISES GENERALES                                                         */
/* ------------------------------------------------------------------------- */

body {
background-image: url(../_img/fondbandeau.jpg);
background-repeat: repeat-Y-X;
}

#bandeau_haut {
position: absolute;
width: 864px;
background-color:;
}

#cont_band_left {
background: url("../_img/tortle.gif");
background-repeat: no-repeat;
width: 108px;
height : 126px;
margin-left:45px;
margin-top: 0px;
}

#cont_band_middle {
background: url("../_img/bandeau.gif");
background-repeat: no-repeat;
width: 540px;
height : 126px;
margin-left: 108px;
margin-top: 0px;

}
#cont_band_right {
background: url("../_img/tortle2.gif");
background-repeat: no-repeat;
width: 108px;
height : 126px;
margin-left:540px;
margin-top: 0px;
}

#contenu_centre {
position: absolute;
width: 864px;
height : 540px;
margin-left:0px;
margin-top: 139px;
background: none;
}

#pub {
clear: both;
position: absolute;
width: 160px;
height : 600px;
margin-left:20px;
margin-top: 870px;
padding-top: 0px;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
}

#pub2 {
position: absolute;
width: 600px;
height : 90px;
margin-left: 0px;
margin-top: 30px;
padding-top: 0px;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
}

#grasgauchevert {
position: absolute;
width: 332px;
height : 63px;
margin-left:0px;
margin-top: 238px;
font-size : 16px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : #006600;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
}

#affichage {
position: absolute;
width: 684px;
height : 300px;
margin-left:180px;
margin-top: 220px;
font-size : 16px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : #006600;
font-weight: bold;
text-align:;
padding-left:40px;
padding-top:20px;
background:;
}
#affichage h1 {
text-align: center;
}

#mail {
position: absolute;
width: 610px;
height : 500px;
margin-left:210px;
margin-top: 300px;
font-size : 16px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : #006600;
font-weight: bold;
text-align:;
padding-left:40px;
padding-top:20px;
background: url("../_img/infoslegales.gif");
background-repeat: no-repeat;
}
#mail h1 {
text-align: center;
}

#tortle {
clear: both;
position: absolute;
width: 140px;
height : 200px;
margin-left:20px;
margin-top: 360px;
clear: both;
position: absolute;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
background: ;
}

#cliquezici {
clear: both;
position: absolute;
width: 140px;
height : 200px;
margin-left:20px;
margin-top: 330px;
clear: both;
position: absolute;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
}

#cliquezici a span { 
display: none;
}

#connecte {
clear: both;
position: absolute;
width: 140px;
height : 160px;
margin-left:20px;
margin-top: 330px;
clear: both;
position: absolute;
font-size : 14px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : Black;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
}

#connecte a span { 
display: none;
}

#prechargementmenu1 {
clear: both;
position: absolute;
width: 140px;
height : 300px;
margin-left:20px;
margin-top: 550px;
}

#menu1 {
clear: both;
position: absolute;
width: 140px;
height : 300px;
margin-left:20px;
margin-top: 550px;
padding-top: 0px;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:0px;
background: none;
}

#menu1 a span { 
display: none;
}

#menu1 a {
 clear: both;
 display: BLOCK; /* pour transformer la balise en balise de type bloc*/
 width: 139px;
 height: 60px;
 background-repeat: no-repeat;
}

#chambres {
position: absolute;
width: 90px;
height : 30px;
margin-left:30px;
}
#chambres a span { 
display: none;
}

#studios {
position: absolute;
width: 70px;
height : 30px;
margin-left:135px;
}
#studios a span { 
display: none;
}

#f1 {
position: absolute;
width: 70px;
height : 30px;
margin-left:210px;

}
#f1 a span { 
display: none;
}

#f2 {
position: absolute;
width: 70px;
height : 30px;
margin-left:280px;
}
#f2 a span { 
display: none;
}

#f3 {
position: absolute;
width: 70px;
height : 30px;
margin-left:350px;
}
#f3 a span { 
display: none;
}

#f4 {
position: absolute;
width: 70px;
height : 30px;
margin-left:420px;
}
#f4 a span { 
display: none;
}

#f5 {
position: absolute;
width: 90px;
height : 30px;
margin-left:500px;
}
#f5 a span { 
display: none;
}

#t2 {
position: absolute;
width: 70px;
height : 30px;
margin-left:100px;
margin-top:20px;
}
#t2 a span { 
display: none;
}

#t3 {
position: absolute;
width: 70px;
height : 30px;
margin-left: 170px;
margin-top:20px;
}
#t3 a span { 
display: none;
}

#t4 {
position: absolute;
width: 70px;
height : 30px;
margin-left: 240px;
margin-top:20px;
}
#t4 a span { 
display: none;
}

#t5 {
position: absolute;
width: 90px;
height : 30px;
margin-left: 330px;
margin-top:20px;
}
#t5 a span { 
display: none;
}

#divers {
position: absolute;
width: 70px;
height : 30px;
margin-left: 340px;
margin-top:20px;
}
#divers a span { 
display: none;
}

#maison_village {
position: absolute;
width: 90px;
height : 30px;
margin-left: 60px;
margin-top:20px;
}
#maison_village a span { 
display: none;
}

#villa {
position: absolute;
width: 90px;
height : 30px;
margin-left: 220px;
margin-top:20px;
}
#villa a span { 
display: none;
}

#garage {
position: absolute;
width: 90px;
height : 30px;
margin-left: 430px;
margin-top:20px;
}
#garage a span { 
display: none;
}

#bulleviolet{
position: absolute;
width: 610px;
height : 150px;
margin-left:20px;
margin-top: 20px;
padding-top: 20px;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:10px;
background: url("../_img/abonneviolet.gif");
background-repeat: no-repeat;
}

#bullejaune{
position: absolute;
width: 610px;
height : 150px;
margin-left:20px;
margin-top: 200px;
padding-top: 20px;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:10px;
background: url("../_img/abonnejaune.gif");
background-repeat: no-repeat;
}

#bulleverte{
position: absolute;
width: 610px;
height : 150px;
margin-left:20px;
margin-top: 380px;
padding-top: 20px;
font-size : 20px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : white;
font-weight: bold;
text-align: center;
padding-left:0px;
background: url("../_img/abonnevert.gif");
background-repeat: no-repeat;
}


#pieddepage {
position: absolute;
width: 864px;
margin-left:0px;
margin-top: 731px;
font-size : 16px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : #006600;
font-weight: bold;
text-align: center;
padding-left:0px;
}


h2 {
font-size : 22px;
width: 864 px;
height : 81px;
font-family : "Copperplate Gothic Bold", Helvetica, Geneva, sans-serif;
font-weight: bold;
color : #006600;
text-align: center;
padding-left: 0px;
background: url("../_img/encadretitre.gif");
}

.textenoir12 {
font-size : 12px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : black;
text-align: left;
padding-left:0px;
}

.textenoir14 {
font-size : 14px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : black;
text-align: left;
padding-left:0px;
}

.textenoir18 {
font-size : 18px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : black;
font-weight: bold;
text-align: left;
padding-left:0px;
}

.texterouge23 {
font-size : 23px; 
font-family : Times, Arial, Helvetica, Geneva, sans-serif; 
color : red;
font-weight: bold;
text-align: left;
padding-left:0px;
}

/*  .................................POLICE PLUS LIENS ....................................... */
/* ........................................................................................... */

a:link {
	text-decoration: none;
	color : #006600;
}
a:visited {
	text-decoration: none;
	color : #006600;
}
a:hover {
	text-decoration: none;
	color : #006600;
}
a:active {
	text-decoration: none;
	color : #006600;
}

a.w:link {
	text-decoration: none;
	color : white;
}
a.w:visited {
	text-decoration: none;
	color : white;
}
a.w:hover {
	text-decoration: none;
	color : white;
}
a.w:active {
	text-decoration: none;
	color : white;
}


/*  .................................ROOL OVER ....................................... */
/* ........................................................................................... */

a.A { display: block; width: 90px; height: 30px; background-image: url('../_img/chambres_off.gif'); }
a.A:hover { display: block; width: 90px; height: 30px; background-image: url('../_img/chambres_on.gif'); }
a.B { display: block; width: 70px; height: 30px; background-image: url('../_img/studios_off.gif'); }
a.B:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/studios_on.gif'); }
a.C { display: block; width: 70px; height: 30px; background-image: url('../_img/f1_off.gif'); }
a.C:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/f1_on.gif'); }
a.D { display: block; width: 70px; height: 30px; background-image: url('../_img/f2_off.gif'); }
a.D:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/f2_on.gif'); }
a.E { display: block; width: 70px; height: 30px; background-image: url('../_img/f3_off.gif'); }
a.E:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/f3_on.gif'); }
a.F { display: block; width: 70px; height: 30px; background-image: url('../_img/f4_off.gif'); }
a.F:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/f4_on.gif'); }
a.G { display: block; width: 90px; height: 30px; background-image: url('../_img/f5_off.gif'); }
a.G:hover { display: block; width: 90px; height: 30px; background-image: url('../_img/f5_on.gif'); }
a.H { display: block; width: 70px; height: 30px; background-image: url('../_img/t2_off.gif'); }
a.H:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/t2_on.gif'); }
a.I { display: block; width: 70px; height: 30px; background-image: url('../_img/t3_off.gif'); }
a.I:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/t3_on.gif'); }
a.J { display: block; width: 70px; height: 30px; background-image: url('../_img/t4_off.gif'); }
a.J:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/t4_on.gif'); }
a.K { display: block; width: 210px; height: 30px; background-image: url('../_img/t5_off.gif'); }
a.K:hover { display: block; width: 90px; height: 30px; background-image: url('../_img/t5_on.gif'); }
a.L { display: block; width: 70px; height: 30px; background-image: url('../_img/divers_off.gif'); }
a.L:hover { display: block; width: 70px; height: 30px; background-image: url('../_img/divers_on.gif'); }
a.M { display: block; width: 140px; height: 138px; background-image: url('../_img/envoimail.gif'); }
a.M:hover { display: block; width: 140px; height: 138px; background-image: url('../_img/envoimail2.gif'); }
a.N { display: block; width: 150px; height: 30px; background-image: url('../_img/maison_de_village_on.gif'); }
a.N:hover { display: block; width: 150px; height: 30px; background-image: url('../_img/maison_de_village_off.gif'); }
a.O { display: block; width: 90px; height: 30px; background-image: url('../_img/villa_on.gif'); }
a.O:hover { display: block; width: 90px; height: 30px; background-image: url('../_img/villa_off.gif'); }
a.P { display: block; width: 90px; height: 30px; background-image: url('../_img/garage_on.gif'); }
a.P:hover { display: block; width: 90px; height: 30px; background-image: url('../_img/garage_off.gif'); }




a.rub1 { background-image: url(../_img/rubrique1_off.gif); }
a.rub1:hover { background-image: url(../_img/rubrique1_on.gif); }
a.rub2 { background-image: url(../_img/rubrique2_off.gif); } 
a.rub2:hover { background-image: url(../_img/rubrique2_on.gif); }
a.rub3 { background-image: url(../_img/rubrique3_off.gif); }
a.rub3:hover { background-image: url(../_img/rubrique3_on.gif); }
a.rub4 { background-image: url(../_img/rubrique4_off.gif); }
a.rub4:hover { background-image: url(../_img/rubrique4_on.gif); }
a.rub5 { background-image: url(../_img/rubrique5_off.gif); }
a.rub5:hover { background-image: url(../_img/rubrique5_on.gif);}

#toutesloc a.rub1 { background-image: url(/_img/rubrique1_on.gif); }
/* c'est comme si nous avions body#rubrique1 a.rub1 { background-image: url(/_img/rubrique1_on.gif); } */
#locjour a.rub2 { background-image: url(/_img/rubrique2_on.gif); }
#juridique a.rub3 { background-image: url(/_img/rubrique3_on.gif); }
#rubrique5 a.rub5 { background-image: url(/_img/rubrique5_on.gif); }
#rubrique4 a.rub4 { background-image: url(/_img/rubrique4_on.gif); }



a.A:link {text-decoration: none; color : white; font-size : 18px;}
a.A:visited {text-decoration: none; color : white; font-size : 18px;}
a.A:hover {text-decoration: none;color : #DDDDDD; font-size : 18px;}
a.A:active {text-decoration: none;color : white; font-size : 18px;}

/*  ............................ALIGNER ET CENTRER LES FORMULAIRES............................ */
/* ........................................................................................... */

div.row {
 	
	padding-top: 10px;
	padding-left: 15px;
 }

div.row span.title {
	float : left;
 	padding-left: 100px;
 	width : 435px;
 	font-size : 20px;
	font-family : sans-serif;
	font-weight: bold;
	color : white;
 	text-align: left;
 }
 
 div.row span.title2 {
	float : left;
 	padding-left: 0px;
 	width : 535px;
 	font-size : 20px;
	font-family : sans-serif;
	font-weight: bold;
	color : white;
 	text-align: left;
 }

div.row span.label {
 	float : left;
 	width : 435px;
 	font-size : 14px;
	font-family : sans-serif;
	font-weight: bold;
	color : #009900;
 	text-align: left;
 }
 
 div.row span.discour {
 	float : left;
 	width : 435px;
 	font-size : 12px;
	font-family : sans-serif;
	font-weight: none;
	color : black;
	padding-left: 0px;
	padding-top: 60px;
 	text-align: center;
 }

div.row span.cellule {
	float: left;
 	width: 435px;
 	text-align: left;
 }



/*  ............................EDITO BLANC............................ */
/* ........................................................................................... */		
	
		
		#principal {
		    width:650px;
		    background-image: url(../_img/imgencadre/area_left.gif);
		    background-repeat: repeat-y;
            	    background-color : #FFFFFF;
		    margin-top: 30px;
		}
        #principal2 {
			background-image: url(../_img/imgencadre/area_right.gif);
			background-repeat: repeat-y;
            background-position: right;
		}

		#haut {
            height:48px;
            background-image: url(../_img/imgencadre/area_top.gif);

		}

		#haut img {
		    vertical-align:top; /* for ie5*/
		}

			#coingh {
                width:22px;
				height:48px;
				background-image: url(../_img/imgencadre/area_top_left.gif);
				float: left;

			}
			#coindh {
                width:28px;
				height:48px;
				background-image:url(../_img/imgencadre/area_top_right.gif);
				float: right;

			}
		#contenu {
			padding: 0 32px 0 25px;
			font-size : 12px; 
			font-family : Arial;

		}

		#contenu p {
			margin: 0px;

		}

		#bas {
            height:25px;
            background-image:url(../_img/imgencadre/area_bottom.gif);
		}
			#coingb {
                width:22px;
				height:25px;
				background-image:url(../_img/imgencadre/area_bottom_left.gif);
				float: left;
			}
			#coindb {
                width:28px;
				height:25px;
				background-image:url(../_img/imgencadre/area_bottom_right.gif);
			    float:right;
			}

table { empty-cells:show;
	border: 1px solid #969696;
	border-collapse: collapse;
	padding : 0.75em; 
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1em;
	color: black;
}