@charset "UTF-8";
/* CSS Layout Document */

/* Table des matieres
-------------------------------------------------------------- */ 
/* page layout */
/* index layout */
/* menus */
/* contenu */
/* labels ecologiques */
/* listes compléments */
/* actualités */
/* formulaire */
/* soutien */
/* divers */
/* espace client et fournisseur */
/* print et numérique */
/* desabo */

/* page layout
-------------------------------------------------------------- */ 
body {
	text-align: left;
	background-color:#fff;
	background:url(../images/base/bk.jpg) bottom left no-repeat; 
	margin: 0; 
	background-attachment:fixed; 
	height:100%
}
#page {
	position:relative;
	margin: 0 auto;
	width:1080px;/*980*/	
}		

#content {
	/*float:left;*/
	margin:0 auto;
	/*width:1080px;*//*980*/
}

#footer{
	float:left;
	width:1080px;/*980*/
	height:200px;
	
}
#adresse{
background:url(../images/base/adresse.png) top left no-repeat; 
height:20px; 
margin:30px auto; 
line-height:20px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#37383c; 
text-align:center;
    width: 960px;
clear: both;
}
#menu {
}
#contenu{
	height:410px; 
	background-color:#FFF;
}
#contenu-prod{
	background-color:#FFF;
}
#contenu h1, #contenu-prod h1{
	margin-left:30px; 
	color:#37383c; 
	border-bottom:solid 1px #b4bebe; 
	width:900px	;
	padding-top:10px;
}

div#catalogue{
	height:50px; 
	width:320px; 
	padding:5px 0 0 15px;
}

div#catalogue:hover{
}
div#catalogue:hover a {
}
div#catalogue-in{
	background:url(../images/base/bk-btn-catalogue-in.png) no-repeat scroll left top transparent; 
	height:50px; 
	width:320px; 
	padding:5px 0 0 15px;
}
div#catalogue-in a {
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
 	text-decoration:none; 
	font-size:18px; 
	color:#3c78d2; 
	font-weight:normal; 
	letter-spacing:1px	
}

.col3{
	/*float:left;*/
	width:960px;	
       margin:0 auto;
}
/*index layout
---------------------------------------------------------------*/

/* menus
-------------------------------------------------------------- */ 
/*menu horizontal Haut*/
#menu-top{		
	width:960px;
	margin: 0 auto;
	position:relative;
}
#menu-top div#menu-pos{
	position: absolute; 
	right: 0; 
	top: 0;	
}
#menu-top lien-cata{ 
	float:left;
}

#menu-pos div.contact{
        float: right; 
        height: 30px; 
        width: 70px; 
        text-align: center; 
        line-height: 20px; 
        background: url(../images/base/bk-btn-contact-in.png) no-repeat scroll center top transparent;
	color: #fff; 
	text-decoration: none;
}

#menu-pos div.contact-in{
        float: right; 
        height: 30px; 
        width: 70px; 
        text-align: center; 
        line-height: 20px; 
        background: url(../images/base/bk-btn-contact-in.png) no-repeat scroll center top transparent;
	color: #646e73; 
	text-decoration: none;
}

#menu-pos div.contact a, #menu-pos div.contact-in a{
	color: #646e73; 
	text-decoration: none;
        font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
#menu-pos div.contact a:hover, #menu-pos div.contact-in a:hover{
	color: #ffffff; 
}
#menu-top div.lien{
        float: right; 
        border-right:solid 1px #37383c; 
        padding:5px 10px 0 10px; 
        height:10px;
}
#menu-top div.lien.first{
        float: right; 
        border-left:solid 1px #37383c; 
        padding:5px 10px 0 10px; 
        height:10px;
}
#menu-top div.lien a, #menu-top div.lien-last a {
        text-decoration:none; 
        color:#37383c;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
}
#menu-top div.lien a:hover {
        color:#ffffff;
}
#menu-top div.lien-last{
	float: right; 
	/*border-right:solid 1px #64a0eb; */
	padding:5px 10px 0 10px; 
	height:10px;
}
#menu-top div.lien-last a:hover {
        color:#ffffff;
}
/* Menu */
/*------------------------------------------------------------ */
#bandeau-menu{
	width:100%; 
	background:url(../images/base/bk-menu.png)  repeat-x left top; 
	height:70px; 
	margin-top:50px;    
