/** RESET **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
html, body {line-height: 1; height: 100vh;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
a{text-decoration:none;}




/** POSITION **/
/*#content{		width: 100%; min-height: 100%;	margin: 0 auto; position: relative;}*/
#wrapper{		width: 1250px; margin: 0 auto; padding-bottom:25px; position:relative;	min-height: calc(100vh - 80px)}
#menu {							height: 30px;	margin: 70px 0; 					float: right;}


#animation{		width: 100%;	height: 400px;	margin: 50px auto;	}
#article{		width: 90%;	min-height: 300px;	margin: 50px auto; 		padding: 5%; font-family : Arial}	
#galerie{		width: 80%; min-height: 600px;	margin: 0 auto;			padding: 0 10%;}
#contactform{}
#contactinfo{}
#footer{		width: 100%;	height: 25px; 	margin: 0 auto;	 		padding: 15px 0;	display: block;	overflow: hidden;	table-layout: fixed;
				min-width: 1250px;}
.panel{ 		width: 200px; 	height: 200px;	margin: 20px auto 0 20px;padding: 10px;	float: left; text-align: center;}
.panel img{						height: 150px;	border: 1px outset #333;}
input{  			width: 292px;	height: 25px;   margin: 5px;			padding: 5px;}
textarea{	    	width: 292px;   height: 80px; 	margin: 5px;			padding: 5px; resize: vertical;}
.col-25{		width: 25%;	float: left;}
.col-50{		width: 50%;	float: left;}
.col-75{		width: 75%;	float: left;}
.col-100{		width: 100%;float: left;}

.logo img{		height: 80px; float: left; margin: 10px;}

/** STYLE **/
html{		background: url('../img/bg.jpg') repeat;}
body, a, p, h1, h2, h3, input {color: #fff;}
body{		text-align: center;							font-family: verdana, tahoma, sans-serif;
			background: url('../img/bg.jpg') repeat;	}
p{			text-align: justify;	font-size: 24px;}
.panel p{	text-align: center; 	font-size: 15px;	font-family: arial;							padding: 1px;}
h1{			text-align: center; 	font-size: 16px;	font-family: verdana, tahoma, sans-serif;	text-transform: uppercase;}
hr{    		border: 1px inset #8A8A8A;}


input, textarea, .g-recaptcha, a.submit{
	background: #353535;
	border: none;
	border-radius: 5px;
	font: normal 11px verdana,arial,sans-serif;
	box-shadow: inset 1px 1px 0px #000000;
    -moz-box-shadow: inset 1px 1px 0px #000000;
	color: #eee;
}


/** STYLE + **/
.shadow{		-moz-box-shadow: 0px 8px 7px 0px #000000;
				-webkit-box-shadow: 0px 8px 7px 0px #000000;
				-o-box-shadow: 0px 8px 7px 0px #000000;
				box-shadow: 0px 8px 7px 0px #000000;
				filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=7);}
.text-shadow{	text-shadow: 1px 1px 0 rgba(0,0,0,0.4),  -1px -1px 0 rgba(255,255,255,1);}
.glass{
				border: 1px outset #555;
				background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(250,250,250,0.1) 20%, rgba(243,243,243,0.04) 50%, rgba(237,237,237,0.04) 51%, rgba(245,245,245,0) 74%, rgba(250,250,250,0.3) 88%, rgba(251,251,251,0.1) 91%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(250,250,250,0.1) 20%,rgba(243,243,243,0.04) 50%,rgba(237,237,237,0.04) 51%,rgba(245,245,245,0) 74%,rgba(250,250,250,0.3) 88%,rgba(251,251,251,0.1) 91%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(250,250,250,0.1) 20%,rgba(243,243,243,0.04) 50%,rgba(237,237,237,0.04) 51%,rgba(245,245,245,0) 74%,rgba(250,250,250,0.3) 88%,rgba(251,251,251,0.1) 91%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
input.submit{		float: none;}
.submit{		background: url('../img/bgmenu.jpg') top right repeat;	border: 1px outset #333; text-align: center; padding: 10px; height: 35px; width: 200px; margin: 40px;transition: background 300ms ease-out;}				
.submit:hover {	background: url('../img/bgmenu.jpg') top left repeat;	border: 1px inset #333;}
a.bouton{		background: url('../img/bgmenu.jpg') top right repeat;	border: 1px outset #333; text-align: center; border-radius: 5px;
				font: normal 11px verdana,arial,sans-serif; text-decoration : none; color:#000;
				padding: 10px;	margin-top: 20px;
				box-shadow: inset 1px 1px 0px #000000;
				-moz-box-shadow: inset 1px 1px 0px #000000;
				transition: background 300ms ease-out;}			
a.bouton:hover{	background: url('../img/bgmenu.jpg') top left repeat;	border: 1px inset #333;	}			
.footer{		background: url('../img/bgmenu.jpg') repeat;
				color: #000;}
				

/*MODULE MENU */
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background: url('../img/bgmenu.jpg') top right repeat;
 }
#menu li a {
 display:block;
 width:200px;
 color:#fff;
 text-shadow: rgb(88, 88, 88) -0.6px -0.6px 0px;
 padding:6px;
 border-left: 1px solid #aaa;
 border-top: 1px solid #aaa;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
 }
#menu li a:hover {
 border-left: 1px solid #000;
 border-top: 1px solid #000;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 background: url('../img/bgmenu.jpg') top left repeat;
 }
#menu ul li ul {
 display:none;
 }
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul { position:absolute;
 }
 #menu li ul li a { width: 230px; }
 
 
 
 /** PRIORITE D AFFICHAGE **/
#menu {			z-index: 100; position: relative;}

/*** Formulaire ***/
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
	display: block;
	font-size: 0.75rem;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 1rem;
	margin-top: -1px;
	padding: 0.375rem 0.5625rem 0.5625rem;
    background: #D42028;
	border: 1px outset #f04124;
	color: #FFFFFF; }
[data-abide] span.error, [data-abide] small.error {
	display: none; }

span.error, small.error {
	display: block;
	font-size: 0.75rem;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 1rem;
	margin-top: -1px;
	padding: 0.375rem 0.5625rem 0.5625rem;
    background: #D42028;
	border: 1px outset #f04124;
	color: #FFFFFF; }