/* -- GENERAL -- */
 
html, body {  
	height: 100%;
	width: 100%; 
}

html{
	/*overflow: hidden;
	overflow-x : hidden; 
	overflow-y : auto;*/
	overflow-y : scroll;
	overflow-x:auto;
}

body{
	font: 10px trebuchet,arial,sans-serif;
	color: #909090;
	background-color: #ffffff;
}

body.scrollable{
	/*overflow: auto;
	overflow-x : hidden; 
	overflow-y : auto; */
}

/* reset */
a,p,div,h1,h2,h3,h4,h5,h6,li,ul,span,body,tr,td,hr,fieldset,table,form,table{
	margin: 0;
	padding: 0;
	
}

object, a { 
	outline:none; 
}

a{
	text-decoration:none;
}

img, input, select, table{
	border: none;
}

ul{
	list-style-type: none;
}

/* -- CONTENEUR GLOBAL --  */

.container{
	width: 100%;
	position: relative;
	/*overflow: hidden;*/ /* pour Opéra */
}

/* -- CONTENU -- */

/* .centre et .cont_centre permettent de centrer le contenu */
/* A appliquer à chaque nouveau bloc horizontal */
.cont_centre {
	width:100%;
	text-align:center;
}

.centre {
	width:979px;
	margin:0 auto;
	text-align:left;
}

/* MENU DES VILLES */

.menu_sur_container {
	width:970px;
	height:107px;
	/*border:1px solid #FF0000;*/
	overflow:hidden;
	position:relative;
	background-color:#1c1d1d;
}

.menu_container {
	width:2970px;
}

.fond_ville {
	background-color:#1c1d1d;
	position:relative;
	z-index:0;
	overflow:hidden;
}

.fond_ville .fond_ville_blanc {
	position:absolute;
	top:72px;
	left:0;
	width:100%;
	height:35px;
	background-color:#faf9ed;
}

.menu_ville {
	height:72px;
	position:relative;
}

.menu_ville li {
	float:left;
	width:194px;
	text-align:center;
	cursor:pointer;
}

.menu_ville a {
	color:#909090;
}

.menu_ville h4 {
	color:#ffffff;
	font-style:italic;
	font-size:18px;
	margin-top:21px;
	cursor:pointer;
}

.menu_ville span {
	color:#FFFFFF;
}

#sel_ville {
	width:194px;
	height:107px;
	background-color:#e50e0e;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#bloc_ville {
	width:194px;
	height:72px;
	background-color:green;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}


/* HEADER (logo + navigation) */
/* .blanc pour le menu "normal", .noir pour celui de l'agenda */

.header {
	clear:left;
	position:relative;
}

.blanc {
	height:auto;
	background-color: #faf9ed;
	z-index:250;
	width:100%;
	overflow:hidden;
}

.blanc .navig {
	height:85px;
}

.noir {
	background-color: #1c1d1d;
}

.noir .navig {
	height:108px;
	border-top:#333434 solid 1px;
}

.noir .logo img{
	height:auto;
	margin-top:35px;
}

.logo{	
	float:left;

}

.navig ul {
	margin-top:8px;
}

.navig ul li {
	display:inline;
}

.blanc .navig ul li a {
	color:#64645f;
}

.blanc .navig ul li a:hover {
	color:#E50E0E;
}

.noir .navig ul li a {
	color:#a4a5a5;
}
.noir .navig ul li a:hover {
	color:#E50E0E;
}

.navig .left {
	clear:both;
	float:left;
}
.navig .right {
	float:right;
}




/* AGENDA */

.container .noir .agenda {
	min-height:312px;
	background:url(/img/cmn/map.gif) no-repeat right center;
}

.container .noir .agenda .event h2 {
	color:#ffffff;
	font-style:italic;
	font-size:20px;
	font-weight:normal;
}

.container .noir .agenda .event h3 {
	font-size:14px;
	color:#ffffff;
	padding-left:20px;
	margin-bottom:45px;
	font-weight:normal;
}

.container .noir .agenda .event p {
	font-size:14px;
	color:#ffffff;
}

.container .noir .agenda .event a {
	padding-left:20px;
	background:url(/img/cmn/tirait_bl.gif) no-repeat left 5px;
	color:#8e8e8e;
}

.container .noir .agenda .event .left {
	float:left;
}

.container .noir .agenda .event .col1 {
	padding:80px 0 0 30px;
	width:250px;
}

.container .noir .agenda .event .col1 p {
	color:#e50e0e;
}

.container .noir .agenda .event .col2 {
	padding-top:60px;
	width:350px;
}

.container .noir .agenda .map {
	width:265px;
	height:297px;
	margin-top:10px;
	float:right;
	position:relative;
}

.container .noir .agenda .map .bul {
	position:absolute;
	background:url(/img/cmn/tri.gif) no-repeat 6px bottom;
	height:18px;
	z-index:1;
}

.container .noir .agenda .map .bul span {
	color:#ffffff;
	background-color:#e50e0e;
	display:block;
	height:15px;
	padding:0 6px 0 4px;
	line-height:15px;
}

.container .noir .agenda .map a {
	position:absolute;
}

.container .noir .agenda .ajax_loader_noir {
	padding-left:470px;
	padding-top:150px;
	
}

.btn_agenda {
	width:188px;
	height:35px;
}

