/* ------------------
      general
   ------------------ */

* {
	padding: 0;
	margin: 0;
	border: none;
}

body {
	font-size: 62.5%;
	font-family: "Arial";
	text-align: center;
	padding-bottom: 20px;
	overflow-x: hidden;
}

.spacer {
	clear: both;
}

a {
	outline: none;
}


/* ------------------
      haut
   ------------------ */

#haut_x {
	height: 405px;
}

#haut {
	position: relative;
	width: 1024px;
	height: 405px;
	margin: 0 auto;
}

#haut h1 {
	position: absolute;
	top: 33px; left: 0;
	height: 113px;
	width: 1024px;
}

#haut h1 a {
	display: block;
	padding-top: 113px;
	height: 0 !important;
	height /**/:113px;
	overflow: hidden;
}

#haut #description {
	display: none;
}

#haut ul#navigation {
	position: absolute;
	top: 0; left: 27px;
	list-style: none;
	padding-left: 1px;
}

#haut ul#navigation li {
	display: block;
	float: left;
	padding-right: 1px;
}

#haut ul#navigation li a {
	display: inline-block;
	padding: 2px 20px 0 20px;
	height: 31px !important;
	height /**/:33px;
}

#haut ul#navigation li.en_cours a,
#haut ul#navigation li.en_cours a:link,
#haut ul#navigation li.en_cours a:visited,
#haut ul#navigation li.en_cours a:hover,
#haut ul#navigation li a:hover {
	background-position: 0 -33px;
}

#haut ul#langues {
	position: absolute;
	top: 9px; right: 57px;
	list-style: none;
}

#haut ul#langues li#en a {
	position: absolute;
	top: 0; right: 0;
	display: block;
	width: 32px;
	padding-top: 17px;
	height: 0 !important;
	height /**/:17px;
	overflow: hidden;
}

#haut ul#langues li#fr a {
	position: absolute;
	top: 0; right: 39px;
	display: block;
	width: 32px;
	padding-top: 17px;
	height: 0 !important;
	height /**/:17px;
	overflow: hidden;
}


/* ------------------
      diaporama
   ------------------ */

#diaporama {
	text-align: left;
	position: absolute;
	top: 151px; left: 32px;
	width: 544px;
	height: 243px;
	overflow: hidden;
}


/* ------------------
      onglets
   ------------------ */

#onglets {
	position: absolute;
	top: 146px; left: 580px;
	width: 398px;
	height: 248px;
}

#onglets #h2_bienvenue {
	position: absolute;
	top: 5px; left: 0;
	width: 167px;
	padding-top: 49px;
	height: 0 !important;
	height /**/:49px;
	overflow: hidden;
	cursor: pointer;
}

#onglets #h2_localisation {
	position: absolute;
	top: 5px; right: 0;
	width: 231px;
	padding-top: 49px;
	height: 0 !important;
	height /**/:49px;
	overflow: hidden;
	cursor: pointer;
}

#onglets #bienvenue {
	position: absolute;
	top: 54px; left: 0;
	padding: 10px 15px 0 15px;
	width: 368px !important;
	width /**/:398px;
	height: 184px !important;
	height /**/:194px;
	text-align: left;
}

#onglets #bienvenue * {
	font-size: 14px;
	font-family: "Arial";
}

#onglets #bienvenue p {
	padding-bottom: 10px;
}

#onglets #bienvenue a {
	text-decoration: underline;
}

#onglets #bienvenue a:hover {
	text-decoration: none;
}

#onglets #bienvenue #formulaire_recherche {
	position: absolute;
	top: 152px; left: 0;
	height: 42px;
	width: 398px;
	background-position: 117px 12px;
	background-repeat: no-repeat;
}

#onglets #bienvenue label {
	position: absolute;
	top: 5px; left: 16px;
	cursor: pointer;
}

#onglets #bienvenue input#recherche_bienvenue {
	position: absolute;
	bottom: 12px; left: 125px;
	background: transparent none repeat scroll 0 0;
	width: 138px;
	font-size: 14px;
	font-family: "Arial";
}

