@charset "utf-8";
/* CSS Document */


/************************CSS GENERALE**************************************{*/

body{  background:#343738 url(../_images/home/bg_home.gif) repeat-x  ;
margin:0;
	padding:0;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
/*font-size:12px;*/
}

 
#info_baspage{
	color:#677276;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	margin-top:10px;
}

#info_baspage a{
	text-decoration:none;
	color:#C6CFD4;
}

#info_baspage a:hover{
	text-decoration:underline;
}

 table{
 background-color:#fff;
 }
#display {
	margin:0px auto;
	position:relative;
	width:950px;
	display:block;
	clear:both;	
background-color: #c1d72e ;
overflow:auto;
z-index:500;
}

#top {
	background: url(../_images/home/top_main.gif) top no-repeat;
	position:relative;
	width:950px;
	height:119px;
	margin:0;
	padding:0;
	overflow:visible;
	z-index:600;
}
#lien_home{
width:300px;
height:100px;
/*background-color:#006666;*/
}
#lien_home2{
top:30px;
position:absolute;
right:0;
float:right;
width:300px;
height:60px;
/*background-color:#006666;*/
}

#menu_top{
margin:0;
position:absolute;
/*left:455px;*/
left:443px;
top:0px;
color:#677276;
/*background-color:#FFFFFF;*/
text-align:right;
width:500px;
height:20px;
vertical-align:top;
overflow:hidden;
}



#menu_top a{
text-decoration:none;
color:#677276;font-size:1.1em;
}
#menu_top a:hover{
text-decoration:none;
color:#FFFFFF;
}
#menu_top ul{
margin:0;
list-style:none;
vertical-align:top;
padding-top:5px;
}
#menu_top ul li{
list-style:none;
display: inline ;
/*line-height:15px;*/
width:50px;
text-align:center;
border-left:#677276 1px solid;/**/
vertical-align:bottom;
padding:5px 0 0 8px;
margin-left:8px;
}
 #m_lang ul {left:850px;
 		top:18px;	
		
		padding:5px 0 5px 0;
		z-index:1000;}
#sousmenu_top {
	position:absolute;
	
	background: #515151;
	margin:0px 0 0 0;
	padding:0px;	
	width:100px;
	
	display:block;	
	list-style:none;
	border: none;
	
}

#sousmenu_top a{
color:white;
text-decoration:none;
}

#sousmenu_top a:hover{
color: #999999;
 }

#sousmenu_top li {
	
	font-size:1.1em;
	margin:0px;
	padding:0px 5px 0px 0px;
	text-align:right;
	border:none;	
}
#conteneur {

/*background-color:#fff;*/
	position:relative;
	width:950px;
	padding:0px;
	display:block;
	/*height:457px;	*/
	overflow: hidden;
}

#bas_home{
	height:8px;	
	background-color:#c1d72e;
	position:relative;
	clear:both;	
	font-size:3px;
}
/****************************************************************************}*/

/*****************************MENU**********************************************{*/

#menu {
	position:absolute;
	top:0px;
	left:226px;
	width:724px;
	height:35px;
	background-color:#c6cfd4;
	margin:0;
	padding:0;
	z-index:100;
	display:block;
}


#menu ul #menu_gauche{
width:38px;
display:block;
}
 #menu_droit{
border-left:#FFFFFF 1px solid;
width:24px;
}
#menu_droit:hover{background-color:#c6cfd4;}
#menu_gauche:hover{background-color:#c6cfd4;}

ul.menuprincipal {
	/*float:left;*/
	height:35px;
	margin:0;
	padding:0;
	/*position: relative;*/
	/*right:7px;*/
	color:white;
	/*top:166px;*/
	display:block;
}

ul.menuprincipal li {
	margin:0;
	padding:0 ;
	float:left;
	display:block;
	font-size:1.2em;
	font-weight:bold;	
	height:35px;	
}

ul.menuprincipal li:hover {
background-color:#c1d72e;

}

