.contact_block2 {
	padding: 0% 8%;
}



.ast-separate-container .ast-blog-layout-6-grid .ast-article-inner{
	
	height: 300px!important;
}

.ast-blog-layout-6-grid .blog-layout-6 .ast-blog-featured-section:before {
	background-color: rgba(30, 41, 59, 0.05)!important;
}


[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {
    border-color: white!important;
}
.ast-header-break-point .main-navigation .stack-on-mobile li {
padding:0.9em 0px;
}

	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
    /* padding: 5% 5% 0% 80%; */
height: 60px;
    width: 110%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    left: -42px;
    padding: 7%;
    top: -1px;
   
}
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle:active {
	border:none;
}

.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
	display: flex;
    flex-direction: row;
    align-items: center;
}
/*THEME BASIQUE*/

.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {
	border-color:none!important;
}
.center-block-2 {
	margin-left:12%;
	margin-right:8%;
	margin-bottom: 5%;
	padding-bottom: 5%;
	font-size: 12pt;
	text-align:justify;
}

h1 {
	font-size: 19pt;
	color:#2B5097;
	margin-bottom: 10px;
	font-weight:600;
}

h2 {
	font-size: 18pt!important;

	margin-bottom:15px;
}
h3 {
	font-size: 12pt;
}
.widget {
	margin:0px;
	}



@media only screen and (max-width: 600px) {
	.ast-archive-description p {
		text-align: justify;
	}
	.ch_droite p {
		text-align:justify;
	}
h1 {
    font-size:16pt;
	margin: 0px;
  }
}



.site-header-section>div:last-child {
padding-right:10px;
padding-left:10px;
}
.entry-content h4{
     font-size:12pt;

   }
.center-block h1,.entry-content h1 {
  font-size:16pt!important;
 
}


.center-block2 input[type=text] {
  width:100%;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
 .formation-flex {
    flex-wrap: wrap!important;
  }
  
/*header*/

.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children>.ast-menu-toggle {

  padding:10px;
}
ul.sub-menu a.menu-link {
  display:flex!important;
  flex-direction:row;
	padding-left:0%!important;
}
  /*CSS Général*/
	.wp-block-image img, .wp-block-image.has-custom-border img {
		margin-right:auto;
		margin-left:auto;
	}
	.element-style {
	border-left-width:0em;
	width:205px;
	}
	.widget {
	margin:0px;
	}
  #ast-scroll-top .ast-icon.icon-arrow {
  
  }
/**/


 .formation-flex {
    flex-wrap: wrap!important;
  }
#page-wrap {
  width:95%!important;
}
.formation-texte {
  padding:0% 2%!important;
  width:70%!important;
}
.chronologie-ligne {
  height: 350px!important;
}
.tabs {
  font-size:10pt!important;
}


/**/


  img[Attributes Style] {
    aspect-ratio: auto 120 / 120;
  }

  img.custom-logo {
    width: 200px;
    height: 40px;
  }

  div.histoire-ecole img {
  
    margin-left: 10%;
  }
	div.histoire-ecole picture {
		    margin-left: 10%;
	}

  .ast-single-post.ast-page-builder-template .site-main>article,
  woocomerce.ast-page-builder-template .site-main {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px
  }

  h2 {
    font-size: 14pt;
    color: #404040;
  }

  .ast-page-builder-template .entry-header {
    margin-top: 0em;
  }


	
	
	/* block9, formations*/
	
	.block9_divtitre {
		width: 100%;
		display: flex;
		justify-content:left;
		margin-top: 10%;
		padding: 0% 6% 0% 11.5%;
	}
	
	.margin-bas {
		margin-bottom: 50px;
	}
	.block9_titre {
	color:#1D346A;
	
	}

	.block9_formation {

		width: 100%;
		margin: 4% 0%;
		display:flex;
		flex-direction: column;
		align-items: center;
		justify-content:center;
		
	
	}
	.block9_formation ul {
		margin:0px;
		padding: 10px;
		font-size: 12pt;

	}
	.block9_formation ul li {
		text-align:center;
		list-style-type: none;
	}
	
	
	
	
/*Page contact */


.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main {
	padding:0px;
	
}
.ast-page-builder-template .entry-header {
display:none ;
}

.contact_fondnoir {
  background-color: #404040;
  color:white!important;
  height:500px;
  padding:8% 8% 0% 9%;
}

.contact_fondnoir h1 {
  color:white!important;
}

    .contact_map > iframe {
 display: block;  /* iframes are inline by default */
        height: 40vh;  /* Set height to 100% of the viewport height */
        width: 40vw;  /* Set width to 100% of the viewport width */
        border: none;
}
.contact_block2 {
  padding-top:5%;
  padding-bottom:5%;
}

  /*Page d'accueil*/

 


  .zoom-instagram-widget__item {
    width: 400px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .wpz-insta-lightbox-wrapper .wpz-insta-lightbox .image-wrapper img {

    width: 100%;
    height: auto;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
  }

  /*block du formulaire*/


  .block6-paragraphe h3 {
    color: white;
				font-size:13pt;
  }


  /*cercle dans formulaire*/


  .block6-paragraphe svg {
    visibility: hidden;
    display: none;
  }

  path {
    stroke-linecap: round;
    stroke-width: 2;
  }

  path.purple {
    visibility: hidden;
    display: none;
  }

  /*rond et lignes du formulaire d'accueil*/
svg {
    height: 200px;
    margin-left: 0px;
	display: block;}
	


 

  /*Block des formations*/




  .block-blanc-texte-position {

    margin: 0%;
    text-align: justify;
		font-size:10pt;
  }


  /*BLEU*/

  



  /*turquoise*/

 
element.style {
	right:40px;
	line-height:17px;
	width:115%;

}
  /* Block icones valeurs */
	

  

  .ast-single-post .entry-content a {
    text-decoration: none;
  }

  .button-ecole:hover,
  .button-ecole:active {
    background-color: initial;
    background-position: 0 0;
    color: #007AB7;
  }

  .button-ecole:active {
    opacity: 0.5;
  }



  .ast-single-post .entry-content a {
    text-decoration: none;
  }

  .button-postuler:hover,
  .button-postuler:active {
    background-color: initial;
    background-position: 0 0;
    color: #007AB7;
  }

  .button-postuler:active {
    opacity: 0.5;
  }

    
    /*Emploi du temps et calendrier mobile*/
    

  .button-contact{
    background-color: #BA1718;
    padding: 10px 20px 10px 20px;
    border: 5px solid #D87664;
    border-radius: 4%;
    color: white;
    font-weight: 600;
    box-shadow: #D87664 0px 3px 8px;
  }

  .button-contact:hover {
    background-color: white;
    border: 5px solid #D87664;
    color: #BA1718;
  }
  
  /*PAGES FORMATIONS*/
  
  .tarifs {
    padding : 0px 0px!important;
    gap:5px;
	display:flex;
	flex-direction:column!important; 
	
  }
  .tarifs h3 {
    width:1100px!important;
  }
  .formations_icones img {
    width:100px!important;
  }
 
  .formation-texte h1 {
    width:330px!important;
    font-size:16pt!important;
    text-align:left;
    margin: 0%!important;
  }
  .formation-texte {
    width:80%!important;
  }
  .tabs {
    font-size:10pt;
    display:flex;
    flex-direction:column;
    gap:5px;
    
  }

#five-tab{
  padding:20px 0px!important;
  width:100%!important;
  height:70px!important;
  font-weight:700;
  font-size:12pt;
  box-shadow: 3px 3px 3px #E1CDCC;
}
  
   .timeline-content p {
     padding-right:10%;
   }
   .timeline-block {
     margin-bottom:0px!important;
   }
   .panel .barre .meter {
     width:150px!important;
   }
   .formations-price{

	width:200px!important;

}
/*BACCALAUREAT*/
  
 
  .formation-texte-2 h1 {
    width:330px!important;
    font-size:16pt!important;
    text-align:left;
    margin: 0%!important;
	
  }
  .formation-texte-2 {
    width:80%!important;
  }
 

#five-tab-2{
  padding:20px 0px!important;
  width:100%!important;
  height:70px!important;
  font-weight:700;
  font-size:12pt;
  box-shadow: 3px 3px 3px #4A7CBD;
}
  
/*ALEVEL*/
  
 
  .formation-texte-3 h1 {
    width:330px!important;
    font-size:16pt!important;
    text-align:left;
    margin: 0%!important;
  }
  .formation-texte-3 {
    width:80%!important;
  }
 

#five-tab-3{
  padding:20px 0px!important;
  width:100%!important;
  height:70px!important;
  font-weight:700;
  font-size:12pt;
  box-shadow: 3px 3px 3px #00A1B7;
}
  

}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 601px) and (max-width: 991px) {
/*header*/

		.margin-bas {
		margin-bottom: 50px;
	}
	
.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children>.ast-menu-toggle {

  padding:10px;
}
ul.sub-menu a.menu-link {
  display:flex!important;
  flex-direction:row;
}
.ast-icon, .icon-arrow{
  
}

/**/


 .formation-flex {
    flex-wrap: wrap!important;
  }
#page-wrap {
  width:50%!important;
}

#page-wrap-2 {
  width:50%!important;
}

#page-wrap-3 {
  width:50%!important;
}

/*Calendrier*/
	
	

.center-block {
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}
  /*CSS Général*/

  #ast-scroll-top .ast-icon.icon-arrow svg {
 
  }

  img.custom-logo {
    width: 200px;
    height: 50px;
  }


  .ast-single-post.ast-page-builder-template .site-main>article,
  woocomerce.ast-page-builder-template .site-main {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px
  }


  .ast-page-builder-template .entry-header {
    margin-top: 0em;
  }



/*Page contact */


.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main {
	padding:0px;
	
}
.ast-page-builder-template .entry-header {
display:none ;
}
.contact_block1 {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
}
.contact_fondnoir {
  background-color: #404040;
  width:50%;
  color:white!important;
  height:auto;
  padding:4% 8% 2% 8%;
}
.contact_map {
  width:50%;
   position: fixed;
   height:500px;
}
.contact_fondnoir h1 {
  color:white!important;
}

    .contact_map > iframe {
 display: block;  /* iframes are inline by default */
        height: 100vh;  /* Set height to 100% of the viewport height */
        width: 100vw;  /* Set width to 100% of the viewport width */
        border: none;
}
.contact_block2 {
  padding-top:5%;
  padding-bottom:5%;
}
  /*Page d'accueil*/

	
	

	.block9_formation {

		width: 50%;

		display:flex;
		flex-direction: column;
		align-items: center;
		
	
	}
	.block9_formation ul {
		margin:0px;
		padding: 10px;
		font-size:12pt;

	}
	
	
	
	
	
  .accueil_block7 h3 {
    margin-left: 11px;

  }

.zoom-instagram .zoom-instagram-widget__items-wrapper {
  display:flex;
  justify-content:center;
}
  .zoom-instagram-widget__item {
    width: 300px;
  }
  .zoom-instagram.feed-10751 {
    padding:0px!important!important;
  }

  .wpz-insta-lightbox-wrapper .wpz-insta-lightbox .image-wrapper img {

    width: 100%;
    height: auto;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
  }

  /*block du formulaire*/

 

  

  /*cercle dans formulaire*/
svg {
    height: 200px;
    margin-left: 0px;
	display: block;}
	
  .accueil_block7 svg {
    display:none;
    visibility:hidden;
		
  }
  .block6-paragraphe svg {
    visibility: hidden;
    display: none;
  }

  path {
    stroke-linecap: round;
    stroke-width: 2;
  }

  path.purple {
    visibility: hidden;
    display: none;
  }


  /*Block des formations*/


 

  .accueil_block3 {
    background-color: white;
    width: auto;
    height: 600px;
    margin-left: 3%;
    margin-right: 3%;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;


  }

  /* Block icones valeurs */
  .accueil_block3 h2 {
    font-size: 14pt;

    width: 100%;
    height: 0px;
    margin-bottom: 100px;
    margin-left: 11%;
  }

  .accueil_icones {
    display: flex;
    flex-direction: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 250px;
    padding: 0px;
    margin-left: 1%;
    margin-right: 1%;

  }

  .accueil_icone img {
    width: 60px;
    height: 60px;
    margin: 25%;
  }

  .accueil_icones p {
    width: 130px;
    text-align: center;
    font-size: 14pt;
  }

  .accueil_icones img {

    background-color: #FFF;
    opacity: 100%;
  }

  .accueil_icones img:hover {
    transition: transform .4s;
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    opacity: 70%;
  }

  .accueil_icone {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    font-size: 10pt;
  }


  /* Block histoire */
  .accueil_block2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    align-items: space-between;
    width: 100%;


    color: white;
  }

 
  .accueil_block2 div a {
    text-decoration: none;
    background: #007AB7;
    border: 3.5px solid #D0E6F5;
    border-radius: 8px;
    box-shadow: 0 0 10px 1px #648DB0;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;

    font-size: 14px;
    font-weight: 800;
    outline: 0;
    padding: 1em 1.5em;
    text-align: center;
    text-rendering: geometricprecision;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
  }

  .ast-single-post .entry-content a {
    text-decoration: none;
  }

  .button-ecole:hover,
  .button-ecole:active {
    background-color: initial;
    background-position: 0 0;
    color: #007AB7;
  }

  .button-ecole:active {
    opacity: 0.5;
  }
 

  /* Block premier */
 

  .ast-single-post .entry-content a {
    text-decoration: none;
  }

  .button-postuler:hover,
  .button-postuler:active {
    background-color: initial;
    background-position: 0 0;
    color: #007AB7;
  }

  .button-postuler:active {
    opacity: 0.5;
}


 
  
   .timeline-block {
    margin-left:8%;
  }
  
  /*PAGES FORMATIONS*/
 
  .formation-texte-2 h1 {
    width:300px;
    font-size:16pt!important;
    	text-align:left;
    margin-left:0%!important;
  }
   /*PAGES FORMATIONS*/
  .formation-flex-3 {

  }
  .formation-texte-3 h1 {
    width:300px;
    font-size:16pt!important;
    	text-align:left;
    margin-left:0%!important;
  }
}
/*computer*/
/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {
  /* CSS Général */
.center-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
		.margin-bas {
		margin-bottom: 50px;
	}
/*header*/




  img.custom-logo {
    width: 200px;
    height: 50px;
  }

  .ast-single-post.ast-page-builder-template .site-main>article,
  woocomerce.ast-page-builder-template .site-main {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px
  }

  h2 {
    font-size: 14pt;
  }

  .ast-page-builder-template .entry-header {
    margin-top: 0em;
  }




/*Page contact */


.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main {
	padding:0px;
	
}
.ast-page-builder-template .entry-header {
display:none ;
}
.contact_block1 {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
}
.contact_fondnoir {
  background-color: #404040;
  width:50%;
  color:white!important;
  height:auto;
  padding:4% 8% 2% 8%;
}
.contact_map {
  width:50%;
   position: fixed;
   height:500px;
}
.contact_fondnoir h1 {
  color:white!important;
}

    .contact_map > iframe {
 display: block;  /* iframes are inline by default */
        height: 100vh;  /* Set height to 100% of the viewport height */
        width: 40vw;  /* Set width to 100% of the viewport width */
        border: none;
}
.contact_block2 {
  padding-top:5%;
  padding-bottom:5%;
}
  /*Page d'accueil*/

	
 

  /* Block instagram */

  .wpz-insta-lightbox-wrapper .wpz-insta-lightbox .image-wrapper img {

    width: 100%;
    height: auto;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
  }

  /*block du formulaire*/



  .block6-paragraphe h3 {
    color: white;
  }

  .block6-paragraphe {
    margin-left: 60px;
  }

 


  /*cercle dans formulaire*/
svg {
    height: 200px;
    margin-left: 0px;
	display: block;}
	
  .accueil_block7 svg {
    height: 200px;
    margin-left: 0px;
    display: block;
		    position: absolute;
top:233em;
		left:17em;
		
  }

  path {
    stroke-linecap: round;
    stroke-width: 2;
		
  }

  path.purple {
    stroke: #3242B8;
    stroke-dasharray: calc(40 * 3.142 * 1.85);
    stroke-dashoffset: 40;
    /* adjust last number for variance */
    position: absolute;
		left:10em;
  }

 
  /*Block des formations*/


 
 
 
  /* Block icones valeurs */
  


  /* Block histoire */
 
  .ast-single-post .entry-content a {
    text-decoration: none;
  }

  .button-ecole:hover,
  .button-ecole:active {
    background-color: initial;
    background-position: 0 0;
    color: #007AB7;
  }

  .button-ecole:active {
    opacity: 0.5;
  }





 

  /* Block premier */
 

  .ast-single-post .entry-content a {
    text-decoration: none;
  }

  .button-postuler:hover,
  .button-postuler:active {
    background-color: initial;
    background-position: 0 0;
    color: #007AB7;
  }

  .button-postuler:active {
    opacity: 0.5;
  }
/*FAQ Question ORDINATEUR*/
.center-block2 {
  padding-left:15%;
  padding-right:15%;
  }
  .button-contact{
    background-color: #BA1718;
    padding: 10px 20px 10px 20px;
    border: 5px solid #D87664;
    border-radius: 4%;
    color: white;
    font-weight: 600;
    box-shadow: #D87664 0px 3px 8px;
  }

  .button-contact:hover {
    background-color: white;
    border: 5px solid #D87664;
    color: #BA1718;
  }
  #nf-form-title-4 {
    display:flex;
    justify-content:center;
  }
  
  .formation-padding {
	padding:5% 5% 0% 5%!important;
  }
  
.formation-flex {
  padding:5% 5% 0% 5%;
}
.warpper {
  padding: 0% 5% 0% 5%;

}
 .tarifs {
    gap:10px;
	display:flex;
	flex-direction:column;
  }
}






/* Page établissement*/
.ast-page-builder-template .site-content > .ast-container
  #etablissement_bigimage {
  width:auto;
  height:600px;
 background-image: url("https://lemanmaturite.ch/wp-content/uploads/2023/04/retouche-3.png");
   background-repeat: no-repeat;
  background-size: cover;
}
.site-content .ast-container {
   display:flex;
  flex-direction:column!important;
}

#titre-blanc {
  color:white;
  font-size:40pt!important;
  width:600px;
  z-index:5;
  position:absolute;
  top: 5.5em;
  left: 2.5em;
}

.main-container {
  display: flex;
  flex-direction:row;
  justify-content:center;
  align-items: center;
  flex-wrap:nowrap;
}

.e-box {
  width: 100%;
  height:400px;
  padding: 10px;
  background-color: white;
  color: #404040;
  z-index: 3;

    box-shadow: 0px 0px 5px 0px  #BCBCC3;
   display:flex;
   justify-content:center;
   align-items: center;
   flex-direction :column;
}
.e-box img {
  width:100px;
  height:100px;
}
.b-2 h2 {
  color:white;
}



.e-box h2 {
  font-size: 24px;
  font-weight: bold;
}
.etabli-bloc {
  margin: 30px 10px;
  display:flex;
  flex-direction:row;

  flex-wrap:nowrap;
  height:500px;
}
.bloc-gauche {
  width:45%;
 margin:0% 2%;
}
.bloc-gauche p {
  text-align:justify;
}
.bloc-gauche h2 {
  
  background-color:#B01718;
  padding:10px 50px 10px 10px;
  width:310px;
  z-index:9;
  display:block;
  color:white;
  box-shadow: 2px 2px 2px #B01718;
}

.commentaire-rouge {
  display:flex;
  justify-content: end;
  width:100%;
  height:10px;
  padding-right:6%;
  padding-left:5%;
  position:relative;
  bottom:80px;
}
.commentaire-rouge p {
  width:47%;
  font-weight:600;
  text-align:justify;
  margin-left:15px;
}
.eta-bloc-rouge {
  width:40px;
  height:180px;
  background-color: #B01718;
  display:block;
  position:relative;
  bottom:105px;
}
.bloc-gauche h3 {
  color: #B01718;
  font-weight:100;
  font-size:14pt;
  padding: 15px 0px 20px 0px;
  
  height:50px;
}
.bloc-droit {
  height:85%;
   background-image : url("https://lemanmaturite.ch/wp-content/uploads/2023/04/salledeclasse-montreux.png");
   background-repeat: no-repeat;
  background-size: cover;
  width:50%;
  
  
}


.bloc-droit-3 {
  height:85%;
   background-image : url("https://lemanmaturite.ch/wp-content/uploads/2023/04/parking-vevey-1.png");
   background-repeat: no-repeat;
  background-size: cover;
  width:50%;
  
  
}
.etabli-bloc-2 {
  margin: 30px 0px;
  display:flex;
  flex-direction:row;
  justify-content:center;
  flex-wrap:nowrap;
background-color: #E7EAF0;
  width:100%;
  height:600px;
  padding:30px 30px;
}







.commentaire-bleu {
  display:flex;
  justify-content: start;
  width:100%;
  height:20px;
  padding-right:5%;
  padding-left:10px;
  position:relative;
  bottom:120px;
}
.commentaire-bleu p {
  width:550px;
  font-weight:600;
  text-align:justify;
  margin-left:15px;
}
.eta-bloc-bleu {
  width:40px;
  height:180px;
  background-color: #1D346A;
  display:block;
  position:relative;
  bottom:105px;
  z-index:9;
}
.bloc-droit-2 h3 {
  color: #1D346A;
  font-weight:100;
  font-size:14pt;
  padding:15px 0px 30px 0px;
  height:70px;
}

.bloc-flex {
  width:100%;
  height:500px;
  display:flex;
}


.flex-internat {
  display: flex;
  align-items: center;
  padding:10px;
}
.flex-internat img {
  width:50px;
  height:auto;
}


.flex-tri-icones {
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: space-evenly;
  width:100%;
  height:50em;
  padding:5% 10%;
}
.flex-tri-icones h3 {
  width:100%;
  height:80px;
  font-size: 13pt;
}
.flex-revision-icones {

  width:400px;
  height:140px;
  display:flex;
  margin: 5px;
}
.revision-icone {
  width:35%;
  height:100%;
  
}
.revision-texte {
  width:70%;
  height:100%;
 
}
.revision-texte p {
  margin-left:10px;
  width:60%;
}

 


 

@media only screen and (max-width: 1200px) {
  
 .ast-page-builder-template .site-content > .ast-container
  #etablissement_bigimage {
  width: 100%;

 
}
.eta-bloc-bleu {
  width:30px;
  height:40px;
  background-color: #1D346A;
  display:block;
  position:relative;
  bottom:0px;
  z-index:9;
  box-shadow: 0px 0px 35px 3px #074883;
  margin-left:20px;
}
	


.eta-bloc-rouge {
  width:30px;
  height:40px;
  background-color: #B01718;
  display:block;
  position:relative;
  bottom:0px;
  z-index:9;
  box-shadow: 0px 0px 35px 3px #CC6666;
}

  .main-container {
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
  flex-wrap:wrap;
}
.e-box {
  width: 100%;
  height:140px;
  padding: 5px;
  background-color: white;
  color: #404040;
  z-index: 3;
    box-shadow: 0px 0px 5px 0px  #BCBCC3;
   display:flex;
   justify-content:center;
   align-items: center;
   flex-direction :column;
   gap:5px;
}

