@CHARSET "UTF-8";

/*
 * Fichier contenant les class, id communs a tout les layouts
 * - *
 * - body
 * - a
 * - img
 * - p
 * - ul
 * - h1 h2 h3 h4
 * - Menu
 * - Design
 */

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

body{
	background: #2E2E2E;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #1D1D1D;
}


#conteneur{
	background: #2E2E2E;
	width: 990px;
	margin: auto;
	border-left: 1px solid #585858;
	border-right: 1px solid #585858;
}


a{
	color: white;
}


p{
	padding-top: 3px;
	margin-bottom: 10px;
}

img{
	border: 0px; vertical-align: middle;
}

ul{ list-style-type: none; }

h1{
	margin-top: 25px;
	margin-bottom: 5px;
	letter-spacing: 4px;
	margin-left: 15px;
	font-size: 20px;
	height: 43px;
	padding-top: 10px;
	background-position: 0% 50%;
}

.arrowDown{
	margin-bottom: 20px;
	margin-top: 15px;
}

h2{
  letter-spacing: 3px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 16px;
  background-position: 0% 50%;
  height: 43px;
}

table.titreChapo{
	width: 100%;
}

table.titreChapo h3{
	color: white;
	font-size: 14px;
	padding-left: 25px;
	margin-left: 15px;
	height: 78px;
	padding-top: 50px;
}

/*
 * Menu
 */

ul#MenuTop{
	background: url('../design/menu_top.png');
	height: 33px;
}

ul#MenuTop li{
	display: block;
	float: left;
}

* html ul#MenuTop li { height: 33px; width: 16.1%;}

ul#MenuTop li a{
	display: block;
	height: 33px;
	padding: 0 20px;
	text-decoration: none;
	font-weight: bold;
	opacity: 0.6;
	letter-spacing: 1px;
	background:  url('/design/menu_sep.png') no-repeat right;

}

* html ul#MenuTop li a {padding: 0 5px;}


ul#MenuTop li a:hover, ul#MenuTop li a.glow{
 opacity: 1.0;
}

#Open{
	background: url('/design/menu_sep.png') no-repeat;
	padding-top: 8px;
	float: right;
	padding-right: 20px;
	padding-left: 15px;
}

/*
 * Design
 */

#content{
	padding-top: 10px;
	padding: 10px;
	overflow-x:hidden;
}

* html #content{
	width: 620px;
}

#headerLeft{
	height: 336px;
	text-align: center;
}

#headerLeft img{
	margin-top: 80px;
}

#headerLeft p{
	padding-top: 10px;
}

#headerLeft p a{
	text-decoration: none;
}

#headerFlash
{
	float: right;
	width: 716px;
}

#footer{
	padding: 5px;
	color: black;
	text-align: center;
}

#footer a{
	color: black;
}

#footer p{
	margin: 0px;
}


#Right{
 float: right;
 width: 237px;
 margin-top: 120px;
 margin-right: 35px;
 margin-left: 35px;
 padding-right: 0px;
 margin-bottom: 260px;
}

#Right #newsletter{
	background: url('../design/newsletter_top.jpg') no-repeat top;
}

#Right #promotions{
	background: url('../design/promo_top.jpg') no-repeat top;
}

#Right h3{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	border: none;
	text-align: right;
	padding-right: 25px;
	padding-left: 15px;
	font-size: 18px;
}

#Right .rInside{
 background: #3F4042;
 margin-top: 25px;
 padding: 6px;
 margin-left: 25px;
 text-align: center;
}


#CMS div.arrow{
	background: url('../design/content_arrow_white_right.gif') no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-left: 30px;
	margin-top: 10px;
	padding-top: 0px;
}

#CMS{
	margin-left: 25px;
}

hr{
 height: 0px;
 border: none;
 border-top: 1px solid #595959;
 margin-bottom: 15px;
}

#heures{
	color: black;
}

#heures h2{
	background: url('../images/icons2/calendar.png') no-repeat;
	background-position: 0 5px;
	padding: 0px;
	color: black;
	padding-left: 25px;
	margin-bottom: 10px;
}

#ariane{
	margin-left: 20px;
}

ul#promotion li{
	margin: 10px;
	text-align: center;
}

a:hover{
	color: white;
}


#CMS ul{
	list-style-type: square;
	padding-left: 25px;
}

#map{
	margin-left: 50px;
}

#ariane{
	margin-bottom: 20px;
}