#onglets #bienvenue a#bouton_recherche,
#onglets #bienvenue a#bouton_recherche:link,
#onglets #bienvenue a#bouton_recherche:visited {
	position: absolute;
	top: 6px; left: 290px;
	display: block;
	width: 30px;
	padding-top: 30px;
	height: 0 !important;
	height /**/:30px;
	overflow: hidden;
	cursor: pointer;
}

#onglets #bienvenue a#options,
#onglets #bienvenue a#options:link,
#onglets #bienvenue a#options:visited {
	position: absolute;
	bottom: 13px; right: 20px;
	font-size: 12px;
	text-decoration: none;
}

#onglets #bienvenue a#options:hover {
	text-decoration: underline;
}

#onglets #localisation {
	position: absolute;
	top: 54px; left: 0;
	width: 398px;
	height: 194px;
	text-align: left;
	font-size: 14px;
	font-family: "Arial";
}

#onglets #localisation a {
	display: block;
	padding-top: 194px;
	height: 0 !important;
	height /**/:194px;
	overflow: hidden;
}

body.bienvenue #bienvenue		{ display: block; }
body.bienvenue #localisation	{ display: none; }
body.localisation #bienvenue	{ display: none; }
body.localisation #localisation	{ display: block; }


/* ------------------
      contenu
   ------------------ */

#milieu {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 20px;
}


/* ------------------
      bouton milieu
   ------------------ */

#milieu .bouton {
	clear: both;
	float: left;
	height: 30px;
	margin-top: 5px;
	padding-right: 17px;
}

#milieu .bouton a {
	display: inline-block;
	height: 30px;
	padding-left: 34px;
}

#milieu .bouton img {
	margin: 4px 0 0 2px;
}

#milieu .bouton a:hover {
	background-position: 0 -30px;
}


/* ------------------
      contenu
   ------------------ */

#contenu {
	float: left;
	padding: 0 15px 0 37px;
	width: 527px !important;
	width /**/:579px;
}

#contenu h2 {
	margin-left: 10px;
}

#contenu h2 img {
	position: relative;
	left: -3px;
}

#contenu a {
	text-decoration: none;
}

#contenu a:hover {
	text-decoration: underline;
}

#contenu .item {
	clear: both;
	padding: 10px 0 0 0;
	width: 517px;
	overflow: hidden;
}

#contenu .item.rubrique,
#contenu .item.article {
	padding: 10px 0 20px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#contenu .item .texte {
	clear: both;
	padding: 10px 0 0 10px;
	font-size: 12px;
}

#contenu .item .logo {
	float: right;
	margin: -5px 0 0 10px;
}

#contenu .item .logo a {
}

#contenu .item .logo img {
	padding: 10px;
}

#contenu .item .photo {
	background: #fff;
	display: inline-block;
	margin-left: -5px;
}

#contenu .item .photo img {
	padding: 10px;
}

#contenu .item h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

#contenu .item p {
	padding-bottom: 10px;
}

#contenu .item ul.spip {
	list-style: outside disc;
	padding-left: 25px;
	padding-bottom: 10px;
}

#contenu .item ul.spip ul {
	padding-bottom: 0;
}

#contenu .item ol.spip {
	list-style: outside decimal;
	padding-left: 25px;
	padding-bottom: 10px;
}

#contenu .item strong {
	font-weight: bold;
}

#contenu .item .spip_documents {
	display: inline-block;
}

#contenu .item .spip_documents img {
	padding: 10px;
}

#contenu .item .spip_documents_right {
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#contenu .item .spip_documents_left {
	float: left;
	clear: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#contenu .item .spip_documents_center {
	clear: both;
	display: block;
	text-align: center;
	margin: 10px 0;
}

#contenu .item .spip_documents_center .supplementaire {
	display: inline-block;
	margin: 0 auto;
}

#contenu .item .spip_doc_titre {
	text-align: center;
	font-size: 10px;
}

#contenu .item .spip_doc_descriptif {
	text-align: center;
	font-size: 10px;
}

#contenu .item .spip_documents_center .spip_doc_titre,
#contenu .item .spip_documents_center .spip_doc_descriptif {
	margin: 0 auto;
}