/*ul.menuprincipal li img {
	background-image:url(/_images/menu_sep.gif);
	float:left;
	width:5px;
	text-decoration:none;
	text-align:center;
}*/

ul.menuprincipal li a {
border-left: #FFFFFF solid	1px;
	color:white;
	float:left;
	line-height:25px;
	/*width:120px;*/
	padding:10px 5px 0 19px;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
}

ul.menuprincipal li a:hover, 
ul.menuprincipal li.courant a 	{
	background: #c1d72e;
	color:#000000;
}


ul.sousmenu {
	position:absolute;
	color:white;
	background:#c1d72e;
	margin:0px;
	padding:0px;	
	width:165px;
	/*top:154px;*/
	display:block;
	border:#FFFFFF 1px solid;
	list-style:none;
}

ul.sousmenu li {
	display:block;
	font-size:1.1em;
	margin:0px;
	padding:0px 5px 0px 0px;
	/*-border-right:#fff dotted 1px;-*/
}

/* ul.sousmenu li.titre {
	font-size:1.5em;
	background: #6d001f;
	color:white;
	float:left;
	line-height:26px;
	width:140px;
	text-decoration:none;
	text-align:center;
	
}*/

ul.sousmenu  .point img{
	width:120px;
	float:right;
	height:1px;
}


ul.sousmenu li a {
	background-repeat:no-repeat;
	color:#000;
	float:right;
	line-height:20px;
	width:160px;
	text-decoration:none;
	text-align:right;
	padding:0 0px 0 0px;
	/*margin-left:20px;*/
	
}

ul.sousmenu li a:hover{
	/*background: #c1d72e;*/
	color:#FFFFFF;
}

#menu  #m_news ul {left:-67px;	}
#menu_home  #m_news ul {left:-106px;	}

#menu #m_products ul {left:21px;	}
#menu_home #m_products ul {left:-17px;	}

#menu #m_stories ul {left:96px;	}
#menu_home #m_stories ul {left:58px;	}

#menu #m_center ul {left:150px;	}
#menu_home #m_center ul {left:150px;	}

#menu #m_dev ul {left:434px;		}
#menu_home #m_dev ul {left:395px;		}

#menu #m_you ul {left:514px;	}
#menu_home #m_you ul {left:476px;	}

/***************************************************************************}*/

/*************************CSS HOME*****************************************{*/
#col_gauche_home {
	position:absolute;
	width:415px;
	padding:0px;
	background-color:#FFFFFF;}

#contenu_home{
position:relative;
height:383px;
float:right;
margin:35px 0 0 415px;
width:535px;
background-color:#fff;
border-bottom:#c6cfd4 9px solid;
padding: 20px 0px 10px 0px;
}

.colonne1{
position:relative;
float:left;
background: url(../_images/home/titre_home_news.gif) no-repeat top right;
background-position:10px 20px;
padding:50px 5px 0px 5px;
width:160px;
border-right:#C4C4C4 1px solid;
height:360px;
margin-top:-28px;

}

.colonne1 img {
display:block;
margin:0px auto;
}



.conteneur_home{
cursor:pointer;
}

.legende{
font-size:1.2em;
font-weight:bold;
text-align:right;
float:right;
margin-right:5px;
margin-top:3px;
}

.col_txt {
text-align: left;
font-size:1.1em;
padding:20px 2px 5px 0 ;
}
.colonne1 .col_txt{
padding-left:5px;
}
.savoir_plus{
float:right;
cursor:pointer;
z-index:100;
}

.colonne2{
position:relative;
float:left;
margin-left:-160px;
margin-top:190px;
background: url(../_images/home/titre_home_stories.gif) no-repeat top right;
padding:30px 4px 0px 0px;
width:150px;
height:150px;
border-right:#C4C4C4 1px solid;
margin-right:4px;
}
.colonne2 img {
display:block;
margin:0px auto;
}
.colonne3{
position:relative;
padding:50px 5px 30px 5px;
margin-top:-30px;
margin-right:5px;
float:left;
background: url(../_images/home/titre_home_center.gif) no-repeat top right;
background-position:0px 20px;
width:145px;
border-right:#C4C4C4 1px solid;
height:130px;

}

