BODY{ 
 background-image:url("jpg/fond.jpg");
 position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height :1em;
}

/* ------------- Pop up ----------------------- */

a.partenaire {
  position:relative;
}
a.partenaire:hover {
   background: none; 
   z-index: 500; 
}
a.partenaire span {display: none;}
a.partenaire:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:7px;
   font-weight:normal;
   width:200px;
   height: 200px;
   top: 10px; 
   left: 50px;
   background: black;
   padding: 10px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
   text-decoration : none;
}


/* ------------- PARAMETRE PAGE INDEX ----------------------- */


#copyrightreno {
	position:absolute;
	width: 100%;
  	height:25px;
	top:630px;
	left: 0;
	text-align:center;
	color: #000000 ;
}


#copyrightindex {
	position:absolute;
	width: 100%;
  	height:25px;
	top:530px;
	left: 0;
	text-align:center;
	color: #000000 ;
}

#fond-reno {
position:relative;
background: url(jpg/reno.png) no-repeat ;
width: 900px;
height:500px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;

}

.txt-copy{font-family:verdana;font-size:11px;color: #FFFFFF;font-weight: bold;font-style:normal;text-decoration: none;}
A.menulink-copy:link{font-family:verdana;font-size:11px;color: #FFFFFF;font-weight: bold;font-style:normal;text-decoration: none;}
A.menulink-copy {font-family:verdana;font-size:11px;color: #FFFFFF;font-weight: bold;font-style:normal;text-decoration: none;}
A.menulink-copy:hover{font-family:verdana;font-size:11px;color: #FFFFFF;font-weight: bold;font-style:italic;text-decoration: overline underline;}

.txt-copy{font-family:verdana;font-size:12px;color: #FFFFFF;font-weight: bold;font-style:normal;text-decoration: underline;}
A.menulink-eve:link{font-family:verdana;font-size:12px;color: #FFFFFF;font-weight: bold;font-style:normal;text-decoration: none;}
A.menulink-eve{font-family:verdana;font-size:12px;color: #000000;font-weight: bold;font-style:normal;text-decoration: none;}
A.menulink-eve:hover{font-family:verdana;font-size:12px;color: #000000;font-weight: bold;font-style:italic;text-decoration: ;}

#textsavoir {
position:absolute;
text-align:center;
left:180px;
top:260px;
color:#A3A1A1;
font-family:verdana;font-size:11px;
}


#mail {
position:absolute;
text-align:center;
top:205px;
left:260px;
}
#titre  {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
color : #FFFFFF;
text-decoration : none;

}
#titre a {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
color : #e2007a;
text-decoration : none;
}
#titre a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
color : #FFFFFF;
text-decoration : none;
} 

H1, H2, H3, H4, H5, H6 {
  color: #e2007a;
  font-family: sans-serif 
 }


/*-----page---*/


#top {
position:absolute;
width: 865px;
height:103px;
left:50px;
top:10px;

}

.hovermenu ul{
width:1024px;
margin-top:120px;
font: bold 10px Verdana, Helvetica, sans-serif;
height:2px;
background-image : url(gif/fond-menu.gif);

}

.hovermenu ul li{
list-style: none;
display: inline;


}

.hovermenu ul li a{
padding: 2px 10px;
text-decoration: none;
margin-left: 10px;
color:#FFFFFF ;


}

.hovermenu ul li a:hover{
background-color: #ccc;
color: black;

}

#sous-menu {
position:absolute;
width:100px;
top:120px;
font: bold 13px arial;
left:10px;
height:20px;

}

#droite {
position:absolute;
margin-top:15px;
left:430px;

}

#gauche {
position:absolute;
margin-top:95px;
left:130px;

}


#bas {
position:absolute;
margin-top:430px;
left:510px;

}


#phone{
position:absolute;
margin-top:360px;
left:130px;
width:100px;
}
/*-----acceuil---*/

table {
position:absolute;
border-collapse: collapse;
margin-top:10px;
left:22px;

}

.print {
width:80px;
height:80px;


}


#text{
position:absolute;
width:285px;
height:361px;
text-align:justify;
left:130px;
padding:10px 0px;
margin-top:10px;
font : 11px Verdana, Helvetica, sans-serif;
color : #787877;
line-height:1.9em; 
background: url(jpg/top_text.jpg) no-repeat; 

}


#text_acceuil{
position:absolute;
width:285px;
height:361px;
text-align:justify;
left:130px;
padding:10px 0px;
margin-top:10px;
font : 11px Verdana, Helvetica, sans-serif;
color : #787877;
line-height:1.5em; 
background: url(jpg/top_text.jpg) no-repeat; 

}

#flash1 {
position:absolute;
margin-top:20px;
left:450px;

}

#news {
position:absolute;
margin-top:260px;
left:125px;

}

/*-----print---*/

/*-----ref---*/

#ref_print{
position:absolute;
width: 800px;
height:370px;
left:200px;
top:150px;

}

#contener-galerie_prive{
	position:absolute;
	width: 350px;
	height:350px;
	padding:18px 5px;
	left:135px;
	margin-top:5px;
	text-align:center;
	background-image:url(../jpg/fond_galerie.jpg);
	
	
}

/*lightbox*/


#titre_galerie  {
position:absolute;
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-decoration : none;
left:155px;
}

#lightbox{	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;

}

#lightbox img{ 
width: auto; 
height: auto;

}



#lightbox a img{ 
border: none;
position:absolute;
margin-top:425px;
left:560px;

}


#outerImageContainer{ 
position: absolute; 
background-color: #cccc; 
width: 250px; 
height: 250px; 
left: 550px; 
top : 100px;
border-color:#93393D; border-width:2px; border-style:solid;
}


#imageContainer{ 
padding: 10px;


}

#loading{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}


#hoverNav{ 
position: absolute; 
top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10;

}


#imageContainer>#hoverNav{ 
left: 0;

}

#hoverNav a{ 
outline: none;

}

#prevLink, #nextLink{ 
width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
display: block; 

}

#prevLink { 
left: 0; 
float: left;

}

#nextLink { 
right: 0; 
float: right;

}

#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/prevlabel.gif) left 15% no-repeat; 

}

#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/nextlabel.gif) right 15% no-repeat; 
}


#imageDataContainer{ 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #cccc; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%	; 

}


#imageData{	
padding:0 10px; 
color: #666; 

}

#imageData #imageDetails{ 
width: 70%; 
float: left; 
text-align: left; 

}	

#imageData #caption{ 
font-weight: bold;	
}

#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;
}	 	

#overlay{ 
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #; 

}

/*--------------fin lightbox-----------------------------------*/
/*--------------contact-----------------------------------*/


#contener_mail{
	position:absolute;
	top: 250px;
	left:130px;
	
}

 
#format_mail{
	position:absolute;
	text-align:left;
}

#format_mail label{
	float:left;
	display: inline;
	width: 80px;
	text-align:left;
	font-family:verdana;
	font-size:11px;
	color:#e2007a;
	font-weight:bold;
} 

#format_mail .din,SELECT,TEXTAREA{
	
	display: inline;
	margin-left:5px;
	margin-top:5px;
	color:#93393D;
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	background-color:#ccc;
	Border:solid #ccc 1px;
 } 

.message{
margin-top:10px;
}

.msg{
margin-top:10px;
left:5px;
}

.boutonSubmit{
	position:absolute;
	left:88px;
	margin-top:5px;
	color:#000000;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	background-color:#ccc;
	Border:solid #000000 1px;
 }


 #droite_contact{
position:absolute;
margin-top:15px;
left:430px;

}

/*-----------------------------*/