body {
	margin: auto;
	font-size:15px;
	color: #474747;z-index: 1;
	background: url(../images/bg.jpg) repeat-x;
}
td {
	vertical-align: top;
}
img.lienimg {
	float: left;
	margin-right:15px;
	margin-bottom: 10px;
	border: 1px solid white;
}	
/*  page accueil */
#text {
	position:relative;
	float:left;
	width:600px;
	left:80px;
	top: 15px;
	line-height:20px;
}
#cotephoto {
	position:relative;
	float:left;
	width:200px;
	left:155px;
	top:60px;
	font-weight:bold;
	font-size:23px;
}
#textbas {
	clear: both;
	position:relative;
	float:left;
	width:850px;
	left:80px;
	margin-top: 30px;
	line-height:20px;
}
#serv {
	position:relative;
	float:left;
	line-height: 26px;
	width:293px;
	left:77px;
	top: 13px;
	}
#serv .tit, #serv2 .tit, #serv3 .tit , #text .tit{
	font-size:17px;
	font-weight: bold;
	color: #730077;
}
#serv2 {
	position:relative;
	float:left;
	line-height: 25px;
	width:285px;
	left:108px;
	top:15px;
	}
#randfotos {
   position:relative;
	float:left;
	top:-12px;
	left:7px;
	line-height: 16px;
	height:99px;
	
}
#randfotos2 {
   position:relative;
	float:left;
	text-align:left;
	line-height: 16px;
	width:285px;
	top:3px;
	left:7px;
}		
.lienCote1 {
	position: absolute;
	float:left;
	left:220px;
	top:76px;
}
.lienCote2 {
	position: absolute;
	float:left;
	left:220px;
	top:75px;
}
.lienCote1 a, .lienCote2 a, #liencadress a {
	color: #730077;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
}
#serv3{
	position:relative;
	float:left;
	line-height: 18px;
	width:285px;
	left:148px;
	top: 18px;
	}
/*realisations*/
#randfoto {
	position: relative;
	float: left;
	width:260px;
	left: 70px;
	top: 30px;
	text-align:center; 
	}

#randfoto div, #randfoto2 div, #randfoto3 div, #randfotoa div, #randfotob div, #randfotoc div, #randfotoe div, #randfotof div, #randfotog div {
	text-align: center;
}
#randfoto2 {
	position: relative;
	float: left;
	width:300px;
	left: 89px;
	top: 30px; 
	}
img.lienimg {
	float: left;
	margin-right:15px;
	margin-top: 6px;
	margin-bottom: 10px;
	border: 1px solid white;
}	

#randfoto3 {
	position: relative;
	float: left;
	width:260px;
	left: 106px;
	top: 30px;  
	}

#randfotoe {
	position: relative;
	float: left;
	width:260px;
	left: 72px;
	top: 10px;  
	}
#randfotof {
	position: relative;
	float: left;
	width:300px;
	left: 89px;
	top: 10px;
	}			
#randfotog {
	position: relative;
	float: left;
	width:260px;
	left: 106px;
	top: 10px;
	}	
#randfoto div span, #randfoto2 div span, #randfoto3 div span {
	line-height: 1em;
}

div.gall {
	float: left;
	margin: 2px 25px 8px 35px;
}
div.gallb {
	float: left;
	margin: 2px 25px 8px 60px;
}
div.gall2 {
	float: left;
	margin: 2px 25px 8px 35px;
}
#randfoto div.gall a.lienimg, #randfoto div.gall a:link.lienimg, #randfoto div.gall a:visited.lienimg,
#randfoto2 div.gall a.lienimg, #randfoto2 div.gall a:link.lienimg, #randfoto2 div.gall a:visited.lienimg,
#randfoto3 div.gall a.lienimg, #randfoto3 div.gall a:link.lienimg, #randfoto3 div.gall a:visited.lienimg,
div.gallb a.lienimg, div.gallb a:link.lienimg,  div.gallb a:visited.lienimg  {
position: relative;
	display: block;
	float: left;
width: 181px;
height: 96px;
border: 1px solid #730077;
text-decoration:none;
} 
#randfoto div.gall a:hover.lienimg,
#randfoto2 div.gall a:hover.lienimg,
#randfoto3 div.gall a:hover.lienimg,
div.gallb a:hover.lienimg  {
border: 1px solid gray;
background-image: none;
}
#randfotoe div.gall2 a.lienimg, #randfotoe div.gall2 a:link.lienimg, #randfotoe div.gall2 a:visited.lienimg,
#randfotof div.gall2 a.lienimg, #randfotof div.gall2 a:link.lienimg, #randfotof div.gall2 a:visited.lienimg,
#randfotog div.gall2 a.lienimg, #randfotog div.gall2 a:link.lienimg, #randfotog div.gall2 a:visited.lienimg {
position: relative;
	display: block;
	float: left;
