body { font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 1.1em; word-spacing: 0.1em; }
.police { font-family:Tahoma; font-size:8pt; font-weight:900; color:#000000; cursor:default; }
.smallpolice { font-size:10px; }
.prix { color:#990000; }

.tip { margin:10px; padding: 5px 5px 5px 20px; border: 1px solid #2F457F; }
.box { margin:10px; padding: 5px 5px 5px 20px; border: 1px dashed #2F457F; width:300px; }
html, body { height: 100%; margin: 0; background: #fef8e6 url(../img/global.png) repeat-x; }

#global { min-height: 100%; width: 960px; margin: 0 auto; position: relative; background: #fef8e6 url(../img/global.png) repeat x; padding: 0px; }
#footer { position: absolute; margin-left:160px; width: 800px; bottom: 0; font-size:11px; }
#center { background:#DFD8C3; padding-bottom: 60px;  overflow: hidden; }
#sidebar { float: right; width: 200px; margin-top:20px; }

#menuhaut { background-color:#0F0F0F; color:#000000; height: 18px; padding: 5px 5px 0px 10px; text-align:center; }
#menusocial { background-color:#2F2F2F; color:#FFFFFF; height: 25px; padding: 7px 5px 3px 5px; border-bottom:black 1px solid; }
#menunavigation { background: url(../img/bouton.png); color:#FFFFFF; height: 40px; }
#menubarre { background-color:#444; color:#000000; height: 193px; padding: 0px 0px 0px 0px; text-align:center; }
.menu_presentlivre { text-align:justify; padding:0px 10px 10px 10px; }

#headerbanniere {
background:url(../img/header.jpg) no-repeat;
width:960px;
height:150px;
background-position:center;
cursor:pointer;
}

#calendrierheaderMois { margin-left:580px; margin-top:20px; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:center; }
#calendrierheaderJour { margin-left:580px; margin-top:20px; font-size:40px; font-weight:bold; color:#000000; text-align:center; }
#calendrierheaderfete { margin-left:580px; margin-top:15px; font-size:10px; font-weight:bold; color:#000000; text-align:center; }

#headerbanniere h2 { margin:0; padding:0; font-size:12px; color:white; }

ul#menu { margin: 0; padding: 0; list-style: none; }
ul#menu li a { display: block; height: 20px; padding-left: 15px; }
#wrap {overflow:hidden;}

#cadredef { background-color:#DFDFDF; margin:0px 20px 0px 20px; padding: 5px 5px 5px 5px; border: 1px solid #000000; }

#publicitegauche { float:left; margin:0; width:160px; height:600px; background: #FEF8E6; }

#menugauche { float:left; width:175px; min-height:400px; margin-top:10px; margin-left:10px; }
#menudroite { margin-left:835px; width:175px; min-height:400px; }
#content, #sidebar h3, #footer p, #sidebar p { padding: 0 10px; }
#content { margin-top:10px; width:770px; }
#content h2 { padding-left: 10px; }

#footer p { margin: 2px 0; font-size: 0.9em; margin-top:6px; }

.rouge { color:#FF0000; }

.news_box_title{ padding:2px; font-weight:bold; margin-bottom:5px; }
.news_box { margin:10px; padding: 5px 5px 5px 50px; border: 1px solid #4F4F4F; text-align:center; background-color:#DFDFDF; }

.avis_box { margin:10px; padding: 5px 5px 5px 50px; border: 1px dashed #CCCCCC; padding-left:90px; background: url(../img/avis.png) 5px 50% no-repeat; background-color:#E5ECEF; text-align:justify; }

#boutons { border:1px; position:relative; font-size: 9px; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 0.2em; }
#boutons a { background-color:#7D818F; text-align: center; padding: 5px; border:1px solid #6D7DAF; text-decoration: none; color:#FFFFFF; }
#boutons a:hover { background-color:#31384F; padding: 5px; text-align: center; }

#annuaireheader { position:absolute; margin-left:15px; margin-top:22px; }

/* Fenêtre */

.xsnazzy h1, .zsnazzy h1, .xsnazzy h2, .zsnazzy h2 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 20px; text-align:justify; }
.xsnazzy {background: transparent; width:780px; float:left; margin:0 0px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444; }
.xb2 {background:#5F5C53; margin:0 3px; border-width:0 2px;}
.xb3 {background:#5F5C53; margin:0 2px;}
.xb4 { height:2px; margin:0 1px; }
.xbottom { margin-bottom:10px; }

.xboxcontent {background:#FFFFFF; display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_b {background:#5F5C53; color:#FFFFFF;}

#info { color:#4F5773; text-align:center; }

/* Popup */

#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; text-align:justify; padding:5px; font-weight:normal; font-size:10px; color:#000; border:1px solid #888; background:#ffc; width:250px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(../img/tooltip.gif) 0 0; display:block; font-size:1px;}

.clear {clear:both;}

/* Calendrier */

.calendrier {
float:left;
font-size:10px;
border-spacing: 0px;
border: 1px solid #aeb3b6;
border-collapse: collapse;
}

.calendrierMois {
background-color:#5F5C53;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.calendrierJourNumero {
background-color:#8F8F8F;
color:#FFFFFF;
height:16px;
font-size:11px;
font-weight:bold;
}

.calendrierJourNom {
font-size:11px;
height:16px;
font-weight:bold;
}

.calendrierJourNomSamedi { font-size:11px; font-weight:bold; background-color:#FEF8E6; }
.calendrierFeteSamedi { background-color:#FEF8E6; }

.calendrierJourNomDimanche { font-size:11px; font-weight:bold; background-color:#DFD8C3; }
.calendrierFeteDimanche { background-color:#DFD8C3; }

.calendrierJourNomFerie { font-size:11px; font-weight:bold; background-color:#FFB55F; }
.calendrierFeteFerie { background-color:#FFB55F; }

.calendrierJourNomBrigM{ font-size:11px; font-weight:bold; background-color:#BFEEFF; }
.calendrierFeteBrigM { background-color:#BFEEFF; }
.calendrierJourNomBrigAM{ font-size:11px; font-weight:bold; background-color:#4FD1FF; }
.calendrierFeteBrigAM{ background-color:#4FD1FF; }


.couleurSamedi { height:15px; margin-left:20px; background-color:#FEF8E6; width:50px; border:1px solid; }
.couleurDimanche { height:15px; margin-left:20px; background-color:#DFD8C3; width:50px; border:1px solid; }
.couleurFerie { height:15px; margin-left:20px; background-color:#FFB55F; width:50px; border:1px solid; }
.couleurBrigM { height:15px; margin-left:20px; background-color:#BFEEFF; width:50px; border:1px solid; }
.couleurBrigAM { height:15px; margin-left:20px; background-color:#4FD1FF; width:50px; border:1px solid; }
.couleurRepos { height:15px; margin-left:20px; background-color:#FFFFFF; width:50px; border:1px solid; }

/* Jours fériés */

.joursFeries {
font-size:12px;
border-spacing: 0px;
border: 1px solid #aeb3b6;
border-collapse: collapse;
}

.joursFeriesTitre {
width:200px;
height:25px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
background-color:#5F5C53;
}

.joursFeriesContenu {
text-align:center;
height:40px;
}

/* Menu déroulant */

#menu { height:40px; background: url(../img/bouton.png); }
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#bgfond { background: url(../img/bouton.png); height:39px; width:250px; }
#menu li {
float:left;
margin:auto;
width:250px;
padding:0;
background-color:black;
border-bottom:#2F2F2F solid 1px;
margin-right:2px;
border-left:#2F2F2F solid 1px;
}
#menu li a {
display:block;
color:white;
text-decoration:none;
height:30px;
padding:10px 7px 0 0;
margin-left:5px;
}
#menu li a:hover { color:#456FDF; }
#menu ul li ul { display:none; }
#menu ul li:hover ul { display:block; }
#menu li:hover ul li { float:none; }
#menu li ul { position:absolute; }

/* News */

div#newsgauche {
	float: left;
	width: 200px;
	height:300px;
	margin-right: 9px;
	margin-left:5px;
	margin-bottom:5px;
	background: #AFAFAF;
}
div#newsdroite {
	float: right;
	width: 200px;
	height:300px;
	margin-left: 5px;
	margin-right:5px;
	margin-bottom:5px;
	background: #CFCFCF;
}
div#newscentre {
	width: 200px;
	height:300px;
	margin-bottom:5px;
	overflow: hidden;
	background: #EFEFEF;
}