body {
margin:0; background:#014886;}


#HAUT {
background:url(images/haut_motif.jpg) left top repeat-x ; width:100% ; height:310px;
}

#HAUT h1 {
padding:8px 0 0 0; margin:0 0 0 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold;
}

#PROMO_et_VIDEO {
width:960px ; margin-left:auto ; margin-right:auto ;
}

#TITRE_et_VIDEO {
float:right; width:720px;
}

#TITRE_PROMO {
height:55px; text-align:right; background:url(images/video_motif_haut.jpg) left top no-repeat; 
}

#TITRE_PROMO h1 a:link{
text-decoration:none; color:#FFFFFF;
}

#TITRE_PROMO h1 a:visited{
text-decoration:none; color:#FFFFFF;
}

#TITRE_PROMO h1 a:hover{
text-decoration:none; color:#FFFFFF;
}

#TITRE_PROMO h1 a:active{
text-decoration:none; color:#FFFFFF;
}

/* EVITE BORDER DES DRAPEAUX */
img{
border:none;
}

#LOGO_et_TICKER {
float:left; width:240px;
}

#TICKER {
background:url(images/promo_bas.jpg) top left no-repeat; height:200px; width:220px; /* padding:50px 5px 5px 15px;  color:#FFFFFF; font-family:Arial, Helvetica, sans-serif ; font-size:12px; overflow:auto;*/
}

#NAVIGATION {
background:url(images/motif_nav1_nav2.jpg) left top repeat-x ; width:100% ;}

#CONTENU {
position: relative; /* AJOUT POUR SLIDING PANEL */
width:960px; margin-left:auto; margin-right:auto ;
font-family:Arial, Helvetica, sans-serif;
}

#CONTENU h1 {
font-size:22px;
color:#06B6FD;
padding-top:20px;
margin-top:0px;
}

.cadre_gauche {
float:left;
width:472px;
/*background:url(images/cadre_etroit_motif.jpg) left top repeat-y #0382C5;*/
}

.cadre_droite {
float:right;
width:472px;
/*background:url(images/cadre_etroit_motif.jpg) left top repeat-y #0382C5;*/
}


/* CADRE ETROIT */

.cadre_etroit {
	width:472px;
	margin-left:auto;
	margin-right:auto;
}

.cadre_etroit_haut h2 {
padding-top:6px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
font-size:18px ;
color:#FFFFFF;
}

.cadre_etroit_haut {
width:472px; margin-left:auto; margin-right:auto ;
background:url(images/cadre_etroit_haut.jpg) left top no-repeat ; height:60px;
}

.cadre_etroit_milieu {
width:472px; margin-left:auto; margin-right:auto ;
background:url(images/cadre_etroit_motif.jpg) left top repeat-y #0382C5;color:#000000;
font-size:12px;
}

