/*css de SEB*/

@font-face {
  font-family: "hop-icon-font";
  src:url("fonts/hop-icon-font.eot");
  src:url("fonts/hop-icon-font.eot?#iefix") format("embedded-opentype"),
    url("fonts/hop-icon-font.woff") format("woff"),
    url("fonts/hop-icon-font.ttf") format("truetype"),
    url("fonts/hop-icon-font.svg#hop-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*styles génériques*/
*{
	margin:0;
	padding:0;
	outline:none;
	box-sizing: border-box;
}
html, body{
	width:100%;
	height:100%;
}
object, embed, iframe{
	position:relative;
	z-index:1;
	max-width:100%;
	/*height:auto;*/
}

a, a:hover, a:focus{
	color:inherit;
	}
.relative{
	position:relative;
	z-index:1;
}
img{
	max-width:100%;
	height:auto;
}
.poz_static{
	position:static;
}
.nopadding{
	padding:0 !important;
	margin:0 !important;
}
.screen-reader-text{
	display: none;
}
html{
	font-size:62.5%;
}
body{
	font-family: 'Asap', sans-serif;
	font-weight:normal;
	font-size: 1.8rem;
	background-color: #f4f4f4;
	color: #000;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	background-image: url(img/bg_v.png), url(img/bg.jpg);
	background-position: center top, center top;
	background-repeat: repeat-y, no-repeat;
}
/*FIN styles génériques*/

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway';
	color: #81bc00;
}*/
h1,h2,h3{
	font-weight: bold;
}
h1{
	font-size: 2.2rem;
}
h2{
	font-size: 4.5rem;
}
h3{
	font-size: 2.3rem;
}
h4{
	font-size: 2.1rem;
}
h5{
	font-size: 2rem;
}
table{
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
}
article p{
	margin-bottom: 20px;
}
p:last-child{
	margin-bottom: 0;
}
/**/
.container{
	width: 100%;
	max-width: 1225px;
	margin: auto;
}
header{
	width: 100%;
	max-width: 1280px;
	margin: auto;
	background-color: #fff;
	height: 80px;
	position: relative;
	z-index: 12;
	margin-top: 50px;
	margin-bottom: 90px;
	color: #000;
	font-weight: bold;
    font-size: 1.5rem;
}
header .navbar-toggle{
	display: none;
}
.navbar-toggle {
	float: none;
	margin: 0;
	padding: 0;
	/*display:inline-block!important;*/
	vertical-align: middle;
	background-color:transparent;
	background-image:none;
	border: none;
	height:35px;
	width:35px;
	text-transform:uppercase;
	text-align:left;
	position: absolute;
	top: -25px;
	left: 35px;
	z-index: 12;
	cursor: pointer;
}
.navbar-toggle:focus {
	outline:0
}
.navbar-toggle span {
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:35px;
	height:4px;
	background-color:#000000;
	-webkit-transform:translateX(0) translateY(-50%);
	-ms-transform:translateX(0) translateY(-50%);
	transform:translateX(0) translateY(-50%);
	-webkit-transition:background .2s;
	transition:background .2s
}
.navbar-toggle span:after,.navbar-toggle span:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:35px;
	height:100%;
	background-color:#000000;
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s
}
.navbar-toggle span:after {
	-webkit-transform:translateY(11px);
	-ms-transform:translateY(11px);
	transform:translateY(11px);
}
.navbar-toggle span:before {
	-webkit-transform:translateY(-11px);
	-ms-transform:translateY(-11px);
	transform:translateY(-11px);
}
header .widget_nav_menu{
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	z-index: 2;
	font-size: 0;
}
header .widget_nav_menu .menu>li, .nav_clone .widget_nav_menu .menu>li{
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	height: 80px;
	position: relative;
	font-size: 1.8rem;
}
header .widget_nav_menu .menu>li>a:hover{color:#e84242;}
header .widget_nav_menu .menu>li>a, .nav_clone .widget_nav_menu .menu>li>a{
	text-transform: uppercase;
	text-decoration: none !important;
	display: inline-block;
	height: 100%;
	line-height: 80px;
	padding: 0 22px;
}
header .widget_nav_menu .sub-menu{
	display: none;
	position: absolute;
	top: 80px;
	left: -999px;
	right: -999px;
	margin: auto;
	background-color: #e94243;
	color: #fff;
	max-width: 370px;
	padding: 5px 0;
	}
header .widget_nav_menu .menu>li:first-child .sub-menu{
	left: 0;
	right: auto;
}
header .widget_nav_menu .sub-menu li, .nav_clone .widget_nav_menu .sub-menu li{
	display: block;
	margin: 10px 0;
	padding: 0 20px;
}
header .widget_nav_menu .sub-menu li a, .nav_clone .widget_nav_menu .sub-menu li a{
	text-transform: uppercase;
	text-decoration: none !important;
}
header .widget_nav_menu li:hover .sub-menu{
	display: block;
}
header .widget_nav_menu:first-child{
	right: auto;
	left: 0;
}
header .widget_text{
	position: absolute;
	top: -999px;
	right: -999px;
	bottom: -999px;
	left: -999px;
	margin: auto;
	z-index: 1;
	width: 300px;
	height: 165px;
}
header .widget_text img{
	position: absolute;
	top: -999px;
	right: -999px;
	bottom: -999px;
	left: -999px;
	margin: auto;
}
header .widget_nav_menu li.inscription a, .nav_clone .widget_nav_menu li.inscription a{
	background-color: #e94243;
	color: #fff;
	text-align: center;
	line-height: normal;
	padding-top: 25px;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
header .widget_nav_menu li.inscription a:hover{
	color: #e94243;
	background-color: #fff;
}
header .widget_nav_menu li.tt a, .nav_clone .widget_nav_menu li.tt a{
	background-color: #72caef;
	text-indent: -9999px;
	overflow: hidden;
	width: 60px;
	padding: 0;
	position: relative;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
header .widget_nav_menu li.tt a:before, .nav_clone .widget_nav_menu li.tt a:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "\78";
	font-family: "hop-icon-font";
	display: block;
	width: 20px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	text-indent: 0;
	text-transform: none;
	color: #fff;
}
header .widget_nav_menu li.tt a:hover{
	background-color: #fff;
}
header .widget_nav_menu li.tt a:hover:before{
	color: #72caef;
}
header .widget_nav_menu li.insta a, .nav_clone .widget_nav_menu li.insta a{
	background-color: #000;
	text-indent: -9999px;
	overflow: hidden;
	width: 60px;
	padding: 0;
	position: relative;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
header .widget_nav_menu li.insta a:before, .nav_clone .widget_nav_menu li.insta a:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "\77";
	font-family: "hop-icon-font";
	display: block;
	width: 20px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	text-indent: 0;
	text-transform: none;
	color: #fff;
}
header .widget_nav_menu li.insta a:hover{
	color: #000;
	background-color: #fff;
}
header .widget_nav_menu li.insta a:hover:before{
	color: #000;
}
header .widget_nav_menu li.facebook a:before, .nav_clone .widget_nav_menu li.facebook a:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "\77";
	font-family: "hop-icon-font";
	display: block;
	width: 20px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	text-indent: 0;
	text-transform: none;
	color: #fff;
}
header .widget_nav_menu li.facebook a:hover{
	color: #000;
	background-color: #fff;
}
header .widget_nav_menu li.facebook a:hover:before{
	color: #000;
}
footer{
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
footer:before{
	background: url(img/foot_hach.png) right center repeat-x;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 12vw;
	width: 100%;
	height: 44px;
}
footer .ct{
	padding: 85px 0;
}
footer .ct>*{
	float: left;
	width: 33.3333%;
	text-align: left;
}
footer .ct>*:last-child{
	text-align: right;
}
footer .ct>*:first-child a{
	text-transform: uppercase;
	text-decoration: none !important;
	color: #72c9ee;
	display: inline-block;
	padding-left: 40px;
	margin-bottom: 15px;
	position: relative;
}
footer .ct>*:first-child a:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	content: "\78";
	font-family: "hop-icon-font";
	color:#72c9ee;
	display: block;
	width: 20px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	text-indent: 0;
	text-transform: none;
	font-size: 26px;
}
footer .ct .widget_nav_menu li{
	list-style: none;
}
footer .ct .widget_nav_menu li a{
	text-transform: uppercase;
	text-decoration: none !important;
}
footer aside{
	background-color: #131313;
	color: #e74242;
	line-height: 100px;
	text-align: center;
	text-transform: uppercase;
}

/**/
h1, body div.container div#et_builder_outer_content div.et_pb_module h1{
	font-size: 2.2rem;
    font-weight: bold;
}
h2, body div.container div#et_builder_outer_content div.et_pb_module h2{
	font-weight: bold;
	font-size: 13rem;
	text-transform: uppercase;
	margin-left:0.5em;
}
h3, body div.container div#et_builder_outer_content div.et_pb_module h3{
	font-weight: bold;
	font-size: 2.8rem;
	text-transform: uppercase;
}
h4, body div.container div#et_builder_outer_content div.et_pb_module h4{
	font-weight: bold;
	font-size: 3rem;
}
h5, body div.container div#et_builder_outer_content div.et_pb_module h5{
	font-weight: bold;
	font-size: 2.4rem;
}
body div.container div#et_builder_outer_content div.et_pb_module a, body div.container div#et_builder_outer_content div.et_pb_module a:hover, body div.container div#et_builder_outer_content div.et_pb_module a:focus{
	color:inherit;
	}
