@charset "utf-8";
/* CSS Document */

/*
Ressources couleurs
#4c4e36 vert
#3E3F2C vert survol
#770300 rouge
#a2130f rouge survol
#8d0b08 rouge actif
#e4d8be ocre
#efe9da ocre survol
#402714 marron
#53321A marron survol


*/


/* Global */
html {
	background: url(../img/backG_light.jpg) #8c1601 no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/**/
}

body {

}
#site {
	width: 1086px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FC6;*/
}
header {
	height: 34px;
	background: url(../img/tete_light1.png) center top no-repeat, url(../img/tete_light2.jpg) center bottom no-repeat;
	padding-top: 207px;
	cursor: pointer;
}
nav {
	font-family: 'Lobster', cursive;
	min-height: 32px;
	text-align: center;
	background: url(../img/nav.png) no-repeat center;
	padding-top: 2px;
}
nav ul {
	list-style-type: none;
	text-align: center;
}
nav li {
	display: inline;
	margin-left: 14px;
	margin-right: 14px;
}
nav li:first-child {
	margin-left: 0px;
}
nav li:last-child {
	margin-right: 0px;
}
nav a {
	font-size: 26px;
	color: #e4d8be;
	text-decoration: none;
	-webkit-transition: color .5s;
    transition: color .5s;
}
nav a:hover {
	color: #EFE9DA;
	-webkit-transition: color .3s;
    transition: color .3s;
}
#contenu {
	padding-top: 30px;
	background: url(../img/fond2.jpg) #e6d8b2 repeat-y top;
	/*background: url(../img/fond_light.jpg) #e6d8b2 no-repeat top;*/
	min-height: 800px;
}
section {
	width: 680px;
	margin-left: 36px;
	float: left;
	margin-bottom: 40px;
}
article {
	width: 665px;
	margin-left: 15px;
}

aside {
	width: 303px;
	margin-right: 36px;
	float: right;
}
.clear {
	clear: both;
	content: '';
}
footer {
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: url(../img/foot.png) repeat-x center;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e4d8be;
	padding-top: 28px;
}
#footer {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	width: 986px;
	margin-right: auto;
	margin-left: auto;
}


/* section */

.decalage {
	margin-top: 55px;
	margin-bottom: 70px;
}
.titre {
	width: 650px;
	position: relative;
	heigth: 80px;
	padding-top: 7px;
	padding-bottom: 20px;
	/*display: block;*/
}
h1 {
	font-family: 'Lobster', cursive;
	color: #402714;
	font-size: 45px;
	display: block;
	float: left;
	padding-right: 10px;
	max-width: 360px;
	line-height: 40px;
}
h1 a {
	color: #402714;
	text-decoration: none;
}
h1 a:hover {
	color: #53321A;
}
h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	color: #770300;
	position: absolute;
	top: 7px;
	right: 55px;
}
h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #4c4e36;
	position: absolute;
	top: 45px;
	/*bottom: 7px;*/
	right: 55px;
}
h4 a {
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	color: #4c4e36;
	text-decoration: none;
	margin-top: 10px;
	display: block;
}
h4 a:hover {
	color: #3E3F2C;
}
.texte {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 16px;/*font-size: 14;*/
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
.texteP {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;
	display: block;
}
.texteS {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.texteS2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
}
.tete {
	font-weight: 400;
	/*font-size: 17;
	font-size: 20px;*/
	margin-top: 15px;
	margin-bottom: 10px;
	display: block;
}
.teteP {
	font-weight: 400;
	margin-top: 7px;
	margin-bottom: 5px;
	display: block;
}
.gras {
	font-weight: 400;
}
.tresgras {
	font-weight: 700;
}
.texte a {
	color: #a2130f;
	font-weight: 400;
	text-decoration: none;
}
.texte a:hover {
	color: #770300;
}
.date {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #770300;
}
.titredeco {
	display: block;
	height: 36px;
	margin-top: 15px;
	background-image: url(../img/deco/titre.png);
	background-repeat: no-repeat;
	background-position: right center;
	overflow:hidden;
}
figure {
	position: relative;
}
figcaption {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	background-color: #770300;
	width: 100%;
	position: absolute;
	bottom: 0px;
	color: #e4d8be;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
}
.horaire {
	position: absolute;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #e4d8be;
	top: 0px;
	left: 0px;
	background-color: #770300;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	padding: 6px;
	padding-right: 10px;
	margin-top: 5px;
}
.description {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: #e4d8be;
	font-weight: 300;
	background-color: #4c4e36;
	padding: 15px;
	margin-top: 10px;
	line-height: 18px;
	margin-bottom: 5px;
	-webkit-transition: color .5s;
    transition: color .5s;
}
.description:hover {
	background-color: #636545;
	-webkit-transition: color .5s;
    transition: color .5s;
}
.Tdescr {
	font-size: 18px;
	font-weight: 700;
}
#prochain {
	width: 320px; /*665*/
	float: left;
}
.plus {
	margin-bottom: 15px;
}
video {
	width: 314px;
	float: right;
	border: 1px solid #4C4E36;
	padding: 3px;
}
a.lienP {
	font-size: 16px;
	font-weight: 700;
	color: #e4d8be;
	text-decoration: none;
	display: block;
	margin-top: 5px;
}
a.lienP:hover {
	color: #fff;
}