#colonne4{
position:relative;
float:left;
padding:30px 5px 30px 5px;
margin-left:171px;
background:url(../_images/home/titre_home_you.gif) no-repeat top right;
background-position:0px 20px;
width:145px;
height:180px;
border-right:#C4C4C4 1px solid;
margin-top:-19px;
}

#colonne5{
position:relative;
float:left;
padding-top:10px;
padding-right:5px;
margin-right:5px;
background:url(../_images/home/titre_home_products.jpg) no-repeat top right;
background-position:0px 20px;
width:160px;
height:210px;
border-right:#C4C4C4 1px solid;
margin-top:-30px;

}

#recherche_home{
position:absolute;
top:368px;
left:0px;
background-color:#edf2f5;
padding: 5px 0 0 40px;
clear:both;
height:30px;
vertical-align:bottom;
display:block;
margin-top:10px;
width:495px;
}

#menu_home {
	position:absolute;
	top:0px;
	left:258px;
	width:692px;
	height:35px;
	background-color:#c6cfd4;
	margin:0;
	padding:0;
	z-index:50;
}


#menu_home ul  #menu_gauche{
width:38px;
display:none;
}
/***************************************************************************}*/

/*****************************CSS PAGE**********************************************{*/
#col_gauche {
	position:absolute;
	width:220px;
	padding:0px;
	
	background-color:#c1d72e;
	/*height:800px;*/
	/*min-height:100%;*/
	text-align:right;	
}
#col_gauche a{
text-decoration:none;
color:#000;
}

#col_gauche h3 a{
text-decoration:none;
color:#fff;
}

#col_g_noir{
height:20px;
color:#FFFFFF;
background-color:#343738;
text-align:right;
padding:15px 10px 0 0;
width:220px;
z-index:200;
}

#col_gauche h1{
margin:0;
padding:0 8px 0 0;
font-size:1.1em;
line-height:25px;
background-color:#c1d72e;
border-bottom:1px dotted #FFFFFF;
}
#col_gauche #menu_ouvert h1{
border-bottom:0px ;}


#col_gauche h3{
margin:0;
padding:0 8px 0 0;
font-size:1.1em;
line-height:25px;
background-color:#c1d72e;
color:#FFFFFF;
border-bottom: #FFFFFF 1px  dotted;
}
#col_gauche h2{
margin:0 8px 0 0;
padding:0 ;
font-size:1.1em;
line-height:25px;
color:#FFFFFF;
border-bottom: #FFFFFF 1px  dotted;

}

#col_gauche h2 a {
text-decoration:none;
color:#fff;

}
#col_gauche h2 a:hover {
text-decoration:none;
color:#000;
}

#col_gauche h3 a:hover {
text-decoration:none;
color:#000;
}


#menu_ouvert{
background-color:#c6cfd4;
width:221px;
display:block;

/*overflow:auto;*/
}

#col_gauche ul{

padding:0 0px 0 0;
margin:0 0px 0 0;
list-style:none;
border-top:#FFFFFF 1px dotted;
font-size:1.1em;
font-weight:bold;
/*width:180px;*/
background-color:#c6cfd4;
}

#col_gauche ul li{
margin-right:8px;
padding:5px 8px 5px 0;
border-right:#FFFFFF 1px solid;
list-style:none;
}

#col_gauche ul li:hover{
background-color:#FFFFFF;
background-position:5px 5px;
padding:5px 0px 5px 0;
}
#contenu{
float:right;
margin:35px 0 0 215px;
width:724px;
background-color:#fff;	
border-bottom:#c6cfd4 9px solid;
padding: 0 0 0 0px;
min-height:450px;
font-size:1.1em;
}


