html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:Lato,Arial; font-size:18px; background:#222 url('/ima/bg_paillote.jpg') center fixed; background-size:cover; color:#fff;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1360px; padding-left:20px; padding-right:20px;}
.smax {margin:0 auto; max-width:1380px; font-size:0; text-align:center;}
img, iframe {vertical-align:top; margin:0;}
.gp {float:left; margin:0 40px 20px 0;}
.dp {float:right; margin:0 0 20px 40px;}
#accueil {position:relative; width:calc(100% - 40px); height:calc(100% - 40px); border:20px solid #111; text-align:center; overflow:hidden; background:url('/ima/tsp.png'); z-index:60;}
#logo, #slo {position:relative; padding:10px;}
#logo {margin-top:30px;}
h1 {font-size:50px; margin:20px 0 5px 0; padding:0; display:inline-block; font-weight:900; color:#111;}
h2 {font-size:24px; margin:0; padding:0; color:#fff;font-weight:400;}
h3 {font-size:30px; margin:10px 0 0 0; padding:4px 12px; display:inline-block; background:#111;}
#intro{position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; font-size:0; overflow:hidden;}
.diapo img {min-width:100%; min-height:100%;}
.diapo {animation: leaves 8s infinite alternate;}
@keyframes leaves { 0% { transform: scale(1.0); -webkit-transform: scale(1.0);} 100% {transform: scale(1.1);-webkit-transform: scale(1.1);}}
#scroll {position:absolute; bottom:20px; text-align:center; width:100%;animation: bounce 1.5s infinite; z-index:51;}
#header {top:-90px;position:fixed;z-index:98;height:90px;background:#bd6e2c;width:100%;font-size:0;}
#menur{top:20px; right:20px; position:absolute;display:none;}
#minilogo {display:inline-block; vertical-align:middle;width:150px;}
#items{display:inline-block;vertical-align:middle;text-align:right; width:calc(100% - 150px);}
.item{display:inline-block;vertical-align:middle;position:relative;font-size:20px;margin-left:20px;}
.item a:link, .item a:visited {color:#fff; padding:15px 5px 5px 5px; display:block;transition:0.3s all;}
.item:hover, .item.active a, .item a:hover, .paille:hover .item {cursor:pointer;color:#222; }
.paille {position:absolute;margin-left:calc(50% - 15px); opacity:0;transition:0.3s all ease;width:30px;height:15px;background:url('/ima/paille.png');}
.item:hover .paille, .item.active .paille {opacity:1;transform:translateY(-15px);}
.sep {position:absolute; width:100%; background:url('/ima/sep.png'); height:6px; margin-top:57px; z-index:60;}
.section{position:relative; width:100%;padding:60px 0;}
.s:after {content: '';display: block; clear: both;}
.three {width:33.33%; display:inline-block; vertical-align:top; text-align:left;}
.third {width:calc(33.33% - 20px); margin-left:20px;}
.text, .select, .textarea {color:#fff; background:#222; border:0; font-family:Lato,Arial; font-size:16px; padding: 10px 0px 10px 10px; width:calc(100% - 30px); margin-bottom:10px;}
.textarea {margin-top:0px; position:relative; width:calc(100% - 10px); height:169px;}
.envoyer {display:inline-block; border:0; background:#0f630d; color:#fff; padding:6px 12px; font-size:18px; font-family:Lato,Arial; cursor:pointer; font-weight:bold;}
.envoyer:hover {background:#388400; transition: 0.5s;}
.g-recaptcha {margin-bottom:10px; border:0;overflow:hidden;}
.select {width:calc(100% - 20px); -webkit-appearance: none;-moz-appearance: none;background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%); background-position:calc(100% - 20px) calc(1em + 2px),    calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat: no-repeat;}
#post {display:block; font-size:16px; color:#222; margin-top:10px;}
a{outline:none;}
a:link{color:#2b2a28;text-decoration:none}
a:visited{color:#2b2a28;text-decoration:none}
a:hover{color:#111111;text-decoration:none}
a.b:link{color:#ffffff;text-decoration:none}
a.b:visited{color:#ffffff;text-decoration:none}
a.b:hover{color:#ffffff;text-decoration:none}
.ima {display:inline-block; vertical-align:top; position:relative; margin:10px; overflow:hidden;background:#bd6e2c;}
.ima img {width:100%; transition: 0.3s all;}
.ima:hover img {transform:scale(1.1);opacity:0.6;}
.highslide-dimming{background:#222;}
.highslide-caption{display:none;font-size:18px;color:#fff; margin-top:5px;}
iframe {filter: grayscale(100%); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
#bas {background:#854c1f; padding:40px 0;}
#bas .gp {margin:0 20px 20px 0;}
#bas a {color:#fff;}
@font-face {font-family: 'Origin Light';font-style: normal;font-weight: normal;src: local('Origin Light'), url('/fonts/Origin-Light.woff') format('woff');}
table td {font-size:15px;}
@media screen and (max-width:767px)
{
#logo img {max-width:100%;}
#menur {display:block;}
#items {display:none; text-align:center; width:100%;}
.item {display:block; margin:5px 0; background:#777;}
.item a { padding:20px !important;}
.paille {height:0;}
.gp, .dp {float:none; margin:0 0 20px 0; display:block;}
h1 {margin-top:0; font-size:30px;}
h2 {font-size:18px;}
#scroll {display:none;}
#accueil a {color:#fff;}
.ima {margin:10px 20px;}
td {display:block; width:calc(100% - 20px) !important;}
.section img {max-width:100%;}
.three, .third {width:100%; margin:0;}
.select {width:100%;}
.text {width:calc(100% - 10px);}
.textarea {margin-bottom:10px;}
#bas td {text-align:center !important; margin-bottom:10px;}
#bas .gp {display:none;}
}