@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;
	
}
#menu {
}
#contenu{
	height:410px; 
	background-color:#FFF;
}
#contenu 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;	
}
/*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 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;
}
#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.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 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;	
}
.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-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;
}

#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 span.titre{
	color:#37383c; 
	margin-bottom:0px; 
	font-size:30px; 
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
	letter-spacing:2px;
	line-height:35px;
}
#products span.domaine{
	 font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
	 font-size:20px; 
	 letter-spacing:2px;
}
#products p.desc, #products p.desc p{
	margin-top:10px; 
	color:#FFF; 
	line-height:20px; 
	text-align:left; 
	letter-spacing:1px;
}
#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;
}
#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:15px; 
	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: 157px; 
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(/assets/images/base/bk-btn-envoyer.jpg) no-repeat scroll left center;  
color:#FFF; 
font-size:11px;
padding: 0 10px 0 25px;
border:none;
}

/*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;
}
.lien-gris{
	color:#37383c;
}
/*listProduit
-------------------------------------------------------------- */
.prod2{
float:left;
width:150px;
margin:0 10px 0 0;
background: transparent url(../images/base/bk-list-prod.png) no-repeat top left;
}
.imgProd2{
float:left;
height:250px;
width:150px;
background: transparent url('../images/base/prod2-img.png') no-repeat top left;
}
.txtProd2{
float:left;
width:150px;
background: transparent url('../images/base/prod-bk.png') repeat-y top left;
}
.footerProd2{
float:left;
width:150px;
height:13px;
background: transparent url('../images/base/prod-footer.png') no-repeat top left;
}
.prod2 img{
margin:2px 0 0 2px;
}
.prod2 h2{
margin:0;
padding:0 8px 0px 30px;
color:#37383c;
font:normal 11px arial,sans-serif;
/*text-transform:uppercase;*/
height:25px;
line-height:15px;

}
.prod2 h2 a{
	text-decoration:none;
}
.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*/
.invisible{
position:absolute;
top:-3000em;
}