.e-box h2, .button-etablissement a {
  font-size:12pt;
}
.e-box img {
  visibility:hidden;
  display:none;
}

.button-etablissement-2 {
  visibility: visible;
display:block;
}

.button-etablissement-2 {
  border: 2px solid white;
  border-radius:35px;
  padding: 8px 18px 8px 18px;
  color:white;
  
}

.button-etablissement {
  border: 2px solid #404040!important;
  border-radius:35px;
  padding: 8px 18px 8px 18px;
  color:white;
  
}
.button-etablissement-2:hover {
  background-color: white;
  border: 5px solid #404040;
  color: #404040
}
.button-etablissement-2 a {
  color: white;
  font-size:12pt;
  font-weight:600;
}

.etabli-bloc {
  height:750px;
  flex-direction: column;
  padding:5% 0% 0% 0%;
  margin:0px;
}
.bloc-gauche {
  width:90%;
  margin-left:8%;
  margin-top:3%;
  padding-right:7%;
}
.bloc-droit {
  height:450px;
  width:100%;
}
.bloc-droit-3 {
  height:450px;
  width:100%;
}

.bloc-gauche h2 {
  width:100%;
  font-size:13pt;
}
.bloc-gauche h3 {
  padding:15px 0px 20px 0px;
  font-size:12pt;
  height:60px;
}
.bloc-gauche p {
  width:100%;
padding-right:3%;
}
.commentaire-rouge {
  bottom:0em;
  height:160px;
  padding:5%;
  display:flex;
  align-items:center;
}
.commentaire-rouge p {
  width:80%;
  text-align:justify;
  margin-left:15px;
  margin-bottom:0px;
  font-size:9pt;
}


.etabli-bloc-2 {
  height:750px;
  flex-direction: column-reverse;
  padding:0px;
  justify-content:start;
  margin:0px 0px;
}

.commentaire-bleu {
 
  padding:5%;
  bottom:0em;
  height:160px;
  display:flex;
  flex-direction:row;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #E7EAF0;
}
.commentaire-bleu p {
  width:80%;
  text-align:justify;
  margin-left:15px;
  margin-bottom:0px;
  font-size:9pt;
}
.e-box p, .e-box-2 p{
  visibility:hidden;
  display:none;
}
.bloc-flex {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column-reverse;
}

.flex-tri-icones {
height:60em;
padding:5% 5%;
}
.flex-revision-icones {
  height:100px;
}
.revisio-icone {
  width:30%;
}
.revision-texte {
  width:60%;
}
.revision-texte p {
    width:150px;
  
}
.flex-internat {
  margin: 10px 0px;
  gap:5px;
}
.flex-internat p {
  font-size:8pt;
}
.button-flex {
  display:flex;
  flex-direction: column!important;
	}
}






/*CSS MIXTE*/
/* Calendrier changement de page*/

/* */
.wpcf7-list-item-label
{
	font-size : 0.75em;
	line-height : normal !important;
}

body button input select textarea
{
	line-height : normal !important;
}

#calendrier .col {
  background: white;
  text-align: center;
  border: 2px solid #F2F3F4;
  box-shadow: 1px 1px 1px gray;
height: 420px;
	width: 33%;

}

#calendrier .section {
  clear: both;
  padding: 5px;
  margin: -11px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}

#calendrier .group:before,
.group:after {
  content: "";
  display: table;
}

#calendrier .group:after {
  clear: both;
}

#calendrier .group {
  zoom: 1;
	
}
@media only screen and (max-width: 600px) { 
#calendrier .group 
	{
		display: flex;
		flex-wrap : wrap;
		justify-content: center;
	}
	#calendrier table {
		margin-left: auto;
		margin-right: auto;
	}
	
	table {
		width:auto;
	}

	#calendrier #legendes {
		display : flex
	}
}





#calendrier .col:first-child {
  margin-left: 0;
}

 @media only screen and (max-width:580px) {
  #calendrier .col {
    margin: 1% 0 1% 0%;
	
  }
}

@media only screen and (max-width:px) {
  #calendrier .col {
    margin: 1% 0 1% 0%;
	width: 278px
  }
}


@media only screen and (max-width:580px) {
  #calendrier .span_3_of_3 {
    width: 100% !important;
  }

  #calendrier .span_2_of_3 {
    width: 100% !important;
  }

  #calendrier .span_1_of_3 {
    width: 100% !important;
  }
}

#calendrier h3 {
  background-color: #FF8181;
  padding: 10px;
  color: white;

}

#calendrier table {
  border-collapse: collapse;
  padding: 2px;
}

#calendrier td {
  padding: 5px;
	font-size: 11pt;

  background-color: white
}

#calendrier table {
    justify-content:center;
    width:100%;
	height: 85%;
}

#calendrier .jours {
  color: #EFEFEF;
}

#calendrier .rentree {
  background-color: #56BD42;
  color: white;
  border-radius: 5px;
}

#calendrier .externe {
	background-color: #9269D7;
	color: white;
}
#calendrier .ferier {
  background-color: #F47F22;
  color: white;

  
}
#calendrier .baccal{
	background-color:  #8E5999 ;
	color: white;
	
}
#calendrier .vacances {
  background-color: #77CBB9;
  color: white;
}

#calendrier .examsblanc {
  background-color: #DD6E42;
  color: white;
  padding-left: 2px;
}

#calendrier .revisions {
  background-color: #F7B32B;
  color: white;
}

#calendrier .fin {
  background-color: green;
  color: white;
}

#calendrier .matu {
  background-color: #007EA7;
  color: white;
}

#calendrier .mois {
  background-color: #636363;
  font-size: 1.2em;
 width:100%;
	font-size: 15pt;
}

#calendrier .moisjours {
  color: #757575;
 font-size: 13pt;
}



#calendrier .tooltip {

  background-color: #56BD42;
  color: white;
	height: 55px;
	align-items: center;
	justify-content: center;
}

#calendrier .tooltip .tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: #56BD42;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-left: 12px;
  margin-top: -4px;
  padding: 4px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier .tooltip:hover .tooltiptext {
  visibility: visible;
}

#calendrier .ferie {
  background-color: #E54B4B;
  color: white;

	
}

#calendrier .ferie .feriee {
  visibility: hidden;
  width: 84px;
  background-color: #E54B4B;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -48px;
  margin-left: -29px;


  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
#calendrier .externe .external {
	visibility: hidden;
  width: 84px;
	background-color: #9269D7;
	color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -32px;
  margin-left: -36px;


  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
#calendrier .baccal .baccalendrier {
	visibility: hidden;
  width: 160px;
  background-color: #8E5999;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 15px;
  padding: 3px;
	 position: absolute;
  z-index: 1;
}

#calendrier .baccal:hover .baccalendrier {
  visibility: visible;
}

#calendrier .externe:hover .external {
	visibility: visible;
}
#calendrier .ferie:hover .feriee {
  visibility: visible;
}

#calendrier .vac {
  background-color: #77CBB9;
  color: white;
}

#calendrier .vac .vacc {
  visibility: hidden;
  width: 84px;
  background-color: #77CBB9;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -32px;
  margin-left: -36px;


  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier .vac:hover .vacc {
  visibility: visible;
}

#calendrier .exams {
  background-color: #DD6E42;
  color: white;
}

#calendrier .exams .exam {
  visibility: hidden;
  width: 84px;
  background-color: #DD6E42;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -32px;
  margin-left: -36px;


  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier .exams:hover .exam {
  visibility: visible;
}

#calendrier .rev {
  position: relative;
  
  background-color: #F7B32B;
  color: white;
}

#calendrier .rev .revi {
  visibility: hidden;
  width: 120px;
  background-color: #F7B32B;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 3px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier .rev:hover .revi {
  visibility: visible;
}

#calendrier .fin {
  position: relative;
  background-color: #136F63;
  color: white;

}

#calendrier .fin .fins {
  visibility: hidden;
  width: 84px;
  background-color: #136F63;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -32px;
  margin-left: -36px;


  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier .fin:hover .fins {
  visibility: visible;
}

#calendrier .maturite {
  position: relative;
  background-color: #007EA7;
  color: white;


}

#calendrier .maturite .maturit {
  visibility: hidden;
  width: 140px;
  background-color: #007EA7;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 4px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier .maturite:hover .maturit {
  visibility: visible;
}

#calendrier .weekend {
  color: #F38282;
}

#calendrier .trois {
  padding-right: 7px;
  padding-left: 8px;
}

#calendrier .six {
  padding: 2px;
  padding-left: 8px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#calendrier .sept {
  padding-left: 5px;
  padding-right: 5px;
}

#calendrier .treize {
  padding: -3px;
}
#calendrier .re
{
  color: #56BD42;
}
#calendrier #legendes
{
		display : flex;
  text-align: center;
 
  font-size: 1em;
  padding: 1px 5px;
  justify-content: space-around;
  align-content: stretch;
}
#calendrier .radius
{
 border-radius: 4px; 
  
}
#calendrier .radius2
{
 border-radius: 4px; 
   padding-top: 10px;
 padding-bottom: 10px;
}

#calendrier #legendes td
{
  width : 100% !important;
  display : inline-block !important
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
	#calendrier .moisjours {
		font-size: 12px;
	}
	#calendrier tr td {
		font-size: 15px;
			width: 1%;
	}
	#calendrier .tooltip {
		width: 35px;
		
	}
}









/*calendrier2*/
#calendrier2 .col {
  background: white;
  text-align: center;
  border: 2px solid #F2F3F4;
  box-shadow: 1px 1px 1px gray;
}

#calendrier2 .section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

#calendrier2 .group:before,
.group:after {
  content: "";
  display: table;
}

#calendrier2 .group:after {
  clear: both;
}

#calendrier2 .group {
  zoom: 1;
}

#calendrier2 .col {
  float: left;
  margin: 3% 0 3% 0.5%;
}

#calendrier2 .col:first-child {
  margin-left: 0;
}

#calendrier2 @media only screen and (max-width:580px) {
  .col {
    margin: 1% 0 1% 0%;
  }
}

#calendrier2 @media only screen and (max-width:580px) {
  #calendrier .span_3_of_3 {
    width: 100% !important;
  }

  #calendrier2 .span_2_of_3 {
    width: 100% !important;
  }

  #calendrier2 .span_1_of_3 {
    width: 100% !important;
  }
}

#calendrier2 h3 {
  background-color: #FF8181;
  padding: 10px;
  color: white;
 
}

#calendrier2 table {
  border-collapse: collapse;
  padding: 2px;
}

#calendrier2 td {
  padding: 4px;
 
  background-color: white
}

#calendrier2 #codexpl th {}

#calendrier2 table {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}

#calendrier2 .jours {
  color: #EFEFEF;
}

#calendrier2 .rentree {
  background-color: #56BD42;
  color: white;
  border-radius: 5px;
}

#calendrier2 .ferier {
  background-color: #F47F22;
  color: white;
  border-radius: 5px;
  padding:
}

#calendrier2 .vacances {
  background-color: #77CBB9;
  color: white;
}

#calendrier2 .examsblanc {
  background-color: #DD6E42;
  color: white;
  padding-left: 2px;
}

#calendrier2 .revisions {
  background-color: #F7B32B;
  color: white;
}

#calendrier2 .fin {
  background-color: green;
  color: white;
}

#calendrier2 .matu {
  background-color: #007EA7;
  color: white;
}

#calendrier2 .mois {
  background-color: #636363;
  font-size: 1.2em;
}

#calendrier2 .moisjours {
  color: #757575;
  
}



#calendrier2 .tooltip {
  display: inline-block;
  background-color: #56BD42;
  color: white;
  border-radius: 5px;
}

#calendrier2 .tooltip .tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: #56BD42;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-left: 12px;
  margin-top: -4px;
  padding: 4px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .tooltip:hover .tooltiptext {
  visibility: visible;
}

#calendrier2 .ferie {
  background-color: #E54B4B;
  color: white;
  border-radius: 5px;
}

#calendrier2 .ferie .feriee {
  visibility: hidden;
  width: 120px;
  background-color: #E54B4B;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 2px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .ferie:hover .feriee {
  visibility: visible;
}

#calendrier2 .vac {
  background-color: #77CBB9;
  color: white;
}

#calendrier2 .vac .vacc {
  visibility: hidden;
  width: 140px;
  background-color: #77CBB9;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 4px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .vac:hover .vacc {
  visibility: visible;
}

#calendrier2 .exams {
  background-color: #DD6E42;
  color: white;
}

#calendrier2 .exams .exam {
  visibility: hidden;
  width: 120px;
  background-color: #DD6E42;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -5px;
  margin-left: 8px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .exams:hover .exam {
  visibility: visible;
}

#calendrier2 .rev {
  position: relative;
  display: inline-block;
  background-color: #F7B32B;
  color: white;
}

#calendrier2 .rev .revi {
  visibility: hidden;
  width: 120px;
  background-color: #F7B32B;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 3px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .rev:hover .revi {
  visibility: visible;
}

#calendrier2 .fin {
  position: relative;
  background-color: #136F63;
  color: white;
  border-radius: 5px;
}

#calendrier2 .fin .fins {
  visibility: hidden;
  width: 120px;
  background-color: #136F63;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 4px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .fin:hover .fins {
  visibility: visible;
}

#calendrier2 .maturite {
  position: relative;
  background-color: #007EA7;
  color: white;


}

#calendrier2 .maturite .maturit {
  visibility: hidden;
  width: 140px;
  background-color: #007EA7;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: 8px;
  padding: 4px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#calendrier2 .maturite:hover .maturit {
  visibility: visible;
}

#calendrier2 .weekend {
  color: #F38282;
}

#calendrier2 .trois {
  padding-right: 7px;
  padding-left: 8px;
}

#calendrier2 .six {
  padding: 2px;
  padding-left: 8px;
  padding-right: 9px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#calendrier2 .sept {
  padding-left: 5px;
  padding-right: 5px;
}

#calendrier2 .treize {
  padding: -3px;
}
#calendrier2 .re
{
  color: #56BD42;
}
#calendrier2 #legendes
{
  position: center;
  text-align: center;
 
  font-size: 1em;
  padding: 1px 5px;
  justify-content: space-around;
  align-content: stretch;
}
#calendrier2 .radius
{
 border-radius: 4px; 
  
}
#calendrier2 .radius2
{
 border-radius: 4px; 
   padding-top: 10px;
 padding-bottom: 10px;
}

#calendrier2 #legendes td
{
  width : 100% !important;
  display : inline-block !important
}












/*===== // Emplois du temps =====*/
/*===== // Emplois du temps =====*/

.containeredtlm {
	 font-size : 0.65em !important;
   padding-left:8%;
   padding-right:8%;
}
@media only screen and (max-width: 800px){
.containeredtlm {
	 background: #707070;
	 font-size : 0.65em !important;
   padding-left:0%;
   padding-right:0%;
}
}
 
 input[name="tabs"] {
	 display: none;
}
 input[name="tabs"]#tab-1_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(1) {
	 display: inline-block;
	 

}
 input[name="tabs"]#tab-1_edt_lm:checked ~ .tabs_edtlm label:nth-child(1) {
	 color: #242b36;
   
}
 input[name="tabs"]#tab-1_edt_lm:checked ~ .tabs_edtlm label:nth-child(1):after {
	 width: calc(100% - 40px);
	transition: 0.3s;
}

 input[name="tabs"]#tab-2_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(2) {
	 display: inline-block;

}
 input[name="tabs"]#tab-2_edt_lm:checked ~ .tabs_edtlm label:nth-child(2) {
	 color: #242b36;
}
 input[name="tabs"]#tab-2_edt_lm:checked ~ .tabs_edtlm label:nth-child(2):after {
	 width: calc(100% - 40px);
	 transition: 0.3s;
}
 input[name="tabs"]#tab-3_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(3) {
	 display: inline-block;

}
 input[name="tabs"]#tab-3_edt_lm:checked ~ .tabs_edtlm label:nth-child(3) {
	 color: #242b36;
}
 input[name="tabs"]#tab-3_edt_lm:checked ~ .tabs_edtlm label:nth-child(3):after {
	 width: calc(100% - 40px);
	 transition: 0.3s;
}
 input[name="tabs"]#tab-4_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(4) {
	 display: inline-block;
}
 input[name="tabs"]#tab-4_edt_lm:checked ~ .tabs_edtlm label:nth-child(4) {
	 color: #242b36;
}
 input[name="tabs"]#tab-4_edt_lm:checked ~ .tabs_edtlm label:nth-child(4):after {
	 width: calc(100% - 40px);
	 transition: 0.3s;
}
 input[name="tabs"]#tab-5_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(5) {
	 display: inline-block;

}
 input[name="tabs"]#tab-5_edt_lm:checked ~ .tabs_edtlm label:nth-child(5) {
	 color: #242b36;
}
 input[name="tabs"]#tab-5_edt_lm:checked ~ .tabs_edtlm label:nth-child(5):after {
	 width: calc(100% - 40px);
	 transition: 0.3s;
}
 input[name="tabs"]#tab-6_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(6) {
	 display: inline-block;
    margin: 20px;
}
 input[name="tabs"]#tab-6_edt_lm:checked ~ .tabs_edtlm label:nth-child(6) {
	 color: #242b36;
}
 input[name="tabs"]#tab-6_edt_lm:checked ~ .tabs_edtlm label:nth-child(6):after {
	 width: calc(100% - 40px);
	 transition: 0.3s;
}
 input[name="tabs"]#tab-7_edt_lm:checked ~ .content_edtlm .tab_edtlm:nth-of-type(7) {
	 display: inline-block;
}
 input[name="tabs"]#tab-7_edt_lm:checked ~ .tabs_edtlm label:nth-child(7) {
	 color: #242b36;
}
 input[name="tabs"]#tab-7_edt_lm:checked ~ .tabs_edtlm label:nth-child(7):after {
	 width: calc(100% - 40px);
	 transition: 0.3s;
}

@media only screen and (max-width: 800px){
  input[name="tabs"]#tab-1_edt_lm:checked ~ .tabs_edtlm label:nth-child(1):after {
   width: calc(46% - 40px);
  }
   input[name="tabs"]#tab-2_edt_lm:checked ~ .tabs_edtlm label:nth-child(2):after {
   width: calc(50% - 40px);
  }
  
   input[name="tabs"]#tab-3_edt_lm:checked ~ .tabs_edtlm label:nth-child(3):after {
   width: calc(50% - 40px);
  }
  
   input[name="tabs"]#tab-4_edt_lm:checked ~ .tabs_edtlm label:nth-child(4):after {
   width: calc(50% - 40px);
  }
}


 .tabs_edtlm {
	 overflow-X: hidden;
	 overflow-Y: hidden;
	 -webkit-overflow-scrolling: touch;
	 position: relative;
	 white-space: nowrap;
	 padding-bottom: 2px;
	 width:100%;
}
@media only screen and (max-width: 800px) {
  .tabs_edtlm {
    font-size:10pt;
    display:flex;
    flex-direction:column;
    text-align:center;
  }
}

 .tabs_edtlm label {
	 display: inline-block;
	 padding: 0px 18px 0px 18px;
	 position: relative;
	 color: #bbc3d1;
	 font-weight:560;
	 font-size: 1.2em;
	 letter-spacing: 1.5px;
	 cursor: pointer;
}
 .tabs_edtlm label:after {
	 content: '';
	 background: #d22c3f;
	 width: 0;
	 height: 4px;
	 position: absolute;
	 bottom: -3px;
	 left: 50%;
	 transform: translateX(-50%);
	 transition: 0.1s;

}
 .containeredtlm {
	 background: #fff;
	 width: 100%;
	 border-radius: 3px;
	 overflow: hidden;
}
 .containeredtlm .tab_edtlm {
	 display: none;
	 padding: 0;
	 margin: 20px;
}
 
.tab_edtlm {
    width: 100%;
}

table.edt_lm  {
	
	 width: 92%;
	 border-spacing: 0;
	 border-collapse: separate;
	 table-layout: fixed;
	 margin-bottom: 50px;
	 border: 0px solid white;
}
table.edt_lm td
{
  border-radius: 5px;
  padding : 0;
}
 table.edt_lm thead tr th {
	 background: white;
	 color: black;
	 padding: 0.8em;
	 overflow: hidden;
	 text-align: center;
	 border: 0px solid white;
	 
}
 table.edt_lm thead tr th:first-child {
	 border-radius: 3px 0 0 0;
}
 table.edt_lm thead tr th:last-child {
	 border-radius: 0 3px 0 0;
}
 table.edt_lm thead tr th .day {
	 display: block;
	 font-size: 1.2em;
	 border-radius: 50%;
	 width: 30px;
	 height: 30px;
	 margin: 0 auto 5px;
	 padding: 0px;
	 line-height: 1.8;
}

table.edt_lm .period {
  font-size : 1em;
  color : #dedede;
  font-weight:normal;
}

 table.edt_lm thead tr th .short {
	 display: none;
}
 table.edt_lm thead tr th i {
	 vertical-align: middle;
	 font-size: 1em !important;
}
 table.edt_lm tbody tr {
	 background: #d1d5db;
}
 table.edt_lm tbody tr:nth-child(odd) {
	 background: #c8cdd4;
}
 table.edt_lm tbody tr:nth-child(n+0) td {
	 border-bottom: 2px solid white;
}
 table.edt_lm tbody tr td {
	 text-align: center;
	 vertical-align: middle;
	 border-left: 2px solid white;
	 position: relative;
	 height: 32px;
	 cursor: pointer;
	 line-height: 1.8;
}
 table.edt_lm tbody tr td:last-child {
	 border-right: 2px solid white;
}
 table.edt_lm tbody tr td.hour {
	 font-size: 2em;
	 padding: 0;
	 color: #626E7E;
	 background: #fff;
	 border-bottom: 1px solid #626E7E;
	 border-collapse: separate;
	 min-width: 100px;
	 cursor: default;
}
 table.edt_lm tbody tr td.hour span {
	 display: block;
}
 @media (max-width: 60em) 

 {
	 table.edt_lm thead tr th .long {
		 display: none;
	}
	 table.edt_lm thead tr th .short {
		 display: block;
	}
	 table.edt_lm tbody tr td.hour span {
		 transform: rotate(270deg);
		 -webkit-transform: rotate(270deg);
		 -moz-transform: rotate(270deg);
	}
}

@media (max-width: 27em) {
	 table.edt_lm thead tr th {
		 font-size: 90%;
	}
	 table.edt_lm thead tr th .day {
		 display: block;
		 font-size: 1.2em;
		 border-radius: 50%;
		 width: 20px;
		 height: 20px;
		 margin: 0 auto 5px;
		 padding: 0px;
	}
	 table.edt_lm thead tr th .day.active {
		 background: #d1d5db;
		 color: #626E7E;
	}
	 table.edt_lm tbody tr td.hour {
		 font-size: 1.7em;
	}
	 
	table.edt_lm tr td {
		 font-size: 0.8em;
	}
	
	 .tabs_edtlm label {
		 font-size: 1em;
		 margin: 2% 0%;
	 }
	 
	 table.edt_lm tbody tr td.hour span {
		 transform: translateY(16px) rotate(270deg);
		 -webkit-transform: translateY(16px) rotate(270deg);
		 -moz-transform: translateY(16px) rotate(270deg);
	}
}

