body {
	margin:0 auto; padding:0; text-align:center;
	background:#000000 url(/images/background.jpg) no-repeat center top fixed;
	min-width:100px; height:100%;
	font-family: Arial, Verdana, Sans-serif; font-size:100%; color:#5c5e54;
	overflow-x:hidden;
}

html, body {
	height:100%;
}

a, a:visited {
	text-decoration:underline; color:#003399;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#003399;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}

input, select, table, td, textarea { 
	font: inherit; 
}
	
td, th {
	vertical-align:top; text-align:left;
}
	
em {
	font-style:italic;
}

form {
	padding:0; margin:0;
}

INPUT, TEXTAREA, SELECT, OPTION {
	padding:0; margin:0; font-size:11px;
} 

sup {  
	vertical-align:baseline; font-size:75%; position:relative; top:-0.5em;
}


/**** Container ****/

#conteneur {
	width:1000px; position:relative; text-align:left; margin:0 auto; padding:0; overflow:visible;
}



/************ Header *************/ 

#header {
	position:relative; background: url(/images/header_angle_vert.png) no-repeat left 156px; height:187px;
}

#logo {
	position:absolute; top:31px; left:63px;
}

#slogan {
	position:absolute; top:59px; right:0px;
}

#topmenu {
	position:absolute; top:156px; right:0px; text-align:right; font-size:15px; line-height:31px; width:286px; height:31px; color:#FFFFFF; text-align:center;
}
#topmenu a, #topmenu a:visited {
	text-decoration:none; color:#FFFFFF;
}
#topmenu a:hover, #topmenu a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}
#topmenu span {
	padding:0 10px;
}


/**** nav (horizontal) ****/

ul#nav {
	height:98px; list-style-type:none; margin:0 0 20px 0; padding:0;
}
ul#nav li {
	margin:0 2px 0 0; padding:0; float:left; width:141px;
}
ul#nav li.last {
	margin:0;
}
#nav a, #nav a:visited {
	display:block; background:url(/images/background_nav.png) repeat 0 0; text-decoration:none;
}
#nav a:hover, #nav a:visited:hover, #nav a.on {
	background-position:142px 0; text-decoration:none;
}


/*** sous-nav ****/

#sousnav {
	position:absolute; bottom:0; left:0; padding:0 16px; background:url(/images/background_sousnav.png) repeat-y left top; width:970px; z-index:10; font-size:1.1em;
}
#sousnav ul {
	list-style-type:none; margin:0; padding:0;
}
#sousnav ul li {
	margin:0; padding:0; float:left; background:url(/images/sousnav_ligne.png) repeat-y right top;
}
#sousnav a, #sousnav a:visited {
	text-decoration:none; display:inline-block; padding:5px 20px 5px 20px; color:#FFFFFF; font-weight:bold; text-shadow: 1px 1px 3px #666666;
}
#sousnav a:hover, #sousnav a:visited:hover, #sousnav a.on {
	background:url(/images/background_sousnav_on.png) repeat right top; color:#FFFFFF;
}


#photo_header {
	margin:0 0 20px 0;	 position:relative;
}


/**** Contenu ****/


#contenu {
	font-size: 1em; text-align:justify; line-height:1.3em;
	padding:80px 50px 45px 30px; margin:0; position:relative; min-height:250px;
	background:#fdfbea url(/images/background_titre_coin.png) no-repeat 295px top;
}

#a_propos #contenu, #contact #contenu, #sitemap #contenu, #faits_divers #contenu, #evenements #contenu, #tarifs #contenu {
	padding:80px 50px 45px 295px;	
}

#contenu h1 {
	position:absolute; top:0px; left:0px; z-index:10; padding:0; margin:0;
}
/* hack ie7 */
*+html #contenu h1 {
	/*float:left; position:relative; margin:-50px 0 0 -35px;*/
	position:absolute; top:100px; left:100px;
}

#contenu .colonne1 {
	float:left; width:320px;	
}
#contenu .colonne2 {
	float:right; width:590px;	
}


#contenu h2 {
	font-size:2.2em; line-height:1.2em; font-weight:normal; padding:.5em 0 .5em 0; margin:0; color:#acc440; text-align:left;
}
#contenu > h2:first-child {
	padding-top:0;
}

#contenu h3 {
	font-size:1.7em; font-weight:bold; line-height:1em; padding:.5em 0 .8em 0; margin:0; text-align:left; color:#009ec0;
}

