/* TYPOGRAPHY */


@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.eot');
    src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.eot');
    src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sans_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_extrabold';
    src: url('../fonts/opensans-extrabold.eot');
    src: url('../fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold.woff') format('woff'),
         url('../fonts/opensans-extrabold.ttf') format('truetype'),
         url('../fonts/opensans-extrabold.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Bold.woff') format('woff'),
         url('../fonts/Montserrat-Bold.ttf') format('truetype'),
         url('../fonts/Montserrat-Bold.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Regular.woff') format('woff'),
         url('../fonts/Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/Montserrat-Regular.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaa_bold';
    src: url('../fonts/Comfortaa-Bold.eot');
    src: url('../fonts/Comfortaa-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa-Bold.woff') format('woff'),
         url('../fonts/Comfortaa-Bold.ttf') format('truetype'),
         url('../fonts/Comfortaa-Bold.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'comfortaa';
    src: url('../fonts/Comfortaa-Regular.eot');
    src: url('../fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa-Regular.woff') format('woff'),
         url('../fonts/Comfortaa-Regular.ttf') format('truetype'),
         url('../fonts/Comfortaa-Regular.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaa_light';
    src: url('../fonts/Comfortaa-Light.eot');
    src: url('../fonts/Comfortaa-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa-Light.woff') format('woff'),
         url('../fonts/Comfortaa-Light.ttf') format('truetype'),
         url('../fonts/Comfortaa-Light.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lora_bold';
    src: url('../fonts/lora-bold-webfont.eot');
    src: url('../fonts/lora-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora-bold-webfont.woff') format('woff'),
         url('../fonts/lora-bold-webfont.ttf') format('truetype'),
         url('../fonts/lora-bold-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lora_bolditalic';
    src: url('../fonts/lora-bolditalic-webfont.eot');
    src: url('../fonts/lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora-bolditalic-webfont.woff') format('woff'),
         url('../fonts/lora-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/lora-bolditalic-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lora_italic';
    src: url('../fonts/lora-italic-webfont.eot');
    src: url('../fonts/lora-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora-italic-webfont.woff') format('woff'),
         url('../fonts/lora-italic-webfont.ttf') format('truetype'),
         url('../fonts/lora-italic-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lora_regular';
    src: url('../fonts/lora-regular-webfont.eot');
    src: url('../fonts/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora-regular-webfont.woff') format('woff'),
         url('../fonts/lora-regular-webfont.ttf') format('truetype'),
         url('../fonts/lora-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vollkorn_regular';
    src: url('../fonts/vollkorn-regular-webfont.eot');
    src: url('../fonts/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-regular-webfont.woff') format('woff'),
         url('../fonts/vollkorn-regular-webfont.ttf') format('truetype'),
         url('../fonts/vollkorn-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}







/* MAIN */
img{max-width: 100%;}

.menu{position: relative; z-index:2;}

.listeMenu{
  margin-top: 30px;
  padding-left: 0;
  list-style-type: none;
  text-align: center;
  margin-bottom: 0px;
}
.listeMenu li{
  display: inline-block;
  padding: 0px 15px;
  font-size: 14px;
  height:40px;
  position: relative;
}
.listeMenu li a{
  color: white;
  font-family: lora_bold;
  display:block;
  height: 100%;
}
.listeMenu li a:active, .listeMenu li a:hover, .listeMenu li a:focus{text-decoration: none;}

.contenu-accueil-header{
  color:white;
  text-align: center;
  width:60%;
  margin-left: 20%;
  margin-top: 140px;
}
.contenu-accueil-header h1{font-family: lora_bold; font-size: 50px;}
.contenu-accueil-header h2{font-family: lora_regular; line-height: 35px;}

.boutons-accueil-header{
  z-index:5;
  text-align: center;
  margin-top: 100px;
}
.boutons-accueil-header a{margin:0px 20px;}

.btn-vert-fonce{
  background-color:#2d7488;
  -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
  color:white;
  font-family: lora_bold;
  z-index: 5;
  padding: 12px 40px;
  border:0;
}
.btn-vert-clair{
  background-color:#82aa2c;
  -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
  color:white;
  font-family: lora_bold;
  z-index:5;
  padding: 12px 40px;
  border: 0;
}
.btn-vert-fonce:active, .btn-vert-fonce:hover, .btn-vert-fonce:focus,
.btn-vert-clair:active, .btn-vert-clair:hover, .btn-vert-clair:focus
{
  text-decoration: none;
  color: white;
  background-color: black;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}


.contenu-page{
  background-image: url('../images/fond-theme.jpg');
  /*background-size: cover;*/
  background-position: center;
  padding: 40px 0px;
}
.contenu-accueil{text-align: center;}
.vignette-contenu-accueil{
  border: 1px solid #323232;
  padding-top: 8px!important;
  padding: 0px 8px;
}
.contenu-accueil a, .contenu-accueil a:active, .contenu-accueil a:hover, .contenu-accueil a:focus{color:#323232!important; font-family: lora_bold;}
.contenu-accueil p{ margin-bottom: 20px; font-size: 17px;}

.image-contenu-vert{padding-right: 0px;}
.image-contenu-vertF{padding-left: 0px;}
.image-contenu-vert, .image-contenu-vertF{padding: 0;}

.contenu-vert{background-color: #82aa2c; overflow: auto;}
.contenu-vertF{background-color: #2d7488; padding-left: 200px!important;}
.contenu-vert, .contenu-vertF{
  padding: 10px 40px;
  color:white;
  font-family:vollkorn_regular;
}
.contenu-vert{padding-top: 5px!important;}
.contenu-vert h3, .contenu-vertF h3{font-family:lora_bold;}
.contenu-vertF h3{margin-bottom: 30px;}
.contenu-vert h3{margin-bottom: 10px; margin-top: 10px;}

.contenu-vert h4{margin-bottom: 5px!important; font-size: 15px;}
.contenu-vert p{margin-bottom: 5px!important;}
.contenu-vert tr{border-bottom: 1px solid #a8c46c;}
.contenu-vert td{padding-top: 10px; padding-bottom: 8px;}
.contenu-vert tr td:first-child{width:400px;}
.contenu-vert tr td:nth-child(2){vertical-align: bottom;}

.contenu-infos{padding-top: 20px;}
.contenu-infos p{margin-bottom: 20px;}
.contenu-infos h4{margin-bottom: 20px;font-family: lora_bold;}

.newsletter-inscription{/*height: 230px;*/ line-height: 220px; background-color: #387f93; padding-bottom: 20px;}
.newsletter-inscription .container-fluid{
  text-align: center;
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
  margin-left: 10%;
  width: 80%;
}
.newsletter-inscription h2{
  font-family: lora_bold;
  color: #323232;
  margin-bottom:20px;
}
.input-custo-af{
  margin: 0 auto;
  background-color: transparent;
  border:0;
  border-bottom: 1px solid #323232;
  width: 300px;
  padding-bottom: 10px;
  text-align: center;
  outline: none!important;
  margin-bottom: 20px;
}
.input-custo-af::placeholder{
  color: white;
  font-style: italic;
  text-align: center;
  font-family: lora_italic;
}
.btn-noir{
  color: #323232;
  border: 1px solid #323232;
  outline: none!important;
  background-color: transparent;
  font-family: lora_bold;
  font-size: 16px;
  padding: 10px 60px;

  -webkit-transition: background-color 400ms linear;
  -moz-transition: background-color 400ms linear;
  -o-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;

  -webkit-transition: border 200ms linear;
  -moz-transition: border 200ms linear;
  -o-transition: border 200ms linear;
  -ms-transition: border 200ms linear;
  transition: border 200ms linear;
}
.btn-noir:active, .btn-noir:hover, .btn-noir:focus{
  background-color: white;
  color: #323232!important;

  -webkit-transition: background-color 400ms linear;
  -moz-transition: background-color 400ms linear;
  -o-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;

  border: 1px solid white;

  -webkit-transition: border 200ms linear;
  -moz-transition: border 200ms linear;
  -o-transition: border 200ms linear;
  -ms-transition: border 200ms linear;
  transition: border 200ms linear;
}

img#cryptogram{background-color: white;}

#gmap-c {height:400px !important;}
#map {
  padding-left: 0;
  padding-right: 0;
  margin-top:-1px;
}
.boxMap {
  background-color: white;
  cursor: default;
  position: absolute;
  width: 210px;
  height: 82px!important;
  left: 31px;
  top: -89px!important;
  z-index: -87;
  border: 1px solid #B7B7B5;
  border-left: 0;
}
/* Pour déplacer la croix sur la map */
/*.boxMap div:nth-child(3){
  right:30px!important;
  top:4px!important;
}*/
.box {
  background-color: transparent;
  width: 256px;
  height: 52px;
  padding: 5px 0;
  color: #323232;
  font-size: 11px;
  padding-top: 7px;
  padding-bottom: 0;
  font-family: lora_italic;
  padding-left: 10px;
  z-index:-11111111111;
}
.markerIcon{
  z-index:20;
}
.boxMap > div:first-child {display: none;}

footer{text-align: center; padding-top: 30px;}
footer section{border-bottom: 1px solid #323232;}
footer section:first-child{padding-bottom: 30px;}
footer img{width: 30px; margin-bottom: 15px;}
footer h2{font-family: lora_bold; padding-bottom: 20px;}
footer h4{font-family: lora_bold; margin-bottom: 20px;}
footer p{font-family: lora_regular;}

.icon-rs{padding: 15px 0px;}
.icon-rs img{width:45px; margin: 0 5px;}

.end-footer{
  padding: 15px 0px;
  font-family: lora_italic;
}
.end-footer a:hover, .end-footer a:active, .end-footer a:focus{text-decoration: none;}

.lien-default, .lien-default:active, .lien-default:focus, .lien-default:hover{color:#323232;}

.bodyHeader{
  background-image: url('../images/fond-slide.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


@media screen and (max-width: 767px) {
    .banniereMobile {
        background-image: url('../images/fond-slide.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important; 
    }
}

.active .puceMenu, .listeMenu li:active .puceMenu, .listeMenu li:focus .puceMenu, .listeMenu li:hover .puceMenu{display:block!important;}
.puceMenu{
  position: absolute;
  background-image: url('../images/puce-actif.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  bottom: -10px;
  height: 20px;
  width: 20px;
  left:42%;
}

.contenu-titre{
  padding-top: 40px;
  padding-bottom: 20px;
}
.titre-style{
  font-family: lora_regular;
  border-bottom: 1px solid #323232;
  display: inline-block;
  padding-left: 100px;
  padding-bottom: 5px;
  font-size: 35px;
}
.contenu h2{
  font-family: lora_bold;
  border-bottom: 1px solid #323232;
  display: inline-block;
  padding-bottom: 5px;
  padding-left: 100px;
  margin-bottom: 30px;
  font-size: 24px;
}
.contenu h3{
  font-family: lora_bold;
  display: inline-block;
  padding-left: 100px;
  margin-bottom: 40px;
  font-size: 24px;
}
.titre-style-droite{
  font-family: lora_regular;
  border-bottom: 1px solid #323232;
  padding-bottom: 5px;
}

.owl-banniere .owl-controls{position: absolute; left:48%;}

input[type=radio].css-checkbox, input[type=checkbox].css-checkbox, input[type=checkbox].css-checkboxC {
			position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
		}

	input[type=radio].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkboxC + label.css-labelC {
		padding-left:32px;
		height:25px;
		display:inline-block;
		line-height:24px;
		background-repeat:no-repeat;
		background-position: 0 0;
		vertical-align:middle;
		cursor:pointer;
	  margin-right: 20px;
	}

	input[type=radio].css-checkbox:checked + label.css-label{
		background-position: 0 -25px;
	}
	label.css-label {
	  background-image:url('../images/checkbox.png');
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  display: inline-block;
	  font-weight: normal;
	  font-family: lora_regular;
	}

.formContact{padding-top: 20px;}
.label-form{
  font-family: lora_bolditalic;
  width: 35%;
  text-align: right;
  padding-right: 20px;
}
.input-form, .formContact select, textarea{padding: 10px 14px; width: 60%}
.input-form, textarea{
  border: 1px solid #a8a7a6;
  background-color: transparent;
  font-family: lora_italic;
}
.ligne-form{
  margin-bottom: 15px;
}
.error{border: 1px solid #da6161;}
.error::placeholder{color: #da6161!important;}
.input-form:active, .input-form:hover, .input-form:focus, textarea:focus, textarea:active, textarea:hover{
  outline: none;
  border: 1px solid #82AA2C;
}
.formContact select{background-color: transparent; font-family: lora_italic;}

/* Les Popups d'informations */
.ui-widget-header{
  background: #2d7488!important;
  font-family: lora_bolditalic;
}
.ui-dialog .ui-dialog-titlebar-close{
  display: none!important;
}
.ui-dialog .ui-dialog-buttonpane{text-align: center!important; padding-right: 0px!important;}
.ui-dialog .ui-dialog-buttonpane button{
  font-family: lora_bold;
  text-align: center!important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
  float: none!important;
}

.contenu{
  padding-left: 0px!important;
  color: #323232;
}
.contenu p{
  padding-left: 100px;
  font-family: lora_regular;
  margin-bottom: 20px;
  padding-right: 75px;
  font-size: 15px;
}
.contenu h4{font-family: lora_bolditalic; padding-left: 100px; margin-bottom: 20px;}
.contenu h4:last-child{margin-bottom: 40px;}
.contenu ul{padding-left:100px!important;}
.contenu table{width: 92%; margin-left: 7%}
.contenu table p{padding-left: 30px!important;}
.contenu table img{max-width: 250px;}
.table-list{font-family: lora_regular; padding-right: 45px;}
.table-list table{
  border: 1px solid #323232;
  width:100%;
}
.table-list tr:first-child{border-bottom: 1px solid #323232; text-align: center;}
.table-list h3{font-family: lora_bold; margin: 30px 0px; font-size: 20px;}

.table-list tr:nth-child(2) td{
  padding: 20px;
}
.contenu-page ul{padding-left: 0px;}
.contenu-page ul li{
  list-style-type: none;
  background-image: url(../images/puce.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 7px;
  background-position: 6px 7px;
  margin-bottom: 5px;
  font-size: 15px;
  font-family: lora_regular;
}

.fleur-sep{text-align: center; margin: 30px;}
.fleur-sep img{width: 125px;}

.itemContenuAB img{width:100%;}

.table-spe{
  border-top: 1px solid #323232;
  border-bottom: 1px solid #323232;
  padding-top: 15px;
  padding-bottom: 25px;
}
.table-spe ul{padding-left: 10px!important; font-family: lora_regular;}

.contenu em{font-style: initial!important; font-family: lora_italic;}
.contenu strong{font-weight: initial!important; font-family: lora_bolditalic;}

.photo-tournage{
  border: 1px solid #323232;
  margin-top: 20px;
  padding: 10px;
  display: inline-block;
  text-align: right;
}
.photo-tournage{
  max-width: 400px!important;
  max-height: 600px!important;
}
.tournage-droite{padding-right: 0px!important;}
.tournage-droite h2{
  display: block!important;
  padding-left: 0px!important;
  margin-left: 100px;
}

.contenu-page a, .contenu-page a:hover, .contenu-page a:active, .contenu-page a:focus{color: #2D7488}

.vers-droite{text-align: right;}

/*.contenu-manifestation{border-bottom: 1px solid #323232;}*/
.contenu-manifestation{padding-right: 0px; padding-bottom: 30px;}
.contenu-manifestation table{margin-left: 95px;}
.contenu-manifestation table td{vertical-align: top;}
.contenu-manifestation table td:first-child{width:400px;}
.contenu-manifestation table ul{padding-left: 0px!important}
.contenu-manifestation table ul li{color: #82AA2C; font-family: lora_bold;}

.borde-manifestation{padding-left: 100px; margin-top: -1px;}
.div-borde-manifestation{border-bottom: 1px solid #323232;}

.encart-photo-manifestation{
  margin-top: 20px;
  padding-left: 0px;
  margin-left: -15px;
}
.denom-manifestation{
  text-align: center;
  border: 1px solid #323232;
  padding: 5px 0px;
  max-width: 300px;
}
.img-manifestation{
  border: 1px solid #323232;
  border-top: 0px;
  padding: 10px;
  max-width: 300px;
}
.img-manifestation img{max-height: 200px;}

.container-actus{padding: 30px 0px;}
.container-actus h2{
  font-family: lora_bold;
  text-align: center;
  margin-bottom: 20px;
}

.btn-defaut{
  border: 1px solid #323232;
  color: #323232!important;
  background-color:transparent;
  font-family: lora_bold;
  font-size: 16px;
  padding: 12px 34px;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.btn-defaut:active, .btn-defaut:hover, .btn-defaut:focus{
  text-decoration: none;
  color: white!important;
  background-color: #323232;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.cadre-actu{padding: 0px 20px;}
.vignette-actu{
  position: relative;
  padding: 10px;
  border: 1px solid #323232;
  border-bottom: 0;
}

.contenu-vignette-actu{
  text-align: center;
  font-family: lora_regular;
}
.contenu-vignette-actu h4{font-family: lora_bold; margin-top: 0px;}
.date-vignette-actu{
  color: #6c6c6c;
  margin-bottom: 0px;
  padding-top: 15px;
}
.borde-vignette-actu{
  border-bottom: 1px solid #323232;
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.bande-actu, .bande-manifestation{
  position:absolute;
  left: 0;
  top:20px;
  color:white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  font-family: vollkorn_regular;
  font-size: 14px;
}
.bande-actu{background-color: #2D7488; padding-left: 50px;}
.bande-manifestation{background-color: #82AA2C; padding-left: 30px;}

.mini-btn-vert, .mini-btn-vertF{
  position: absolute;
  bottom: -20px;
  color:white!important;
  padding: 10px 20px;
  font-family: lora_bold;
  left: 32%;
}
.mini-btn-vert:active, .mini-btn-vert:hover, .mini-btn-vert:focus, .mini-btn-vertF:active, .mini-btn-vertF:hover, .mini-btn-vertF:focus{
  text-decoration: none;
  color:white!important;
  background-color: #323232;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.mini-btn-vert{
  background-color: #82AA2C;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.mini-btn-vertF{
  background-color: #2D7488;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.borde-bot-droit, .borde-bot-gauche{
  border-bottom: 1px solid #323232;
  position: absolute;
  bottom: 0;
  width: 25%;
}
.borde-bot-gauche{left: 0;}
.borde-bot-droit{right: 0;}

.owl-partenaires{padding-top: 45px; padding-bottom: 20px;}
.conteneur-partenaire img{max-width: 160px;}

.bloc-galeries{
  border-top: 1px solid #adadad;
  padding: 30px 0px;
}

.boutons-galerie{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.bouton-galerie{display: inline-block;}
.select-galerie{
  background-color: transparent;
  color: #323232!important;
  text-decoration: none!important;
  border: 1px solid #323232;
  font-family: lora_regular;
  padding: 12px 30px;
  font-size: 16px;
  margin: 0px 10px;

  -webkit-transition: background-color 400ms linear;
  -moz-transition: background-color 400ms linear;
  -o-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
}
.active .select-galerie{
  color: white!important;
  background-color: #323232!important;

  -webkit-transition: background-color 400ms linear;
  -moz-transition: background-color 400ms linear;
  -o-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
}

.photos-galerie{text-align: center;}
.photos-galerie img{margin-bottom: 30px; margin-right: 5px;}

.langues{
  position: absolute;
  top: 5px;
  right: 100px;
  z-index: 10;
}
.langues a{display: inline-block; margin: 0px 3px;}
.langues img{width: 36px;}

.article{padding-bottom: 15px;}

.contenu table{
  font-family: lora_regular;
  margin-top: 25px;
  margin-bottom: 25px;
}
.contenu table td{
  border: 1px solid #323232;
}

.manif{padding-top: 50px;}
.manif .contenu table td, .contenu-classique .contenu table td{border: 0;}

.contenu-slider{
  background-image: url('../images/fleur-accueil.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.owl-slide-accueil .owl-controls{
  position: absolute;
  z-index: 7;
  top: 47%;
  width: 100%;
}
.owl-prev{
  position:absolute;
  left: 30px;
  background: none!important;
  background-image: url(../images/arrow-left.png)!important;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat;
  height: 80px;
  width: 90px;
  cursor: pointer;
}
.owl-next{
  position: absolute;
  right: 30px;
  background: none!important;
  background-image: url(../images/arrow-right.png)!important;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat;
  height: 80px;
  width: 90px;
  cursor: pointer;
}

.filtre{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  z-index: 10;
  opacity: 0.5;
}

.resp-top-contact img{display:block;}

.event-entreprise table td{
  border: 0px;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid #323232;
}
.event-entreprise table td img{
  max-height: 165px;
}

.contenu h1{
    font-family: lora_bold; 
    padding-left: 100px;
    text-decoration: underline;
    font-size: 42px;
}









/* RESPONSIVE */
nav.mobile{display: none;}
.owl-carousel{z-index:0;}

@media screen and (max-width: 413px){
    
    .contenu-accueil-header h1{font-size: 38px;}
    .boutons-accueil-header a, .boutons-top-page a{line-height: 30px; padding: 12px; font-size: 12px; margin: 0;}
    .btn-defaut{line-height: 41px; font-size: 12px; padding: 12px;}
    .titre-style{padding-left: 20px;}
    
    .contenu p, .contenu h3, .contenu h2{padding-left: 25px!important}
    
}

@media screen and (max-width:430px){

  .elt-btn-actus{padding-left: 0px; padding-right: 0px;}
  .bouton-galerie{margin-bottom: 40px;}
  .boutons-top-page{padding-right: 0px!important; padding-left: 0px;}

}

@media screen and (max-width:830px){

  input[type="text"].input-custo-af{margin-left: 0px!important; margin-top: 20px!important;}

}
/*@media screen and (min-width:400px) and (max-width: 507px){.langues{width: 40%;margin-left: 30%;right:auto;}}
@media screen and (min-width:508px) and (max-width: 567px){.langues{width: 30%;margin-left: 35%;right:auto;}}
@media screen and (min-width:568px) and (max-width: 610px){.langues{width: 25%;margin-left: 38%;right:auto;}}*/
@media screen and (max-width: 610px){

  .resp-contenu-accueil-div{
    width: 100%!important;
    margin-left: 0%!important;
    margin-right: 0%!important;
  }

}

@media screen and (min-width:431px) and (max-width:767px){

  .boutons-top-page{padding-right: 15px!important;}

}

@media screen and (max-width:767px){
    
    .contenu-classique .contenu table td{display: block;}
    
    .event-entreprise{overflow: auto;}

  .langues{display: none;}
  .resp-top-contact h2, .le-form h2{padding-left: 100px!important;}
  .resp-top-contact div{margin-left: 100px!important;}
  .boutons-top-page {display: block; text-align: center!important;}
  .boutons-top-page div:first-child{margin-bottom: 30px;}

  .boutons-article div{display:block!important; margin-bottom: 40px;}

  .owl-slide-accueil{height:840px;}
  .owl-slide-accueil img{display:none!important;}
  .contenu-accueil-header{color: #323232;}

  /* MENU */
  nav.site {display:none;}
  nav.mobile {
    display:block;
    background-color: transparent !important;
    background-image: none !important;
    border:0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
    /*min-height: inherit;*/
    font-family: montserrat;
  }

  .sousMenuMobile {
    display: none;
    background-color: white;
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    text-align: left;
    position: relative;
    top: 0;
    border-top: 1px solid white;
  }
  .sousMenuMobile > li > a {
    padding: 12px 10px 12px 20px;
    border-bottom: 1px solid white;
    color: white!important;
    text-transform: uppercase;
    display: block;
    background-color: #82aa2c;
    font-family: lora_bold;
  }
  .sousMenuMobile > li > a.spe-menu {
    background-color: #2d7488;
  }
  .sousMenuMobile > li.active > a {background-color: #82aa2c!important;}
  .sousMenuMobile > li > a:hover, .sousMenuMobile > li > a:focus, .sousMenuMobile > li > a:active {
    color: white !important;
  }
  .sousMenuMobile li:last-child a {
    border-bottom: 0;
  }
  .sousMenuMobile li.active.drop ul.sousmenu {display: block;}
  span.caretMenu {
    position: absolute;
    width: 50px;
    height: 45px;
    background-image: url('../images/caret.png');
    background-repeat: no-repeat;
    background-color: transparent;
    top: 0;
    right: 0;
    cursor: pointer;
    background-position: center;
    margin-right:25px;
  }
  li.drop {
    position: relative;
  }

  #mobileBouton > a.spanBouton {display: block;height: 46px !important ;width: 50px; margin-left: 20px;}
  #mobileBouton .spanBouton span {
      background: white none repeat scroll 0 0;
      display: inline-block;
      height: 3px;
      left: 10px;
      position: absolute;
      top: 11px;
      width: 30px;
  }
  .activeMobile > a.spanBouton span {
      display: none !important;
  }
  #mobileBouton span.deux {top: 21px;}
  #mobileBouton span.trois {top: 32px;}
  #mobileBouton {
    cursor: pointer;
    display: block;
    min-height: 46px !important;
    height: auto !important;
    margin: auto;
    position: relative;
    width: 100%;
    z-index: 100000;
    background-color: #82aa2c;
  }
  .menuMobile > a:hover, .menuMobile > a:active, .menuMobile > a:focus {background-color: #82aa2c !important;}
  .activeMobile {
    background-color: #82aa2c !important;
  }
  .activeMobile > a{
    background-image: url('../images/close-menu.png');
    background-position: center;
    cursor: pointer;
    height: 45px;
    width: 58px;
    display: inline-block;
  }
  #mobileBouton:hover .spanBouton span{background-color: white; }

  #navigationSite {height: auto !important;}

    .wrap-menu {min-height: 45px; margin-top:20px; background-color: #82aa2c; height: auto;}
    .sousMenuMobile {padding-left: 0}


  .sousMenuMobileProduit {display: none;}
  .menuMobile > a {color: white; cursor: pointer; }
  .menuMobile .sousmenu {
    padding-left: 0;
    background-color: #82aa2c;
    color: white;
    list-style-type: none;
    border: 1px solid white;
    top: auto;
    border-top: 0;
  }
  .menuMobile .sousmenu > li {padding-left: 0; padding-right: 0; border-bottom: 1px solid white; padding-top: 10px; padding-bottom: 10px;}
  .menuMobile .sousmenu > li:last-child {border: 0;}
  .menuMobile .sousmenu > li a {padding-left: 20px; padding-right: 15px; color:white;}
  a.spanBouton {height: 45px;}
  .menuMobile > a:hover, .menuMobile > a:focus, .menuMobile > a:active {color: white !important;}
  #mobileBouton a:hover, #mobileBouton:active, #mobileBouton:focus {}

  .navbar-nav {width: 100%;}
  ul.nav{margin:0; /*margin-top: 50px;*/}

  .resp-contenu-accueil-div{z-index: 1!important;}
  .contenu-slider{background: none; z-index:0!important;}

  .contenu-accueil-header{margin-top: auto;}

    .active .puceMenu, .listeMenu li:active .puceMenu, .listeMenu li:focus .puceMenu, .listeMenu li:hover .puceMenu{display:none!important;}

  .resp-body-header{padding-left: 0px; padding-right: 0px;}

}

@media screen and (max-width: 319px){
    .borde-bot-droit, .borde-bot-gauche{width: 15%;}
  .mini-btn-vert, .mini-btn-vertF{left: 25%;}
}
@media screen and (min-width: 320px) and (max-width: 350px){

  .borde-bot-droit, .borde-bot-gauche{width: 15%;}
  .mini-btn-vert, .mini-btn-vertF{left: 28%;}

}

@media screen and (min-width: 350px) and (max-width: 400px){

   .borde-bot-droit, .borde-bot-gauche{width: 15%;}

}
@media screen and (min-width: 420px) and (max-width: 477px){

  .mini-btn-vert, .mini-btn-vertF{left: 35%;}

}

@media screen and (min-width: 478px) and (max-width: 529px){

  .mini-btn-vert, .mini-btn-vertF{left: 36%;}

}

@media screen and (min-width: 530px) and (max-width: 569px){

  .mini-btn-vert, .mini-btn-vertF{left: 38%;}

}

@media screen and (min-width: 570px) and (max-width: 659px){

  .mini-btn-vert, .mini-btn-vertF{left: 38%;}

}

@media screen and (min-width: 660px) and (max-width: 767px){

  .mini-btn-vert, .mini-btn-vertF{left: 40%;}

}

@media screen and (min-width: 767px) and (max-width: 991px){

  .mini-btn-vert, .mini-btn-vertF{left: 41%;}

}


@media screen and (max-width: 660px){
    .img-manifestation{margin-left: 70px; margin-top: 10px;}
    .contenu-manifestation table {margin-left: 7%;}
}

@media screen and (min-width: 414px) and (max-width: 991px){
  .contenu p, .contenu h3, .contenu h2{padding-left: 60px!important}
 }

@media screen and (max-width:991px){

  input[type="checkbox"]#insc_newsletter{margin-left: auto!important; margin-right: auto!important;}
  label#l_insc_newsletter{width: 56%!important; padding-right:0px!important;}

  .tournage-droite h2{padding-left: 0px!important;}

  .vignette-contenu-accueil{margin-bottom: 20px;}

  .contenu-vertF{padding-left: 60px!important;}

  .vignette-actu{margin-bottom: 40px;}
  .img-vignette-actu{text-align: center;}

  img#fond-newsletter{display:none;}

  .borde-manifestation{display:none;}
  .denom-manifestation{
    margin-left: 70px!important;
    display: inline-block;
    padding: 10px 40px;
    vertical-align: top;
    margin-right: 30px;
  }

  .vers-droite, .resp-photo-tournage{text-align: center;}

  .article{border-bottom: 0px!important;}
  .div-article .img-manifestation{position: relative!important; margin-left: 70px!important;}

  .decouvrez, .owl-controls{display:none;}

  .boutons-accueil-header div{display:block;}
  .boutons-accueil-header div:first-child{margin-bottom: 30px;}

    .img-manifestation{display: inline-block; border: 1px solid #323232;}

}

@media screen and (min-width: 992px) and (max-width:1199px){

  .mini-btn-vert, .mini-btn-vertF{left: 27%;}

  .resp-alone{padding-top: 40px;}

  .contenu-infos{padding-top: 5px; overflow: auto;}

}

@media screen and (max-width:1199px){





}