table.edt_lm td.philo
{
  background-color: #C7639C;
  color: white;
  font-weight: bold;
  padding: 0.6em 0;
}

table.edt_lm td.grando
{
  background-color: #BF2B86;
  color: white;
  font-weight: bold;
  padding: 0.6em 0;
}

table.edt_lm td.geopol
{
  background-color: #f25d2e;
  color: white;
  font-weight: bold;
  padding: 0.6em 0;
}
table.edt_lm td.hg
{
  background-color: #df9450;
  color: white;
  font-weight : bold;
  padding: 0.6em 0;
}

table.edt_lm td.sportetude
{
  background-color: #4F58AB;
  color: white;
  font-weight : bold;
  padding: 0.6em 0;
}

table.edt_lm td.tm
{
  background-color : #BE2A85;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}
table.edt_lm td.geo
{
  background-color : #EF8500;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.maths
{
  background-color : #0073BD;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.oc
{
  background-color : #7a4ea7;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.angre
{
  background-color : #6f6da0;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}


table.edt_lm td.physique
{
  background-color : #DE7181;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.chichi
{
  background-color : #758e33;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}
table.edt_lm td.lv2
{
  background-color : #92a27a;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}
table.edt_lm td.chi
{
  background-color : #c5aa00;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.art
{
  background-color : #EA4F96;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.revisions
{
  background-color : #D97CB0;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.exam
{
  background-color : #DD3257;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.arts
{
  background-color : #EA4F96;
  color : white;
  font-weight : bold;
  padding : 0px 0px;

}

table.edt_lm td.os
{
  background-color : #6C97A3;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.sport
{
  background-color : #b0b029;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}

table.edt_lm td.info
{
  background-color : #00AEAE;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}
table.edt_lm td.sout
{
  background-color : #cc639e;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}


table.edt_lm td.en
{
  background-color: #8D8BB2;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}


table.edt_lm td.francais
{
  background-color : #D17F66;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}
table.edt_lm td.ens
{
  background-color : #62B22F;
  color : white;
  font-weight : bold;
  padding : 0.6em 0;
}
table.edt_lm td.biobio
{
  background-color : #009044;
  color : white;
  font-weight : bold;
  padding : 0.8em 0;
}
tr.pausemidi td
{
  padding : 1em;
}

tr.pausefin td
{
  padding : -0.5em;
}

.edt_subt
{
	font-size : 0.9em;

}



@keyframes fadeinout {
    0% { transform: translate(-210px, 0px); }
    100% { transform: translate(0px, 0px); }
  }
.blockrouge {
    background-color: #b0241a;
    padding: 6px 8px 6px 8px;

    animation: fadeinout 1s linear 1 forwards;
}
@keyframes fadeinout {
    0% { transform: translate(-210px, 0px); }
    100% { transform: translate(0px, 0px); }
  }
.titredesquestions {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
  
}
  /*PAGES FORMATIONS*/
/*PAGE FORMATION - MATURITE*/
.formation-flex {
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
}
.formation-texte {
	width:70%;
	text-align:justify;
}
.formation-texte h1 {
	font-size:18pt;
	color : #B71718;
	text-align:left;
}


#page-wrap h3 {
	color: #B71718;
}
h1 {
  padding: 20px 0 10px;
  clear: both;
}
.box {

  height: 720px;
  padding: 10px;
  float: left;
  margin: 0 20px 0 0;
}

.box-two {
  overflow: auto;
}




/**/

.timeline-container {
  width: 100%;
  padding: 0px 0px;

  position: relative;
	z-index:20;
  overflow: hidden;
}
.timeline-block {
  width: calc(70% + 8px);
  display: flex;
  justify-content: space-between;
  clear: both;

  &-right {
    float: right;
    text-align: left;
  }
}
.timeline-content p {
	text-align:justify;
}

.marker {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #B71718;
  background: #B71718;
  margin-top: 10px;
  z-index: 2;
	position:absolute;
}

.timeline-content {
  width: 95%;
	padding: 0 15px;}

@media screen and (max-width: 768px) {
  .timeline-container::before {
    left: 8px;
    width: 2px;
  }
  .timeline-block {
    width: 100%;
  margin-bottom:0px!important;
    text-align: left;
  }
  .timeline-block-right {
    float: none;
  }
}
  










.panel h2, .panel h3 {
	color: #B71718;
}
.panel h2 {
	font-size: 20pt;
}
.panel h3 {
	font-size:12pt;
	padding-bottom: 20px;
}

.warpper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0% 5% 0% 5%;
}
.tabs {
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
  font-weight:600;
}


.tab {
	width:100%;
	height:50px;
  cursor: pointer;
  padding: 0px 15px;
display:flex;
flex-direction:row;
align-items:center;
  background: #CDD0D9;
justify-content:center;
  color: #000;
	text-align:center;
  
}
#five-tab{
	color: white;
	background-color:#B71718 ;
	border: 3px solid #E1CDCC;
	width:180px;
		height:70px;
	padding:4px 9px 9px 9px;
	
}
#five-tab a {
	color: white;
	text-decoration:none;
}

.panels {
  background: #FBFDFD;

  min-height: 200px;
  width: 100%;

  border-radius: 3px;
  overflow: hidden;
  padding: 20px;
}

.panel {
  display: none;
  animation: fadein 0.8s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.panel-title {
  font-size: 1.5em;
  font-weight: bold;
}


/*-----------barre pourcentage-
 */
.panel .barre {

  border-collapse: separate;
 border: 3px solid #FBFDFD;
	display:flex;
}
.panel .barre tbody tr td {
	width:400px;
	font-weight:600;
}
.panel .barre .pourcent {
  width: 250px;
 border: 1px solid #FBFDFD;
}
.panel .barre tr {
 border: 3px solid #FBFDFD;
}
.panel .barre td {
  color: #5B5C61;
   padding: 5px;
 border: 1px solid #FBFDFD;

}

.panel .barre .meter { 

    height: 20px;
    width: 250px;
    background: #F4F5FB;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 768px) {
	.barre .meter {
		 width: 150px;
	}
	
}
.meter span {
    display: block;
    height: 100%;
}

.progress {
    background-color: #991E05;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 2s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 5%; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0%; }
  100% { width: 100%; }
}


.formations_icones {
	display:flex;
	flex-direction:row;
align-items:center;
	justify-content:stretch;
	align-content : stretch;
	flex-wrap:wrap;
	font-size:11pt;
	width:100%;
	padding:0%;
	padding-top:4%;
	}



@media only screen and (max-width: 790px) {
  .barre tr, .barre td {
    font-size: 0.8em;
  }
	.formations_icones {
	display:flex;
	flex-direction:row;
align-items:center;
	justify-content:center;
	align-content : center;
	flex-wrap:wrap;
	font-size:11pt;
	width:100%;
	padding-top:5%;
	
}
	
}



.formations_icones div {
display: flex
;
    flex-direction: column;
    align-items: center;
    margin: 0%;
    width: 25%;
	height:250px;

	
}

/*.formations_icones div a {
	height:99px;
}*/



    #diamond {
     width: 0;
    height: 0;
    border: 62px solid transparent;
    border-bottom-color: #ffeeee;
    position: relative;
    top: -199px;
    z-index: -1;
    }
    #diamond:after {
         content: '';
    position: absolute;
    left: -63px;
    top: 62px;
    width: 0;
    height: 0;
    border: 62px solid transparent;
    border-top-color: #ffeeee;
    }



@media only screen and (max-width: 790px) {
	
.formations_icones div {
	display: flex;
flex-direction: column;
  justify-content: end;
  align-content: center;
  padding: 0%;
  width: 121px;
 	flex-wrap: wrap;
}
	
	
}
.formations_icones img {
    width: 32%;
    text-align: center;
    /* padding: 3%; */
    padding-bottom: 0%;
    height: auto;
}

.formations_icones a {
	display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0%;
height:80px;
}
.formations_icones p {
text-align: center;
    font-size: 14pt;
    font-weight: 600;
    /* padding-top: 2%; */
    color: #404040;
    margin-bottom: 5%;
	 text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
               1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
 
}

.tarifs {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	padding:0px 5px;
	gap:20px;
	
}
@media only screen and (max-width: 600px) {
	.tarifs {
		gap:2px;
	}
}


.tarifs h3 {
	width:200px;
}
.formations-price{
	font-size:14pt;
	color: #B71718;
	width:150px;
	border-bottom: 2px solid #B71718;
	padding: 20px ;

	text-align:center;
}

.button-matu{
		margin:10px;
    background-color: #BA1718;
    padding: 10px 20px 10px 20px;
    border: 5px solid #D87664;
    border-radius: 4%;
	font-size:10pt;
    color: white;
    font-weight: 600;
    box-shadow: #D87664 0px 3px 8px;
  }

  .button-matu:hover {
    background-color: white;
    border: 5px solid #D87664;
    color: #BA1718;
  }
.button-bac{
    background-color: #007AB5;
    padding: 10px 20px 10px 20px;
    border: 5px solid #CEE4F3;
    border-radius: 4%;
    color: white;
    font-weight: 600;
    box-shadow: #CEE4F3 0px 3px 8px;
		margin:10px;
  }

  .button-bac:hover {
    background-color: white;
    border: 5px solid #CEE4F3;
    color: #007AB5;
  }

.button-level{
    background-color: #00A1B7;
    padding: 10px 20px 10px 20px;
    border: 5px solid #C3DFE5;
    border-radius: 4%;
    color: white;
    font-weight: 600;
    box-shadow: #C3DFE5 0px 3px 8px;
	margin:10px;
  }

  .button-level:hover {
    background-color: white;
    border: 5px solid #C3DFE5;
    color: #00A1B7;
  }

.button-flex {
	display:flex;
	flex-direction:row;
	
}
#four-panel h2{
  font-size:14pt!important;
} 
#five-tab:hover {
  background-color:white;
  border:3px solid #B71718;
  color:#B71718;
}
#five-tab a:hover {
    color:#B71718;
}


/*FORMATION BACCALAUREAT */
  
.formation-texte-2 {
	width:70%;
	text-align:left;
}

.formation-texte-2 h1 {
	font-size:16pt;
	color : #007AB5;
}

#page-wrap-2 {

  margin: 0 auto;
	
}
#page-wrap-2 h3 {
	color: #007AB5;
}



/**/



.marker-2 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #007AB5;
  background: #007AB5;
  margin-top: 10px;
  z-index: 2;
	position:absolute;
}










.panel-2 h2, .panel-2 h3 {
	color: #007AB5;
}
.panel-2 h2 {
	font-size: 20pt;
}
.panel-2 h3 {
	font-size:16pt;
	padding-bottom:20px;
}



#five-tab-2{
	color: white;
	background-color:#007AB5 ;
	border: 3px solid #CEE4F3;
	width:180px;
		height:70px;
	padding:4px 9px 9px 9px;
	
}
#five-tab-2 a {
	color: white;
	text-decoration:none;
}



.panel-2 {
  display: none;
  animation: fadein 0.8s;
}




#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#four:checked ~ .panels #four-panel,
#three:checked ~ .panels #three-panel {
  display: block;
}

#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#four:checked ~ .tabs #four-tab,
#three:checked ~ .tabs #three-tab {
  background: #7E8292;
  color: #FFF;
  font-weight:600;

	
}


/*-----------barre pourcentage-
 */
.panel-2 .barre {

  border-collapse: separate;
 border: 3px solid #FBFDFD;
	display:flex;
}
.panel-2 .barre tbody tr td {
	width:400px;
	font-weight:600;
}
.panel-2 .barre .pourcent {
  width: 250px;
 border: 1px solid #FBFDFD;
}
.panel-2 .barre tr {
 border: 3px solid #FBFDFD;
}
.panel-2 .barre td {
  color: #5B5C61;
   padding: 5px;
 border: 1px solid #FBFDFD;

}

.panel-2 .barre .meter { 

    height: 20px;
    width: 250px;
    background: #F4F5FB;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.meter span {
    display: block;
    height: 100%;
}

.progress-2 {
    background-color: #4A7CBD;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 2s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 5%; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0%; }
  100% { width: 100%; }
}

@media only screen and (max-width: 790px) {
  .barre tr, .barre td {
    font-size: 0.8em;
  }
}

.formations-price-2{
		
	font-size:14pt;
	color: #4A7CBD;
	width:150px;
	border-bottom: 2px solid #4A7CBD;
	padding: 20px ;

	text-align:center;
}


#four-panel h2{
  font-size:14pt!important;
} 
#five-tab-2:hover {
  background-color:white;
  border:3px solid #CEE4F3;
  color:#007AB5;
}
#five-tab-2 a:hover {
    color:#007AB5;
}


/*FORMATION A LEVELS */
  


#page-wrap-3 {

  margin: 0 auto;
	
}
#page-wrap-3 h3 {
	color: #00A1B7;
}



/**/



.marker-3 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #00A1B7;
  background: #00A1B7;
  margin-top: 10px;
  z-index: 2;
	position:absolute;
}

.timeline-content {
  width: 95%;
	padding: 0 15px;}

  




#five-tab-3{
	color: white;
	background-color:#00A1B7;
	border: 3px solid #C3DFE5;
	width:180px;
		height:70px;
	padding:4px 9px 9px 9px;
	
}
#five-tab-3 a {
	color: white;
	text-decoration:none;
}




/*-----------barre pourcentage-
 */
.panel-3 .barre {

  border-collapse: separate;
 border: 3px solid #FBFDFD;
	display:flex;
}
.panel-3 .barre tbody tr td {
	width:400px;
	font-weight:600;
}
.panel-3 .barre .pourcent {
  width: 250px;
 border: 1px solid #FBFDFD;
}
.panel-3 .barre tr {
 border: 3px solid #FBFDFD;
}
.panel-3 .barre td {
  color: #00A1B7;
   padding: 5px;
 border: 1px solid #FBFDFD;

}

.panel-3 .barre .meter { 

    height: 20px;
    width: 250px;
    background: #F4F5FB;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.meter span {
    display: block;
    height: 100%;
}

.progress-3 {
    background-color: #00A1B7;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 2s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 5%; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0%; }
  100% { width: 100%; }
}

@media only screen and (max-width: 790px) {
  .barre tr, .barre td {
    font-size: 0.8em;
  }
}

.formations-price-3{
	font-size:14pt;
	color:white;
	background-color: #00A1B7;
	width:300px;
	padding: 20px 30px;
	border-radius:15px;
	text-align:center;
}


#four-panel h2{
  font-size:14pt!important;
} 
#five-tab-3:hover {
  background-color:white;
  border:3px solid #C3DFE5;
  color:#00A1B7;
}
#five-tab-3 a:hover {
    color:#00A1B7;
}
.turquoise {
  color: #00A1B7!important;
}


.rouge {
  color: #B71718!important;
  height:40px;
}


/*INSCRIPTION*/

#nf-form-title-7 {
  display:flex;
  flex-direction:row;
  justify-content: center;
  text-align:center;
  margin-top:20px;
}





}


/*PAGE MATU CHRONOLOGIE
 * 
 * 
 * 
 *  /*chronologie*/
.inscription_grid {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  }  
.inscription_grid a {

  color: #b42219;
  font-weight: bolder;
  font-size: 20px;
  background-color: white;
  border: 5px solid #b42219;
  padding: 10px;
  border-radius: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 60px;
  text-decoration: none;
}
.inscription_grid a:hover {
  color: white;
   background-color: #b42219;

}

  /* partie de gauche du display grid */
 
 
 
  

  
  /* modification du stage red */
 
  /* ronds pour les partiels */
  
 
  
  /* modification du stage blue */
 
  
  
  /* modification du stage blue */
 
  
  .maturite_grid h1, .maturite_grid h2 {
    text-decoration : none !important;
  }
  
  .maturite_grid h1{
    margin-block : 3px ;
  }
  
 .maturite_grid h2 {
 margin-block : 15px ;
  }
 .info_sefri {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: column;
 }
 .bouton_sefri {
 border-radius: 4%;
 border: #4F5456 1px solid;
 padding: 6px;
 color: #4F5456;
	 background-color: white;
 margin: 10px;
 position: relative;
	 
 
 }
 .bouton_sefri:hover {
border: #4F5456 4px solid;
 padding: 6px;
background-color: #4F5456;
     color: white;
 }

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

	
	.maturite_grid {
		grid-template-rows: 60px 60px 120px 60px 120px 60px 120px 120px 60px 60px 60px;
	}
	.maturite_grid h2 {
		margin-block:20px;
		justify-content:center;
		Font-size:0.8em;
		width:90px;
	}
	
	.inscription_grid {
		position:relative;
		top:30px;
	}
	.red_title, .grey_title, .blue_title{
		font-size:1em;
		margin-left:10px;
		position:relative;
		bottom:10px;
	}
}
#red-title {
	color: white;
	position:absolute;
	top: 3em;
	left:3em;
	font-size:45px!important;
}
.container-title {
 width:100%;
	height:300px;
	background-image:url(https://lemanmaturite.ch/wp-content/uploads/2023/11/03112023-WhatsApp-Image-2023-11-03-at-13.46.17-1-3-copie.png);
	background-size: cover;
 background-repeat: no-repeat;
  background-position: 30% 32%;
}


@media only screen and (max-width: 600px) { 
	#red-title {
		position:absolute;
		top:0em;
		left:1em;
		font-size:1.9em!important;
		
	}
	.container-title {
		width:100%;
		height:100px;
	}

}

/* TEST CIRCLE */
.flex-wrapper {
  display: flex;
  flex-flow: row wrap;
}

#single-chart, .single-chart {
  width: 30%;
  justify-content: space-around ;
   margin-left: auto;
   margin-right: auto;
}

@media only screen and (max-width: 768px) {
 
#single-chart, .single-chart {
  width: 50%;
  justify-content: space-around ;
   margin-left: auto;
   margin-right: auto;
}
	.coefficients {
		
	}
}
.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.green .circle {
  stroke: #4499b0;
}

.circular-chart.blue .circle {
  stroke: #2a2c2f;
}

.blue-2 {
    color: #4A7CBD;
    display: flex;
    flex-wrap: nowrap;
    	margin-top : 30px;
	width:auto;
}
.blu-2 ul {
  margin: 20px;
	 color: grey;
 
}


.blue {
    color: grey;
    display: flex;
    flex-wrap: nowrap;
    	margin-top : 30px;
	width:50%;
}
.blue ul {
  margin: 20px;
	 color: grey;
 
}
.green {
    color: #4499b0;
 display: flex;
    flex-wrap: nowrap;
	margin-top : 30px;
	width:50%;
    
}
.green ul {
  margin: 20px;

}

@media only screen and (max-width: 768px) {
	.green {
		flex-wrap:wrap;
		width: 100%;
		margin-top:0px;
	}
	.blue {
		flex-wrap:wrap;
		width: 100%;
margin-top:0px;
	}
}
.percentage {
  fill: #666;

  font-size: 0.35em;
  text-anchor: middle;
}
.flex-wrapper ul {
    margin-left: auto;
   margin-right: auto;
  list-style-type: none;

	font-weight: bold;
}
.flex-wrapper ul li {

	margin-top: 15px;

}

.anneescolaire {
  display:flex;
  justify-content: center;
  margin-top: 100px;
}
.anneescolaire a{
text-decoration:none;
color: white;
font-size: 1.4em;
margin: 20px;
padding: 20px 30px 20px 30px;
border-radius: 5%;
}

.grey {
  background-color: grey;
font-size: 1.3em;
}
.blue-year {
    background-color: #2a2c2f;
    font-size: 1.3em;
}
.green-year {
    background-color: #4499b0;
    font-size: 1.3em;
}
.coefficients {
  display: flex;
	width:100%;
  flex-wrap : wrap;
 
	justify-content: space-between;
}

/*TEST DE LA SIDEBAR*/

/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 200px;
	position:absolute;
	top:0;
	left:0;

  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}
footer {
	z-index: 1;
}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: green;
  color: white;
	display:block;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;

}
.main {
	z-index:-3
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.swiper-slide{
	display:block;
}





 #calendrier-tab-1,  #calendrier-tab-2 {
     display: none;
   }
   .les-calendriers .calendrier{
     display:none;
   }
   
    
 #calendrier-tab-1:checked ~ .les-calendriers .calendrier:nth-of-type(1) {
	 display: inline-block;

}

   
    
 #calendrier-tab-2:checked ~ .les-calendriers .calendrier:nth-of-type(2) {
	 display: inline-block;

}


.titredesquestions h1{
	color: black;
}



#calendrier-tab-1:checked ~ .les-calendriers label[for="calendrier-tab-1"] {
    color: #ad1718;
}
#calendrier-tab-2:checked ~ .les-calendriers label[for="calendrier-tab-2"] {
    color: #ad1718;
}


.les-calendriers {
	display: flex;
	flex-direction : row;
	justify-content: space-around;
	align-items:center;
}

	.moisgrand {
		height: 330px!important;

	}
.moisgrand h3 {
	margin-bottom:5px;
}

.promo-sport {
	display: flex;
flex-wrap: nowrap;
border: 2px solid #E3E3E3;
	
	padding: 20px 10% 0px 10%;
	margin:0px;
	width:100%;
}
.intro-sport {
	display: flex;
flex-wrap: wrap;
	width:2600px;
	 line-height : 30pt;
		margin:0px;

}

.intro-sport b {
	color: #4A7DBF;
}

.images-sport {
	display: flex;
flex-wrap : wrap;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	width: 100em;
		margin:0px;
	padding-bottom: 30px;
}

.ast-container, .ast-container-fluid {
	padding : 0px;
}
.flex {
	display: flex;
	justify-content: center;
}
.tridesquestions tbody tr td {
	padding: 0px; 
}

.center-block2 input[type=text] {
	border-radius : 30px;
	background-color:#F8FAFB;
border: 2px solid #B3B2B2;
	width: 70%;
	margin: 0% 14.5% 3em 14.5%;
}

/* STYLE DE LA MAP page activités*/

/* FIN STYLE DE LA MAP page activités*/
.ast-plain-container.ast-no-sidebar #primary {
	margin-top:0px!important;
}
.flex h1 b {
	color: #4A7DBF;
}
.flex h1 {
		font-size: 20pt;
}
.promo-sport .intro-sport h1 {
	color: white;
	background-color: #4A7DBF;
	padding:0.5%;
	margin:0px;

	height: 10%;
}


@media only screen and (max-width: 600px) { 
	.promo-sport {
		flex-wrap: wrap;
	}
	.images-sport {
		padding-bottom : 0px;
	}
 .tridesquestions {
  
        margin-left: 5%;
        margin-right: 5%;
        width:90%;
			
    }
	
}

table.tridesquestions p {
	margin: 0px;
}





/* PAGE PROGRAMMES */



/* mobile */



/* Fin mobile */

	
	.matiere-pro {
		width: 100%;
		height: auto;
	}
	.matiere-pro h3 {
		width: 45%;
	}
	.programme-annuel {
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
}
.entry-header, .ast-no-thumbnail {
	margin : 0px!important;
	height: 10px;
}