.cadre_etroit_milieu p {
padding-top:0px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
padding-left:20px ; padding-right:20px ;
background:url(images/cadre_etroit_motif.jpg) left top repeat-y #0382C5;}

.cadre_etroit_milieu a:link {
color:#F2F2F2; text-decoration:underline;
}

.cadre_etroit_milieu a:visited {
color:#F2F2F2; text-decoration:underline;
}

.cadre_etroit_milieu a:hover{
color:#FFFFFF; text-decoration:none;
}

.cadre_etroit_milieu a:active{
color:#FFFFFF; text-decoration:none;
}

.cadre_etroit_bas {
width:472px; margin-left:auto; margin-right:auto ;
background:url(images/cadre_etroit_bas.jpg) left top no-repeat ; height:10px;
}

/* FIN CADRE ETROIT */

/* CADRE LARGE */ 
.cadre {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.cadre h2 {
padding-top:6px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
font-size:18px ;
color:#FFFFFF;
}

.cadre p {
padding-top:0px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
padding-left:20px ; padding-right:20px ;
}

.cadre_haut {
width:960px; margin-left:auto; margin-right:auto ;
background:url(images/cadre_haut.jpg) left top no-repeat ; height:60px;
}

.cadre_milieu {
width:960px; margin-left:auto; margin-right:auto ;
background:url(images/cadre_motif.jpg) left top repeat-y ;
color:#000000;
font-size:12px;
}

.cadre_milieu a:link {
color:#F2F2F2; text-decoration:underline;
}

.cadre_milieu a:visited {
color:#F2F2F2; text-decoration:underline;
}

.cadre_milieu a:hover{
color:#FFFFFF; text-decoration:none;
}

.cadre_milieu a:active{
color:#FFFFFF; text-decoration:none;
}

.cadre_bas {
width:960px; margin-left:auto; margin-right:auto ;
background:url(images/cadre_bas.jpg) left top no-repeat ; height:20px;
}

.bloc_accordeon_droite {width:471px; float:right;}
.bloc_accordeon_gauche {width:471px; float:left;}

/* FIN CADRE LARGE */ 

.coordonnees {
clear:both;
width:960px; margin-left:auto; margin-right:auto ; background:url(images/coordonnees.jpg) left top no-repeat #014886 ;
padding-top:10px ; height:30px;
color:#78d9fe; font-size:12px ; text-align:center; 
}

/* BOUTON RESA */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('images/bouton_resa_gauche.jpg') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 57px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 65px; /* Height of button background height */
padding-left: 27px; /* Width of left menu image */
text-decoration: none;
}

a.boldbuttons_top{
background: transparent url('images/bouton_resa_top_gauche.jpg') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 57px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 65px; /* Height of button background height */
padding-left: 27px; /* Width of left menu image */
text-decoration: none;
}

a.boldbuttons span{
background: transparent url('images/bouton_resa_droite.jpg') no-repeat top right;
display: block;
padding: 4px 30px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.boldbuttons_top span{
background: transparent url('images/bouton_resa_top_droite.jpg') no-repeat top right;
display: block;
padding: 4px 30px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:link.boldbuttons , a:link.boldbuttons_top , a:visited.boldbuttons , a:visited.boldbuttons_top{  
text-decoration: none;
color:#FFFFFF;
}

a:hover.boldbuttons , a:hover.boldbuttons_top , a:active.boldbuttons , a:active.boldbuttons_top {  
text-decoration: none;
color:#FFFFFF;
}

/* IMPOSSIBLE A FAIRE FLOTTER */
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/*width: 100%;*/
padding-left:20px;
}

.buttonwrapper_top{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/*width: 100%;
padding-left:20px;*/
}
/* FIN BOUTON RESA */

.photo_a_droite {
float:right; margin:10px 10px 10px 10px;
}

/* FORMULAIRE DE CONTACT */
#CONTENU fieldset div {padding-top:10px;}
#CONTENU fieldset p.commentaires {padding-top:10px; padding-bottom:10px; padding-left:10px;}
#CONTENU legend {color:#000000 ; font-size:12px ; font-weight:bold;}

/* MAPSGOOGLE */
.directions tbody tr td h3 {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px; /* background-color:#0000FF */ }
.directions tbody { background-color:#0382C5;}
#carte_itinieraire table.directions {width:950px; margin-left:auto; margin-left:auto;}

#LOGO_BAS {
width:500px; margin-left:auto; margin-right:auto;
}

#FOOTER {
text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; padding-top:20px; padding-bottom:10px;
}
#FOOTER a:link, #FOOTER a:visited {text-decoration:underline; color:#FFFFFF;}
#FOOTER a:hover, #FOOTER a:active {text-decoration:none; color:#FFFFFF;}

.saut_de_ligne {
clear:both;
}

/* PANEL PROMO */
#page_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 904px;
	top: -32px;
}

.panel_button {
	margin-left: auto;
	/*margin-right: auto;*/
	margin-right:0px;
	position: relative;
	top: 1px;
	width: 173px;
	height: 54px;
	background: url(images/panel_button.png);
	z-index: 20;
/*	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;*/
	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 10px;
	border: none;
}
.panel_button a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #C0C0C0;
}

#toppanel {
	position: absolute; /*  A CONSERVER + CONTENEUR EN ABSOLUTE */ 
	width: 900px;
	margin-left:30px; margin-right:auto;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	width: 900px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	color:#000000;
	font-weight:bold;
	font-size:12px;
}

#panel a:link, #panel a:visited {color:#FFFFFF ; font-weight:bold; text-decoration:underline; }
#panel a:hover, #panel a:active {color:#FFFFFF ; font-weight:bold; text-decoration:none;}

#panel .lien { text-align:right; padding-right:50px;  }

#panel_contents {
	background: #22B9F2;
	background:url(images/fond_sliding_panel_promo.jpg) top center;
/*	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;*/
	height: 100%;
	width: 900px;
	position: absolute;
	z-index: -1;
}

#panel h1
	{
		padding-left:10px; color:#FFFFFF; font-size:16px; font-weight:bold; padding-top:0;
	}
	
#panel h2
	{
		padding-left:16px; padding-top:15px; color:#000000; font-size:12px; font-weight:bold;
	}
	
#fb_like {float:left;padding-right:30px;}
#fb_partager {float:left; padding-right:30px; }
#fb_badge  {float:left;padding-right:30px;}


#form_newsletter {/*clear:both*/ ; float:right; text-align:right; color:#FFFFFF ; font-size:10px; padding-top:5px; padding-bottom:10px;}

.fieldset {margin-bottom:15px;}

/* NEWS */
#news { font-size:12px; color:white;}