#contenu h4 {
	font-size:1.3em; font-weight:bold; padding:.5em 0 .8em 0; margin: 0; text-align:left;
}

#contenu h5 {
	font-size:1em; font-weight:bold; padding:.5em 0 .8em 0; margin:0; text-align:left;
}

#contenu p {
	padding: 0 0 1.2em 0; margin: 0;
}

#contenu ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 .9em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
	/*
	Pour avoir une image a la place de la bullet : 
	Methode 1 : list-style-type:none;
	Methode 2 : list-style-type: circle;
	*/
}
#contenu ol {
	margin:0 0 .9em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
}
#contenu ul ul, #contenu ul ol, #contenu ol ol, #contenu ol ul {
	margin-bottom:0; margin-top:.5em;
}
#contenu li {
	padding:0 0 .3em 0; margin:0;
	/*Pour avoir un bullet different au bout (image) 
	Methode 1 (Fonctionne mieux que le list-style )
	background: url(/images/bullet.gif) no-repeat left 0.5em; padding:0 0 .2em 15px; 
	Methode 2
	list-style-image: url(images/bullet.gif);
	*/
}
#contenu ul li ul, #contenu ul li ol,
#contenu ol li ul, #contenu ol li ol {
	margin-bottom:0;
}

#contenu .coller {
	padding: 0 0 .3em 0; margin: 0;
}

#contenu .retour_page_precedente {
	padding:0; font-size:.8em; text-align:right; clear:both;
}

#contenu .hautdepage {
	padding: 1em 0 0 32px; font-size:.8em; text-align:center; line-height:1em; clear:both;
}

#contenu .imageGauche {
	float:left; margin:0px 15px .8em 0; padding:0; font-size:10px;
}
#contenu .imageDroite {
	float:right; margin:0px 0 .8em 15px; padding:0; font-size:10px;
}
#contenu .imageGauche div, #contenu .imageDroite div {
	margin-top:5px;
}

#contenu .gauche {
	text-align:left; float:left; margin:0px 15px .8em 0; padding:0;
}
#contenu .droite {
	text-align:right; float:right; margin:0px 0 .8em 15px; padding:0;
}
#contenu .centre {
	text-align:center; margin:0 auto; padding:0;
}
#contenu .centre td {
	text-align:left;
}

#contenu .section {
	padding:0 0 0 25px;
}
#contenu .indention {
	padding:0; margin:0 0 0 25px;
}

.slogan {
	font-size: 1.4em; font-weight: bold; color:#009ec0; text-align:left;
}

hr {
	color: #999999; height:80px; clear:both; margin:1em 0; border:0;
	background:url(/images/ligne_hr.png) no-repeat center top;
}
/* hack ie7 */
*+html hr {
	height:1px; color:#999999;
}

#contenu .encadre {
	padding: .8em .8em 0 .8em; margin: 0 1.5em; text-align:center; border:1px solid #A91419;
}

#contenu .bordure {
	border:1px solid #acc440;
}

#contenu .note {
	font-size:.8em;
}

.creditPhoto:hover {
	cursor: help;
}

/* Pour faire suivre le texte apres un float */
.spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}


a.lien_ancre {
	text-decoration:none; font-size:0px; line-height:0px;
}

.emphase {
	font-size:1.2em; font-weight:bold;	
}

#contenu .infos_pertinentes {
	padding: 1.4em 1.4em 0 1em; margin: .5em 0 1.2em 0; background:url(/images/background_infos_pertinentes.jpg) no-repeat right top; font-size:.95em; line-height:1.2em; text-align:left;
}
#contenu .infos_pertinentes h3 {
	font-size:1.1em; font-weight:normal; line-height:1em; padding:0 0 .8em 0; margin:0; text-align:left; color:#009ec0;
}
#contenu .infos_pertinentes .trombone {
	float:right; margin:-20px -50px 0 20px;
}

.texte-bleu {
	color:#009ec0;
}

.texte-vert {
	color:#acc440;
}



/** Tableaux **/

/* Tableau de base (transparent) */
#contenu table.tableauBase td {
	padding:2px; text-align:left;
}
#contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}


