@font-face {
    font-family: 'headline_onehplhs';
    src: url('headoh/headoh__-webfont.woff2') format('woff2'),
         url('headoh/headoh__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.025em;

}

 h1, .ish-h1, .ish-sc_quote .ish-h1, .widget .ish-h1, .ish-h1 > p, .ish-part_searchbar input[type="text"], .ish-part_header div, .ish-ph-main_nav a, .ish-ph-mn-be_resp a, h2 { font-family: 'headline_onehplhs' !important;letter-spacing: 0.05em !important;}
.ish-ph-logo img {
    max-height: 25px !important;
}

h6, .ish-h6, .ish-sc_quote .ish-h6, .widget .ish-h6, .ish-h6 > p {   font-size: 17px;
    line-height: 1.1; margin-bottom: 17px !important;}

/*.ish-part_header::before, .ish-part_header .ish-row_inner::before,  .ish-part_header::after, .ish-part_header .ish-row_inner::after {display: inline !important}
.ish-part_header .ish-row:before {display: inline;}*/
.ish-part_header .ish-row{background-color:rgba(0, 0, 0, 0.5) !important }
.menu-item-type-yawp_wim .yawp_wim_wrap {margin: 0 0 5px; padding: 8px 15px;}

@media screen and (max-width:500px) {
    .ish-part_header .ish-row.ish-row-notfull .ish-row_inner {height: 80px !important}
}


.ish-ph-wp_tagline {display:none !important}

/*.ish-ph-main_nav > ul > li > a, .ish-ph-main_nav > ul.ish-nt-onepage > li.menu-item-type-custom.current-menu-item > a { text-transform: uppercase !important;font-size: 25px;}*/
.ish-ph-main_nav>ul>li>a {padding: 10px 12px 7px !important}
.ish-ph-main_nav > ul > li > a.active, .ish-ph-main_nav > ul.ish-nt-onepage > li.menu-item-type-custom.current-menu-item > a.active {color: #3F8E5F}
.ish-ph-main_nav > ul > li > a:hover {color: #e5e5e5}
.ish-ph-main_nav > ul > li > a {
    padding: 10px 15px 7px
}
/*.ish-part_content.ish-without-sidebar > p {display: none;}*/
.ish-row_section.ish-row-full-height {height: calc(100vh - 55px) !important;min-height: calc(100vh - 55px) !important}

#imagesdeux{position:relative; padding-top: 0px !important}
#imageombre{position:absolute; top:0px;left:0px; z-index:0; margin: 0 auto; display: inline-block; }
#imageombre img {width:100%}
/*#imagesfond{position:absolute; left:50px}*/
/*#imagesdeux > .ish-vc_row_inner { background-image: url("../../uploads/2017/03/soldat2.png");
    background-repeat: no-repeat;
    background-size: cover;}*/
/*background-image: url("imgs/soldatGrand1.png");*/
#imagedefondsoldat {
/* background-image: url("imgs/soldatGrand1.png");*/
background-image: url("../../uploads/2017/03/ombre.png");
    background-repeat: no-repeat;
    background-size: cover; position: absolute;bottom: -20vh; left: 0px; width: 100%; height: 100%}

#imagesdeux .ish-vc_row_inner .vc_col-sm-12.wpb_column.column_container.ish-center {height: calc(100vh - 55px); width: 100vw}
.owl-theme .owl-controls {display: none !important;}
#imagesdeux #owlcontenu {color: white; height: calc(100vh - 55px);}

#imagesdeux .owl-carousel .owl-item .owl-carousel-item-text {	min-height: calc(100vh - 55px) !important; 
	height: calc(100vh - 55px) !important;
display:block;
position: relative;
top:0;
bottom:0;
width: 100%;
 box-sizing:border-box;}
#imagesdeux .owl-carousel .owl-item:first-child .owl-carousel-item-text {

padding-top: 35vh;}


#imagesdeux .owl-carousel .owl-item:nth-child(2) .owl-carousel-item-text {}
.wpcf7-form {

padding-top: 25vh; }
.wpcf7-form.invalid {

padding-top: 15vh; }
#imagesdeux .owl-carousel .owl-item:nth-child(3) .owl-carousel-item-text {
 margin: 0 auto;
    padding-top: 20vh;
    width: 75vw;}
#imagesdeux .owl-carousel .owl-item:nth-child(3) .owl-carousel-item-text a {color: white}
#imagesdeux .owl-carousel .owl-item:nth-child(3) .owl-carousel-item-text .apss-social-share { margin: 0 auto;
    width: 208px;   }


.apss-theme-4 .apss-icon-block {border-radius: 0px}
.apss-theme-4 .apss-single-icon .fa {text-shadow:4px 4px 5px rgba(0,0,0,0.8);}

