body{
	font-family:verdana;
	font-size:11px;
	background-image: url("/img/trame.gif");
	padding:0;
	margin:0;
	z-index:1;
}
#global{
	width:950px;
	text-align:left;
	height:auto;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	z-index:100;
}
#dhtmlgoodies_xpPane{
	position:relative;
	padding:5px;
	padding-bottom:20px;
	width:250px;
	height:auto;
	border:1px dotted #999999;
	margin:10px;
	background-color:#FFFFFF;
	z-index:100;
}

/*===================================================================================================*/
/* CSS Globale */
/*===================================================================================================*/
hr{ 
	clear:both;
	height:0px;
	width:100%;
	backgroud-color:#FFFFFF;
	visibility:hidden;
	
}
a{
	color:#0000000;
	text-decoration:none;
}
a:hover{
	color:#0000000;
	text-decoration:none;
}
a:visited{
	color:#0000000;
	text-decoration:none;
}
a:link {
	color:#0000000;
	text-decoration:none;
}

a:active {
  	color: #000000;
	text-decoration:none;
}

a.hidden {
	color:#0000000;
	text-decoration:none;
}
a.hidden:visited {
  	color: #000000;
	text-decoration:none;
}
h2{
	font-size:1.2em;
}

/*===================================================================================================*/
/* CSS Globale */
/*===================================================================================================*/


#login_mdp{
	float:left;
	margin:2px;
	width:100%;
}
#login_label{
	float:left;
	width:95px;
	text-align:right;
	font-size:11px;
}	

#container{
	margin-left:10px;
	float:left;
	width:100%;
}	
#container a{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
#container a:HOVER{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	
}

contener{
	/*border: thin dotted #000000;*/
	left: 30px;
	top: 30px;
	right: 30px;
	bottom: 30px;
}	

	
#label{
	float:left;
	width:90px;
	text-align:right;
	font-size:11px;
}	

.bouton{
	float:left;
	width:50px
}
#loginpart{
	width:222px;
	height:100px;
	background-color:#99CC00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}
#logincatalog{
	width:100%;
	font-weight:bold;
	height:auto;
	font-size:11px;
	color:#666666;
}
#entete{
	width:950px;
	height:160px;
	position:relative;
	background-image:url(/img/top.jpg);
	background-repeat:no-repeat;
}
#entete_lien{
	width:450px;
	height:100px;
	margin-top:52px;
	margin-left:50px;
	float:right;
	text-align:center;
	padding-right:30px;
	
}
#entete_img{
	margin-left:25px;
	margin-top:35px;
	width:70px;
	float:right;
	text-align:center;
}

/* Page Recherche */
#recherche_site{
	margin-left:5px;
	width:400px;
	position:relative;
	color:#FFFFFF;
	font-weight:bold;
	height:auto;
	float:left;

	
}
#recherche_label{
	float:left;
	width:150px;
	text-align:left;
	margin-top:3px;
}
.recherche_label_valide{
	float:left;
	width:20px;
	text-align:left;
	margin-top:3px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
}
a.recherche_label_valide{
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
#recherche_saisie{
	float:left;
	margin:2px;
	width:400px;
	margin-top:132px;
}
.recherche_champ_saisie{
	float:left;
}
input.recherche_champ_saisie {
	height:10px;
	width:90px;
	margin-top:3px;
}
.recherche_resultat{
	margin-top:5px;
	margin-bottom:5px;
	color:#666666;
	font-weight:bold;
	
}
.recherche_liste{
	margin-bottom:5px;
}


#contenu_recherche{
	text-align:left;
	color:#000000;
	font-size:10px;
	
}
#contenu_recherche a{
	text-align:left;
	font-size:11px;
	color:#0033FF;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}






#bas{
	width:950px;
	position:relative;
	height:auto;
	float:left;
}
.textBas{
	font-size:11px;
	color:#CCCCCC;
	width:100%;
	text-align:center;
	background:none;
}
#menu_inc{
	float:left
}
#main{
	float:left;
	padding-bottom:20px;
	width:655px;
	height:auto;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}