min-width: 960px;
}
#content-menu{
	margin:0 auto; 
	width:960px; 
	height:50px;
	position:relative;
}
#copyright{
	 position:absolute; 
	 top:-15px; 
	 right:0;
	 font-size:11px;
}
#copyright a{
	 color:#64a0eb;
text-decoration:none;
}
#menu{
	float:right;
	margin-top:15px
}
#menu ul{
	/*float:right;
	width:680px;*/
	margin:0px;
	padding:0px;
	/*margin-left:310px;*//*260*/
}
#menu li{	
	display:inline;
	line-height:20px;    
	padding: 0 0 0 20px;
}
#menu li.active{	
	display:inline;
	line-height:20px;    
	padding: 0 0 0 20px;
}
#menu img{
vertical-align:text-bottom;
}
#menu li a {
	color:#646e73;
	font-size:11px;
	text-decoration:none;
	padding:0 5px;
	letter-spacing:2px;
	font-family:'Arial Narrow', arial, sans-serif;
	text-transform:uppercase;
}
#menu li a:hover{
	color:#ffffff;
}
#menu li.active a{
color:#ffffff;
}
#menu li:hover, #menu li.active{
	background:url(../images/base/bk-puce-menu.png) no-repeat scroll 7px center transparent;
}
/*---------- SS Menu ------------*/
#ss-menu{
	float:left; 
	width:200px; 
	margin-top:25px;
}
#ss-menu ul{
	list-style:none; 
	margin:0 0 0 10px; 
	padding:0;
}
#ss-menu li {
margin:0; 
/*height:25px;*/
}
#ss-menu li a{
	background:url(../images/base/fleche-ssmenu.png) no-repeat 5px 0; 
	margin:0; 
   float: left;
    height: 25px;
    vertical-align: top;
    width: 170px;
	text-decoration:none; 
	font-size:14px; 
	color:#a0aaaa; 
padding: 0 0 0 20px;
}
#ss-menu li.last a{
	color:#a0aaaa;  
float: left; 
font-size: 14px; 
margin: 0pt; 
padding: 0pt 0pt 0pt 20px; 
text-decoration: none; 
vertical-align: 
top; width: 170px; 
height: 40px; 
background: url(../images/base/fleche-ssmenu.png) no-repeat scroll 5px 16px transparent;
}
#ss-menu li.active a, #ss-menu li a:hover{
	background: url(../images/base/fleche-ssmenu-active.png) no-repeat scroll 5px 0 transparent;
    color: #37383C;
    float: left;
    height: 25px;
    vertical-align: top;
    width: 170px;
}
#ss-menu li.last.active a, #ss-menu li.last a:hover{
	background: url(../images/base/fleche-ssmenu-active2.png) no-repeat scroll 5px -4px transparent;
    color: #37383C;
    float: left;
    height: 40px;
    vertical-align: top;
    width: 170px;
}
#ss-menu ul ul{
	background: url(../images/base/fleche-ssmenu.png) no-repeat scroll -5px bottom transparent;
        margin-bottom:5px;
}
#ss-menu li li{
	background:none; 
	margin:0; 
	height:15px;
}
#ss-menu li li a, #ss-menu li.active li a{
	background: none;
    height: 15px;
    float: left;
    width: 140px;
        padding-left: 25px;
color:#A0AAAA;
font-size:12px;
        line-height: 15px;
}
#ss-menu li li.active a, #ss-menu li li a:hover{
	background:url(../images/base/fleche-ssmenu-active-ss-trait.png) no-repeat 10px -2px; 
	    color: #37383C;
    height: 15px;
}
/* contenu
-------------------------------------------------------------- */ 
#bloc-contenu{
	margin:auto; 
	width:960px; 
	background:url(../images/base/bk-trans-blanc.png) no-repeat left top;	    
        position: relative;
}
.cacher{
display:none;
}
.afficher{
display:block;
}