width: 181px;
height: 96px;
border: 1px solid #730077;
text-decoration:none;
} 

#randfotoe div.gall2 a:hover.lienimg,
#randfotof div.gall2 a:hover.lienimg,
#randfotog div.gall2 a:hover.lienimg  {
border: 1px solid gray;
background-image: none;
}	
	
	
/*toutes pages haut */		

#menu {
	position:relative;
	float: left;
	width:500px;
	left: 435px;
	top: 57px;
}
#menu a.ac {
	display:block;
	position:relative;
	float: left;
	width:85px;
	text-align:center;
}
#menu a.rea {
   display:block;
	position:relative;
	float: left;
	width: 137px;
	text-align:center;
}
#menu a.co {
   display:block;
	position:relative;
	float: left;
	width:85px;
	text-align:center;
}
#menu a.ac, #menu a.rea, #menu a.co {
	color: #f1f1f1;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
}
#tel {
	position:relative;
	float: left;
	width:130px;
	left: 310px;
	top: 57px;
	font-weight: bold;
	text-decoration: none;
	font-size: 21px;
}

/*toutes pages bas*/	
#logos {
	position:relative;
	float:left;
	left:56px;
	
}
/* tooltip*/
a.tooltip2, a.tooltip2G {margin-right:5px;border:none;z-index:500;}
a.tooltip2 b, a.tooltip2G b {display:none;z-index:500;}
a.tooltip2:hover, a.tooltip2G:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:-160px; left:0px; padding:5px; font-weight:normal; font-size:0.85em;line-height: 1.2em;color:#000; border: 1px solid #730077; background: #f1f1f1; width:450px;z-index:500;}
a.tooltip2G:hover b {display:block; position:absolute; top:-190px; left:-150px; padding:5px; font-weight:normal; font-size:0.85em;line-height: 1.2em;color:#000; border: 1px solid #730077; background: #f1f1f1; width:450px;z-index:500;}
a.tooltip2 img, a.tooltip2G img {
	border:none;
}

a.tooltip2bas, a.tooltip2basG {margin-right:5px;border:none;z-index:500;}
a.tooltip2bas  b, a.tooltip2basG  b {display:none;z-index:500;}
a.tooltip2bas:hover, a.tooltip2basG:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2bas:hover b {display:block; position:absolute; top:-100px; left:0px; padding:5px; font-weight:normal; font-size:0.85em;line-height: 1.2em;color:#000; border: 1px solid #730077; background: #f1f1f1; width:350px;z-index:500;}
a.tooltip2basG:hover b {display:block; position:absolute; top:-140px; left:-150px; padding:5px; font-weight:normal; font-size:0.85em;line-height: 1.2em;color:#000; border: 1px solid #730077; background: #f1f1f1; width:350px;z-index:500;}
a.tooltip2bas  img, a.tooltip2basG  img {
	border:none;
}
/* tooltip*/
a.tooltip3 {margin-right:5px;border: none;z-index:500;color: #730077;}
a.tooltip3 b {display:none;z-index:500;}
a.tooltip3:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip3:hover b {display:block; position:absolute; top:-110px; left:-20px; padding:15px; font-weight:normal; font-size:0.85em;line-height: 1.5em;color:#000; border: 1px solid #730077; background: #f1f1f1; width:550px;z-index:500;}
a.tooltip3 img {
	border:none;
}

.butt {
	color:navy;
	background-color: white;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	border-width:1px;
	width:152px;
	text-align:center;
	border-color: #730077;
}
#error {
	position: absolute;
	top:-120px;
	left:200px;
	width:250px;
	font-size: 12px;
	font-weight:bold; 
	background-color: white;
	color:#FF0000;
}
#copy {
	position: relative;
	float: left;
	width: 950px;
	left: 20px;
	top:15px;
	text-align:center;
	color: silver;
	font-size: 0.8em;
}	
#copy a {
	color: silver;
	text-decoration: none;
}
#copy a:hover {
	color: #730077;
	text-decoration: none;
}