/* PROGRAMME 4 */



/*MATU PROGRAMMES ------------*/

/* Maths */
#math-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#math-content:target {
    display: block;
}



/* français */
#french-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#french-content:target {
    display: block;
}

/* Anglais */
#english-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#english-content:target {
    display: block;
}


/* allemand */
#deutsch-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#deutsch-content:target {
    display: block;
}


/* Italien */
#italian-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#italian-content:target {
    display: block;
}

/* physique */
#physique-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#physique-content:target {
    display: block;
}

/* chimie */
#chimie-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#chimie-content:target {
    display: block;
}

/* geo */
#geo-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#geo-content:target {
    display: block;
}

/* biologie */
#biologie-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#biologie-content:target {
    display: block;
}

/* histoire */
#history-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#history-content:target {
    display: block;
}

/* arts */
#arts-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#arts-content:target {
    display: block;
}

/* osbiochimie */
#osbiochimie-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#osbiochimie-content:target {
    display: block;
}

/* osmathsphy */
#osmathsphysique-content:target {
	  display: block; /* Caché par défaut */
}
/* osmathsphy */
#osmathsphysique-content {
	  display: none; /* Caché par défaut */
}
/* osecodroit */
#osecodroit-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#osecodroit-content:target {
    display: block;
}

/* osrusse */
#osrusse-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#osrusse-content:target {
    display: block;
}

/* ocphilo */
#ocphilo-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#ocphilo-content:target {
    display: block;
}

/* ocmaths */
#ocmaths-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#ocmaths-content:target {
    display: block;
}

/* ocgeo */
#ocgeo-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#ocgeo-content:target {
    display: block;
}

/* Philo */
#philo-content {
    display: none; /* Caché par défaut */
}

/* Afficher le contenu lorsque l'ancrage correspondant est ciblé */
#philo-content:target {
    display: block;
}



/* PAGE INTERNAT PARTENARIAT */
#chantemerle-title {
	
	font-size:20pt!important;

	display: flex;
	flex-direction: row;
	justify-content:center;
}

.chantemerle-display {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 4% 0%;
	
}

.chantemerle-display div {
	width: 50%;
	padding-left: 5%;

}
.chantemerle-display div.ch_image-1 img{
	width:900px;
	padding: 5% 20% 2% 0%; 
}
.chantemerle-display div.ch_droite {
	margin-right: 8%;
	text-align: justify;
	
}
.chantemerle-display div.ch_gauche {

	margin-left: 0%;
	text-align: justify;
}
.chantemerle-display div.ch_image-2 img{
	width:450px;
	padding: 0% 20% 0% 20%; 
}
.chantemerle-display-button {

display: flex;
	justify-content: center;
	padding: 2% 0%;
}


@media only screen and (max-width: 600px) {
	
	
	
.chantemerle-display div {
	width: 100%;
	padding: 0px;
}
	.display-reverse {
		display: flex;
		flex-direction: column-reverse;

	}
	.chantemerle-display {
		flex-wrap: wrap;
		
	}
	.chantemerle-display div.ch_image-1 img{
	width:900px;
	padding: 2% 0%;
		margin-bottom: 4%;
object-fit: cover;
		height: 200px;
}
	.chantemerle-display div.ch_droite {
		padding-left: 8%;
		padding-right: 8%;
		text-align:justify;
	}
	.chantemerle-display div.ch_image-2 img{
	width:400px;
	padding: 0% 25% 0% 25%; 
}
	.chantemerle-display div.ch_gauche {
		margin-left: 8%;
		margin-right: 8%;
	}
}


/* Certification */
.ast-narrow-container .site-content > .ast-container {
	max-width: 100%!important;
}
.ast-narrow-container .site-content > .ast-container {
	max-width: 100%!important;
}

#primary {
	margin: 0%;
}


.certif_flex {
	display: flex;
	flex-direction:row;
	padding: 4% 10% 0% 10%;
	width: 100%;
	
}

.certif_flex div{
	width:100%;
}
.logo-certif {
	width: 350px;
	position: relative;
	bottom: 20px;

}

.certif_p_unique {
	width:80%;
	display: flex;
	align-items:center;
	padding-right:5%;
	text-align:justify;
}
.certif-flex-2 {
	width: 80%!important;
	display: flex;
	flex-wrap: wrap;
	padding-bottom:10px;
	justify-content: space-around;
	font-weight: 700;
}
.certif-flex-3 {
	display: flex;
	justify-content: center;
	flex-direction : column;
	align-items:left;
	width:100%!important;

}
.photo-certif {
	width:100%;
	bottom:0%;
}
.photo-certif img {
	width:100%;
	bottom:0%;
}
.certif-flex-3 img {

}

@media only screen and (max-width: 600px) {
	
	.certif_flex {
		display: flex;
		flex-direction: column;
		
	}
	.certif_flex div {
		width:100%;
		text-align:justify;
	}
	.certif_p_unique {
	width:100%;
	
	}

	.photo-certif {
		display: flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
	}
}



/* Statistique */


.js-marquee {
margin-right: 0px!important;
}

.statistiqueactuelle {
       width: 100%;
    height: 100px;
    background-color: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 9;
    position: relative;
    opacity: 80%;
    color: #1c2658!important;
    border-top: 2px solid lightgrey;
	font-weight:600;
}

.pourcenage_text {
padding: 0% 2%;
}
}
.statistiqueactuelle  .pourcentage {
    font-size: 90pt;

    display: flex;
    justify-content: center;
    align-items: center;
    
	 color: #ad1718;
	font-weight:100;
}
#rectangle_bleu {
    width: 5px;
    height: 30px;
    background-color: #1D346A;
    margin-right: 0%;

}
.statistiqueactuelle .pourcenage_text {
    width: 33%;
    height: 40px;
		font-size:12pt;
    position: relative;
    right: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.statistiqueactuelle .block_prenoms {
display: flex;
flex-direction: row;
align-items:center;
padding-right: 2%;
	padding-left:0%;
	font-size: 12pt;
}
.stat-shortcode {
		width: 500px;
	font-weight:bolder;
	}

.block_prenoms div div p {
	margin-left:1%;
}




@media only screen and (max-width: 800px) {
    .statistiqueactuelle {
        width: 100%;
        height: 110px;
        position: static;
			display:flex;
			flex-direction:row;
			flex-wrap:nowrap;
	
			
			
			
    }
    .statistiqueactuelle  .pourcentage {
        padding: 0% 0% 0% 0%;
			
    }
	
	.statistiqueactuelle .pourcenage_text {
		margin: 0px;
		position:static;
		width: 100%;
		padding: 0%;
		height: auto;
				
	}
	.block_prenoms {
	padding: 0% 0%;	
		display:flex;
		flex-direction: row;
		width:60%
		
	}
	.marquee-hsas-shortcode-49 {
		padding: 0%;
	}
    .accueil_block2 {
height: 1100px }
}

.marquee-hsas-shortcode-73, .marquee-hsas-shortcode-36 {
  }



}
/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 601px) and (max-width: 1254px) { 

	
	
	.stat-shortcode {
		width: 100%;
		bottom : 5%;
		position: relative;
	}
	
	
	.statistiqueactuelle {
    width: 100%;

		flex-direction: row;
		display: flex;
}
	.statistiqueactuelle .pourcentage {
    font-size: 70pt;
    margin-bottom: 0px;
    width: 29%;
    height: 100px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 3% 2% 0% 0%;
}
	.statistiqueactuelle .pourcenage_text {
    margin: 3% 0px 0% 0%;
    position: static;
    width: 30%;
    padding: 0% 0%;
}
	
}


@media only screen and (max-width: 600px) { 
	.stat-shortcode {
		width: 79%;
		bottom: 0px;
		position: relative;
	}
	
	#rectangle_bleu {
		margin-right: 0%;
	}
	.statistiqueactuelle {
    width: 100%;
    height: 200px;
		flex-direction: row;
		display: flex;
		flex-direction: column;
}
	.statistiqueactuelle .pourcentage {
    font-size: 70pt;
    margin-bottom: 0px;
    width: 0%;
    height: 100px;
    display: flex;
		flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 0% 0% 0%;
}
	.statistiqueactuelle .pourcenage_text {
    margin: 5% 0px 0% 0%;
    position: static;
    width: 50%;
    padding: 0% 0%;
}
	.statistiqueactuelle .pourcentage {
		width: 15%;
		height: 70px;
	}
	
	.statistiqueactuelle .pourcenage_text {
		width: 100%;
		padding: 0% 12%;
	}
}

/* Projet établissement */






	/*Débouchés*/

		
		
  
    .debouches-icones div a p img {

    height:50px;
  }
 
.icone-debouches-img {
	 height:95px!important;
}
.icone-debouches-flex {
	height: 200px;
}
  
  
      #diamond {
     width: 0;
    height: 0;
    border: 62px solid transparent;
    border-bottom-color: #ffeeee;
    position: relative;
    top: -171px;
    z-index: -1;
    }
    #diamond:after {
         content: '';
    position: absolute;
    left: -63px;
    top: 62px;
    width: 0;
    height: 0;
    border: 62px solid transparent;
    border-top-color: #ffeeee;
    }
    
    
  .debouches-icones {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:center;
		margin-top:12%;
  }
  .debouches-icones div {
    width: 32.5%;
    height: 141px;
    display: flex
;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin: 0.4%;
    text-align: center;
  }
  .debouches-icones div a p {
text-align: center;
    font-size: 14pt;
    font-weight: 600;
    /* padding-top: 2%; */
    color: #404040;
    margin-bottom: -4%;
	 text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
               1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
		z-index:2;
		position:relative;
    
  }
    .debouches-icones div a {
text-decoration:none;
}
  
  
@media only screen and (max-width: 790px) {
    .debouches-icones {
display:flex;
flex-direction:column;
			width:100%;
			margin-top:82px;
}
    .debouches-icones div {
width:80%;
height:157px;
}
   .debouches-icones div a p img {

    height:60px;
  }
		.debouches-icones-2 { flex-direction:row; }
	
.debouches-icones-2 .iconesdebouches-2{ width:32%!important;
	
	}
	
}


.pourcent-icone-debouch {
	font-size:18pt!important;
}





































/* Page débouchés */
.debouches-pie-chart {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#my-pie-chart-container {
  display: flex;
  align-items: center;
}

#my-pie-chart {
  background: conic-gradient(#7E8292 6.7%, #CDD0D9 6.7% 13.4%, #6480b0 13.4% 33.4%, #003e7e 33.4% 40.1%, #4499b0 40.1% 46.7%, #bf5f47 46.7% 53.4%, #b71718 53.4% 80.2%, #2a2c2f 80.2%);
  border-radius: 50%;
    width: 300px;
    height: 300px;
	margin: 5% 0%;
	margin-top: 300px;
  margin-left: 50px;
   
}
.margintitle {
	margin-left:0px;
	margin-top: 8%;
}

#legenda {
  margin-left: 20px;
  padding: 5px;
	font-size: 12pt;
}

.entry {
  display: flex;
  align-items: center;
}

.entry-color {
    height: 10px;
    width: 10px;
}

.entry-text {
  margin-left: 5px;
}

#color-crea {
  background-color: #B71718;
}

#color-iuliu {
  background-color: #bf5f47;
}

#color-unige {
  background-color: #4499b0;
}

#color-unine {
  background-color: #003e7e;
}

#color-hec {
  background-color:  #6480b0 ;
}

#color-ehl {
  background-color: #CDD0D9;
}

#color-unifr {
  background-color: #7E8292;
}
#color-hep {
  background-color: #2a2c2f;
}
#color-dark-grey {
  background-color: #1D5BE0;
}
.entry-text a{
	color: black;
}
.entry-text a:hover {
	color: #B71718;
}
p.block-blanc_text_Mobile {
    position: relative;
	bottom:0px;
	font-size: 11.5pt;

}

@media only screen and (max-width: 600px) {
	#my-pie-chart-container {
flex-direction: column;
		}
	
	

	
	#my-pie-chart {
		    width: 12em;
        height: 17em;
        margin-top: 20px;
        margin-left: 0px;
        position: relative;
        top: 220px;
    }
p.block-blanc_text_Mobile {
    position: relative;
	bottom: 170px;


  
}

	
	.margintitle {
		margin: 0px;
		position: relative;
    right: 11px;
	}
	
	
	}
	.entry-text {
		width:80%;
	}
}


p.block-blanc_text_Mobile {
    position: relative;
	bottom:0px;

}


/* Page missions */
.center-block-2 .mission-statistiques {
	width: 555px;
	margin: 0% 8% ;
		font-size: 12pt;
}

@media only screen and (max-width: 600px) {
.center-block-2 .mission-statistiques {
	width: 100%;
	margin: 0%;
	font-size: 12pt;

}
	.center-block2 {
			text-align:justify;
	}
}
.drapeaux {
	width: 100%;
	margin: 0%;
}
















/* Page projet établissement*/

td, th {
	padding: 0px;
}


.axes td {
	width:40%;
	padding:2%;
}
.axes td ul {
	margin-left: 4px;
}
/* Equipe */



/* PAGE frais */

.flex-frais {
  display: flex;
  width: 90%;
	margin : 0% 5%;
  height: auto;
	justify-content:center;
	align-items: flex-start;
}
.flex-frais h2 {
	font-size: 15pt;
	color: #404040;
	margin-bottom: 1%;
}
.frais-options {
  width:30%;
	display: flex;
	flex-direction : column;
	align-items:center;
	justify-content:center;
	margin: 2%;
	
}
.frais-options table tbody tr td{


}
.annee-matu td {
	color: #ad1718;
	text-align: center;
}
.frais-options table tbody tr td ul {
	padding:0%;
	text-align:left;
}

.options-prix {
	display: flex;
	flex-direction:row;
	align-items:flex-start;
}
.frais-options table tbody tr td ul li{
	padding:5% 3%;	
	margin-left:20%;
}
.frais-options table {
	border : 2px solid #404040;
}

.prix-matu td {
		padding : 3% 0%;
	background-color: #404040;
	color: white;
	font-weight: 800;
	text-align:center;
	border: 0px solid transparent;
	font-size:14pt;
}
.frais-options td {
	  vertical-align: top;
}

/* PAGE maturité nouveau design */

/*deroulant*/

/* partie positionnement et déco */
#menu a { 
  	color: #ab1718; 
    	text-decoration:none;
      font-weight:bolder;
}

#menu {

		width:100%;
   display:flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
	line-height: 2;
	margin: 0px;
}
#menu > li,
#menu > li li {
	position: relative;
	display:block;
	width: 100%;
	padding:1%;
	background-color: #E8E8E8;
  margin:1%;
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; }

#menu > li{

	border-radius: 10px ;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}


#menu > li:hover {
	background-color: #D7D7D7;
}

#menu ul {
	position: relative;
	max-height:0em;	
	margin: 0; padding: 0;
  background-color:#F7F7F7;
	
	overflow: hidden;
	transition: 1s max-height 0.3s;
	border-radius: 10px;
}
#menu > li:hover ul {
	max-height: 40em;;
}


#menu li a{
width: 100%;
    height: auto;
    color: #ab1718;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
}
#menu li:before {
	display:none;
}



@media only screen and (max-width: 600px) { 
#menu > li:hover {
    background-color: #D7D7D7;
    display: flex;
    flex-direction: column;
    width: 100%;
}
	#menu > li {
		 display: flex;
    flex-direction: column;
    width: 100%;
	}
	#menu ul {
	position: relative;
	max-height:none;	
	margin: 0; padding: 12px;
  background-color:#F7F7F7;
	
	overflow: auto;
	transition: none;
	border-radius: none;
	}



}








.barre {

  border-collapse: separate;
 border: 3px solid #FBFDFD;
	display:flex;
}
.barre tbody tr td {
	width:400px;
	font-weight:600;
}
.barre .pourcent {
  width: 250px;
 border: 1px solid #FBFDFD;
}
.barre tr {
 border: 3px solid #FBFDFD;
}
.barre td {
  color: #5B5C61;
   padding: 5px;
 border: 1px solid #FBFDFD;

}

.barre .meter { 

    height: 20px;
    width: 250px;
    background: #F4F5FB;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 768px) {
	.barre .meter {
		 width: 150px;
	}
	
}
.meter span {
    display: block;
    height: 100%;
}

.progress {
    background-color: #991E05;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 2s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 5%; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0%; }
  100% { width: 100%; }
}

@media only screen and (max-width: 790px) {
  .barre tr, .barre td {
    font-size: 0.8em;
  }
}

/* HOMEPAGE ACCUEIL PARTIE CHIFFRES */
 
.lemanmaturite-en-chiffre{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: space-between;
	margin: 3% 0% 0% 0%;
	padding: 0% 5%;
  
}
	
}
.chiffre-lm {

  width: 80px;

  text-align: center;
  color: #404040;
	font-weight: 600;
  
  
}
.elements-lm-en-chiffre img {

border-radius: 50%;
  padding: 3%;
  width: 70px;
  margin-bottom: 0%;
}
.texte-chiffre-lm {
  color: #C0D3FF;
  text-align: center;
  margin: 0px;
}
.elements-lm-en-chiffre {
  display: flex;
  flex-direction: column;
  width:40%;
  margin:2%;
 
  
}
p.chiffre-lm.chiffre-classe, p.chiffre-lm {
	margin-bottom : 0%;
}
.texte-chiffre-lm {
  position:relative;

width: 90%;
height: 40px;
  background-color: #1D346A;
}
.elements-lm-en-chiffre .groupe-encadree {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding:2%;
	height: 130px;
  border: 1px solid #C0D3FF;

}
.chiffre-lm{
	font-size: 19pt!important;
	color: #C0D3FF;
}

#lm-chiffres {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	border: 1px solid red;
}

	p.accueil-text {
		margin-bottom: 0px;
		font-weight: 300;
		font-size: 12pt;
		text-align:justify;
	}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { 
.texte-chiffre-lm {
	top: 30px;
	right:13px;

	}
	.elements-lm-en-chiffre {
	width:100%;
	}
	.histoire-texte p {
		font-size: 12pt;
		line-height: 18pt;

	}
	p.accueil-text {
		margin-bottom: 0px;
		font-weight: 300;
	}
	.elements-lm-en-chiffre {
		margin:0%!important;
	}
	.lemanmaturite-en-chiffre {
		padding: 0%;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 601px) { 
	.texte-chiffre-lm {
top: 10px;
		height:20px;
	}
	.accueil-text{
		line-height: 18pt;
	}
	

	
}
.chiffre-spotlight {

    border: 3px solid #DDD!important;

}
.texte-spotlight {
	font-weight:600;
	color: white;
	width:280px;
}


/* ARTICLES - BLOG*/
@media only screen and (min-width: 601px) {
	

.center-blog {
	padding: 0% 25%;
	text-align: justify;
}

.center-blog h2 {
	margin-top: 18%;
	margin-bottom: 5%;
	color: #ad1718;
}
.center-blog h1 {
	font-size: 20pt;
	color:#1f2124;
}
.center-blog i {
	color: #646464;
	
}
.blog-bas-de-page {
	text-align: left;
	color : darkgrey;
		margin: 0%!important;
}
.center-blog h3 {
	font-size: 14pt!important;
	margin-top: 5%;
	color:#1f2124;
}
.blog-bas-de-page{
	margin-bottom: 0%!important!important;
}
.blog-rouge {
	color: #ad1718;
	padding: 0%;
	margin: 0%!important;
}
	.center-blog ol li p {
		margin: 0px;
	}
	.site .ast-single-related-posts-container {
	height: 580px;
	}

}
@media only screen and (max-width: 900px) { 
		.center-blog ol li p {
		margin: 0px;
	}
.center-blog h2 {
	margin-top: 18%;
	margin-bottom: 5%;
	color: #ad1718;
}
.center-blog h1 {
	font-size: 20pt;
	color:#1f2124;
}
.center-blog i {
	color: #646464;
	
}
.blog-bas-de-page {
	text-align: left;
	color : darkgrey;
		margin: 0%!important;
}
.center-blog h3 {
	font-size: 14pt!important;
	margin-top: 5%;
	color:#1f2124;
}
.blog-bas-de-page{
	margin-bottom: 0%!important!important;
}
.blog-rouge {
	color: #ad1718;
	padding: 0%;
	margin: 0%!important;
}

.center-blog {
	padding: 0% 10%;
	text-align: justify;
}
	
}
.white-chiffre {
	color : white!important;
}


/* HOMEPAGE ACCUEIL PAGE RECENT BLOGS*/
@media only screen and (min-width: 601px) {
.flex-blogs-recents {
	display: flex;
	width: 100%;
	height: auto;
	flex-direction : row;
	flex-wrap: wrap;

}
.flex-blogs-recents div {
	width: 33%;
	height: auto;

	padding: 2%;
	
}
.flex-blogs-recents div img {
	width: 100%;
	height: 250px;
}
.homepage-blog-titre {
	font-size: 14pt;
	font-weight: 600;
}
}

@media only screen and (max-width: 601px) {
	.flex-blogs-recents {
	display: flex;
	width: 100%;
	height: auto;
	flex-direction : column;
	flex-wrap: wrap;

}
.flex-blogs-recents div {
	width: 100%;
	height: auto;

	padding: 2%;
	
}
.flex-blogs-recents div img {
	width: 100%;
	height: 250px;
}
.homepage-blog-titre {
	font-size: 14pt;
	font-weight: 600;
}
}


/*Page formations - Chronologie ligne */

/*Page formation*/

/*Page formations - Chronologie ligne */
#div-page-formation-flex h2 {
	margin: 40px 0px 20px 0px;
	z-index: 1;
	position: relative;
}
 .cercle-gris {
    background-color: #404040;
  }
  .cercle-bleu {
    background-color:#003e7e;
  }
  .cercle-rouge {
    background-color:#982218;
  }
  .section-formation-chronologie ul {
    padding-left:13px;
  }
  .ligne-formation-chronologie {
        position: absolute;
    top: 510px;
    height: 750px;
    border-radius: 10px;
    background-color: #E5E5E5;
    width: 9px!important;
    left: 33px;
}
.chrono-2 {
	top:640px;
	height: 650px;
}
  .section-gris {
    color: #404040!important;
  }
.section-bleu {
  color:#003e7e!important;
}
.section-rouge {
  color: #982218!important;
}

.cercle-formation-chronologie{
  border: 8px solid white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  position:relative;
  z-index: 1;
  }
 
.section-formation-chronologie {
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;

}
.cercle-formation-chronologie {
   width: 35px;
    height: 35px;
    margin-bottom: 0%;
    position: sticky;
    right: 21px;
    top: 50px;
}
.section-formation-chronologie h3, .section-formation-chronologie ul {
margin: 0px;
    padding: 0px;
    width: 86%;
    margin-left: 20%;
	padding: 5% 0%;
}


#div-page-formation-flex{
		padding: 0% 5%;
	}



