@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Communs */
/* ------------------------------------------------------------------------- Espacements */
	.espacement01 {margin-bottom:10px}
	.espacement02 {margin-bottom:20px}
	.espacement03 {margin-bottom:30px}
/* ------------------------------------------------------------------------- Alignements */
	.alignement01 {text-align:left}
	.alignement02 {text-align:right}
	.alignement03 {text-align:center}
/* ------------------------------------------------------------------------- Titres */
	#sous_principal h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:2em;
		font-weight:normal;
		color:#3a302e;
		margin:0 0 10px 0
	}
	h1.court {padding-right:206px}
	h1 span {
		display:block;
		font-size:.8em;
		margin-top:5px
	}
	#contenu.contenu h2 {
		font-size:1.2em;
		color:#5e4f48;
		padding:0 0 4px 0
	}
	div.contenu h3 {
		font-size:1.1em;
		color:#5f4f48;
		padding:0 0 2px 0
	}
/* ------------------------------------------------------------------------- Paragraphes */
	div.contenu p {
		line-height:1.4em;
		padding:0 0 15px 0
	}
/* --------------------------------------------------------------- Meta */
	div.contenu p.meta {
		overflow:hidden;
		line-height:normal;
		font-size:.9em;
		color:#666;
		background:#f7f6f3;
		padding:5px;
		margin:0 0 10px 0
	}
/* ------------------------------------------------------------------------- Liens */
	div.contenu a {
		color:#6f7b29;
		text-decoration:underline
	}
	div.contenu a:hover,
	div.contenu a:focus {text-decoration:none}
	div.contenu a.infobulle {
		font-weight:bold;
		color:#8c3e5f;
		border-bottom:1px dashed #8c3e5f;
		text-decoration:none
	}
	div.contenu a.infobulle:hover,
	div.contenu a.infobulle:focus {border:0}
/* ------------------------------------------------------------------------- Listes */
	div.contenu ul, div.contenu ol {
		overflow:hidden;
		height:100%;
		line-height:1.4em;
		padding:0 10px 15px 10px
	}
	div.contenu ul li {
		background:url(../images/background/disc.gif) no-repeat left 6px;
		padding:0 0 2px 12px
	}
	div.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		padding:0 0 2px 0
	}
	div.contenu ul li ul, div.contenu ol li ol {padding:2px 0 0 15px}
	div.contenu ul li ul li {background-image:url(../images/background/cercle.gif)}
/* --------------------------------------------------------------- Listes de liens */
	div.contenu ul.liste_liens li {background:url(../images/background/puce01.gif) no-repeat left 5px}
	div.contenu ul.liste_liens li a span {
		font-size:.9em;
		color:#666
	}
/* ------------------------------------------------------------------------- Citations */
	div.contenu q {
		font-style:italic;
		color:#666
	}
	div.contenu blockquote {
		overflow:hidden;
		height:100%;
		min-height:30px;
		font-style:italic;
		background:#f7f6f3 url(../images/background/citation.gif) no-repeat 98% 8px;
		padding:5px 45px 5px 5px;
		margin:0 0 15px 0
	}
	div.contenu blockquote p {padding-bottom:0}
/* ------------------------------------------------------------------------- Object */
	div.object-left, div.object-right, div.object-center, div.object-none {margin-bottom:10px}
	div.object-left {
		display:inline;
		float:left;
		margin-right:10px
	}
	div.object-right {
		display:inline;
		float:right;
		margin-left:10px
	}
	div.object-center {text-align:center}
