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

body{
	background-attachment: fixed;
	background-image: url(../imgs/bg_historally.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

#page{
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 76%, rgba(255,255,255,0.36) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(76%, rgba(255,255,255,0.36)), color-stop(100%, rgba(255,255,255,0.36)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 76%, rgba(255,255,255,0.36) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 76%, rgba(255,255,255,0.36) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 76%, rgba(255,255,255,0.36) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 76%, rgba(255,255,255,0.36) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	text-align: center;
	display: block;
	padding: 1%;
	width: 70%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

	ba
; 									border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #006A31;
	border-right-color: #006A31;
	border-bottom-color: #006A31;
	border-left-color: #006A31;
	overflow: hidden;
}

#accueil{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: block;
	margin: auto;
	height: auto;
	width: 70%;
	
	padding-top: 1%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 10%;
}
#inscr{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: table;
	margin: auto;
	height: auto;
	width: 90%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
#btn_inscr{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #000;
	background-color: #FCC58B;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 1%;
	margin-top: 1%;
	margin-right: 2px;
	margin-bottom: 1%;
	margin-left: 1%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#btn_inscr:hover{cursor:pointer;
	background: rgba(176,134,51,1);
background: -moz-linear-gradient(top, rgba(176,134,51,1) 0%, rgba(255,216,137,1) 28%, rgba(255,216,137,1) 55%, rgba(176,134,51,1) 96%, rgba(176,134,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,134,51,1)), color-stop(28%, rgba(255,216,137,1)), color-stop(55%, rgba(255,216,137,1)), color-stop(96%, rgba(176,134,51,1)), color-stop(100%, rgba(176,134,51,1)));
background: -webkit-linear-gradient(top, rgba(176,134,51,1) 0%, rgba(255,216,137,1) 28%, rgba(255,216,137,1) 55%, rgba(176,134,51,1) 96%, rgba(176,134,51,1) 100%);
background: -o-linear-gradient(top, rgba(176,134,51,1) 0%, rgba(255,216,137,1) 28%, rgba(255,216,137,1) 55%, rgba(176,134,51,1) 96%, rgba(176,134,51,1) 100%);
background: -ms-linear-gradient(top, rgba(176,134,51,1) 0%, rgba(255,216,137,1) 28%, rgba(255,216,137,1) 55%, rgba(176,134,51,1) 96%, rgba(176,134,51,1) 100%);
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

#btn_inscr a:link {
	color: #000;
	text-decoration: none;
}
#btn_inscr a:visited {
	text-decoration: none;
	color: #000;
}
#btn_inscr a:hover {
	text-decoration: none;
	color: #000;
}
#btn_inscr a:active {
	text-decoration: none;
	color: #000;
}



#btn_sep{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	width: 2%;
	color: #000;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 1%;
	
}


#bande{
	font-family: "Times New Roman", Times, serif;
	font-weight: bolder;
	color: #006A31;
	background-color: #89C0E2;
	text-align: right;
	display: block;
	height: auto;
	width: 50%;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: -5%;
	font-size: 2vmax;
	border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;
	border: thin solid #006A31;
	padding-top: 0.5%;
	padding-right: 5%;
	padding-bottom: 0.5%;
	padding-left: 0.5%;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#bandeban{
	font-family: "Times New Roman", Times, serif;
	font-weight: bolder;
	color: #006A31;
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(139,219,245,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8bdbf5', GradientType=0 );
	text-align: center;
	display: block;
	height: auto;
	width: 95%;
	
	font-size: 1.5vmax;
	border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;
	border: thin solid #006A31;
	padding-top: 0.5%;
	padding-right: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 0.5%;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	position: absolute;
	z-index: 120;
	left: 2%;
	top: 2%;
}

#menu{
	text-align: center;
	width: 100%;
	
}

#btn_menu{
	text-align: center;
	vertical-align: bottom;
	display: inline-block;
	margin: auto;
	height: auto;
	width: 19%;
}
#btn_menu:hover{
	width: 17%;
	cursor: pointer;
	


background: rgba(12,183,245,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(12,183,245,1) 0%, rgba(235,233,249,0.02) 47%, rgba(235,233,249,0) 48%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(12,183,245,1)), color-stop(47%, rgba(235,233,249,0.02)), color-stop(48%, rgba(235,233,249,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(12,183,245,1) 0%, rgba(235,233,249,0.02) 47%, rgba(235,233,249,0) 48%);
background: -o-radial-gradient(center, ellipse cover, rgba(12,183,245,1) 0%, rgba(235,233,249,0.02) 47%, rgba(235,233,249,0) 48%);
background: -ms-radial-gradient(center, ellipse cover, rgba(12,183,245,1) 0%, rgba(235,233,249,0.02) 47%, rgba(235,233,249,0) 48%);
background: radial-gradient(ellipse at center, rgba(12,183,245,1) 0%, rgba(235,233,249,0.02) 47%, rgba(235,233,249,0) 48%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb7f5', endColorstr='#ebe9f9', GradientType=1 );

}

#btn_menu a:link {
	color: #000;
	text-decoration: none;
}
#btn_menu a:visited {
	text-decoration: none;
	color: #000;
}
#btn_menu a:hover {
	text-decoration: none;
	color: #000;
}
#btn_menu a:active {
	text-decoration: none;
	color: #000;
}




#colg{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	margin: auto;
	padding: 1%;
	height: auto;
	width: 67%;
	
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #000;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