#recherche{
background-color:#edf2f5;
padding: 3px 0 0 40px;
clear:both;
height:30px;
vertical-align: bottom;
display: block;
margin-top:3px;
/*width:680px;*/
overflow:hidden;
float:left;

}



#bas{
clear:both;
position:relative;	
	height:8px;	
	background-color:#c1d72e;
	/*margin-top:8px;*/
	font-size:3px;
}

/**********************CONTENU PAGES******************************************/
/***********PAGES PRODUITS & COLLECTIONS & STORIE******/
.contenu table {
padding:0;
margin:0;
border:0;
}
.gauche1{
padding:40px 20px 0 40px;
min-height:450px;
text-align:justify;
}


.gauche1 h3{
font-size:1.4em;
text-transform:capitalize;
}
.droite1{
width:300px;
border-left:#c6cfd4 8px solid;
padding:10px 0px 0 0px;
}

/*.droite1 .photo{
margin:20px 0px 20px 10px;
float:left;
width:280px;
height:230px;
overflow:hidden;
}
.droite1 .photo img{
border:1px solid #c6cfd4;
}*/
/******************stories**********/
.gauche4 h3{
padding-top:20px;
font-size:1.3em;
text-transform:capitalize;
}
.gauche4{
padding:25px 20px 0 40px;
min-height:450px;
text-align:justify;
width:350px;
}

.gauche4 a{
color:#93941B;
text-decoration:none;
padding-top:20px;
clear:both;
display:block;
}

.droite4{
width:300px;
border-left:#c6cfd4 8px solid;
padding:10px 0px 0 6px;
}

.droite4 .photo{
margin:20px 0px 20px 10px;
float:left;
width:280px;
height:230px;
overflow:hidden;
}
.droite4 .photo img{
width:275px;
height:232px;
/*border:1px solid #c6cfd4;*/
}
#photo23{ width:110px;float:right; position:relative; }
 #photo1{
float:left;
}

#photo23 #photo2{
margin-left:10px;
width:99px;
height:121px;overflow:hidden;

}