/* Tableau avec styles */
#contenu table.tableau-style {
	background: #CCCCCC url(images/background_tableau.jpg) no-repeat left top;
	border-left:1px solid #000000; border-top:1px solid #000000; margin:0 0 .8em 0;
}
#contenu table.tableau-style td {
	border-right:1px solid #000000; border-bottom:1px solid #000000;
}
#contenu table.tableau-style th {
	background-color:#666666; color:#FFFFFF;
}
#contenu table.tableau-style td p {
	padding: 0 0 .8em 0;
}
#contenu table.tableau-style .fond-couleur {
	background-color:#00CC66;
}





/**** Album photo ****/

#contenu #album_photos table {
	margin:0 0 0 18px;
}

#contenu #album_photos td {
	padding:0 20px 20px 0;
}

#contenu #album_photos img {
	-moz-box-shadow: 2px 2px 4px #CCC;
	-webkit-box-shadow: 2px 2px 4px #CCC;
	box-shadow: 2px 2px 4px #CCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#CCCCCC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#CCCCCC');
}
#contenu #album_photos img:hover {
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#contenu #album_photos img {
	opacity:100;filter: alpha(opacity=100); -moz-opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}




/* Site map */

#contenu ul.sitemap li {
	font-size:1.2em; font-weight:bold; padding-top:1em;
}
#contenu ul.sitemap li ul li {
	font-size:.9em; font-weight:normal; padding-top:.5em;
}


/**** Footer ****/

#footer {
	position:relative; padding:24px 100px 18px 47px; text-align:left; font-size:16px; color:#FFFFFF; background-color:#accb40; border-top:5px solid #fdfbea; border-bottom:5px solid #fdfbea;
}
#footer .coordonnees1 {
	margin:0 30px 0 0;
}
#footer .coordonnees2 {
	position:absolute; top:24px; left:395px;
}
#footer .titre, #footer .email {
	margin:0 0 5px 0; color:#000000;
}
#footer .adresse, #footer .telephone {
	font-weight:bold; text-shadow: 1px 1px 3px #666666; line-height:35px;
}
#footer .adresse {
	line-height:40px;
}
#footer .telephone {
	font-size:25px;
}
#footer a, #footer a:visited {
	text-decoration:none; color:#000000;
}
#footer a:hover, #footer a:visited:hover {
	text-decoration:underline; color:#000000;
}
#footer img {
	position:absolute; bottom:-60px; right:-120px;
}
#footer .cartedusite {
	position:absolute; bottom:-30px; left:47px; font-size:11px; color:#FFFFFF;
}
#footer .cartedusite a, #footer .cartedusite a:visited {
	text-decoration:underline; color:#FFFFFF;
}
#footer .cartedusite a:hover, #footer .cartedusite a:visited:hover {
	text-decoration:none; color:#FFFFFF;
}
#footer #webmaster {
	position:absolute; bottom:-30px; right:120px; font-size:11px; color:#936b03;
}
#footer #webmaster a, #footer #webmaster a:visited {
	text-decoration:underline; color:#936b03;
}
#footer #webmaster a:hover, #footer #webmaster a:visited:hover {
	text-decoration:none; color:#936b03;
}


/* Pour les non-voyants */
.accessibility {
	position:absolute; top:-1000px;
}


/* Lien taiga */

#webmaster {
	display:none;
}



/**** Accueil ****/

#accueil #slideshow-conteneur {
	width:1000px; height:490px; overflow:hidden; display:block;	margin:0 0 20px 0;
}


#accueil #intro {
	background-color:#FFFFFF; padding: 24px 20px 24px 454px; margin:0 0 20px 0; position:relative; min-height:80px; font-size:.9em;
}
#accueil #intro img {
	position:absolute; bottom:5px; left:-28px; z-index:5;
}
#accueil #intro strong {
	color:#03637f; font-size:1.3em; display:block; margin:0 0 5px 0;
}

#accueil #vedette {
	min-height:453px; position:relative; margin:0 0 20px 0;
}
#accueil #vedette .vedette1 {
	position:absolute; top:1px; left:0px;
}
#accueil #vedette .vedette2 {
	position:absolute; top:1px; left:339px;
}
#accueil #vedette .vedette3 {
	position:absolute; top:1px; right:0px;
}
#accueil #vedette a {
	border:1px solid #000000;
}
#accueil #vedette a:hover {
	border:1px solid #FFFFFF;
}

#accueil #zone-facebook {
	min-height:225px; position:relative; background-color:#FFFFFF;
}
#accueil #zone-facebook iframe {
	margin:5px 0 0 30px;
}

#accueil  #footer {
	border-top:5px solid #FFFFFF; border-bottom:5px solid #FFFFFF;
}