html, body {height:100%;font-family:tahoma;font-size:14px;color:#6c655b;line-height: 20px;}
a
{
text-decoration:none;
color:gray;
}
img
{
border:0px;
}

#toMenu
{
	position:absolute;
	top:-495px;
	left:200px;
	height:560px;
	width:564px;
	background:url(../images/bgContenu01.png) bottom center; 
}


#toMenu .butonOpen
{
	width:200px;
	height:40px;
	position:absolute;
	bottom:30px;
	left:40px;
	cursor:pointer;
}
#toMenu .butonClose
{
	width:25px;
	height:25px;
	position:absolute;
	bottom:75px;
	right:25px;
	cursor:pointer;
	
}
/*Nouvelle modif*/
#toMenu .contenu
{
	position:absolute;
	top:20px;
	left:30px;
	padding:10px;
	width:490px;
}
#toMenuContacter .contenu
{
	position:absolute;
	top:120px;
	left:30px;
	padding:10px;
	width:490px;
}
/*Nouvelle modif*/
#toMenuServices .contenu 
{
	position:absolute;
	top:70px;
	left:25px;
	margin:20px;
	width:495px;


}
#toMenuRealisation .contenu 
{
	position:absolute;
	top:70px;
	right:25px;
	margin:20px;
	width:495px;


}
#toMenuContacter
{
	position:absolute;
	bottom:-495px;
	right:200px;
	height:560px;
	width:564px;
	background:url(../images/bgContenu02.png) top center; 
	overflow:hidden;
}

#toMenuContacter .butonOpen
{
	width:200px;
	height:30px;
	position:absolute;
	top:30px;
	right:40px;
	cursor:pointer;
}

#toMenuContacter .butonClose
{
	width:25px;
	height:25px;
	position:absolute;
	top:80px;
	left:20px;
	cursor:pointer;
}

#toMenuServices
{
	position:absolute;
	
	left:-565px;
	height:600px;
	width:660px;
	background:url(../images/bgContenu03.png) center right; 
	overflow:hidden;
}

#toMenuServices .butonOpen
{
	width:30px;
	height:200px;
	position:absolute;
	bottom:50px;
	right:60px;
	cursor:pointer;
}

#toMenuServices .butonClose
{
	width:25px;
	height:25px;
	position:absolute;
	top:40px;
	right:105px;
	cursor:pointer;
}

#toMenuRealisation
{
	position:absolute;
	right:-565px;
	height:600px;
	width:640px;
	background:url(../images/bgContenu04.png) center left; 
	overflow:hidden;
}

#toMenuRealisation .butonOpen
{
	width:30px;
	height:200px;
	position:absolute;
	top:50px;
	left:40px;
	cursor:pointer;
}

#toMenuRealisation .butonClose
{
	width:25px;
	height:25px;
	position:absolute;
	bottom:40px;
	left:85px;
	cursor:pointer;
}
/*###########################################################By Oussama############################################################################"*/

.titre_panel
{
padding:3Px;
border-bottom:1px solid #9c9c9c;
font-size:18px;
text-transform:uppercase;
margin-bottom:15px;
color:#aec70f;
}
.contenu b
{
font-family:trebuchet ms;
color :#aec70f;
}
.product
 {
 width:230px;
/*background:#cce250;*/
border:1px solid #bbb;
 float:left;
 margin-left:5px;
 margin-bottom:5px;
 height:180px;
 padding:5px;
 }
 .projet
  {
 width:155px;
 border:1px solid gray;
 padding:1px;

 float:left;
 margin-right:6px;
 margin-bottom:10px;
 height:155px;
 }
 /*###################################################################Contact Form###################################################*/
 .form_contact td 
 {
 padding-bottom:20px;
 font-family:trebuchet ms;
 font-size:16px;
 }
 .form_contact td input
 {
 width:200px;
 border:1px solid #474f12;
 height:25px;
 
}
.form_contact td textarea
 {
 width:400px;
 border:1px solid #474f12;
 height:120px;
 
}

.textSpan3{color:#91a227;font-weight:bold;font-size:12pt;}
.contactForm{background:#444;margin:5px;border:1px solid #444;color:#91a227;}
.contactFormActiv{background:#444;margin:5px;border:1px solid #444;color:#eee;}
.okButton { margin:5px;background:#333; color:#999; border:1px solid #555;}
.okButton:hover { margin:5px;background:#91a227; color:#333; border:1px solid #555;}
.erreurDiv{ background-color:#cd918d;border:1px solid #b15751;display:none; padding-left:10px;}
.succesDiv{ background-color:#bfcf92;border:1px solid #a5bd6b;display:none; padding-left:10px;}
.textSpan1{ font-weight:bold;font-family:Arial,tahoma,sans serif;font-size:9pt;color:#999;font-size:12pt;}
.textSpan2{ font-weight:bold;font-family:Arial,tahoma,sans serif;font-size:9pt;color:#999;font-size:12pt; }