@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;
}
#page {
	position:relative;
	margin: 0 auto;
	width:1080px;/*980*/	
}		
#header {
	float:left;
	width:1080px;/*980*/
	height:150px;
	background-image:url('../images/base/bk2_2.jpg');/*bk2.jpg*/
	
	background-repeat:no-repeat;
	background-position:top center;	
}
#content {
	float:left;
	width:1080px;/*980*/
	background-image:url('../images/base/bk1_1.jpg');/*bk1.jpg*/
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#3b74cd;
}

#footer{
	float:left;
	width:1080px;/*980*/
	height:200px;
	
}
#menu {
	float:left;
	width:180px;
	margin-left:50px;
}
#contenu{
	float:left;
	width:800px;	
}
#mh-menu{
	float:left;
	width:0px;
	height:550px;
}
#mh-contenu{
	float:left;
	width:0px;
	height:550px;
}

/*index layout
---------------------------------------------------------------*/
#index-header {
	float:left;
	width:1080px;/*980*/
	height:113px;
	background-image:url('../images/base/bk3_1.jpg');
	background-repeat:no-repeat;
	background-position:top center;	
}
#index-content {
	float:left;
	width:1080px;/*980*/
	background-image:url('../images/base/bk1_1.jpg');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#3b74cd;	
}
#index-news{
	float:left;
	width:260px;
}

#index-content .col3, #index-content #menu{
	padding-top:37px;
}


/* menus
-------------------------------------------------------------- */ 
/*menu horizontal*/
ul#menu1{
	width:680px;
	margin:0px;
	padding:0px;
	margin-left:310px;/*260*/
	margin-top:130px;
}
#menu1 li{	
	display:inline;
	line-height:11px;
}
#menu1 img{
vertical-align:text-bottom;
}
#menu1 li a {
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 5px;
	border-right:1px solid #c3f00f;
	letter-spacing:1px;
	letter-spacing:1px;
	font-family:'Arial Narrow', arial, sans-serif;
}
#menu1 li a:hover{
	color:#B9E60F;
}
#menu1 li a#active{
color:#B9E60F;
}
#menu1 li.last{
	float:right;
	padding-top: 3px;
	line-height:1em;
}
#menu1 li.last a{
	border:none;
	text-transform:none;
}



/*menu vertical*/
#menu2 ul{
	margin:0;
	padding:0;
	padding-left:20px;

	
	list-style-type: none;
}
#menu2 ul ul{
	margin:0;
	padding:0;
	margin-top:2px;/*10*/
	margin-left:40px;
	background-image:none;
}

#menu2 li{
	margin-bottom:10px;
	line-height:1.3em;
}
#menu2 li.active {
	background-image: url('../images/base/menu2-selected.gif');
	background-repeat:no-repeat;
	
}
/*
#menu2 li.active a{
display:block;
width:140px;
background-color:#576477;
background-image: url('../images/base/menu2-selected.gif');
}
#menu2 li.active li a{
background-color:transparent;
}
*/

#menu2 li:hover {
background-image:url("../images/base/menu2-selected.gif");
background-repeat:no-repeat;
}
#menu2 li li:hover {
background-image:none;
list-style-image:url("../images/base/menu2-list2.png");
}

#menu2 a {
	font-size:11px;/*11*/	
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:25px;	
	letter-spacing:2px;
	letter-spacing:0.1em;
	font-family:'Arial Narrow', arial, sans-serif;
	line-height:1.7em;/*1,7em*/
	
}

#menu2 li li{
	list-style-image: url('../images/base/menu2-list1.png');	
	margin-bottom:0;
	
	
	line-height:normal;/*1.7*/
	margin-bottom:0.5em;
}

#menu2 li li a {
	font-size:10px;
	padding:0;
	letter-spacing:1px;
	padding-right:10px;
	
	line-height:1em;
}

#menu2 li li.active {
	list-style-image: url('../images/base/menu2-list2.png');
	background-image:none;
}

