/* CSS Document */

body{
	background:#F8B700 url(../images/mep/fond.jpg) no-repeat top center;
	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;
}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
#conteneur{
	width:785px;
	margin:0 auto;
	overflow:visible;
	/*padding:0 0 0 30px;*/
}
#conteneur_popup{
	width:400px;
	margin:0 auto;

	/*padding:0 0 0 30px;*/
}
#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;
	color:#253C94;
}
#bandeau h2{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	font-style:italic;
	display:inline;
}
#bandeau h3{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	font-style:italic;
	display:inline;
}
#bandeau h4{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	font-style:italic;
	display:inline;
}
#logo{float:left; width:128px;}
#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, #colG{
	height:auto !important;
	min-height:430px;
	height:430px;
}
#contenu{margin:0 175px 0 143px;}
#presVous{
	/*width:785px;
	margin:0 auto;*/
	padding:0 180px 0 0;
	text-align:right;
}

#piedPage{	
	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;
}
img.png {behavior: url(css/png.htc); position:relative; z-index:15;}

#flashBoutiques{
	padding-top:10px;
	width:410px;
	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;}

#type{
margin:0;
padding-left:0px;
width:150px;
}

#produit{
width:150px;}

#modeles{
width:150px;}

#selectGalerie table{
	padding:0;
	margin:5px 0 0 0;
}

#selectGalerie td{
	padding:0;
	margin:0;
}

#selectGalerie select{
	width:180px;
}

#modeleSelectionne{
	float:right;
	margin-top:-154px;
}


#titreReference{

	width:120px;
	margin-left:134px;
	display:block;
	font-size:16px;
	text-align:center;
	border: 1px solid #1D4257;
	color:white;
}

.contact{
	text-align:center;
}
/* ------------------------------------------------------------------------  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:10px 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; padding:0 0 10px 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:white;
border: 1px solid #1D4257;
margin-left:0px;
color:#1D4257;
}

#contenu input{
background-color:#FAD364;
border: 1px outset white;
}
.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:#8E5704;}
.txtOffre{color:#243d94;}
.info{ color:red; font-weight:bold;}

#links{
	float:left;
	padding:0;
	margin:20px 0 0 20px;
}
#linksGauche{
	padding:0;
	margin:0;
	text-align:center;
	padding:0;
	margin:20px 10px 0 10px; 
	
	
}
#links a{
	display:block;
	border: 1px solid #FFFFFF;
	width:140px;
	padding:2px;
	margin:3px 0;
}
#linksGauche a{
	display:block;
	border: 1px solid #FFFFFF;
	width:140px;
	padding:2px;
	margin:3px auto;
}
#links a:hover, #linksGauche a:hover{
	background:#FFFFFF;
	color:#F8B700;
	text-decoration:none;
}
#links li, #linksGauche li{list-style:none;}
.links_plan a{
	display:inline;
	border: 1px solid #FFF;
	width:140px;
	padding:2px 10px 2px 10px;
	margin-top:10px;
}
.links_plan a:hover{
	color:#F8B700;
	display:inline;
	text-decoration:none;
	background:#FFFFFF;
}

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

#alphabet{margin:10px 0;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.1em;font-size:14px;}
#alphabet li a:hover {color:#000}

#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}

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