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

/* Mise en place des blocs */
body{
	font-family:verdana, geneva, arial, sans-serif, "Futura Light";
	font-size:13px;
	margin:0px;
	background-color: #8E5434;
	color: #440D1F;
}
body,td,th {
	color: #462814;
	font-size: 14px;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
a:active {
	text-decoration: none;
	color: #900;
}
h1 {
	font-size: 18px;
	color: #440D1F;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 10px;
}

#global{
	width:980px;
	background-color: #BD9B50;
	margin: 5px auto;
}

#ombreglobal {
	-webkit-box-shadow: 2px 2px 25px #333;
	-moz-box-shadow: 1px 1px 25px #333;
	box-shadow: 2px 2px 25px #333;
	float: left;
}

#ombreH {
	float:left;
	width:980px;
	height:30px;
	background-repeat: no-repeat;
	text-align: left;
	background-image: url(../_mep/backgd-ombre-ht.png);
	background-position: bottom;
	padding: 0 0 0 0;
	background-color: #8E5434;
}

#AddThis {
	float:left;
	width:175px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 800px;
	text-align: center;
}

#ombreB {
	float:left;
	width:965px;
	height:30px;
	background-repeat: no-repeat;
	text-align: right;
	background-image: url(../_mep/backgd-ombre-bas.png);
	padding: 5px 15px 0 0;
	font-size: 10px;
}

#drapeaux {
	float:left;
	width:100%;
	background-color: #B99D58;
	padding-bottom: 3px;
	height: 15px;
}

#lignetete {
	float:left;
	width:50%;
	text-align: right;
	background-color: #B99D58;
	padding-bottom: 3px;
}

#tete {
	float:left;
	width: 960px;
	text-align: center;
	background-color: #BB9C54;
	border-bottom: 2px solid #8B5536;
	padding: 0px 0 10px 20px;
}

#contenu {
	float:left;
	width:940px;
	min-height: 300px;
	padding: 5px 20px 20px 20px;
	background-color: #BD9B50;
}

#PlanRetour {
	float:left;
	width:972px;
	padding: 1px 4px 1px 4px;
	background-color: #BD9B50;
	font-size: 9px;
}
#retour {
	width:486px;
	float: left;
}

#plan {
	float:left;
	width:486px;
	text-align: right;
}
#plan h1{
	margin: 0px;
	font-size: 9px;
	font-weight: lighter;
	color: #885638;
}

#logo {
	float:left;
	margin: 0 25px 0px 0px;
	height: 130px;
}

#tete2 {
	float: left;
}

#titre {
	float:left;
	margin: 0 25px 0px 0;
	height: 110px;
	width: 400px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	padding-top: 15px;
}

#diversTete {
	float:left;
	margin: 0 0 0px 0;
	height: 130px;
	width: 360px;
	text-align: center;
	vertical-align: middle;
}
#contenu2 {
	float:left;
	width:930px;
	min-height: 350px;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
}
#col1 {
	float:left;
	width:45%;
	min-height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 2%;
}

#col2 {
	float:left;
	width:45%;
	min-height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 2%;
}

#col3 {
	float:left;
	width:95%;
	min-height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 2%;
}

#ContenuMarseille {
	float:left;
	width:900px;
	min-height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 2%;
	left: 5px;
	top: 5px;
}

#colBonKdo1 {
	float:left;
	width:30%;
	min-height: 350px;
	padding: 5px;
	margin: 2%;
	border: 1px solid #8E5434;
}

#colBonKdo2 {
	float:left;
	width:60%;
	padding: 1% 1% 1% 1%;
	margin: 2% 0%;
	border: 1px solid #8E5434;
	background-color: #E7CD83;
}

#colBonKdo3 {
	float:left;
	width:48%;
	padding: 0px 0px 0px 0px;
	margin: 1%;
}
#menu {
	background-color: #8B5536;
	position: relative;
	left: 12px;
	top: 0px;
	float: left;
	width: auto;
}

li {
	float: left;
	margin: 0px 6px;
	padding: 5px 5px;
	border: 1px solid #8B5536;
}

ul {
	list-style-type: none;
}
#menu ul{
	list-style-type: none;
	display: inline;
}
#menu h1 {
	line-height: normal;
	margin: 0px;
}
#menu li:hover {
	background-color: #BB9C54;
	color: #FFF;
	cursor: pointer;
	border: 1px solid #8B5536;
}
#menu h1:hover a:hover{
	color: #FFF;
	text-decoration: none;
}

#menu a {
	line-height: normal;
	margin: 0px;
	font-size: 13px;
	color: #FFF;
	font-weight: lighter;
}

#pied {
	float:left;
	width: 980px;
	text-align: center;
	border-top: 2px solid #8B5536;
	background-color: #BB9C54;
	color: #FFF;
	font-size: 11px;
	padding: 5px 0;
}

#pied a {
	color: #FFF;
	font-style: italic;
	text-decoration: underline;
}
#pied a:link{
	color: #FFF;
}

#pied a:hover {
	color: #440D1F;
}

.contactez {
	color: #8B5536;
	font-size: 13px;
}

#ImageAcc {
	float:left;
	width:100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#ImageAcc2 {
	float:left;
	width:100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#col3 ul {
	list-style-type: none;
	display: inline;
}

/*  Code pour les numéros du diaporama automatique */
#nav {
	margin: 10px;
	font-size: x-small;
}
#nav li { float: left; list-style: none}
#nav a {
	margin: 2px;
	padding: 2px 2px;
	border: 0px solid #ccc;
	text-decoration: none;
	font-size: x-small;
	background-color: #BD9B50;
}
#nav a.activeSlide {
	color: #CCC;
	background-color: #8E5434;
	border: 0px solid #ccc;
}
#nav a:focus { outline: none; }
/* Fin code pour les numéros du diaporama automatique */


/* Message pour utilisateurs d' IE6*/
#ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}
/* Fin du message pour utilisateurs d' IE6*/