@media only screen and (min-width: 601px){

	.cercle-formation-chronologie {
    width: 35px;
    height: 35px;
    margin-bottom: 0%;
    position: relative;
    right: 24px;
		top: 0px;
}
	.section-formation-chronologie {
		align-items: center;
	}
	
.ligne-formation-chronologie {
    position: relative;
   
	left: 0px;
    top: 35px;
    height: 8px;
		border-radius: 10px;
    background-color: #404040;
    z-index: 0;
				width: 100%!important;

}

#page-formation-chronologie-div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  justify-content: center;

		
}
  
.section-formation-chronologie {
  display:flex;
  height: 100%;
  width:26%;
  padding: 1%;
  flex-wrap: wrap;
  flex-direction: column;

}
#div-page-formation-flex {
  width: 100%;
  height: 100%;
  padding: 0% 8%;
}
	#page-formation-chronologie-div {
justify-content: space-evenly;
}
}
#div-page-formation-flex h3 {
	font-size: 15pt;
	color: #666;
}
#blue-2 {
	color: #003e7e!important;
}





/* Page frais de scolarité 2*/

.page-frais {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  
	margin: 5% 10% 10% 10%;
  flex-wrap: nowrap;
}
.page-frais .block-frais{
  border-right: 0.5px solid lightgrey;
    border-left: 0.5px solid lightgrey;
  width: 50%;
  height: 100%;
 
}
.block-frais h2 {
  text-align: center;
	padding-top: 5%;
  color: #404040;
  font-size: 14pt;
}
.block-frais table {
  display: flex;
  flex-direction: column;
  width: 100%;
height: 100%;
	border: none;
}
.block-frais table tr td {

  margin: 0px;
  padding: 0px;
  text-align: center;
    color: #404040;
	border: none;

}
.block-frais table tbody {
    margin: 0px;
    width: 100%;
    padding: 0px;
    display: flex;
    flex-direction: column;
	background-color: #efefef;
}
.block-frais table tr {

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6%;
  margin: 1% 0%;
  }
  .frais-chiffre {
    font-weight: 600;
		font-size: 14pt;
    color: #ad1718!important;
    
  }

  .block-frais-center {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
		height: auto;
  }
  .block-frais-center h3 {
    font-size: 12pt;
		color: #404040;
  }
  .block-frais-center a {
    background-color: #404040;
    border-radius : 5px;
    padding: 4%;
    color: white;
    text-decoration: none;
		border: 1px solid white;
  }

.block-frais-center a:hover {
	 background-color: white;
	border: 1px #404040 solid;
	color: #404040;
}
  .block-frais-center ul {
    padding : 0px;
  }
.page-frais {
	margin-bottom: 0%;
}
@media only screen and (max-width: 670px) {
.page-frais {
  width: 80%;
  margin: 5% 10% 0% 10%;
    flex-wrap: wrap;
	margin-bottom: 0%;
}
.page-frais .block-frais{
width: 100%;
}
	.block-frais-center {
	border-bottom: 1.5px solid grey
	}
	
}

.block-frais-center ul {
		    width: 200px;
}
@media only screen and (max-width: 670px) {
	.block-frais-center ul {
		    width: 180px!important;
	}
	
	
}

a.plusdinfo {
width:200px;	
	display: ruby;
}

.center-bloc {
padding: 5% 10%;	
}



.nf-field-container {
	margin-bottom: 0px;
}


nf-fields-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.contact_fondnoir {
	height: auto!important;
}

.ul-grand {
	height: 540px;

}

/*Homepage*/

.boutonbil a{
	background-color: #595A61;
	border: 5px solid #B2B4BB;
	box-shadow: #B2B4BB 0px 3px 8px;
}

/*Page projet établissement*/

.bouton-sortant a {
	padding: 1%;
	border: 1px solid grey;
	color: #404040;
	margin-bottom: 10px;
}
.bouton-sortant {
	height: 45px;
	width: 100%;
}
.alignement {
	display: flex;
	flex-direction: row;
}

@media only screen and (max-width: 820px) {
	#img-next {
	display: flex;
	flex-direction: column;

	}
	
		#img-next img {
    padding: 2%;
    height: 240px;
    width: 100%;
	object-fit: cover;
}
	
	
	
}
@media only screen and (min-width: 701px) {
#img-next {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width:100%;
	height: 400px;
	flex-wrap: wrap;
	background-color: #F1F1F1;
}
	#img-next img {
    padding: 2%;
    height: 400px;
    width: 50%;
	object-fit: cover;
}
	}
	


/*NouveauSiteWeb*/

.titlesection {
	width: 100%;
	height: 760px;
	margin:0;
}

.titlesection video {
  position:relative;
    z-index:0;
	width:100%;
	height:100%;
	margin:0;
	min-width: 100%; 
  min-height: 100%; 
		  overflow: hidden;
		    object-fit: cover!important;
	display:block;
	
}

@media only screen and (min-width: 821px) { 
#custom-message {
      position: relative;
    z-index: 1;
    bottom: 71vh;
    background: linear-gradient(190deg, rgba(132, 132, 132, 0.48) 23%, rgba(60, 60, 60, 0.5) 100%);
    width: 752px;
    padding: 4% 2%;
    border-radius: 6px;
    text-align: center;
    height: 156px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}
			
}



#custom-message div img {
    width: 324px;
    padding: 3px 5%;
}
#videohomepage {
	width: 100%; height: 104vh; position:relative;
	min-width: 100%; 
  min-height: 100%; 
		  overflow: hidden;
		    object-fit: cover;
	display:block;
}


 
@media only screen and (max-width: 820px) {  
	#custom-message {
		
		  position:relative;
    z-index: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
		          width: 87%;
        height: 300px;
        background: linear-gradient(356deg, rgb(141 141 141 / 40%) 23%, rgb(26 4 4 / 36%) 100%);
       
  padding: 1% 4%;     
  border: 1px solid #0b0d40;
  top: -74vh;
	}
	video#myVideo {
	  background-image:url('https://videos.files.wordpress.com/xsOdDvMu/videonewconvertie_rabjt4ab.mp4');
	 background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
		    display: flex;
        width: 100%;
        height: 440px;
		position:relative;
		z-index:0;
		min-width: 100%; 
  min-height: 100%; 
		  overflow: hidden;
		    object-fit: cover;

		
	}
	#custom-message div img {
		width:100%;
		padding:0%;
	}
	
	.custom-message-links {
	flex-direction: column!important;
	height: 216px;
		font-size:14pt;
		padding-top:14%;
		padding-bottom:9%;

		
		
	}
	    #custom-message h1 {
	margin-bottom: 65px;
	}
	
	}



#custom-message h1 {
	color: white;
	font-size:20pt!important;
	padding:12px 0 0 0;
}

.custom-message-links {
display: flex;
	flex-direction: row;
	justify-content:center;
	align-items:center;
	width:99%;
}
.custom-message-links h2 {
	margin:2% 1% 14px 1%;
	
}
.custom-message-links a {
	text-decoration: none;
	background-color: white;
	border-radius : 5px;
	margin: 1%;
	padding: 1% 1%;
	font-size: 12.6pt;
	height:50px;
	width:209px;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content: center;
	font-weight:600;
	color: #404040;
	line-height: var(--ast-body-line-height, 1.4em);
}



.custom-message-links a:hover {
	background-color : #404040;
	color: white;
}

.custom-message-links .link-matu {
	background-color : #1c4483;
	color: white;
	border: 1.5px solid white;
}

.custom-message-links .link-matu:hover {
	background-color: white;
	color: #1c4483;
}

@media only screen and (max-width: 820px) { 
	
	#videohomepage {
	height:100vh;
	}
	.custom-message-links {
height: 360px;		
		    padding-top: 8%;

	}
		.custom-message-links a {
text-decoration: none;
        background-color: white;
        border-radius: 8px;
        margin: 1.5% !important;
        padding: 1% 1%;
        font-size: 13pt;
        width: 100%;
        height: 53px !important;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: #404040;
}
	
	.custom-message-links h2 {
    border-radius: 8px;
    margin: 1.5% !important;
    padding: 0% 1%;
    font-size: 13pt;
    width: 100%;
    /* height: 0 !important; */
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #404040;
	}
	
	.custom-message-links .link-matu {
		border: 2px solid white;
	}
	
	

	
	

}
img.alignnone.wp-image-9308 {
	padding: 0% 5%;
	width: 324px;
}

#white-blockeffect-homepage {
	 position: relative;
    color: rgb(230, 200, 98);
    z-index: 1;
    top: -29px;
    background: linear-gradient(180deg, rgb(144 148 156 / 22%) 0%, #FcA6A7);
    width: 100%;
    height: 30px;
    margin-bottom: -42px;
}
			
}




.featured-homepage_M {
  display:none;
}
.featured-homepage_M video{
  display:none;
}

@media only screen and (max-width: 820px) {
	
	
.titlesection .video {
  display:none!important;
}
.featured-homepage_M {
  display:block;
  width:100%;
  height:100vh;
	  background: url('https://lemanmaturite.ch/wp-content/uploads/2025/02/vlcsnap-2024-11-01-13h53m53s974-3446638341-e1730813511935.webp') no-repeat center center;
    background-size: cover;
     fetchpriority:high;

}
	.featured-homepage_M video {

  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  background: url('https://lemanmaturite.ch/wp-content/uploads/2025/02/vlcsnap-2024-11-01-13h53m53s974-3446638341-e1730813511935.webp') no-repeat center center;
  background-size: cover;
	}
	
	.titlesection {
        position: relative;
        top: -23.5px;
        height: 540px;
    }
	
	#custom-message h1 {
	font-size:12pt!important;
		margin:0px;
		padding-bottom:20px;
	}
	
	
}
.section {
    width: 100%;
    margin: 0px;
    padding: 4% 4.8% 0%;
}
.twoside {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
	padding: 0.8% 4.8% 0%;
	height: auto;
}
.twoside div {

}

.homepage img {
	        width: auto;
        height: 100%;
        object-fit: cover
}
.homepage-text {
	margin-right:8%!important;

}

.section ul {
	width:90%;
	line-height:2;

}
.liste-texte ul li {
	list-style-type:none;
}

.liste-texte {
	 list-style-type: none;
    padding-left: 0; 
    margin-left: 18px!important; 
	font-weight: normal;
	padding-left:36px;
	font-family: 'Poppins';
	color: #404040;
}
.liste-texte li:before {
  content: '';
  display: inline-block;
  width: 30px;
	height: 20px;
  background-image: url('https://lemanmaturite.ch/wp-content/uploads/2024/09/vu-01-1381781926-e1726753726183.png');
	background-size: contain;
  background-repeat: no-repeat;
  margin-left: -55px;
	margin-top: 10px;
	margin-right: 30px;
	position:relative;
	top:4px;

}


.liste-texte_b ul li {
	list-style-type:none;
}

.liste-texte_b {
	 list-style-type: none;
    padding-left: 0; 
    margin-left: 18px!important; 
	font-weight: normal;
	padding-left:36px;
	font-family: 'Poppins';
	color: #404040;
}

.liste-texte_b li:before {
  content: '';
  display: inline-block;
  width: 30px;
	height: 20px;
  background-image: url('https://lemanmaturite.ch/wp-content/uploads/2024/09/vu-01-1381781926-e1726753726183.png');
	  filter: brightness(0) invert(1);

	background-size: contain;
  background-repeat: no-repeat;
  margin-left: -55px;
	margin-top: 10px;
	margin-right: 30px;
	position:relative;
	top:4px;

}


.footer-section_buttons {
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	
}



.diagram-sessions {
	width: 50%;
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items:center;
}

.shadowsection {
background: linear-gradient(0deg, rgba(255,255,255,1) 59%, rgba(242,242,242,1) 81%, rgba(241,241,241,1) 100%);


}

.flex-c-section {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}


.flex-r-section {
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items: center;
	width:auto;
}
.flex-r-section a {
	margin-left:2%;
}


.footer-section {
	 background-image: url('https://lemanmaturite.ch/wp-content/uploads/2025/02/IMG_2490-Edit-1-scaled-1.webp');
  background-repeat: no-repeat;
  background-attachment: fixed;
	  background-position: center;
  background-size: cover;
width:100%;
	padding:8%;
	display: flex;
    justify-content: space-between;
	align-items:center;
}

.footer-section_texte {
	width: 40%;
}
@media only screen and (max-width: 820px) {
	
	
	.section {
    width: 100%;
    margin: 0px;
    padding: 10% 4.8% 0%;
}
	
	.footer-section_texte {
	width: 100%;
		text-align:center;
}
	.footer-section{
		flex-direction:column;
		justify-content: center;
		align-items:center;
			padding:4.8% 4.8% 4.8% 4.8%;
		
	}
	.footer-button {
		width:100%;
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}

	
	
	
	
	
	
	.twoside {
	height: auto;	
	}
	
}

.flex-c-section div div img {
width:100px;	
}

/*Page Maturité*/

.arc-container {

position: relative;
    width: 427px;
    height: 435px;
    margin: 50px auto;
    z-index: 1;
    bottom: 666px;
    right: 36px;

}
.arc {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    clip-path: polygon(0 0, 3% 0, 100% 98%, 0% 100%);
    transform-origin: center;
}


.arc1 {
  border: 30px solid transparent;
    border-top-color: white;
    border-right-color: white;
    transform: rotate(186deg);
}


.arc2 {
  border: 30px solid transparent;
    border-top-color: white;
    border-right-color: white;
    transform: rotate(96deg);
}




.darkgreycircle_diagramOS {
	border-radius:50%;
	background-color: #A3A3A3;
	width:70px;
	height:70px;
	z-index:3;
	position:relative
}


.lightgreycircle_diagramOS {
border-radius: 50%;
    background-color: #F4F4F4;
    width: 203px;
    height: 203px;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    left: 466px;
    top: 121px;
}



.dia-osmathsphy {
color: #B23A3A;
}

.dia-oslangues {
color : #2E5984;
}

.dia-osbiochimie {
color: #562424;
}
.dia-osecodroit {
color : #626262;
}


.diagram-height {
	height: 480px;
}

.donut {
    --donut-size: 410px;
    --donut-border-width: 13px;
    position: relative;
    width: var(--donut-size);
    height: var(--donut-size);
    border-radius: 50%;
    top: -189px;
    right: -360px;
}

.donut__slice {
  position: absolute;
    width: 100%;
    height: 99%;
    border-radius: 50%;
    border: var(--donut-border-width) solid transparent;
}







.donut__slice__first {
border-top-color: #562424;
    transform: rotate(7deg);
}



.donut__slice__second {
    border-top-color: #626262;
    transform: rotate(calc(243deg* var(--first)));
}


.donut__slice__third {
     border-top-color: #2E5984;
    transform: rotate(calc(268deg*(var(--first) + var(--second))));
}


.donut__slice__fourth {
     border-top-color: #B23A3A;
    transform: rotate(calc(308deg*(var(--first) + var(--second) + var(--third))));
}




@media only screen and (max-width: 820px) {
	
	
	.lightgreycircle_diagramOS {
           border-radius: 50%;
        background-color: #F4F4F4;
        width: 165px;
        height: 165px;
        z-index: 2;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        left: 79px;
        top: 83px;
}
	.donut {
--donut-size: 320px;
        --donut-border-width: 13px;
        position: relative;
        width: var(--donut-size);
        height: var(--donut-size);
        border-radius: 50%;
        top: -159px;
        right: 0px;
}

.arc-container {
    position: relative;
    width: 427px;
    height: 435px;
    margin: 50px auto;
    z-index: 1;
    bottom: 516px;
    right: 126px;
    display: none;
}
	
	.flex-mobile {
		flex-wrap: wrap!important;
	}

	.diagram-height {
		height: 340px!important;
	}
}











/* Homepage- diagramme*/

.sessions-diagrams {

  display : flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: end;
	width:90%;
}
.session-datediagram {

  display : flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12%;
  text-align: center;
}
.diagramm-session {
 	height:200px;
   width: 30px;
	display: flex;
	flex-direction: column;
	justify-content:flex-end;
}


.diagramm-session_EPFL {
  background-color: #d97c65;

}

.diagramm-session_EPFL:hover {
  background-color: #BF5F47;

}
.diagramm-session_UNI {
  background-color: #a1a4b1;

}
.diagramm-session_UNI:hover {
  background-color: #7E8292;

}
.diagramm-session_International {
   background-color: #cd393a;

}

.diagramm-session_International:hover {
   background-color: #AB1718;

}
.diagramm-session_EHL {
   background-color: #185a9e;

}

.diagramm-session_EHL:hover {
   background-color: #003E7E;

}
.diagramm-session_arts {
  background-color: #61b2c8;
}
.diagramm-session_arts:hover {
  background-color: #4499B0;
}

.text-session_EPFL {
  color: #BF5F47;
}
.text-session_UNI{
  color: #7E8292;
}

.text-session_International {
   color: #ab1718;
}
.text-session_EHL {
  color : #003E7E;
}
.text-session_arts {
  color: #4499B0;

}













/*header homepage*/


#stickyheader-homepage {
	width: 100%;
    height: 45px;
    z-index: 2;

    box-shadow: 0px 23px 23px -17px rgba(133, 133, 133, 0.55);
    position: sticky;
    top: 0;
    background-color: white;
    padding: 2.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}

#stickyheader-homepage div {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width:60%;
}

#stickyheader-homepage div a {
	margin: 0% 1%;
	font-weight:bolder;
	font-size: 0.96em;
}
#stickyheader-homepage div .connexion {
	background-color: #ab1718;
    color: white;
    padding: 0.7% 1%;
    border-radius: 7px;
    width: 110px;
    text-align: center;
}
#white-stickyblock-homepage {
	background-color: white;
	width:100%;
	height: 80px;
	z-index: 3;
		position: relative;
		top:-75px;
}

#stickyheader-homepage div a{
	text-decoration:none;
	color: #404040;
}


.stickyeffect {

	height: 5px;
	width:100%;
}


/*Images sticky effect*/

.images-defile {
	  margin-top: 70px;
    width: 54%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	flex-wrap:wrap;
	padding-right:5%;
}
.images-defile img {
    max-width: 48%;
    margin: 1%;
    height: 278px;
    width: 100%;
    object-fit: cover;
}


.stickypart-text_Homepage {
	position: relative;
	width:52%;
	height:auto;

}
.stickyside {
	position: sticky;
	top: 0;

	width: 85%;
	border:1px solid white;
}
.stickyside div {
	margin-top: 7%;

}



@media only screen and (max-width: 820px) {
	.images-defile {
	display: none;
	}
	.stickypart-text_Homepage {
		width:100%;
		height: auto;
	}
	.stickyside {
		height: auto;
		position:relative;
		width: 100%;
	}
	.h_formation-slider {
		display:block;
		
	}
	.stickyside div {
		margin-bottom: 7%;
	}
	.stickyside div ul {
		padding-left: 5%;
	}
}


























/* Textes, paragraphes, titres, h2, h3...*/
.texte {
  font-size: 13pt;
  line-height : 150%;
	margin:0!important;
}

.texte b {
	color: #2A3A6B;
	font-weight: bolder;
}

.t_w {
 color: #FFFFFF!important; 
}
.t_g {
  color :#404040!important;
}
.t_r {
  color:#0e2241!important;
}
.t_b {
  color: #0e2241!important;
}
.t_light_r {
  color: #FcA6A7!important;
}
.t_light_g {
  color: #E8E6E6!important;
}
.t_j {
	text-align: justify;
}

.title-h2 {
  font-size:40pt;
  margin:0;
  padding:0;
}

p.title_h2 {
    font-size: 18pt;
    font-weight: 600;
    font-family: 'Rubik', sans-serif;
    line-height: 1.3em;
    padding-bottom: 4%;
}

@media only screen and (max-width: 820px) { 
.title-h2 {
  font-size:19pt!important;
}
}
.title-h2 t_m {
	color: #404040!important;
}
.title-h3 {
  font-size:12.5pt!important;
  font-weight:400!important;
  margin-bottom:0px!important;
  padding:0;
}
@media only screen and (max-width: 820px) { 
.title-h3 {
  font-size:13pt!important;
}
}

.bolder {
	font-weight: bolder!important;
}
@media only screen and (max-width: 820px) { 
.texte {
  font-size:13pt;
  line-height: 141%;
}
	.texte .bolder {
	font-weight: bolder;
}
}

/* Sections, blocks, display flex */

.s-twoside {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
	align-items: top;
  width:100%;
  height:auto;
  padding: 2.5% 8% 2.5% 8%;
  margin: 0;
}
.align-baseline {
	align-items: baseline;
}





.s-threeside {
	 display: flex;
  flex-direction: row;
  flex-wrap: wrap;
	align-items: flex-start;
	justify-content:space-around;
  width:100%;
  height:auto;
  padding: 2.5% 8% 2.5% 8%;
  margin: 0;
}
.s-threeside-block_1,.s-threeside-block_2, .s-threeside-block_3 {
	width:30%;
}

@media only screen and (max-width: 820px) { 
	.s-threeside {
		flex-direction:column;
	}
	.s-threeside-block_1,.s-threeside-block_2, .s-threeside-block_3 {
		width:100%;
		margin:0%;
	}
.s-twoside {
  padding:0%;
}
	.s-flex-reverse {
	flex-direction: column-reverse;
}
}

.s-twoside-block {
    width: 44%;
    margin-right: 6%;
}

@media only screen and (max-width: 820px) { 
.s-twoside-block {
  width: 100%;
	    margin-right: 0%;

}
}
.s-twoside-block_l {
  width: 56%;
  padding-right:8%;
	
  display:flex;
  flex-direction: column;
}
@media only screen and (max-width: 820px) {
	.texte {
		font-size:13pt; 
	}
    .texte_reussite {
        margin-bottom: 7% !important;
    }
	
	
	
	
	
	
.footer-section {
	 background: url('https://lemanmaturite.ch/wp-content/uploads/2025/02/IMG_2490-Edit-1-scaled-1.webp'),
	    linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6));
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-attachment: local;
	  background-position: center;
  background-size: cover;
width:100%;
	padding:8%;
	display: flex;
    justify-content: space-between;
	align-items:center;
}
	
	
	
}
@media only screen and (max-width: 820px) { 
.s-twoside-block_l {
  width:100%;
  padding-right: 0%;
  padding: 0% 5%;

}
	
}
.s-twoside-block_r {
  width:40%;

  display:flex;
  height:auto;
  flex-direction: column;
   
}
.s-twoside div ul, .endpage-section div ul {
	margin: 14px;
    font-size: 13pt;
    line-height: 174%;
	padding-bottom:3%;
}

