/* CSS Document */
body{
background-image:url(../images/motifbleu.gif);
background-repeat:repeat;
width:820px;
margin:auto;
}
a{
text-decoration:none;
}
/* ____________le header ___________*/
#header img{
float:left;
}
#logo{
background-image:url(../images/baniere_et_menu/bg_logo.jpg);
background-repeat:no-repeat;
width:418px;
height:76px;
float:left;
}
#logo img{
position:relative;
top:28px;
}

#menu_horizontal{
position:relative;
width:820px;
height:26px;
}
/* ____________fin du header ___________*/

/* _________________ le menu deroulant__________________ */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
border:none;
}
#menuderoulant dl {
float: left;
width: 120px;
}
#menuderoulant dl dt .btmenu{
cursor: pointer;
text-align: center;
background-image: url(../images/baniere_et_menu/bounton_normal_menu_h.jpg); /*--------les boutons menu déroulant-----------------*/
background-repeat:no-repeat;
width:120px;
height:26px;
display:block;
position:relative;
text-decoration:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}
#menuderoulant dl dt .btmenu:hover{
background-image: url(../images/baniere_et_menu/bouton_menu_h_hover.gif); /*--------les boutons menu déroulant-----------------*/
}
.textemenu{
position:relative;
top:7px;
}
#menuderoulant dd{
display: none;
width: 180px;  /* ----------------------- la largeur du menu déroulant---------------------------   */
position:absolute;
z-index:10000;
background-color: transparent;  /* bug pour ie */
}
#smenu1 ul, #smenu2 ul{
position:relative;
left:-90px;
}
#menuderoulant li{
text-align: left;
position:relative;
margin:0;
}
li.remonte, .remonte{
position:relative;
top:-2px;
}
a.ss{
display:block;
height:27px;
width:180px;
color:#FFFFFF;
background-color:#9fa1a4;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:30px;
margin:0;
}
.textemenu2{
position:relative;
top:7px;
}
a.ss:hover, #menuderoulant li a.ss:focus, #menuderoulant dt a.ss:hover, #menuderoulant dt a.ss:focus {
background-color:#97c00e;
color:#FFFFFF;
}
/*-------------------fin menu deroulant-------------------------*/
#barre_verte{
position:absolute;
z-index:-10;
top:102px;
width:820px;
height:17px;
background-color:#97c00e;
}
img#vert_droite{
float:right;
}
/*-------------------fin de header-------------------------*/
/*-------------------debut corps-------------------------*/
#corps{
position:absolute;
z-index:-20;
top:118px;
width:820px;
background-color:#FFFFFF;
height:1000px;
}
#cote-gauche{
top:108px;
height: 900px;
width:180px;
float:left;
background-image:url(../images/baniere_et_menu/fond_cote_gauche.png);
background-repeat:repeat-y;
}
/*___________________________________ menu solutions métier _______________*/
/*ul#menu_vertical{
background-image: url(../images/baniere_et_menu/fond_menu_metiers.jpg);
background-repeat:no-repeat;
position:absolute;
top:18px;
left:15px;
width:149px;
height:142px;
}
ul#menu_vertical li{
margin: 0 0 7px 0 ;
padding: 0 ;
text-align: center;
}
#menu_vertical li img{
position:relative;
top:5px;
left:-3px;
margin-bottom:10px;
}
ul#menu_vertical li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: 900;
letter-spacing:0px;
color: #808080;
padding-top:6px;
height:25px;
}
ul#menu_vertical li a#relou{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#808080;
padding-top:0px;
height:25px;
}
.remonte{
top:0px;
}
ul#menu_vertical li.margin_dessous{
margin: 0 0 4px 0 ;
padding: 0 ;
text-align: center;
}
ul#menu_vertical li.marge_dessus{
margin: -10px 0 -2px 0 ;
padding: 0 ;
text-align: center;
}
ul#menu_vertical li.marge_dessus2{
margin: 0px 0 0px 0 ;
padding: 0 ;
text-align: center;
}
ul#menu_vertical li a:hover{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
background-image:url(../images/baniere_et_menu/hover_vert.gif);
background-repeat:no-repeat;
}
ul#menu_vertical li a#relou:hover{
color:#FFFFFF;
}*/
/*___________________________________ fin de menu solutions métier _______________*/

/* _______________________________menu nos produits _________________________*/
ul#menu_vertical_produits{
background-image: url(../images/baniere_et_menu/fond_menu_nos_produits_03.png);
background-repeat:no-repeat;
position:relative;
top:18px;
left:15px;
width:149px;
height:263px;
padding-top:45px;
}
ul#menu_vertical_produits li{
margin: -7px 0 3px 0 ;
padding: 0 ;
text-align: center;
}
ul#menu_vertical_produits li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#808080;
font-weight:bold;
height:31px;
padding-top:7px;
}
ul#menu_vertical_produits li a:hover{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
background-image: url(../images/baniere_et_menu/hover_vert_produits.gif);
background-repeat:no-repeat;
}
ul#menu_vertical_produits li a.marge_dessus{
margin: 5px 0 0 0 ;
}
ul#menu_vertical_produits li a.marge_dessus2{
margin: 10px 0 10px 0 ;
padding-top:3px;
text-align: center;
}
ul#menu_vertical_produits li a.marge_dessus3{
margin: 16px 0 10px 0 ;
padding-top:3px;
text-align: center;
}
/*_________________fin de menu nos produits _______________/*
/*_________________services coté_______________*/
ul#services_cote{
position:relative;
left:16px;
top:7px;
margin-bottom:20px;
}
ul#services_cote li{
margin-bottom:15px;
border:1px solid #366b95;
width:147px;
}
ul#services_cote li a img{
display:block;
}
ul#services_cote li:hover{
border:1px solid #97c00e;
}
#nous_joindre{
background-image:url(../images/baniere_et_menu/back-ground-nous-joindre.gif);
width:147px;
height:82px;
}


/*_________________le contenu de la page_______________*/