/* CSS Document */

body{
/*	background:#F8B700 url(../images/mep/fond.jpg) no-repeat top center;
*/	background:#333333;
	margin:0;
	padding:0;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
td, th{ text-align:justify;}
/* ------------------------------------------------------------------------  Tunnel  ----------------------------------------------------------------------------------------------*/
#bodyTunnel{background:#F8B700 url(../images/mep/fond-tunel.jpg) no-repeat top center;}
#tunnel{
	width:840px;
	height:390px;
	border:1px solid #FFF;
	margin:100px auto 0 auto;
}
#enter{
	margin:25px auto;
	padding:0;
	width:160px;
	border:1px solid #FFF;
	font-size:14px;
	text-align:center;
}
#enter a{display:block;}
#enter a:hover{ text-decoration:none; background-color:#FFF; color:#F8B700;}

/* -----------------------------------------------------------------------  Fin Tunnel  ---------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------  Catalogue  ----------------------------------------------------------------------------------------------*/
#bodyCata{background:#F8B700 url(../images/mep/fondPageCata.jpg) no-repeat top center;}

#cata{
	text-align:center;
	margin:130px auto 0 auto;
}
/* ------------------------------------------------------------------------  Fin Catalogue  ----------------------------------------------------------------------------------------------*/





/* ------------------------------------------------------------------------  Mise en page  ----------------------------------------------------------------------------------------------*/
a{
	color:#FFF; outline:none;
}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
#conteneur{
	width:1000px;
	margin:0 auto;
	overflow:visible;
	padding-top:2px;
}
#conteneur_popup{
	width:400px;
	margin:0 auto;

	/*padding:0 0 0 30px;*/
}
#header {cursor:pointer; }


#menu_header { background: transparent url(/images/mep/bandeau_menu.png) no-repeat left top; height:29px; width:1000px;  margin-bottom:5px; padding:0; text-align:center;  }
#menu_header .menu { margin:0; line-height:29px; padding:0;   }
#menu_header ul li { display:inline; height:20px; text-align:center; padding:4px; }
#menu_header ul li a, #menu_header ul li{ color:#FFF; font-size:11px; font-weight:bold; height:20px; text-transform:uppercase; text-decoration:none;   }
#menu_header ul li a:hover { color:#99CCFF;  }

#menu_header ul li a#lienVideo:link{color:#ffe100;}
#menu_header ul li a#lienVideo:visited{color:#ffe100;}
#menu_header ul li a#lienVideo:hover{color:#fff;}

#bloc_left{float:left; width:127px;}
#bloc_left  ul  { list-style-type: none; margin:0; padding:0;  }
#bloc_left .conseils {background:url(/images/mep/conseils_pro.png) top left no-repeat; height:55px; width:180px; display:block;}
#bloc_left .conseils:hover {background:url(/images/mep/conseils_pro_survol.png) top left no-repeat; height:55px; width:180px; display:block;}

#bloc_right{ float:right; }
#bloc_right  ul  { list-style-type: none; margin:0; padding:0;  }

#bloc_right .pvc {background:url(/images/mep/pvc.png) top left no-repeat; height:58px; width:138px; display:block;}
#bloc_right .pvc:hover{background:url(/images/mep/pvc_survol.png) top left no-repeat; height:58px; width:138px; display:block;}


#bloc_right .bois {background:url(/images/mep/bois.png) top left no-repeat; height:58px; width:138px; display:block;}
#bloc_right .bois:hover {background:url(/images/mep/bois_survol.png) top left no-repeat; height:58px; width:138px; display:block;}

#bloc_right .alu {background:url(/images/mep/alu.png) top left no-repeat; height:58px; width:138px; display:block;}
#bloc_right .alu:hover {background:url(/images/mep/alu_survol.png) top left no-repeat; height:58px; width:138px; display:block;}

#bloc_right .traduction {background:url(/images/mep/traducteur.png) top left no-repeat; height:58px; width:138px; display:block;}
#bloc_right .traduction:hover {background:url(/images/mep/traducteur_survol.png) top left no-repeat; height:58px; width:138px; display:block;}