.noir .btn_agenda {
	background-color:#1C1D1D;
	width:100%;
}

.noir .btn_agenda a {
	display:block;
	width:auto;
	margin-top:6px;
	margin-bottom:0;
}

.btn_ag_blanc a{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}


/* DIAPO (Photos de fond) */

.cont_diapo {
	clear:left;
	height:359px;
	position:relative;
}

.fond_diapo {
	background-color:#000;
	width:300%;
	overflow:hidden;
	position:absolute;
	left:-99.85%;
	text-align:center;
}

.fond_diapo, x:-moz-any-link, x:default { left:-100%; }

.fond_diapo div {
	display:inline;
	height:359px;
	width:979px;
	margin-right:0px;
	position:relative;
}

.fond_diapo div div {
	position:absolute;
	width:985px;
	height:94px;
	bottom:3px;
	left:-3px;
	background-color:#faf9ed;
	border:solid 1px #e5e5e6;
	border-bottom: none;
}

.fond_diapo .middle div {
	display:none;
}

.menu_diapo {
	position:absolute;
	height:94px;
	bottom:0;
	left:0;
	z-index:10;
		background-color:#faf9ed;
	border-left:solid 1px #e5e5e6;
	border-top:solid 1px #e5e5e6;
	border-right:solid 1px #e5e5e6;
}

#sel_prod {
	width:194px;
	height:125px;
	/*top:-30px;*/
	background:#cdcdcd url(/img/cmn/fl_noir_haut.gif) no-repeat center 30px;
	position:absolute;
	bottom:0;
	border:solid 1px #e5e5e6;
	left:-100%;
	z-index:0;
}

.menu_prod #sel_prod {
	height:94px;
	background:#cdcdcd url(/img/cmn/fl_noir_haut.gif) no-repeat center 20px;
}

.menu_prod {
	background-color: #faf9ed;
	z-index:15;
	/*border:solid 1px #e5e5e6;*/
		border-bottom: none;
}

.menu_prod .menu_diapo {
	position:relative;
	top:0;
	height:94px;
}

.menu_diapo li {
	position:relative;
	bottom:0;
	float:left;
	width:195px;
	height:94px;
	border-right:solid 1px #e5e5e6;
	border-top:none;
}

.menu_diapo .last {
	margin-right:0;
	border-right:0;
}

.menu_diapo li a {
	display:block;
	height:100%;
	width:100%;
	margin:0;
	text-align:center;
	cursor:pointer;
}

.menu_prod .menu_diapo li a {
	/*margin-top:-15px;*/
}

.menu_diapo li a .back{
	display:block;
	height:94px;
	width:195px;
	background-image:none;
	background-color:#faf9ed;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	border:solid 1px #e5e5e6;
	border-bottom: none;
}

/*
.cont_diapo .menu_diapo li a .back {
	border:solid 1px #e5e5e6;
}*/

.menu_diapo li .text{
	top:10px;
	position:absolute;
	z-index:4;
	width:100%;
	height:100%;
	left:0;
}

.menu_diapo li a:hover {
	height:118px;
}

.menu_diapo li a:hover .back,
.menu_prod .menu_diapo .select a .back {
	/*background-color:#cdcdcd;
	background:url('/img/cmn/fl_bl_haut.gif') no-repeat center 20px #cdcdcd;
	height:118px;
	bottom:0;*/
}

.menu_prod .menu_diapo li a:hover .back,
.menu_prod .menu_diapo .select a .back {
	/*top:-2;
	height:94px;
	background-color:#cdcdcd;*/
}

.menu_diapo li a span {
	color:#909090;
	height:94px;
}

.menu_diapo h4 {
	color:#000;
	font-style:italic;
	font-size:16px;
	padding-top:21px;
}

h2 {
	font-style:italic;
	font-weight:normal;
	font-size:24px;
	color:#000000;
}

/* PAGE */

.page {
	padding-top:33px;
	clear:both;
	background-color:#ffffff;
	position:absolute;
	z-index:300;
}

.page p {
	margin:0 0 50px 0;
}
/*
.page .maquettes {
	border-left:solid #e5e5e5 1px;
	height:335px;
}

.page .maquette {
	width:196px;
	height:335px;
	border-right:solid #e5e5e5 1px;
	position:relative;
	float:left;
}

.page .maquette .num {
	color:#000000;
	margin:17px 0 0 26px;
	display:block;
	float:left;
	height:40px;
}

.page .maquette .desc {
	width:100%;
	position:absolute;
	bottom:25px;
	left:0;
	right:0;
	text-align:center;
}
*/
.page .over {
	width:391px;
}

.page .over .desc{
	width:auto;
	left:27px;
	text-align:left;
}

.page .over .desc img {
	display:block;
	float:left;
}

.page .over .desc span,
.page .over .desc a {
	display:block;
	margin:10px 20px 0 180px;
}

.page .over .desc a {
	display:block;
	color:#000000;
	height:15px;
}

.page .over .desc a {
	width:9em;
	background:url(/img/cmn/loupe.gif) no-repeat right;
}

.page .over h3 {
	font-style:italic;
	font-size:15px;
	margin:13px 0 0 55px;
}

.page .over h3 .black {
		color:#000000;
}

.page .over h3 .gris {
	display:block;
	color:#909090;
}