#contenu .item table.galerie {
	clear: both;
	width: 510px;
	border-collapse: collapse;
}

#contenu .item table.galerie td {
	padding: 3px 0;
	vertical-align: middle;
	text-align: center;
}

#contenu .item table.galerie td a {
	display: inline-block;
}

#contenu .item table.galerie td img {
	padding: 10px;
}

#contenu .item table.spip {
	clear: both;
	margin: 10px 0;
	border-collapse: collapse;
}

#contenu .item table.spip th {
	padding: 5px;
	border-width: 1px;
	border-style: solid;
}

#contenu .item table.spip td {
	padding: 5px;
	border-width: 1px;
	border-style: solid;
}

#contenu .pagination {
	clear: both;
	text-align: center;
	padding: 10px;
}


/* ------------------
      formulaires
   ------------------ */

#contenu form ul {
	list-style: none;
}

#contenu form ul li {
	display: block;
	margin-bottom: 10px;
}

#contenu form ul li label {
	display: block;
}

#contenu form ul li.obligatoire label {
	font-weight: bold;
}

#contenu form ul li.obligatoire label:after{ 
	content: " *";
}

#contenu form ul li span {
	display: block;
}

#contenu form .choix label {
	display: inline;
}

#contenu form ul li.obligatoire .choix label {
	font-weight: normal;
}

#contenu form ul li.obligatoire .choix label:after{ 
	content: "";
}

#contenu form input.text,
#contenu form select.select,
#contenu form textarea.textarea {
	font-size: inherit;
	font-family: inherit;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	width: 362px !important;
	width :370px;
}

#contenu form textarea.textarea {
	height: 80px;
}

#contenu form select.select {
	width: 370px !important;
}

#contenu form p.boutons {
	margin: 10px 0;
	list-style: none;
	padding: 0;
}

#contenu form p.boutons input {
	font-size: inherit;
	font-family: inherit;
	font-weight: bold;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
}

#contenu form p.boutons a,
#contenu form p.boutons a:link,
#contenu form p.boutons a:visited {
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
}

#contenu form p.boutons a:hover {
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
}

#contenu form .bouton {
	position: relative;
	left: -10px;
}

#contenu form .bouton.mini {
	display: none;
}


/* ------------------
      plans
   ------------------ */

#contenu .item dl.plan.on {
	position: relative;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#contenu .item dl.plan.on dt {
	list-style: none;
	display: inline;
}

#contenu .item dl.plan.on dd {
	position: absolute;
	left: -9999px;
	padding: 5px 10px;
	width: 180px !important;
	width /**/:200px;
	z-index: 11;
}

#contenu .item dl.plan.on dd span {
	display: block;
	text-align: center;
	color: #666157;
}

#contenu .item dl.plan.on dd span.titre {
	font-weight: bold;
	line-height: 20px;
}

#contenu .item dl.plan.on a.point {
	display: block;
	position: absolute;
	text-indent: -9999px;
	background: url("../images/plans/point.gif") no-repeat;
	width: 12px;
	height: 12px;
	outline: none;
	z-index: 10;
	text-decoration: none;
}

#contenu .item dl.plan.on dd a {
	text-decoration: none;
}


/* ------------------
      fil ariane
   ------------------ */

#contenu #fil_ariane {
	padding: 10px 10px 0 10px;
}

#contenu #fil_ariane * {
	display: inline;
}


/* ------------------
      evenement
   ------------------ */

#contenu #evenement {
	float: left;
	padding: 10px 35px 0 0;
	width: 292px !important;
	width /**/:327px;
}

#contenu .date {
	position: relative;
	float: left;
	width: 60px;
	height: 64px;
	margin: 0 5px 5px 0;
}

#contenu .date span.mois {
	position: absolute;
	top: 5px;
	left: 6px;
	display: block;
	width: 45px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#contenu .date span.jour {
	position: absolute;
	top: 26px;
	left: 6px;
	display: block;
	width: 45px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
}

#contenu #evenement h2 img {
	position: relative;
	left: -3px;
}