#photo23 #photo3{
margin-left:10px;
margin-top:8px;
vertical-align:bottom;
height:99px;
width:99px;overflow:hidden;
}
/****************************/
.droite1  ul{margin:10px 0 0 0;	padding:0 0 0 10px; float:left; display:block;  list-style-image: none;}
.droite1 ul  li{padding:0px;	list-style-image: none;display:block; border:1px solid #c6cfd4;  float:left; margin:0 5px 5px 0; width:73px; height:73px;} 
 .droite1 ul  li img {width:73px;height:73px; border:0;}
 
.droite4  ul{margin:7px 0 0 0;	padding:0 0 0 7px; float:left; display:block;  list-style-image: none;}
.droite4 ul  li{padding:0px;	list-style-image: none;display:block; border:1px solid #c6cfd4;  float:left; margin:0 5px 5px 0; width:73px; height:146px;} 
.droite4 ul  li img {width:73px;height:146px; border:0;}




 
 /**Page collection**/
.gauche3  ul{ margin:41px 0px 0px 39px;	padding:0 0 0px 0px;  display:block;  list-style-image: none; width:312px;}
.gauche3 ul  li{padding:0px;	list-style-image: none;display:block;    margin:0 0 10px 0; } 
.gauche3 ul  li img{border:0; /*width:309px;*/ height:99px;border:1px solid #c6cfd4;
}
 
.droite3  ul{margin:30px 0 0 0px;	padding:0px; float:left; display:block;  list-style-image: none;}
.droite3 ul  li{padding:0 0px 0 0px;	list-style-image: none;display:block; border:1px solid #c6cfd4; width:99px; float:left; margin:0 25px 0 25px;  }
.droite3 ul  li img{ width:99px; height:325px;border:0;}
/********************/
 
 
.gauche2{
padding:30px 10px 30px 40px;
min-height:450px;

}

.gauche2 ul{
list-style-image:url(../_images/puce_FD-blanc.gif);
list-style-position:outside;
margin: 10px 0  0 0px;
padding: 0 0  0 10px;
}

.gauche2 ul li{
padding: 0 0 10px 0px;
margin: 0 0  0 10px;
}

.gauche2 h1{
padding:70px 0px 0 0px;
}
.gauche2 h2{
font-size:1.3em;
font-weight:bold;
margin-bottom:0px;}

.gauche2 img{
margin: 20px 0 30px 0;
}

.droite5{
/*width:250px;*/
border:1px solid #C6CFD4;
border-left:#c6cfd4 8px solid;
padding:10px 0px 0 0px;
}

.droite5  ul{margin:24px 0 0 0;	padding:0 0 0 12px; float:left; display:block; list-style:none;}
.droite5  ul li{margin-bottom:10px;}

.droite2{
/*width:250px;*/
border-left:#c6cfd4 8px solid;
padding:10px 0px 0 9px;
}

.droite2 p a{ color:#343738;
text-decoration:none;
text-align:right; float:right;
padding:0 10px 40px 0;
}

.droite2 p a span{ font-size:1.1em;}

.droite2  ul{margin:0px;	padding:0px; float:left; display:block;  list-style-image: none; width:240px;}
.droite2 ul  li{padding:0 0px 0 0px;	list-style-image: none;display:block; border:1px solid #c6cfd4; width:70px; float:left; margin:0 8px 8px 0; height:70px; }
 .droite2 ul  li img {width:70px;height:70px;}
 
 .txt_collection{
margin:60px 0 0 0;}

/***********PAGES NEWS & EVENTS******/
.news{
padding:30px 30px 20px 40px;

/*min-height:500px;*/
}

.collection{
margin:30px 0px 0px 40px;
}
.page{
padding:30px 10px 20px 40px;
}

.page2{
margin:10px 10px 20px 10px;
min-height:400px;
}


#colon1{
float:left;
width:310px;
}
#colon2{
float:left;
width:310px;
}
.news .bloc_news1{padding:0 50px 0 0px;	display:block;  width:290px; float:left; margin:20px 0 20px 0 ; min-height:200px; position: relative; }
.news .bloc_news2{padding:0 5px 0 0px;	display:block;  width:290px; float:right; margin:20px  0px 0 0px; min-height:200px; position: relative; }

.bloc_news1 img{
float:left;
margin-right:15px;border:1px solid #999999;
} 
.bloc_news2 img{
float:left;
margin-right:15px;border:1px solid #999999;
} 

#colon1{
width:320px;
float:left;

}

#colon2{
width:320px;
float:left;
margin-left:20px;
}
.news .date{
color:#93941B;
}
.news .titre{
font-weight:bold;
}

.news .txt_news{
font-size:1.1em;

}

.news .savoir_plus{
padding:20px 0 20px 0;
border:none;
}

/***********PAGES DOWNLOAD******/
#download{
padding: 0 0px 0 0px;
}

.gauche1_down{
padding:40px 30px 0 40px;
min-height:480px;
}
.droite1_down{
background:url(../_images/droite_design2.gif) no-repeat  top left;
/*border-left:#c6cfd4 8px solid;*/
padding:10px 0 0 0px;
min-height:450px;

/*#e2e7e9*/
}

div.close{float:left;  font-size:1.1em;   display:block; margin-bottom:0px;  width:401px; background:url(../_images/download/box_close.gif) no-repeat; height:25px;}
div.close1{float:left;  font-size:1.1em;   display:block; margin-bottom:0px;  width:401px; background:url(../_images/download/box_ident.gif) no-repeat; height:25px;}
div.open{float:left;  font-size:1.1em;  display:block; margin-bottom:0px;   width:401px; background:url(../_images/download/box_open.gif) no-repeat; height:25px;}
div.open1{float:left;  font-size:1.1em;   display:block; margin-bottom:0px;   width:401px; background:url(../_images/download/box_ident.gif) no-repeat; height:25px;}