#main_recherche{
	float:left;
	padding-bottom:20px;
	padding:5px;
	width:640px;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px dotted #999999;
	background-color:#FFFFFF;

}

#article{
	position:relative;
	padding-bottom:20px;
	width:655px;
	height:auto;
	margin-top:0px;
	margin-bottom:20px;
	border: Aucune;
	visibility: visible;
	left: -1px;
	background-color:#FFFFFF
}
#actu{
	float:left;
	padding-bottom:20px;
	padding:5px;
	width:380px;
	height:550px;
	margin-right:10px;
	border:1px dotted #999999;
	background-color:#FFFFFF;
}
#video{
	float:left;
	padding-bottom:20px;
	padding:5px;
	width:240px;
	height:505px;
	border:1px dotted #999999;
	background-color:#FFFFFF;
}

#focus{
	margin-top:20px;
	padding-left:5px;
	z-index:100;
}

#ariane a{
	width:100%;
	border-bottom:1px dotted #000000;
	margin-bottom:20px;
	color:#333333;
	line-height:17px;
	text-indent:14px;
	font-weight:normal;
}

#ariane a{text-decoration:none;font-weight:bold;}

/** SUB MENU **/
#outer {width:504px; height:2600px; position:relative;}
#outer #content {clear:left; position:absolute; top:10px; width:250px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:250px; position:absolute; top:10px; left:0; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {display:block; color:#FFFFFF; float:left; background-color:#99cc00; position:relative; border-top:1px solid #fff; font-family:tahoma; font-size:10px; width:250px; text-decoration:none;  cursor:pointer; text-indent:2px;}
#menu li a{color:#FFFFFF; font-weight:bold; line-height:17px;}
/**#menu li, #menu li a {display:block; color:#fff; font-family:tahoma; font-size:10px; width:250px; text-decoration:none;  cursor:pointer; text-indent:2px;}**/

#menu li.sub {display:block; background-color:#FBFBFB; color:#333333;  position:relative; border-top:1px solid #fff;}
#menu li.sub a {display:block; background-color:#FBFBFB; color:#333333; font-weight:normal; line-height:12px; position:relative; border-top:1px solid #fff;}

/**#menu li, #menu li.glob {display:block; background-color:#FBFBFB; color:#333333; font-weight:bold; line-height:17px; position:relative; border-top:1px solid #fff;}**/


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#ffffff; z-index:500; background-color:#000000;}
#menu li.click li.hover  {display:block; background-color:#99cc00; color:#ffffff; font-weight:normal; line-height:12px; position:relative; border-top:1px solid #fff;}


#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, #menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background: #000 url(/frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background:#000;}

#menu li.click ul li.hover ul li {background:#000;}
#menu li.click ul li.hover ul li.hover ul li {background:#000; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #000;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#000;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#000;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#000;}

#outer img {display:block; float:right;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}
/** FIN DU SUB MENU **/.enconstruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.contact {
	border:1px dotted #999999;
	background-color:#FFFFFF;
	height: auto;
}
.imagemarge {
	text-indent: 0px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
}
.textecontenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textecontenusoustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.textecontenucontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 30px;
}
.agenda {
	border:1px dotted #999999;
	background-color:#FFFFFF;
	height: auto;
	
}
.liste_news {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px dotted #999999;
	background-color:#FFFFFF;
	height: auto;
	
}

.vitre_et_sol {
	border:1px dotted #999999;
	background-color:#FFFFFF;
	height: auto;
	width:500px;
	
}
.donnee_tech {
	border:1px dotted #999999;
	background-color:#FFFFFF;
	height: auto;
	width:300px;
	
}
a.lien_bas{
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
a.lien_bas:HOVER{
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
#BlocProduit {
	width:200px; 
	height:162px; 
	border:1px dashed #CCCCCC; 
	padding:5px 5px 5px 5px; 
	margin:0px 0px 5px 5px;
	float:left;
}
#BlocProduitMat {
	width:200px; 
	height:162px; 
	border:1px dashed #CCCCCC; 
	padding:5px 5px 5px 5px; 
	margin:0px 0px 5px 5px;
	float:left;
}

