@charset "utf-8";

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	
	font-size:76%; 
	font-family: Arial, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background-image: url(../images/bkg-body.gif);
	background-position:top left;
	background-repeat: repeat-x;
	}
	
	
#global { width:100%; height:100%; background-image:url(../images/bkg-centre.gif); background-position:center 289px; background-repeat:repeat-y; display:block; margin-left:auto; margin-right:auto;}	
#global2 {
	width:100%;
	height:295px;
	background-image:url(../images/bkg-head.gif); background-position:top center; background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top: 0px;
}	
#global3 {
	width:100%;
	height:40px;
	background-image:url(../images/bkg-foot.gif); background-position:top center; background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom: 0px;
}		
img { border:0px}
#bloker { clear:both; width:400px; height:20px;}


#colonne { width:200px; float:left}
	
#box01, #box02, #box03 { width:170px; height:auto; float:left; border:1px solid #CCCCCC; padding:10px 10px 5px 10px; margin-bottom:10px;}
#box01 p, #box02 p, #box03 p { padding:0px; margin:0px 0 3px 0; font-size:11px;}
#box01 a, #box02 a, #box03 a { font-style:normal;}
#box01 { background-color:#f2f6fa}	
#box02 { background-color:#f0f6d9}	
#box03 { background-color:#fdeed9}	
#box05 { padding:0}	
.log { text-transform:uppercase; width:90px; color:#96b5d4; font-weight:bold; float:left; padding-top:6px}
.log2 { float:left; width:70px}
#box02 a { text-transform:uppercase; color:#97c000; font-size:10px}

#box02 ul {list-style-position: inside; list-style-type: disc #666666; margin:0px; padding:0px}
#box02 li { margin:0px; padding:0px }


/*--content--*/
#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:335px; 
	bottom:32px; 
	width:830px; 
	margin-left:-410px; 
	left:50%; 
	
	
	scrollbar-face-color: #CBDBEB;
    scrollbar-arrow-color: #115DA7;
    scrollbar-track-color: #CBDBEB;
    scrollbar-shadow-color: #115DA7;
    scrollbar-highlight-color: #CBDBEB;
    scrollbar-3dlight-color: #115DA7;
    scrollbar-darkshadow-color: #CBDBEB;
	}

* html #content {	

top:0; 
	bottom:0; 
	height:100%;
	width:830px;
	border-top:340px solid #fff; 
	border-bottom:30px solid #fff;
	
	}
	
#centrecontent{ width:610px; float:right;}


