body {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background:#304769 url(fond.jpg) repeat;
}

#conteneur {
width: 854px;
margin: 0px auto; 

}

#header {
height: 171px;
background:url(bandeau2.jpg) no-repeat;
border:0px solid red;
}

#centre {

padding-top:0px;
border:0px solid black;
}

.centre {
background:#B5DBF0;
}

.table {
color:#ffffff;
border:1px solid #F65700;
background:#304769 url(fond.jpg) repeat;
margin:0;

}

.table2 {
color:#ffffff;

background:#304769 url(fond.jpg) repeat;
margin:0;

}


ul.clients li {
color:#304769;
margin:0;
padding:5px 5px 5px 5px;
list-style-type:circle;
font-size:1.4em;
}


.bleu {
color:#008ACF;
font-size:18px;
}

input {
color:#304769;
font-family:Comic Sans Ms, Arial;
}

input:focus {
color:#F65700;
}

textarea {
color:#304769;
font-family:Comic Sans Ms, Arial;
}

textarea:focus {
color:#F65700;
}


select {
color:#008ACF;
font-family:Comic Sans Ms, Arial;
}

select:focus {
color:#F65700;
}

.texte1 {
font-size:14px;
text-align:justify;

}

.engagement {
color:#008ACF;
font-size:18px;
margin-right:250px;
}

.engagement2 {
color:#F65700;
font-size:18px;
margin-right:250px;
}

.equip {
padding:15px 40px 5px 40px;
border:0px solid black;
}


.border {
border:1px solid #008ACF;
}

#centre p {

text-align:justify;
color:#000 ;
font-size:13px;
}


#newsletter {
float:right;
background: url(news.gif) no-repeat 32px 0px;
width:234px;
height:75px;
border:1px solid #304769;
padding-top:35px;
text-align:center;
font-size:0.8em;
margin:5px 15px 5px 0px;
}

.cote {
color:#008ACF;
padding:10px 20px 0px 20px;
font-weight:700;
list-style-type:none;
background:url(fleche.gif) no-repeat -5px 12px;
border:0px solid black;

}



.cote2 {
color:#008ACF;
padding:10px 20px 0px 10px;
font-weight:700;
list-style-type:none;
background:url(fleche.gif) no-repeat -5px 12px;
border:0px solid black;
}

.cote3 {
color:#008ACF;
padding:10px 20px 0px 20px;
font-weight:700;
list-style-type:none;
background:url(fleche.gif) no-repeat -5px 12px;
}

.cote4 {
color:#304769;
padding:10px 20px 0px 20px;
font-weight:700;
list-style-type:none;
background:url(fleche.gif) no-repeat -5px 12px;
}

.tour {
border:1px solid #304769;
}

.lien {
color:#304769;
}


#euro {

padding-bottom:15px;
}

.euro2 {
background:url(euro.jpg) no-repeat 40px 0px;
}

.euro3 {
background:url(eco.jpg) no-repeat 580px 80px;
}



.norm {
padding:5px 40px 5px 40px;
}

.produits {
background:#ffffff url(fon.jpg) repeat-y ;
}



.moeuvre {
margin-left:40px;
}

.moeuvre2 {
margin-left:30px;
}


.lien {
color:#008ACF;
}

.lien:hover {
color:#F65700;
}



#centre b {
color:#304769;
}


strong {
color:#304769;
}

.cursor {
cursor:pointer;
}


#page   {
color:#F65700;
font-weight:700;
text-align:center;
}

#pagination  {
text-align:center;
height:45px;
}

#pagination a  {
color:#008ACF;
}
#pagination a:hover  {
color:#304769;
}


#centre h1 {
padding:10px 0px 5px 40px;
text-align:left;
margin:0px;
font-size:18px;
color:#008ACF;
height:30px
}

#centre h2 {
padding:10px 0px 0px 40px;

margin:0px;
font-size:16px;
color:#304769;
}



#centre h3 {
padding:0px 0px 15px 10px;
text-align:left;
margin:0px;
font-size:18px;
color:#008ACF;
height:30px
}



#pied {
height: 20px;
background:#008ACF;
text-align:center;
color:#ffffff;

}

p {margin: 0;}

#cep {
color:#ccc;
}

#cep a {
color:#ccc;
}


#menu {
position: absolute;
top: 150px;
margin:0;
width:854px;
padding:0px 0px 0px 0px;
height:20px;
background:#304769;
border:0px solid #fff;

}

#menu dl {
display:block;
float: left;
width: 122px;
height:20px;
margin:0px 0px 0px 0px;

border:0px solid #fff;

}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #304769;
border: 0px solid #666;
padding: 0px 0px 0px 0px;
height: 100%;
}


#menu dt.accueil a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(presentation.jpg) 0px 0px;
}

#menu dt.accueil2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(presentation.jpg) 0px -20px;
}

#menu dt.accueil a:hover {
background:url(presentation.jpg) 0px -20px;
}

#menu dt.services a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(services.jpg) 0px 0px;
}

#menu dt.services2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(services.jpg) 0px -20px;
}

#menu dt.services a:hover {
background:url(services.jpg) 0px -20px;

}

#menu dt.engagements a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(engagements.jpg) 0px 0px;
}

#menu dt.engagements2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(engagements.jpg) 0px -20px;
}


#menu dt.engagements a:hover {
background:url(engagements.jpg) 0px -20px;
}

#menu dt.oeuvre a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(maitre.jpg) 0px 0px;
}

#menu dt.oeuvre2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(maitre.jpg) 0px -20px;
}


#menu dt.oeuvre a:hover {
background:url(maitre.jpg) 0px -20px;
}


#menu dt.produits a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(produits.jpg) 0px 0px;
}

#menu dt.produits2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(produits.jpg) 0px -20px;
}

#menu dt.produits a:hover {
background:url(produits.jpg) 0px -20px;
}

#menu dt.partenaires a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(partenaires.jpg) 0px 0px;
}

#menu dt.partenaires2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(partenaires.jpg) 0px -20px;
}


#menu dt.partenaires2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(partenaires.jpg) 0px -20px;
}

#menu dt.partenaires a:hover {
background:url(partenaires.jpg) 0px -20px;
}




#menu dt.contact a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(contact.jpg) 0px 0px;
}

#menu dt.contact2 a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(contact.jpg) 0px -20px;
}


#menu dt.contact a:hover {background:url(contact.jpg) 0px -20px;
}