#img_produit {
	margin:5px 0px 0px 5px; 
	float:left;
	height:100px; 
	width:200px;
	vertical-align:middle; 
}
#desi2_produit_mat {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	margin-bottom:5px;
	margin-right:10px;
	font-weight:bold;
	text-decoration:none;
	color:#999999;
	width:200px;
	float:left;
	text-align:center;
}

#desi_produit_mat {
	margin:5px 0px 0px 5px;
	font-weight:bold;
	width:200px;
	border:0px;
	border-style:solid;
	border-color:#999999;
	position:relative;
	float:right;
	text-align:center;
}

#img_produit_mat {
	margin:5px 0px 0px 5px; 
	float:left;
	height:100px;
	width:200px;
	
}
#savoir_plus_mat{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	background-image: url(/img/en_savoir_plus.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	float:left;
	width:100%;
	margin:5px 5px 5px 5px;
	height:18px;
}
#savoir_plus_mat a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#savoir_plus_mat a:HOVER{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}

#desi_produit {
	margin:5px 0px 0px 5px;
	font-weight:bold;
	width:200px;
	border:0px;
	border-style:solid;
	border-color:#999999;
	position:relative;
	float:left;
	text-align:center;
}
.ProdTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
}
.NewsTitre{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	color:#99BF1D;
}
.NewsSousTitre{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
}
.info_news{
	display:none;
}
#desi2_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	margin-bottom:5px;
	margin-right:10px;
	font-weight:bold;
	text-decoration:none;
	color:#999999;
	width:200px;
	height:40px;
	position:relative;
	float:left;
	text-align:center;
}

#savoir_plus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	background-image: url(/img/en_savoir_plus.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	float:left;
	width:100%;
	margin:5px 5px 5px 5px;
	height:18px;
}
#savoir_plus a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#savoir_plus a:HOVER{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}
.txt_savoir{
	margin-top:03px;
}
/* Mise en page article */
.art_model{
	color:#99cc00;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	
}
.art_icons{
	color:#666666;
	font-weight:normal;
	font-size:10px;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
}
.art_donnee_tech{
	color:#99cc00;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.art_titre_table{
	color:#666666;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	margin-top:5px;
}
.art_titre_table_prix{
	color:#666666;
	font-weight:bold;
	font-size:11px;
	text-align:right;
	margin-top:5px;
}

.art_libelle{
	color:#666666;
	font-weight:normal;
	font-size:9px;
	text-align:left;
}
.art_libelle_prix{
	color:#666666;
	font-weight:normal;
	font-size:9px;
	text-align:right;
}
.contact_puce{
	margin-left:5px;
}
.contact_txt_tableau{
	text-align:right;
}
.titre_menu{
	color: #009966;
	font-weight: bold;
	background-color:#000000;
	
}
#video_text{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;

}
#video_toutes{
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	display:block;
	background-color:#99cc00;
	color:#FFFFFF;
	font:Arial;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height:18px;
	padding-top:3px;
}
#video_toutes a{
	color:#FFFFFF;
	text-decoration:none;
}
#video_toutes a:HOVER{
	text-decoration:none;
	color:#CCCCCC;
}
.videos_liste{
	margin:5px 5px 5px 5px;
}
#bloc_video{
	position:relative;
	padding-bottom:20px;
	width:650px;
	margin-top:0px;
	margin-bottom:20px;
	border: Aucune;
	visibility: visible;
	left: -1px;
	background-color:#FFFFFF;
	border:1px dotted #999999;
	float:left;
	height:auto;

}
#bloc_liste_video{
	position:relative;
	padding-bottom:20px;
	width:230px;
	height:187px;
	margin-top:2px;
	margin-bottom:2px;
	visibility: visible;
	background-color:#FFFFFF;
	float:left;
}

#liste_des_videos{
	float:left;
	margin-top:20px;
	margin-left:20px;
	padding-left:5px;
	z-index:100;
	height:auto;
}
a.lien_menu{
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	padding-left:30px;
}
a.lien_menu:HOVER{
	font:Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	font-weight:normal;
	padding-left:30px;
}