#menu2 li li.last{
	margin:0;
	padding:0;
}

#adr{
	margin-left:25px;
}
#adr p,#adr a{
	text-align:center;
	color:#fff;
}

/* contenu
-------------------------------------------------------------- */ 
#flor{
	float:left;
	width:80px;
}
#cols{
	float:left;
	width:700px;
	background-image:url('../images/base/contenu-bk.png');
	background-repeat:no-repeat;
	background-position:bottom center;
}
.col1{
	float:left;
	width:350px;
	margin-left:30px;
	margin-bottom:10px;
}
.col2{
	float:left;
	width:300px;
	text-align:center;
}
.col3{
	float:left;
	width:540px;
	
}
.col4{
	float:left;
	width:260px;
}
.col5{
	float:left;
	width:530px;
	margin-left:30px;
}
.col6{
	float:left;
	width:100px;
	margin-left:20px;
	margin-top:400px;
}
#remarque{
	margin-left:30px;
	width:239px;
}
#mh-logo {
	float:left;
	height:200px;
	width:1px;
}
#remarque p {
	font-size:11px;

} 
#remarque em{
	font-style:italic;
}

#intro{
width:380px;
margin-left:110px;
margin-top:28px;
}
#intro p{
	font-family:'Arial Narrow', arial, sans-serif;
	font-size:15px;
	text-align:justify;
	color:#fff;
	letter-spacing:1px;
}
.titre-vert{
	color:#b9e60f;
}
#news-flor{
float:left;
width:54px;

}
#news{
float:left;
width:178px;
background: transparent url('../images/base/intro-bk.png') repeat-y bottom left;
padding-top:5px;
}
#news p{
	text-align:left;
	width:130px;
	margin: 0 13px 20px 13px;
	color:#fff;
}
#news h1{
	border:none;
	color:#555a5f;
	font-family:'Arial Narrow',arial,sans-serif;
	font-size:20px;
	margin-left:13px;
	width:130px;
	line-height:1em;
	margin-bottom:0.3em;
}
#mh-news{
float:left;
width:0px;
height:220px;
}

#anim{
position:absolute;
top:138px;
left:230px;
}
#anim2{
position:absolute;
top:90px;
left:775px;
}
.cacher{
display:none;
}
.afficher{
display:block;
}


/*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
-------------------------------------------------------------- */ 
.actu h1 {
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;
}
.actu p{
padding-left:1.4em;
}
.actu{
margin-top:15px;
}
/*formulaire
-------------------------------------------------------------- */

form#contact{
clear:both;
width:422px;
}
label,input,textarea{
margin-top:5px;
height:15px;
float:left;
}
input, textarea{
background-image: url('../images/base/contact-bk.gif');
background-repeat:no-repeat;
background-position:left top;
border:1px solid #a5afb4;

}
label{
width:86px;/*80*/
padding-left:20px;
}
label.large{
width:468px;
}
label.l1{
width:180px;
}
label.l2{
width:58px;
}
label.rad {
color:#0a2896;
width:60px;
}
label.msg{

}
input{
width:240px;
}
input.i2{
width:125px;
margin-right:5px;
}
input.i3{
width:125px;
}
input.rad {
border:none;
width:20px;
background-image:none;
}
input.sub {


background-color:#B9E60F;
background-image:none;
border:medium none;
color:#555A5F;
font-family:arial,sans-serif;
height:16px;
margin-left:105px;
width:60px;
}

input.sub2 {
border:none;
width:64px;
margin-left:350px;

background-image:url(../images/base/form-envoyer.gif);
}
textarea {
height:200px;
width:240px;
margin-top:5px;
}
/*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: 17px;	
color:#b4b9be;
font-family:'Arial Narrow', arial, sans-serif;
letter-spacing:1px;
}
#refs a:hover{
color:#6E643C;
}
#refs a.selected{
color:#6e643c;
}

.colMooFlow{
width:650px;
float:left;
margin-left:15px;
margin-top:50px;
}
.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;
}