* {margin:0;padding:0;border:0}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:justify;
	background-color:#000}

/* ----------------------------------------------   		ZONES  DIV  PAGES
 -----------------------------------------------------------------------------------------------------------------*/
#conteneur{margin:0 auto 20px auto;width:800px; background-color:#000000;}

#flashAccueil{width:800px;height:300px; margin-top:200px;border-top:1px solid #999;padding-top:50px}
#flashAccueil{width:560px;height:440px; margin:0 auto;}

#haut{background-color:#000;margin:0 0 10px 0;border-bottom:1px solid #CCC;height:120px;}
#logo{/*background:url(../images/mep/gimm_traiteur2.gif) no-repeat;*/height:105px;width:200px;position:absolute;margin: 5px 0 0 300px;}

#content{min-height:388px;_height:388px;}
#contentG{float:left;width:158px;margin-right:20px;}
#contentD{float:right;width:622px;padding-top:10px;}

#menu{margin:10px 0 40px 0; height:19px}

#pied{background-color:#000;height:100px;}
#piedG{float:left;width:180px;padding-top:58px}
#piedD{float:right;width:135px;padding-left:15px;}
#centreP{ margin:0 150px 0 180px;text-align:center;color:#fff;padding-top:45px;}
#lienCollection2009{ margin:0 0 35px 0; font-weight:bold;}
#leftContact{float:left;width:300px;}
#rightContact{float:right;width:270px;}


#haut_valeur{margin:0 0 50px 180px; color:#E82B8F;font: normal 1.5em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;}

#video_flash{margin-bottom:15px;}


#titre{
	float:right;
	margin:95px 0 0 0;
	width:200px;
	background:url(../images/mep/puce.gif) no-repeat left center;
	height:25px;
	padding:0 0 0 30px;
	color:#FFFFFF;
	font-size:12pt;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

#titre p {
font: lighter 120% "zekton free.ttf","Trebuchet MS",Arial sans-serif;

			margin:0;padding:0;
			font-weight: normal;
			white-space: nowrap;
		}

/* ----------------------------------------------   		STYLES DIVERS
 -------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both;}
p{margin:0 0 8px 0}
img{border:0}
ul{ list-style:none;margin:0;padding:0}
.rose,.sousTitre{ color:#ec008c}
.erreur{color:#ff0000}
#bienvenue{text-align:center;border-bottom:1px solid #999999;padding-bottom:10px;margin-top:10px;}
.test{color:#ec008c;}
.gris{color:#BBBBBB;}
.sousTitre{font-size:14px;margin-bottom:5px;}

/* ----------------------------------------------  		 LIENS
 -----------------------------------------------------------------------------------------------------------------*/