/* ------------------------------------------------------------------------- Tableaux de données */
	table.tableau_donnees {
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	table.tableau_donnees caption {
		text-align:left;
		font-weight:bold;
		color:#555;
		padding:0 0 4px 0
	}
	table.tableau_donnees tr th {
		background:#e4f5fe;
		border-bottom:1px solid #ccc;
		padding:4px
	}
	table.tableau_donnees tr th p {padding-bottom:0}
	table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	table.tableau_donnees tr.alterne td {background-color:#f7f7f7}
	table.tableau_donnees tr.survol td {background-color:#efefef}
/* ------------------------------------------------------------------------- Mise en avant */
	div.mise_en_avant {
		overflow:hidden;
		height:100%;
		background:#f7f6f3;
		padding:10px 10px 0 10px;
		margin:0 10px 15px 10px
	}
/* ------------------------------------------------------------------------- Fichiers en téléchargement */
	a.attribute-pdf {
		background:url(../images/background/pdf_pt.gif) no-repeat left top;
		padding:0 0 0 15px
	}
	a.attribute-msword {
		background:url(../images/background/word.gif) no-repeat left top;
		padding:1px 0 1px 22px
	}
	a.attribute-pdf span,
	a.attribute-msword span {
		font-size:.9em;
		color:#000
	}
/* --------------------------------------------------------------------------------------------- Contenu */
	#contenu.contenu {
		font-family:Arial, Helvetica, sans-serif;
		color:#000
	}
/* ------------------------------------------------------------------------- Vue line */
	div.vue_line {
		clear:both;
		overflow:hidden;
		height:100%;
		background:url(../images/background/separation.gif) repeat-x left top;
		padding:8px 0 5px 0
	}
	div.vue_line img {
		float:left;
		margin:0 10px 0 0
	}
	div.vue_line_texte {
		overflow:hidden;
		height:100%
	}
	div.contenu div.vue_line h2 a,
	div.contenu div.vue_line h3 a {
		color:#614f45;
		text-decoration:none
	}
	div.contenu div.vue_line a:hover,
	div.contenu div.vue_line a:focus {text-decoration:underline}
	div.vue_line h2 span {
		font-size:.8em;
		color:#7f7f7f
	}
	div.contenu div.vue_line h2 span a {color:#7f7f7f}
	div.vue_line h3 {
		font-size:1.1em;
		color:#614f45
	}
	div.vue_line a.lien_continuation {
		color:#6f7b29;
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left center;
		text-decoration:none;
		padding:0 0 0 18px
	}
	div.contenu div.vue_line p {padding-bottom:5px}
	div.contenu div.vue_line p.meta {
		float:right;
		font-size:.8em;
		margin-left:10px;
		margin-bottom:0;
		padding-bottom:2px;
		padding-top:2px
	}
/* ------------------------------------------------------------------------- Agenda */
/* ----------------------------------------------------- Calendrier */
	#calendrier {
		overflow:hidden;
		height:100%;
		background:#f8faed;
		padding:8px 4px;
		margin:0 10px
	}
	#calendrier a:hover,
	#calendrier a:focus {text-decoration:overline}
/* --------------------------------- Navigation mois par mois */
	#navigation_mois {
		text-align:center;
		font-weight:bold;
		padding:0;
		margin-bottom:5px
	}
	#navigation_mois li {
		display:block;
		float:left;
		width:15%;
		padding:0;
		margin:0
	}
	#navigation_mois li a {
		font-size:1.1em;
		color:#6f7b29
	}
	#navigation_mois #mois_courant {width:69%}
/* --------------------------------- Tableau */
	#calendrier table {
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		text-align:center
	}
/* ------------- Jours de la semaine */
	#calendrier table tr th {
		color:#fff;
		background:#666;
		padding:2px 0
	}
	#calendrier table tr th abbr {border:0}
/* ------------- Cellule de tableau */
	#calendrier table tr td {
		font-size:.9em;
		padding:4px 0
	}
	#calendrier table tr td a {
		color:#6f7b29;
		font-weight:bold
	}
/* ------------- Jour selectionne */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#6f7b29;
		color:#fff;
		cursor:text;
		text-decoration:none;
		padding:2px 0
	}
	#calendrier table tr td.jour_selectionne a:hover,
	#calendrier table tr td.jour_selectionne a:focus {text-decoration:none}
