img,ul,form,li,td,div,p,br,a,h1,h2,body{
margin:0;
padding:0;
list-style:none;
border:0;
}

/*calages pour la page index.php*/

#pereindex{
margin:auto;
width:900px;
height:600px;
}

#grd-pere{
position: absolute; /* on positionne le conteneur */
height:600px;
top:50%;
margin-top:-300px;
width:900px;
left:50%;
margin-left:-450px;
}

#animation{
position: absolute; /* on positionne le conteneur */
height:600px;
top:50%;
margin-top:-300px;
width:900px;
left:50%;
margin-left:-450px;
}

#centreindex{
float:left;
width:428px;
margin-top:-6px;
margin-left:222px;
}

#texteindex{
width:420px;
float:left;

}

.textedroite{
margin-left:110px;
}

#professionnelsindex{
width:135px;
/*margin-left:85px;*/
margin-left:84px;
margin-top:7px;
padding-left:15px;
float:left;
}

#particuliersindex{
width:130px;
margin-left:34px;
margin-top:5px;
float:left;
}

#textedroiteindex p{
text-align :right;
margin-right:50px;
}


#menuhautindex{
width:300px;
height:98px;
margin-top:58px;
margin-left:585px;
float:left;
margin-bottom:-1px;
}

#ecoconceptionindex{
width:220px;
}

#pourquoiindex{
width:220px;
margin-left:56px;
margin-top:-1px;
}

#menucentreindex{
float:left;
width:85px;
padding-left:55px;
margin-left:1px;
margin-top:2px;
margin-bottom:1px;
}

#accueilindex{
padding-top:27px;
width:200px;
height:20px;
padding-left:2px;
}

#quiindex{
width:188px;
height:20px;
padding-left:18px;
padding-top:3px;
}

#quoiindex{
width:188px;
height:20px;
padding-left:21px;
padding-top:2px;
}

#commentindex{
width:193px;
height:20px;
padding-left:19px;
padding-top:4px;
}

#plaquetteindex{
width:200px;
padding-left:4px;
padding-top:10px;
}

#blogindex{
width:200px;
margin-left:-12px;
padding-top:4px;
margin-bottom:2px;
}

#menubasindex{
float:left;
width:120px;
margin-left:749px;
padding-top:16px;
height:120px;
margin-bottom:1px;
}

#contactindex{
width:220px;
height:12px;
margin-left:-66px;
margin-top:-15px;
clear:both;
}

#referencesindex{
width:220px;
height:10px;
margin-left:-107px;
padding-top:10px;
margin-top:8px;
}

#liensindex{
width:220px;
height:10px;
margin-left:-121px;
padding-left:3px;
padding-top:11px;
margin-top:10px;
}

#infoslegalesindex{
width:220px;
height:10px;
/*margin-left:-107px;
padding-top:7px;*/
margin-left:-163px;
padding-top:4px;
margin-top:12px;
}


/*calages valables pour toutes les pages*/


.actif{
color:#e85b1d;
font-weight:normal;
}

a{
display:inline;
color:#615959;
font-family:trebuchet ms;
font-size:12px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:30px;
}

a:link,a:visited,a:active  {
color:#615959;
}

a:hover{
color:#e85b1d;
}

.resetfloat{
clear:both;
}

.motclef{
font-size:11px;
color:#e85b1d;
font-weight:nomal;
}

.motclef1{
font-size:11px;
color:#7c7677;
font-weight:nomal;
}

.motclef2{
font-size:11px;
color:#ffb800;
font-weight:nomal;
}

.motclef3{
font-size:11px;
color:#808916;
font-weight:nomal;
}

.motclef4{
font-size:11px;
color:#52adaf;
font-weight:nomal;
}

.motclef5{
font-size:11px;
color:#615959;
font-weight:nomal;
}


h1{
color:#e85b1d;
font-size:12px;
font-family:trebuchet ms;
font-weight:normal;
/* text-transform:uppercase;
 */
}

h2{
color:#615959;
font-size:11px;
font-family:trebuchet ms;
font-weight:normal;
}

p{
color:#615959;
font-family:trebuchet ms;
font-size:11px;
text-align:left;
text-decoration:none;
font-weight:normal;
line-height:16px;

}