#bloc_right .infos {background:url(/images/mep/infos.png) top left no-repeat; height:58px; width:138px; display:block;}
#bloc_right .infos:hover {background:url(/images/mep/infos_survol.png) top left no-repeat; height:58px; width:138px; display:block;}

#bloc_right .partenaire {background:url(/images/mep/partenaire.png) top left no-repeat; height:58px; width:138px; display:block;}
#bloc_right .partenaire:hover {background:url(/images/mep/partenaire_survol.png) top left no-repeat; height:58px; width:138px; display:block;}



#bandeau_images { width:auto; height:348px;  }

#menu_bas_accueil { width:1000px; padding-top:5px;  clear:both;  }


#menu_bas_accueil .bloc { width:243px; float:left;  }



#menu_bas_accueil h3 { margin:0; padding: 0 20px 9px 20px;  font-size:12px; display:block; text-align:center; }
#menu_bas_accueil h4 { margin:0; padding: 3px 20px; font-size:11px; text-align:center; }

#menu_bas_accueil a { color: #003366;  }

#menu_bas_accueil .actu_boutique {background:url(/images/mep/actu.png) top center no-repeat; margin-right:9px; margin-left:9px; padding-top:35px; height:220px; _height:220px; overflow:hidden; }
#menu_bas_accueil .offre_emploi {background:url(/images/mep/offre_emploi.png) top center no-repeat; float:right;padding-top:35px; height:220px;overflow:hidden;   }

#menu_bas_accueil .actu_boutique table { height:220px; _height:220px; width:100%;}
#menu_bas_accueil .offre_emploi table { height:220px; _height:220px; width:100%;}


#cloD{
	float:right;
	width:170px;
	height:auto !important;
	min-height:685px;
	height:685px;
}
#porteDroite{margin:35px 0;}
#decoDroite{ margin:0 0 20px 0;}
#imgFammille{ margin:0 0 20px 0;}
#bandeau{
	padding:50px 0 0 0;
	margin:0 170px 0 0px;
	height:205px;
	background:url(../images/mep/imgHaut.jpg) no-repeat left top;
}
#contenuBandeau{margin:0 0 0 128px; padding:0 0 0 10px;}
#links{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
}
#links a{
	display:block;
	border: 1px solid #FFF;
	width:140px;
	padding:2px;
	margin:3px 0;
}
#links a:hover{
	color:#F8B700;
	display:block;
	text-decoration:none;
	background:#FFFFFF;
}

#links li{list-style:none;}
#contenuBandeau #produits{margin:15px 0 0 180px; padding:0;}
#contenuBandeau #produits a{color:#253C94;}
#contenuBandeau #produits li{
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	text-transform:uppercase;
	color:#253C94;
	font-size:14px;
	font-weight:bold;
	list-style:none;
}
#bandeau h1{
	margin:0;
	padding:0;
	font-size:38px;
	font-style:italic;
}
#bandeau h2{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	font-style:italic;
}

#cloG{
	position:relative;
	width:168px;
	float:left;
	margin:0 0 0 -30px !important;
	/*margin:0 0 0 -15px;*/
	z-index:10;
}
#btnCata{ margin:15px 0 0 0;}
#divBtnActu{ margin:15px 0 0 0;}
#porte{ margin:15px 0 0 0;}

#contenu{ width:670px; float:right; padding:0 6px; margin:0; height:348px; overflow:auto;    }
#presVous{
	/*width:785px;
	margin:0 auto;*/
	padding:0 180px 0 0;
	text-align:right;
}

#piedPage_sv{	
	clear:both;
	background:url(../images/mep/traitsBas.png) center top repeat-x !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mep/traitsBas.png', sizingMethod='scale'); 
	margin:0 auto 0 auto !important;
	margin:-100px auto 0 auto;
	padding:119px 30px 0 0;
	height:100px;
	text-align:center;
	z-index:-1;
	font-size:10px;
}

