html,body {
font-family:Verdana,Arial ;
background-image:url(../images/site/fond_site.gif);
background-repeat:repeat-x;
background-color:#CBCED2;
color: #5A5A5A;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 150%;
font-size: 0.8em;
}

input{
background-color:#ffffff;
}

#entete{
height:80px;
background-color: #FFFFFF;
}
#entete2{
height:50px;
background-color: #FFFFFF;
}
#leftside{
float: left;
width: 300px;
margin-left:3px;
color: #ffffff;
background-color: #cbced2;
}


#rightside{
background-color: #cbced2;
float: right;
width: 222px;
margin-right:0px;
}

#left_bouton{
margin-top:30px;
margin-left:3px;
float: left;
position: absolute;
background-color: #ffffff;
width: 500px;
}

#left_bouton2{
margin-top:10px;
margin-left:3px;
float: left;
background-color: #ffffff;
width: 480px;
}

#right_helpos{
margin-top:10px;
margin-left:20px;
float: right;
background-color: #ffffff;
width: 280px;
}
#middle{
margin-top:30px;
margin-left:320px;
position: relative;
background-color: #ffffff;

}
#middle1{
margin-top:10px;
float: left;
margin-left:5px;
background-color: #FFFFFF;
width: 795px;
height:auto;
}
#middle2{
margin-top:5px;
margin-left:5px;
padding-right:5px;
background-color: #FFFFFF;
width: 790px;
}

#footer{
clear: both;
margin-top: 50px;
height:82px;
text-align:center;
color:#ffffff;
background-color: #939598;
background-image:url(../images/site/pied-fec.gif);
}
#footer a{
color:#ffffff;
text-decoration:none;
}

#conteneur{
width: 800px;
margin: 0 auto;
background-color: #FFFFFF;
}

#logo{
height: 118px;
background-color: #FFFFFF;
background-position: top right;
background-repeat: no-repeat;
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
}

#menu li{
float:left;
}
#menu2 ul{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
}

#menu2 li{
float:left;
}

#menu3 ul{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
}

#menu3 li{
float:left;
}

.liste_texte
{
margin:0;
padding:0;
list-style-type:none;
position:relative;
}
#menu li a{
text-decoration: none;
display: block;
margin-left:3px;
padding:10px;
width:133px;
color:#939598;
background-color:#ffffff;
font-weight: bold;
text-align: center;
border: 1px solid #939598;
}

#menu li a:hover{
color:#ffffff;
background-color:#DB2128;
border: 1px solid #DB2128;
}

#menu li a span{
display:none;
}

#menu li a:hover span{
display:block;
position:absolute;
top:50px;
left:3px;
color:#DB2128;
font-size:14px;
font-weight: normal;
text-align:left;
border-bottom: 1px solid #DB2128;
width:797px;
}
#menu2 li a{
text-decoration: none;
display: block;
margin-left:3px;
padding:10px;
width:242px;
color:#ffffff;
background-color:#939598;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #939598;
}

#menu2 li a:hover{
color:#939598;
background-color:#ffffff;
border: 1px solid #939598;
}

#menu3 li a{
text-decoration: none;
display: block;
margin-left:3px;
padding:10px;
width:242px;
color:#ffffff;
background-color:#939598;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #939598;
}

#menu3 li a:hover{
color:#939598;
background-color:#ffffff;
border: 1px solid #939598;
}

a.bouton:link{
border:0px;
height:100px;
width:100px;
}
a.bouton:visited{
border:0px;
}
a.bouton:hover{
border:0px;
}

.bouton{
text-align:center;
display: inline;
}

#middle2 ul{ 
list-style-image:url(../images/site/puce.gif);
}

#middle2 li{
text-decoration: none;
font-size: 1em;
}

#middle2 li a{
text-decoration: none;
font-size: 1em;
color: #5A5A5A;
}

#cadre_rouge{
background-color:#ffffff;
border:0px;
height:148px;
font-size:8px;
margin-bottom:5px;

}
#coinbg_rouge{
height:0px;
width:0px;
//background-image:url(../images/site/quart_rouge.png);
}