/*calages pour les autres pages*/

#pere{
position: absolute; /* on positionne le conteneur */
/* margin-left: auto;
margin-right: auto; */
height:600px;
top:50%;
margin-top:-300px;
width:900px;
left:50%;
margin-left:-450px;
background: URL(images/fond_entier.jpg) no-repeat ;
}



#petitpere{
position: absolute; /* on positionne le conteneur */
/* margin-left: auto;
margin-right: auto; */
height:600px;
top:50%;
margin-top:-300px;
width:900px;
left:50%;
margin-left:-450px;
}

#centre{
float:left;
width:428px;
margin-top:2px;
margin-left:222px;
/*margin-left:180px;*/
}



#texte{
width:420px;
float:left;

}

/*diaporama references*/
#diaporeferences1{
width:310px;
margin-top:15px;
margin-left:20px;

}


#textePourquoi{
color:#5f5859;
font-size:12px;
font-family:trebuchet ms;
width:415px;
margin-top:-15px;
float:left;
font-weight:normal;
}

#professionnels{
width:140px;
/*margin-left:85px;*/
margin-left:45px;
padding-left:12px;
float:left;
margin-top:0px;
height:10px;
}

#particuliers{
width:130px;
margin-left:25px;
/*margin-left:32px;*/
/*margin-top:-3px;*/
float:left;
}

#textedroite{
text-align :right;
margin-right:50px;
}

#retouraccueil a {
width:380px;
height:80px;
margin-left:100px;
float:left;
color:#ffffff;
font-size:0px;
}

#menuhaut{
width:300px;
height:98px;
margin-top:50px;
margin-left:80px;
/*margin-left:520px;*/
float:left;
margin-bottom:-1px;
}

#ecoconception{
width:220px;
/*margin-left:-3px;*/
/**/
margin-left:-3px;
margin-top:-4px;
}

#pourquoi{
width:220px;
margin-left:53px;
margin-top:-8px;
}

#menucentre{
float:left;
width:65px;
padding-left:26px;
margin-left:1px;
/*margin-top:2px;*/
margin-top:-2px;
margin-bottom:1px;
}

#accueil{
padding-top:30px;
width:200px;
height:20px;
/*padding-left:4px;*/
padding-left:3px;
}

#qui{
width:188px;
height:20px;
/*padding-left:23px;*/
padding-left:24px;
margin-left:-5px;
}

#quoi{
width:188px;
height:20px;
/*padding-left:23px;*/
padding-left:22px;
/**/
padding-top:2px;
}

#comment{
width:193px;
height:20px;
padding-left:20px;
padding-top:4px;
}

#plaquette{
width:200px;
padding-left:10px;
/*padding-top:8px;*/
padding-top:11px;
}

#blog{
width:200px;
/*margin-left:-13px;
margin-top:-10px;*/
margin-left:-9px;
margin-top:-8px;
margin-bottom:2px;
}

#menubas{
float:left;
width:120px;
/*margin-left:660px;*/
margin-left:714px;
/*padding-top:15px;*/
padding-top:12px;
height:120px;
margin-bottom:1px;
}

#contact{
width:220px;
height:12px;
margin-left:-58px;
margin-top:-18px;
clear:both;
}

#references{
width:220px;
height:10px;
/*margin-left:-109px;*/
margin-left:-99px;
/*padding-top:7px;*/
padding-top:12px;
margin-top:6px;
}


#liens{
width:220px;
height:10px;
/*margin-left:-107px;
padding-top:7px;*/
margin-left:-110px;
padding-top:4px;
margin-top:20px;
}

#infoslegales{
width:220px;
height:10px;
/*margin-left:-107px;
padding-top:7px;*/
margin-left:-155px;
padding-top:3px;
margin-top:10px;
}



/* qoui ? */

#menuQuoi{
color:#5f5859;
font-size:12px;
font-family:trebuchet ms;
width:430px;
line-height:10px;
margin-left:0px;
margin-top:0px;
float:left;
font-weight:normal;
}

#menuQuoi a{
display:inline;
color:#615959;
font-family:trebuchet ms;
font-size:12px;
text-align:justify;
text-decoration:none;
line-height:20px;
font-weight:normal;
}