.dk-speakout-petition-wrap {background-color: transparent !important;}
.dk-speakout-progress-wrap, .dk-speakout-share {display: none;}
#dk-speakout-petition-1 {margin: 0 auto}

#dk-speakout-petition-1 h3, #dk-speakout-petition-1 #dk-speakout-readme-1 {display: none !important;}

#blocdeux > .ish-vc_row_inner {padding-top: 20px}
#blocdeux p {font-size: 15px;
    font-style: normal;
    line-height: 23px;}

#flecheverte {margin-bottom: 15px !important}
#flecheverte a img {width: 95px; height: auto;}

#blocuntitre {font-size: calc(20px + 1.9vw) !important ; line-height: 1.1;  margin-bottom: 12vh !important;}
#blocunnombre {display: block;font-family: 'headline_onehplhs'; font-size: calc(18px + 1.9vh);letter-spacing: 0.05em !important;}
#blocunont { display: block;
    font-family: "headline_onehplhs";
    font-size: calc(14px + 1.5vh);
    letter-spacing: 0.05em !important;
    padding-top: 1vh;}
#blocunont a {color: white}
#blocunont a:hover {color: #d6d6d6}
#nextoo {}
#blocunsigne {
    bottom: 10vh;
   
    left: 0;
    margin: 0 auto;
  
    position: absolute;
    right: 0;}

#blocunsignein {background-color: #7185be;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 10px 7px;
    width: auto;font-family: 'headline_onehplhs'; font-size: calc(15px + 1.9vh);letter-spacing: 0.05em !important;}

#blocunsignein:hover {background-color: #aaafbe;}

input {border-radius: 5px;  background-color: rgba(255, 255, 255, 0.8);color:black;}
input, textarea, select {border: 1px}
.wpcf7-form-control.wpcf7-submit { background-color: #7185be;
    border-radius: 5px;
    cursor: pointer;
    font-family: "headline_onehplhs" !important;
    font-size: calc(15px + 1.9vh);
    color: white;
    letter-spacing: 0.05em !important;
    margin: 0 auto;
    padding: 10px 10px 7px;

}
.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #aaafbe;
}
.wpcf7-form-control.wpcf7-text {height: 5vh; padding: 0 5px}
.wpcf7-form p {margin-bottom: 2vh}
.wpcf7-list-item input[type="radio"], .wpcf7-list-item input[type="checkbox"] {top:3px;}
.g-recaptcha {transform:scale(0.70);-webkit-transform:scale(0.70);transform-origin:0 0;-webkit-transform-origin:0 0; opacity: 0.8; border-radius: 5px}

#wpcf7-f10-p2-o1, #wpcf7-f10-p474-o1 {width: 350px; margin: 0 auto}
.wpcf7-form-control.wpcf7-submit { margin-top: 22px;
    width: 100%;}
#menufooter {padding: 15px 0}
#menufooter > .ish-vc_row_inner {padding-top: 20px; padding-bottom: 20px}
#menufooter .menu-menu-1-container {text-align: center;}
#menufooter .menu-menu-1-container #menu-menu-1 li {display: inline-block;}
#menufooter .menu-menu-1-container #menu-menu-1 li a {font-size: 40px; text-transform: uppercase; color: white;font-family: 'headline_onehplhs' !important;letter-spacing: 0.05em !important;}
#menufooter .menu-menu-1-container #menu-menu-1 li a:hover {color: #e5e5e5 !important}
#menufooter .menu-menu-1-container #menu-menu-1 li.menu-item-type-yawp_wim {display: none}

@media screen and (max-width: 1240px) {
	#blocuntitre {font-size: 33.6px}
    #blocunsigne {font-size: 26px}
}

#facea p, #concretement p{font-size: 30px; line-height: 1.3}

#texteeun,#texteedeux, #texteetrois, #texteequatre, #texteecinq { display: block;
  position: relative;   transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; }


#texteeun::after, #texteedeux::after, #texteetrois::after, #texteequatre::after, #texteecinq::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
/*border: medium solid #94a3ce;*/
    border-radius: 11px;
 transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
 box-shadow: 6px 6px 6px #888888;
}

#texteeun::after{
background: url("imgs/soldats.jpg");
background-size: cover
}
#texteedeux::after{
background: url("imgs/grille.jpg");
background-size: cover
}
 #texteetrois::after{
background: url("imgs/ressources.jpg");
background-size: cover
}
 #texteequatre::after{
background: url("imgs/colonnies.jpg");
background-size: cover
}
#texteecinq::after {
background: url("imgs/barriere.jpg");
background-size: cover
}


#texteeun::before, #texteedeux::before, #texteetrois::before, #texteequatre::before, #texteecinq::before  {
  background: rgba(0, 0, 0, 0) url("imgs/loupe.png") no-repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;

}

#texteeun:hover::after, #texteedeux:hover::after, #texteetrois:hover::after, #texteequatre:hover::after, #texteecinq:hover::after {
  opacity: 0.2;
  z-index: -1;   
 transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
