@import url("styles_calendrier.css");

/* 
vert flashy : #05c000
marron : #735400
bleu : #005f8e
gris : #5c5c5c
*/

body {
background-color:#b1968a;
background-image:url(/images/fond-page.jpg);
background-repeat:repeat-x;
margin:0;
padding:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#005f8e;
}

#global {
width:955px;
position:static;
background-color:#fffef4;
background-image:url(/images/bas-global-arrondi.gif);
background-repeat:no-repeat;
background-position:bottom;
}

a {
color:#005f8e;
text-decoration:none;
}
a:hover {
color:#05c000;
} 

ul {
margin:0;
padding:0;
}

.retour_float {
clear:both;
}
h1, h2, h3, form {margin:0; padding:0;}
h2 { font-size:16px; padding:5px; margin:0; }

/* ENTETE ------------------------------------------- */

#entete {
height:150px;
width:955px;
position:relative;
margin-bottom:10px;
background-color:#fff;
overflow:hidden
}
	#entete a .logo {
	width:355px;
	height:110px;
	border:0;
	}
	#entete .horaires {
	position:absolute;
	right:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(unabled=true, sizingMethod=Scale, src="/images/entete/fond-horaires.png");
	background-repeat:none;
	text-align:right;
	color:#FFF;
	width:176px;
	height:87px;
	z-index:100;
	}
	#entete .horaires[class] {
	background-image:url(/images/entete/fond-horaires.png);
	}
		#entete .horaires #tel {
		font-size:18px;
		font-weight:bold;
		padding:5px;
		margin-right:10px;
		}
		#entete .horaires #ouverture {
		
		margin-right:10px;
		}
			#entete .horaires #tel .tarif {
			font-size:10px;
			}
	#entete .degrade-entete {
	width:120px;
	height:145px;
	position:absolute;
	left:350px;
	z-index:100;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(unabled=true, sizingMethod=Scale, src="/images/entete/degrade-entete.png");
	}
	#entete .degrade-entete[class] {
	background-image:url(/images/entete/degrade-entete.png);
	}
	#entete #img_fond {
	position:absolute;
	top:0px;
	right:-1px; /* si à 0px : décalage IE6... -> solution = -1px couplé au overflow hidden de #entete */
	}
	#entete #cadre_contenu_entete {
	position:absolute;
	top:20px;
	left:370px;
	z-index:200;
	}
		#cadre_contenu_entete .contenu_img_entete {
		border:1px solid #005F8E;
		height:70px;
		width:370px;
		}
		#cadre_contenu_entete .contenu_txt_entete {
		color:#005F8E;
		display:block;
		width:350px; 
		height:78px;
		margin-left:50px;
		overflow:hidden
		}

#entete #menu {
width:100%;
position:absolute;
top:112px;
left:0;
height:31px;
border-bottom:2px solid #005f8e;
z-index:200;
}
#entete #menu ul.onglets {
height:31px;
list-style:none;
}
	.onglets li {
	float:left;
	background:url(/images/entete/onglet-gauche-off.png) no-repeat left top;
	padding-left:12px;
	}
	
	.onglets li a {
	float:left;
	height:23px;
	display:block;
	color:#005f8e;
	text-decoration:none;
	padding:8px 15px 0px 15px;
	padding-right:30px;
	background:url(/images/entete/onglet-droit-off.png) no-repeat right top;
	}
	
	.onglets li.current {
	background:url(/images/entete/onglet-gauche-on.png) no-repeat left top;
	}
	.onglets li a:hover{
	color:#FFF;
	background:url(/images/entete/onglet-droit-on.png) no-repeat right top;
	}
	.onglets li.current a  {
	color:#FFF;
	background:url(/images/entete/onglet-droit-on.png) no-repeat right top;
	}
	.onglets li.promos {
	background:url(/images/entete/onglet-gauche-promos.png) no-repeat left top;
	}
	.onglets li.promos a,
	.onglets li.promos a:hover {
	color:#735400;
	background:url(/images/entete/onglet-droit-promos.png) no-repeat right top;
	}


/* PIED DE PAGE --------------------------------------- */
#pied {
color:#5c5c5c;
text-align:center;
border-top:2px solid #005f8e;
}

#pied .liens {
margin:10px 0;
font-size:11px;
}
	#pied .liens li {
	display:inline;
	color:#05c000;
	}
		#pied .liens li a{
		color:#05c000;
		text-decoration:none;
		}
#pied #bas_pied {
margin:10px 0;
}
	#pied #bas_pied .txt{
	float:left;
	width:540px;
	text-align:left;
	margin-left:15px;
	}
	#pied #bas_pied img.logos {
	float:left;
	margin:0 5px;
	}