/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

html, body {
    margin: 0; padding: 0;
    color: #565656;
    background-color: #f4f4f4;
    font-family: 'Raleway', Arial, serif;
    font-size: 15px;
}

.no-plr {
    padding-right: 0px;
    padding-left: 0px;
}
/*img { border: 0; text-decoration: none; }*/
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videowrap {
	width:100%;
	max-width: 640px;
	margin: 0 auto;
}


.btn-one {
  background-color: #56bb93;
  border-color: #e6e6e6;
  color: #000000;
  font-size: 20px;
  text-decoration: none;
}
.btn-one:hover,.btn-one:focus,.btn-one:active,.btn-one.active {
  background-color: #56bb93;
  border-color: #e6e6e6;
  color: #000000;
  text-decoration: none;
}
.btn-rose {
  /*background-color: #f4f4f4;*/
    background-color: #97bf0d;
    /*background-image: linear-gradient(#ee4e3c, #f80079);*/
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
.btn-rose:hover,.btn-rose:focus,.btn-rose:active,.btn-rose.active {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.btn-gris {
  background-color: #093c5a;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
.btn-gris:hover,.btn-gris:focus,.btn-gris:active,.btn-gris.active {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.btn-gris-blanc {
  background-color: #093c5a;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
.btn-gris-blanc:hover,.btn-gris-blanc:focus,.btn-gris-blanc:active,.btn-gris-blanc.active {
  background-color: #ffffff;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #093c5a;
  text-decoration: none;
}
.btn-vert {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
.btn-vert:hover,.btn-vert:focus,.btn-vert:active,.btn-vert.active {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.btn-bleu {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
.btn-bleu:hover,.btn-bleu:focus,.btn-bleu:active,.btn-bleu.active {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  text-decoration: none;
}



.color-vert {
    color: #97bf0d;
}
.bg-color-vert {
    background-color: #97bf0d;
    color: #ffffff;
}
.bg-color-vert .modal {
    color: #565656;
}
.bg-color-vert h2 {
    font-size: 24px; color: #093c5a; clear: both;
    font-family: 'Raleway', Arial, serif; font-weight: bold;
    border-bottom: 1px solid rgba(153, 50, 102, 1);
    padding-bottom: 0px; margin-bottom: 20px;
}
.bg-color-vert h3 {
    color: #000000;
}
.color-one {
    color: #56bb93;
}
.bg-color-one {
    background-color: #56bb93;
    color: #ffffff;
}
.color-two {
    color: #97bf0d;
}
.bg-color-two {
    background-color: #97bf0d;
    color: #ffffff;
}
.color-three {
    color: #f4f4f4;
}
.bg-color-three {
    background-color: #f4f4f4;
    color: #ffffff;
}
.color-four {
    color: #707173;
}
.bg-color-four {
    background-color: #707173;
    color: #ffffff;
}
.color-five {
    color: #97bf0d;
}
.bg-color-five {
    background-color: #97bf0d;
    color: #ffffff;
}
.color-white {
    color: #ffffff;
}
.bg-color-white {
    background-color: #ffffff;
    color: #000000;
}
.color-gris {
    color: #f2f2f2;
}
.bg-color-gris {
    background-color: #f2f2f2;
    color: #000000;
}
.bg-color-gris-cms {
    background-color: #f2f2f2;
    color: #000000;
}
.color-gris-fonce {
    color: #093c5a;
}
.bg-color-gris-fonce {
    background-color: #093c5a;
    color: #000000;
}
.bg-color-gris-mifonce {
    background-color: #d6d6d6;
    color: #000000;
}
.color-rose {
    color: #f80079;
}
.bg-color-bleu {
    background-color: #97bf0d;
    color: #ffffff;
}
.bg-color-bleu h2 {
    font-size: 24px; color: #ffffff; clear: both;
    font-family: 'Raleway', Arial, serif; font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding-bottom: 0px; margin-bottom: 20px;
}
.bg-color-rose {
    background-color: #f80079;
    background-image: linear-gradient(#ee4e3c, #f80079);
    color: #000000;
}
.bg-color-rose-cms {
    background-color: #f80079;
    background-image: linear-gradient(#ee4e3c, #f80079);
    color: #ffffff;
}

.conf-inscrit {
    border: 1px solid #ff0000;
    background-color: #000000;
}

.header-bandeau {
    min-height: 140px;
    /*background-image: url('../design/home/header-background-2018-1.png'); background-position: top center; background-repeat: no-repeat;*/
}
.header-sociaux a {
    color: #093c5a;/*97bf0d*/
}

.header-sociaux .btn-header {
  background-color: #97bf0d;
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}
.header-sociaux .btn-header:hover,
.header-sociaux .btn-header:focus,
.header-sociaux .btn-header:active,
.header-sociaux .btn-header.active {
  background-color: #093c5a;
  border-color: #e6e6e6;
  text-decoration: none;
}


/******* VIDEO *******/
.home-video {
    background-color: black;
    height: 487px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px) {
    .home-video {
    height: 287px; }
}
@media (max-width: 480px) {
    .home-video {
    background-color: black; }
}
.home-video video {
    display: block;
    height: 100%;
}
.home-video .pattern {
    background-image: url("../design/home/pattern-video8.png");
    background-repeat: repeat;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.home-video .video-claim {
    left: auto;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 11;
}
@media (max-width: 480px) {
    .home-video .video-claim {
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0%); }
}
.home-video .video-claim .container {
    color: white;
    text-align: center;
}
.home-video .video-claim .container h1 {
    color: white;
    margin: 0 0 48px 0;
    text-align: center;
    text-shadow: 2px 2px 2px #222;
}
.home-video .video-claim .container h2 {
    text-shadow: 2px 2px 2px #222;
}
/******* VIDEO *******/






#footer-cms {
    color: #ffffff;
}
#footer-cms h3 {
    color: #ffffff;
    margin-top: 0px; padding-top: 0px;
}
#footer-cms a {
    color: #ffffff;
    text-decoration: underline;
}
#footer-cms a:hover,#footer-cms a:focus {
    color: #97bf0d;
}
#footer-cms a.btn-footer {
  background-color: #ffffff;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #093c5a;
  font-size: 20px;
  text-decoration: none;
}
#footer-cms a.btn-footer:hover,.btn-footer:focus,.btn-footer:active,.btn-footer.active {
  background-color: #97bf0d;
  /*border-color: #56bb93;*/
  border-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

span.header-titre {
    font-size: 22px; font-family: 'Raleway', Arial, serif; font-weight: normal;
    padding: 0; margin: 0; border: 0; color: #97bf0d;
}
span.header-titre-highlight {
    font-weight: normal; color: #093c5a; font-weight: normal;
}

.list-moteurs {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px; padding-bottom: 10px;
}
.list-moteurs h3 {
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
    color: #000000;
}
.span-moteurs-stand {
    color: #f4f4f4;
    font-weight: bold;
}

/*****************/
/* BTN */
/*****************/

.btn-newsletter {
  background-color: #97bf0d;
  border-color: #ffffff;
  text-decoration: none;
}
.btn-newsletter:hover,
.btn-newsletter:focus,
.btn-newsletter:active,
.btn-newsletter.active {
  background-color: #97bf0d;
  border-color: #e6e6e6;
  text-decoration: none;
}
.btn-accueil {
  background-color: #ffffff;
  border-color: #e6e6e6;
  color: #000000;
  width: 100%;
  text-decoration: none;
}
.btn-accueil:hover,
.btn-accueil:focus,
.btn-accueil:active,
.btn-accueil.active {
  background-color: #ffffff;
  border-color: #e6e6e6;
  text-decoration: none;
}

/*****************/
/* BTN */
/*****************/
/*****************/
/* NAVBAR */
/*****************/
.navbar-default {
  background-color: #093c5a;/*vert 97bf0d gris : 707173*/
  border-color: #97bf0d;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #093c5a;
  background-color: #97bf0d;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #093c5a;
  background-color: #ffffff;
  text-decoration: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #093c5a;
  background-color: #ffffff;
  text-decoration: none;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #093c5a;
  background-color: #ffffff;
  text-decoration: none;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #093c5a;
  background-color: #ffffff;
  text-decoration: none;
}

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  text-decoration: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  text-decoration: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  text-decoration: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  }
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  text-decoration: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #093c5a;
    background-color: #ffffff;
  text-decoration: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #093c5a;
    background-color: #ffffff;
  text-decoration: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #093c5a;
    background-color: #ffffff;
  text-decoration: none;
  }
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #093c5a;
}
.navbar-default .btn-link {
  color: #ffffff;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #093c5a;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #093c5a;
}
/*****************/
/* NAVBAR */
/*****************/

hr {
    border: 0; height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(31, 68, 77, 0.8);
}

h1 {
    font-size: 30px; color: #093c5a;
    font-family: 'Raleway', Arial, serif; font-weight: bold;
    /*border-bottom: 1px solid rgba(255, 141, 109, 0.8);*/
    padding-bottom: 0px; margin-bottom: 20px;
}
h2 {
    font-size: 24px; color: #97bf0d; clear: both;
    font-family: 'Raleway', Arial, serif; font-weight: bold;
    border-bottom: 1px solid rgba(238, 127, 0, 1);
    padding-bottom: 0px; margin-bottom: 20px;
}
.plugin-twitter h2 {
    text-decoration: none;
    border: none;
}
.plugin-twitter h2.titre {
    font-size: 24px; color: #97bf0d; clear: both;
    font-family: 'Raleway', Arial, serif; font-weight: bold;
    border-bottom: 1px solid rgba(238, 127, 0, 1);
    padding-bottom: 0px; margin-bottom: 20px;
}
h3 {
    font-size: 22px; color: #80818b; clear: both;
    font-family: 'Raleway', Arial, serif; font-weight: normal;
    /*border-bottom: 1px solid rgba(255, 141, 109, 0.8);*/
    padding-bottom: 0px; margin-bottom: 20px;
}

.txt_bleu_nuit {
    color: #56bb93;
}
.txt_bleu_clair {
    color: #f80079;
}
a {
    color: #97bf0d;
    text-decoration: underline;
}
a:hover,a:focus {
    color: #093c5a;
}

.div-error-form {
    font-weight: bold;
    color: #ff0000;
    border: 1px solid #ff0000; padding: 4px; margin: 0px; margin-top: 8px;
}
.div-error-form > p {
    padding: 0px; margin: 0px;
}
.div-success-form {
    font-weight: bold;
    color: #000000;
    border: 1px solid #000000; padding: 4px; margin: 0px; margin-top: 8px;
}
.div-success-form > p {
    padding: 0px; margin: 0px;
}


/* SLIDER HEADER*/
#div-slider-header-container {
    width: 980px; height: 250px; position: relative; margin-left: auto; margin-right: auto;
    margin-top: 0px; margin-bottom: 25px; padding: 0;
}
#slider-header {
    width: 980px; height: 250px;
    overflow: hidden;
    padding: 0px; margin: 0px;
}
/* BANDEAU HEADER */
#div-bandeau-header-container {
    width: 980px; height: 250px; position: relative; margin-left: auto; margin-right: auto;
    margin-top: 0px; margin-bottom: 0px; padding: 0;
}