.hp_link, body div.container div#et_builder_outer_content div.et_pb_module .hp_link{
	text-decoration: none;
	font-weight: bold;
	font-size: 2rem;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding-right: 38px;
}
.hp_link:hover, body div.container div#et_builder_outer_content div.et_pb_module .hp_link:hover{
	text-decoration: underline !important;
}
.hp_link:before, body div.container div#et_builder_outer_content div.et_pb_module .hp_link:before{
	display:inline-block;
	vertical-align:middle;
	width:22px;
	height:15px;
	overflow:hidden;
	content: "\7a";
	font-family: "hop-icon-font";
	font-size: 18px;
	text-transform: none;
	position: absolute;
	top: 2px;
	margin: auto;
	right: 0;
	line-height: 1;
}
.hp_download, body div.container div#et_builder_outer_content div.et_pb_module .hp_download{}
.hp_download:before, body div.container div#et_builder_outer_content div.et_pb_module .hp_download:before{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 4px;
}
.hp_red, body div.container div#et_builder_outer_content div.et_pb_module .hp_red{
	color: #e74242;
}
.hp_blue, body div.container div#et_builder_outer_content div.et_pb_module .hp_blue{
	color: #72c9ee;
}

.hp_white, body div.container div#et_builder_outer_content div.et_pb_module .hp_white{
	color: #ffffff;
}

