* {font-family:Arial, Helvetica, sans-serif; color:#595959}

html, body {margin:0; padding:0}
object {outline:0}
img {border:0}
a {text-decoration:none}
p, ul, a {font-size:12px}

#header {width:980px; height:350px; margin:0 auto; background:url(haut.png); position:relative}

#menu_haut {margin:0; padding:0; list-style-type:none; position:absolute; width:100%}
#menu_haut li {position:absolute; width:100%}
#menu_haut li a {position:absolute; color:#fff; display:block; padding-left:20px; background-repeat:no-repeat; background-position:left}

#menu_accueil a {top:12px; left:260px; background-image:url(puce_accueil.png)}
#menu_haut_gauche a {top:20px; left:90px; background:none; padding:0}
#menu_haut1 a {top:12px; left:370px}
#menu_haut2 a {top:12px; left:540px}
#menu_haut3 a {top:34px; left:370px}
#menu_haut4 a {top:34px; left:540px}
#menu_haut5 a {top:34px; left:260px; background:url(puce_ecrire.png) no-repeat left !important}

#formulaire_recherche {position:absolute; top:36px; right:10px}
#formulaire_recherche label {display:none}
#formulaire_recherche .text {display:block; float:left; width:169px; height:18px; padding-left:10px; background:url(recherche_cadre.png) no-repeat; border:0; color:#fff}
#langs {position:absolute; right:10px; top:10px; margin:0; padding:0; list-style-type:none}
#langs li {float:left; margin-left:12px}
#langs li a {color:#fff; text-transform:uppercase; font-size:11px}

#conteneur {width:990px; overflow:hidden; margin:auto; background:#fff}
#gauche {width:210px; float:left; padding-right:20px; background:#fff}
#droite {width:210px; float:right; padding-left:20px; background:#fff}
#content {float:left; background:#fff; width:530px; position:relative}

#content h1 {margin-top:0}

/* Menus */
#menu_gauche h1, #menu_gauche h2, #menu_gauche h3, #menu_gauche h4, #menu_droite h1, #menu_droite h2, #menu_droite h3, #menu_droite h4 {margin:0}
#menu_gauche h2, #menu_droite h2 {background:url(cote_titre.png); width:195px; height:36px; padding:4px 0 0 15px; margin:0}
#menu_gauche h2 a, #menu_droite h2 a {text-decoration:none}
#menu_gauche ul.niveau1, #menu_droite ul.niveau1 {padding:0 15px 10px 15px; margin:0 0 20px 0; list-style-type:none; padding-bottom:30px}
#menu_gauche ul.niveau1 {background:url(cote_bas_gauche.png) no-repeat bottom #F2F2F2}
#menu_droite ul.niveau1 {background:url(cote_bas_droite.png) no-repeat bottom #F2F2F2}
#menu_gauche ul.niveau2.ferme, #menu_droite ul.niveau2.ferme {display:none}
#menu_gauche h3, #menu_droite h3 {padding:3px 0}
#menu_gauche h3 a, #menu_droite h3 a {color:#007FBF; font-size:11px; font-weight:bold}
#menu_gauche ul.niveau2, #menu_droite ul.niveau2 {padding:0 0 0 5px; margin:0; list-style-type:none}
#menu_gauche ul.niveau2 h4, #menu_droite ul.niveau2 h4 {padding:4px 0}
#menu_gauche ul.niveau2 h4 a, #menu_droite ul.niveau2 h4 a {color:#595959; font-weight:normal; font-size:11px}
#menu_gauche h3 a:hover, #menu_gauche ul.niveau2 h4 a:hover, #menu_droite h3 a:hover, #menu_droite ul.niveau2 h4 a:hover {color:#AFCC1F}
#menu_gauche #horaires {background:url(cote_bas_gauche.png) no-repeat bottom #F2F2F2; padding:0 15px 30px}
#menu_gauche #horaires, #menu_gauche #horaires * {font-size:12px; margin:0}

/* Fin Menu */

#logos img {display:block; position:absolute; top:66px; right:0}

#slide_dessus {position:absolute; top:66px; right:0; background:url(slide_dessus.png); width:330px; height:265px}

#logos .ferme {display:none}
#logos .ouvert {display:block}

#agenda {background:#F2F2F2; padding:0; margin:0}
#agenda h2 {display:none}

#calendrier {padding:0 auto 10px auto; width:180px}
#calendrier .entete {padding:0 0 10px 10px}
#calendrier .entete a {display:block; width:30px; float:left; text-align:left !important}
#calendrier .entete a.droite {float:right; text-align:right !important}
#calendrier .entete span {display:block; float:left; text-align:center; width:105px; font-weight:bold; color:#007FBF}
#calendrier abbr {color:#AFCC1F; font-size:12px; border:0}
#calendrier td, #calendrier th {font-size:12px; text-align:right}
#calendrier td {color:#CCC}
#calendrier td a {color:#595959; font-weight:bold}

#bas_agenda {background:url(cote_bas_droite.png) no-repeat bottom #F2F2F2; width:210px; height:50px; border-top:2px solid #fff; text-align:center; padding:4px 0 0 0}
#bas_agenda a {color:#007FBF; text-align:center; font-weight:bold}

#lien_haut {text-align:center; clear:both}
#lien_haut a {color:#595959}

#haut {display:block; width:330px; height:165px; position:absolute; top:100px; left:100px; text-indent:-4000px}
#footer {width:980px; height:200px; background:url(bas.png) no-repeat; clear:both; margin:auto; position:relative}

#footer1 {margin:0; padding:0; list-style-type:none; position:absolute; top:95px; left:40px}

#footer2 {margin:0; padding:0; list-style-type:none; position:absolute; top:85px; left:300px}
#footer2 li {text-align:right}
#footer2 li.liste1 {padding-bottom:10px; font-weight:bold}
#footer2 a {color:#fff}

#footer3 {margin:0; padding:0; list-style-type:none; position:absolute; top:85px; left:460px}
#footer3 li {text-align:center}
#footer3 li.liste1 {padding-bottom:10px; font-weight:bold}
#footer3 a {color:#fff}

#footer4 {margin:0; padding:0; list-style-type:none; position:absolute; top:85px; left:660px}
#footer4 li {text-align:left}
#footer4 li.liste1 {padding-bottom:10px; font-weight:bold}
#footer4 a {color:#fff}

#footer5 {margin:0; padding:0; list-style-type:none; position:absolute; top:115px; right:40px}
#footer5 a {background-repeat:no-repeat; padding-left:20px; color:#fff}

#colonne_gauche {width:200px; float:left}
#colonne_droite {width:300px; overflow:hidden; float:right}

#content h2, #content h2 a {color:#AFCC1F; font-size:15px; margin:5px 0}
#content h2.agenda {margin:15px 0}
#content h3, #content h3 a {color:#AFCC1F; font-size:14px; margin:5px 0}

div.description *, div.chapeau * {}
div.gauche {width:200px; margin-bottom:15px; clear:both}
/*div.gauche h2, div.droite h2 {padding-left:15px}*/
div.gauche h3, div.gauche h3 a, div.droite h3, div.droite h3 a {color:#007FBF}

div.gauche .haut {width:200px; height:15px; background:url(accueil_gauche_haut.png)}
div.gauche .bas {width:200px; height:15px; background:url(accueil_gauche_bas.png); margin-bottom:20px}
div.gauche .description {background:#F2F2F2; padding:0 15px; overflow:hidden}
div.gauche .chapeau {font-size:11px}

div.gauche div.visuel, div.droite div.visuel {float:left; margin:0 10px 10px 0}

div.droite {width:300px; margin-bottom:15px; clear:both}
div.droite .haut {width:300px; height:15px; background:url(accueil_droite_haut.png)}
div.droite .bas {width:300px; height:15px; background:url(accueil_droite_bas.png); margin-bottom:20px}
div.droite .description {background:#F2F2F2; padding:0 15px; overflow:hidden}
div.droite .chapeau {font-size:11px}

div.line0 .haut {background:none}
div.line0 .bas {background:none}
div.line0 .description {background:#fff}


div.accueil_agenda-evenements-en-cours h2,div.accueil_agenda-evenements-a-venir h2 {display:none}
.affiche {display:block !important}

div.evenement h3 a {font-size:12px; color:#007FBF}

ul.autres_events {clear:both; margin:10px 0 0 0; padding:10px 0 0 0; list-style-type:none; border-top:2px solid #fff}
ul.autres_events .event2 {/*margin-bottom:15px*/}

#titre_meteo {color:#007FBF; font-size:12px; left:35px; position:absolute; top:46px}
#meteo, #meteo * {color:#595959; font-size:11px}
#meteo {position:absolute; top:44px; left:80px}
#meteo dd {float:left}
#meteo dd img {float:left}

#ariane, #ariane * {font-size:11px !important; color:#595959 !important; margin:0 !important; font-weight:normal}
#ariane {margin-bottom:20px !important}
#content a.addthis_button {position:absolute; right:0; top:20px}

/* Style des articles */

div.article .chapeau {font-size:13px; color:#0072BA; margin:20px 0}
div.article .description {font-size:12px; color:#595959; margin:20px 0; overflow:visible}
div.article .visuel {float:right; margin:0 0 20px 20px}

/* Fin Style des articles */

/* Du côté de ... */

#du_cote_de {width:520px; height:25px; background:url(du_cote.png) no-repeat; clear:both; padding:5px 0 0 26px}
#du_cote_de strong {font-size:12px; color:#007FBF; float:left}
#du_cote_de ul {margin:0; padding:0; list-style-type:none}
#du_cote_de ul li {float:left; margin:0; padding:0 5px; border-right:1px solid #F2F2F2}
#du_cote_de ul li.dernier {border:0}

/* Fin Du côté de ... */

.rubrique_liste {clear:both; margin:10px 0; overflow:hidden}
.rubrique_liste img {margin:0 10px 10px 0}

div.agenda {margin-bottom:30px; clear:both}
div.agenda h2 {margin:0}
div.agenda span.super_conteneur_dates {padding-right:10px}
div.agenda span.dates {color:#595959; font-size:12px}
div.agenda p.infos {margin:0 0 15px 0}
div.agenda p.infos span.lieu {padding-right:10px; border-right:1px solid #595959; margin-right:10px}
div.agenda p.infos a {font-weight:bold; color:#007FBF}
div.agenda div.chapeau {margin:0; color:#595959}
div.agenda span.plus {cursor:pointer}

#moteur_agenda {margin:15px 0}
#moteur_agenda select {border:1px solid #CCCCCC}

.rechercher_agenda {background:#fff; color:#595959; border:0; font-size:12px}

.portfolio {clear:both}
.portfolio img {margin:0 15px 15px 0}

a.lien_plan {display:block; padding-left:20px; font-weight:bold; color:#007FBF; background:url(puce_carte2.png) no-repeat left}
div.resultats {margin:20px 0 !important}

/* Boutique */

.formulaire_boutique, .formulaire_boutique * {font-size:12px}
.formulaire_boutique fieldset {border:0; padding:10px 0 0 0; margin:0}
.formulaire_boutique legend, .formulaire_boutique legend * {color:#CCB233; font-size:14px; font-weight:bold}
.formulaire_boutique a {color:#007FBF; font-weight:bold}
.formulaire_boutique table, .formulaire_boutique table td, .formulaire_boutique table th {border:1px solid #000; padding:5px; border-collapse:collapse}
.formulaire_boutique table th {color:#AFCC1F}
.formulaire_boutique input, .formulaire_boutique textarea {border:1px solid #CCB233}
.formulaire_boutique textarea {width:328px}
.formulaire_boutique button {color:#fff; background:#CCB233; border:0; cursor:pointer; padding:4px}
.formulaire_boutique label {display:block; width:200px; float:left; clear:both}
.formulaire_boutique p.radios label {display:inline; float:none; clear:none}
#liste_etapes .en_cours {color:#007FBF; font-weight:bold}
.erreur {color:red; font-weight:bold}

/********TOMMY LIVE SHIT MODIF******/
.formulaire_ecrire_adherent label{
	display:block!important;
}
.unProduit{
	border:dashed 1px;
	padding:8px;
	margin-bottom:10px;
	clear:both
}
.lesResa input{
	border:none;
	background:none;
}
.calend .cpBorder{
	width:100%!important;
	border:none!important;
}
.calend .cpBorder table{
	width:100%!important;
}
.resdatetodate{
display:block;
padding:3px;
margin:4px;
border:solid 1px;cursor:pointer;
text-align:center;
}
.resdatetodate:hover{
	background-color:#AFCC1F;
}
.disponi table{
	width:100%;
	border-collapse:collapse;
}
.disponi table td{
	border:solid 1px;
	width:60px;
}
td.dispo_nom{
	font-size:11px;
	width:170px!important;
}

ul.spip{
	list-style-position:inside;
	padding-left:10px;
}
.spip_documents_center dt{
	text-align:center;
}
.spip_documents_center .spip_doc_titre{
	margin-left:auto;
	margin-right:auto;
}
a.spip_in, a.spip_out{
	color:#007FBF;
	text-decoration:underline;
}
table.spip{
	width:100%;
	border-collapse:collapse;
}
tr.row_odd{
	background-color:#DFF4FF;
}
tr.row_even{
	background-color:#FFF7DF;
}
.accueil_accueil-evenement-en-cours h2,.accueil_accueil-evenement-a-venir h2{
	display:none;
}