#cold{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	margin: auto;
	padding: 1%;
	height: auto;
	width: 28%;
	
}
#actu_vign{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #000;
	background-color: #A0CCE8;
	text-align: center;
	vertical-align: top;
	display: block;
	padding: 0.5%;
	margin: 1%;
	width: 95%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #006A31;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#actu_vign:hover{
	background-color: rgba(0,153,255,0.5);
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

.actu_vign_date{
	font-family: "Times New Roman", Times, serif;
	font-size: 1vmax;
	font-style: italic;
	font-weight: normal;
	color: #006A31;
}

#actu_vign_img{
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 0.5%;
	width: 30%;
}
#actu_vign_tit{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #006A31;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 1%;
	width: 60%;
}
#part{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #000;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	padding: 1%;
	margin: 1%;
	width: 50%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	
}
#sep{
	height:150px;
	width: 100%;
}
.att{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bolder;
	color: #E3BB85;
	background-color: #000;
}
.fenetre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1vmax;
	font-weight: bold;
	

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(139,219,245,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(139,219,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8bdbf5', GradientType=0 );
border-radius: 0px 10px 0px 10px;
-moz-border-radius: 0px 10px 0px 10px;
-webkit-border-radius: 0px 10px 0px 10px;

	text-align: center;
	display: none;
	padding: 1%;
	height: auto;
	max-height: 85%;
	width: 75%;
	border: medium solid #006A31;
	position: fixed;
	top: 2%;
	right: 13%;
	z-index: 400;
	overflow: auto;
}
#corpactu{
	text-align: justify;
	padding: 1%;
	height: auto;
	width: 80%;

}
#imageactu{
	float: left;
	height: auto;
	width: 50%;
	border: medium groove #000;
	padding: 1%;
	margin-right: 1%;
}
.form_contact{
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1vmax;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	text-align: center;
	display: block;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	border: thin dotted #000;
	padding: 1%;	
	}
	
	.form_cp{
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1vmax;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	text-align: center;
	display: block;
	width: 10%;
	margin-right: auto;
	margin-left: auto;
	border: thin dotted #000;
	padding: 1%;	
	}
	
	.form_ville{
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.61);
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1vmax;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	text-align: center;
	display: block;
	width: 38%;
	margin-right: auto;
	margin-left: auto;
	border: thin dotted #000;
	padding: 1%;	
	}
	
	.btn_contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	text-align: center;
	margin: auto;
	padding: 0.5%;
	width: 30%;
	border: thin dotted #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.61);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.61);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.61);
}
.btn_contact:hover{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
	-moz-box-shadow: 1px 1px 25px 0px rgba(0,0,0,1);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
	text-transform: uppercase;
	cursor:pointer;
	
	}
	
	#envoye{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #006A31;
	background-color: #8BC1E2;
	text-align: center;
	display: block;
	padding: 2%;
	height: auto;
	width: 40%;
	border: thin solid #006A31;
	position: absolute;
	top: 20%;
	right: 28%;
}
.datetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2vmax;
	font-weight: bold;
	color: #FCC58B;
	background-color: #7C431F;
	padding: 1%;
	text-align: center;
	width: 95%;
	border: thin solid #FCC58B;
	border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;
	margin: auto;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#ban{}
#telech{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: inline-block;
	width: 10%;
	
	left: 2%;
	bottom: 20%;
	background-color: #FCC58B;
	border: thin solid #000;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);}

#telech:hover{
	cursor:pointer;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);

	}
	
#telechvide{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: inline-block;
	width: 10%;
		left: 2%;
	bottom: 20%;
	background-color: #FCC58B;
	border: thin solid #000;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);}

#telechvide:hover{
	cursor:not-allowed;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);

	}
	

#renvoi{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: inline-block;
	width: 10%;
	right: 2%;
	bottom: 20%;
	background-color: #FCC58B;
	border: thin solid #000;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: thin solid #000;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);}

#renvoi:hover{
	cursor:pointer;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);

	}
	
#btn_ferme_fen{
	height: auto;
	width: 10%;
	text-align: center;
	display: block;
	position: absolute;
	top: 4%;
	right: 4%;
}
#btn_ferme_fen:hover{
	cursor:pointer;
	width: 12%;
	}
#footer{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #8BC1E2;
	background: rgba(0,106,49,0);
	background: -moz-linear-gradient(top, rgba(0,106,49,0) 0%, rgba(0,106,49,1) 67%, rgba(0,106,49,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,106,49,0)), color-stop(67%, rgba(0,106,49,1)), color-stop(100%, rgba(0,106,49,1)));
	background: -webkit-linear-gradient(top, rgba(0,106,49,0) 0%, rgba(0,106,49,1) 67%, rgba(0,106,49,1) 100%);
	background: -o-linear-gradient(top, rgba(0,106,49,0) 0%, rgba(0,106,49,1) 67%, rgba(0,106,49,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,106,49,0) 0%, rgba(0,106,49,1) 67%, rgba(0,106,49,1) 100%);
	background: linear-gradient(to bottom, rgba(0,106,49,0) 0%, rgba(0,106,49,1) 67%, rgba(0,106,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a31', endColorstr='#006a31', GradientType=0 );
	display: block;
	margin: 0px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 200;
	left: 0px;
	padding-top: 3%;
	padding-right: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 0.5%;
}
	.mention{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bold;
	color: #8BC1E2;
	display: block;
}
.mention:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5vmax;
	font-weight: bolder;
	color: #8BC1E2;
	text-transform: uppercase;
	text-decoration: underline;
	cursor:pointer;
}

#mention{
	font-family: "Times New Roman", Times, serif;
	font-size: 1vmax;
	font-weight: normal;
	color: #8BC1E2;
	display: none;
	margin: auto;
	padding: 0.5%;
	width: 80%;
}