/* CSS Document */
/* Copyright Cobil 2007*/
*{ margin:0; padding:0;}

body{font-size:85%; font-family: Verdana, Arial, Helvetica, sans-serif; background:url(../images/template/body-bg-home.jpg) repeat-x;}
#page{width:840px; margin: 0 auto;}

/*header*/
#header{width:840px; color:#fff; font-size:0.8em; text-align:right; margin-top:3px;}
#header a {color:#fff; text-decoration:none;}
#header a:hover{text-decoration:underline;}

/*#top*/
#top{ }
#logo{ margin-top:20px; float:left; display:}
#titre{float:right; margin-top:5px; padding-top:10px; margin-right:50px;}
h1{font-size: 2em; margin: 20px 10px 5px 0; padding:5px 0 5px 0;font-family: Copperplate, sans-serif;color:#fff}
h2{font-size: 1.1em; margin: 10px 10px 0 0; padding:5px 0 5px 0; border-bottom:1px solid #00a751;}
h3{font-size: 1em; margin: 10px 10px 0 0; padding:5px 0 5px 0; border-bottom:1px solid #00a751;}

/*banniere*/ 
#banniere{position:absolute; top:150px; height:140px; width:830px; padding:3px; border:1px solid #f0f0f0;}
#banniere-droite{background:url(../images/template/banniere-droite-bg.jpg) right repeat-y; width:380px; height:140px; color:#999; font-size:0.8em;}

/*page de contenu*/
#wrapper{ margin-top:320px; padding-bottom:30px; }
#main{ font-size:0.9em; line-height:1.6em; width:840px;background-color:#fff;}


/*colonne*/
#colonne-droite{float:left; width:550px;}

#content{ width:530px; float:right;background-color:#fff;}
#content p{ margin-top:2em;line-height:1.6em;}
#content ul li{ list-style:none;margin-left:20px; margin-top:10px; padding-left:25px; background:url(../images/icones/fleche.png) left no-repeat;}
#content a{color:#00a751; text-decoration:none;}
#content a:hover{ text-decoration:underline;}



#colonne-unique{ width:840px;}

/*#sidebar*/
#sidebar{ float:left; width:260px; margin-top:20px;}
#sidebar ul li{margin-left:20px;}
#photo {text-align:center}
#photo img{padding:3px; border:1px solid #f0f0f0; }
/* menu*/
#menu{position:absolute; width:840px; top:94px;}
#menu ul li { display:inline; margin-right:10px; }
#menu ul li a{ display:block;text-align:center; float:left; width:167px; height:25px; padding-top:5px; background:url(../images/template/menu-bg-gris-nrl.jpg) repeat-x; text-decoration:none; color:#fff; font-weight:bold; margin-right:1px;}
#menu ul li  a:hover{background: url(../images/template/menu-bg-gris-srvl.jpg) repeat-x;}
#menu ul li  a.actif{background: url(../images/template/menu-bg-actif.jpg) repeat-x; color:#00a751;}
#menu ul li a.actif:hover{background:url(../images/template/menu-bg-actif.jpg); color:#00a751;}

#sous-menu{ position:absolute; top:130px;}
#sous-menu ul li { display:inline; padding-right:30px; margin-right:30px; text-align:center; border-right:1px solid #ccc;}
#sous-menu ul li a{ color:#666; text-decoration:none; font-size:0.9em; font-weight:bold;}
#sous-menu ul li a .actif{list-style:url(../images/icones/control_play.gif); color:00a751;}
#sous-menu ul li a:hover{ color: #00a751;}
#sous-menu .produit{ margin-left:80px;}

#menu-sidebar{ background:url(../images/template/bgmenu.png)  right no-repeat;  height:207px; width:250px; margin-left:30px; padding-top:20px;}
#menu-sidebar ul{ list-style-image:url(../images/icones/fleche.gif); padding-top:20px; padding-bottom:20px;}
#menu-sidebar ul li a{ text-decoration:none; color:#999; list-style:none; font-size:0.9em; }
#menu-sidebar ul li a:hover{ color:#00a751;}
#menu-sidebar a .actif {color:00a751; font-weight:bold;}
.styrobeton{text-transform: uppercase; color:#00a751; font-weight:bold;}
.upper{text-transform:uppercase;}

/*avis technique*/
.avis-technique{padding-left:5px; background:url(../images/template/jaune-bg.jpg) repeat-x; display:block;  width:240px; padding-top:5px;height:25px; border:1px solid #f0f0f0;}
.avis-technique img{ vertical-align:middle;}
.avis-technique a{ color:#999; font-size:0.8em; text-decoration:none;}
.avis-technique a:hover {text-decoration:underline;}

/*classes*/
.upper{text-transform: uppercase;}
.styrobeton{text-transform: uppercase; color:#00a751; font-weight:bold;}
.styrolight{text-transform:capitalize; color:#00a751; font-weight:bold;}
.telecharger{background:url(../images/template/jaune-bg.jpg) repeat-x; display:block; padding-top:5px;height:25px; border:1px solid #f0f0f0; clear:both; }
.telecharger a {color:#999; text-decoration: none;}
.telechager a:hover{text-decoration:underline;}
.vignette{ float:left; padding:3px; border:1px solid #ccc; margin-right:20px;}
.note {font-size:0.8em; font-style: italic;}
.lien {background:url(../images/icones/fleche.png) left no-repeat; padding-left:25px; margin-left:20px; margin-top:20px;}
/*diaporama*/
#cadre{background:#f0f0f0; width:187px; height:140px; float:left}
#blocs{background:#FFFFCC; border:1px solid #f0f0f0; width:230px; float:right; margin-left:20px;}

/*tableau*/
table{width:500px; margin-left:10px; margin-top:20px;}
td {text-align:center;}
.vert{background:#00a751; color:#fff;}

#footer { clear:both; background:#676767; height:100px;}
#footer ul{text-align:center; padding-top:20px;}
#footer ul li{ display:inline; list-style: none; text-align:center; color:#fff; font-size:0.8em; margin-top:20px;}
#footer ul li a{color:#fff; text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}