﻿@font-face {
    font-family: 'NashvilleRegular';
    src: url('fonts/nashvill-webfont.eot');
    src: url('nashvill-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nashvill-webfont.woff') format('woff'),
         url('fonts/nashvill-webfont.ttf') format('truetype'),
         url('fonts/nashvill-webfont.svg#NashvilleRegular') format('svg');
}
body {
	background-color: #decc85;
}
#conteneur {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/background.png');
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#header {
	padding-top: 1px;
}
#header a {
	text-decoration: none;
}
#header_titre {
	float: left;
	margin-left: 40px;
	margin-top: 20px;
	font-family: "NashvilleRegular";
	color: #3b2301;
	text-align: center;
}	
#header_nav {
	margin-top: 160px;
	padding-bottom: 25px;
	clear: both;
	font-family: "NashvilleRegular";
	border-top: 2px solid #decc85;
	border-bottom: 2px solid #decc85;
}
#header_nav  li {
	float: left;
	width: 120px;
	list-style-type: none;
}
#header_nav li a {
	text-decoration: none;
	color: #3b2301;
}
#header_nav li a:hover {
	text-decoration: none;
	color: #3b2301;
	border-bottom: 3px solid #a1daed;
}

/*Header Slideshow*/
@-webkit-keyframes slide-animation {
  0% {opacity:0;}
  2% {opacity:1;}
  30% {left:0px; opacity:1;}
  30.5% {opacity:0.6;}
  33% {left:-500px; opacity:1;}
  60% {left:-500px; opacity:1;}
  60.5% {opacity:0.6;}
  63% {left:-1000px; opacity:1;}
  96% {opacity:1;}
  98% {left:-1000px; opacity:0;}  
  100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
    0% {
        left: 0px; /*1ère image*/
    }
    15% {
        left: 0px; /*idem pour attente*/
    }
    35% {
        left: -500px; /*2ème image*/
    }
    50% {
        left: -500px; /*idem pour attente*/
    }
    70% {
        left: -1000px; /*3ème image*/
    }
    85% {
        left: -1000px; /*idem pour attente*/
    }
    100% {
        left: 0px; /*1ère image*/
    }
}
#header_slideshow {
	margin-top: 6px;
	float: right;
	overflow: hidden;
	height: 135px;
	width: 500px;
	border: 5px solid #decc85;
}
#header_slideshow ul {
  width:1500px;
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
	-moz-animation-name: slide-animation;
    -moz-animation-duration: 25s;
    -moz-animation-iteration-count: infinite;
    /*-moz-animation-timing-function: ease-in-out;*/
  -webkit-animation: slide-animation 25s infinite;
}
#header_slideshow li {
	display: inline;
	float: left;
}
	
#footer_nav {
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	border-top: 2px solid #decc85;
	color: #3b2301;
}
#footer_nav  li {
	display: inline;
}
#footer_nav a {
	text-decoration: none;
	color: #3b2301;
}
#footer_nav a:hover {
	text-decoration: none;
	color: #3b2301;
	border-bottom: 1px solid #a1daed;
}	
/*index*/
#mot_accueil {
	float: left;
	width: 638px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 15px;
	text-align: justify;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#droite {
	padding-top: 0px;
	width: 292px;
	margin-left: 698px;
	padding-right: 30px;
	margin-bottom: 15px;
}
#flux_news {
	padding: 5px;
	text-align: center;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#flux_news h1 {
	font-family: "NashvilleRegular";
	font-size: 1.2em;
	color: #3b2301;
}
#flux_news a {
	text-decoration: none;
	color: #3b2301;
}
#flux_news a:hover {
	text-decoration: underline;
}
#agenda {
	margin-top: 10px;
	text-align: center;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#agenda table {
	margin: auto;
}
#agenda a {
	text-decoration: none;
	color: #3b2301;
}
#agenda a:hover {
	text-decoration: underline;
}
#social_plugin {
	margin-top: 10px;
}