@media only screen and (max-width: 820px) { 
.s-twoside-block_r, .s-twoside-block_l {
  width:100%;
  margin-top: 0%;
	padding: 0%;
	
}
	
	 .containeredtlm .tab_edtlm {
	 display: none;
	 padding: 0;
	 margin: 0% 10px;
}
	.table.edt_lm,table {
		margin-bottom: 0px!important;
	}
	
	
}
.section_gen {
	  padding: 2.5% 8% 2.5% 8%;
		


}
.texte-frais {
	font-size: 100%;
		padding-bottom:5%;
width:100%;
	margin:2% 2% 2% 0%;
	padding:2%;
	border-radius: 12px;
	background-color: #f7f6f6;
}
.block-frais ul {
}

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

	
.texte-frais {
	font-size: 14pt;
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        padding: 7% 4%;
		

}
	.t-frais_1{
	        font-size: 13pt;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 32px 7%;		
	}
	.t-frais_2 {
		
	}
	
	.block-frais .s-capsule_text {
		align-items: center;
	}
}
.block-frais  {
	box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
background-color: white;
	margin: 0% 3% 0% 3%!important;
}
.bluefrais {
	    padding: 0;
    background-color:#1D346A;
    width: 100%;
    height: 16px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

.redfrais {
	    padding: 0;
    background-color:#ad1718;
    width: 100%;
    height: 16px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}




/* Images tailles dans les sections */
.img_fill {
    height: 100%;
	  object-fit: cover;

}
.img_zoom {
  width: 100%; 
            transition: transform 0.1s ease;
		border-radius: 20px;
}

.image-link {
	  width:500px;
}

.image-link:hover .img_zoom {
  transform: scale(1.1);
	box-shadow: 0px 0px 128px 11px rgba(14,34,65,1);

}
    @media only screen and (max-width: 820px) {

.zoom-image {
  width: 100%; 
   transition: scale(1);
		border-radius: 20px;
}

.image-link {
	  width:500px;
}

.image-container:hover .zoom-image {
  box-shadow: 0px 2px 59px 38px rgba(171,23,23,1);

}

}


/* Sections background, fonds de couleur */
.backg_b {
  background-color:#edf0f6;
}
.backg_g {
  background-color: #F7F7F7;
}
.backg_gm {
	background-color: #0e2241;
}


.t_gm {
	color: #ffffff;
	padding-top: 0%;
}


.international-point li{
	margin:0% 0%;
}
@media only screen and (max-width: 820px) {
.t_gm {
	color: #ffffff;
	padding-top: 0%;
}
}
/* Buttons, Boutons, style des boutons */
.button-style {
border-radius: 4px;
    padding: 2.5% 5%;
    width: 255px;
    font-size: 11pt;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 52px;
    justify-content: center;
    align-items: center;
	margin: 3% 0% 2%;
}

@media only screen and (max-width: 820px) {
  .button-style {
    border-radius :5px;
    font-size: 12pt;
    padding:3%;

  }
  }

.button-style_w {
  background-color: white;
  color: #0E2241;
		border: 1px solid #0E2241;
}
.button-style_w:hover{
  background-color: #0E2241;
  color: white;
	border: 1px solid white;
}

.button-style_g {
  background-color: #404040;
  color: white;
}
.button-style_g:hover{
  background-color: white;
  color: #404040;
	border: 1px solid #404040;
}

.button-style_r {
  background-color: #ab1718;
  color: #ffffff;
	border: 1px solid white;
}

.button-style_r:hover{
  background-color: white;
  color: #ab1718;
	border: 1px solid #ab1718;
}
.button-style_b {
  background-color: white;
  color: #0E2241;
}

.button-style_blue {
  background-color: #0E2241;
  color: white;
}
.button-style_blue:hover{
    background-color: white;
  color: #0E2241;
}

.button-postulation {
	 background-color: #ab1718;
  border-width: 8px;
  border-color: white;
  border-style: double;
	color: white;
	border-radius: 30px;
}

.button-postulation:hover {
	 background-color: white;
  border-width: 8px;
  border-color: #ab1718;
  border-style: double;
	color: #ab1718;
	border-radius: 30px;
}



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

	.button-style_w_mobile {
  background-color: white;
  color: #0E2241;
		border: 1px solid #0E2241;
}
.button-style_w_mobile:hover{
  background-color: #0E2241;
  color: white;
	border: 1px solid white;
}
	
}


/* Bullet points, liste à puce dans un texte */
.bulletpoints{
  padding:0;
  padding-left:12px;
  margin:0;
  font-size:15pt;
  line-height:150%;
  color:#404040;
}


/* Sections, capsules, blocks, aligné */

.s-groups {
  width:100%;
  height: auto;
  margin: 0;
  padding: 4%;
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

	.s-groups-2 {
		    width: 100%;
    height: auto;
    margin: 0;
    padding: 0.5% 7.6%;
    display: flex;
			border-top: 3px solid white;
		border-bottom: 3px solid white;
;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex
;
    align-items: center;
    background-color: #FcA6A7;
	}
	
	@media only screen and (max-width: 820px) {
 .s-groups,  {
 flex-wrap: wrap;

}
		.s-groups {
  width:100%;
  height: auto;
  margin: 0;
  padding: 3% 4.6%;
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}
	
}
	@media only screen and (max-width: 820px) {
 .s-groups-2  {
 flex-wrap: wrap;
	 display: flex;
	 flex-direction:column;
	 justify-content:center;
	 align-items:center;
	 height:200px;

}
	
}
	.s-groups-2 .s-capsule {
			width:auto!important;
		margin:0px;
		}
.s-groups-2 .s-capsule h2 {
	margin:0px;
}
	
li.bolder::before {
	margin-left: -13px;
    margin-top: 10px;
    margin-right: 15px;
}

.s-capsule {
  flex-direction: column;
  flex-wrap: wrap;
  height: auto;
  width:500px;
  border-radius: 20px;
  margin:1%;
}

.margin-0 {
	margin: 0%;
	width: 50%;
}

@media only screen and (max-width: 820px) {
  .s-capsule {
  width:100%;
  border-radius: 10px;
  margin: 6% 0%;
}
	.s-capsule_mobile {
		width: 94%;
		border-radius: 10px;
		margin: 6% 3%;
		background-color: #0E2241;
		color: white!important;
	}
	.s-capsule_text_mobile {
		padding: 7% 8% 4% 8%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
		color: white;
	}
	
		.s-capsule_texte_mobile {
		
		color: white!important;
	}
	
	
	.s-capsule_mobile img {
  padding:0;
  height:244px;
  width:100%;
  object-fit:cover;
  border-top-left-radius : 10px;
  border-top-right-radius : 10px;
}

	
	.margin-0 {
	margin: 0%;
	width: 100%;
}
}

.padding-bottom {
	padding-bottom: 6%;
}
.padding {
	padding: 9% 4.8%;
}

.s-capsule_img{
  padding:0;

}
.s-capsule_img img {
  padding:0;
  height:244px;
  width:100%;
  object-fit:cover;
  border-top-left-radius : 10px;
  border-top-right-radius : 10px;
}

.s-capsule_text {
    padding: 5%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
@media only screen and (max-width: 820px) {
.s-capsule_text {
   align-items: flex-start;
}
}


.valeurs-traits {
	height: 150px;
	width: 2px;
	margin: 13% 4%;
	background-color: #404040;
}


@media only screen and (max-width: 820px) {
.valeurs-traits {
	display: none;
}
}

.flex-capsule {
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
}

.flex-capsule_text {
    justify-content: space-between;
}



.imagespeciale {
	position: relative;
    z-index: 0;
	padding-bottom:2.5%;
	justify-content: center;
}


.carousel-element {
	width:100%;
	height: 0px;
}
.carousel-element p, .entry-content p {
	margin-bottom :0px;
}

.diagonal-line-1 {
     width: 450px;
    height: 26px;
    z-index: 1;
    background-color: white;
    border-top: 5px solid white;
    border-radius: 20px;
    transform: rotate(-32deg);
    position: absolute;
    top: 85px;
    right: 74px;
    border-radius: 27px 0px 0px 24px;
}

.imagespeciale video {
	width: 100%;
}




.diagonal-line-2 {
width: 197px;
    height: 26px;
    z-index: 1;
    background-color: white;
    border-top: 5px solid white;
    border-radius: 0px 20px 20px 41px;
    transform: rotate(-145deg);
    position: absolute;
    bottom: 305px;
    right: -25px;

}


.diagonal-line-3 {
       width: 152px;
    height: 26px;
    z-index: 1;
    background-color: white;
    border-top: 5px solid white;
    border-radius: 30px 0px 54px 30px;
    transform: rotate(-33deg);
    position: absolute;
    top: 315px;
    right: -19px;
}

.triangle-1 {
 position: relative;
    width: 0;
    border-bottom: solid 120px white;
    border-right: solid 248px transparent;
    border-left: solid 86px transparent;
    transform: rotate(329deg);
    z-index: 1;
    top: -60px;
    right: 68px;
}
.triangle-2 {
       position: absolute;
    width: 0;
    border-bottom: solid 73px white;
    border-right: solid 32px transparent;
    border-left: solid 49px transparent;
    transform: rotate(-90deg);
    z-index: 1;
    top: -42px;
    right: -5px;
}



@media only screen and (max-width: 820px) {
	.diagonal-line-3, .diagonal-line-2, .diagonal-line-1,.triangle-2 {
		display:none;
	}
	.imagespeciale {
	left:0px;	
		bottom: 0px;
		padding-bottom:0%;
	}
	
	.s-twoside {
		height: auto;
	}
	.carousel-element {
	display:none;
	}
	.flex-capsule_text {
		height: auto;
		align-items:center;
	}
}



.flex-partenariats {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

@media only screen and (max-width: 820px) {
	.flex-partenariats {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}
}
.block-partenariat {
width: 211px;
    height: 211px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bolder;
	margin: 1%;
}


@media only screen and (max-width: 820px) {
	.block-partenariat {
	width: 100%;
	height: 120px;
}
}


.partenariat-1 {
    background: linear-gradient(to right, rgb(22 22 22 / 60%), rgb(22 22 22 / 60%)), url(https://lemanmaturite.ch/wp-content/uploads/2024/10/IMG_1341-scaled.jpg);
    background-size: cover;
    background-position: center;

	}




.partenariat-2 {
    background: linear-gradient(to right, rgb(22 22 22 / 60%), rgb(22 22 22 / 60%)), url(https://lemanmaturite.ch/wp-content/uploads/2024/10/IMG_1131-2-613442655-e1729151792847.jpg);
    background-size: cover;
    background-position: center;

	}



.partenariat-3 {
    background: linear-gradient(to right, rgb(22 22 22 / 60%), rgb(22 22 22 / 60%)), url(https://lemanmaturite.ch/wp-content/uploads/2024/10/IMG_1425-235155970-e1729152236164.jpg);
    background-size: cover;
    background-position: center;

	}



.hide-images {
	
}
.derouler-space {
    position: relative;
    top: -300px;
    display: none;
}

.derouler {
	display:none;
}
@media only screen and (max-width: 820px) {
	
.hide-images {
	display:none;
}
.derouler {
       display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        top: -52px;
        left: 0px;
        width: 100%;
        padding: 0% 30%;
        align-items: center;
}
	.derouler-space {
		position: relative;
    top: -152px;
    display: block;
	}
	.homepage-derouler_losange_G {
	 width: 45px;
        height: 45px;
        border: 0.7px solid white;
        transform: rotate(45deg);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0% 43%;
	}
	.homepage-derouler-flex {
	        width: 100%;
        height: auto;
        transform: rotate(45deg);
       
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
	}
	.homepage-derouler_losange_P {
		background-color: white;
		width: 9px;
		height: 9px;
		        transform: rotate(45deg);
	}
	
	.derouler-space {
		width: 100%;
		height: 0px;
	}
		.homepage-derouler_arrow {
		color: white;
	}
#white-blockeffect-homepage {
        top: -36px;
        background: linear-gradient(180deg, rgb(144 148 156 / 22%) 0%, #FcA6A7);
	height:23px;
    }
	#stickyheader-homepage {
		display:none;
	}
	
}
.p_mobile {
	padding:0px;
}




#firstsection {
	height: auto;
	padding-top:2%;

}


ol li::marker {
	    color: #ab1718;
    font-weight: bolder;
}





.homepage-stats {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
	align-items: baseline;
	
}
.homepage-stat {
 width: 23%;
    height: 241px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0% 2%;
 
}
.homepage-stat div img{
   display:none;
 }

.stats-bordure {
   width: 256px;
    height: 137px;
    border: 2px solid #ab1718;
    position: relative;
    z-index: 0;
    top: -37px;
}


@keyframes fadeinchiffre {
  0% { opacity: 0; }
  10% { opacity: 1; }
  20% { opacity: 1; }
  30% { opacity: 0; }
  100% { opacity: 0; }
}

 @media only screen and (max-width: 820px) { 
	 #firstsection {
	height: auto;
		 padding:0% 4%;
	padding-top:8%;

}
	 .homepage-mobile-stats {
  position: relative;
        width: 100%;
        display: none;


}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  animation: fadeinchiffre 30s infinite;
}

.bg1 {
  background-image: url('https://lemanmaturite.ch/wp-content/uploads/2024/10/Capture-decran-2024-10-14-a-12.33.09.png');
}

.bg2 {
  background-image: url('https://lemanmaturite.ch/wp-content/uploads/2024/10/Capture-decran-2024-10-14-a-12.33.14.png');
  animation-delay: 8s;
}

.bg3 {
  background-image: url('https://lemanmaturite.ch/wp-content/uploads/2024/10/Capture-decran-2024-10-14-a-12.33.20.png');
  animation-delay: 16s;
}	 
	 
	 
	 .bg4 {
  background-image: url('https://lemanmaturite.ch/wp-content/uploads/2024/10/Capture-decran-2024-10-14-a-12.33.27.png');
  animation-delay: 32s;
}	 
	 
	 
	 
      .homepage-stat div img {
        border: 1px solid green;
        width: 95px;
        height: auto;
        display: block;
    }
	 
	
 }

 .texte_chiffre {
		 font-size:12pt!important;
		 line-height:134%;
	 }

 .homepage-stat .chiffreimg {
       font-size: 40pt;
    font-weight: bolder;
    margin: 0;
    padding: 0% 5%;
    background-color: white;
    z-index: 2;
    position: relative;
    bottom: 11px;
    height: 38px;
    }

.stats-bords {
  height: 0px;
}
 @media only screen and (max-width: 820px) { 
 .homepage-stat .chiffreimg{
  font-size:20pt;
  font-weight: bolder;
  margin: 0;
  padding: 0% 5%;
  background-color: white;
  z-index: 0;
  position:relative;
  bottom: 24px;
 
}
	 .diagonal-line-2 {
		 left: 13.5em;
	 }
	 .homepage-stats  {
		 order: -1;
		 display: none;
	 }
	 .firstext {
		 order: -1;
		 margin-bottom: 0%;
		 padding-bottom: 0%;
	 }
	 
	 #firstsection {
		 height: auto;
		 margin-top: 0%;
	 }

.homepage-stat p.texte {
  position:relative;
  bottom:30px;
}

	 
	 
	 
	 .homepage-stats {
    width: 100%;
    height: auto;

    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
	 
	 
	 .homepage-stat {
    width: 78%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
	 
 }
.stats-bordure {
   width: 279px;
    height: 145px;
    border: 2px solid #ab1718;
    position: relative;
    z-index: 0;
    top: -40px;

}
}




/* Diagramme Orientation et résultats des anciens élèves sur la homepage, page d'accueil */



.infos-frais ul {
	padding: 5px;
    margin: 10px;
    margin: 8px 18px !important;
}

@media only screen and (max-width: 820px) { 
	.resultat-diagramme {
		width: 318px!important;
	}
	.diagrammes {
		height:244px!important;
	}
}


.resultats-orientation {
 display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}


.resultat-diagramme {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 412px;
}


}
.ligne-resultat {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}



.ligne-orientations {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.ligne-orientations p {
	font-weight: bolder;
}


.ligne-resultat .h-diagramme_sessionlabel {
  width: 60px;
  text-align: center;
	display: flex;
}

.ligne-resultat .h-diagramme_pourcentage {
  width: 60px;
  text-align: right;
  font-weight: bolder;
  font-size: 14pt;
	display: flex;
	align-items: center;
	padding-left: 10px;
}
.ligne-resultat {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content : start;
}

.h-diagramme-resultat {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.diagramme-one {
   width: 79%;
}

.diagramme-two {
   width: 79%;
}
.dia-parts {
    height: 30px;
	border:1px solid #0E2241;
}
.dia-part-unil {

  background-color: #FF6B6B;
}
.label-part-unil {
  color:#FF6B6B;
}
.dia-part-unige {

  background-color: #FFC1B6;

}
.label-part-unige {
  color:#FFC1B6;
}

.dia-part-heclausanne {

  background-color: #8FAFFF;

}
.label-part-heclausanne {
  color:#8FAFFF;
}

.dia-part-unine {

  background-color: #E0FFFF;

}
.label-part-unine {
color: #E0FFFF;
}

.dia-part-ehl {

  background-color: #D6DFE0;

}
.label-part-ehl {
color: #D6DFE0;
}
.dia-part-unifr {

  background-color: #D0D7FF;

}
.label-part-unifr {
color: #D0D7FF;
}

.dia-part-crea {

  background-color: #C0C4D0;

}

.label-part-crea {
color: #C0C4D0;
}

.dia-part-epfl {

  background-color: #5DADE2;

}

.label-part-epfl {

color: #5DADE2;
}

.dia-part-arts {

  background-color: #5F90C2;

}

.label-part-arts {

color: #5F90C2;
}

.diaeleve-1 {
  width:10%
}
.diaeleve-2 {
  width: 25%
}
.diaeleve-3 {
  width: 30%;
}


.diagrammes {
    display: flex;
    height: 400px;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}


/* Testimonial plugin*/

.grw-btns svg {
	height: auto;
}

.wp-gr .grw-row {
	width: 990px;
}

.temoignages-computer {
	background-color: #F9FBFF;
	padding: 3% 8%;
}
.temoignage-mobile {
	display:none;
}

@media only screen and (max-width: 820px) { 
.temoignage-mobile {
	display:block;
}
	.padding-capsule {
		padding: 0px;
	}
	
	.ligne-orientations p {
	font-weight: bolder;
		font-size: 9pt;
}

}


/* Instagram posts*/

.fts-instagram-scrollable {
	padding-top: 5%;
}
.instagram-social-btn-bottom {
	margin-bottom: 5%!important;
}




.site-footer-above-section-1, .site-footer-section, .site-footer-section-1{
	display:none;
	
}

.block-year {
box-shadow: 1px 3px 15px 1px rgba(0,0,0,0.35);
background-color: white;
	padding: 2.5%;
	display:flex;
	align-items: center;
	    box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0.35);
    background-color: white;
    min-height: 350px;
    padding: 2.5%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    
}
.block-year-2 {
	    min-height: 225px;

}


@media only screen and (max-width: 820px) { 
.site-footer-above-section-1, .site-footer-section, .site-footer-section-1{
	display:block;
	
}
	.block-year {
box-shadow: 1px 3px 15px 1px rgba(0,0,0,0.35);
background-color: white;
	padding: 2.5%;
	display:flex;
	align-items: center;
	    box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0.35);
    background-color: white;
    min-height: auto;
    padding: 2.5%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
}


/* chronologie des trois années sur la page maturité, bac, sport-étude */

.section-years {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
		z-index: 1;
	position:relative;

}


.section-years-international {
   display: flex
;
    flex-direction: row;
    justify-content: space-around;
    align-items: baseline;
    z-index: 1;
    position: relative;

}

.section-year {
 margin: 0 8px; */
    padding: 0.8%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    width: 25%;
  
}

.section-year-2 {
	width: 18%;
}

.block-year ul {
	margin-left: 28px;
}





.backg-gradient{
	
	background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 27%);
}


.s-chronologie {
    width: 112%;
    height: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    bottom: -190px;
    z-index: 0;
    right: 80px;
}
.s-circle_chrono {
  border-radius: 50%;
  border: 5px solid #404040;
  background-color: white;
  width: 25px;
  height: 25px;
}
.s-stick_chrono {
  width: 100%;
  height: 10px;
  background-color: #404040;
  position: relative;
  right: 5px;
}
















/* Page coef */

table.Partiels {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  color :#2A3A6B;
  font-weight: bolder;
}

table.Partiels td, table.Partiels th {
  border: 1px solid transparent;
  padding: 3px 2px;
	width: 10%;
}

.coef {
  text-align: right;
  border-bottom : 1px solid #404040!important;
}

.partiel-matiere {
  width: 200px;
}

.border-right{
  border-right: 1px solid #404040!important;
}
.coef-backg-1 {
background: linear-gradient(90deg, rgba(34,34,89,1) 0%, rgba(226,9,23,1) 100%);
  border-radius: 10px;
  width: 100%;
  height: 30px;
}
.coef-backg-2 {
background: linear-gradient(90deg, rgba(34,34,89,1) 0%, rgba(226,9,23,1) 100%);
  border-radius: 10px;
  width: 236%;
  height: 30px;
}



.coef-backg-2-3 {
    background: linear-gradient(90deg, rgba(34, 34, 89, 1) 0%, rgba(226, 9, 23, 1) 100%);
    border-radius: 10px;
    width: 304%;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}
.coef-2-3 {
     border: 4px solid #971b39;
    width: 33%;
    height: 29px;
    background-color: #FFDDDD;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.coef-backg-3 {
background: linear-gradient(90deg, rgba(34,34,89,1) 0%, rgba(226,9,23,1) 100%);
  border-radius: 10px;
  width: 304%;
  height: 30px;
}



.coef-b {
   text-align: right;
  border-bottom : 1px solid #404040!important;
  border-top : 1px solid #404040!important;
}

.coef-rotate {
    transform: rotate(-90deg);
}
.coef-bac {
    text-align: center;
}


.coef-backg-6 {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,20,170,1) 79%);;
  border-radius: 10px;
  width: 100%;
  height: 30px;
}
.coef-backg-8 {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,20,170,1) 39%);;
  border-radius: 10px;
  width: 201%;
  height: 30px;
}
.coef-backg-10 {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,20,170,1) 24%);;
  border-radius: 10px;
  width: 304%;
  height: 30px;
}

.coef-backg-12 {
background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,20,170,1) 39%);;
  border-radius: 10px;
  width: 801%;
  height: 30px;
}
.coef-backg-14 {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,20,170,1) 39%);;
  border-radius: 10px;
  width: 880%;
  height: 30px;
}
.coef-backg-16 {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,20,170,1) 11%);;
  border-radius: 10px;
  width: 609%;
  height: 30px;
}

ol, ul {
margin: 0 0 0em 1em!important;
}
.titre-year {
	margin-bottom:5%;
}

/* End page, formations, footer */