#contenu #evenement h3 {
	font-size: 16px;
	font-weight: normal;
}

#contenu #evenement h3 a {
	text-decoration: none;
}

#contenu #evenement h3 a:hover {
	text-decoration: underline;
}

#contenu #evenement .logo {
	clear: both;
	margin: 10px 0;
	padding: 0 1px;
	text-align: center;
}

#contenu #evenement .logo a {
	margin: 0 auto;
	display: inline-block;
}

#contenu #evenement .logo img {
	display: block;
	padding: 10px;
}

#contenu #evenement .descriptif {
	clear: both;
	padding: 0 10px 20px 10px;
	margin-top: 10px;
	font-size: 12px;
}


/* ------------------
      agenda
   ------------------ */

#contenu #agenda {
	float: right;
	width: 200px;
	padding-top: 10px;
}

#contenu #agenda h2 {
	padding: 0 0 0 8px;
	margin-left: 0;
}

#contenu ul.agenda {
	clear: both;
	list-style: none;
	font-size: 12px;
}

#contenu ul.agenda li {
	display: block;
}

#contenu ul.agenda li hr {
	display: none;
}

#contenu ul.agenda li a,
#contenu ul.agenda li .a {
	position: relative;
	display: block;
	padding: 9px 8px 20px 50px;
	width: 459px !important;
	width /**/:517px;
	min-height: 35px;
	text-decoration: none;
}

#contenu #evenement ul.agenda li a,
#contenu #evenement ul.agenda li .a {
	width: 234px !important;
	width /**/:292px;
}

#contenu #agenda ul.agenda li a,
#contenu #agenda ul.agenda li .a {
	width: 142px !important;
	width /**/:200px;
}

#contenu ul.agenda li a:hover {
	text-decoration: none;
}

#contenu ul.agenda li a span.titre,
#contenu ul.agenda li .a span.titre {
	font-size: 12px;
}

#contenu ul.agenda li a span.lieu,
#contenu ul.agenda li .a span.lieu {
	font-size: 12px;
}

#contenu ul.agenda li a span.fin,
#contenu ul.agenda li .a span.fin {
	display: block;
	font-size: 12px;
}

#contenu .item ul.agenda li a span.titre,
#contenu .item ul.agenda li .a span.titre,
#contenu .item ul.agenda li a span.lieu,
#contenu .item ul.agenda li .a span.lieu,
#contenu .item ul.agenda li a span.fin,
#contenu .item ul.agenda li .a span.fin {
	font-weight: bold;
}

#contenu ul.agenda li a span.mois,
#contenu ul.agenda li .a span.mois {
	position: absolute;
	top: 11px;
	left: 10px;
	display: block;
	width: 28px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-size: 8px;
	text-transform: uppercase;
}

#contenu ul.agenda li a span.jour,
#contenu ul.agenda li .a span.jour {
	position: absolute;
	top: 24px;
	left: 10px;
	display: block;
	width: 28px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 14px;
}

#contenu ul.agenda li a span.descriptif,
#contenu ul.agenda li .a span.descriptif {
	display: block;
	padding-top: 10px;
}

#contenu ul.mois {
	list-style: none;
	padding-top: 9px;
}

#contenu ul.mois li {
	display: block;
	font-size: 12px;
}

#contenu ul.mois li a {
	display: block;
	padding: 4px 12px 15px 12px;
	text-decoration: none;
}

#contenu ul.mois li a:hover {
	text-decoration: none;
}


/* ------------------
      extras
   ------------------ */

#extras {
	float: right;
	width: 445px;
}


/* ------------------
      menu
   ------------------ */

#menu {
	float: left;
	width: 195px;
	padding-top: 12px;
}

#menu .rubrique {
	padding: 0 0 12px 0;
}

#menu .rubrique h3 {
	padding: 0 0 3px 18px;
}

#menu .rubrique h3 a {
	display: block;
}

#menu .rubrique ul {
	list-style: none;
	padding: 5px 15px 10px 20px;
}

#menu .rubrique ul li {
	font-size: 11px;
	padding: 3px 0;
}