/* ------------- Jour "J" */
	#calendrier table tr td.jour_j {
		font-weight:bold;
		color:#604f48
	}
	#calendrier table tr td.jour_j a {color:#604f48}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* --------------------------------------------------------------------------------------------- Colonne 02 (droite) */
/* ------------------------------------------------------------------------- Paragraphes */
	#colonne02 p {
		padding-left:10px;
		padding-right:10px
	}
/* ------------------------------------------------------------------------- Titres */
	#colonne02 h3,
	#colonne02 h4 {
		padding-left:10px;
		padding-right:10px
	}
/* ------------------------------------------------------------------------- Listes */
	#colonne02 ul {padding-bottom:0}
	#colonne02 ul li {padding-bottom:10px}
	#colonne02 ul li span.meta {font-size:.9em}
/* ------------------------------------------------------------------------- Object */
	#colonne02 div.object-left {margin-left:10px}
	#colonne02 div.object-right {margin-right:10px}
/* ------------------------------------------------------------------------- Adresse */
	#colonne02 address {
		text-align:center;
		padding:0 10px
	}
/* --------------------------------------------------------------------------------------------- Glossaire */
	#glossaire li {
		float:left;
		width:228px;
		margin-bottom:5px
	}
/* --------------------------------------------------------------------------------------------- Galeries */
/* ------------------------------------------------------------------------- Theme */
	div.theme {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px
	}
	div.theme img {
		border:2px solid #fff;
		margin:10px 18px
	}
/* ----------------------------------------------------- Lien voir le thème */
	div.voir_theme {
		text-align:right;
		font-weight:bold;
		padding:0 0 20px 0
	}
	div.voir_theme a {
		float:right;
		background:#e8e8e8;
		padding:4px 10px
	}	
/* ------------------------------------------------------------------------- Galerie */
/* --------------------------------------------------------------- Simple */
	div.contenu ul#gallery,
	div.contenu.extrait ul.apercu {
		clear:both;
		padding:1em 0 0 0;
		margin:0
	}
	div.contenu ul#gallery li,
	div.contenu.extrait ul.apercu li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	.extrait ul.apercu li img {
		float:none;
		vertical-align:top;
		margin:0 3em 0 0
	}
	.extrait ul.apercu div {
		float:left;
		margin:0 3em 0 0
	}
	div.contenu.extrait div.navigation {padding-bottom:0}
	ul#gallery li a {text-decoration:none}
	ul#gallery li img {
		vertical-align:bottom;
		border:.1em solid #e8e8e8;
		padding:.8em;
		margin:0 2.1em 2.1em 0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-transition:background-color 0.3s ease;
		-moz-transition:background-color 0.3s ease;
		-o-transition:background-color 0.3s ease;
		transition:background-color 0.3s ease
	}
	ul#gallery li a:hover img,
	ul#gallery li a:focus img,
	ul#gallery li a:active img {background:#e8e8e8}
/* --------------------------------------------------------------- Carousel */
/* ----------------------------------------------------- Navigation */
	.jcarousel-container {
		width:84%;
		padding:0 8%;
		margin:0 0 1.5em 0
	}
/* ----------------------------------------------------- Boutons */
	.jcarousel-prev,
	.jcarousel-next {
		position:absolute;
		top:25px;
		cursor:pointer
	}
	.jcarousel-prev {left:0}
	.jcarousel-next {right:0}
	.jcarousel-prev-disabled img,
	.jcarousel-next-disabled img {display:none}
/* ----------------------------------------------------- Liste */
	#diaporama_nav {
		overflow:hidden;
		width:99%;
		margin:1.5em 0 1em 0
	}
	div.contenu #diaporama_nav ul {
		height:120px;
		padding:0;
		margin:0
	}
	div.contenu #diaporama_nav li {
		background:none;
		padding:0;
		margin:0
	}
	#diaporama_nav li a img {
		display:block;
		border:.1em solid #fff;
		padding:.7em;
		margin:0 17px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease
	}
	#diaporama_nav li a:hover img,
	#diaporama_nav li a:focus img,
	#diaporama_nav li a:active img,
	#diaporama_nav li.ui-tabs-selected img {
		border-color:#ddd;
		background:#f1f1f1
	}
	#diaporama_nav li.ui-tabs-selected a {cursor:default}