/*---------------------------- */ 
/*-------- Agence -------------*/
/*---------------------------- */ 
#content-page{
	float:left; 
	width:440px; 
	margin:25px 0 0 30px; 
	height:325px; 
	overflow:hidden;
    padding-left: 1px;
}
#content-page-text{
	float:left; 
	width:700px; 
	margin:25px 0 0 30px; 
	height:325px; 
	overflow:hidden;
}
#content-page-prod{
	float:left; 
	width:700px; 
	margin:25px 0 0 30px; 
	/*height:325px; */
	overflow:hidden;
}
#content-page-text td h2{
	color:#37383c; 
	font-size:15px; 
	margin:0 0 5px 0; 
	font-weight:bold;
	letter-spacing:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#content-page h2, #content-page-text h2{
	color:#37383c; 
	font-size:15px; 
	margin:0 0 10px 0; 
	font-weight:bold;
	letter-spacing:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#illustration{
	float:left; 
	width:230px; 
	margin:25px 0 0 30px;
        position: relative;
        text-align: right;
}

#content-page p, #content-page-text p{
	font-size:12px;
	line-height:15px;
}
ol {
padding-left:8px;	
}
ol li{
	margin-bottom:5px;
}

/*--------------------------*/
/*------- offres ----------*/
/*--------------------------*/
#remarque{
float: left; width: 230px; margin: 25px 0pt 0pt 30px; 
}
#remarque p{
       font-size: 11px; 
       line-height: 12px; 
       margin:0;
}
/*labels ecologiques
-------------------------------------------------------------- */ 
.labels{
float:left;
width:520px;
margin-top:20px;
}
.blogo {
float:left;
width:82px;
margin-bottom:15px;
}
.btxt {
float:left;
width:438px;
}
.btxt h2 {
margin:0;
padding:0;
width:auto;
border:none;
color: #6e643c;
font-size: 20px;
background: transparent url('../images/base/bull.gif') no-repeat top left;
padding-left:0.8em;
}
.btxt h3 {
background-image:none;
margin-left:10px;
}
.btxt p{
margin-left:15px;
}
#cols .btxt ul{
margin-left:30px;
}

/*listes compléments
-------------------------------------------------------------- */ 
#cols ul{
padding: 0;
margin: 0;
margin-left:1em;

}
#cols li{
line-height:1.2em;
}
#cols ul ul {
list-style-type: none;
padding: 0;
margin: 0;
line-height:1em;
}
#cols li li {
padding: 0;
margin: 0;
background: transparent url(../images/base/tiret.gif) no-repeat top left;
padding-left: 1em;
line-height:1.2em;
}

/*actualités
-------------------------------------------------------------- */ 
#products div.text-actu{
	width:420px; 
	height:180px; 
	padding-top:30px; 
	float:left;
}
#products div.text-actu p {
color:#ffffff;    
font-size: 13px;
}
#products span.titre{
	color:#37383c; 
	margin-bottom:0px; 
	font-size:28px; 
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
	letter-spacing:2px;
	line-height:28px;
}
#products span.domaine{
	 font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
	 font-size:20px; 
	 letter-spacing:2px;
}
#products div.desc p{
	color:#FFF; 
	line-height:20px; 
	text-align:left; 
	letter-spacing:1px;
        font-family:Arial, Helvetica, sans-serif;
        margin: 10px 0 15px;
}
#products p.desc a{
	color:#37383c; 
}
#products p.lien{
	line-height:20px; 
	background:url(../images/base/puce-lien-gris.jpg) left no-repeat; 
	padding-left:35px;
}
#products p.lien a{
	color:#37383c; 
	font-weight:bold; 
	font-size:13px;
        font-family:Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#products li img{
	float:right;
}

/*Réalisation
----------------------------------------------------------------*/
#real div.text-actu{
	width:330px; 
	height:180px; 
	padding-top:0px; 
	float:left;
}
#real span.titre{
	color:#37383c; 
	margin-bottom:0px; 
	font-size:20px; 
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
	letter-spacing:2px;
	line-height:20px;
}
#real span.domaine{
	 font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
	 font-size:20px; 
	 letter-spacing:2px;
}
#real p.desc{
	margin-top:10px; 
	color:#646e73; 
	line-height:20px; 
	text-align:left; 
}
#real p.lien{
	line-height:20px; 
	background:url(../images/base/puce-lien-gris.jpg) left no-repeat; 
	padding-left:35px;
}
#real p.lien a{
	color:#37383c; 
	font-weight:bold; 
	font-size:13px;
}
#real li img{
	float:left;
	padding-right:10px;
}