#menu .rubrique ul li a,
#menu .rubrique ul li a:link,
#menu .rubrique ul li a:visited {
	text-decoration: none;
}

#menu .rubrique ul li.en_cours a,
#menu .rubrique ul li.en_cours a:link,
#menu .rubrique ul li.en_cours a:visited,
#menu .rubrique ul li.en_cours a:hover,
#menu .rubrique ul li a:hover {
	text-decoration: underline;
}


/* ------------------
      album
   ------------------ */

#album {
	float: right;
	padding: 10px 40px 20px 5px;
	width: 200px !important;
	width /**/:245px;
}

#album h3 {
	padding: 0 0 6px 6px;
}

#album a.image {
	display: block;
	width: 170px;
}

#album .image img {
	padding: 10px;
}


/* ------------------
      le_saviez_vous
   ------------------ */

#le_saviez_vous {
	float: right;
	padding: 5px 40px 5px 5px;
	width: 200px !important;
	width /**/:245px;
}

#le_saviez_vous h3 {
	padding: 0 0 12px 6px;
}

#le_saviez_vous .texte {
	padding: 0 0 20px 8px;
	font-size: 12px;
}


/* ------------------
      bas
   ------------------ */

#bas_x {
	position: relative;
	height: 240px;
}

#bas {
	position: relative;
	width: 1024px;
	height: 240px;
	margin: 0 auto;
}

#bas h2 {
	padding-bottom: 2px;
}

#bas h3 {
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 9px 2px;
}

#bas h3 a,
#bas h3 a:link,
#bas h3 a:visited {
	text-decoration: none;
}

#bas h3 a:hover {
	text-decoration: underline;
}

#bas .texte {
	padding: 0 0 6px 2px;
}


/* ------------------
      meteo
   ------------------ */

#meteo {
	line-height: 20px;
	font-size: 14px;
}

#previsions {
	display: inline;
	position: relative;
	top: -6px;
	padding-left: 20px;
}

#previsions img {
	position: relative;
	top: 2px;
	padding: 0 5px;
}

#previsions span.separateur_meteo {
	padding: 0 20px;
}


/* ------------------
      bloc-notes
   ------------------ */

#bloc_notes {
	position: absolute;
	top: 42px; left: 48px;
	width: 280px;
	text-align: left;
	font-size: 13px;
}


/* ------------------
      chez_nous
   ------------------ */

#chez_nous {
	position: absolute;
	top: 42px; left: 370px;
	width: 280px;
	text-align: left;
	font-size: 13px;
}


/* ------------------
      newsletter
   ------------------ */

#newsletter {
	position: absolute;
	top: 42px; left: 694px;
	width: 280px;
	text-align: left;
	font-size: 13px;
}

#newsletter ul {
	list-style: none;
}

#newsletter li.complet,
#newsletter span.complet,
#newsletter label.complet,
#newsletter .bouton.complet {
	display: none;
}

#newsletter label {
	display: block;
}

#newsletter label.email {
	font-size: 16px;
	font-weight: normal;
	padding-left: 2px;
	cursor: pointer;
}

#newsletter .choix {
	display: block;
}

#newsletter .choix label {
	display: inline;
}

#newsletter span#fond_email_newsletter {
	position: relative;
	display: block;
	margin: 5px 0;
	height: 19px;
}

#newsletter input#email {
	position: absolute;
	top: 2px; left: 9px;
	background: transparent none repeat scroll 0 0;
	width: 138px;
	font-size: 14px;
	font-family: "Arial";
	color: #fff;
}


/* ------------------
      bouton bas
   ------------------ */

#bas .bouton {
	clear: both;
	float: left;
	height: 30px;
	margin-top: 5px;
	padding-right: 14px;
}

#bas .bouton a {
	display: inline-block;
	height: 30px;
	padding-left: 28px;
}

#bas .bouton img {
	margin: 5px 0 0 2px;
}

#bas .bouton a:hover {
	background-position: 0 -30px;
}


/* ------------------
      thickbox
   ------------------ */

#TB_window a {
	text-decoration: none;
}