.close #lien_hist{   text-decoration:none;  color: #333333 ;  vertical-align:middle; width:391px; display:block; padding: 4px 0 0 10px;  margin-left:0px;  height:21px;}
.close1 #lien_hist{   text-decoration:none;  color: #333333 ;  vertical-align:middle; width:391px; display:block; padding: 4px 0 0 10px;  margin-left:0px; height:21px;}
div.open #lien_hist{   text-decoration:none;  color:#333333;  vertical-align:middle; width:391px; display:block; padding: 4px 0 0 10px; margin-left:0px; height:21px;}

.close a:active{text-decoration:none;  color:#fff;  vertical-align:middle; width:401px; display:block;background:url(../_images/download/box_open.gif) no-repeat; height:25px;}
.close1 a:active{text-decoration:none;  color:#fff;  vertical-align:middle; width:401px; display:block;background:url(../_images/download/box_ident.gif) no-repeat; height:25px;}
div.bloc
{	
	
	display : none; width:399px; border: #c6cfd4 1px solid ;
	margin:0;
	
}


div.bloc ul{ margin:0px 0 0 40px; padding: 30px 0 0px 5px; list-style-image:url(../_images/puce.gif);  }

div.bloc ul li{padding:10px 0 10px 0 ;  vertical-align:middle;   }

div.bloc ul li a {color:#000000; text-decoration:none; font-weight:bold; }

/**********PAGE YOU&ME**************/
.gauche1_you{
padding:30px 20px 30px 40px;
min-height:500px;
}
.droite1_you{
padding:30px 30px 30px 30px;
}
.gauche1_you h3{font-size:1.3em;}
.droite1_you h3{font-size:1.3em;}


.gauche1_you table{ border:#c6cfd4 2px solid; padding:0;margin:0;}
.droite1_you table{ border:#c6cfd4 2px solid; padding:0;margin:0;}
.td_blanc{
text-align:center;
background-color:#c6cfd4;
color:#FFFFFF;
font-weight:bold;
height:20px;}

.txt_vert{
color:#93941B;
font-weight:bold;
height:12px;}

.td_txt{
border-bottom:#c6cfd4 1px solid;
}

.td_txt input{
border:#fff 1px solid;
font-size:1.1em;
}

.td_txt2 input{
border:#fff 1px solid;
font-size:1.1em;

}

#check{
display:block;
vertical-align:middle;
font-size:1.0em;
}

.bouton{
float:right;
margin-top:10px;
margin-bottom:40px;
}

#list_valmont{
padding-bottom:30px;
}
.list_valmont{
background: url(../_images/list_valmont.gif) no-repeat left;
padding: 0 0 0 50px;
height:30px;
display:block;
}

.list_valmont a{color:#333333; text-decoration:none;}


/************************************************************
         Formulaire de contact
**************************************************************/
.contact{ border:#c6cfd4 2px solid; padding:0;margin:0;}

.contact input[type="radio"] {	
	margin-left: 12px;
	padding: 2px 4px;
	vertical-align:middle;
	
}
.td_blanc{padding-left:5px; text-align:left;}
form  p {
	/*margin-left: 10px;*/
}
form  p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
	margin-bottom:-5px;
}
form  p.double label {
	float: left;
	width: 140px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
	display:inline;
}
/*form  p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}*/
/*

.gd_text_area{ width:200px; margin-left:0;margin-top:20px;}*/

form p.double input#cp {width:100px;}


form input[type="radio"] {
	/*width: 250px;*/
	margin-left: 12px;
	padding: 2px 4px;
	/*margin-bottom:10px;*/
}

form  p.double input.text,.texta{
	padding: 2px 0 0 0px;
	width: 220px;
	/*height: 6em;*/
}
form  .bouton2 {
margin:20px 0 20px 268px;
	
}
form select {
color:#808080;
font-size:0.95em;
 }