#texteeun:hover::before, #texteedeux:hover::before, #texteetrois:hover::before, #texteequatre:hover::before, #texteecinq:hover::before {opacity: 0
    }
#texteeun p, #texteedeux p, #texteetrois p, #texteequatre p, #texteecinq p {opacity: 0; padding: 10px}
#texteeun:hover p, #texteedeux:hover p, #texteetrois:hover p, #texteequatre:hover p, #texteecinq:hover p {opacity: 1}


#occupation h2 {color:#404b6b;font-size: 50px}
#occupation p { font-size: 12px;
    line-height: 1.3;}

#occupation .ish-vc_row_inner {padding-top: 40px}

#agire h2 {font-size: 50px}
#agiretop {margin-bottom: 35px !important}
#agiretop h2 {color:#81e7ac}
.agirecontenu h2 {margin-bottom: 15px !important}
.agirecontenu a {  border-bottom: 2px solid;
    font-weight: bolder; text-decoration: none}
    .agirecontenu a:hover {border-bottom: solid 0px;}

   .agirecontenu .apss-single-icon a {border-bottom: none;}
.agirecontenu ul {padding-left: 14px; list-style-image: url('imgs/puceliste10.png');}



#ouinon .wpb_wrapper p {font-size: 25px; line-height: 1.1}

#mille {}
#milleneufgauche p { font-size: 22vw;
    line-height: 1.2; font-family: 'headline_onehplhs';}
#milleneufdroit p {line-height: 1.2}
#milleneufdroit .wpb_wrapper .wpb_text_column .wpb_wrapper {background-color: rgba(0, 0, 0, 0.4);
    padding: 10px;border-radius: 5px;}
@media screen and (min-width: 1340px) {
#milleneufgauche p { font-size: 320px;
}
}
.tribe-list-widget, .tribe-events-list-widget-events  {padding-left: 0px !important}
.tribe-events-list-widget .tribe-events-list-widget-events {margin-bottom: 0px; padding: 0 10px !important}
.tribe-events-schedule {margin-bottom: 5px}
.tribe-events-meta-group-organizer {width: 100%}
.tribe-events-meta-group-organizer dl {margin: 5px 0}
.tribe-venue-location {margin-left: 0px}
.tribe-events-meta-group-venue > dl {margin: 5px 0}
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {float: none; width: 100%}
a.tribe-events-gcal, a.tribe-events-ical {float: none}

#fancybox-content .tribe-events-single-event-description.tribe-events-content  {border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; padding: 10px 0 !important}
#fancybox-left, #fancybox-right {width: 50px !important}
#agendaliste {overflow-y: auto !important; overflow-x: hidden  }

#aveclesoutient p {font-size: 13px !important; font-weight: bold;}

/*#agendadeux > .ish-vc_row_inner {padding-top: 10px; padding-bottom: 10px}*/
#agendadeux .tribe-list-widget {display: flex;   flex-wrap: wrap; }
#agendadeux .tribe-events-list-widget .tribe-events-list-widget-events {position:relative;min-height: 250px !important}
#agendadeux .tribe-list-widget a {width: 31%;

border-radius: 0px; padding: 6px !important; margin: 0px;
background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#agendadeux .tribe-event-duration {
    bottom: 10px;
    color: black;
    position: absolute;
    right: 10px;font-size: 16px}
#agendadeux .tribe-event-mois  {
    bottom: 37px;
    color: black;
    position: absolute;
    right: 10px;}
.tribe-event-duration {color: black}
.teccc-legend {text-align: right;}
.teccc-legend > div {margin-top: 5px; display: inline-block; text-transform: uppercase;}
.tribe-event-title {color: #49AE73; font-size: 20px;
    font-weight: 600;}
    .tribe-list-widget a.fancybox-inline:hover h5.tribe-event-title{color: black}
    .tribe-list-widget a.fancybox-inline:hover {box-shadow: 0 0 150px 0 rgba(0, 0, 0, 0.8) inset}

.tribe-event-title, .tribe-event-duration, .tribe-event-mois {background-color: rgba(255,255,255,0.8);}
.tribe-event-title a{color: #49AE73 !important; font-weight: bold;}
.tribe-event-title a:hover{color: #ccc !important}

@media screen and (max-width: 931px) {
#agendadeux .tribe-list-widget a {width: 29%;}
}
@media screen and (max-width: 610px) {
#agendadeux .tribe-list-widget a {width: 43%;}
}

#voirplusagenda {background: white none repeat scroll 0 0;
    border-radius: 6px;
    cursor: pointer;
    padding: 5px 10px;}

#voirplusagenda:hover{background-color: rgba(255,255,255,0.7);}

#milleneufgauche{display: flex;   justify-content: center;   flex-direction: column;   text-align: center;}