/* side */

#bienvenue {
	margin-bottom: 5px;
}
#reso {
	padding-top: 18px;
	padding-bottom: 80px;
	
}
.reso {
	width: 97px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}


/* focus */

#inscription {
	color: #E4D8BE;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 15px;
	background-color: #770300;
	text-align: center;
	margin-top: 5px;
	padding: 10px;
}
#inscription a {
	color: #E4D8BE;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 18px;
	display: block;
	text-decoration: none;
}
#inscription a:hover {
	color: #efe9da;
}
h5 {
	font-family: 'Lobster', cursive;
	color: #770300;
	font-size: 30px;
	display: block;
	margin-top: 20px;
}
.sousnav {
	margin-top: 25px;
	margin-bottom: 10px;
}
#prochainSide {
	width: 303px;
	margin-bottom: 10px;
}
.focus {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	/*line-height: 18px;*/
}
.sounav {
	font-size: 26px;
	color: #e4d8be;
	text-decoration: none;
	-webkit-transition: color .5s;
    transition: color .5s;
	cursor: pointer;
}
.sounav:hover {
	color: #EFE9DA;
	-webkit-transition: color .3s;
    transition: color .3s;
}
#animation {
	
}
.activite {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}
.intro {
	margin-bottom: 15px;
}
.Sactivite {
	padding-left: 15px;
	margin-bottom: 8px;
}
.Sactivite figure {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 15px;
}
.type {
	float: left;
	width: 345px;
	font-size: 18px;
	font-weight: 400;
}
.Stitre {
	display: block;
	padding-top: 15px;
}
.partenaire {
	padding-top: 8px;
	font-size: 16px;
}
.partenaire a {
	color: #a2130f;
	text-decoration: none;
}
.partenaire a:hover {
	color: #770300;
}
.pub {
	width: 200px;
	height: 80px;
	float: right;
	text-align: center;
	vertical-align: middle;
	padding-top: 70px;
}
#boutique {
	display: none;
}
#acces {
	display: none;
	line-height: 22px;
}
#picto {
	padding-bottom: 15px;
	text-align: center;
}
#picto ul {
	text-align: center;
}
#picto ul li {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
.accespicto {
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.infos {
	width: 550px;
	float: left;
	margin-top: 30px;
}
#map_canvas {
	width: 665px;
	height: 300px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    color: #7e7975;
}
.map {
	margin: 10px;
}
.Parking {
	font-size: 18px;
	margin-top: 15px;
}
.retrait {
	font-size: 16px;
	padding-left: 25px;
}


/* sponsor */
.sponsor {
	float: left;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	margin: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background-color .5s;
    transition: background-color .5s;
}
.sponsor:hover {
	background-color: rgba(255, 255, 255, .4);
	-webkit-transition: background-color .3s;
    transition: background-color .3s;
}


/* documents */
#rensei, #regle {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}
#renseignement, #reglement {
	display: none;
}


/* formulaire */

