BODY{
  text-align:center;
  font-family:verdana;
  font-size:10pt;
  margin:0;
  
	scrollbar-track-color:black;
}
A{
  color:#FFFFFF;
  text-decoration:none;
}
A:hover{
  color:#353535;
}
H1{
	font-size:12pt;
	color:#9e0110;
}
.rea{
	float:left;
	text-align:center;
	margin-right:20px;
	height:160px;
	margin-top:10px;
	width:140px;
	vertical-align:middle;
}
.rea IMG {
	border:1px solid white;
}
.contreal{
	position:relative;
	left:50px;
	float:left;
	top:10px;
}
.mat{
	float:left;
	text-align:center;
	margin-right:20px;
	height:170px;
	margin-top:10px;
	width:140px;
	vertical-align:middle;
}
.mat IMG {
	border:1px solid white;
}

.contmatiere{
	position:relative;
	left:50px;
	float:left;
	top:10px;
}
.barrerea{
	float:left;
	width:790px;
	top:35px;
	height:80px;
	position:relative;
	text-align:left;
	left:80px;
}
.way{
	float:left;
	height:80px;
}
.btRetour{
	float:left;
	width:50px;
	top:35px;
	height:80px;
	position:relative;
}
.head{
	float:left;
	width:900px !important;
	height:107px !important;
	width:902px;
	height:107px;
	margin-bottom:5px;	
	background-image:url(images/head.jpg);
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
}
.menu{
	float:left;
	width:903px;
	height:107px;
}
.menutop{
	float:right;
	top:66px;
	position:relative;
}
A.btMentions{
	float:left;
	width:185px;
	height:40px;
	background-image:url(images/btMentions.jpg);
}
A.btPlanDuSite{
	float:left;
	width:135px;
	height:40px;
	background-image:url(images/btPlanDuSite.jpg);
}

A.btEspacePro{
	float:left;
	width:162px;
	height:40px;
	background-image:url(images/btEspacePro.jpg);
}

A.btAccueil{
	float:left;
	margin-top:5px;
	margin-top:5px;
	width:183px !important;
	width:185px;
	height:107px;
	background-image:url(images/btAccueil.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}
A.btEntreprise{
	float:left;
	margin-top:5px;
	width:180px !important;
	width:184px;
	height:107px;
	background-image:url(images/btEntreprise.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
A.btRea{
	float:left;
	margin-top:5px;
	width:178px;
	height:107px;
	background-image:url(images/btRea.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
A.btMatiere{
	float:left;
	margin-top:5px;
	width:179px;
	height:107px;
	background-image:url(images/btMatiere.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
A.btContact{
	float:left;
	margin-top:5px;
	width:176px;
	height:107px;
	background-image:url(images/btContact.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}

A.btAccueil:hover{
	background-image:url(images/btAccueil2.jpg);
}
A.btEntreprise:hover{
	background-image:url(images/btEntreprise2.jpg);
}
A.btRea:hover{
	background-image:url(images/btRea2.jpg);
}
A.btMatiere:hover{
	background-image:url(images/btMatiere2.jpg);
}
A.btContact:hover{
	background-image:url(images/btContact2.jpg);
}

DIV.btAccueil{
	float:left;
	margin-top:5px;
	margin-top:5px;
	width:183px !important;
	width:185px;
	height:107px;
	background-image:url(images/btAccueil2.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}
DIV.btEntreprise{
	float:left;
	margin-top:5px;
	width:180px !important;
	width:184px;
	height:107px;
	background-image:url(images/btEntreprise2.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
DIV.btRea{
	float:left;
	margin-top:5px;
	width:178px;
	height:107px;
	background-image:url(images/btRea2.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
DIV.btMatiere{
	float:left;
	margin-top:5px;
	width:179px;
	height:107px;
	background-image:url(images/btMatiere2.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
DIV.btContact{
	float:left;
	margin-top:5px;
	width:176px;
	height:107px;
	background-image:url(images/btContact2.jpg);
	border-bottom:1px solid white;
	border-right:1px solid white;
}
.cont{
	float:left;
	width:900px;
	height:468px;
	border:1px solid white;
	color:white;
	font-size:10pt;
}
.cont UL{
 margin-left:20px;
margin-right:0px;
list-style:square; 
}
.btLeft{
	margin-left:7px;
	float:left;
	background-image:url(images/gauche.png);
	height:468px;
	width:60px;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
.btRight{
	margin-right:7px;
	float:right;
	background-image:url(images/droite.png);
	height:468px;
	width:60px;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
.fen{
  float:left;
  position:relative;
  width:1030px;
  height:773px;
  top:20px;
  left:62px;

}
.glob{
  width:1030px;
  height:773px;
  background-image:url(images/lise.jpg);
  position:relative;
  top:-17px;
}
.foot{
  width:900px;
  height:30px;
  float:left;
  font-size:10pt;
}
.copy{
  margin-top:20px; 
  float:right;
  text-align:right;
  color:#666666;
}
.mentions{
  text-align:left;
  float:right;
  color:#666666;
  width:150px;
  margin-top:7px;
}
.foot A{
  color:#666666;
  text-decoration:none;
}
.foot A:hover{
  color:#888888;
}
.alerte{
	color:red;
	font-weight:bold;
}
/***************************/
/********** Pages **********/
/***************************/

.pages{
	font-size:10pt;
	float:left;
	height:80px;
	margin-left:50px;
}
A.btpage{
	float:left;
	font-size:9pt;
	height:14px;
	width:14px;
	border:1px solid #A5A5A5;
	text-align:center;
	color:white;
	background-color:#423837;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin-left:2px;
}
A.btpage:hover{
	color:white;
	background-color:#616161;
}
A.btpageSelect{
	font-size:9pt;
	height:14px;
	width:14px;
	float:left;
	border:1px solid #A5A5A5;
	text-align:center;
	color:white;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin-left:2px;
}
.pagesText{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/********/
/* Popup IMG */
/********/
.popupImage{
	display:none;
	position:absolute;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
}
.popupImageOpen{
	position:absolute;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	border:1px solid #828282;
	text-align:justify;
	z-index:2;
}
/********/
/* Réalisations
/********/
.realisation{
	float:left;
	text-align:left;
}
.photoRealisation{
	float:left;
	width:300px;
	height:100%;
	text-align:center;
}
.desRealisation{
	float:left;
	height:100%;
	width:500px;
	height:350px;
	overflow-y:scroll;
	margin-left:5px;
}
.globPhotoRealisationGrande{
	height:250px;
}
.photoRealisationGrande{

}
.photoRealisationGrande IMG{
	border:1px solid white;
}
/********/
/* Matieres
/********/
.matiere{
	float:left;
	text-align:left;
}
.desMatiere{
	float:left;
	height:350px;
	width:500px;
	overflow-y:scroll;
	margin-left:5px;
}
.photoMatiere{
	float:left;
	width:300px;
	text-align:center;
}
.photoMatiereGrande{
	float:left;
}
.photoMatiereGrande IMG{
	border:1px solid white;
}