.endpage-section {
	padding: 3% 8% 2.5% 8%;

}
.button-end-page {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.button-sefri-endpage {
}









@media only screen and (max-width: 820px) {
	
	.asterix {
	font-size :10pt!important;
	margin-top:5%;
}
	
.coef-backg-6 {
  width: 100%;
}
.coef-backg-8 {
  width: 216%;
}
.coef-backg-10 {
  width: 332%;
}

.coef-backg-12 {
background: linear-gradient(90deg, rgba(34,34,89,1) 0%, rgba(226,9,23,1) 100%);
  border-radius: 10px;
  width: 800%;
  height: 30px;
}
.coef-backg-14 {
	  width: 745%;
}
.coef-backg-16 {

  width: 669%;
}

	
	
	
	
	
	
	
.p_mobile {
	padding: 4% 4.8%;
	margin-bottom:13%;
}
	.banniere {
		text-align:center;
		}
	

	
	.button-end-page {
	display:flex;
	flex-direction: column;
	justify-content: center;
}
	.button-postulation {
		border-radius: 8px;
		border: 1px solid #ab1718;
	}
		.button-postulation:hover {
		border-radius: 8px;
		border: 1px solid #ab1718;
	}
	.flex-c-section ul {
		margin: 0px!important;
	}
	#menu li a {
    width: 100%;
    height: auto;
    color: #ab1718;
    background-color: transparent;
    border: none;
    padding: 8px;
    margin: 0px;
}
	
	.section-years {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    z-index: 1;
    position: relative;
		width: 100%;
}
	.section-year {
			width: 100%;
		align-items: flex-start;
		margin: 6% 0%;
	}
	.block-year {
	width: 100%;
		height: auto;
	}
	
	.s-chronologie {
  width: 206%;
        height: 3px;
        display: none;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        bottom: -408px;
        z-index: 0;
        right: 409px;
        opacity: 0.2;
        transform: rotate(90deg);
}
	
}



/* Contact page*/

/*

.nf-form-content label {
	color: #404040;
	font-size: 13pt;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #D9D9D9!important;
    border: 1px solid #c4c4c4!important;
    border-radius: 27px!important;
    box-shadow: none!important;
    color: #787878!important;
    transition: all .5s!important;
}

input#nf-field-23 {
	background-color: #ad1718!important;
	color: white!important;
}
}*/

.padding-contact
{

	  width: 50%;
    margin: 0%;
}


@media only screen and (max-width: 820px) { 
	.padding-contact {
	  width: 100%;
    margin: 0%;
}
	.nopadding-b {
	padding-bottom: 2%;
}
.footer-section_button {
		width: 100%;
	}
	

}



.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	border-top-width: 0px!important;
}

.texte-center {
    text-align: center;
}
.texte-left {
	text-align:left;
}
.projet-debut-r ul {
	flex-direction: row;
	background-color: #F3F3F3;
	width:100%;
	justify-content: space-between;
	align-content:center;
	flex-wrap: nowrap;
	padding:2% 5%;
	margin-bottom:2%;
	margin-left:0%!important;
	display:flex;
	font-weight:600;
	}
.hide {
	display:none;
}
@media only screen and (max-width: 820px) { 

	
		.hide_texte {
		display: none;
	}
	.block-frais{
		margin: 0%!important;
		margin-bottom:5%!important;
	}
	
}
p {
	margin-bottom: 0px;
}


/* Texte avec les prénoms des élèves déroulement horizontale Homepage page d'accueil */


.marquee {
  width: 100%;             /* Largeur du conteneur */
  overflow: hidden;        /* Cache l'excédent du texte */
  white-space: nowrap;     /* Empêche les lignes multiples */
  box-sizing: border-box;  /* Gère les marges internes du conteneur */
	padding-top:3%;
}

.marquee span {
  display: inline-block;
  padding-left: 3%;      
  animation: marquee 13s linear infinite;
	width:105px;
}

@keyframes marquee {
0% {
    transform: translateX(44%);
}
99% {
    transform: translateX(-994%);
}
	
	
	
	

	
	
	
	@media only screen and (max-width: 820px) { 
		
		.marquee span {
  display: inline-block;
  padding-left: 0%;      
  animation: marque 40s linear infinite;
			width:187%;
}

@keyframes marque {
0% {
    transform: translateX(44%);
}
99% {
    transform: translateX(-994%);
}


/* Footer, modifs*/
	
	
	.phonenumber:hover, .phonenumber:active, .phonenumber:oneclick   {
		color: white;
	}



	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
		height: 60px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
	}
	}

	}}



	



/* test flipping book manuel */





/* test flipping book manuel */



/* Hide the default checkbox */
input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}

/* Style for the custom checkbox */
input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #ccc;
  border-radius: 3px;
}

/* Checkmark */
input[type="checkbox"]:checked + label::after {
  content: '\2713'; /* Unicode checkmark */
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: green;
}









.book {
  display: flex;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(217,217,217,0.2931766456582633) 30%);
	height:auto;

    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.book input[type="checkbox"] {
  opacity: 1;
}

.flip-book {
    width: 57em;
    max-width: 100%;
    height: auto;
    position: relative;
    perspective: 1957px;
    margin-left: 50%;
    margin-right: 2%;
    margin-top: 5%;
    margin-bottom: 35%;
 
}
.flip {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transition: transform 2s, z-index 1s;
  color: #000;
	
}
.front {
  position: absolute;
  width: 100%;
  height: 57%;
  top: 0;
  left: 0px;
  background-color: #fff;
  box-sizing: border-box;


}
.back {
  position: absolute;
  width: 100%;
  height: 57%;
  top: 0;
  left: 0;
  z-index: 99;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  background-color: #000;
}
.next-btn {
 position: absolute;
    cursor: pointer;
    color: white;
    background-color: #ab1718;
    border-radius: 50px;
    top: -20px;
    padding: 5px 10px;
    margin: 0% 2%;
    /* width: 200px; */
    border: 2px solid white;
    right: 0px;
}
.back-btn {
   position: absolute;
    cursor: pointer;
    color: white;
    background-color: #ab1718;
    left: 0px;
    top: -20px;
    border-radius: 50px;
    padding: 5px 10px;
    margin: 0% 2%;
    border: 2px solid white;
    /* width: 200px; */
    text-align: center;

}
.back-btn:hover, .next-btn:hover {
  background-color: #FF7070;
  transition: background-color 1s;
}
#p1 {
  z-index: 16;
}
#p2 {
  z-index: 15;
}
#p3 {
  z-index: 14;
}

#p4 {
  z-index: 13;
}
#p5 {
  z-index: 12;
}
#p6 {
  z-index: 11;
}

#p7 {
  z-index: 10;
}
#p8 {
  z-index: 9;
}
#p9 {
  z-index: 8;
}

#p10 {
  z-index: 7;
}
#p11 {
  z-index: 6;
}
#p12 {
  z-index: 5;
}
#p13 {
  z-index: 4;
}
#p14 {
  z-index: 3;
}
#p15 {
  z-index: 2;
}

#p16 {
  z-index: 1;
}















@media only screen and (min-width: 601px) {

	
#c1:checked ~ .flip-book #p1 {
    z-index: 1;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;
}

#c1:checked ~ .flip-book #p2 .front img {

}
#c2:checked ~ .flip-book #p2 {
    z-index: 2;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;


}

#c2:checked ~ .flip-book #p3 .front img {

}

#c3:checked ~ .flip-book #p3 {
    z-index: 3;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;

}

#c3:checked ~ .flip-book #p4 .front img {

}
#c4:checked ~ .flip-book #p4 {
    z-index: 4;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;


}
#c4:checked ~ .flip-book #p5 .front img {
  box-shadow: -20px -1px 20px rgba(106,106,106,0.1);

}


#c5:checked ~ .flip-book #p5 {
    z-index: 5;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;

}
#c5:checked ~ .flip-book #p6 .front img {

}
#c6:checked ~ .flip-book #p6 {
    z-index: 6;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;

}
#c6:checked ~ .flip-book #p7 .front img {
  box-shadow: -20px -1px 20px rgba(106,106,106,0.1);

}

#c7:checked ~ .flip-book #p7 {
    z-index: 7;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;

}

#c7:checked ~ .flip-book #p8 .front img {

}

#c8:checked ~ .flip-book #p8 {
    z-index: 8;
  transform: rotateY(-180deg);

}
#c8:checked ~ .flip-book #p9 .front img {
  box-shadow: -20px -1px 20px rgba(106,106,106,0.1);

}
#c9:checked ~ .flip-book #p9 {
    z-index: 9;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 1s;

}


#c10:checked ~ .flip-book #p10 {
    z-index: 10;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 2s;

}
#c10:checked ~ .flip-book #p11 .front img {
  

}
#c11:checked ~ .flip-book #p11 {
    z-index: 11;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 3s;

}
#c11:checked ~ .flip-book #p12 .front img {
}
#c12:checked ~ .flip-book #p12 {
    z-index: 12;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 3.5s;

}
#c13:checked ~ .flip-book #p13 {
    z-index: 13;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 3.9s;

}

#c14:checked ~ .flip-book #p14 {
    z-index: 14;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 4s;

}
#c15:checked ~ .flip-book #p15 {
    z-index: 15;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 4.5s;

}

#c16:checked ~ .flip-book #p16 {
    z-index: 16;
  transform: rotateY(-180deg);
  transition: z-index 2s, transform 4.5s;

}
input[type=checkbox] {
  margin-top:300px;
}
	
	
	
	
}



#selectAll {
     background-color: #ab1718;
    width: 131px;
    height: 40px;
    padding: 4.2%;
    color: white;
    border-radius: 20px;
    border: 2px solid white;
    transition: background-color 0.5s;
    display: block;
    right: 0;
    position: relative;
}
#selectAll:hover {
  background-color: #FF7070;
    transition: background-color 0.5s;

}

.flip div img {
	width:100%;
	height:auto;
}





.display-computer {
  display:block;
}

.display-mobile {
  display:none;
}

















#selectAll {
        background-color: #ab1718;
    width: 131px;
    height: 40px;
    padding: 4.2%;
    color: white;
    border-radius: 20px;
    border: 2px solid white;
    transition: background-color 0.5s;
    display: block;
    right: 0px;
    position: relative;
}
#selectAll:hover {
  background-color: #FF7070;
    transition: background-color 0.5s;

}

.flip div img {
	width:100%;
	height:auto;
}
 



@media only screen and (max-width: 600px) {
  .display-mobile {
    display:block;
  }
  

.display-computer {
  display:none;
}

.flip {

  position: relative!important;
  
	
}
	
.front {
  position: relative;
  width: 100%;
  height: 57%;
  top: 0;
  left: 0;
  background-color: #fff;
  box-sizing: border-box;


}

	.flip-book {
    width: 73em;
    max-width: 100%;
    height: auto;
    position: relative;
    perspective: 1957px;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 12%;
    margin-bottom: 0%;
      transition: z-index 2s, transform 1s;
		padding: 0% 4%;
}
	
#p1 {

    transform-origin:inherit;
  transition: z-index 1s, transform 1s;
}

#c1:checked ~ .flip-book #p1 {
    z-index: 32;
  transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 1s, transform 1s;
}

.flip-book #p2 {
   transform-origin:inherit;
  transition: z-index 1s, transform 1s;
}



#c2:checked ~ .flip-book #p2 {
    z-index: 32;
  transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 1s, transform 1s;
}
#c2:checked ~ .flip-book #p1 {
  transform: rotateY(-360deg);
 display:none;
}
#c2:checked ~ .flip-book #p2{
   transform: rotateY(-360deg);
 display:block;

}

.flip-book #p3 {
   transform-origin:inherit;
  transition: z-index 1s, transform 1s;
}

#c3:checked ~ .flip-book #p3 {
   z-index: 33;
    transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}
#c3:checked ~ .flip-book #p2 {
  transform: rotateY(180deg);
 display:none;
}
#c3:checked ~ .flip-book #p2{
   transform: rotateY(-180deg);
 display:block;

}

#c4:checked ~ .flip-book #p4 {
    z-index: 33;
   transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;


}


#c4:checked ~ .flip-book #p2 {
    z-index: 32;
  transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;
}
#c4:checked ~ .flip-book #p2 {
  transform: rotateY(-360deg);
 display:none;
}
#c4:checked ~ .flip-book #p3{
   transform: rotateY(0deg);
 display:block;

}





#c5:checked ~ .flip-book #p3 {
    z-index: 5;
    transform-origin:inherit;
  transform:  rotateY(180deg) ;
   transition: z-index 0.5s, transform 1s;

}




#c6:checked ~ .flip-book #p3 {
  transform: rotateY(-360deg);
 display:none;
}
#c6:checked ~ .flip-book #p4{
   transform: rotateY(0deg);
 display:block;

}



#c6:checked ~ .flip-book #p6 {
    z-index: 6;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;
  
}



#c7:checked ~ .flip-book #p4 {
    z-index: 7;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}







#c8:checked ~ .flip-book #p4 {
  transform: rotateY(360deg);
       transform-origin:inherit;
 display:none;
}
#c8:checked ~ .flip-book #p5{
   transform: rotateY(0deg);
    transform-origin:inherit;
 display:block;
}


#c9:checked ~ .flip-book #p5 {
    z-index: 9;
    transform-origin:revert;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}



#c10:checked ~ .flip-book #p5 {
  transform: rotateY(180deg);
 display:none;
}
#c10:checked ~ .flip-book #p6{
   transform: rotateY(0deg);
 display:block;
    transform-origin:inherit;


}
#c10:checked ~ .flip-book #10 {
    z-index: 10;
    transform-origin:inherit;
  transform:  rotateY(0deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c11:checked ~ .flip-book #p6 {
    z-index: 11;
    transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c12:checked ~ .flip-book #p12 {
    z-index: 12;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}



#c12:checked ~ .flip-book #p6 {
  transform: rotateY(180deg);
 display:none;
}
#c12:checked ~ .flip-book #p7{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}

#c13:checked ~ .flip-book #p7 {
    z-index: 13;
    transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c14:checked ~ .flip-book #p14 {
    z-index: 14;
    transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}


#c14:checked ~ .flip-book #p7 {
  transform: rotateY(180deg);
 display:none;
}
#c14:checked ~ .flip-book #p8{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}

#c15:checked ~ .flip-book #p8 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c16:checked ~ .flip-book #p16 {
    z-index: 16;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c16:checked ~ .flip-book #p8 {
  transform: rotateY(180deg);
 display:none;
}
#c16:checked ~ .flip-book #p9{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}
#c17:checked ~ .flip-book #p9 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c18:checked ~ .flip-book #p9 {
  transform: rotateY(180deg);
 display:none;
}
#c18:checked ~ .flip-book #p10{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}

#c19:checked ~ .flip-book #p10 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c20:checked ~ .flip-book #p10 {
  transform: rotateY(180deg);
 display:none;
}
#c20:checked ~ .flip-book #p11{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}




#c21:checked ~ .flip-book #p11 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c22:checked ~ .flip-book #p11 {
  transform: rotateY(180deg);
 display:none;
}
#c22:checked ~ .flip-book #p12{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}



#c23:checked ~ .flip-book #p12 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c24:checked ~ .flip-book #p12 {
  transform: rotateY(180deg);
 display:none;
}
#c24:checked ~ .flip-book #p13{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}



#c25:checked ~ .flip-book #p13 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c26:checked ~ .flip-book #p13 {
  transform: rotateY(180deg);
 display:none;
}
#c26:checked ~ .flip-book #p14{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}

#c27:checked ~ .flip-book #p14 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c28:checked ~ .flip-book #p14 {
  transform: rotateY(180deg);
 display:none;
}
#c28:checked ~ .flip-book #p15{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}


#c29:checked ~ .flip-book #p15 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}

#c30:checked ~ .flip-book #p15 {
  transform: rotateY(180deg);
 display:none;
}
#c30:checked ~ .flip-book #p16{
   transform: rotateY(0deg);
   transform-origin:inherit;
 display:block;

}

#c31:checked ~ .flip-book #p16 {
    z-index: 15;
     transform-origin:inherit;
  transform:  rotateY(180deg) ;
  transition: z-index 0.5s, transform 1s;

}



input[type=checkbox] {
  margin-top:300px;
}
	
	  .flip {
    display: none;
  }
  
  #p1 {
    display: block;
  }
	
  .next-btn {
 position: absolute;
    cursor: pointer;
    color: white;
    background-color: #ab1718;
    border-radius: 50px;
    top: -20px;
    padding: 5px 10px;
    margin: 0% 2%;
    /* width: 200px; */
    border: 2px solid white;
    right: 0px;
}
.back-btn {
   position: absolute;
    cursor: pointer;
    color: white;
    background-color: blue;
    left: 0px;
    top: -20px;
    border-radius: 50px;
    padding: 5px 10px;
    margin: 0% 2%;
    border: 2px solid white;
    /* width: 200px; */
    text-align: center;

}
.back-btn:hover, .next-btn:hover {
  background-color: #FF7070;
  transition: background-color 1s;
}
	
	#selectAll {
    background-color: #ab1718;
    width: 114px;
    height: 29px;
    padding: 1.2%;
    color: white;
    border-radius: 20px;
    border: 2px solid white;
    transition: background-color 0.5s;
    display: block;
    right: 126px;
    /* position: relative; */
    /* left: auto; */
    /* margin: 0% auto; */
    padding-left: auto;
    top: 284px;
    left: auto;
}
	
}


/* Test card flip*/






.flip-card {
  background-color: transparent;
  width: 32%;
	  height: 24rem;

  perspective: 1000px;
	display:flex;
	margin:12px 5px;
}

.flip-card-2 {
  width: 23%;
	height: 20rem;

}
.card {
	 width: 32%;
}


.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card-inner ul {
  text-align: left;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: white;
	border:1px solid white;
    color: black;
    height: 100%;
    display: flex;
;
	
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.text-flipcardfront {
	padding:5%;
}
.img-flipcard {
		height:321px;
	width:100%;
}

.img-flipcard-2 {
	height: 246px;
}
.flip-card-front img {
	object-fit: cover;
	height:100%;
	width:100%;
}
.flip-card-front p {
	margin-bottom: 0px;
}

.flip-card-back {
 background-color: #a83232;
    color: white;
    transform: rotateY(180deg);
    display: flex
;
    flex-direction: column;
    padding: 3%;
    justify-content: center;
}
.mobile-flipcard {
  display:none;
}
  .flex-flipcard {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    align-content:center;
    width:100%;
		margin:0.5%;
  }
  
@media only screen and (max-width: 820px) {
.flip-card-back {

    transform: rotateY(180deg);
   
}
	
  .mobile-flipcard {
    display:block;
    color: #ab1718;
  }

  .flip-card {
 
        width: 100%;
        height: 76px;
        min-height: 28rem;
        perspective: 1000px;
        transition: min-height 0.6s ease-in-out;
}
	
	    .flip-card-2 {
        min-height: 22rem;
	}
	
.flip-card-inner {
          width: 100%;
        min-height: 100%;
        text-align: center;
        transition: min-height 0.6s transform 0.6s;
        transform-style: preserve-3d;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        margin: 0%;
	border:1px solid white;
}

.flip-card:hover {
  min-height: 350px; /* Hauteur agrandie */
}
	

.flip-card-front, .flip-card-back {
  width: 100%;
  min-height:198px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



.flip-card-back {
 
  color: white;
  transform: rotateY(180deg);
  padding: 0.5rem;
}
	.flip-card-back ul {
		padding:5%;
	}
  }

.bolder {
	font-weight:bolder;
}


@media (max-width: 820px) {
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
		padding:0px;
	}
	
	.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
    padding-left: 10px;
    padding-right: 17px;
    padding-top: 10px;
}
	
	ul.sub-menu {
		margin:0px!important;
	}
	#ast-hf-mobile-menu {
		margin:0px!important;
	}
	.ast-header-break-point .main-navigation .stack-on-mobile li {
    padding: 0.9em 20px;
}
	.ast-submenu-expanded {
		background-color: #f1f1f1;
	}
	
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link{
			background-color: #f1f1f1;
	}
	
}



/* Section débouché homepage */


.section-homepage-debouche {
  width:100%;
  background-color : #0E2241;
  color:white;
}
.ehl {
    height: 100px !important;
    margin: 0px;
    top: 16px !important;
    position: relative;
}
.section-homepage-debouche img {
max-width:500px;
height:73px;
margin:0px;
padding:0px;
	transition: .25s;
	object-fit: cover;
	    width: auto;

}

.section-homepage-debouche img:hover {
	height:120px!important;
}
.image-debouche-homepage {
		padding-bottom:10px;
}

.flex-homepage-debouche {
 display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-top: -57px;
    height: auto;
    align-items: flex-start;
    justify-content: space-around;

}
.flex-homepage-debouche .debouches-homepage {
  margin: 1%;
    width: 20%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    text-align: right;
    /* justify-content: center; */
    height: 213px;
    height: 240px;
}

.flex-homepage-debouche .debouches-homepage a {
  text-align:center;
  color: #0E2241;
  text-decoration:none;
	font-weight:bolder;
	font-size:14pt;
}
.flex-homepage-debouche .debouches-homepage a p{
	margin-top:0%;
}

.losange {
    width: 0;
    height: 0;
    border: 95px solid transparent;
    border-bottom: 94px solid white;
    position: relative;
    top: -255px;
     z-index:-1;
	 pointer-events: none;
}
 
.losange:after {
	 pointer-events: none;
       content: '';
    position: absolute;
    left: -94px;
    top: 94px;
    width: 0;
    height: 0;
    border: 94px solid transparent;
    border-top: 95px solid white;
    z-index: -1;
}
.debouches-homepage a p {
	margin:0px;
}



.flex-homepage-debouche {
    flex-wrap: nowrap;
    flex-direction: row;
    margin-top: 341px;
    height: 49px;
    align-items: end;
    justify-content: space-around;
    display: flex
;
    top: 60px;
    position: relative;
}

@media only screen and (min-width: 821px) {
.flex-homepage-debouche .debouches-homepage {
    margin: 1%;
    width: 17%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: end;
    height: 213px;
    height: 211px;
	}

 .flex-homepage-debouche .debouches-homepage {
       margin: 2%;
        width: 42%;
        display: flex
;
        flex-direction: column;
        align-items: center;
        text-align: right;
        /* justify-content: center; */
        height: 213px;
        height: 150px;
    }
	
}

@media only screen and (max-width: 820px) {
	  .flex-homepage-debouche .debouches-homepage {
       margin: 5%;
        width: 42%;
        display: flex
;
        flex-direction: column;
        align-items: center;
        text-align: right;
        /* justify-content: center; */
        height: 213px;
        height: 150px;
    }
	.flex-homepage-debouche {
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 117px;
    height: 666px;
    align-items: center;
    justify-content: center;
    display: flex
;
    top: 39px;
    position: relative;
}
	.flex-homepage-debouche .debouches-homepage {
  margin:5%;
  width:73%;

  display:flex;
  flex-direction:column;
  align-items:center;
    text-align:center;
    justify-content:end;
}
	.section-homepage-debouche {
		height: auto;
	}
	
	.losange {
    width: 0;
    height: 0;
    border: 79px solid transparent;
    border-bottom: 81px solid white;
    position: relative;
    top: -212px;
    z-index: -1;
    pointer-events: none;
}
	.losange:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: -79px;
    top: 80px;
    width: 0;
    height: 0;
    border: 79px solid transparent;
    border-top: 83px solid white;
    z-index: -1;
}
  .flex-homepage-debouche .debouches-homepage {
        margin: 5%;
        width: 42%;
        display: flex
;
        flex-direction: column;
        align-items: center;
        text-align: right;
        /* justify-content: center; */
        height: 213px;
        height: 150px;
    }
	
	
	.flex-homepage-debouche .debouches-homepage {
		margin:5%!important;
	}
  
  }
 
   

.pourcent {
	font-size:21pt;
	margin-top:10px;
	
}