/*formulaire
-------------------------------------------------------------- */
input.text{
width:250px; 
margin-bottom:10px; 
color:#646e73;
border: medium none;
height:18px;
padding-left:2px;
}
input#postcaptcha{
width: 155px; 
float: left; 
margin-top: 0px; 
height:13px;
color: #646E73;
}
textarea.msg{
color:#646e73;
float:left; 
width:250px; 
height:110px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
border: medium none;
padding-left:2px;
    margin-bottom: 10px;
}
input.btn-sub{
left:350px; 
top:150px; 
position:absolute; 
background: url(../images/base/bk-btn-envoyer.jpg) no-repeat scroll left center;  
color:#FFF; 
font-size:11px;
padding: 0 10px 0 25px;
border:none;
}
input.btn-sub-detail {
    background: url("../images/base/bk-btn-envoyer.jpg") no-repeat scroll left center transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px;
    padding: 0 10px 0 25px;
}

/*formulaire Devis
-------------------------------------------------------------- */
form#devis input.text{
width:220px; 
margin-bottom:10px; 
color:#646e73;
border: solid 1px #cdd7d7;
height:18px;
padding-left:2px;
}
form#devis input#postcaptcha{
width: 140px; 
float: left; 
margin-top: 0px; 
height:18px;
border:solid 1px #cdd7d7;
color: #646E73;
}
form#devis textarea.msg{
color:#646e73;
float:left; 
width:220px; 
height:147px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
border: solid 1px #cdd7d7;
padding-left:2px;
margin-bottom: 10px;    
width: 235px;
}
form#devis input.btn-sub{
background: url("../images/base/bk-btn-envoyer.jpg") no-repeat scroll left center transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    left: 250px;
    padding: 0 10px 0 25px;
    position: absolute;
    top: 193px;
}

/*soutien
-------------------------------------------------------------- */
#soutien{
	position:absolute;
	top:165px;
	left:900px;
	width:73px;
	height:73px;
}
/*divers
-------------------------------------------------------------- */
#cols ol{
margin-left:20px;
}
#cols ol li{
	line-height:1em;
}
/*espace client et fournisseur
-------------------------------------------------------------- */
#content2{
float:left;
	width:1080px;
	background-image:url('../images/base/bk1_1.jpg');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#3b74cd;
}
#content-client{
	float:left;
	width:1080px;
	height:568px;
	background: #b4b4a5 url('../images/base/bk-client.jpg') no-repeat top left;
}
#content-fabricant{
	float:left;
	width:1080px;
	height:568px;
	background: #cdcdbe url('../images/base/bk-fabricant.jpg') no-repeat top left;
}

#menu-espace{
	float:left;
	width:310px;
	height:569px;
}
#contenu-espace{
	float:left;
	width:630px;
}
#contenu-client #cols, #contenu-espace #cols{
	background-image:none;
}
#menu-espace #adr{
float:left;
width:180px;
margin-left:55px;
margin-top:370px;
}
#menu-espace #adr p, #menu-espace #adr a{
	color:#555a5f;
}
#contenu-espace h1{
margin-top:90px;
color:#555a5f;
border-color:#555a5f;
}
#contenu-espace #cols p{
margin-left:10px;
font-family:'Arial Narrow',arial,sans-serif;
font-size:20px;
letter-spacing:1px;
width:371px;
}
#contenu-espace label, #contenu-espace  input, #contenu-espace  form {
padding:0;
margin:0;
margin-top:5px;
}
#contenu-espace  form{
width:400px;
}
#contenu-espace  input{
width:260px;
}
#contenu-espace  label{
width:110px;
margin-left:10px;
}
#contenu-espace  label.all{
width:260px;
margin-left:120px;
}
#contenu-espace input.sub{
width:auto;
height:15px;
padding: 0 3px 0 3px;
margin:5px 0 10px 120px;
clear:both;
}
#soutien-espace{
	position:absolute;
	top:600px;
	left:900px;
	width:73px;
	height:73px;
}

