@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


#page {
margin:0 auto;
width:962px;
}

#header {
background-image:url(images/header.jpg);
width:962px;
height:140px;
}

#menu {
width:962px;
height:64px;
}

#videhaut {
height:30px;
}

#videgauche {
width:33px;
float:left;
}

hr {
visibility:hidden;
clear:left;
}


/* Fond selon page */

#bgaccueil {
background-image:url(images/contentaccueil.jpg);
width:962px;
height:576px;
}

#bganodisation {
background-image:url(images/contentanodisation.jpg);
width:962px;
height:576px;
}

#bgsurtec {
background-image:url(images/contentsurtec.jpg);
width:962px;
height:576px;
}

#bgreferences {
background-image:url(images/contentreferences.jpg);
width:962px;
height:576px;
}

#bgenvironnement {
background-image:url(images/contentenvironnement.jpg);
width:962px;
height:576px;
}

#bgcontact {
background-image:url(images/contentcontact.jpg);
width:962px;
height:576px;
}

#bgplan {
background-image:url(images/contentplan.jpg);
width:962px;
height:576px;
}

#bgmentions {
background-image:url(images/contentmentions.jpg);
width:962px;
height:576px;
}

#content {
width:962px;
height:525px;
}


/* */ 

#texte {
	width:559px;
	height:439px;
	margin-left:60px;
	padding-right:10px;
	padding-top:20px;
	float:left;
	overflow:auto;
	text-align: center;
}

#textejustify {
	width:559px;
	height:439px;
	margin-left:60px;
	padding-right:10px;
	padding-top:20px;
	float:left;
	overflow:auto;
}

#footer {
width:962px;
height:51px;
}


/* Image */

img {
float:left;
margin-right:10px;
}


/* Texte */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000000;
line-height:20px;
}

h1{
visibility:hidden;
}

h2{
font-size:20px;
color:#a10256;
margin-top:20px;
margin-bottom:20px;
}

h3{
font-size:16px;
color:#a10256;
margin-top:20px;
margin-bottom:20px;
}

#footertext {
font-size:9px;
text-align:center;
line-height:12px;
}

a{
text-decoration:underline;
color:#555555;
font-weight:bold;
}

a:hover{
text-decoration:underline;
color:#999999;
font-weight:bold;
}

/* Classes couleur */
.justifie {
text-align:justify;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.center {
text-align:center;
}

.jaune {
color:#999900;
}

.violet {
color:#660066;
}

.vert {
color:#009900;
}

.orange {
color:#FF6633;
}

.rouge {
color:#CC0000;
}

.bleu {
color:#336699;
}

.gris {
color:#333333;
}

textarea {
width:202px;
}

#vertical {
vertical-align:top;
}

#constat1{
position:float;
margin-left:150px;
margin-top: -130px;
}

.photocenter {
	text-align:center;
	margin-left:180px;
	margin-right:175px;
}

.photoalign {
	text-align:left;
	margin-left:55px;
	margin-right:20px;
	
}

.photoenvt {
	text-align:left;
	margin-left:20px;
	margin-right:15px;
	
}

.photoaccueil {
	text-align:left;
	margin-left:70px;
	margin-right:50px;
	
}