#contenu_rouge p{
margin:0;
padding: 7px 5px 5px 5px;
color:#7b7d7b;
font-weight:bold;
}
#bouton_devis{background-color:#cbced2;margin-top:10px;}
#bouton_devis img{
border:0;
}

#cadre_gris{
background-color:#939598;
border:0px;
}
#coinbg_gris{
height:14px;
width:14px;
background-image:url(../images/site/quart_gris.png);
}

#contenu_gris {
margin:0;
padding: 0px 15px 0 15px;
color:#FFFFFF;
font-weight:bold;
}

#cadre_bleu{
background-color:#97c9ff;
border:0px;
}
#coinbg_bleu{
height:14px;
width:14px;
background-image:url(../images/site/quart_bleu.png);
}

#contenu_bleu p{
margin:0;
padding: 15px 15px 0 15px;
color:#000000;
font-weight:bold;
}


.bleu{
padding: 0 0 0  15px;
background-color:#97c9ff;
color:#939598;
font-size:14px;
font-weight: bold;
}

h1{
font-size:220%;
line-height:140%;
font-weight:normal;
color:#DB2128;
margin-bottom:10px;
margin-left: 5px;
border-bottom:1px solid #939598;
}

h2{
font-size:180%;
line-height:140%;
font-weight:normal;
color:#DB2128;
margin-bottom:5px;
margin-left: 5px;
border-bottom:1px solid #939598;
}
h2 a:link{text-decoration:none;color:#DB2128;}
h2 a:hover{text-decoration:none;color:#DB2128;}
h2 a:visited{text-decoration:none;color:#DB2128;}

h4{
font-size:110%;
line-height:140%;
font-weight:bold;
color:#DB2128;
margin-bottom:10px;
margin-left: 50px;
}

h4 a:link{text-decoration:none;color:#DB2128;}
h4 a:hover{text-decoration:none;color:#DB2128;}
h4 a:visited{text-decoration:none;color:#DB2128;}

h3{
font-size:170%;
font-weight:bold;
color:#DB2128;
border-bottom:1px solid #939598;
}

h3 a:link{text-decoration:none;color:#DB2128;}
h3 a:hover{text-decoration:underline;color:#DB2128;}
h3 a:visited{color:#DB2128;}

.news{
padding-left:20px;
margin-left:10px;
margin-right:40px;
margin-bottom: 15px;
border:1px solid #dfe2e7;
background-color:#e4e7ec;
width:700px;
}

.news a:link{text-decoration:none;color:#5A5A5A;}
.news a:hover{text-decoration:none;color:#5A5A5A;}
.news a:visited{text-decoration:none;color:#5A5A5A;}

.decor_bleu{
width:50px;
height:250px;
margin-left:3px;
padding:0px;
vertical-align: top;
}

#leftside_produits{
float: left;
width: 280px;
margin-top:80px;
margin-left:3px;
padding:10px;

color: #ffffff;
}

#middle_produits{
margin-top:140px;
margin-left:340px;
position: relative;
background-color: #ffffff;

}
#middle1_produits{
float: left;
margin-left:5px;
background-color: #FFFFFF;
width: 795px;
height:auto;
}

td a:link{text-decoration:none;}
td a:hover{text-decoration:none;}
td a:visited{text-decoration:none;}
td a img {border:none;}

.liens_navigation{
margin-left:50px;
font-weight:bold;
}
.liens_navigation a:link{color: #5A5A5A;}
.liens_navigation a:hover{color: #5A5A5A;}
.liens_navigation a:visited{color: #5A5A5A;}


#inputArea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    background-color: #bfbebf;
    padding-top:10px;
    padding-left:100px;
    padding-bottom:10px;
    
}
#inputArea p{width:400px;margin-bottom:5px;}
#inputArea span{color:#DA251D;}
#inputArea input[type="text"], #inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #7e7e7e;
    width: 400px;
}