#lienEspace{
position:absolute;
top:115px;
left:242px;
color:#fff;
font-size:10px;
}

#lienEspace a{
color:#fff;
letter-spacing:1px;
font-family:'Arial Narrow',arial,sans-serif;
text-decoration:none;
text-transform:uppercase;
}
#lienEspace a:hover{
color:#B9E60F;
}
/*print et numérique
-------------------------------------------------------------- */
ul#refs{
list-style-type:none;
width:600px;
margin-top:1em;
margin:1em 0 0 0;
}
#refs li{
display:inline;
margin-right:0.7em;
line-height:1em;
margin-bottom:0.5em;

}
#refs a {
text-decoration:none;
font-size: 15px;	
color:#b4b9be;
font-family:'Arial Narrow', arial, sans-serif;
letter-spacing:1px;
}
#refs a:hover{
color:#6E643C;
}
#refs a.selected{
color:#6e643c;
}

.colMooFlow{
    background-color: transparent;
width:650px;
float:left;
margin-left:35px;
margin-top:20px;
}
.colMooFlow img{
border:1px solid #cdd2d7;
}
/*formulaire desabo
-------------------------------------------------------------- */
#desabo{
width:400px;
}
#desabo label{
width:400px;

}
#desabo input{
margin-left:20px;
clear:both;
}
.msgDesabo{
float:left;
width:500px;
clear:both;
margin-top:5px;
}

/*--------- Scroll ---------*/
.handle-vert {
background:url(../images/base/curseur.png) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 32px;
    width: 9px;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    /*background-color: #FFFFFF;
    border: 1px solid #B4BEBE;*/
    left: -4px;
}
.scrollbar-vert {
	background-color: #B4BEBE;
	height: 320px;
	left: 685px;
	position: absolute;
	top: 75px;
	width: 1px;
	z-index: 29;
}
.lien-bleu-non-souligne{
	color:#3c78d2;
	text-decoration:none
}
.lien-bleu-non-souligne:hover{
	color:#3c78d2;
	text-decoration:underline;
}
.lien-noir-non-souligne{
	color:#37373c;
	text-decoration:none
}
.lien-noir-non-souligne:hover{
	color:#37373c;
	text-decoration:underline;
}
a.lien-gris{
	color:#37383c;
        text-decoration:underline;
}
div.desc p a.lien-gris:hover{
	/*color:#6E7378;*/
        color:#ffffff;
        text-decoration:underline;
}

/*produit
-------------------------------------------------------------- */
#list-produits{
background-color: rgb(230, 235, 235); 
float: left; 
padding-top: 10px; 
margin: 15px 0;
width:100%;
}
.prod{
float:left;
width:155px;
/*height:210px;*/    
margin: 5px 0 5px 17px;
/*border: 1px solid #CDD7D7;
background-color: #FFFFFF;*/
url(../images/base/prod-bk.png) repeat-y scroll right top transparent;
}
.prod-header{
height: 7px;
background: url(../images/base/prod-header.png) no-repeat scroll right top transparent;
}
.txtfooter-prod{
float:left;
width:640px;
height:16px;
background: #6e7378 none no-repeat top left;
margin-bottom:10px;
margin-top:20px;
margin-left:10px;
}

.imgProd{
/*float:left;
height:142px;*/
width:155px;
}
.imgProd-detail{
/*float:left;
height:142px;*/
width:315px;
}
.txtProd{
float:left;
width:155px;
background: url("../images/base/prod-footer.png") no-repeat scroll right top transparent;    
}
.txtProd-detail{
float:right;
width:155px;
background: url("../images/base/btn-devis-detail.png") no-repeat scroll right top transparent;    
margin: 20px 178px 0 0;
}
.footerProd{
float:left;
width:150px;
height:13px;
background: transparent url('../images/base/prod-footer.png') no-repeat top left;
}
.prod img{
/*avoir une fois integrée au pages détails*/
height:140px;
width:140px;
margin:2px 0 0 2px;
}
#content-page-prod div.prod h2{
margin:0;
padding:0 8px 0px 0;
color:#37383c;
line-height:15px;
font-size:11px;
font-weight:normal;
}