/* FORM CONTACT */
.submit-contact {
    color: #ffffff;
    font-size: 16px; text-decoration: none; font-weight: bold;
    padding: 4px 15px 4px 15px;
    background-color: #56bb93;
    border-radius: 15px;
    border: 0; margin: 0;
}
.input-contact {
    border: 1px solid #56bb93;
}
.checkbox-contact {
    margin-left: 0px;
}

/* ADDTHISEVENT */
#div-block-addthisevent {
    width: 230px; height: auto;
    clear: both;
    background-color: #2e383a;
}
.addthisevent-drop {
    width:240px;display:inline-block;position:relative;
    background:#2e383a;
    font-family:'Raleway', Arial, serif;
    color:#fff!important;text-decoration:none;font-size:15px;text-decoration:none;
    padding-top: 5px; padding-bottom: 5px;
    /*padding:12px 0px 12px 15px;*/
}
.addthisevent-drop:hover 				{color:#fff;font-size:15px;text-decoration:none;background-color:#2e383a;}
.addthisevent-drop:active 				{top:1px;}
.addthisevent-drop .arrow 				{width:15px;height:10px;position:absolute;top:50%;right:15px;margin-top:-5px;background:url('../design/icon-arrow-addthisevent.png') no-repeat;}
.addthisevent-selected 					{background-color:#2e383a;}
.addthisevent_dropdown 					{width:240px;position:absolute;z-index:99999;padding:0px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:2px;margin-left:0px;/*border-top:1px solid #c8c8c8;*//*border-right:1px solid #bebebe;*/border-bottom:1px solid #a8a8a8;/*border-left:1px solid #bebebe;*/-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span 			{display:block;line-height:110%;background:#2e383a;text-decoration:none;font-size:14px;color:#6d84b4;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover 		{background:#f4f4f4;color:#6d84b4;text-decoration:none;font-size:14px;}
.addthisevent span 						{display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx 			{height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx 			{width:180px;height:1px;overflow:hidden;background:#2e383a;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs 			{position:absolute;top:3px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:10px;color:#cacaca;}
.addthisevent_dropdown .frs:hover 		{color:#6d84b4;}
.addthisevent 							{visibility:hidden;}

.map-responsive {
    overflow:hidden;
    /*padding-bottom:56.25%;*/
    position:relative;
    height:400px;
    width: 100%;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:400px;
    width:100%;
    position:absolute;
}

.left-border {
    border-left: 1px solid #80818b;
}
.right-border {
    border-right: 1px solid #80818b;
}
@media(max-width:1200px){

.left-border {
    border-left: 0;
}
.right-border {
    border-right: 0;
}
}

.pagination > li > a, .pagination > li > span {
    color: #97bf0d;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: #97bf0d;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #97bf0d;
    border-color: #093c5a;
}