/*
Theme Name: Le Semoir
Author: Visages Régionaux
Description: Thème personnalisé pour le portail Le Semoir (par Arbre-Évolution)
Version: 1.0.0
*/

/* AUTRES */

footer {height: auto !important;}

#loader { display: none;}

.intro p a { text-decoration: underline;}
.intro p a:hover { text-decoration: none; background-color: #fadf70;}

.intro .small { font-size: 15px;}

.intro h3 { font-size: 32px; margin: 60px 0 10px 0;}

.strategie-wrapper .title-wrapper { width: 80% !important;}


.standard-wrapper { width: 80vw; margin: 0 auto 80px auto;}
.standard-wrapper h2 { font-size: 80px; text-align: center;}
.standard-wrapper p, .standard-wrapper .ul-standard { font-size: 20px; line-height: 1.3;}
.standard-wrapper .ul-standard { margin-left: 30px;}

.standard-wrapper p, .standard-wrapper h3, .standard-wrapper .ul-standard { padding: 0 100px;}

.ul-standard {font-family: Comfortaa,Arial,Helvetica,sans-serif; color: #232f3d;}

.standard-wrapper .wp-block-separator { margin: 80px 0;}

#sous-titre-verger { font-size: 2.5vw; margin: 0 0 50px 0;}

.image-contenu-stretch { width: 100%; height: auto;}

.description { font-size: 16px !important; line-height:1.2 !important;}

.home-wrapper .ambassadors .ambassadors-title p { font-size: 26px; line-height: 1.3;}

.wp-block-table { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; color: #232f3d; font-size: 20px;}
.wp-block-table figcaption { text-align: center; font-size: 15px; margin-top: 30px;}

#menu, #menu .menu-wrapper { height: 72rem;}
#menu .menu-wrapper .contact { height: 250px;}
#menu .menu-wrapper .links ul li a { font-size: 30px;}
#menu .menu-wrapper .links ul, #menu .menu-wrapper .contact .contact-wrapper { padding-left: 40px;}
#menu-un-pourcent {width: 90px; height: 115px; background: url("img/badge-un-pourcent-blanc.png") no-repeat; background-size: cover; text-indent: -9999px; display: block; margin-left: 40px; margin-top: 10px;}

#bloc-covid { display: block; text-align: center; text-decoration: none; width: 100%; background:url(img/bg-covid.jpg) fixed; padding: 80px 0;}
#bloc-covid h1, #bloc-covid p { margin: 0; padding: 0 300px;}
#bloc-covid h1 { color: #f9da58; font-size: 45px; margin-bottom: 20px;}
#bloc-covid p { color: #fff; font-size: 20px; line-height: 1.4;}

footer .footer-wrapper .logo { display: block !important;}
.footer-wrapper .logo p { color: #f7f9de; font-size: 14px; letter-spacing: 2px; margin-bottom: 10px;}


.ambassadors {
      height: auto;
      background-color: $light-gray;
      display: flex;
      flex-direction: column;
}
.ambassadors .ambassadors-title {
          width: 100%;
          height: auto;
          text-align: center;
}
.ambassadors .ambassadors-title h2 {
              margin-bottom: 2.5vw;
              font-size: 5.9vw;
}
.ambassadors p {
              font-size: 1.57vw;
              line-height: 1.8;
              width: 70vw;
              margin: 0 auto;
          }
.ambassadors .ambassadors-logos {
          width: 70vw;
          height: auto;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-evenly;
          margin: 2.5vw auto;
}
.ambassadors .ambassadors-logos .logo-container {
              margin: 0 1.5vw;
              width: 25vw;  
              height: 20vw; 
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center center;
}

.ambassadors .ambassadors-logos .logo-container:nth-child(2n) {
                  margin-right: 0;
              }


@media all and (max-width : 1000px) {	
		.strategie-wrapper .intro { width: 90%;}
		.strategie-wrapper .intro p, .strategie-wrapper .intro ul { font-size: 20px;}
		
		#sous-titre-verger { margin: 0; font-size: 30px;}		
		.strategie-wrapper .title-wrapper .title { font-size: 40px;}
		
		.standard-wrapper { width: 96%; margin: 0 2%;}
		.standard-wrapper h2 { font-size: 60px; text-align: center;}
		.standard-wrapper p, .standard-wrapper .ul-standard { font-size: 16px; line-height: 1.2;} 
		.standard-wrapper p, .standard-wrapper h3, .standard-wrapper .ul-standard {padding: 0 20px;}
		
		.liste-fichiers a { background:none; padding: 20px; font-size: 20px;}
		
		.home-wrapper .ambassadors .ambassadors-title p { font-size: 20px;}
		.standard-wrapper .wp-block-separator { margin: 40px 0;}
		
		#bloc-covid h1, #bloc-covid p { margin: 0; padding: 0 60px;}
}


/* INFOLETTRE */

#opt-in-mailchimp { margin-bottom: 80px;}
#opt-in-mailchimp form, #opt-in-mailchimp h2 { color: #f7f9de;}
#opt-in-mailchimp #mc_embed_signup h2 {font-family: Maiola,Arial,Helvetica,sans-serif; font-size: 4.95vw; font-weight: 200; margin: 0 0 20px 0;}
#opt-in-mailchimp form {font-size: 18px; font-family: 'Comfortaa',Arial,Helvetica,sans-serif;}

#opt-in-mailchimp #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {background-color: transparent;}
#opt-in-mailchimp #mc_embed_signup form {margin: 0;}
#opt-in-mailchimp #mc_embed_signup form input {margin-bottom: 10px;}
#opt-in-mailchimp #mc_embed_signup .mc-field-group select {padding: 8px 0;}

#opt-in-mailchimp #mc_embed_signup form .button {color: #232f3d; background-color: #f9da58; font-size: 22px; padding: 15px 20px; height: auto; line-height: 1.4; margin-top: 20px;}





/* PAGE VERGER */

.page-verger {font-family: 'Comfortaa',Arial,Helvetica,sans-serif; color: #232f3d;}
.page-verger h1 {font-size: 5vw; text-align: center;}
.page-verger h2 { font-size: 3.5vw; text-align: center; padding: 0 100px;}

.page-verger .wp-block-image img, .page-verger .single-formation-wrapper img { width: 100%; height: auto;} 

 .page-verger .single-formation-wrapper p { color: #f7f9de;}

.liste-fichiers { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; list-style: none; margin: 80px 0; padding: 0;}
.liste-fichiers a { text-align: center; display: block; background:url(img/icon-fichier.png) right 20px center no-repeat; border: 1px solid #b5c2d1; padding: 20px 100px; font-size: 2vw; font-weight: bold; margin-bottom: 40px;}
.page-verger .single-formation-wrapper .liste-fichiers a { background-color: #f7f9de;}
.liste-fichiers a:hover { background-color: #f9da58 !important;}
.page-verger .single-formation-wrapper .liste-fichiers a:hover { color: #232f3d;}

.bande-jaune { background-color: #f9da58; padding: 60px 0;}
.bande-verte { background-color: #d4e8ba; padding: 60px 0 100px 0;}

.verger-classe-photo { padding: 0 10%;}
.verger-classe-photo img { width: 100%; height: auto;}

#verger-map { position: relative;}
#verger-map img { width: 100%; height: auto;}
#verger-map h2 { position: absolute; padding: 5vh 60px 0 60px; text-align: center; width: calc(100% - 120px);}

.partenaires-wrapper h2 { padding-left: 0;}

.verger-medias {}
.verger-medias a { padding: 10px; background-color: #fff; display: block; margin: 20px;}
.verger-medias a img { width: 100%; height: auto;}
.verger-medias a:hover { background-color: #232f3d; }
.verger-medias a:hover img { opacity: 0.5;}

.verger-medias .slick-dots li button::before { font-size: 20px;}
.verger-medias .slick-prev, .verger-medias .slick-next { width: 30px; height:56px; background:url(img/ve/medias/fleche.png) center center no-repeat !important;}
.verger-medias .slick-prev { transform: translate(0, -50%) rotate(180deg);}
.verger-medias .slick-prev:hover, .verger-medias .slick-next:hover { opacity: 0.5;}
.verger-medias .slick-prev:before, .verger-medias .slick-next:before { display: none;}

.btn-form {background: none #fff !important; font-size: 6vw !important; font-family: Maiola,Arial,Helvetica,sans-serif;}

@media all and (max-width : 1000px) {	
	.page-verger h2 { padding: 0 5%;}
	.partenaires-wrapper h2 { padding-left: 5%;}
	.partenaires-header h2 { padding: 0;}
	.bande-jaune  { padding: 60px 0;}
}

@media all and (max-width : 667px) {
	.page-verger h1 {font-size: 35px;}
	.page-verger h2 { font-size: 30px;}
	.liste-fichiers { margin: 30px 0;}
	.liste-fichiers a { font-size: 28px; padding: 20px; background: none;}
	
	#verger-map h2 { display: none;}
}

#video-tq img {width: 100%; height: auto;}


/* PARTENAIRES */

.page-verger .forfaits__introTitle { text-align: left;}

.forfaits__plan.platine { color: #57656b;}
.forfaits__cardWrapper {flex: 0 0 50%; height: 56vw;}
.forfaits__card { width: 38vw; min-height: 56vw;}
.forfaits__description { font-size: .85vw;}
.forfaits__description ul li { padding: .19vw;}


.forfaits__intro .inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5vw;
}

.forfaits__intro .inner-wrapper .panel.left {
    text-align: left;
    width: 70%;
}

.forfaits__intro .inner-wrapper .panel.left p, .page-verger p, .page-verger .bande-jaune ul {
    font-size: 1.5625vw;
    line-height: 1.4;
}

.forfaits__intro .inner-wrapper .panel.right {
    position: relative;
    width: 30%;
}

.forfaits__intro .inner-wrapper .panel.right img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-65%);
    transform: translate(-50%,-65%);
    height: 17.34vw;
    width: auto;
}

#lien-document-un-pourcent { position: absolute; display: block; left: 50%; transform:translateX(-50%); bottom: 10%; text-align: center; font-size: 1.2vw; text-decoration: underline;}


@media all and (max-width : 1200px) {
	.forfaits__cardSlider { display: block; padding-top: 0;}
	.forfaits__cardWrapper { height: auto; margin-bottom: 2.5vw;}
	.forfaits__card { width: 78vw; height: auto; min-height: auto;}
	.forfaits__description { font-size: 20px;}
}

@media all and (max-width : 667px) {
	.forfaits__intro .inner-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
	}
	
	.forfaits__intro .inner-wrapper .panel.left {
    width: 100%;
	}
	
	.forfaits__intro .inner-wrapper .panel.left p, .page-verger p, .page-verger ul, #lien-document-un-pourcent {
    font-size: 18px;
	}
	
	.forfaits__intro .inner-wrapper .panel.right {
    width: 100%;
	height: 180px;
	margin: 4rem 0;
	padding-bottom: 80px;
	}
	
	.forfaits__intro .inner-wrapper .panel.right img {
	-webkit-transform: translate(-50%,-70%);
	transform: translate(-50%,-70%);
	height: 220px;
	}
	
	#lien-document-un-pourcent { bottom: 0;}
}


@media all and (max-width : 480px) {
	.forfaits__card { width: 88vw; height:auto; min-height: auto;}
	.forfaits__description { font-size: 20px;}
}


.partenaires-wrapper .partenaires-header .inner-wrapper { margin-bottom: 0;}
.partenaires-wrapper .les-partenaires { margin-top: 0;}


/* FORMULAIRE ATELIER */

.conditions, .gform_wrapper .field_description_below .gfield_description, .single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form p, .field_sublabel_below {font-family: Comfortaa,Arial,Helvetica,sans-serif;
color: rgba(199,238,249,.7) !important;
text-align: left;
line-height: 1.6;
font-size: 14px;
margin-top: 0;}

.conditions, .gform_wrapper .field_description_below .gfield_description {margin-left: 30px;}
.conditions a { color: #f9da58 !important;}
.conditions a:hover { color: #fff !important;}

.conditions.conditions-special { margin-left: 0; font-size: 16px !important;}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul.conditions, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul.conditions { margin-left: 40px !important;}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding: 6px 10px !important; color: rgba(199,238,249,.7); font-family: 'Comfortaa',Arial,Helvetica,sans-serif !important; font-size: 16px !important;}

.formation-form-titre h2, #page-classe-verte .formation-form-titre h2 { font-size: 90px;}

#gform_wrapper_1 label {
text-align: left;
color: rgba(199,238,249,.7);
font-family: Comfortaa,Arial,Helvetica,sans-serif;
padding-left: 10px;
font-size: 16px;}


#gform_wrapper_1 select {border: 1px solid rgba(199,238,249,.3); padding: 10px 10px !important; background-color: #232f3d; color: rgba(199,238,249,.7); font-family: Comfortaa,Arial,Helvetica,sans-serif; font-size: 14px;}

.single-formation-wrapper .formation-content-wrapper .sidebar-right .content-right ol li, .single-formation-wrapper .formation-content-wrapper .sidebar-right .content-right ul li { font-size: 1vw; color: #232f3d;}

.gform_wrapper li.hidden_label input { margin-top: 0 !important;}

#gform_submit_button_1, #loginform #wp-submit, #gravityflow_submit_button, .single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form .gform_button {font-family: 'Comfortaa',Arial,Helvetica,sans-serif; background-color: #f9da58; border: 0; font-size: 30px; font-weight: bold; color: #232f3d; text-align: center; padding: 20px 30px; border-radius: 20px;}
#gform_submit_button_1:hover, #loginform #wp-submit:hover, #gravityflow_submit_button:hover, .single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form .gform_button:hover { color: #fff; background-color:#000; cursor: pointer;}



.formatrice-detail-wrapper-bas .formatrice-content-wrapper-bas .ateliers-formatrice .ateliers a .carte-atelier .description .card-title {height: auto;}
.courses-wrapper .cards .card-container .card .image, .formatrice-detail-wrapper-bas .formatrice-content-wrapper-bas .ateliers-formatrice .ateliers a .carte-atelier .image { overflow: hidden;}





/* PAGE ÉCO-EDUCATION */

#page-crayon h1 { font-size: 5vw; text-align: center;}
#page-crayon .single-formation-wrapper .formation-form-wrapper { width: 100vw;}

#crayon-semence-vid { }
#crayon-semence-vid {
    margin: 80px 0;
   position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      height: auto;
}

#crayon-semence-vid iframe,
#crayon-semence-vid object,
#crayon-semence-vid embed {
  position: absolute;
      top: 13%;
      width: 100%;
      height: 75%;
}




/* FORMULAIRES ÉCO-EDUCATION */

#gform_wrapper_5 input { color: #000;}

.standard-wrapper .utilisateur {font-family: 'Comfortaa',Arial,Helvetica,sans-serif; font-size: 16px; margin-top: 40px;}
#gravityflow-inbox th { text-align: left; font-family: 'Comfortaa',Arial,Helvetica,sans-serif;}
.gravityflow_workflow_detail #gravityflow-inbox .user-list tr:hover { background-color: #f9da58;}
.gfield.gravityflow-display-field label.gfield_label, .gfield.gravityflow-editable-field:not(.green-background):not(.gfield_error) label.gfield_label { background-color: #232f3d !important; color: #fff;}

.gravityflow_workflow_detail #post-body { margin-right: 0 !important;}

.gravityflow_workflow_detail #post-body #post-body-content { float: none !important;}

.gravityflow_workflow_detail {font-family: 'Comfortaa',Arial,Helvetica,sans-serif;}

.gravityflow_workflow_detail .postbox-container { float: none !important; margin: 0 !important; width: 100% !important;}

.gravityflow_workflow_detail thead { display: none;}

.gravityflow_workflow_detail .gform_wrapper .gsection { margin-bottom: 0;}
.gravityflow_workflow_detail h2.gsection_title { margin-bottom: 0; border-bottom: 0 !important;}
.gravityflow_workflow_detail p { margin-top: 40px; margin-bottom: 40px;}

.gravityflow-has-sidebar .postbox, .gravityflow-has-step-info .postbox, .gravityflow-has-workflow-info .postbox { border: 0 !important; box-shadow: none !important;}

.commandes_liens { text-align: center; font-size: 20px; text-align: center; font-family: 'Comfortaa',Arial,Helvetica,sans-serif;}
.commandes_liens a { font-size: 20px; text-align: center; text-decoration: none; display: block; position:relative; width: 600px; left: 50%; margin-left: -320px; border-radius: 15px; background-color: #f9da58; padding: 10px 20px; margin-bottom: 20px;} 
.commandes_liens a:hover {text-decoration:none; background-color: #232f3d; color: #fff;}

.commandes_liens a:last-child { background-color: #fff; border: 1px solid #232f3d;}
.commandes_liens a:last-child:hover { color: #232f3d;}

.commandes_liens .commande-btn-fonce { background-color: #232f3d; color: #fff; font-size: 20px; text-align: center; text-decoration: none; display: block; position:relative; width: 600px; left: 50%; margin-left: -320px; border-radius: 15px; padding: 10px 20px; margin-bottom: 20px;}

.gform_wrapper .gsection { border-bottom: 0 !important;}

.gravityflow_workflow_detail .gform_wrapper input[type=text]::placeholder { color: #707f90;}
.gravityflow_workflow_detail .gform_wrapper input { color: #232f3d !important;}

.gravityflow_workflow_detail .gfield_checkbox label { margin-left: 10px !important;}

#gravityflow-status-box-container h3, #gravityflow-status-box-container h4 { display: none;}
#gravityflow-status-box-container { color: #fff; line-height: 0;}
#gravityflow-status-box-container hr { display: none;}
#gravityflow-status-box-container #gravityflow_save_progress_button { display: block;}

#gravityflow_submit_button { height: auto; line-height: normal;}

.gform_confirmation_message { font-size: 20px; text-align: center; font-family: 'Comfortaa',Arial,Helvetica,sans-serif; color: #fff; margin-top: 30px;}

.single-formation-wrapper .formation-form-wrapper label {font-family: 'Comfortaa',Arial,Helvetica,sans-serif; font-size: 16px !important; color: #c7eef9b3;}

.single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form input[type="password"], .single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form select {
    font-family: Comfortaa,Arial,Helvetica,sans-serif;
    font-size: 16px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #232f3d;
    height: 4.5rem;
    width: 100%;
    padding: 1rem;
    border: 1px solid rgba(199,238,249,.5);
    color: #c7eef9;
    line-height: 0;
}

#formulaire .gform_wrapper div.validation_error { background-color: #fff;}

.gform_wrapper .field_description_below .gfield_description.validation_message { color: #790000 !important; margin-left: 0;}

.gform_wrapper .gsection h2 { text-align: left;}

.formation-form-wrapper .gform_confirmation_message a { color: #f9da58;}

.standard-wrapper .information_compte {font-family: 'Comfortaa',Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.2; color: #232f3d; text-align: center;}

/*.notice.gravityflow_validation_error, .gravityflow_workflow_wrap { flex: 0 100%; }*/

div.gravityflow_validation_error p { padding: 0 20px; font-size: 16px;}

.formation-form-wrapper .gform_wrapper span.ginput_product_price, .formation-form-wrapper .gform_wrapper span.ginput_total { color: #fadf70;}
.formation-form-wrapper .gfield_total {font-size: 24px !important;}
.formation-form-wrapper .ginput_quantity_9_22 {width: 200px !important;}

.formation-form-wrapper .ginput_container_creditcard {overflow: hidden;}
.formation-form-wrapper .ginput_container_creditcard .ginput_full {float: left; width: 48%;}
.formation-form-wrapper .ginput_container_creditcard .ginput_full:first-child {margin-right: 2%;}
.formation-form-wrapper .ginput_container_creditcard .ginput_full:last-child {margin-left: 2%;}
.formation-form-wrapper .ginput_container_creditcard .ginput_full:last-child input {background-color: #fff !important; height: 4.1rem !important; border: 0; color: #000 !important;}

@media all and (max-width : 1400px) {
		.formation-form-wrapper .ginput_container_creditcard .ginput_full {float: none; width: 100%;}
.formation-form-wrapper .ginput_container_creditcard .ginput_full:first-child {margin-right: 0;}
.formation-form-wrapper .ginput_container_creditcard .ginput_full:last-child {margin-left: 0;}
	}





/* CLASSE VERTE */

#classe-verte-slider { overflow: hidden; position: relative;}
#classe-verte-slider .img-vague { width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}

#classe-verte-intro { padding: 0 0 230px 0;}
#classe-verte-intro h1 { text-align: center; font-size: 90px; margin-top: 0;}
#page-classe-verte h2 { font-size: 60px; line-height: 1; margin-top: 0;}
#classe-verte-intro p { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; color: #24303e; font-size: 22px; text-align: center; padding: 0 25%; line-height: 1.4;}

#classe-verte-benefices { background-color: #f9da58;}
#classe-verte-benefices-inner { padding: 60px 10%;}

#classe-verte-benefices-left { text-align: center; width: 25%; float: left;} 
#classe-verte-benefices-left img { width: 80%; margin: -200px 10% 20px 10%;} 
#classe-verte-benefices .benefices-contacter { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; border: 1px solid #24303e; padding: 20px 30px; border-radius: 20px; display: block; text-decoration: none; font-size: 18px; line-height: 1.4; color: #232f3d; text-align: center; margin-top: 40px;}
#classe-verte-benefices .benefices-contacter span { font-size: 25px;}
#classe-verte-benefices .benefices-contacter:hover { background-color: #fff; border-color: #fff;}

#classe-verte-benefices-droit { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; width: 65%; float: right; padding-left: 10%; color: #24303e;}
#classe-verte-benefices-droit h2 span { font-size: 40px;}
.classe-verte-benefices-ligne { overflow: hidden; border-bottom: 1px solid #b8a650;}
#classe-verte-benefices-droit div:last-child { border: 0 !important;}
.classe-verte-benefices-icon { width: 160px; float: left;}
.classe-verte-benefices-icon img { width: 80%; height: auto; margin-right: 20%;}
.classe-verte-benefices-texte { width: auto; float: none; overflow: hidden; height: 130px; display: table;}
.classe-verte-benefices-texte p {display: table-cell; vertical-align: middle; width: 100%; font-size: 20px; line-height: 1.3;}
.classe-verte-benefices-texte p a { color: #24303e; text-decoration: underline;}
.classe-verte-benefices-texte p a:hover { text-decoration: none;}
#classe-verte-benefices-droit .benefices-contacter { display: none;}

#classe-verte-concours {background: url(img/classe-verte/bg-arbre.jpg) no-repeat center center fixed; position: relative; font-family: 'Comfortaa',Arial,Helvetica,sans-serif; color: #24303e; text-align: center; position: relative;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#classe-verte-concours-inner { padding: 150px 400px; position: relative; z-index: 2;}
#classe-verte-concours-inner p { font-size: 20px; line-height: 1.3;}
#classe-verte-concours-inner p a { color: #24303e; text-decoration: underline;}
#classe-verte-concours-inner p a:hover { text-decoration: none;}

#classe-verte-concours:before { content:""; width: 300px; height: 100%; background:url(img/classe-verte/etoiles-left.png) no-repeat; position: absolute; top: 0; left: 0;}
#classe-verte-concours:after { content:""; width: 350px; height: 350px; background:url(img/classe-verte/etoiles-droit.png) no-repeat; position: absolute; bottom: 0; right: 0;}

#page-classe-verte .single-formation-wrapper .formation-form-wrapper {
    width: 100vw;
}

#page-classe-verte .single-formation-wrapper { padding: 0 !important;}

#page-crayon .formation-form-wrapper .gform_wrapper h2, #page-classe-verte .formation-form-wrapper .gform_wrapper h2 { color: #f7f9de; margin-top: 40px !important; font-size: 50px;}

.formation-form-wrapper .gform_wrapper .field_description_below .gfield_description { margin-left: 0;}
.formation-form-wrapper .gform_wrapper .instruction  { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; font-size: 12px; color:#c7eef9b3;}

.gform_wrapper .gfield_label { margin-top: 40px;}
.single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form input[type="text"] { margin-bottom: 5px;}

#page-classe-verte .gform_wrapper li.gfield.field_description_below + li.gsection { margin-top: 50px !important; margin-bottom: 0 !important; }

.gform_wrapper .ginput_container_fileupload input { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; color:#c7eef9b3;}

.gform_drop_area { font-size: 16px; color:#c7eef9b3;  font-family: 'Comfortaa',Arial,Helvetica,sans-serif;}
.gform_drop_area .gform_button_select_files { color: #232f3d !important;}


#classe-verte-realisations { background-color: #fff; color: #232f3f; font-family: 'Comfortaa',Arial,Helvetica,sans-serif; position: relative; overflow: hidden;}

#realisations-nav { position: absolute; top: 150px; left: 0; z-index: 999; width: 100%;}
#realisations-nav-prev, #realisations-nav-next { text-indent: -9999px; width: 50px; height: 70px; background:url(img/classe-verte/realisations/fleche1.png) center center no-repeat; background-size: cover; display: block; position: absolute;}
#realisations-nav-prev, #realisations-nav-next:hover { cursor: pointer;}
#realisations-nav-prev { transform:rotate(180deg); left: 5%;}
#realisations-nav-next { left: 33%;}

.classe-verte-realisations-element { overflow: hidden; padding: 80px 10%; width: 80%;}
.classe-verte-realisations-infos { float: left; width: 35%;}
.classe-verte-realisations-infos-inner { padding-right: 8vw;}
.classe-verte-realisations-titre { font-family: 'Maiola',Arial,Helvetica,sans-serif; font-size: 30px; margin-bottom: 20px;}
#page-classe-verte .classe-verte-realisations-infos h2 { font-family: 'Maiola',Arial,Helvetica,sans-serif; font-size: 50px; color: #232f3f; margin-bottom: 20px; text-align: left !important;}
.classe-verte-realisations-date { color: #232f3f; font-size: 20px; letter-spacing: 3px; margin-bottom: 60px;}
.classe-verte-realisations-infos p { font-size: 25px; line-height: 1.5; color: #232f3f;}
.classe-verte-realisations-infos p a { color: #232f3f; text-decoration: underline;}
.classe-verte-realisations-infos p a:hover { text-decoration: none; color: #f9db59;}

.classe-verte-realisations-photo { float: right; width: 65%;}
.classe-verte-realisations-photo-bg { width: 100%; background-position: center center; background-repeat: no-repeat; background-size:cover; height: 70vh;}

#classe-verte-video { padding: 5% 20%;}
#classe-verte-video video {width: 100%; height: auto;}


/* SERRES ÉDUCATIVES */

.page-serres #classe-verte-benefices {background-color: #d4e8ba;}
.page-serres .classe-verte-benefices-ligne {border-color: rgba(0,0,0,0.2);}

#serre-logo-lineaire {width: 250px; display: block; margin-top: 10px;}
#serre-logo-lineaire img {width: 100%; height: auto;}



@media all and (max-width : 1600px) {	
	#realisations-nav-prev, #realisations-nav-next { width: 30px; height: 42px;}
	.classe-verte-realisations-infos-inner { padding-right: 5vw;}
	.classe-verte-realisations-titre { font-size: 25px;}
	#page-classe-verte .classe-verte-realisations-infos h2 {font-size: 40px;}
	.classe-verte-realisations-date { font-size: 18px; margin-bottom: 40px;}
	.classe-verte-realisations-infos p { font-size: 20px; line-height: 1.3;}
	
	#classe-verte-video { padding: 5% 15%;}
}

@media all and (max-width : 1000px) {	
	.classe-verte-realisations-element { padding-top: 100px;}
	.classe-verte-realisations-infos { float: none; width: 100%;}
	.classe-verte-realisations-photo { float: none; width: 100%;}
	#realisations-nav { top: 30px; left: 10%;}
	#realisations-nav-prev { left: 0;}
	#realisations-nav-next { left: 50px;}
	.classe-verte-realisations-infos p { margin-bottom: 60px;}
	.classe-verte-realisations-infos-inner { padding-right: 0;}
	
	#classe-verte-video { padding: 5% 10%;}
}






.clear { clear: both;}


/* MODIFS ATELIERS */

.facetwp-facet-regions {text-align: center; margin-top: 40px; margin-bottom: 20px !important;}
.facetwp-facet-regions select {padding: 30px 70px 30px 40px; font-family: 'Comfortaa',Arial,Helvetica,sans-serif; border: 0; font-size: 22px; text-transform: uppercase; margin-right: 20px; display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #232f3d;
    color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
}
.facetwp-facet-regions select:hover {background-color: #f9da58; color: #232f3d; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");}

.facetwp-facet-regions select.is-disabled {background-color: #F0F0F0;}

.facetwp-facet-regions select option {font-size: 17px;}
.facetwp-facet-public_cible {text-align: center; margin-bottom: 0 !important;}
.facetwp-facet-public_cible .facetwp-radio { display: inline-block; margin: 0 10px; font-family: 'Comfortaa',Arial,Helvetica,sans-serif; font-size: 22px; padding: 30px 40px 30px 70px; background-color: #F0F0F0; background-size: 20px 20px; background-position: 20px center; margin-bottom: 20px;}
.facetwp-facet-public_cible .facetwp-radio:hover {background-color: #f9da58; color: #232f3d;}
.facetwp-facet-public_cible .facetwp-radio.checked {background-color: #232f3d; color: #fff;}
.facetwp-counter {display: none !important;}


.icon-transport-frais { position: absolute; bottom: 1.5vw; left: 1.5vw;}
.icon-transport-frais img { width: 30px; height: auto;}

.courses-wrapper .public-cible button, .courses-wrapper .frais button { background-color: #fff; color: #232f3d; border: 1px solid #232f3d !important;}
.courses-wrapper .public-cible button:hover, .courses-wrapper .frais button:hover { background-color: #f9da58;}
.courses-wrapper .public-cible .selected, .courses-wrapper .frais .selected { background-color: #f9da58;}


.card-container .card p {padding: 0;}


#blocs-accueil { overflow: hidden; background-color:#232f3d; color: #fff; text-align: center;}
	.bloc-accueil { width: 25%; float: left; background:url(img/blocs-accueil-separ.png) right center no-repeat; padding: 100px 0;}
	.bloc-accueil:last-child { background:none;}
	.bloc-accueil span { display: block;}
	span.bloc-accueil-img { display: inline-block; height: 130px; margin-bottom: 40px;}
	.bloc-accueil-img img { vertical-align: middle; max-height: 100%;}
	.bloc-accueil-chiffre { font-family: Maiola,Arial,Helvetica,sans-serif; font-size: 120px;}
	.bloc-accueil-titre { font-family: 'Comfortaa',Arial,Helvetica,sans-serif; font-size: 30px; padding: 0 30px;}
	
	@media all and (max-width : 1400px) {
		#classe-verte-benefices .benefices-contacter span { font-size: 20px;}
	}
	
	@media all and (max-width : 1300px) {	
		span.bloc-accueil-img {height: 120px;}
		.bloc-accueil-chiffre {font-size: 80px;}
		.bloc-accueil-titre {font-size: 20px;}
		
		#classe-verte-concours-inner {padding: 100px 250px;}
		
		#classe-verte-benefices-left { width: 30%;} 
		#classe-verte-benefices-droit { width: 65%; padding-left: 5%;}
	}
	
	@media all and (max-width : 1000px) {	
		span.bloc-accueil-img {height: 100px;}
		.bloc-accueil-chiffre {font-size: 60px;}
		.bloc-accueil-titre {font-size: 20px;}
		.bloc-accueil  { padding: 50px 0;}
		
		.wp-block-table { font-size: 16px;}
		
		#classe-verte-intro p {font-size: 20px; padding: 0 5%;}
		#classe-verte-benefices-left .benefices-contacter { display: none;}
		#classe-verte-benefices-droit .benefices-contacter { display: block;}
		#classe-verte-benefices-left { text-align: center; width: 100%; float: none;} 
		#classe-verte-benefices-droit {width: 100%; float: right; padding: 0;}
		#classe-verte-benefices-inner { padding: 40px 5%;}
		#classe-verte-benefices-left img { width: 30%; margin: -200px 35% 20px 35%;} 
		#page-classe-verte h2 { font-size: 40px; text-align:center;}
		#page-classe-verte h2 span { font-size: 25px;}
		
		#classe-verte-header { height: 500px; background-attachment:scroll; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
  		#classe-verte-concours-inner {padding: 60px 100px;}
		#classe-verte-concours:before { margin-left: -150px;}
		#classe-verte-concours:after { margin-right: -150px;}
		
		#classe-verte-intro h1 { font-size: 60px;}
		
		.formation-form-titre h2, #page-classe-verte .formation-form-titre h2 { font-size: 70px;}
	}
	
	@media all and (max-width : 800px) {	
		.bloc-accueil { width: calc(50% - 1px);
		height: -moz-calc(50% - 1px);
		height: -webkit-calc(50% - 1px);
		height: -o-calc(50% - 1px);
		height: calc(50% - 1px);}
		.bloc-accueil { background:none; border-right: 1px solid #1a2736; border-bottom: 1px solid #1a2736;}
		
		.single-formation-wrapper .formation-content-wrapper .sidebar-right .content-right ol li, .single-formation-wrapper .formation-content-wrapper .sidebar-right .content-right ul li { font-size: 14px;}
	}
	
	@media all and (max-width : 668px) {	
		.bloc-accueil { width: 100%; background:none; border-right: 0; border-bottom: 1px solid #1a2736;}
		.formatrice-detail-wrapper-bas .formatrice-content-wrapper-bas .ateliers-formatrice .ateliers a .carte-atelier .description .card-title { height: 4.5rem;}
		.formatrice-detail-wrapper-bas .formatrice-content-wrapper-bas .ateliers-formatrice .ateliers a .carte-atelier .description { height: 25rem;}
		.formatrice-detail-wrapper-bas .formatrice-content-wrapper-bas .ateliers-formatrice .ateliers a .carte-atelier { height: 35rem;}
		
		.commandes_liens a { width: 96%; left: auto; margin-left: 0; padding: 10px 2%;} 

		.classe-verte-benefices-icon { width: 100%; float: none; text-align: center;}
		.classe-verte-benefices-icon img { width: 120px; height: auto; margin-right: 0;}
		.classe-verte-benefices-texte { width: auto; float: none; overflow: hidden; height: auto; display: block;}
		.classe-verte-benefices-texte p {display: block; vertical-align: auto; width: 100%; font-size: 18px; line-height: 1.3; text-align: center;}
		
		#classe-verte-concours-inner {padding: 40px 5%;}
		#classe-verte-concours:before { display:none;}
		#classe-verte-concours:after { display: none;}
		
		#menu .menu-wrapper .links { margin-top: 0;}
		#menu .menu-wrapper .links ul li a { font-size: 22px;}
		
		.formation-form-titre h2, #page-classe-verte .formation-form-titre h2 { font-size: 60px;}
		
		#menu, #menu .menu-wrapper { height: 58rem;}
        #menu .menu-wrapper .links ul {margin-top: 20px;}
        #menu-un-pourcent {width: 70px; height: 90px;}
	}
	
	
/* MICROPROGRAMMES */

.micro-atelier {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 20px 40px; border-bottom: 1px solid #232f3d;}
.micro-atelier:last-child {border: 0;}
.micro-atelier-photo {width: 20%; border-radius: 50%; overflow: hidden; aspect-ratio: 1 / 1;}
.micro-atelier-photo img {width: 100%; height: 100%; display: block; object-fit: cover;}
.micro-atelier-titre {font-size: 40px; margin-left: 5%; width: 75%; text-align: left;}

.micro-atelier:hover {background-color: #232f3d;}
.micro-atelier:hover .micro-atelier-titre {color: #f9da58;}

.single-microprogramme .sidebar-left {padding-top: 30px;}


@media all and (max-width : 2000px) {	
    .micro-atelier-titre {font-size: 30px;}
}

@media all and (max-width : 1250px) {	
    .micro-atelier-titre {font-size: 20px;}
}

@media all and (max-width : 768px) {	
    .micro-atelier {padding: 15px; text-align: center;}
}

@media all and (max-width : 400px) {	
    .micro-atelier {display: block;}
    .micro-atelier-photo {width: 100%; margin-bottom: 20px;}
    .micro-atelier-titre {margin-left: 0; width: 100%; text-align: center;}



/* CSS TRANSITIONS
*************************/

#gform_submit_button_1, .intro p a, .liste-fichiers a, #loginform #wp-submit, .gravityflow_workflow_detail #gravityflow-inbox .user-list tr, #gravityflow_submit_button, .single-formation-wrapper .formation-form-wrapper .form-inner-wrapper form .gform_button, .commandes_liens a, #classe-verte-benefices .benefices-contacter, .facetwp-facet-regions select, .facetwp-facet-public_cible .facetwp-radio, .micro-atelier, .micro-atelier-titre {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s}


.courses-filters.row.public.hidden {
    display: none;
}