#content-page-prod div#detail-txt h2{
margin-left:0px;
font-size:18px;
font-weight:normal;
}

.prod h2 span{
color:#3c78d2; 
font-weight:bold;
font-size:15px;
} 


#contenu .prod p{
text-transform:none;
text-align:left;
font:normal normal 11px arial,sans-serif;
margin:0;
margin-left:5px;
padding:0 5px 0 5px;
letter-spacing:1px;
}
#contenu .prod p span{
font:normal bold 13px arial,sans-serif;
color:#555A5F;
}
#contenu .txtfooter-prod p{
margin:0px;
padding-left:5px;
color:#fff;
letter-spacing:0px;
text-align:center;
}



.txtfooter-prod .couleur{
color:#b9e60f;
}
.txtfooter-prix{
float:left;
width:700px;
}
#contenu .txtfooter-prix p{

margin:0;
}
/*listProduit
-------------------------------------------------------------- */
.prod2{
float:left;
width:179px;
margin:0 13px 0 0;
background: transparent url(../images/base/bk-list-prod2.png) no-repeat top left;
}
.titre-gamme{
background: url("../images/base/prod-bk.png") repeat-y scroll right center transparent;
    border-bottom: 1px solid #B4BEBE;
    font-size: 15px;
    margin: 0 auto;
    padding: 5px 10px 0;
    width: 135px;
/*width:130px; 
margin:0 auto; 
font-size:15px; 
border-bottom:solid 1px #b4bebe; 
padding-top:5px;*/
}
.prod2 .titre-gamme{
background: none;
    border-bottom: 1px solid #B4BEBE;
   font-size: 15px;
    margin-left: 10px;
    padding: 5px 0 0 0;
    width: 152px;
/*width:130px; 
margin:0 auto; 
font-size:15px; 
border-bottom:solid 1px #b4bebe; 
padding-top:5px;*/
}
.titre-gamme a{
 text-decoration:none; 
color:#37383c; 
line-height:15px; 
font-weight:normal
}
.imgProd2{
float:left;
height:249px;
width:192px;    
text-align: left;
}
.txtProd2{
float:left;
width:179px;
background: transparent url('../images/base/prod2-footer.png') no-repeat top left;
}
.footerProd2{
float:left;
width:174px;
height:13px;
background: transparent url('../images/base/prod-footer.png') no-repeat top left;
}
.prod2 img{
margin:2px 0 0 0;
}
.prod2 h2{
margin:0;
padding:0 6px 0px 30px;
color:#37383c;
font-weight:normal;
font-family: arial,sans-serif;
font-size:11px;
/*text-transform:uppercase;*/
height:25px;
line-height:15px;

}
.prod2 h2 a{
	text-decoration:none;
        color:#555A5C;
        letter-spacing:0px;
        line-height:17px; 
        text-transform:lowercase
}
.prod2 p{
text-transform:none;
text-align:center;
font:normal normal 10px arial,sans-serif;
margin:0;
padding:0 5px 0 5px;
}

/*info
*/
#info{

margin: 163px 0 0 25px;
}
.info-devis{
background-color:#555a5f;
width:130px;
padding:5px 10px 5px 10px;
}
.info-num{
margin: 10px 0 0 10px;

}

.info-num a{
color:#fff;
font:normal normal 13px arial,sans-serif;
text-decoration:none;
margin-left:0;
display:block;
margin-top:10px;

}
.info-num p{
color:#fff;
font:normal normal 19px arial,sans-serif;
line-height:1.8em;
margin-left:0;
}

/*test marco*/
.devisProd{
float:left;
/*width:140px;/*150*/
height:18px;*/
/*background: #6E7378 none no-repeat top left;
border:1px solid #555a5f;*/

text-align:center;
line-height:20px;
}
.devisProd a{
color:#fff;
text-decoration:none;
}
.devisProd a:hover{
color:#fff;
text-decoration:underline;
}
/*end test*/