/* Tableau comparaison Maturité Bac IB A level*/

.comparaison {
	width: 100%;
  border-collapse: collapse;
}
.comparaison th {
	background-color: #D0D0D0;

}
.comparaison td {
	text-align:center;

	padding:1%;
	opacity: 0.9;
	border: 1px dotted lightgray;
	vertical-align:sub;
}
.comparaison .libre:hover {
		background-color:#F1F1F1;

}
.comparaison td.school {
		color: #0E2241;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    border-bottom: none!important;
	

	
}
.comparaison td.school .school-inner {
  height: 100%;
 
}
.comparaison td.school img {
	    max-width: 100%;
    max-height: 144px;
    object-fit: contain;
    padding: 13%;
}
.comparaison td:not(.school),
.comparaison th {
  vertical-align: sub;
}
.comparaison .libre {
	background-color: #F5F5F5;

}
.comparaison .libre b {
		color: #0073BD;
	font-weight:bolder;
}
.comparaison .limited {
	background-color: none;
}
.comparaison .limited b {
		color: #AB1718;
	font-weight:bolder;
}

.comparaison .formation {
	width:20%;

}

.fond-g {
		background-color: #F5F5F5;

}
.comparaison td ul {
	margin:0px!important;
	margin-left:14px!important;
	padding:0px !important;
}
@media only screen and (max-width: 820px) { 
.comparaison .formation {
	width:100px;
}
	.comparaison {
		vertical-align: middle;
	}
	.comparaison .appear {
		display:none;
				margin-bottom:0px;!important	}
	.comparaison b {
		font-size:9pt;
		font-weight:normal;	
			

	}
	
	.comparaison {
    width: 100%;
    overflow-x: auto;
    display: block;
}
	
	.comparaison p {
		margin-bottom:0px;!important
	}

	.comparaison th,
.comparaison td {
    word-wrap: break-word;
    white-space: normal;
}
	  .comparaison td {
        font-size: 10pt;
    }
	
	.comparaison .school {
    color: #0E2241;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8%;
		width:110px;
}
	
	.comparaison td.school {
		width:89px;
	}
	.comparaison td.school img {
    padding: 0%!important;
	}
} 





.container_sportetsortie {

      margin: 0 auto;
      background: #fff;
      box-shadow: 0 2px 16px #ddd;
      padding: 0 0 30px 0;
    }
    .admissions_sportetsortie {
display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 8%;
    margin: 0;
    }

    .admissions-text_sportetsortie {
			    width: 56%;
    padding-right: 8%;
    display: flex
;
    flex-direction: column;
    }
    .admissions-title_sportetsortie {
      color: #ab1718;
      font-weight: bold;
      font-size: 1.2em;
      margin-bottom: 10px;
    }
    .admissions-img_sportetsortie {
      flex: 1;
      width: auto;
      height: auto;
			      display: block;
      overflow: hidden;
      margin-top: 10px;
    }
    .admissions-img_sportetsortie img {
      width: 100%;
      height: auto;
      display: block;
    }
        .section-bg-titre_sportetsortie {
      position: relative;
      width: 100%;
      height: 200px; 
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .section-bg-titre_sportetsortie::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("https://lemanmaturite.ch/wp-content/uploads/2025/05/Capture-decran-2025-05-01-a-13.38.12-e1746100680810.png");
    filter: brightness(50%);
    z-index: 0;
    background-position: center;
    }

.section-bg-titre_sportetsortie h2{position: relative;
      z-index: 1;
      margin: 0.5rem;
			color:white}
    .section-bg-titre_sportetsortie h3 {
			font-size:15.5px;
      position: relative;
      z-index: 1;
      margin: 0.5rem;
			color:white
				
    }

.activity-card-title_sportetsortie {
  width: 300px;
  height: 350px;
  position: relative;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
margin: 100px 0px 150px 0px;
  z-index: 1;
}

.activity-card-content_sportetsortie {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 370px;
	border-radius:8px;
  background: white;
  padding: 20px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 40%);
	z-index: 2}

.activity-card-content_sportetsortie h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
}

.activity-card-content_sportetsortie ul {
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
}

  .top-row_sportetsortie {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding: 40px 40px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.school_sportetsortie {
  flex: 1 1 0;
  min-width: 250px;
  text-align: center;
}

.school_sportetsortie div {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}


.school_sportetsortie img {
  width: 80%;
  aspect-ratio: 1 / 1; 
  object-fit: cover;   
  border-radius: 8px;
  box-shadow: 15px 15px 18px rgb(0 0 0 / 41%);
}
.section-bg-dark_titre_sportetsortie {
  position: relative;
  width: 100%;
  height: 200px; /* Увеличил высоту для лучшего эффекта */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.section-bg-dark_titre_sportetsortie::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url('https://lemanmaturite.ch/wp-content/uploads/2025/05/22092022-ehl-e1746620770906.jpg') center/cover no-repeat;
  filter: brightness(50%); 
  z-index: 0;
}

.section-bg-dark_titre_sportetsortie h2 {font-size:25px;color:white;position: relative;
  z-index: 1; 
  margin: 0.5rem;
	}

.section-bg-dark_titre_sportetsortie h3 {font-size:15px;
  position: relative;
  z-index: 1;
  margin: 0.5rem;
	color:white
}

    .sortie-row_sportetsortie {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 40px;
      margin: 30px 40px 30px 40px;
      flex-wrap: wrap;
    }
    .sortie-img_sportetsortie {
      flex: 1;
      min-width: 220px;
      max-width: 320px;
      border-radius: 6px;
      overflow: hidden;
    }
    .sortie-img_sportetsortie img {
      width: 100%;
      height: auto;
      border-radius: 6px;
      display: block;
    }
    .sortie-text_sportetsortie {
      flex: 2;
      color: #fff;
      font-size: 1.05em;
      margin-top: 10px;
    }
      .top-row_sportetsortie {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 7%;
      gap: 24px;
    }
    
    .divider_sportetsortie {
      border-top: 3px solid #c4c4c4;
      margin: 0 0 0 0;
      position: relative;
      top: 0;
    }
    .subtitle_sportetsortie {
      color: #ab1718;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      padding: 24px 0 44px 0;
    }
    .bottom-row_sportetsortie {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      gap: 80px;
      margin: 40px 0 90px 0;
    }
    .stat_sportetsortie {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
    }
    .stat-icon_sportetsortie {
     border-color: black;
    border-width: medium;
    border-style: solid;
      width: 110px;
      height: 110px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.09);
      transform: rotate(45deg);
          
    }
    .stat-content_sportetsortie {
      transform: rotate(-45deg);
      text-align: center;padding-top: 37px;
    padding-right: 30px;
    }
.stat-content_sportetsortie h4 {padding-top: 60%;}
    .stat_sportetsortie .percent_sportetsortie {
      color: #0e2241;
      font-size: 20px;
      font-weight: bold;
      display: block;
      margin-top: 6px;
    }
    .stat_sportetsortie .percent.blue_sportetsortie {
      color: #1a6fc1;
			font-size: 21px;
    }
    .stat_sportetsortie .percent.gray_sportetsortie {
      color: #b2b2b2;
    }
    .partners-section_sportetsortie {
      margin: 40px 0 25px 0;
      text-align: center;
    }
    .partners-list_sportetsortie {
      display: flex;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;
      margin-top: 10px;
    }
    .partner-logo_sportetsortie {
      width: 80px;
      height: 80px;
      background: #f7f7f7;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 1px 6px #bbb;
    }
    .partner-logo_sportetsortie img {
      max-width: 60px;
      max-height: 60px;
    }
.content-columns{
	display:flex;
	flex-direction:column
}

.section-bg-dark_spoeretude_titre_sportetsortie {
	display:flex;
	flex-direction:row;
}
.section-bg-dark_spoeretude_titre_sportetsortie {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
	background: url('https://lemanmaturite.ch/wp-content/uploads/2024/10/U20Elit_HCLugano-GeneveFuturHockey-216.jpg') center/cover no-repeat;
	filter: brightness(50%);
z-index:0
}

.background-image {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.overlay {
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6); /* затемнення */
  width: 100%;
  height: 100%;
  display: flex;
	flex-direction: row; 
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  color: white;
  gap: 30px;
}

.column {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

h2 {
  font-size: 20px;
  font-weight: bold;
}

.cta-button {
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #c00;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

ul {
  padding-left: 20px;
  list-style-type: disc;
}
h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
    color:white
}
.activity-cards-wrapper {display: flex
;
    flex-wrap: wrap;
    width: 100%;
	box-sizing: border-box;padding: 0 40px;}

.activity-card-title_sportetsortie {
	width: 250px;
  height: 330px;
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 60px;
  z-index: 1;
	    margin: 100px 50px 140px 50px
}

.activity-card-content_sportetsortie {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,44%);
  z-index: 2;
}
  .top-row_sportetsortie {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding: 120px 40px 140px 40px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.school_sportetsortie {
  flex: 1 1 0;
  min-width: 250px;
  text-align: center;
}


.school_sportetsortie div {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.school_sportetsortie img {
  width: 800%;
  aspect-ratio: 1 / 1; 
  object-fit: cover;   
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}



/* Mise en page et fonction du pop-up */

#pop-up p {
  margin-top: 0;
  margin-bottom: 0;
  display: block; 
}

#pop-up a {
  display: inline-block; 
  margin-left: 3px; 
}

#pop-up > label.bouton-supprimer {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #F4F6FC;
    padding: 5px 5px;
    font-size: 22pt;
    cursor: pointer;
    border-radius: 3px;
}


.button-style_year {
    width: 90%;
    padding: 4%;
	margin:0% 5%;
    color: white !important;
    display: block;
	font-size:9pt;
	text-align:center;
	line-height:1;
	border:1px solid #404040;
}

.button-style_year:hover {
  
    color: #404040!important;
   
}

.button-style.button-style_w.footer-section_button.button-popup {
    width: 109px;
    height: 30px;
    padding: 0%;
    margin: 6px;

    border: none;
	    margin-right: 14pt;
}

.button-style.button-style_w.footer-section_button.button-popup:hover {
	border:1px solid white;
	background-color:#404040;
	color:white;
	Border:1px solid #404040;
}

.button-style.button-style_w.footer-section_button.button-popup a:hover {
	color:white;
}


#pop-up {
background-color: #404040;
    border-radius: 13px;
    padding: 0px;
    width: 89%;
    margin-left: 5%;
    margin-right: 1%;
    position: fixed;
    bottom: 12px;
    display: block;
    z-index: 4;
}
#pop-up span {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width:94.3%;
	margin-left:2%;
	color:white;
}

#pop-up span p {
	display:none;
}

#supprimer-section:checked + #pop-up {
  display: none !important;
}

	#pop-up a {
    display: inline-block;
    font-size: 9pt;
		margin-right:3px;
}
@media screen and (max-width: 650px){
	/* Téléphone */
	#pop-up > label.bouton-supprimer {
  position: absolute;
    top: 37px;
    right: 10px;
    color: #F4F6FC;
    padding: 2px 5px;
    font-size: 29pt;
    cursor: pointer;
    border-radius: 5px;
	}
		#pop-up a {
    display: inline-block;
    font-size: 12pt;
		margin-right:3px;
}
	#pop-up {
    background-color: #404040;
    border-radius: 8px;
    padding: 0px;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    position: fixed;
    bottom: 3px;
    display: block;
    z-index: 2;
    border: 1px solid white;
    height: 9rem;
}
	
	
	
	.button_w {
		width:99px!important;
		position:relative;
		right:5px;
	}
	
	.button_w a {
		font-size:10pt!important;
	}

    #pop-up span {
        display: flex
;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
			text-align:center;
        width: 96.3%;
        margin-left: 3%;
        color: white;
        font-size: 12pt;
        line-height: normal;
        height: 100%;
			padding:0% 5%;
    }
	.button-style.button-style_w.footer-section_button.button-popup {
    width: 167px;
    height: 38px;
    padding: 0%;
    margin: 9px;
    border: none;
    margin-right: 14pt;
    font-size: 17pt;
}
	
	
	#pop-up > label.bouton-supprimer {
    position: absolute;
    top: 87px;
    right: 10px;
    color: #F4F6FC;
    padding: 2px 5px;
    font-size: 29pt;
    cursor: pointer;
    border-radius: 5px;
}
	
}




/* Page sports et activités */



.footer-sports {

	background-image:url("https://lemanmaturite.ch/wp-content/uploads/2024/10/U20Elit_HCLugano-GeneveFuturHockey-491.jpg");
	
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,.4);


  background-repeat: no-repeat;
  background-attachment: fixed;
	  background-position: center;
  background-size: cover;
width:100%;
	padding:8%;
	display: flex;
    justify-content: space-between;
	align-items:center;
				flex-direction:row;

}



@media only screen and (max-width: 768px) {
	
	.footer-sports {
			flex-direction:column;

	}
}


.backg_w {
	background-color: white;
}

.losange-b {
	border-bottom: 94px solid #dadfe7;
}

.losange-b::after {
	border-top: 95px solid #dadfe7;
}


.t_light_g b {
    color: #1b4484;
	letter-spacing: 0.5px;
}

.texte-avant-block {
	display:flex;
	flex-direction:row;
	justify-content: space-evenly;
    gap: 80% 5%;
	    padding-top: 7%;
}





/*Page sport et activités 2*/


.activites-holder {
 width: 100%;
    height: 278px;
    margin: 4% 0%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}




.holder {
 width: 23%;
    margin: 1%;
    height: 247px;
    overflow: hidden;
    border-radius: 8px;

}

.holder img {
  transition: filter 1s, transform 0.5s;
  height: 250px;
  width:100%;
  filter: blur(0) brightness(60%);
  object-fit:cover;
  
}

.holder:hover img {
  filter: blur(3px) brightness(90%);
  transform: scale(1.2);
    height: 250px;
    transition: filter 2s, transform 0.5s;
      object-fit:cover;


}
.holder-texte {
  z-index:4;
position:absolute;
width:22.5%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:white;
	margin-top:2%;
}
.holder-texte ul li {
opacity:0;
font-size:14pt;
transition: opacity 1s;
		margin:0%;

}
.holder-texte ul {
			margin:0%;
}
.holder-texte:hover ul li{
opacity:1;
transition: opacity 1s;
}
.holder-texte:hover ul li:nth-child(1) { transition-delay: 0.2s; }
.holder-texte:hover ul li:nth-child(2) { transition-delay: 0.4s; }
.holder-texte:hover ul li:nth-child(3) { transition-delay: 0.6s; }



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

.activites-holder {
   width: 100%;
        height: 1498px;
        margin: 7% 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	 }
	 .holder {
		        width: 90%;
        height: 350px;
        margin: 16px;
	 }
	 .holder-texte{
		width: 91%;
        margin-top: 7%;
	 }
	 .holder img {
    transition: filter 1s, transform 0.5s;
    height: 323px;
    width: 100%;
    filter: blur(0) brightness(60%);
    object-fit: cover;
}
	 .holder:hover img {
		 height:360px;
	 }
}


/* Page sport et activités, partie sur les divers clubs dans la région */



  .carousel-container {
      overflow-x: auto;
      white-space: nowrap;
      padding: 10px;
      width:100%;
     
    }

    .carousel-slide {
      display: inline-block;
      width: 25%;
      height:140px;
      margin-right: 2%;
      scroll-snap-align: start;
      background-color: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    }

    .carousel-slide img {
      max-height:100px;
      margin-left:auto;
      margin-right:auto;
      display: block;
    }

    .carousel-caption {
      padding: 10px;
      text-align: center;
    }

@media only screen and (max-width: 820px) { 
	.carousel-slide{
		width:71%;
	}
	


}


/* page d'accueil flèche blanche dans la version mobile */

/* vertical arrows */
.line-vertical {
    width: 5px; /* line-width */
    height: 15px; /* line length */
    margin-left: 18px;
    margin-top: 35px;
      position: relative;
    background: #fff;
    border-radius:8px;
}


.arrow-down:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    bottom: -15px;
    border-top: 15px solid #fff;
    left: -4.5px;

}

.arrow-mobile {
	display:none;
}

@media only screen and (max-width: 820px) {
	
	.arrow-mobile {
		display:block;
		height:0px;
		width:100%;
		padding-left:auto;
		padding-right:auto;
	}
.line-vertical {
	position:relative;
  bottom: 18vh;
          margin-left: auto;
        margin-right: auto;
}


}





.timeline-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;

}

.circle-timeline {
  border: 1px solid #ab1718;
  background: #ab1718;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bolder;
  transition: 0.3s;
  cursor: pointer;
	z-index:3;
}

.circle-timeline:hover {
  width: 40px;
  height: 40px;
  background-color: white;
  color: #ab1718;
}

.texte-timeline {
  margin-top: 10px;
  text-align: center;
  max-width: 200px;
  transition:0.5s;
  color:grey;  
}

.timeline-step:hover .texte-timeline {
  color:#ab1718;  
  transition:0.5s;  
}

.timeline-step:hover .circle-timeline{
  width: 40px;
  height: 40px;
  background-color: white;
  color: #ab1718;
}

#align-items-timeline {
  display: flex;
  justify-content: space-around;
	flex-direction:row;
  align-items:first baseline;
  margin-top: 6%;
  margin-bottom: 1%;

}

#timeline-line {
  border: 1px solid #ab1718;
  width: 100%;
  height: 0px;
	border-radius: 20px;
  position: relative;
  top: -11.9em;
  z-index: 1;
}


.texte-timeline p {
    height: auto;
    padding-bottom: 6%;
}


.nationalites-div {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	transition:0.5s;
}
.nationalites-div video {
	width:65%;
	transition:0.5s;
}


.nationalites-div video:hover {
	width:80%;
	transition:0.5s;
}



@media only screen and (max-width: 820px) {
	#align-items-timeline {
		flex-direction:column;
	}
	.timeline-step {
		width:100%;
	}
	.nationalites-div video {
	width:100%;	
	}
	.nationalites-div video:hover {
			width:100%;	
	}
	.nationalites-div {
		width:100%;
	}
	.timeline-step:hover .circle-timeline {
		width:50px;
		height:50px;
	}
	.texte-timeline {
		margin-top: 10px;
    text-align: center;
    font-size: 13.2pt;
    max-width: 240px;
	}
}


.nationalites-displayflex {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:baseline;
	margin: 0% 8%;
}
.nationalites-displayflex div {
display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 8%;
    border: 1px solid #e4e4e4;
    margin: 0.6%;
    padding: 0.9% 1% 0%;
    -webkit-box-shadow: -1px -1px 22px 6px rgba(0, 0, 0, 0.45);
    box-shadow: -1px -1px 10px 0px rgba(0, 0, 0, 0.1);
		transition:1s;

}

.nationalites-displayflex div p {
	font-size:5.5pt;
		transition:1s;
		color: black;
	font-weight:normal;

}
.nationalites-displayflex div img {
	width:12em;
		transition:0.5s;

}

.nationalites-displayflex div:hover {
width:11%;
	transition:1s;
}
.nationalites-displayflex div:hover > p {
	font-size:11pt;
	color: #0e2241;
	font-weight:bolder;
	transition:1s;
}


.nationalites-displayflex div img:hover {
	width:12.5em;
	transition:0.5s;
}

@media only screen and (max-width: 820px) {
	
	.nationalites-displayflex div img {
    width: 12em;
    transition: 0.5s;
}
	.nationalites-displayflex div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 28%;
        padding-bottom: 2%;
        margin: 2%;
}
	.nationalites-displayflex div:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30%;
        padding-bottom: 2%;
        margin: 2%;
}
	.nationalites-displayflex div p {
		font-size:10pt;
		padding-top:1.5%;
	}
	.nationalites-displayflex {
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0%;
}
	}




/* FAQ dans page internationale */

.content {
  padding: 0;
  margin: 0 auto;
	padding-bottom:5%;
}

.centerplease {
  margin: 0 auto;
  max-width: 270px;
  font-size: 40px;
}

/*Question*/
.question {
  position: relative;
  background: #dae0ee;
  margin: 0;
  padding: 10px 10px 10px 15px;
  display: block;
  width:100%;
  cursor: pointer;
}

/*Answer*/
.answers {
  padding: 0px 15px;
  margin: 5px 0;
  width:100%!important;
  height: 0;
  overflow: hidden;
  z-index: -1;
  position: relative;
  opacity: 0;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.questions:checked ~ .answers{
  height: auto;
  opacity: 1;
  padding: 15px;
  
}

/*FAQ Toggle*/
.plus {
  position: absolute;
  margin-left: 10px;
  z-index: 5;
  font-size: 2em;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;

}
.infos-frais {
	width:100%;
}
.questions:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

}

.questions {
  display: none;
  
}

.faq-h3 {
padding-bottom:2%;	
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
	display:none!important;
}



	.image-mobile {
		display:none;
	}
	.image-computer {
		display:block;
	}
@media only screen and (max-width: 820px) {
	.image-mobile {
		display:block;
	}
	.image-computer {
		display:none;
	}
	}

.texte-fraisfrais {
	font-size: 12pt;
    line-height: 150%;
    margin: 11px 0% 5px 0% !important;
    text-decoration: underline;
    line-height: 36px;
}

#jtg-31820 {
	margin-bottom:3%;
}

.entry-content>:last-child,  {
    margin-bottom: 22px!important;
}

@media only screen and (max-width: 820px) {
    .s-twoside-reverse {
        flex-wrap: wrap-reverse;
        display: flex;
    }
	.s-twoside-reversee {
		flex-direction:column;
		padding-top:4%;
		  background-color: #EDEDED;
	}
		.s-twoside-reversee2 {
		flex-direction:column;
		margin-bottom:4%;
		  background-color: #EDEDED;
	}
}

/* maturité intensive*/

.programme-timeline {
  width:100%;
  display:flex;
  flex-direction:row;
  align-items: center;
  color: #404040;
  font-weight: bolder;

}
.ligne-simple {
   width: 40%;
   height: 3px;
   background-color: #404040;
	border: 0px solid white;
}
.ligne-simple-w {
  
  background-color: white;
}
.ligne-simple-2 {
	 width: 42.5%;
}

@media only screen and (max-width: 1024px) {
	.ligne-simple-2 {
	 width: 43%;
}
	
}


.circle-simple {
  border: 2px solid #404040;
  border-radius: 50px;
  height:40px;
  width:42px;
  display:flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
}
.circle-simple-w {
  border:none;
}

@media only screen and (max-width: 820px) {
	.ligne-simple-2 {
	 width: 44.5%;
}
	.circle-simple{
		height:28px;
	}
}


/*Histoie */



.image-histoire {
	width: auto!important;
    height: 49%!important;
    object-fit: cover!important;
    margin-top: 69px!important;
}

@media only screen and (max-width: 820px) {
	
.image-histoire {
width: auto !important;
height: 100% !important;
object-fit: cover !important;
margin-top: 0px !important;
}

}


/* Section Homepage unis label */

p.texte.t_g.hp-unis{	font-size:8.5pt!important;
	background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-3&color=c6d9f7);
	padding:10px;
}


@media only screen and (max-width: 820px) {
	p.texte.t_g.hp-unis {
		font-size:10pt;
	}
}