.hp_grey, body div.container div#et_builder_outer_content div.et_pb_module .hp_grey{
	color: #e0e0e0;
}

.hp_button{
	display: inline-block !important;
	width: auto !important;
	height: 60px !important;
	border: solid 4px #000 !important;
	-moz-transition: all 400ms ease-out !important;
	-webkit-transition: all 400ms ease-out !important;
	-o-transition: all 400ms ease-out !important;
	transition: all 400ms ease-out !important;
	background-color: transparent !important;
	color: #000 !important;
	text-transform: uppercase !important;
	text-align: left !important;
	padding-left: 22px !important;
	padding-right: 50px !important;
	font-size: 1.8rem !important;
	font-weight: bold !important;
	cursor: pointer !important;
	position: relative !important;
	line-height: 52px !important;
}
.hp_button:after{
	display:inline-block;
	vertical-align:middle;
	width:22px;
	height:15px;
	overflow:hidden;
	content: "\7a";
	font-family: "hop-icon-font";
	font-size: 18px;
	text-transform: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 18px;
	line-height: 1;
	-moz-transition: all 400ms ease-out !important;
	-webkit-transition: all 400ms ease-out !important;
	-o-transition: all 400ms ease-out !important;
	transition: all 400ms ease-out !important;
}
.hp_button:hover{
	background-color: #000 !important;
	color: #fff !important;
}
.hp_button[disabled=disabled]{
	opacity: 0.5;
}
.hp_button.for_input{
	padding: 0 !important;
}
.hp_button.for_input input{
	border: none !important;
	background: none !important;
	cursor: pointer;
	padding-left: 22px !important;
	padding-right: 50px !important;
}
.hp_button:hover input{
	color: #fff !important;
}
.hp_button.for_input .ajax-loader{
	display: none !important;
}
/**/
.gotop{
	width: 40px !important;
	height: 40px;
	opacity: 0.5;
	position: fixed;
	bottom: 80px;
	right: 40px;
	z-index: 6;
	display: block;
	background-color: #e84242;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-decoration: none !important;
	text-align: center;
}
.gotop:before{
	content: "\61";
	font-family: "hop-icon-font";
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
	line-height: 40px;
}
.gotop:after{
	content: "";
    width: 100%;
    height: 10px;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background-color: #952300;
    position: absolute;
    top: -10px;
    left: -3px;
    right: 0;
    bottom: 0;
    margin: 0;
}
.gotop:hover{
	opacity: 1;
}
/**/
.formulaire_reservation{
	font-size: 22px !important;
}
.formulaire_reservation .et_pb_column{
	margin-bottom: 30px !important;
}
.formulaire_reservation .et_pb_column .lineblue:after{
	left: auto;
	right: -10px;
    -ms-transform: skewY(-30deg);
    -webkit-transform: skewY(-30deg);
    transform: skewY(-30deg);
}
.formulaire_reservation h3{
	margin-bottom: 15px !important;
}
.formulaire_reservation .formitem{
	margin-bottom: 25px !important;
}
#et-boc .formulaire_reservation .formitem.erreur{
	color: #e74242 !important;
}
#et-boc .formulaire_reservation .formitem a{
	text-decoration: underline !important;
}
.formulaire_reservation .formitem em{
	font-size: 18px;
}
.formulaire_reservation .formitem>label{
	display: inline-block;
	margin-right: 8px !important;
}
.formulaire_reservation .formitem>.radio{
	display: inline-block;
}
.formulaire_reservation .formitem>.radio label{
	margin-right: 5px !important;
}
.formulaire_reservation .formitem>.radio input{
	position: relative;
	top: -2px;
}
.formulaire_reservation input[type=text], .formulaire_reservation input[type=tel], .formulaire_reservation input[type=email], .formulaire_reservation input[type=number], .formulaire_reservation select, .formulaire_reservation textarea{
	border: solid 1px #7d7d7d !important;
	background-color: #eeeeee !important;
	height: 40px !important;
	width: 290px !important;
	max-width: 100% !important;
	color: #000 !important;
	font-size: 22px !important;
}
.formulaire_reservation input[type=number]{
	width: 85px !important;
	text-align: center !important;
}
.formulaire_reservation textarea{
	height: 160px !important;
	width: 100% !important;
	padding: 5px 10px !important;
	font-family: inherit !important;
	margin-top: 8px !important;
}
.formulaire_reservation select{
	width: auto !important;
	padding: 5px 10px !important;
}
.formulaire_reservation input[type=checkbox]{
	position: relative;
	top: -3px;
	margin-right: 8px !important;
}
.wpcf7-form-control-wrap{
	margin-top: 5px !important;
	display: block;
}
input.wpcf7-form-control, textarea.wpcf7-form-control{
	border: solid 1px #7d7d7d !important;
	background-color: #eeeeee !important;
	height: 40px !important;
	max-width: 100% !important;
	color: #000 !important;
	font-size: 22px !important;
}
textarea.wpcf7-form-control{
	height: 160px !important;
	padding: 5px 10px !important;
	font-family: inherit !important;
}
.wpcf7-not-valid-tip{
	color: #e74242 !important;
}
.css_checkbox{
	padding-bottom: 1em !important;
}
.css_checkbox .wpcf7-form-control-wrap{
	display: inline !important;
}
.css_checkbox .wpcf7-list-item-label{
	display: none !important;
}
#result_creneau{
	
}
#result_creneau p{
	margin-top: 12px !important;
	padding-bottom: 0 !important;
}
#result_creneau em{
	font-size: 20px !important;
	font-style: normal !important;
	color: #e74242 !important;
}
/**/
@media (max-width: 980px){
}
@media (max-width: 380px) {
}


@media print {
}