#piedPage{	
	clear:both;
	margin:0 auto 0 auto !important;
	padding-top:10px;
	height:100px;
	text-align:center;
	z-index:-1;
	font-size:10px;
}

img.png {behavior: url(css/png.htc); position:relative; z-index:15;}

#flashBoutiques{
	padding-top:10px;
	margin: 0px;
	z-index:30;
	position:relative;
}

#contenu_popup ul li{
	list-style: none;
}
#bleue{
	color:#243D94;
}
#close{
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	width:120px;
	text-align:center;
	border:1px solid #FFF;
}

#introFlash{width:460px; margin:10px auto; height:400px;}

.produit{float:right; margin:30px 0 0 20px;}
.imgDroite{float:right; margin:0px 0 0 20px;}
.descriptif{padding:30px 0 20px 20px; /*width:215px;*/}
#cloD, #cloG{ 
	margin-bottom:-116px !important;
	margin-bottom:0;
}
.clear{ clear:both; visibility:hidden; height:0; margin:0; padding:0;}
/* ------------------------------------------------------------------------  Fin Mise en page  ----------------------------------------------------------------------------------------------*/


.accordion_toggle, .accordion_toggle_bis{
	cursor:pointer;
	/*background: #2D2D2D url(../images/mep/2downarrow.gif) no-repeat 99% center;
	border: 1px solid #6F6F6F;
	padding:3px 10px;
	font-size:14px;*/
	display:block;
}
.accordion_toggle:hover, .accordion_toggle_bis:hover {
	/*background-color:#2B1312;*/
}
.accordion_toggle_active, .accordion_toggle_active_bis {
	/*background:#2B1312 url(../images/mep/button_cancel.gif) no-repeat 99% center;*/
}
.accordion_content{overflow: hidden;}



/* ------------------------------------------------------------------------  Typographie  ----------------------------------------------------------------------------------------------*/


.titre{ background:url(../images/mep/flech22.gif) no-repeat left center; padding:0 0 0 65px; margin:0; font-size:38px; font-style:italic; color:#FFF;}
.smallTitre{ font-size:22px;}
#contenu h2{ color:#243D94; font-size:16px; margin:5px 0;}
#contenu_popup h2{ color:#243D94; font-size:16px; margin:5px 0;}
#contenu h2 a{ color:#243D94;}
#contenu h3{ color:#243D94; font-size:14px; margin:5px 0;}
#contenu h4{ color:#243D94; font-size:12px; margin:5px 0;}
#contenu p{ margin:5px 0;}
#contenu ul li{list-style:none;}
#contenu select{
background-color:#FAD364;
border: 1px solid white;
}
#contenu input{
background-color:#FAD364;
border: 1px solid white;
}

#contenu textarea{
border: 2px solid #FFCC00;
}