form {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 13px;
	width: 300px;
	margin-left: 20px;
	margin-top: 20px;
}
label {
	display: block;
	cursor: pointer;
}
fieldset {
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C4E36;
}
legend {
	font-size: 16px;
}
input, textarea {
	border: 1px solid #ccc;
	font-size: 14px;
	width: 300px;
	min-height: 30px;
	display: block;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	outline: none;
 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
input[type=file] {
	border: 0px;
	padding: 0px;	
}
input[type=radio] {
	display: block;
	width: 20px;
	float: left;
	min-height: 15px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
input[type=checkbox] {
	display: block;
	width: 20px;
	float: left;
	min-height: 15px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
input[type=submit] {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	width: 310px;
	cursor: pointer;
	border-color: #ccc;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 5px rbba(0, 0, 0, .4);
	-o-box-shadow: 0 0 5px rbba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 5px rbba(0, 0, 0, .4);
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	background: #97bfc1;
	background: -moz-linear-gradient(top,  #97bfc1 0%, #789b9b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97bfc1), color-stop(100%,#789b9b));
	background: -webkit-linear-gradient(top,  #97bfc1 0%,#789b9b 100%);
	background: -o-linear-gradient(top,  #97bfc1 0%,#789b9b 100%);
	background: -ms-linear-gradient(top,  #97bfc1 0%,#789b9b 100%);
	background: linear-gradient(to bottom,  #97bfc1 0%,#789b9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bfc1', endColorstr='#789b9b',GradientType=0 );
}
input[type=submit]:hover {
	background: #789b9b;
	background: -moz-linear-gradient(top,  #789b9b 0%, #97bfc1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#789b9b), color-stop(100%,#97bfc1));
	background: -webkit-linear-gradient(top,  #789b9b 0%,#97bfc1 100%);
	background: -o-linear-gradient(top,  #789b9b 0%,#97bfc1 100%);
	background: -ms-linear-gradient(top,  #789b9b 0%,#97bfc1 100%);
	background: linear-gradient(to bottom,  #789b9b 0%,#97bfc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789b9b', endColorstr='#97bfc1',GradientType=0 );
}
select {
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	outline: none;
}
/*:invalid { 
	background-color: #F0DDDD;
	border-color: #770300;
	-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
	-moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	-o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	-ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	box-shadow:0 0 5px rgba(255, 0, 0, .8);
}*/
input:focus:required:invalid/*, input:focus:invalid*/ {
	border-color: #770300;
	-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
	-moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	-o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	-ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	box-shadow: 0 0 5px rgba(255, 0, 0, .8);
}
input[type=radio]:required:invalid {
	border-color: #000;
}
input[type=text]:required, input[type=email]:required, input[type=tel]:required, input[type=password]:required, select:required, textarea:required {
	border-color: #88a;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 255, .3);
	-o-box-shadow: 0 0 5px rgba(0, 0, 255, .3);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 255, .3);
	box-shadow: 0 0 5px rgba(0, 0, 255, .3);
}
.forminscr {
	width: 645px;
}
.formG {
	width: 300px;
	float: left;
}
.formD {
	width: 300px;
	float: right;
}
#entrep {
	display: none;
}
#emplacement {
	display: none;
}
.afftotal {
	width: 35px;
}


/* deco */


.t1 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C4E36;
}
.t2 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4C4E36;
}
.t3 {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #4C4E36;
}
.t11 {
	border-style: solid;
	border-width: 3px 0px 0px;
	-moz-border-image: url('../img/deco/11.png') 3 0 0 stretch;
	-webkit-border-image: url('../img/deco/11.png') 3 0 0 stretch;
	-o-border-image: url('../img/deco/11.png') 3 0 0 stretch;
	border-image: url('../img/deco/11.png') 3 0 0 stretch;
}
.t21 img {
	margin-top: 5px;
	margin-bottom: 8px;
}
.t21 {
	border-style: solid;
	border-width: 5px 0px 0px;
	-moz-border-image: url('../img/deco/21.png') 5 0 0 stretch;
	-webkit-border-image: url('../img/deco/21.png') 5 0 0 stretch;
	-o-border-image: url('../img/deco/21.png') 5 0 0 stretch;
	border-image: url('../img/deco/21.png') 5 0 0 stretch;
}
.c21 {
	border-style: solid;
	border-width: 5px;
	-moz-border-image: url('../img/deco/C21.png') 5 round;
	-webkit-border-image: url('../img/deco/C21.png') 5 round;
	-o-border-image: url('../img/deco/C21.png') 5 round;
	border-image: url('../img/deco/C21.png') 5 round;
}
i.gros {
	font-size: 1.3em;
}
i.fa.pasphoto {
	color: #770300;
	font-size: 1.3em;
}
i.text-danger {
	color: #770300;
}