/*Activités*/
#menu_activites {
	width: 140px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	padding: 10px;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#menu_activites h3 {
	font-size: 1.15em;
	font-family: "NashvilleRegular";
}
#menu_activites a {
	text-decoration: none;
	color: #3b2301;
	-moz-transition-property: padding-left;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-property: padding-left;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-property: padding-left;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
#menu_activites a:hover {
	color: #3b2301;
	text-decoration: underline;
	padding-left: 10px;
}
#menu_activites a:active {
	color: #3b2301;
	text-decoration: underline;
	padding-left: 10px;
}
#activites {
	width: 478px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#activites h2 {
	text-align: center;
	font-family: "NashvilleRegular";
}

/*Actualités*/
#actualites {
	width: 648px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	color: #3b2301;	
}
.news {
	width: 100%;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	text-align: justify;
	margin-bottom: 10px;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.news h2 {
	text-align: center;
}

/*L'équipe*/
#equipe {
	width: 648px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#equipe h2 {
	text-align: center;
	font-family: "NashvilleRegular";
	font-size: 2.2em;
}
#equipe img {
	margin: 2px;
}
#img_equipe{
	text-align: center;
}

/*Calendrier*/
#menu_calendrier {
	width: 140px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	padding: 10px;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#menu_calendrier a {
	text-decoration: none;
	color: #3b2301;
	-moz-transition-property: padding-left;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-property: padding-left;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-property: padding-left;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
#menu_calendrier a:hover {
	color: #3b2301;
	text-decoration: underline;
	padding-left: 10px;
}
#menu_calendrier a:active {
	color: #3b2301;
	text-decoration: underline;
	padding-left: 10px;
}
#event {
	width: 478px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align: justify;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#err_event {
	width: 648px;
	float: left;
	margin-top: 20px;
	font-size: 1.3em;
	font-family: "NashvilleRegular";
	text-align: center;
	color: #3b2301;
}
#event h1 {
	font-family: "NashvilleRegular";
}

/*Tarifs*/
#tarifs{
	width: 648px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	color: #3b2301;
	font-size: 1.2em;
	text-align: center;
}
#tarifs table {
	margin: auto;
	border-collapse: collapse;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#tarifs td {
	width: 150px;
	padding: 5px;
	border: 1px solid #3b2301;
}
#tarifs th {
	width: 150px;
	padding: 5px;
	border: 1px solid #3b2301;
	font-family: "NashvilleRegular";
}
#tarifs caption {
	font-size: 1.3em;
	font-family: "NashvilleRegular";
}
.tarifs_groupe {
	margin-top: 20px;
}

/*Galerie photos*/
#galerie {
	width: 648px;
	float: left;
	margin-top: 20px;
	font-size: 1.3em;
	font-family: "NashvilleRegular";
	text-align: center;
	color: #3b2301;
}

/*Contact*/
#contact {
	width : 658px;
	float: left;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-left: 10px;
	color: #3b2301;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
label   {
	display:block;
	width:150px;
	float:left;
}
#erreur_contact {
	text-align: center;
	width: 450px;
	margin: auto;
	margin-top: 20px;
	color: red;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.submit {
	text-align: center;
}
#adresse {
	padding: 2px;
	margin-bottom: 20px;
	width: 300px;
	text-align: justify;
	-moz-box-shadow: 1px 1px 13px #3b2301; 
	-webkit-box-shadow: 1px 1px 13px #3b2301; 
	box-shadow: 1px 1px 13px #3b2301;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#adresse h3 {
	font-size: 1.1em;
}

/*Plan du site*/
#plan_site {
	width: 648px;
	float: left;
}
#plan_site ul {
	float: left;
	list-style-type: none;
}
#plan_site h3 {
	font-size: 1.1em; 
	color: #3b2301;
}
#plan_site a {
	text-decoration: none;
	color: #3b2301;
}
#plan_site a:hover {
	text-decoration: none;
	color: #3b2301;
	border-bottom: 1px solid #a1daed;
}	
	