/* ----------------------------------------------------- Zoom */
	.ui-tabs-hide {display:none}
	div#gallery {
		overflow:hidden;
		zoom:1;
		clear:both;
		border:.1em solid #ddd;
		background:#f1f1f1;
		padding:2.3em 0 0 0;
		margin:0 0 1em 0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px
	}
	div#gallery div {
		padding:0 29px;
		margin:0 auto
	}
	div#gallery p img {margin:0 0 .5em 0}
/* ------------------------------------------------------------------------- Ecard */
	#ecard {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px;
		margin:0 0 20px 0
	}
	#ecard a {text-decoration:none}
	#ecard img {
		border:2px solid #fff;
		margin:10px
	}
	#ecard div.object-center img {margin-bottom:5px}
	/*#ecard div.image span.legende, #ecard div.image span.copyright {font-size:1em}*/
/* ------------------------------------------------------------------------- Wallpaper */
	div.wallpaper {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:0 0 15px 0;
		margin:0 0 15px 0
	}
	div.wallpaper img {
		float:left;
		background:#e8e8e8;
		padding:5px
	}
	div.wallpaper ul {float:left}
/* --------------------------------------------------------------------------------------------- Sondage */
	fieldset.question_sondage {
		clear:both;
		border:0;
		margin:0 0 14px 0
	}
	fieldset.question_sondage legend {
		font-size:1.1em;
		font-weight:bold;
		color:#682f02;
		margin-bottom:7px
	}
	fieldset.question_sondage legend span {
		display:block;
		width:730px
	}
	fieldset.question_sondage div {
		clear:both;
		padding:0 0 0 20px;
		margin:0 0 5px 0
	}
	fieldset.question_sondage input {
		float:left;
		width:13px;
		height:13px;
		margin:0 4px 0 0
	}
/* --------------------------------------------------------------------------------------------- Commentaires */
	#commentaires {
		clear:both;
		overflow:hidden;
		padding:0 217px 0 0;
		margin:5px 0
	}
	#commentaires h2 {margin-bottom:10px}
	div.commentaire {padding:0 15px}
	div.commentaire em {
		float:right;
		margin-top:-20px
	}
	div.commentaire blockquote strong {font-style:normal}
/* --------------------------------------------------------------------------------------------- Divers */
	span.contre_les_robots {display:none}
	div.annuaire {line-height:1.5em}
/* --------------------------------------------------------------------------------------------- Pagination */
	div.contenu ul.pagination {
		background:url(../images/background/separation.gif) repeat-x left top;
		padding:10px 0 5px 0
	}
	div.contenu ul.glossaire {
		font-size:.8em;
		background:none;
		padding-bottom:15px
	}
	div.contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0
	}
	div.contenu ul.glossaire li {margin-right:7px}
	div.contenu ul.pagination li a, div.contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #6f7b29;
		padding:2px 6px;
		text-decoration:none
	}
	div.contenu ul.pagination li a {
		color:#fff;
		background:#6f7b29
	}
	div.contenu ul.pagination li a:hover,
	div.contenu ul.pagination li a:focus,
	div.contenu ul.pagination li span {
		color:#6f7b29;
		background:#fff
	}
/* --------------------------------------------------------------------------------------------- Navigation */
	div.contenu p.navigation {
		overflow:hidden;
		background:url(../images/background/separation.gif) repeat-x left top;
		padding-top:10px
	}
	div.contenu p.navigation a.precedent {
		background:url(../images/background/precedent.gif) no-repeat left 5px;
		padding-left:10px
	}
	div.contenu p.navigation a.suivant {
		float:right;
		background:url(../images/background/suivant.gif) no-repeat right 5px;
		padding-right:10px
	}