.legende{font-size:0.8em; font-style:italic;}
h2#sousTitre{ padding:0 0 0 25px; margin:0 0 0 0; font-size:14px; color:#FFF;}
a.lienCat{border:1px solid #FFF; padding:2px; margin:20px 0 0 0 ; display:block; text-align:center; width:200px;}
a:hover.lienCat{border:1px solid #FFF; padding:2px; color:#F8B700; background:#FFF; text-decoration:none;}
.txtOffre{color:#FFF;}
.info{ color:blue; font-weight:bold; background-color:#FFFFFF; line-height:20px; padding-left:5px;}

#links, #linksGauche{
	float:left;
	padding:0;
	margin:20px 0 0 20px;
}
#links a,#linksGauche a{
	display:block;
	border: 1px solid #FFF;
	width:140px;
	padding:2px;
	margin:3px 0;
}
#links a:hover, #linksGauche a:hover{
	background-color:#FFF;
	color:#F8B700;
	text-decoration:none;
}
#links li, #linksGauche li{list-style:none;}
/* ------------------------------------------------------------------------  Fin Typographie  ----------------------------------------------------------------------------------------------*/

.alphabet{ margin-top:125px; padding:0; text-align:center}
.alphabet ul{margin:0;padding:0;list-style:none}
.alphabet li{ display:inline}
.alphabet li a {font-weight:bold;letter-spacing:0.3em;font-size:16px;}
.alphabet li a:hover {color:#000}
.majus { font-weight:bold;letter-spacing:0.3em;font-size:16px; width:100px; } 

#contenuAlphabet{height:350px;overflow:auto;padding-left:5px;}
#contenuAlphabet p{margin-bottom:20px; font-weight:bold;}
#contenuAlphabet a{font: normal 1.5em/130% Arial,Helvetica,sans-serif;color:#253C94}

#contenu_actus h3 { color: #FFCC00  }
#contenu_actus h4 { color: #fff  }
#contenu_actus p { padding-bottom:5px;  }

.font_bloc { font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:1.3em;  }

.contenu_conseils { float:left; width:420px; padding-top:150px; padding-left:40px; font:Arial, Helvetica, sans-serif; font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:1.3em; }

.conseils_boutons { padding-top:150px; padding-left:40px; width:135px; float:left;   }
.conseils_boutons a { display:block; padding-bottom:10px; }

.conseilsalu {background:url(/images/mep/conseils_alu.jpg) top left no-repeat; height:48px; width:135px; display:block;}
.conseilsbois {background:url(/images/mep/conseils_bois.jpg) top left no-repeat; height:48px; width:135px; display:block;}
.conseilspvc {background:url(/images/mep/conseils_pvc.jpg) top left no-repeat; height:48px; width:135px; display:block;}

.conseilsalu:hover {background:url(/images/mep/conseils_alu_survol.jpg) top left no-repeat; height:48px; width:135px; display:block;}
.conseilsbois:hover {background:url(/images/mep/conseils_bois_survol.jpg) top left no-repeat; height:48px; width:135px; display:block;}
.conseilspvc:hover {background:url(/images/mep/conseils_pvc_survol.jpg) top left no-repeat; height:48px; width:135px; display:block;}

.conseilsalu.jaune {background:url(/images/mep/conseils_alu_survol.jpg) top left no-repeat; height:48px; width:135px; display:block;}
.conseilsbois.jaune {background:url(/images/mep/conseils_bois_survol.jpg) top left no-repeat; height:48px; width:135px; display:block;}
.conseilspvc.jaune {background:url(/images/mep/conseils_pvc_survol.jpg) top left no-repeat; height:48px; width:135px; display:block;}

.plus_infos {background:url(/images/mep/plus_infos.jpg) top left no-repeat; height:31px; width:88px; display:block; }


.table,.table td,.table tr td{ border-collapse:collapse;padding:5px; text-align:left;}

label {
clear:both;
display:block;
}

#contenu .submit{background: transparent url(/images/mep/valider.jpg) no-repeat top center; width:71px; height:29px; border:0; cursor: pointer; }

#contenu .small_center { font-size:9px; text-align:center; }


.jScrollPaneDrag{ background:url(../images/mep/poignee.png) no-repeat 1px center #ffba00;}
.jScrollPaneTrack{ background:#ffcf4e;}

a.jScrollArrowUp {
	
	background:url(../images/ui-icons_222222_256x240.png) no-repeat -2px -3px;
	background-color: #ffcf4e;
}
a.jScrollArrowUp:hover {
	background:url(../images/ui-icons_888888_256x240.png) no-repeat -2px -3px ;
	background-color: #ffcf4e;
}

a.jScrollArrowDown {
	background:url(../images/ui-icons_222222_256x240.png) no-repeat -67px -3px #ffcf4e;
}
a.jScrollArrowDown:hover {
	background-color: #ffcf4e;
	background:url(../images/ui-icons_888888_256x240.png) no-repeat -67px -3px #ffcf4e;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
#barreDef{height:275px; overflow:hidden; padding:0 20px;}

.jScrollPaneContainer{outline:none;}

.quarter{height:55px; overflow:hidden;}