#realisation { width:240px; height:auto; float:right; border:1px solid #CCCCCC; padding:10px 10px 0px 10px; margin:10px; background-color:#fafafa; background-image:url(../images/bkg-rea.gif); background-position:left top; background-repeat:repeat-x;  }
#realisation h1 { padding:0px; }
#realisation ul {list-style-position: inside; list-style-type: disc #666666; margin:0px; padding:0px}
#realisation li { margin:0px; padding:0px; font-size:10px }
#realisation p { font-size:11px}
#realisation a { font-style:normal}
.underlinegrey { border-bottom:1px solid #CCCCCC; display:block; width: 100%; padding:0px; margin:0 10px 0 0; }
.home { border-bottom:1px solid #CCCCCC; width:590px; margin-left:10px}
.home h1 { margin:0px; padding:20px 0 0 0px}
#welcome { width:300px;}
#welcome p { color: #666666; margin:0px; padding:0px 10px 0px 10px;}
.actu { width:590px; margin:10px 0 0 10px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC}
.actutitle { width:400px; height:25px; float:left; font-size:11px; font-weight:bold; padding-top:5px}
.actudate { width: 160px; float:right; font-size:10px; text-align:right ; font-weight:bold }
.actu p { padding:0px; font-size:10px; color:#666666; margin:3px 0 3px 0; clear:both}
.blue { color:#96b5d4 }



/*--head--*/

#head {
	position:absolute; 
	margin-left:-410px; 
	left:50%; 
	top:0; 
	width:830px; 
	min-width:830px; 
	height:150px; 
	 
	font-size:1em; 
	z-index:5; 
	
	}

* html #head {
	top:2px; width:830px; height:148px; 
	}
	
#tophead { width:830px; height:30px;}
#topheadurl { float: left; text-transform:uppercase; font-size:10px; padding-top:10px}
#topheadflash { float:right; padding-top:4px;}
#flashcontent { width:830px; height:263px;}

/*-- menu --*/

.menu ul { width:830px; height:21px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin:10px 0px 0px 0px; padding:0px }
.menu li { margin:0px; padding:0px; display:inline; float:left}
.acceuil { width: 85px; height: 21px; float:left; }
.acceuil a{display: block;width: 85px; height: 21px; background-image: url(../images/acceuil.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.acceuil a:hover{ background-position: right top;}
.historique { width: 94px; height: 21px; float:left; }
.historique a{display: block;width: 94px; height: 21px; background-image: url(../images/historique.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.historique a:hover{ background-position: right top;}
.chiffres { width: 136px; height: 21px; float:left; }
.chiffres a{display: block;width: 136px; height: 21px; background-image: url(../images/chiffres.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.chiffres a:hover{ background-position: right top;}
.qualite { width: 200px; height: 21px; float:left; }
.qualite a{display: block;width: 200px; height: 21px; background-image: url(../images/qualite.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.qualite a:hover{ background-position: right top;}
.securite { width: 213px; height: 21px; float:left; }
.securite a{display: block;width: 213px; height: 21px; background-image: url(../images/securite.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.securite a:hover{ background-position: right top;}
.contact { width: 80px; height: 21px; float:right; }
.contact a{display: block;width: 80px; height: 21px; background-image: url(../images/contact.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.contact a:hover{ background-position: right top;}
.activite { width: 105px; height: 21px; float:right; }
.activite a{display: block;width: 105px; height: 21px; background-image: url(../images/activite.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.activite a:hover{ background-position: right top;}
.realisations { width: 134px; height: 21px; float:right; }
.realisations a{display: block;width: 134px; height: 21px; background-image: url(../images/realisation.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.realisations a:hover{ background-position: right top;}
.contact2 { width: 80px; height: 21px; float:right; }
.contact2 a{margin-left: 400px;display: block;width: 80px; height: 21px; background-image: url(../images/contact.gif); background-repeat: no-repeat; background-position: top left;font-size: 5px; }
.contact2 a:hover{ background-position: right top;}



#foot {
	text-align:center;
	position:absolute; 
	margin-left:-410px; 
	left:50%; 
	bottom:0; 
	width:830px; 
	min-width:830px; 
	height:30px; 
	
	font-size:10px; 
	z-index:5; 
	
	
	}
#footleft { float:left; padding-top:13px;}
#footright { float:right; padding-top:13px;}

* html #foot {
	bottom:2px; width:830px; height:30px;
	}

/*-- txt --*/

p {padding:5px 10px 5px 10px; text-align:justify; font-size:12px;}
h1 { padding:5px 10px 5px 10px; font-size:13px; font-weight:bold; color:#115da7}
a { font-weight:bold; color:#115da7; text-decoration:none;}
a:hover { text-decoration:underline;}
.bold {font-weight:bold;}
.floatleft { float:left}
.floatleft4 { float:left; padding-top:3px}
.floatright { float:right}
.floatleft1 { width:190px;float:left}
.floatleft2 { width:160px;float:left}
.floatright1 { width:190px; float:right; }
.floatright2 { width:220px; float:right; text-align:right }
.floatright1 p {text-align:right }
.left {float:left; margin:10px; border:1px solid #000;}
.blackborder {float:left; border:1px solid #000; margin-bottom:5px}
.right {float:right; margin:10px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}
* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}
.italic { font-style:italic; text-align:right}


/*-- realisations --*/

.projet { width:590px; margin:10px 0 0 10px; border-bottom:1px solid #CCCCCC; padding-bottom:10px; clear:both; float:left }
.projet h1 { margin:0 0 10px 0; padding:20px 0 0 0; text-transform:uppercase; }
.projet p { color: #666666; margin:0px; padding:2px 0px 2px 0px;}
.projet a , .projet a:hover { color:#FF9900; font-size:10px; float:right}
.infoprojet { padding-top:10px;}
.infoprojet p { font-size:10px; padding:0}
.imgprojet { width:150px; margin:0 40px 0 10px; float:right; padding-top:20px}
.imgprojet p { color: #666666; margin:0px; padding:2px 0px 2px 0px; font-size:10px; text-align:right}
.imgprojet img { border: 1px solid #999999}
.projetcontent { float:left; width:300px}



.pagination td {
  border-top:1px solid #434343;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

.pagination a:link, .pagination a:hover, .pagination a:active, .pagination a:visited{
	text-decoration: underline;
}

/*-- chiffres --*/

.tableau { width:165px; background-color:#d3e1eb; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;  margin:30px 10px 0 10px; float:left; }
.headtableau { text-align:center; font-size:12px; color:#115da7; font-weight:bold; height:20px; width:165px; margin-bottom:10px; padding-top:10px; float:left}
.cellule { width: 165px; float:left; border-bottom:1px solid #CCCCCC; background-color:#f2f6fa; padding:5px 0 5px 0}
.annee { width:60px; float:left; text-align:center; font-size:10px; color:#666666}
.chiffre { width:90px; float:left; text-align:right; font-size:10px; color:#666666}
.tableau2 {width:550px; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;  margin:30px 10px 0 10px; float:left}
.cellule2 { font-size:10px; color:#666666; width: 400px; float:left; border-bottom:1px solid #CCCCCC; background-color:#f2f6fa; padding:10px 0 10px 10px}
/*-- contact --*/

.contactbox4 { width:380px;  float:left; padding-top:40px; margin-right:20px; }
.adresse { padding-bottom:45px; float:left}
.adresse a { color:#96b5d4; float:right}
.contactbox4 h1, .contactbox5 h1 { margin:0; padding:0; }
.contactbox4 p, .contactbox5 p { margin:0; padding:0; }
.adresse01 { float:left; padding-bottom:10px; }
.contactbox5 { width:380px;  float:right; padding-top:40px; margin-right:5px }
#formulaire { padding-top:20px; margin:0; padding:0 }
.ad01 { width:380px; background-color:#009999; float:left; margin-bottom:3px }
.ad02 { width:300px; height:25px; background-color:#000; float:left; text-align:right}
.valider { float:left; width:80px; padding-top:80px}
input.floatright { width:120px; height:15px; background-color:#009966; color:#00FF66}


LABEL { display: inline-block ; FLOAT: left ; width: 50px; ; font-weight: bold ; margin-left: 0 ; padding-top:3px }
.INPUT { background-color: #fff ; font-family: Arial, Helvetica, sans-serif  ; float:right; width:300px }
.OPTION { background-color: #fff ; }
.SELECT { background-color: #fff ; }
.TEXTAREA { background-color: #fff ; float:right; width:300px; height:150px}
.BUTTON { font-family: arial, helvetica, sans-serif ; border:solid 1px #999999 ; font-size: 10px ; color: black ; top: 250px ; background-color:#96b5d4; color:#FFFFFF  ; float:left; text-transform:uppercase; font-weight:bold; height:20px; margin-top:117px }

.pagination {
  text-align:center;
}