@charset "iso-8859-1";
/* CSS Document */

/*#########################
###                     ###
###       GENERAL       ###
###                     ###
#########################*/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#28251e;
}

*{
margin:0px;
}

a{
outline:none;
}

a img{
border:0;
}

/*#########################
###                     ###
###       TEMPLATE      ###
###                     ###
#########################*/

#nivsup{
background-color:#cecece;
height:55px;
}

/*================================================================== menu */

*+html li#li_drop{
margin-top:3px;
}

.chromestyle{
height:38px;
background-color:#eeeeee;
width:665px;
position:relative;
margin-left:auto;
margin-right:auto;
font-size:16px;
z-index:800;
}

.chromestyle ul{
list-style:none;
height:38px;
}

*+html .chromestyle ul{
margin-left:30px;
}

.chromestyle ul li{
margin-top:5px;
float:left;
margin-right:10px;
margin-left:10px;
}

.chromestyle ul li a{
color:#838383;
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
display:block;
height:30px;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected, .chromestyle ul li.actuel a{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#b53b12;
background:url(design/bg_lien_menu.jpg) no-repeat bottom center;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
visibility: hidden;
z-index:500;
background:url(design/bg_ss-menu.png) repeat;
width:130px;
height:125px;
border:1px solid #a2a2a2;
font-size:12px;
padding:5px;
}


.dropmenudiv a{
width: auto;
display: block;
background:none;
color:#838383;
font-size:12px;
text-decoration:none;
margin-bottom:2px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
font-weight:bold;
}

.menu_gauche{
width:4px;
height:38px;
background-image:url(design/menu_gauche.jpg);
position:absolute;
left:0px;
}

.menu_droite{
width:4px;
height:38px;
background-image:url(design/menu_droite.jpg);
position:absolute;
right:0px;
}

/*================================================================== menu du bas */

#menu{
height:20px;
width:600px;
position:relative;
margin-left:auto;
margin-right:auto;
font-size:16px;
}

#menu dl {
float: left;
position: relative;
margin: 0 15px 0 5px;
}

#menu dl a:hover, #menu dl a.actuel{
color:#b53b12;
background:url(design/bg_lien_menu2.html) no-repeat top center;
}

#menu dl  ul{
list-style:none;
background:url(design/bg_ss-menu.png) repeat;
width:130px;
border:1px solid #a2a2a2;
}

#menu dl:hover ul, #menu dl.menuHover ul {
display:block;
}

#menu dd ul{
display:none;
position:absolute;
bottom:20px;
/*border:1px solid #a2a2a2;*/
-moz-opacity:0.7;
-khtml-opactity:0.7;
opacity:0.7;
padding:3px;
width: 150px;
background:none;
color:#838383;
font-size:12px;
text-decoration:none;
margin-bottom:2px;
font-variant:normal;
padding-bottom:15px;
}

#menu ul#sous_menu_bas{
background:url(design/bg_ss-menu.png) repeat;
}

#menu ul#sous_menu_bas a{
font-weight:normal;
font-variant:normal;
color:#838383;
height:10px;
}
#menu ul#sous_menu_bas a:hover{
font-weight:bold;
color:#838383;
}

#menu dd ul a:hover{
background:none;
}

#menu a{
color:#838383;
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
display:block;
padding-top:10px;
}

#menu dd dd ul a{
width: auto;
background:none;
color:#838383;
font-size:12px;
text-decoration:none;
margin-bottom:2px;
font-variant:normal;
}



/*================================================================== header */

#header{
background:url(design/bg_header.gif);
height:190px;
position:relative;
z-index:100;
clear:both;
}

#header h1{
display:none;
}

#header img.logo_d{
position:absolute;
right:0px;
z-index:1000;
}

/*================================================================== recherche */

#corps{
background-color:#ededed;
position:relative;
}

#recherche{
height:42px;
background:url(design/bg_recherche.jpg) repeat-x;
width:400px;
position:relative;
margin-bottom:20px;
}

#recherche img{
margin-left:10px;
margin-top:13px;
margin-right:10px;
float:left;
}

#recherche .recherche_d{
background:url(design/recherche_d.jpg) no-repeat;
height:42px;
width:11px;
position:absolute;
right:0px;
top:0px;
z-index:600;
}

#recherche form{
padding-top:5px;
}