#menuQuoi a:link,#menuQuoi a:visited,#menuQuoi a:active  {
color:#615959;
font-weight:normal;
}

#menuQuoi a:hover{
color:#e85b1d;
font-weight:normal;
}

#institutionnelle {
color:#5f5859;
font-size:12px;
font-family:trebuchet ms;
font-weight:normal;
text-align:left;
width:145px;
line-height:10px;
float:left;
margin-left:-20px;
}

#commerciale {
color:#5f5859;
font-size:12px;
font-family:trebuchet ms;
font-weight:normal;
text-align:left;
width:150px;
line-height:10px;
float:left;
}

#evenementielle {
color:#5f5859;
font-size:12px;
font-family:trebuchet ms;
font-weight:normal;
text-align:left;
width:140px;
line-height:10px;
float:left;
}

#imagesquoi{
width:360px;
float:left;
height:50px;
margin-left:260px;
margin-top:-70px
}

#diapologoscreawa{
width:310px;
margin-top:-33px;
margin-left:0px;
}

#flashSitesWeb{
width:400;
height:auto;
margin-top:-28px;
margin-left:-13px;

}

/* clic sur l'image pour l'ouvrir */

#cliquerInternet p{
width:200px;
float:left;
height:10px;
margin-left:-13px;
color:#e85b1d;
font-size:9px;
font-family:trebuchet ms;
font-weight:normal;
margin-top:-70px;
}

#cliquer p{
width:150px;
float:left;
height:10px;
margin-left:10px;
color:#e85b1d;
font-size:9px;
font-family:trebuchet ms;
font-weight:normal;
margin-top:-15px;
}

/* fin */

#image1{
width:40px;
margin-left:10px;
float:left;
}

#image2{
width:40px;
margin-left:40px;
float:left;
}

#image3{
width:40px;
margin-left:40px;
float:left;
}

#image4{
width:40px;
margin-left:30px;
float:left;
}


#imagesMultimedia{
width:360px;
float:left;
height:50px;
margin-left:270px;
margin-top:-110px
}

#flashmultimedia1{
width:80px;
margin-left:10px;

float:left;
height:80px;
}

#flashmultimedia2{
width:80px;
margin-left:10px;
float:left;
height:80px;
}

#flashmultimedia3{
width:80px;
margin-left:10px;
float:left;
height:80px;
}

#flashmultimedia4{
width:80px;
margin-left:10px;
float:left;
height:80px;
}

#retourquoi{
width:120px;
float:left;
margin-top:-120px;
margin-left:380px;
}


/* contact */

#textecontact{
width:370px;
float:left;
margin-top:-20px;
}

#formulaire {
width:300px;
float:left;
font-family:trebuchet ms;
color:#615959;
font-size:11px;
}

fieldset {
padding-top:2px;
margin:2px 5px 5px 5px;
border:solid 0px #615959;
width:250px;
}

legend{
font-size:11px;
color:#615959;
font-family:trebuchet ms, bold;
width:300px;
margin:5px;
}

textarea{
background-color:#fffff;
color:#ffffff;
}

input{
background-color:#fffff;
color:#ffffff;

}

.calage{
display:inline;
float:left;
width:90px;
margin-left:0px;
font-family:trebuchet ms;
font-size:11px;
color:#615959;
}

.texteformul{
font-family:trebuchet ms;
font-size:11px;
color:#615959;
border:dotted 1px #e85b1d;
}

.envoyer{
font-size:10px;
color:#615959;
border:dotted 1px #e85b1d;
margin-left:250px;
padding-top:3px;
}

.effacer{
font-family:trebuchet ms;
font-size:11px;
color:#492727;
}

.stylemessage2{
font-family:trebuchet ms;
font-size:11px;
color:#52adaf;
padding-top:3px;
}

.stylemessage{
font-family:trebuchet ms;
font-size:11px;
color:#615959;
padding:0px;
}

.asterisque{
font-family:trebuchet ms;
font-size:12px;
color:#e85b1d;
padding:0px;
}
/* fin */



#adresses {
width:95px;
height:91px;
float:left;
margin-top:-20px;

}