a{text-decoration:none;color:#FFFFFF;}
a:hover{text-decoration:none;color:#E82B8F;}

/* ----------------------------------------------   		MENU
 -----------------------------------------------------------------------------------------------------------------*/
 
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu li
{

float:left; /*pour IE*/
}
#menu ul li a
{
display:block;
float:left;   
width:158px;
background-color:#BBB;
color:#fff;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:5px 0;
}
#menu ul li a:hover
{
/*background-color:#D3D3D3;*/
background-color:#ec008c;
border-color: #696969 #DCDCDC #DCDCDC #696969;
} 

.borderR{border-right:2px solid #000000;}
.last{margin-left:1px;}

.active{ 
background:url(../images/mep/fd_active.gif) repeat-x;
background-color:#E82B8F}

.liActive a{ background:url(../images/mep/fd_active.gif) repeat-x;
background-color:#E82B8F}

.test2{color:#000000}

#plan a:hover{color:#E82B8F;} 
 
/*----------  MENU PIED ---------------*/
#centreP ul li{ display:inline;}
#centreP li a {color:#FFFFFF; font-weight:bold;font-size:10px;}
#centreP li a:hover{color:#E82B8F;}

/* ----------------------------------------------   		LISTE
 -----------------------------------------------------------------------------------------------------------------*/
#listeItem,#listeItem2{margin-bottom:20px;}
#listeItem ul,#listeItem2 ul {
padding:0;
margin:0;
list-style-type:none;}

#listeItem li{display:inline;margin-right:15px;}
#listeItem li a:hover, #listeItem2 a:hover {color:#E82B8F;}
#listeItem2 li{display:block;margin-right:5px;}

/* ----------------------------------------------   		INTRO ACCUEIL
 -----------------------------------------------------------------------------------------------------------------*/
/*#introSite ul {

	padding:0;
	margin:0;
	list-style-type:none;}

#introSite li {display:inline;width:158px;}
#introSite li a{width:158px;height:408px;background:url(../images/mep/fond_intro.png) no-repeat;}*/

#introSite ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 0;
left: 100px;
text-align: center;}

#introSite li {float: left;}

#introSite li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 408px;
width: 158px;
color: #fff;
font-size: 14px;
line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}

.liIntro{
background:url(../images/mep/fond_intro.png) no-repeat;
opacity : 0.5;
-moz-opacity : 0.5 ;
-khtml-opacity : 0.5 ;
filter : alpha(opacity=50);
}

.trspIntro{
background:none;
background-image:none;
}

.un{background:url(../images/mep/Traiteur/imgG/valeur6.jpg) no-repeat;}
.deux{background:url(../images/mep/Traiteur/imgG/equipe5.jpg) no-repeat;}
.trois{background:url(../images/mep/Traiteur/imgG/moy3.jpg) no-repeat;}
.quatre{background:url(../images/mep/Traiteur/imgG/eng1.jpg) no-repeat;}
.cinq{background:url(../images/mep/Traiteur/imgG/exp5.jpg) no-repeat;}

#introSite li a:hover {
background:url(../images/mep/fond_intro.png) no-repeat;
opacity : 0;
-moz-opacity : 0 ;
-khtml-opacity : 0 ;
filter : alpha(opacity=0);}



#contentAccueil{width:800px;height:408px;}

/* ----------------------------------------------   		FORMULAIRE
 -----------------------------------------------------------------------------------------------------------------*/
#form_contact input,#form_contact textarea{margin-bottom:5px;}
.submit{ background-color:#E82B8F; margin-left:40px;}

/* ----------------------------------------------   		CAROUSSEL
 -----------------------------------------------------------------------------------------------------------------*/
.faux_lien{
	display:none;}
	
#carousel{
/*margin-top:-30px;*/
	height:378px;}

/* ----------------------------------------------   	STEP CAROUSSEL
 -----------------------------------------------------------------------------------------------------------------*/

.stepcarousel{
position: relative; /*leave this value alone*/
margin-left:455px;

overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 385px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 345px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#galleryB{padding:0;margin:0}


/* ----------------------------------------------   	Les pages
 -----------------------------------------------------------------------------------------------------------------*/
 
#divValeurs{ background:url(../images/mep/Traiteur/fonds/valeurs.jpg) no-repeat center top; height:410px; text-align:left;}
#video_flash{width:500px;}
#conteneurVideo{padding:60px 0 0 0; margin:0 0 0 230px;}
#colGValeurs{width:125px;  float:left; color:#000; padding:90px 15px 0 15px; font-size:12px;}

#divLabo{ background:url(../images/mep/Traiteur/fonds/laboratoire.jpg) no-repeat center top; height:410px; text-align:left;}
#colGLabo{width:125px;  float:left; color:#000; padding:15px 15px 0 15px; font-size:12px;}
#divLabo2{ background:url(../images/mep/Traiteur/fonds/laboratoire2.jpg) no-repeat center top; height:410px; text-align:left;}
#colGLabo2{width:125px;  float:left; color:#000; padding:180px 15px 0 15px; font-size:12px;}

#divEngagement{ background:url(../images/mep/Traiteur/fonds/engagements1.jpg) no-repeat center top; height:410px; text-align:left;}
#colEngagement{width:125px;  float:left; color:#000; padding:40px 15px 0 15px; font-size:11px;}

#btnDemarche{position:absolute; margin-top:386px; font-size:11px; width:158px;}
#btnDemarche a{
	display:block;
	background-color:#BBB;
	color:#ec008c;
	text-decoration:none;
	text-align:center;
	padding:5px 0;
}
#btnDemarche a:hover{
	/*background-color:#D3D3D3;*/
	background-color:#ec008c;
	color:#fff;
} 
#btnEngagement{position:absolute; margin-top:277px; font-size:11px; width:158px; height:131px; text-align:left;  padding-top:20px;}
#btnEngagement ul{ padding:0; margin:0;}
#btnEngagement ul li{ padding:0; margin:0;}
#btnEngagement a{
	display:block;
	background-color:#BBB;
	color:#ec008c;
	text-decoration:none;
	padding:5px 0 5px 15px;
	font-size:11px;
}
#btnEngagement a:hover{
	/*background-color:#D3D3D3;*/
	background-color:#ec008c;
	color:#fff;
}