/* CSS Document */

body, html {height:100%; font-size:16px; background-color:#4e413e; width:100%; min-height:768px;}

/* TYPOGRAPHY */
h1, h1 a {font-size:26px; color:#900; font-family: 'Josefin Slab', serif; font-weight:700; color:#666; text-transform:uppercase;  margin-bottom:30px;}
h1 span {line-height:normal;}
h2 {font-size:56px; color:#900; font-family: 'bebas_neueregular'; text-transform:uppercase; display:inline-block; padding-bottom:5px; font-weight: normal;}
h3 {font-size:36px; color:#900; font-family: 'bebas_neueregular'; text-transform:uppercase;}
h4 {font-size:26px; color:#900; font-family: 'bebas_neueregular'; text-transform:uppercase;}
h5 {font-size:16px; color:#000; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;padding-bottom:10px;}
p {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400;}
label, input {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400;}
span.soustitre {font-family:'newsgothicsbop-boldconregular'; line-height:normal; color:#F8991D; font-size:23px; margin:25px 0; display:block; text-transform:uppercase; width:75%;}
li {font-family: 'Open Sans', sans-serif; font-size:19px; list-style:none;}
a, button {text-decoration:none; color:#FFF; font-family: 'Open Sans', sans-serif; font-size:15px;}


.bg-blochaut {background:#4e413e; height:33%; text-align:center; position: relative;}
.bg-blochaut img {width:100%; max-width:431px; min-width:150px; height:auto; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
#milieusplash {position:relative; box-sizing: border-box; height:33%; background: #bfffff; /* Old browsers */background: #0096da; /* Old browsers */
background: #0096da; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left,  #0096da 0%, #00bcf1 50%, #0096da 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0096da), color-stop(50%,#00bcf1), color-stop(100%,#0096da)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0096da 0%,#00bcf1 50%,#0096da 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0096da 0%,#00bcf1 50%,#0096da 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0096da 0%,#00bcf1 50%,#0096da 100%); /* IE10+ */
background: linear-gradient(to right,  #0096da 0%,#00bcf1 50%,#0096da 100%); /* W3C */
 }
#trianglemenu {display: block; margin:0 auto; position:absolute; left:0; right:0;}
#trianglebas {margin:0 auto; position:absolute; left:0; right:0; bottom:0%;}
#troissec {width:100%; max-width:553px; min-width:299px; height:auto; margin-top:45px;}
#formbassplash {text-align:center;position: relative; display: block; height: 50px;}
#formbassplash img {position:absolute; bottom:0; max-width::300px;}
.titre {padding-top:20px;}
#footer {width:100%; background-color:#4e413e; height:33%; padding-top:2%; box-sizing:border-box;}
#footer img {width:100%; max-width:319px; max-height:104px; height: auto;}
#footer p {color:#fff;}
#footer p span{font-size:18px; line-height:20px;}
#footer .signature p, #footer .signature a {font-size:10px;}
#footer .signature a {text-decoration:none;}
#footer .signature a:hover {text-decoration:underline;}
.nomobile {display:inherit;}
#fleche {position:relative; top:-40px; width:93px; height:93px; left:0; right:0; z-index:999;}
#contriangle{width:100%; text-align:center; position:absolute;}

/* RESPONSIVE */
@media screen and (max-width:950px){
body, html {min-height:inherit;}
.grid_1, .grid_2 {width:47%!important; padding:5%!important;}
.grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {width:97%!important;margin:1.5%!important; padding:5%!important;}
.group_1, .group_2 {width:50%!important;}
.group_3, .group_4, .group_5, .group_6, .group_7, .group_8, .group_9, .group_10, .group_11, .group_12 {width:100%!important;}
.group_3 .grid_1, .group_3 .grid_2, .group_3 .grid_3, .group_3 .grid_4, .group_3 .grid_5, .group_3 .grid_6, .group_3 .grid_7, .group_3 .grid_8, .group_3 .grid_9, .group_3 .grid_10, .group_3 .grid_11, .group_3 .grid_12 {margin:1.5%!important;}
#troissec {margin-top:50px;}
.centrer {text-align:center; padding:10px 0;}
#milieusplash {min-height: 33%; height:auto;}
.bg-blochaut {padding-bottom:50px;}
.nomobile {display:none;}
}
@media screen and (max-width:620px){
.bg-blochaut img {max-width:300px;}
.titre {padding-top:20px;}
}
@media screen and (max-height:320px) and (max-width:480px){
.bg-blochaut {background:#4e413e; min-height:40%; text-align:center; position: relative;}
.bg-blochaut {padding-bottom:80px;}
}
@media screen and (max-height:768px) and (max-width:1024px){
.titre {padding-top:20px;}
#footer {padding-top:0!important;}
}
/*
@media screen and (min-height:950px) and (max-width:950px){
body, html {min-height:inherit;}
.grid_1, .grid_2 {width:47%!important; padding:5%;}
.grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {width:97%!important;margin:1.5%!important; padding:5%;}
.group_1, .group_2 {width:50%!important;}
.group_3, .group_4, .group_5, .group_6, .group_7, .group_8, .group_9, .group_10, .group_11, .group_12 {width:100%!important;}
.group_3 .grid_1, .group_3 .grid_2, .group_3 .grid_3, .group_3 .grid_4, .group_3 .grid_5, .group_3 .grid_6, .group_3 .grid_7, .group_3 .grid_8, .group_3 .grid_9, .group_3 .grid_10, .group_3 .grid_11, .group_3 .grid_12 {margin:1.5%!important;}
#troissec {margin-top:50px;}
.centrer {text-align:center; padding:10px 0;}
#milieusplash {min-height: 33%; height:auto;}
}
*/