#recherche input.submit{
color:#FFFFFF;
background-color:#b53b12;
border:none;
font-weight:bold;
font-size:11px;
padding-top:5px;
padding-bottom:5px;
margin-left:5px;
width:50px;
}

#recherche form input.input{
width:200px;
}

/*================================================================== cadres */

#ensemble_cadres{
width:840px;
margin-left:auto;
margin-right:auto;
}

.cadre{
background:url(design/bg_cadre.jpg) bottom right no-repeat #FFFFFF;
border:1px solid #d2d2d2;
padding:10px;
font-size:12px;
position:relative;
width:220px;
float:left;
margin-left:20px;
/*margin-right:10px;*/
margin-top:20px;
margin-bottom:30px;
text-align:justify;
color:#35322b;
}

.cadre img.h2{
position:absolute;
top:-25px;
left:0px;
}

/*================================================================== cadre defilant actualité */

#vmarquee{
position: absolute;
}

#vmarquee p{
margin-bottom:10px;
}

#marqueecontainer{
position:relative;
overflow: hidden;
width: 215px; /*marquee width */
height: 130px; /*marquee height */
}

/*================================================================== cadre présentation */

img.plus{
margin-top:20px;
}

/*================================================================== cadre newsletter */

.cadre input{
margin-bottom:7px;
}

.cadre input.submit_news{
color:#FFFFFF;
background-color:#b53b12;
border:none;
font-weight:bold;
font-size:11px;
padding-top:5px;
padding-bottom:5px;
position:absolute;
right:10px;
bottom:0px;
width:70px;
}

.cadre input.input_news{
width:215px;
}

*+html .cadre input.radio{
float:left;
}

*+html .cadre p.radio1{
margin-top:15px;
}

/*================================================================== hauteur des cadres */

#cadre_presentation, #cadre_produits, #cadre_services{
height:180px;
}

#cadre_presentation p.wrapper{
padding-bottom:10px;
}

#cadre_presentation img.plus{
margin-top:40px;
}

#cadre_actualite, #cadre_personnel{
height:130px;
}

/*================================================================== cadre personnel */

#cadre_personnel p{
border-bottom:dotted 1px #b2b2b2;
padding-top:2px;
padding-bottom:2px;
}

img.silhouette{
position:absolute;
bottom:0px;
right:5px;
}

/*================================================================== cadre contact */


img.enveloppe{
position:absolute;
top:12px;
right:5px;
}

/*================================================================== cadre services */

#cadre_services img.maison_service{
margin-top:15px;
}

/*================================================================== menu bas */

#menu_bas{
margin-left:20px;
font-size:10px;
margin-bottom:40px;
}

#menu_bas a{
color:#6a6a6a;
}

#menu_bas a:hover{
color:#a0a0a0;
}

/*================================================================== footer */

#footer{
clear:both;
background:url(design/bg_footer.gif) repeat-x #28251e;
height:100px;
margin-top:20px;
position:relative;
}

#footer p{
color:#504b3f;
text-align:center;
font-size:11px;
padding-top:40px;
}

#footer p a{
color:#8a816d;
}

#footer img.copy{
position:absolute;
right:10px;
top:-40px;
}

#footer img.fleche{
position:absolute;
right:0px;
top:-100px;
}

.wrapper{
clear:both;
}

/*================================================================== unest */

#unest{
float:left;
margin-left:10px;
margin-top:2px;
}

#unest p{
color:#69614f;
font-weight:bold;
font-size:10px;
margin-bottom:5px;
}

#unest img{
}

/*================================================================== rubriques */

#rubrique{
width:840px;
margin-left:auto;
margin-right:auto;
background:url(design/bg_cadre.jpg) bottom right no-repeat #FFFFFF;
border:1px solid #d2d2d2;
padding:10px;
font-size:12px;
position:relative;
color:#35322b;
margin-top:60px;
margin-bottom:50px;
}

#rubrique img.h3{
position:absolute;
top:-25px;
left:0px;
}

#rubrique p{
margin-bottom:5px;
margin-top:5px;
line-height:15px;
}

/*================================================================== rubrique PRODUITS */

table#produits{
padding:5px;
margin-left:0px;
width:840px;
}

table#produits td{
text-align:center;
}

table#produits a{
color:#b53b12;
text-decoration:none;
font-weight:bold;
font-size:13px;
}

table#produits a:hover{
border-bottom:dotted 1px #b53b12;
}