/* detail
-------------------------------------------------------------- */
#detail{}
#detail-img{
float:left;
/*width:200px;*/
}
#detail-txt{
float:left;
width:330px;   
margin-left: 30px;
margin-top: 20px;
}

#detail-txt p{
margin-bottom: 15px;
}
#detail p{
margin:0 0 0.8em 1em;
text-align:left;
margin-left:0px;
margin:0 0 3px;
padding:1px 5px 3px;
}
.prod-detail{
float:left;
width:325px;   
text-align: center;
margin:10px 0px 10px 0;    
background-color: #E6EBEB;
padding: 15px 0 0 15px;
min-height:530px;
}
.prod-detail img {
    /*height: 140px;
    margin: 2px 0 0 2px;*/
    max-width: 303px;
    margin-top: 75px;
}
#content-page-prod div.prod-detail h2 {
    color: #37383C;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    margin: 0;
    padding: 0 8px 0 0;
}
.prod-detail h2 span {
    color: #3C78D2;
    font-size: 15px;
    font-weight: bold;
}
.prod-detail div.titre-gamme{
border: medium none;     
padding: 0 10px 5px 10px;
color: #37383C; 
font-weight: normal; 
line-height: 15px;    
text-align: left;
background-color: #FFFFFF;
width:300px;
float:left;
}

#prepa-fichiers{
position: absolute; 
left: 30px;
top: 425px; 
width: 150px; 
background-color: rgb(230, 235, 235); 
padding: 10px; 
font-size: 11px; 
height: 200px;
}
#prepa-fichiers h3{
        font-size:12px
}

#prepa-fichiers p{
        font-size:11px
}

/*Devis*/
.prod-devis{
float:left;
width:155px;   
text-align: center;
margin:10px 0px 10px 0;    
background-color: #E6EBEB;
padding: 15px 0 0 15px;
}
.prod-devis img {
 height: 140px;
    margin: 2px 0 0 2px;
    width: 140px;
  
}
.prod-devis .imgProd {
width:155px;
background: url(../images/base/prod-bk.png) repeat-y scroll right top transparent;
    padding-bottom: 5px;
}
#content-page-prod div.prod-devis h2 {
    color: #37383C;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    margin: 0;
    padding: 0 8px 0 0;
}
.prod-devis h2 span {
    color: #3C78D2;
    font-size: 11px;
    font-weight: bold;
}
.prod-devis div.titre-gamme{
border: medium none;     
padding: 0 10px 5px 10px;
color: #37383C; 
font-weight: normal; 
line-height: 15px;    
text-align: left;
background-color: #FFFFFF;
float:left;
}

/*promoVisuel*/
#accroche{
	position:absolute; left: 16px; top: 7px; text-transform:uppercase;
}

.visuel{
	position:absolute;
	top: 67px;
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
 
.white_content {
	display: none;
	position: absolute;
	/*top: 25%;
	left: 25%;*/
	width: 100%;
	height: 460px; 
	padding: 0px;
	border: none;
	background-color: transparent;
	z-index:1002;
	overflow: auto;   
        padding-top: 175px;
}
/*fil
-------------------------------------------------------------- */
#fil{
position:absolute;
right:30px;
top:34px
/*background-color:#faf;*/
}

#fil li{
display:none;
}
#fil li.active, #fil ul, #fil li ul {
display:inline;
width:auto;
margin:0;
padding:0;
color:#fff;
}
#fil a{
color:#3C78D2;
font-size:9px;
}
.B_currentCrumb{
 color: #37383C;
font-size:9px;
}
.B_crumbBox{
color:#37383C;
}
.invisible{position: absolute; top: -3000em;}

table.dimensions td, table.dimensions th {padding:0 8px; height:25px; border:1px solid #CCC; margin-bottom:10px;}
table.dimensions th {text-align:left}
table.dimensions td input[type=text] {border:none; text-align:right; width:60px; color:#6E7378}

div#tags {color: #37383C; line-height:15px}
div#tags span {float:left}
div#tags a{text-decoration:none; color: #37383C; font-size: 11px; margin:0 7px; line-height:15px; float:left}
div#tags a:hover {text-decoration:underline}