.wp-block {max-width: 100% !important;margin-top: 0 !important;margin-bottom: 0 !important;}
.clear{clear: both;}

.wrapper-grand{display:block; position:relative; padding:0; margin:0 auto; max-width:100%; width:100%; box-sizing:border-box;}
.wrapper-normal{display:block; position:relative; padding:0; margin:0 auto; max-width:1240px; width:100%; box-sizing:border-box;}
.wrapper-petit{display:block; position:relative; padding:0; margin:0 auto; max-width:940px; width:100%; box-sizing:border-box;}
 

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/


.bloc-mosaique-photo{display:block; padding:40px 0; margin:0; box-sizing:border-box; text-align:center }
.bloc-mosaique-photo .colonne{display:inline-block; padding:0 30px; margin:20px 0; vertical-align:top; box-sizing:border-box;}
.bloc-mosaique-photo.presentation-a .colonne .visuel{display:block; width:25%;float:left; padding:10px 0 0 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-mosaique-photo.presentation-a .colonne .visuel img{display: block; width: 100%; padding: 0; margin: 0; height: auto;}
.bloc-mosaique-photo.presentation-a .colonne .texte{display:block; width:75%; border-left:solid 1px; float:left; padding:5px 0 5px 15px; margin:0; box-sizing:border-box;}
.bloc-mosaique-photo.presentation-a .colonne .texte h2{display:block; padding:0; margin:0; font-size:1.2rem; font-weight:600; text-decoration:none; text-align: left; box-sizing:border-box;}
.bloc-mosaique-photo.presentation-a .colonne .texte h3{display:block; padding:5px 0 0 0; margin:0; font-size:0.9rem; font-weight:500; text-align: left; box-sizing:border-box;}

.bloc-mosaique-photo.presentation-b .colonne .visuel{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-mosaique-photo.presentation-b .colonne .texte{display:block;  border:none; padding:5px 0 10px 0; margin:0; box-sizing:border-box; text-align: center;}
.bloc-mosaique-photo.presentation-b .colonne .texte h2{display:block; padding:0; margin:0; font-size:1.2rem; font-weight:600; text-decoration:none; box-sizing:border-box;}
.bloc-mosaique-photo.presentation-b .colonne .texte h3{display:block; padding:10px 0 0 0; margin:0; font-size:0.9rem; font-weight:400; box-sizing:border-box;}
.bloc-mosaique-photo.presentation-b .colonne .texte a{display:block; padding:10px 0; margin:0; font-size:0.9rem; font-weight:400; box-sizing:border-box; text-decoration:none;}
.bloc-mosaique-photo.presentation-b .colonne .texte a:hover{color: #077832 !important;  text-decoration:underline;}


.bloc-mosaique-photo.hauteur-grand{padding:300px 3%;}
.bloc-mosaique-photo.hauteur-normal{padding:60px 3% 20px 3%;}
.bloc-mosaique-photo.hauteur-petit{padding:0px 3%;}

.bloc-mosaique-photo.typo-grand .colonne{margin:40px 0;}
.bloc-mosaique-photo.typo-normal .colonne{margin:0 0 30px 0;}
.bloc-mosaique-photo.typo-petit .colonne{margin:20px 0;}

.bloc-mosaique-photo.typo-grand .colonne .texte h2{font-size:2.4rem; line-height: 2.7rem;}
.bloc-mosaique-photo.typo-normal .colonne .texte h2{font-size:1.6rem; line-height: 2rem;}
.bloc-mosaique-photo.typo-petit .colonne .texte h2{font-size:1.2rem; line-height: 1.5rem;}

.bloc-mosaique-photo.typo-grand .colonne .texte h3{font-size:1.3rem; line-height: 1.8rem; font-weight: 500;}
.bloc-mosaique-photo.typo-normal .colonne .texte h3{font-size:1rem; line-height: 1.4rem;}
.bloc-mosaique-photo.typo-petit .colonne .texte h3{font-size:0.9rem; line-height: 1.2rem;}


@media screen and (max-width: 1380px){
    .bloc-mosaique-photo.hauteur-grand{padding:200px 3%;}
    .bloc-mosaique-photo.hauteur-normal{padding:150px 3%;}
    .bloc-mosaique-photo.hauteur-petit{padding:60px 3%;}

    .bloc-mosaique-photo.typo-grand .colonne{margin:30px 0;}
    .bloc-mosaique-photo.typo-normal .colonne{margin:20px 0;}
    .bloc-mosaique-photo.typo-petit .colonne{margin:10px 0;}

    .bloc-mosaique-photo.typo-grand .colonne .texte h2{font-size:2.2rem; line-height: 2.6rem;}
    .bloc-mosaique-photo.typo-normal .colonne .texte h2{font-size:1.6rem; line-height: 2rem;}
    .bloc-mosaique-photo.typo-petit .colonne .texte h2{font-size:1.2rem; line-height: 1.5rem;}

    .bloc-mosaique-photo.typo-grand .colonne .texte h3{font-size:1.2rem; line-height: 1.5rem;}
    .bloc-mosaique-photo.typo-normal .colonne .texte h3{font-size:1rem; line-height: 1.3rem;}
    .bloc-mosaique-photo.typo-petit .colonne .texte h3{font-size:0.9rem; line-height: 1.2rem;}
}

@media screen and (max-width: 780px){
    .bloc-mosaique-photo.hauteur-grand{padding:60px 2%;}
    .bloc-mosaique-photo.hauteur-normal{padding:50px 2%;}
    .bloc-mosaique-photo.hauteur-petit{padding:30px 2%;}

    .bloc-mosaique-photo.typo-grand .colonne{margin:20px 0;}
    .bloc-mosaique-photo.typo-normal .colonne{margin:20px 0;}
    .bloc-mosaique-photo.typo-petit .colonne{margin:20px 0;}

    .bloc-mosaique-photo.typo-grand .colonne .texte h2{font-size:1.4rem; line-height: 1.6rem;}
    .bloc-mosaique-photo.typo-normal .colonne .texte h2{font-size:1.2rem; line-height: 1.5rem;}
    .bloc-mosaique-photo.typo-petit .colonne .texte h2{font-size:1rem; line-height: 1.3rem;}

    .bloc-mosaique-photo.typo-grand .colonne .texte h3{font-size:1rem; line-height: 1.4rem;}
    .bloc-mosaique-photo.typo-normal .colonne .texte h3{font-size:0.95rem; line-height: 1.2rem;}
    .bloc-mosaique-photo.typo-petit .colonne .texte h3{font-size:0.85rem; line-height: 1.1rem;}

    .bloc-mosaique-photo .colonne{display:block; padding:10px 0px; width:100% !important; }
    .bloc-mosaique-photo.presentation-a .colonne .visuel{display:block; width:100%;float:none; padding:0 0 10px 0;}
    .bloc-mosaique-photo.presentation-a .colonne .texte{display:block; width:100%; border:none; float:none; padding:5px 0 10px 0px; }
    .bloc-mosaique-photo.presentation-a .colonne .texte h2{text-align: center;}
    .bloc-mosaique-photo.presentation-a .colonne .texte h3{text-align: center; }

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-valeur{display:block; padding:40px 0; margin:0; box-sizing:border-box; text-align:center }
.bloc-valeur .colonne{display:inline-block; padding:0 30px; margin:20px 0; vertical-align:top; box-sizing:border-box;}
.bloc-valeur.presentation-a .colonne .visuel{display:block; width:25%;float:left; padding:10px 0 0 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-valeur.presentation-a .colonne .visuel i, .bloc-valeur.presentation-a .colonne .visuel span{font-size:3rem; }
.bloc-valeur.presentation-a .colonne .texte{display:block; width:75%; border-left:solid 1px; float:left; padding:5px 0 5px 15px; margin:0; box-sizing:border-box;}
.bloc-valeur.presentation-a .colonne .texte h2{display:block; padding:0; margin:0; font-size:1.2rem; font-weight:600; text-decoration:none; text-align: left; box-sizing:border-box;}
.bloc-valeur.presentation-a .colonne .texte h3{display:block; padding:5px 0 0 0; margin:0; font-size:0.9rem; font-weight:500; text-align: left; box-sizing:border-box;}

.bloc-valeur.presentation-b .colonne .visuel{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-valeur.presentation-b .colonne .visuel i, .bloc-valeur.presentation-b .colonne .visuel span{font-size:3rem;  }
.bloc-valeur.presentation-b .colonne .texte{display:block;  border:none; padding:5px 0 10px 0; margin:0; box-sizing:border-box; text-align: center;}
.bloc-valeur.presentation-b .colonne .texte h2{display:block; padding:0; margin:0; font-size:1.2rem; font-weight:500; text-decoration:none; box-sizing:border-box;}
.bloc-valeur.presentation-b .colonne .texte h3{display:block; padding:10px 0 0 0; margin:0; font-size:0.9rem; font-weight:400; box-sizing:border-box;}

.bloc-valeur.hauteur-grand{padding:300px 3%;}
.bloc-valeur.hauteur-normal{padding:200px 3%;}
.bloc-valeur.hauteur-petit{padding:50px 3%;}

.bloc-valeur.typo-grand .colonne{margin:40px 0;}
.bloc-valeur.typo-normal .colonne{margin:30px 0;}
.bloc-valeur.typo-petit .colonne{margin:20px 0;}

.bloc-valeur.typo-grand .colonne .texte h2{font-size:2.4rem; line-height: 2.7rem;}
.bloc-valeur.typo-normal .colonne .texte h2{font-size:1.6rem; line-height: 2rem;}
.bloc-valeur.typo-petit .colonne .texte h2{font-size:1.2rem; line-height: 1.5rem;}

.bloc-valeur.typo-grand .colonne .texte h3{font-size:1.2rem; line-height: 1.5rem;}
.bloc-valeur.typo-normal .colonne .texte h3{font-size:1.2rem; line-height: 1.5rem;}
.bloc-valeur.typo-petit .colonne .texte h3{font-size:0.9rem; line-height: 1.2rem;}

.bloc-valeur.typo-grand .colonne .visuel i, .bloc-valeur.typo-grand .colonne .visuel span{font-size:5rem; }
.bloc-valeur.typo-normal .colonne .visuel i, .bloc-valeur.typo-normal .colonne .visuel span{font-size:4.9rem; }
.bloc-valeur.typo-petit .colonne .visuel i, .bloc-valeur.typo-petit .colonne .visuel span{font-size:3rem; }

@media screen and (max-width: 1380px){
    .bloc-valeur.hauteur-grand{padding:200px 3%;}
    .bloc-valeur.hauteur-normal{padding:150px 3%;}
    .bloc-valeur.hauteur-petit{padding:60px 3%;}

    .bloc-valeur.typo-grand .colonne{margin:30px 0;}
    .bloc-valeur.typo-normal .colonne{margin:20px 0;}
    .bloc-valeur.typo-petit .colonne{margin:10px 0;}

    .bloc-valeur.typo-grand .colonne .texte h2{font-size:2.2rem; line-height: 2.6rem;}
    .bloc-valeur.typo-normal .colonne .texte h2{font-size:1.6rem; line-height: 2rem;}
    .bloc-valeur.typo-petit .colonne .texte h2{font-size:1.2rem; line-height: 1.5rem;}

    .bloc-valeur.typo-grand .colonne .texte h3{font-size:1.2rem; line-height: 1.5rem;}
    .bloc-valeur.typo-normal .colonne .texte h3{font-size:1rem; line-height: 1.3rem;}
    .bloc-valeur.typo-petit .colonne .texte h3{font-size:0.9rem; line-height: 1.2rem;}

    .bloc-valeur.typo-grand .colonne .visuel i, .bloc-valeur.typo-grand .colonne .visuel span{font-size:4rem; }
    .bloc-valeur.typo-normal .colonne .visuel i, .bloc-valeur.typo-normal .colonne .visuel span{font-size:4rem; }
    .bloc-valeur.typo-petit .colonne .visuel i, .bloc-valeur.typo-petit .colonne .visuel span{font-size:3rem; }
}

@media screen and (max-width: 780px){
    .bloc-valeur.hauteur-grand{padding:60px 2%;}
    .bloc-valeur.hauteur-normal{padding:50px 2%;}
    .bloc-valeur.hauteur-petit{padding:30px 2%;}

    .bloc-valeur.typo-grand .colonne{margin:20px 0;}
    .bloc-valeur.typo-normal .colonne{margin:20px 0;}
    .bloc-valeur.typo-petit .colonne{margin:20px 0;}

    .bloc-valeur.typo-grand .colonne .texte h2{font-size:1.4rem; line-height: 1.6rem;}
    .bloc-valeur.typo-normal .colonne .texte h2{font-size:1.2rem; line-height: 1.5rem;}
    .bloc-valeur.typo-petit .colonne .texte h2{font-size:1rem; line-height: 1.3rem;}

    .bloc-valeur.typo-grand .colonne .texte h3{font-size:1rem; line-height: 1.4rem;}
    .bloc-valeur.typo-normal .colonne .texte h3{font-size:0.95rem; line-height: 1.2rem;}
    .bloc-valeur.typo-petit .colonne .texte h3{font-size:0.85rem; line-height: 1.1rem;}

    .bloc-valeur.typo-grand .colonne .visuel i, .bloc-valeur.typo-grand .colonne .visuel span{font-size:4rem; }
    .bloc-valeur.typo-normal .colonne .visuel i, .bloc-valeur.typo-normal .colonne .visuel span{font-size:4rem; }
    .bloc-valeur.typo-petit .colonne .visuel i, .bloc-valeur.typo-petit .colonne .visuel span{font-size:3rem; }

    .bloc-valeur .colonne{display:block; padding:10px 0px; width:100% !important; }
    .bloc-valeur.presentation-a .colonne .visuel{display:block; width:100%;float:none; padding:0 0 10px 0;}
    .bloc-valeur.presentation-a .colonne .texte{display:block; width:100%; border:none; float:none; padding:5px 0 10px 0px; }
    .bloc-valeur.presentation-a .colonne .texte h2{text-align: center;}
    .bloc-valeur.presentation-a .colonne .texte h3{text-align: center; }

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.section-image{display:block; padding:0; margin:0; box-sizing:border-box;}
.section-image .colonne-texte{display:block; position:relative; margin:0; padding:70px 20px 70px 52%; box-sizing:border-box;}
.section-image .colonne-texte h2{display:block; padding:0; margin:0; box-sizing:border-box; font-family: 'Exo', sans-serif;
font-weight: 400;}
.section-image .colonne-texte .descriptif{display:block; padding:20px 0; margin:0; box-sizing:border-box; font-weight: 400;}
.section-image .colonne-texte .descriptif p{padding: 0; margin: 0;}
.section-image .colonne-texte .descriptif strong{font-weight: 600; color: #212121;}
.section-image .colonne-texte .bouton{display:inline-block; cursor:pointer; padding:15px 20px; margin:10px 0 0 0; background-color:#222; color:#fff; text-decoration:none; box-sizing:border-box;font-weight:500; transition:all 0.3s ease;}
.section-image .colonne-texte .bouton:hover{background-color:#28854b; }
.section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background:url(https://svt2023.fr/wp-content/themes/thmwebjcg/img/accueil.jpg) no-repeat center center; background-size:cover; box-sizing:border-box;}
.section-image.inverse .colonne-texte{padding:70px 52% 70px 30px;}
.section-image.inverse .colonne-texte .image{left:auto; right:0;}

.section-image.padding-grand .colonne-texte{padding-top:200px; padding-bottom:200px;}
.section-image.padding-normal .colonne-texte{padding-top:100px; padding-bottom:100px;}
.section-image.padding-petit .colonne-texte{padding-top:50px; padding-bottom:50px;}

.section-image.largeur-grand .colonne-texte{padding-left: 78%; padding-right: 3%;}
.section-image.largeur-grand .colonne-texte .image{width: 75%;}
.section-image.inverse.largeur-grand .colonne-texte{padding-right: 78%; padding-left: 3%;}

.section-image.largeur-normal .colonne-texte{padding-left: 53%; padding-right: 3%;}
.section-image.largeur-normal .colonne-texte .image{width: 50%;}
.section-image.inverse.largeur-normal .colonne-texte{padding-right: 53%; padding-left: 3%;}

.section-image.largeur-petit .colonne-texte{padding-left: 28%; padding-right: 3%;}
.section-image.largeur-petit .colonne-texte .image{width: 25%;}
.section-image.inverse.largeur-petit .colonne-texte{padding-right: 28%; padding-left: 3%;}

.section-image .colonne-texte.typo-grand h2{font-size:3.6rem; line-height: 3.8rem;}
.section-image .colonne-texte.typo-grand .descriptif{font-size:1.6rem; line-height: 2rem; }
.section-image .colonne-texte.typo-grand .bouton{font-size:1.2rem; }

.section-image .colonne-texte.typo-normal h2{font-size:2.6rem; line-height: 2.8rem; }
.section-image .colonne-texte.typo-normal .descriptif{font-size:1.2rem; line-height: 1.6rem; }
.section-image .colonne-texte.typo-normal .bouton{font-size:1rem;}

.section-image .colonne-texte.typo-petit h2{font-size:1.8rem; line-height: 2rem;}
.section-image .colonne-texte.typo-petit .descriptif{font-size:1.2rem; line-height: 1.5rem; }
.section-image .colonne-texte.typo-petit .bouton{font-size:0.8rem; }

@media screen and (max-width: 1380px){
    .section-image.padding-grand .colonne-texte{padding-top:150px; padding-bottom:150px;}

    .section-image.largeur-grand .colonne-texte{padding-left: 53%; padding-right: 3%;}
    .section-image.largeur-grand .colonne-texte .image{width: 50%;}
    .section-image.inverse.largeur-grand .colonne-texte{padding-right: 53%; padding-left: 3%;}

    .section-image.largeur-normal .colonne-texte{padding-left: 53%; padding-right: 3%;}
    .section-image.largeur-normal .colonne-texte .image{width: 50%;}
    .section-image.inverse.largeur-normal .colonne-texte{padding-right: 53%; padding-left: 3%;}

    .section-image.largeur-petit .colonne-texte{padding-left: 53%; padding-right: 3%;}
    .section-image.largeur-petit .colonne-texte .image{width: 50%;}
    .section-image.inverse.largeur-petit .colonne-texte{padding-right: 53%; padding-left: 3%;}

    .section-image .colonne-texte.typo-grand h2{font-size:3rem;line-height: 3.2rem;}
    .section-image .colonne-texte.typo-grand .descriptif{font-size:1.4rem;line-height: 1.8rem; }
    .section-image .colonne-texte.typo-grand .bouton{font-size:1.1rem; }

    .section-image .colonne-texte.typo-normal h2{font-size:2rem;line-height: 2.2rem; }
    .section-image .colonne-texte.typo-normal .descriptif{font-size:1.2rem; line-height: 1.6rem; }
    .section-image .colonne-texte.typo-normal .bouton{font-size:1rem;}

    .section-image .colonne-texte.typo-petit h2{font-size:1.6rem; line-height: 1.8rem;}
    .section-image .colonne-texte.typo-petit .descriptif{font-size:0.9rem; line-height: 1.2rem; }
    .section-image .colonne-texte.typo-petit .bouton{font-size:0.8rem; }
}

@media screen and (max-width: 780px){
    .section-image .colonne-texte{padding:280px 2% 30px 2% !important;}
    .section-image .colonne-texte .image{height:250px; width:100% !important; background-attachment:scroll !important;}
    .section-image.inverse .colonne-texte{padding:280px 0px 30px 0px !important;}


    .section-image .colonne-texte.typo-grand h2{font-size:1.6rem;line-height: 1.8rem;}
    .section-image .colonne-texte.typo-grand .descriptif{font-size:1rem; line-height: 1.4rem; }
    .section-image .colonne-texte.typo-grand .bouton{font-size:0.9rem; }

    .section-image .colonne-texte.typo-normal h2{font-size:1.6rem;line-height: 1.8rem; }
    .section-image .colonne-texte.typo-normal .descriptif{font-size:1rem; line-height: 1.4rem; }
    .section-image .colonne-texte.typo-normal .bouton{font-size:0.9rem;}

    .section-image .colonne-texte.typo-petit h2{font-size:1.4rem;line-height: 1.6rem;}
    .section-image .colonne-texte.typo-petit .descriptif{font-size:0.85rem; line-height: 1.2rem; }
    .section-image .colonne-texte.typo-petit .bouton{font-size:0.8rem; }
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-signaletique{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box;  background-size:cover; background-position:center; background-repeat:no-repeat; }
.bloc-signaletique .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color:#28854b; }
.bloc-signaletique h2{display:block; padding:0; margin:0;  font-size:1.8rem; color:#fff; box-sizing:border-box; }
.bloc-signaletique h3{display:block; padding:20px 0; margin:0; font-size:1.2rem; color:#fff; font-weight:500; box-sizing:border-box;}
.bloc-signaletique h3 p{padding: 0; margin: 0;}
.bloc-signaletique a{display:inline-block; cursor:pointer; padding:15px 20px; text-transform: uppercase; margin:20px 0 0 0; background-color:transparent; color:#fff; font-size:1rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-signaletique a:hover{background-color:#000 !important; }
.bloc-signaletique#reservation a{color: #077832 !important;}
.bloc-signaletique#reservation a:hover{background-color:#077832 !important; color: white !important;}

.bloc-signaletique-formulaire{display: block; padding: 0; margin:30px 0 0 0; box-sizing: border-box;}
.bloc-signaletique-formulaire .colonnage{display: block; padding: 0; margin: 0; box-sizing: border-box; text-align: left;}
.bloc-signaletique-formulaire label{display:block; padding:0 0 0px 0; margin:0; font-size:1rem; color:#fff; font-weight:500; box-sizing:border-box;}
.bloc-signaletique-formulaire input{display:block; padding:10px 10px; margin:0px 0 10px 0; width:100%; background-color:white; color:#777; border:solid 2px transparent; font-size:1rem; font-weight:600; box-sizing:border-box; outline:none; transition:all 0.4s ease;}
.bloc-signaletique-formulaire input:focus{border-color:#000;}
.bloc-signaletique-formulaire textarea{display:block; padding:10px 10px; margin:5px 0 10px 0; width:100%; border:solid 2px transparent; background-color:white; color:#777; font-size:1rem; font-weight:600;outline:none; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-signaletique-formulaire textarea:focus{border-color:#000;}
.bloc-signaletique-formulaire select{display:block; padding:10px 10px; margin:5px 0 10px 0; width:100%; border:solid 2px transparent; background-color:white; color:#000; font-size:1rem; font-weight:600; box-sizing:border-box;outline:none; transition:all 0.4s ease;}
.bloc-signaletique-formulaire button{display:inline-block; cursor:pointer; padding:15px 20px; margin:40px 0 0 0; background-color:transparent; color:#fff; font-size:1rem; font-weight:600; border:solid 2px transparent; outline: none; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-signaletique-formulaire button:hover{background-color:#000 !important; border-color:#fff !important; color:#fff !important;}

.bloc-signaletique.hauteur-grand{padding:300px 3%;}
.bloc-signaletique.hauteur-normal{padding:200px 3%;}
.bloc-signaletique.hauteur-petit{padding:50px 3%;}

.bloc-signaletique.typo-grand h2{font-size:3.6rem; line-height: 3.8rem;}
.bloc-signaletique.typo-normal h2{font-size:2.6rem; line-height: 2.8rem;}
.bloc-signaletique.typo-petit h2{font-size:1.6rem; line-height: 1.8rem;}

.bloc-signaletique.typo-grand h3{font-size:1.6rem; line-height: 2rem;}
.bloc-signaletique.typo-normal h3{font-size:1.2rem; line-height: 1.6rem;}
.bloc-signaletique.typo-petit h3{font-size:0.9rem; line-height: 1.2rem;}

.bloc-signaletique.typo-grand a{font-size:1.2rem;}
.bloc-signaletique.typo-normal a{font-size:1rem;}
.bloc-signaletique.typo-petit a{font-size:0.8rem;}

.bloc-signaletique.typo-grand .bloc-signaletique-formulaire label{font-size:1.3rem;}
.bloc-signaletique.typo-normal .bloc-signaletique-formulaire label{font-size:1.2rem;}
.bloc-signaletique.typo-petit .bloc-signaletique-formulaire label{font-size:0.9rem;}

@media screen and (max-width: 1380px){
    .bloc-signaletique.hauteur-grand{padding:200px 3%;}
    .bloc-signaletique.hauteur-normal{padding:150px 3%;}
    .bloc-signaletique.hauteur-petit{padding:50px 3%;}

    .bloc-signaletique.typo-grand h2{font-size:3rem;line-height: 3.2rem;}
    .bloc-signaletique.typo-normal h2{font-size:2rem;line-height: 2.2rem;}
    .bloc-signaletique.typo-petit h2{font-size:1.6rem; line-height: 1.8rem;}

    .bloc-signaletique.typo-grand h3{font-size:1.4rem;line-height: 1.8rem;}
    .bloc-signaletique.typo-normal h3{font-size:1.2rem; line-height: 1.6rem;}
    .bloc-signaletique.typo-petit h3{font-size:0.9rem; line-height: 1.2rem;}

    .bloc-signaletique.typo-grand a{font-size:1.1rem;}
    .bloc-signaletique.typo-normal a{font-size:1rem;}
    .bloc-signaletique.typo-petit a{font-size:0.8rem;}

    .bloc-signaletique.typo-grand .bloc-signaletique-formulaire label{font-size:1.2rem;}
    .bloc-signaletique.typo-normal .bloc-signaletique-formulaire label{font-size:1.1rem;}
    .bloc-signaletique.typo-petit .bloc-signaletique-formulaire label{font-size:0.9rem;}
}

@media screen and (max-width: 780px){
    .bloc-signaletique{background-attachment:scroll !important;}

    .bloc-signaletique.hauteur-grand{padding:70px 2%;}
    .bloc-signaletique.hauteur-normal{padding:50px 2%;}
    .bloc-signaletique.hauteur-petit{padding:30px 2%;}

    .bloc-signaletique.typo-grand h2{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-signaletique.typo-normal h2{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-signaletique.typo-petit h2{font-size:1.4rem;line-height: 1.6rem;}

    .bloc-signaletique.typo-grand h3{font-size:1rem; line-height: 1.4rem;}
    .bloc-signaletique.typo-normal h3{font-size:1rem; line-height: 1.4rem;}
    .bloc-signaletique.typo-petit h3{font-size:0.85rem; line-height: 1.2rem;}

    .bloc-signaletique.typo-grand a{font-size:0.9rem;}
    .bloc-signaletique.typo-normal a{font-size:0.9rem;}
    .bloc-signaletique.typo-petit a{font-size:0.8rem;}

    .bloc-signaletique.typo-grand .bloc-signaletique-formulaire label{font-size:0.9rem;}
    .bloc-signaletique.typo-normal .bloc-signaletique-formulaire label{font-size:0.9rem;}
    .bloc-signaletique.typo-petit .bloc-signaletique-formulaire label{font-size:0.8rem;}

    .bloc-signaletique-formulaire .colonnage{column-count : 1 !important;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.accueil-interne{display: table; table-layout:fixed; position:relative; z-index:99;  padding:0; margin: 0;  box-sizing:border-box; width: 100%; background-size:cover; background-position: center; }
.accueil-interne .bloc-haut-de-page{display:table-cell; vertical-align: middle; text-align:center; padding:50px 3%; margin:0; position:relative; box-sizing:border-box;}
.accueil-interne .bloc-haut-de-page .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color:#28854b; }
.accueil-interne .bloc-haut-de-page h1{display:inline-block; background-color: rgba(87,216,229, 0.9); color: white; font-size:3rem; margin:0; padding:10px 20px 20px 20px; line-height: 3.4rem; font-weight:400; font-family: 'Exo', sans-serif; box-sizing:border-box;text-shadow:none; }
.accueil-interne .bloc-haut-de-page h2{display:inline-block;background-color:#222; color: white; font-size:1rem; margin:0; padding:5px 10px; font-weight:400;  box-sizing:border-box; }
.accueil-interne .bloc-haut-de-page .noligne{display: block; padding: 0; margin: 0; height: 0px;}

.accueil-interne .bloc-haut-de-page.hauteur-grand{height: 600px;}
.accueil-interne .bloc-haut-de-page.hauteur-normal{height: 500px;}
.accueil-interne .bloc-haut-de-page.hauteur-petit{height: 350px;}

.accueil-interne .bloc-haut-de-page.typo-grand h1{font-size:3.6rem;line-height: 3.8rem; padding:10px 20px 15px 20px;}
.accueil-interne .bloc-haut-de-page.typo-normal h1{font-size:2.6rem;line-height: 2.8rem; padding:15px 25px 19px 25px;}
.accueil-interne .bloc-haut-de-page.typo-petit h1{font-size:1.6rem;line-height: 1.8rem; padding:5px 10px 5px 10px;}

.accueil-interne .bloc-haut-de-page.typo-grand h2{font-size:1.6rem;line-height: 2rem; padding: 10px 20px;}
.accueil-interne .bloc-haut-de-page.typo-normal h2{font-size:1.2rem; line-height: 1.8rem; padding: 30px 40px;}
.accueil-interne .bloc-haut-de-page.typo-petit h2{font-size:0.9rem; line-height: 1.2rem; padding: 10px 10px;}

@media screen and (max-width: 1380px){
    .accueil-interne .bloc-haut-de-page.hauteur-grand{height: 600px;}
    .accueil-interne .bloc-haut-de-page.hauteur-normal{height: 450px;}
    .accueil-interne .bloc-haut-de-page.hauteur-petit{height: 300px;}

    .accueil-interne .bloc-haut-de-page.typo-grand h1{font-size:3rem;line-height: 3.2rem; padding:10px 20px 15px 20px;}
    .accueil-interne .bloc-haut-de-page.typo-normal h1{font-size:2rem;line-height: 2.2rem; padding:5px 20px 15px 20px;}
    .accueil-interne .bloc-haut-de-page.typo-petit h1{font-size:1.6rem;line-height: 1.8rem; padding:5px 10px 5px 10px;}

    .accueil-interne .bloc-haut-de-page.typo-grand h2{font-size:1.4rem;line-height: 1.8rem; padding: 10px 20px;}
    .accueil-interne .bloc-haut-de-page.typo-normal h2{font-size:1.2rem; line-height: 1.6rem; padding: 10px 20px;}
    .accueil-interne .bloc-haut-de-page.typo-petit h2{font-size:0.9rem; line-height: 1.2rem; padding: 10px 10px;}
}

@media screen and (max-width: 780px){
    .accueil-interne{background-attachment:scroll !important;}
    .accueil-interne .bloc-haut-de-page.hauteur-grand{height: auto; padding: 90px 2%;}
    .accueil-interne .bloc-haut-de-page.hauteur-normal{height: auto; padding: 90px 2%;}
    .accueil-interne .bloc-haut-de-page.hauteur-petit{height: auto; padding: 90px 2%;}

    .accueil-interne .bloc-haut-de-page.typo-grand h1{font-size:1.6rem;line-height: 1.8rem; padding:5px 10px 10px 10px;}
    .accueil-interne .bloc-haut-de-page.typo-normal h1{font-size:1.6rem;line-height: 1.8rem; padding:5px 10px 10px 10px;}
    .accueil-interne .bloc-haut-de-page.typo-petit h1{font-size:1.4rem;line-height: 1.6rem; padding:5px 10px 5px 10px;}

    .accueil-interne .bloc-haut-de-page.typo-grand h2{font-size:1rem; line-height: 1.4rem; padding: 10px 10px;}
    .accueil-interne .bloc-haut-de-page.typo-normal h2{font-size:1rem; line-height: 1.4rem; padding: 10px 10px;}
    .accueil-interne .bloc-haut-de-page.typo-petit h2{font-size:0.85rem; line-height: 1.2rem; padding: 10px 10px;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-video-arriere-plan{display:block; position:relative; padding:0; margin:0; box-sizing:border-box; }
.bloc-video-arriere-plan .background-video {background-color: #000;background-position: top center;background-repeat: no-repeat;bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 9;}
.bloc-video-arriere-plan video,.bloc-video-arriere-plan source {position: absolute;object-fit: cover;  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;}
.bloc-video-arriere-plan .background-video .ytplayer-player-inline{position: absolute;}
.bloc-video-arriere-plan .loaded .ytplayer-container {display: block;}
.bloc-video-arriere-plan .loaded .placeholder-image { opacity: 0;}
.bloc-video-arriere-plan .ytplayer-container {bottom: 0;height: 100%;left: 0;min-width: 100%;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 3;}
.bloc-video-arriere-plan .placeholder-image {height: 100%;left: 0;min-height: 100%;min-width: 100%;position: fixed;top: 0;z-index: 1;}
.bloc-video-arriere-plan .ytplayer-shield {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;}
.bloc-video-arriere-plan .ytplayer-player {position: absolute;}
.bloc-video-arriere-plan .container {border-radius: 6px;background: rgba(255, 255, 255, .9);padding: 0 30px 0 30px;margin: 30px auto;}

.sliderimagespagegenerale{display:block; padding:0; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale .bx-wrapper{display:block; padding:0; margin:0; box-sizing:border-box; position:relative;}
.sliderimagespagegenerale li{display:block; width:100%;padding:0; margin:0; box-sizing:border-box; background:url(https://svt2023.fr/wp-content/themes/thmwebjcg/img/accueil.jpg) no-repeat center center; background-size:cover;}
.sliderimagespagegenerale.hauteur-tresgrand li{height: 700px;}
.sliderimagespagegenerale.hauteur-grand li{height: 600px;}
.sliderimagespagegenerale.hauteur-normal li{height: 500px;}
.sliderimagespagegenerale.hauteur-petit li{height: 400px;}
.sliderimagespagegenerale .bx-next{display:block; z-index:99; position:absolute; top:50%; width:70px; height:70px; line-height:40px; text-align:center; right:0px; padding:0; margin:-35px 0 0 0; box-sizing:border-box; font-size:3rem; color:white;text-decoration:none;}
.sliderimagespagegenerale .bx-prev{display:block; z-index:99; position:absolute; top:50%; width:70px; height:70px; line-height:40px; text-align:center;  left:0px; padding:0; margin:-35px 0 0 0; box-sizing:border-box; font-size:3rem; color:white;text-decoration:none;}
.sliderimagespagegenerale .bx-next:hover, .sliderimagespagegenerale .bx-prev:hover{color:#28854b; }
.sliderimagespagegenerale .bx-pager{display:block; z-index:99; text-align:center; padding:0; margin:0; box-sizing:border-box; position:absolute; bottom:30px; width:100%;}
.sliderimagespagegenerale .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a{display:block; padding:0; margin:0; opacity:0.5; box-sizing:border-box; width:15px; height:15px; border-radius:50%; background-color:white; text-indent:-99999px;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a.active{ opacity:1;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a:hover{ opacity:1; background-color: #28854b;}

.sliderimagespagegenerale.hauteur-tresgrand .bx-next, .sliderimagespagegenerale.hauteur-tresgrand .bx-prev{font-size: 6rem;}
.sliderimagespagegenerale.hauteur-grand .bx-next, .sliderimagespagegenerale.hauteur-grand .bx-prev{font-size: 5rem;}
.sliderimagespagegenerale.hauteur-normal .bx-next, .sliderimagespagegenerale.hauteur-normal .bx-prev{font-size: 4rem;}
.sliderimagespagegenerale.hauteur-petit .bx-next, .sliderimagespagegenerale.hauteur-petit .bx-prev{font-size: 3rem;}

.bloc-contenu{display: table; position: relative; width: 100%; background-color:transparent; z-index: 99;box-sizing: border-box;}
.bloc-contenu .contenu{display:table-cell; vertical-align: middle; text-align:center; padding:50px 3%; margin:0; position:relative; box-sizing:border-box;}
.bloc-contenu .contenu .filtre{display:inline-block; padding:30px 30px; margin:0; box-sizing:border-box; background-color:#28854b; text-decoration: none !important; transition: all 0.4s ease;}
.bloc-contenu .contenu .filtre[href]:hover{background-color: #000 !important;}
.bloc-contenu .contenu .filtre h1{display:block; color: white; font-size:3rem; margin:0; font-family: 'Exo', sans-serif; font-weight:500; padding:10px 0px; box-sizing:border-box;text-shadow:none; }
.bloc-contenu .contenu .filtre h2{display:block; color: white; font-size:1rem; margin:0; font-weight:400; padding:10px 0px; box-sizing:border-box; }
.bloc-contenu .contenu .filtre img{height: auto; padding: 0; margin: 0 auto 0 auto;}
.bloc-contenu .contenu .filtre .icone{display:block; color: white; font-size:3rem; margin:0; padding:10px 0px 20px 0px;  box-sizing:border-box; line-height: 1;}

.bloc-contenu.hauteur-grand{height: 700px;}
.bloc-contenu.hauteur-normal{height: 550px;}
.bloc-contenu.hauteur-petit{height: 350px;}

.bloc-contenu .contenu.typo-grand h1{font-size:3.6rem; line-height: 3.8rem;}
.bloc-contenu .contenu.typo-normal h1{font-size:2.6rem; line-height: 2.8rem;}
.bloc-contenu .contenu.typo-petit h1{font-size:1.6rem; line-height: 1.8rem;}

.bloc-contenu .contenu.typo-grand h2{font-size:1.4rem; line-height: 1.8rem;}
.bloc-contenu .contenu.typo-normal h2{font-size:1.2rem; line-height: 1.6rem;}
.bloc-contenu .contenu.typo-petit h2{font-size:0.9rem; line-height: 1.2rem;}


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

    .sliderimagespagegenerale.hauteur-tresgrand li{height: 600px;}
    .sliderimagespagegenerale.hauteur-grand li{height: 450px;}
    .sliderimagespagegenerale.hauteur-normal li{height: 300px;}
    .sliderimagespagegenerale.hauteur-petit li{height: 250px;}

    .sliderimagespagegenerale.hauteur-tresgrand .bx-next, .sliderimagespagegenerale.hauteur-tresgrand .bx-prev{font-size: 4rem;}
    .sliderimagespagegenerale.hauteur-grand .bx-next, .sliderimagespagegenerale.hauteur-grand .bx-prev{font-size: 3rem;}
    .sliderimagespagegenerale.hauteur-normal .bx-next, .sliderimagespagegenerale.hauteur-normal .bx-prev{font-size: 3rem;}
    .sliderimagespagegenerale.hauteur-petit .bx-next, .sliderimagespagegenerale.hauteur-petit .bx-prev{font-size: 3rem;}

    .bloc-contenu.hauteur-grand{height: 600px;}
    .bloc-contenu.hauteur-normal{height: 450px;}
    .bloc-contenu.hauteur-petit{height: 300px;}

    .bloc-contenu .contenu.typo-grand h1{font-size:3rem;line-height: 3.2rem;}
    .bloc-contenu .contenu.typo-normal h1{font-size:2rem;line-height: 2.2rem;}
    .bloc-contenu .contenu.typo-petit h1{font-size:1.6rem;line-height: 1.8rem;}

    .bloc-contenu .contenu.typo-grand h2{font-size:1.4rem;line-height: 1.8rem;}
    .bloc-contenu .contenu.typo-normal h2{font-size:1.2rem; line-height: 1.6rem;}
    .bloc-contenu .contenu.typo-petit h2{font-size:0.9rem; line-height: 1.2rem;}
}

@media screen and (max-width: 780px){
    .sliderimagespagegenerale li{background-attachment:scroll !important;}

    .sliderimagespagegenerale.hauteur-tresgrand li{height: 300px;}
    .sliderimagespagegenerale.hauteur-grand li{height: 300px;}
    .sliderimagespagegenerale.hauteur-normal li{height: 300px;}
    .sliderimagespagegenerale.hauteur-petit li{height: 300px;}

    .sliderimagespagegenerale.hauteur-tresgrand .bx-next, .sliderimagespagegenerale.hauteur-tresgrand .bx-prev{font-size: 3rem;}
    .sliderimagespagegenerale.hauteur-grand .bx-next, .sliderimagespagegenerale.hauteur-grand .bx-prev{font-size: 3rem;}
    .sliderimagespagegenerale.hauteur-normal .bx-next, .sliderimagespagegenerale.hauteur-normal .bx-prev{font-size: 3rem;}
    .sliderimagespagegenerale.hauteur-petit .bx-next, .sliderimagespagegenerale.hauteur-petit .bx-prev{font-size: 3rem;}

    .sliderimagespagegenerale .bx-next{display:block; float: left; position:static; width:50%; height:auto; line-height:1; text-align:center; padding:30px 0; margin:0; color:#000; background-color: #eee;}
    .sliderimagespagegenerale .bx-prev{display:block; float: left; position:static; width:50%; height:auto; line-height:1; text-align:center; padding:30px 0; margin:0; color:#000; background-color: #eee;}
    .sliderimagespagegenerale .bx-next:hover, .sliderimagespagegenerale .bx-prev:hover{color:#fff; background-color: #000; }
    .sliderimagespagegenerale .bx-pager{display:none; }

    .bloc-contenu .contenu .filtre img{max-width: 100% !important;}
    .bloc-contenu .contenu .filtre .icone{font-size:3rem !important; padding:10px 0px 10px 0px !important;}

    .bloc-contenu.hauteur-grand{height: auto; padding: 70px 2%;}
    .bloc-contenu.hauteur-normal{height: auto; padding: 70px 2%;}
    .bloc-contenu.hauteur-petit{height: auto; padding: 70px 2%;}

    .bloc-contenu .contenu.typo-grand h1{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-contenu .contenu.typo-normal h1{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-contenu .contenu.typo-petit h1{font-size:1.4rem;line-height: 1.6rem;}

    .bloc-contenu .contenu.typo-grand h2{font-size:1rem; line-height: 1.4rem;}
    .bloc-contenu .contenu.typo-normal h2{font-size:1rem; line-height: 1.4rem;}
    .bloc-contenu .contenu.typo-petit h2{font-size:0.85rem; line-height: 1.2rem;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-texte{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box;}
.bloc-texte h2{display:block; padding:0; margin:0;  font-size:1.8rem; color:#fff; box-sizing:border-box; font-family: 'Exo', sans-serif; font-weight: 400;}
.bloc-texte h3{display:block; padding:20px 0; margin:0; font-size:1.2rem; color:#fff; column-count: 3; font-weight:400; box-sizing:border-box;}
.bloc-texte h3 p{padding: 0; margin: 0;}
.bloc-texte h3 i{padding: 8px 5px 0 0; margin: 0;}
.bloc-texte a{display:inline-block; cursor:pointer; padding:15px 20px; text-transform: uppercase; margin:20px 0 0 0; background-color:transparent; color:#fff; font-size:1rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-texte a:hover{background-color:#333 !important; }

.bloc-texte.hauteur-grand{padding:120px 3%;}
#svtbloctheme{padding: 80px 3% 0 3%;}
.bloc-texte.hauteur-normal{padding:80px 3%;}
.bloc-texte.hauteur-petit{padding:50px 3%;}

.bloc-texte.typo-grand h2{font-size:3.6rem; line-height: 4rem;}
.bloc-texte.typo-normal h2{font-size:2.6rem; line-height: 3rem;}
.bloc-texte.typo-petit h2{font-size:1.6rem; line-height: 1.8rem;}

.bloc-texte.typo-grand h3{font-size:1.6rem; line-height: 2rem;}
.bloc-texte.typo-normal h3{font-size:1.2rem; line-height: 1.6rem;}
.bloc-texte.typo-petit h3{font-size:0.9rem; line-height: 1.2rem;}

.bloc-texte.typo-grand a{font-size:1.2rem;}
.bloc-texte.typo-normal a{font-size:1rem;}
.bloc-texte.typo-petit a{font-size:0.8rem;}

@media screen and (max-width: 1380px){
    .bloc-texte.hauteur-grand{padding:90px 3%;}
    .bloc-texte.hauteur-normal{padding:70px 3%;}
    .bloc-texte.hauteur-petit{padding:40px 3%;}

    #svtbloctheme{padding: 80px 3% 0 3%;}

    .bloc-texte.typo-grand h2{font-size:3rem;line-height: 3.2rem;}
    .bloc-texte.typo-normal h2{font-size:2rem;line-height: 2.2rem;}
    .bloc-texte.typo-petit h2{font-size:1.6rem;line-height: 1.8rem;}

    .bloc-texte.typo-grand h3{font-size:1.4rem;line-height: 1.8rem;}
    .bloc-texte.typo-normal h3{font-size:1.2rem; line-height: 1.6rem;}
    .bloc-texte.typo-petit h3{font-size:0.9rem; line-height: 1.2rem;}

}

@media screen and (max-width: 780px){
    .bloc-texte.hauteur-grand{padding:40px 2%;}
    .bloc-texte.hauteur-normal{padding:40px 2%;}
    .bloc-texte.hauteur-petit{padding:40px 2%;}

    #svtbloctheme{padding: 40px 2% 0 2%;}

    .bloc-texte.typo-grand h2{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-texte.typo-normal h2{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-texte.typo-petit h2{font-size:1.4rem;line-height: 1.6rem;}

    .bloc-texte.typo-grand h3{font-size:1rem; line-height: 1.4rem; column-count: 1 !important;}
    .bloc-texte.typo-normal h3{font-size:1rem; line-height: 1.4rem; column-count: 1 !important;}
    .bloc-texte.typo-petit h3{font-size:0.85rem; line-height: 1.2rem; column-count: 1 !important;}

    .bloc-texte.typo-grand a{font-size:0.9rem;}
    .bloc-texte.typo-normal a{font-size:0.9rem;}
    .bloc-texte.typo-petit a{font-size:0.8rem;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-citation{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box; }
.bloc-citation .citation{display:block; margin:0; box-sizing:border-box;  padding:0;  font-size:1.6rem; line-height:2rem; font-weight:400; font-style:italic; color: #28854b;}

.bloc-citation.hauteur-grand{padding:300px 3%;}
.bloc-citation.hauteur-normal{padding:200px 3%;}
.bloc-citation.hauteur-petit{padding:50px 3%;}

.bloc-citation.typo-grand .citation{font-size:4rem; line-height: 4.4rem;}
.bloc-citation.typo-normal .citation{font-size:2.8rem;line-height: 3.2rem;}
.bloc-citation.typo-petit .citation{font-size:1.4rem;line-height: 1.8rem;}

@media screen and (max-width: 1380px){
    .bloc-citation.hauteur-grand{padding:200px 3%;}
    .bloc-citation.hauteur-normal{padding:100px 3%;}
    .bloc-citation.hauteur-petit{padding:50px 3%;}

    .bloc-citation.typo-grand .citation{font-size:3rem;line-height: 3.2rem;}
    .bloc-citation.typo-normal .citation{font-size:2rem;line-height: 2.2rem;}
    .bloc-citation.typo-petit .citation{font-size:1.4rem;line-height: 1.8rem;}

}

@media screen and (max-width: 780px){
    .bloc-citation.hauteur-grand{padding:70px 2%;}
    .bloc-citation.hauteur-normal{padding:50px 2%;}
    .bloc-citation.hauteur-petit{padding:30px 2%;}

    .bloc-citation.typo-grand .citation{font-size:2rem;line-height: 2.2rem;}
    .bloc-citation.typo-normal .citation{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-citation.typo-petit .citation{font-size:1.2rem;line-height: 1.6rem;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.fancybox-thumbs__list a::before {border: 6px solid #28854b !important;}
.fancybox-caption{display: block !important; padding: 20px 0 60px 0 !important; font-weight: 600 !important; background-color: #222 !important; bottom: 0px !important; font-size: 1rem !important;}
.fancybox-container {z-index: 99999999 !important;}
.bloc-galerie-photos{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box; }
.bloc-galerie-photos .galerie-photos{display:block; position:relative; z-index:9; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li{display:block; float:left; width:16.666%; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li a{display:block; text-decoration:none; padding:0; margin:0; box-sizing:border-box; position: relative;}
.bloc-galerie-photos .galerie-photos ul li a .hover{display: block; padding: 0; margin: 0; box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #28854b; opacity: 0; transition:all 0.3s ease;}
.bloc-galerie-photos .galerie-photos ul li a:hover .hover{opacity: 0.5;}
.bloc-galerie-photos .galerie-photos ul li a .background{display: block; padding: 0; margin: 0; box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% auto; background-position: center; opacity: 1; transition:all 0.5s ease;}
.bloc-galerie-photos .galerie-photos ul li a:hover .background{opacity:1; background-size: 170% auto;}
.bloc-galerie-photos .galerie-photos ul li a img{width: 100%;}

.bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
.bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 33.333%;}
.bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 25%;}
.bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 20%;}
.bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 16.666%;}

#lespartenaires .galerie-photos ul{text-align: center;}
#lespartenaires .galerie-photos ul li{display:inline-block; float: none; vertical-align: middle; padding:10px 5px 0 5px; margin:0; box-sizing:border-box;}
#lespartenaires .galerie-photos ul.colonne-6 li{width: 12%;}
#lespartenaires .galerie-photos ul li a{height: 100px;}
#lespartenaires .galerie-photos ul li a .background{background-size:contain; background-position: center; background-repeat: no-repeat; }
#lespartenaires .galerie-photos ul li a img{display: none;}
#lespartenaires .galerie-photos ul li a:hover .hover{opacity: 0.2;}

#lespartenairesprivilegies .galerie-photos ul{text-align: center;}
#lespartenairesprivilegies .galerie-photos ul li{display:inline-block; float: none; vertical-align: middle; padding:10px; margin:0 0 20px 0; box-sizing:border-box;}
#lespartenairesprivilegies .galerie-photos ul.colonne-6 li{width: 16%;}
#lespartenairesprivilegies .galerie-photos ul li a{height: 150px;}
#lespartenairesprivilegies .galerie-photos ul li a .background{background-size:contain; background-position: center; background-repeat: no-repeat; }
#lespartenairesprivilegies .galerie-photos ul li a img{display: none;}
#lespartenairesprivilegies .galerie-photos ul li a:hover .hover{opacity: 0.2;}

.bloc-galerie-photos.hauteur-grand{padding:100px 0;}
.bloc-galerie-photos.hauteur-normal{padding:50px 0;}
.bloc-galerie-photos.hauteur-petit{padding:0;}

@media screen and (max-width: 1380px){
    .bloc-galerie-photos.hauteur-grand{padding:70px 0;}
    .bloc-galerie-photos.hauteur-normal{padding:30px 0;}
    .bloc-galerie-photos.hauteur-petit{padding:0;}

    .bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 33.333%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 25%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 25%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 25%;}

}

@media screen and (max-width: 900px){
    .bloc-galerie-photos.hauteur-grand{padding:40px 0;}
    .bloc-galerie-photos.hauteur-normal{padding:20px 0;}
    .bloc-galerie-photos.hauteur-petit{padding:0;}

    .bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 50%;}

    #lespartenairesprivilegies .galerie-photos ul.colonne-6 li{width: 48%;}
    #lespartenaires .galerie-photos ul.colonne-6 li{width: 48%;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-bouton{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box; }
.bloc-bouton .bouton{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-bouton .bouton a{transition:all 0.4s ease;display:inline-block; padding:15px 20px; margin:0;  font-size:0.95rem; text-transform:uppercase; font-weight:600; color: #28854b; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-bouton .bouton a i{display:inline-block; padding:0 0 0 8px; margin:0; font-size:1.4rem; box-sizing:border-box; vertical-align:sub;}
.bloc-bouton .bouton a:hover{background-color:#000 !important; color:white !important;}

.bloc-bouton.hauteur-grand{padding:150px 3%;}
.bloc-bouton.hauteur-normal{padding:100px 3%;}
.bloc-bouton.hauteur-petit{padding:50px 3%;}

.bloc-bouton.typo-grand .bouton a{font-size:1.6rem;padding:25px 30px; }
.bloc-bouton.typo-normal .bouton a{font-size:1.2rem;padding:20px 25px;}
.bloc-bouton.typo-petit .bouton a{font-size:0.95rem;padding:15px 20px;}

.bloc-bouton.typo-grand .bouton a i{padding:0 0 0 15px; font-size:2.4rem;}
.bloc-bouton.typo-normal .bouton a i{padding:0 0 0 12px; font-size:1.8rem;}
.bloc-bouton.typo-petit .bouton a i{ padding:0 0 0 8px; font-size:1.4rem;}

@media screen and (max-width: 1380px){
    .bloc-bouton.hauteur-grand{padding:100px 3%;}
    .bloc-bouton.hauteur-normal{padding:70px 3%;}
    .bloc-bouton.hauteur-petit{padding:40px 3%;}

    .bloc-bouton.typo-grand .bouton a{font-size:1.4rem;padding:20px 25px; }
    .bloc-bouton.typo-normal .bouton a{font-size:1.2rem;padding:20px 25px;}
    .bloc-bouton.typo-petit .bouton a{font-size:0.95rem;padding:15px 20px;}

    .bloc-bouton.typo-grand .bouton a i{padding:0 0 0 12px; font-size:2.2rem;}
    .bloc-bouton.typo-normal .bouton a i{padding:0 0 0 12px; font-size:1.8rem;}
    .bloc-bouton.typo-petit .bouton a i{ padding:0 0 0 8px; font-size:1.4rem;}

}

@media screen and (max-width: 780px){
    .bloc-bouton.hauteur-grand{padding:70px 2%;}
    .bloc-bouton.hauteur-normal{padding:40px 2%;}
    .bloc-bouton.hauteur-petit{padding:20px 2%;}

    .bloc-bouton.typo-grand .bouton a{font-size:1rem;padding:15px 20px; }
    .bloc-bouton.typo-normal .bouton a{font-size:1rem;padding:15px 20px;}
    .bloc-bouton.typo-petit .bouton a{font-size:0.9rem;padding:15px 20px;}

    .bloc-bouton.typo-grand .bouton a i{padding:0 0 0 7px; font-size:1.4rem;}
    .bloc-bouton.typo-normal .bouton a i{padding:0 0 0 7px; font-size:1.4rem;}
    .bloc-bouton.typo-petit .bouton a i{padding:0 0 0 7px; font-size:1.2rem;}
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-mosaique{display:block; position:relative; padding:0; margin:0; background-color:white; box-sizing:border-box;}
.bloc-mosaique .mosaique{display:table; table-layout:fixed; width:100%; border-spacing:0px; padding:0; margin:0; box-sizing:border-box; }
.bloc-mosaique .mosaique .element{display:table-cell; overflow:hidden; position:relative;padding:50px 20px;margin:0;vertical-align:middle;height:100%;box-sizing:border-box; transition:all .5s ease 0s;}
.bloc-mosaique .mosaique .element .background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element .filtre{display:block;z-index:9;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background-color:#57d8e5;opacity:.0;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element .bloc-slogan{display:block; width: 100%; text-align:center;position:absolute; top: 50%; left:0;z-index:99; padding: 0; margin: -25px 0 0 0;}
.bloc-mosaique .mosaique .element .bloc-slogan .slogan{display:inline-block; padding:15px 20px;margin:0;font-size:1.2rem;color:#fff;font-weight:500; background-color:#57d8e5;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element h2{display:block;position: relative; font-weight:600; opacity:0;z-index:999;padding:0 0px;margin:0;font-size:1.45rem;color:#fff;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element h2 .big{display:block;font-size:1.8rem;padding:0;margin:0; font-weight:400;}
.bloc-mosaique .mosaique .element h3{display:block;position: relative; opacity:0;z-index:999;padding:20px 0px;margin:0;font-size:1.05rem;color:#fff;font-weight:400;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element a{display:inline-block; position: relative;text-decoration:none; padding:15px 15px;margin:15px 0 0 0px;width:auto; z-index: 999; font-size:.7rem;color:transparent !important;background-color:transparent;text-transform:uppercase;font-weight:600;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-mosaique .mosaique .element a i{font-size:1rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 7px}
.bloc-mosaique .mosaique .element a .bck{display:block;z-index:-1;position:absolute;top:0;left:0;height:100%;width:0;background-color:#333;transition:all .4s ease 0s}
.bloc-mosaique .mosaique .element a .bck-hover{display:block;z-index:-1;position:absolute;top:0;left:0;height:100%;width:0;background-color:#000;transition:all .4s ease 0s}

.bloc-mosaique .mosaique .element:hover .filtre{opacity:.9 !important;}
.bloc-mosaique .mosaique .element:hover .slogan{opacity:0}
.bloc-mosaique .mosaique .element:hover .background{width: 150%; height: 150%; top: -25%; left: -25%;}
.bloc-mosaique .mosaique .element:hover h2{opacity:1;transition:all .3s ease .2s}
.bloc-mosaique .mosaique .element:hover h3{opacity:1;transition:all .3s ease .2s}
.bloc-mosaique .mosaique .element:hover a{color:#077832 !important;transition:all .4s ease .6s}
.bloc-mosaique .mosaique .element:hover a .bck{width:100%;background-color:#fff;transition:all .4s ease .4s}
.bloc-mosaique .mosaique .element a:hover .bck-hover{width:100%;transition:all .4s ease 0s}
.bloc-mosaique .mosaique .element:hover a:hover{color: white !important;transition:all .4s ease 0s}

.bloc-mosaique.hauteur-grand{padding:100px 0;}
.bloc-mosaique.hauteur-normal{padding:50px 0;}
.bloc-mosaique.hauteur-petit{padding:0px 0;}

.bloc-mosaique.hauteur-interne-grand .mosaique .element{padding:120px 20px;}
.bloc-mosaique.hauteur-interne-normal .mosaique .element{padding:80px 20px;}
.bloc-mosaique.hauteur-interne-petit .mosaique .element{padding:30px 20px;}

.bloc-mosaique.typo-petit .mosaique .element .bloc-slogan .slogan{font-size:1.2rem;}
.bloc-mosaique.typo-petit .mosaique .element h2{font-size:1.45rem;}
.bloc-mosaique.typo-petit .mosaique .element h2 .big{font-size:1.8rem;}
.bloc-mosaique.typo-petit .mosaique .element h3{font-size:1rem;}
.bloc-mosaique.typo-petit .mosaique .element a{font-size:0.8rem;}
.bloc-mosaique.typo-petit .mosaique .element a i{font-size:1rem;}

#blocpushmetierbasdepage .mosaique .element h2{font-size:1.2rem; font-weight:400;}
#blocpushmetierbasdepage .mosaique .element h2 .big{font-size:1.6rem;font-weight:500; padding-bottom: 10px;}

.bloc-mosaique.typo-normal .mosaique .element .bloc-slogan .slogan{font-size:1.6rem; font-weight: 400;}
.bloc-mosaique.typo-normal .mosaique .element h2{font-size:1.4rem;}
.bloc-mosaique.typo-normal .mosaique .element h2 .big{font-size:2rem;}
.bloc-mosaique.typo-normal .mosaique .element h3{font-size:1.2rem;}
.bloc-mosaique.typo-normal .mosaique .element a{font-size:0.9rem;}
.bloc-mosaique.typo-normal .mosaique .element a i{font-size:1.2rem;}

.bloc-mosaique.typo-grand .mosaique .element .bloc-slogan .slogan{font-size:1.6rem;}
.bloc-mosaique.typo-grand .mosaique .element h2{font-size:1.9rem;}
.bloc-mosaique.typo-grand .mosaique .element h2 .big{font-size:2.2rem;}
.bloc-mosaique.typo-grand .mosaique .element h3{font-size:1.4rem;}
.bloc-mosaique.typo-grand .mosaique .element a{font-size:1rem;}
.bloc-mosaique.typo-grand .mosaique .element a i{font-size:1.4rem;}

@media screen and (max-width: 1380px){
    .bloc-mosaique.hauteur-grand{padding:70px 0;}
    .bloc-mosaique.hauteur-normal{padding:40px 0;}
    .bloc-mosaique.hauteur-petit{padding:0px 0;}

    .bloc-mosaique.hauteur-interne-grand .mosaique .element{padding:90px 20px;}
    .bloc-mosaique.hauteur-interne-normal .mosaique .element{padding:70px 20px;}
    .bloc-mosaique.hauteur-interne-petit .mosaique .element{padding:30px 20px;}

}

@media screen and (max-width: 780px){
    .bloc-mosaique.hauteur-grand{padding:50px 0;}
    .bloc-mosaique.hauteur-normal{padding:30px 0;}
    .bloc-mosaique.hauteur-petit{padding:0px 0;}

    .bloc-mosaique.hauteur-interne-grand .mosaique .element{padding:30px 20px;}
    .bloc-mosaique.hauteur-interne-normal .mosaique .element{padding:30px 20px;}
    .bloc-mosaique.hauteur-interne-petit .mosaique .element{padding:30px 20px;}

    .bloc-mosaique .mosaique{display:block;}
    .bloc-mosaique .mosaique .element{display:block; padding:30px 20px; margin:0; height:auto;}
    .bloc-mosaique .mosaique .element .background{height:200px;}
    .bloc-mosaique .mosaique .element .filtre{opacity:1 !important; top:auto; bottom: 0; box-sizing:border-box;width:100%;height:calc(100% - 200px);}
    .bloc-mosaique .mosaique .element .bloc-slogan{display: none;}
    .bloc-mosaique .mosaique .element h2{opacity:1; padding-top: 200px;}
    .bloc-mosaique .mosaique .element h3{opacity:1;}
    .bloc-mosaique .mosaique .element a{color:#077832 !important;opacity:1;}
    .bloc-mosaique .mosaique .element a .bck{width:100%;background-color:#fff;}
    .bloc-mosaique .mosaique .element:hover .filtre{opacity:1 !important;}
    .bloc-mosaique .mosaique .element:hover .background{width: 100%; height: 200px; top:0; left:0;}

    .bloc-mosaique.typo-petit .mosaique .element h2{font-size:1.4rem;}
    .bloc-mosaique.typo-petit .mosaique .element h2 .big{font-size:1.6rem;}
    .bloc-mosaique.typo-petit .mosaique .element h3{font-size:1rem;}
    .bloc-mosaique.typo-petit .mosaique .element a{font-size:0.8rem;}
    .bloc-mosaique.typo-petit .mosaique .element a i{font-size:1rem;}

    .bloc-mosaique.typo-normal .mosaique .element h2{font-size:1.4rem;}
    .bloc-mosaique.typo-normal .mosaique .element h2 .big{font-size:1.6rem;}
    .bloc-mosaique.typo-normal .mosaique .element h3{font-size:1rem;}
    .bloc-mosaique.typo-normal .mosaique .element a{font-size:0.8rem;}
    .bloc-mosaique.typo-normal .mosaique .element a i{font-size:1rem;}

    .bloc-mosaique.typo-grand .mosaique .element h2{font-size:1.4rem;}
    .bloc-mosaique.typo-grand .mosaique .element h2 .big{font-size:1.6rem;}
    .bloc-mosaique.typo-grand .mosaique .element h3{font-size:1rem;}
    .bloc-mosaique.typo-grand .mosaique .element a{font-size:0.8rem;}
    .bloc-mosaique.typo-grand .mosaique .element a i{font-size:1rem;}
    
}

#formulairebenevole .mosaique .element h2{padding-top: 0;}
#formulairebenevole .mosaique .element h2 .big{display:block;font-size:1rem;padding:0;margin:0; font-weight:700;}
#formulairebenevole .mosaique .element h3{display:none;}
#formulairebenevole .mosaique .element .bloc-slogan .slogan{font-size: 1rem;}
#formulairebenevole .mosaique .element .background{display: none;}
#formulairebenevole .mosaique .element .filtre{height: 100%;}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-actualites{display:block; position:relative; padding:0; margin:0; background-color:white; box-sizing:border-box;}
.bloc-actualites .titre-bloc-actu{display:block; position:relative; padding:0 0 30px 0; margin:0; font-weight: 600; font-size: 2.4rem; text-align: center;}
.bloc-actualites .liste-actualites{display:block;margin:0;padding:0;box-sizing:border-box}
.bloc-actualites .liste-actualites li{display:block; margin:0;padding:250px 30px 0;width:33.333%;height:500px;float:left;position:relative;background-color:#fff;box-sizing:border-box}
.bloc-actualites .liste-actualites li:nth-child(3n+2){padding:0 30px 250px}
.bloc-actualites .liste-actualites li .image{display:block;margin:0;padding:0;width:100%;position:absolute;height:250px;left:0;bottom:auto;top:0;overflow:hidden;box-sizing:border-box}
.bloc-actualites .liste-actualites li:nth-child(3n+2) .image{top:auto;bottom:0;box-sizing:border-box}
.bloc-actualites .liste-actualites li .image .background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://svt2023.fr/wp-content/themes/thmwebjcg/img/event.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-actualites .liste-actualites li:hover .image .background{width:200%;height:200%;top:-50%;left:-50%}
.bloc-actualites .liste-actualites li h2{display:block;margin:0;padding:30px 0 0;font-size:1.2rem;font-weight:600;color:#df6536;box-sizing:border-box}
.bloc-actualites .liste-actualites li p{display:block;margin:0;padding:10px 0 0;font-size:.95rem;font-weight:400;color:#777;box-sizing:border-box}
.bloc-actualites .liste-actualites li .push{display:inline-block;position:relative;text-decoration:none;padding:0;margin:20px 0;color:#fff;text-transform:uppercase;font-size:.8rem;background-color:#000;box-sizing:border-box}
.bloc-actualites .liste-actualites li .push .texte{display:block;position:relative;z-index:99;padding:15px 20px;margin:0}
.bloc-actualites .liste-actualites li .push .texte i{font-size:1.2rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 3px}
.bloc-actualites .liste-actualites li .push .bck-hover{display:block;z-index:9;position:absolute;top:0;left:0;height:100%;width:0;background-color:#df6536;transition:all .4s ease 0s}
.bloc-actualites .liste-actualites li .push:hover .bck-hover{width:100%}

.bloc-actualites .tri-actualites{display:block; text-align:center; padding:0; margin:60px 3% 40px 3%;box-sizing:border-box;}
.bloc-actualites .tri-actualites li{display:inline-block; padding:0; margin:0 5px 5px 5px; box-sizing:border-box;}
.bloc-actualites .tri-actualites li a{display:block; text-decoration:none; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.9rem; text-transform:uppercase; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-actualites .tri-actualites li a:hover{background-color:#000 !important; border-color:#000 !important; color: white !important;}
.bloc-actualites .tri-actualites li.active a{background-color:#000 !important; border-color:#000 !important; color: white !important;}


.bloc-actualites.hauteur-grand{padding:100px 0;}
.bloc-actualites.hauteur-normal{padding:50px 0;}
.bloc-actualites.hauteur-petit{padding:0px 0;}

.bloc-actualites.typo-petit .liste-actualites li h2{font-size:1.2rem;}
.bloc-actualites.typo-petit .liste-actualites li p{font-size:0.9rem;}
.bloc-actualites.typo-petit .liste-actualites li .push{font-size:0.8rem;}
.bloc-actualites.typo-petit .liste-actualites li .push .texte i{font-size:1.2rem;}
.bloc-actualites.typo-petit .titre-bloc-actu{padding:0 0 30px 0; font-size: 2.4rem; }


.bloc-actualites.typo-normal .liste-actualites li h2{font-size:1.6rem;}
.bloc-actualites.typo-normal .liste-actualites li p{font-size:1rem;}
.bloc-actualites.typo-normal .liste-actualites li .push{font-size:0.85rem;}
.bloc-actualites.typo-normal .liste-actualites li .push .texte i{font-size:1.3rem;}
.bloc-actualites.typo-normal .titre-bloc-actu{padding:0 0 40px 0; font-size: 3rem; }

.bloc-actualites.typo-grand .liste-actualites li h2{font-size:2rem;}
.bloc-actualites.typo-grand .liste-actualites li p{font-size:1.2rem;}
.bloc-actualites.typo-grand .liste-actualites li .push{font-size:0.9rem;}
.bloc-actualites.typo-grand .liste-actualites li .push .texte i{font-size:1.4rem;}
.bloc-actualites.typo-grand .titre-bloc-actu{padding:0 0 50px 0; font-size: 4rem; }


.bloc-actualites.typo-petit .liste-actualites li{padding:250px 30px 0;height:500px;}
.bloc-actualites.typo-petit .liste-actualites li:nth-child(3n+2){padding:0 30px 250px}
.bloc-actualites.typo-petit .liste-actualites li .image{height:250px;}

.bloc-actualites.typo-normal .liste-actualites li{padding:370px 30px 0;height:650px;}
.bloc-actualites.typo-normal .liste-actualites li:nth-child(3n+2){padding:20px 30px 350px}
.bloc-actualites.typo-normal .liste-actualites li .image{height:350px;}

.bloc-actualites.typo-grand .liste-actualites li{padding:430px 30px 0;height:750px;}
.bloc-actualites.typo-grand .liste-actualites li:nth-child(3n+2){padding:30px 30px 400px}
.bloc-actualites.typo-grand .liste-actualites li .image{height:400px;}

@media screen and (max-width: 1380px){
    .bloc-actualites .liste-actualites li{padding:20px !important; height:auto !important;float:left;}
    .bloc-actualites .liste-actualites li:nth-child(3n+2){padding:20px !important;}
    .bloc-actualites .liste-actualites li .image{position:relative;height:200px;}
    .bloc-actualites .liste-actualites li h2{padding:20px 2% 0 2%;}
    .bloc-actualites .liste-actualites li p{padding:10px 2% 0 2%;}

    .bloc-actualites.hauteur-grand{padding:80px 0;}
    .bloc-actualites.hauteur-normal{padding:50px 0;}
    .bloc-actualites.hauteur-petit{padding:0px 0;}

    .bloc-actualites.typo-petit .liste-actualites li h2{font-size:1.4rem;}
    .bloc-actualites.typo-petit .liste-actualites li p{font-size:1rem;}
    .bloc-actualites.typo-petit .liste-actualites li .push{font-size:0.85rem;}
    .bloc-actualites.typo-petit .liste-actualites li .push .texte i{font-size:1.2rem;}
    .bloc-actualites.typo-petit .titre-bloc-actu{padding:0 2% 30px 2%; font-size: 2rem; }

    .bloc-actualites.typo-normal .liste-actualites li h2{font-size:1.4rem;}
    .bloc-actualites.typo-normal .liste-actualites li p{font-size:1rem;}
    .bloc-actualites.typo-normal .liste-actualites li .push{font-size:0.85rem;}
    .bloc-actualites.typo-normal .liste-actualites li .push .texte i{font-size:1.2rem;}
    .bloc-actualites.typo-normal .titre-bloc-actu{padding:0 2% 30px 2%; font-size: 2.4rem; }

    .bloc-actualites.typo-grand .liste-actualites li h2{font-size:1.4rem;}
    .bloc-actualites.typo-grand .liste-actualites li p{font-size:1rem;}
    .bloc-actualites.typo-grand .liste-actualites li .push{font-size:0.85rem;}
    .bloc-actualites.typo-grand .liste-actualites li .push .texte i{font-size:1.2rem;}
    .bloc-actualites.typo-grand .titre-bloc-actu{padding:0 2% 30px 2%; font-size: 3rem; }
}

@media screen and (max-width: 780px){
    .bloc-actualites .tri-actualites{margin:40px 2% 20px 2%;}
    .bloc-actualites .tri-actualites li{display:block; padding:0; margin:0 0 10px 0; width: 100%;}
    .bloc-actualites .tri-actualites li a{margin:0;}

    .bloc-actualites .liste-actualites li{padding:0px 0 20px 0 !important;width:100%;height:auto !important;float:none;}
    .bloc-actualites .liste-actualites li:nth-child(3n+2){padding:0px 0 20px 0 !important;}
    .bloc-actualites .liste-actualites li .image{position:relative;height:250px;}
    .bloc-actualites .liste-actualites li h2{padding:20px 2% 0 2%;}
    .bloc-actualites .liste-actualites li p{padding:10px 2% 0 2%;}


    .bloc-actualites.hauteur-grand{padding:70px 0;}
    .bloc-actualites.hauteur-normal{padding:30px 0;}
    .bloc-actualites.hauteur-petit{padding:0px 0;}

    .bloc-actualites.typo-petit .liste-actualites li h2{font-size:1.4rem;}
    .bloc-actualites.typo-petit .liste-actualites li p{font-size:1rem;}
    .bloc-actualites.typo-petit .liste-actualites li .push{font-size:0.85rem;}
    .bloc-actualites.typo-petit .liste-actualites li .push .texte i{font-size:1.2rem;}
    .bloc-actualites.typo-petit .titre-bloc-actu{padding:0 2% 30px 2%; font-size: 2rem; }

    .bloc-actualites.typo-normal .liste-actualites li h2{font-size:1.4rem;}
    .bloc-actualites.typo-normal .liste-actualites li p{font-size:1rem;}
    .bloc-actualites.typo-normal .liste-actualites li .push{font-size:0.85rem;}
    .bloc-actualites.typo-normal .liste-actualites li .push .texte i{font-size:1.2rem;}
    .bloc-actualites.typo-normal .titre-bloc-actu{padding:0 2% 30px 2%; font-size: 2.4rem; }

    .bloc-actualites.typo-grand .liste-actualites li h2{font-size:1.4rem;}
    .bloc-actualites.typo-grand .liste-actualites li p{font-size:1rem;}
    .bloc-actualites.typo-grand .liste-actualites li .push{font-size:0.85rem;}
    .bloc-actualites.typo-grand .liste-actualites li .push .texte i{font-size:1.2rem;}
    .bloc-actualites.typo-grand .titre-bloc-actu{padding:0 2% 30px 2%; font-size: 2.4rem; }

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-mosaique-pop-up{display:block; position:relative; padding:0; margin:0; box-sizing:border-box;}
.bloc-mosaique-pop-up .titre-bloc-popup{display:block; position:relative; padding:0 0 30px 0; margin:0; font-weight: 600; font-size: 2.4rem; text-align: center;}
.bloc-mosaique-pop-up .mosaique-pop-up{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-mosaique-pop-up .mosaique-pop-up li{display:block;   padding:0;  margin:0; box-sizing:border-box; position:relative;}
.bloc-mosaique-pop-up .mosaique-pop-up-2 li{width:50%; }
.bloc-mosaique-pop-up .mosaique-pop-up-3 li{width:33.333%;}
.bloc-mosaique-pop-up .mosaique-pop-up-4 li{width:25%;}
.bloc-mosaique-pop-up .mosaique-pop-up-5 li{width:20%;}
.bloc-mosaique-pop-up .mosaique-pop-up-6 li{width:16.666%; }
.bloc-mosaique-pop-up .mosaique-pop-up li .visible{display: block; padding: 10px 10px; margin: 0; box-sizing: border-box;}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible h2{display:block; padding:20px 0 0 0; margin:0; box-sizing:border-box; font-weight:600;}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible h3{display:block; padding:10px 0 0 0; margin:0; box-sizing:border-box; font-weight:400;}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible .push{display:inline-block; cursor: pointer; position:relative;text-decoration:none;padding:0;margin:20px 0;color:#fff;text-transform:uppercase;font-size:.8rem;background-color:#000;box-sizing:border-box}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible .push .texte{display:block;position:relative;z-index:99;padding:15px 20px;margin:0}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 3px}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible .push .bck-hover{display:block;z-index:9;position:absolute;top:0;left:0;height:100%;width:0;background-color:#df6536;transition:all .4s ease 0s}
.bloc-mosaique-pop-up .mosaique-pop-up li .visible .push:hover .bck-hover{width:100%}

.bloc-mosaique-pop-up .mosaique-pop-up li .opencontenu{display:none;}



.box-mosaique-pop-up{ display:none; z-index:999999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); overflow:hidden; overflow-y:auto; box-sizing:border-box; }
.box-mosaique-pop-up-wrapper{display:block; position:relative; width:100%; margin:0; background-color:white; padding:30px 100px 30px calc(40% + 50px); box-sizing:border-box;}
.box-mosaique-pop-up-wrapper-close{display:inline-block; font-size:3rem; color:#009ddf; margin: 0; padding:10px;cursor:pointer; position:fixed; top: 5px; right: 40px; z-index: 99; transition:all 0.4s ease;}
.box-mosaique-pop-up-wrapper-close:hover{color:#000;}
.box-mosaique-pop-up-wrapper #mapsoffreemploi{display:block; width:40%; padding:0; margin:0; box-sizing:border-box; position: fixed !important; top: 0; left: 0; height: 100%; z-index: 99;}
.box-mosaique-pop-up-wrapper .contenu{display:block; padding:0 0 50px 0; margin:0; box-sizing:border-box;}

.box-mosaique-pop-up-wrapper .contenu h2{display:block; padding:30px 0 0 0; margin:0; box-sizing:border-box; font-weight:600; font-size: 1.8rem;}
.box-mosaique-pop-up-wrapper .contenu h3{display:block; padding:5px 0 0 0; margin:0; box-sizing:border-box; font-weight:500; color: #000 !important; font-size: 1rem;}
.box-mosaique-pop-up-wrapper .contenu .soustitre{display:block; padding:30px 0 0 0; margin:0; box-sizing:border-box; font-weight:600; font-size: 1.4rem;}
.box-mosaique-pop-up-wrapper .contenu .descriptif{display:block; padding:5px 0 0 0; margin:0; box-sizing:border-box; font-weight:500; font-size: 1rem;}
.box-mosaique-pop-up-wrapper .contenu .descriptif p{margin:0; padding:0;}
.box-mosaique-pop-up-wrapper .contenu .descriptif a{margin:0; padding:0; text-decoration: underline; color: inherit;}
.box-mosaique-pop-up-wrapper .contenu .push{display:inline-block; cursor: pointer; position:relative;text-decoration:none;padding:0;margin:40px 20px 20px 0;color:#fff;text-transform:uppercase;font-size:.9rem;background-color:#000;box-sizing:border-box}
.box-mosaique-pop-up-wrapper .contenu .push .texte{display:block;position:relative;z-index:99;padding:15px 20px;margin:0}
.box-mosaique-pop-up-wrapper .contenu .push .texte i{font-size:1.2rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 3px}
.box-mosaique-pop-up-wrapper .contenu .push .bck-hover{display:block;z-index:9;position:absolute;top:0;left:0;height:100%;width:0;background-color:#df6536;transition:all .4s ease 0s}
.box-mosaique-pop-up-wrapper .contenu .push:hover .bck-hover{width:100%}


.box-mosaique-postuler{ display:none; z-index:99999999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); overflow:hidden; overflow-y:auto; box-sizing:border-box; }
.box-mosaique-postuler-wrapper{display:block; position:relative; max-width:100%; width: 700px; margin:40px auto; background-color:white; padding:30px 50px; box-sizing:border-box;}
.box-mosaique-postuler-wrapper-close{display:inline-block; font-size:3rem; color:#009ddf; margin: 0; padding:10px;cursor:pointer; position:fixed; top: 5px; right: 40px; z-index: 99; transition:all 0.4s ease;}
.box-mosaique-postuler-wrapper-close:hover{color:#fff;}
.box-mosaique-postuler-wrapper .formulaire{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box;}
.box-mosaique-postuler-wrapper .formulaire .titre_offre{display:block; padding:0 0 15px 0; margin:0; box-sizing:border-box; font-weight:600; font-size: 1.4rem;}
.box-mosaique-postuler-wrapper .formulaire .label{display:block; padding:5px 0 0px 0; margin:0; box-sizing:border-box; font-weight:500; font-size: 0.85rem;}
.box-mosaique-postuler-wrapper .formulaire .inputtext{display:block; padding:10px 10px; margin:5px 0 10px 0; width:100%; background-color:white; color:#009ddf; border:solid 1px #009ddf; font-size:1rem; font-weight:400; box-sizing:border-box; outline:none; transition:all 0.4s ease;}
.box-mosaique-postuler-wrapper .formulaire .inputtext:focus{background-color:#009ddf; color: white;}
.box-mosaique-postuler-wrapper .formulaire .areatext{display:block; height: 200px; padding:10px 10px; margin:5px 0 10px 0; width:100%; border:solid 1px #009ddf; background-color:white; color:#009ddf; font-size:14px; font-weight:500;outline:none; box-sizing:border-box; transition:all 0.4s ease;}
.box-mosaique-postuler-wrapper .formulaire .areatext:focus{background-color:#009ddf; color: white;}
.box-mosaique-postuler-wrapper .formulaire .inputfile{display:block; padding:10px 10px; margin:5px 0 10px 0; width:100%; background-color:white; color:#777; border:solid 1px #009ddf; font-size:1rem; font-weight:400; box-sizing:border-box; outline:none; transition:all 0.4s ease;}
.box-mosaique-postuler-wrapper .formulaire .inputfile:focus{background-color:#009ddf; color: white;}
.box-mosaique-postuler-wrapper .formulaire button{display:inline-block; border: none; outline: none; cursor: pointer; position:relative;text-decoration:none;padding:0;margin:40px 20px 20px 0;color:#fff;text-transform:uppercase;font-size:.9rem;background-color:#000;box-sizing:border-box}
.box-mosaique-postuler-wrapper .formulaire button .texte{display:block;position:relative;z-index:99;padding:15px 20px;margin:0}
.box-mosaique-postuler-wrapper .formulaire button .texte i{font-size:1.2rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 3px}
.box-mosaique-postuler-wrapper .formulaire button .bck-hover{display:block;z-index:9;position:absolute;top:0;left:0;height:100%;width:0;background-color:#df6536;transition:all .4s ease 0s}
.box-mosaique-postuler-wrapper .formulaire button:hover .bck-hover{width:100%}


.bloc-mosaique-pop-up .tri-pop-up{display:block; text-align:center; padding:0; margin:60px 3% 40px 3%;box-sizing:border-box;}
.bloc-mosaique-pop-up .tri-pop-up li{display:inline-block; padding:0; margin:0 5px 5px 5px; box-sizing:border-box;}
.bloc-mosaique-pop-up .tri-pop-up li a{display:block; text-decoration:none; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.9rem; text-transform:uppercase; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-mosaique-pop-up .tri-pop-up li a:hover{background-color:#000 !important; border-color:#000 !important; color: white !important;}
.bloc-mosaique-pop-up .tri-pop-up li.active a{background-color:#000 !important; border-color:#000 !important; color: white !important;}


.bloc-mosaique-pop-up.hauteur-grand{padding:100px 0;}
.bloc-mosaique-pop-up.hauteur-normal{padding:50px 0;}
.bloc-mosaique-pop-up.hauteur-petit{padding:0px 0;}

.bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible h2{font-size:1.2rem;}
.bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible h3{font-size:0.9rem;}
.bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible .push{font-size:0.8rem;}
.bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
.bloc-mosaique-pop-up.typo-petit .titre-bloc-popup{padding:0 0 30px 0; font-size: 2.4rem; }


.bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible h2{font-size:1.6rem;}
.bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible h3{font-size:1rem;}
.bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible .push{font-size:0.85rem;}
.bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible .push .texte i{font-size:1.3rem;}
.bloc-mosaique-pop-up.typo-normal .titre-bloc-popup{padding:0 0 40px 0; font-size: 3rem; }

.bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible h2{font-size:2rem;}
.bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible h3{font-size:1.2rem;}
.bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible .push{font-size:0.9rem;}
.bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible .push .texte i{font-size:1.4rem;}
.bloc-mosaique-pop-up.typo-grand .titre-bloc-popup{padding:0 0 50px 0; font-size: 4rem; }




@media screen and (max-width: 1380px){
    .bloc-mosaique-pop-up .mosaique-pop-up-4 li{width:33.333%;}
    .bloc-mosaique-pop-up .mosaique-pop-up-5 li{width:33.333%;}
    .bloc-mosaique-pop-up .mosaique-pop-up-6 li{width:33.333%; }

    .bloc-mosaique-pop-up.hauteur-grand{padding:80px 0;}
    .bloc-mosaique-pop-up.hauteur-normal{padding:50px 0;}
    .bloc-mosaique-pop-up.hauteur-petit{padding:0px 0;}

    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible h2{font-size:1.4rem;}
    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible h3{font-size:1rem;}
    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible .push{font-size:0.85rem;}
    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
    .bloc-mosaique-pop-up.typo-petit .titre-bloc-popup{padding:0 2% 30px 2%; font-size: 2rem; }

    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible h2{font-size:1.4rem;}
    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible h3{font-size:1rem;}
    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible .push{font-size:0.85rem;}
    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
    .bloc-mosaique-pop-up.typo-normal .titre-bloc-popup{padding:0 2% 30px 2%; font-size: 2.4rem; }

    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible h2{font-size:1.4rem;}
    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible h3{font-size:1rem;}
    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible .push{font-size:0.85rem;}
    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
    .bloc-mosaique-pop-up.typo-grand .titre-bloc-popup{padding:0 2% 30px 2%; font-size: 3rem; }


    .box-mosaique-pop-up-wrapper .image{width:100%; }
    .box-mosaique-pop-up-wrapper .contenu{width:100%; padding:30px 0 0 0px;}
}

@media screen and (max-width: 780px){
    .bloc-mosaique-pop-up .tri-pop-up{margin:40px 2% 20px 2%;}
    .bloc-mosaique-pop-up .tri-pop-up li{display:block; padding:0; margin:0 0 10px 0; width: 100%;}
    .bloc-mosaique-pop-up .tri-pop-up li a{margin:0;}

    .bloc-mosaique-pop-up .mosaique-pop-up-2 li{width:100%;}
    .bloc-mosaique-pop-up .mosaique-pop-up-3 li{width:100%;}
    .bloc-mosaique-pop-up .mosaique-pop-up-4 li{width:100%;}
    .bloc-mosaique-pop-up .mosaique-pop-up-5 li{width:100%;}
    .bloc-mosaique-pop-up .mosaique-pop-up-6 li{width:100%; }


    .bloc-mosaique-pop-up.hauteur-grand{padding:70px 0;}
    .bloc-mosaique-pop-up.hauteur-normal{padding:30px 0;}
    .bloc-mosaique-pop-up.hauteur-petit{padding:0px 0;}

    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible h2{font-size:1.4rem;}
    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible h3{font-size:1rem;}
    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible .push{font-size:0.85rem;}
    .bloc-mosaique-pop-up.typo-petit .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
    .bloc-mosaique-pop-up.typo-petit .titre-bloc-popup{padding:0 2% 30px 2%; font-size: 2rem; }

    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible h2{font-size:1.4rem;}
    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible h3{font-size:1rem;}
    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible .push{font-size:0.85rem;}
    .bloc-mosaique-pop-up.typo-normal .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
    .bloc-mosaique-pop-up.typo-normal .titre-bloc-popup{padding:0 2% 30px 2%; font-size: 2.4rem; }

    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible h2{font-size:1.4rem;}
    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible h3{font-size:1rem;}
    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible .push{font-size:0.85rem;}
    .bloc-mosaique-pop-up.typo-grand .mosaique-pop-up li .visible .push .texte i{font-size:1.2rem;}
    .bloc-mosaique-pop-up.typo-grand .titre-bloc-popup{padding:0 2% 30px 2%; font-size: 2.4rem; }

    .box-mosaique-pop-up-wrapper .contenu h2{font-size: 1.4rem;}
    .box-mosaique-pop-up-wrapper .contenu h3{font-size: 1.2rem;}
    .box-mosaique-pop-up-wrapper .contenu hr{width:70px;}
    .box-mosaique-pop-up-wrapper .contenu .h4{font-weight:0.9rem;}

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-googlemap{display:block; position:relative; padding:0; margin:0; background-color:white; box-sizing:border-box;}
.bloc-googlemap .googlemap{display: block; width: 100%; padding: 0; margin: 0;}

.bloc-googlemap.hauteur-grand .googlemap{height: 700px;}
.bloc-googlemap.hauteur-normal .googlemap{height: 550px;}
.bloc-googlemap.hauteur-petit .googlemap{height: 400px;}

.bloc-googlemap-texte{display:block; position:relative; padding:0; margin:0; background-color:white; box-sizing:border-box;}
.bloc-googlemap-texte .googlemap{display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100%; padding: 0; margin: 0; box-sizing:border-box;}
.bloc-googlemap-texte .texte{display: block; width: 100%; padding: 0; margin: 0; box-sizing:border-box;}
.bloc-googlemap-texte .texte h2{display:block; font-weight:600;padding:0 0px;margin:0;font-size:1.45rem; box-sizing:border-box;}
.bloc-googlemap-texte .texte h3{display:block; padding:20px 0px;margin:0;font-size:1.05rem; font-weight:400;box-sizing:border-box;}
.bloc-googlemap-texte .texte a{display:inline-block; text-decoration:none; padding:15px 15px;margin:15px 0 0 0px; font-size:.7rem; color: white;text-transform:uppercase;font-weight:500;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-googlemap-texte .texte a i{font-size:1rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 7px}
.bloc-googlemap-texte .texte a:hover{background-color: black !important;}

.bloc-googlemap-texte.hauteur-grand .texte{padding: 120px 20px;}
.bloc-googlemap-texte.hauteur-normal .texte{padding: 80px 20px;}
.bloc-googlemap-texte.hauteur-petit .texte{padding: 50px 20px;}

.bloc-googlemap-texte.largeur-25 .googlemap{width: 75%;}
.bloc-googlemap-texte.largeur-50 .googlemap{width: 50%;}
.bloc-googlemap-texte.largeur-75 .googlemap{width: 25%;}

.bloc-googlemap-texte.largeur-25.position-gauche .texte{padding-right: calc(75% + 20px);}
.bloc-googlemap-texte.largeur-25.position-droite .texte{padding-left: calc(75% + 20px);}
.bloc-googlemap-texte.largeur-25.position-gauche .googlemap{left: auto; right: 0;}

.bloc-googlemap-texte.largeur-50.position-gauche .texte{padding-right: calc(50% + 20px);}
.bloc-googlemap-texte.largeur-50.position-droite .texte{padding-left: calc(50% + 20px);}
.bloc-googlemap-texte.largeur-50.position-gauche .googlemap{left: auto; right: 0;}

.bloc-googlemap-texte.largeur-75.position-gauche .texte{padding-right: calc(25% + 20px);}
.bloc-googlemap-texte.largeur-75.position-droite .texte{padding-left: calc(25% + 20px);}
.bloc-googlemap-texte.largeur-75.position-gauche .googlemap{left: auto; right: 0;}


.bloc-googlemap-texte.typo-petit .texte h2{font-size:1.6rem; line-height: 1.8rem;}
.bloc-googlemap-texte.typo-petit .texte h3{font-size:0.9rem; line-height: 1.2rem;}
.bloc-googlemap-texte.typo-petit .texte a{font-size:0.8rem;}
.bloc-googlemap-texte.typo-petit .texte a i{font-size:1rem;}


.bloc-googlemap-texte.typo-normal .texte h2{font-size:2.6rem; line-height: 2.8rem;}
.bloc-googlemap-texte.typo-normal .texte h3{font-size:1.2rem; line-height: 1.6rem;}
.bloc-googlemap-texte.typo-normal .texte a{font-size:0.9rem;}
.bloc-googlemap-texte.typo-normal .texte a i{font-size:1.2rem;}


.bloc-googlemap-texte.typo-grand .texte h2{font-size:3.6rem; line-height: 3.8rem;}
.bloc-googlemap-texte.typo-grand .texte h3{font-size:1.6rem; line-height: 2rem;}
.bloc-googlemap-texte.typo-grand .texte a{font-size:1rem;}
.bloc-googlemap-texte.typo-grand .texte a i{font-size:1.4rem;}

@media screen and (max-width: 1380px){
    .bloc-googlemap.hauteur-grand .googlemap{height: 500px;}
    .bloc-googlemap.hauteur-normal .googlemap{height: 400px;}
    .bloc-googlemap.hauteur-petit .googlemap{height: 300px;}

    .bloc-googlemap-texte.hauteur-grand .texte{padding: 90px 20px;}
    .bloc-googlemap-texte.hauteur-normal .texte{padding: 70px 20px;}
    .bloc-googlemap-texte.hauteur-petit .texte{padding: 40px 20px;}

    .bloc-googlemap-texte.largeur-25 .googlemap{width: 50%;}
    .bloc-googlemap-texte.largeur-50 .googlemap{width: 50%;}
    .bloc-googlemap-texte.largeur-75 .googlemap{width: 50%;}

    .bloc-googlemap-texte.largeur-25.position-gauche .texte{padding-right: calc(50% + 20px);}
    .bloc-googlemap-texte.largeur-25.position-droite .texte{padding-left: calc(50% + 20px);}
    .bloc-googlemap-texte.largeur-25.position-gauche .googlemap{left: auto; right: 0;}

    .bloc-googlemap-texte.largeur-50.position-gauche .texte{padding-right: calc(50% + 20px);}
    .bloc-googlemap-texte.largeur-50.position-droite .texte{padding-left: calc(50% + 20px);}
    .bloc-googlemap-texte.largeur-50.position-gauche .googlemap{left: auto; right: 0;}

    .bloc-googlemap-texte.largeur-75.position-gauche .texte{padding-right: calc(50% + 20px);}
    .bloc-googlemap-texte.largeur-75.position-droite .texte{padding-left: calc(50% + 20px);}
    .bloc-googlemap-texte.largeur-75.position-gauche .googlemap{left: auto; right: 0;}

    .bloc-googlemap-texte.typo-petit .texte h2{font-size:1.6rem; line-height: 1.8rem;}
    .bloc-googlemap-texte.typo-petit .texte h3{font-size:0.9rem; line-height: 1.2rem;}
    .bloc-googlemap-texte.typo-petit .texte a{font-size:0.8rem;}
    .bloc-googlemap-texte.typo-petit .texte a i{font-size:1rem;}


    .bloc-googlemap-texte.typo-normal .texte h2{font-size:2rem;line-height: 2.2rem;}
    .bloc-googlemap-texte.typo-normal .texte h3{font-size:1.2rem; line-height: 1.6rem;}
    .bloc-googlemap-texte.typo-normal .texte a{font-size:0.9rem;}
    .bloc-googlemap-texte.typo-normal .texte a i{font-size:1.2rem;}


    .bloc-googlemap-texte.typo-grand .texte h2{font-size:3rem;line-height: 3.2rem;}
    .bloc-googlemap-texte.typo-grand .texte h3{font-size:1.4rem;line-height: 1.8rem; }
    .bloc-googlemap-texte.typo-grand .texte a{font-size:1rem;}
    .bloc-googlemap-texte.typo-grand .texte a i{font-size:1.4rem;}

}

@media screen and (max-width: 780px){
    .bloc-googlemap.hauteur-grand .googlemap{height: 300px;}
    .bloc-googlemap.hauteur-normal .googlemap{height: 300px;}
    .bloc-googlemap.hauteur-petit .googlemap{height: 300px;}

    .bloc-googlemap-texte.hauteur-grand .texte{padding: 40px 2% !important;}
    .bloc-googlemap-texte.hauteur-normal .texte{padding: 40px 2% !important;}
    .bloc-googlemap-texte.hauteur-petit .texte{padding: 40px 2% !important;}

    .bloc-googlemap-texte .googlemap{position: relative;height: 300px;}

    .bloc-googlemap-texte.largeur-25 .googlemap{width: 100%;}
    .bloc-googlemap-texte.largeur-50 .googlemap{width: 100%;}
    .bloc-googlemap-texte.largeur-75 .googlemap{width: 100%;}

    .bloc-googlemap-texte.typo-petit .texte h2{font-size:1.4rem;line-height: 1.6rem;}
    .bloc-googlemap-texte.typo-petit .texte h3{font-size:0.85rem; line-height: 1.2rem;}
    .bloc-googlemap-texte.typo-petit .texte a{font-size:0.8rem;}
    .bloc-googlemap-texte.typo-petit .texte a i{font-size:1rem;}


    .bloc-googlemap-texte.typo-normal .texte h2{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-googlemap-texte.typo-normal .texte h3{font-size:1rem; line-height: 1.4rem;}
    .bloc-googlemap-texte.typo-normal .texte a{font-size:0.9rem;}
    .bloc-googlemap-texte.typo-normal .texte a i{font-size:1.2rem;}


    .bloc-googlemap-texte.typo-grand .texte h2{font-size:1.8rem;line-height: 2rem;}
    .bloc-googlemap-texte.typo-grand .texte h3{font-size:1.1rem;line-height: 1.4rem;}
    .bloc-googlemap-texte.typo-grand .texte a{font-size:0.9rem;}
    .bloc-googlemap-texte.typo-grand .texte a i{font-size:1.2rem;}

    
}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-slider-miniature{display:block; padding:0; margin:0; box-sizing:border-box; background: #ececec;}
.bloc-slider-miniature .titre{display:block; padding:0 0 40px 0; margin:0; box-sizing:border-box; font-size:1.8rem; color:#963995; font-weight: 400;font-family: 'Exo', sans-serif; font-style:normal;}
.bloc-slider-miniature .descriptif{display:block; padding:0 0 40px 0; margin:0; font-size:1.2rem; color:#fff; font-weight:400; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg-wrapper{display:block; padding:0 80px; margin:0; position: relative; text-align: center; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg li{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg li a{display:block; position: relative; padding:0px 0; margin:0; font-size:1.4rem; text-decoration:none; text-align:center; border: none; transition: all 0.4s ease;}
.bloc-slider-miniature .bxsliderjcg li a i{display: block;width: 100%;text-align: center;font-size: 3.2rem;color: white;border-bottom: solid 2px white;margin: 0 0 20px 0; padding: 0; min-height: 50px;}
.bloc-slider-miniature .bxsliderjcg li a img{display:block; width:100%; max-width: 100%; height: auto; padding:0; margin:5px auto; box-sizing:border-box;}
.bloc-slider-miniature .bxsliderjcg li a h2{display:block; padding:5px 20px; margin:0; box-sizing:border-box; color: #262626; font-size:1.2rem;font-weight: 500;}
.bloc-slider-miniature .bxsliderjcg li a h3{display:block; padding:10px 30px; margin:0; box-sizing:border-box; color: #262626; font-size:0.9rem; font-weight: 400;text-align: justify;
text-align-last: center;}
.bloc-slider-miniature .bxsliderjcg li a:hover{border-color:#000 !important; }
.bloc-slider-miniature .bx-next{display:block; border: solid 2px transparent; position:absolute; top:50%; width:50px; height:50px; line-height:49px; text-align:center; right:0px; padding:0 0 0 2px; margin:-50px 0 0 0; box-sizing:border-box; font-size:2.8rem; color:white;text-decoration:none; transition: all 0.4s ease;}
.bloc-slider-miniature .bx-prev{display:block; border: solid 2px transparent; position:absolute; top:50%; width:50px; height:50px; line-height:49px; text-align:center;  left:0px; padding:0 2px 0 0; margin:-50px 0 0 0; box-sizing:border-box; font-size:2.8rem; color:white;text-decoration:none; transition: all 0.4s ease;}
.bloc-slider-miniature .bx-next:hover, .bx-prev:hover{color:#000; }

.bloc-slider-miniature.hauteur-grand{padding:150px 3%;}
.bloc-slider-miniature.hauteur-normal{padding:100px 3%;}
.bloc-slider-miniature.hauteur-petit{padding:50px 3%;}

.bloc-slider-miniature.typo-grand .titre{font-size:3.6rem; line-height: 3.8rem;}
.bloc-slider-miniature.typo-normal .titre{font-size:2.6rem; line-height: 2.8rem;}
.bloc-slider-miniature.typo-petit .titre{font-size:1.6rem; line-height: 1.8rem;}

.bloc-slider-miniature.typo-grand .descriptif{font-size:1.6rem; line-height: 2rem;}
.bloc-slider-miniature.typo-normal .descriptif{font-size:1.2rem; line-height: 1.6rem;}
.bloc-slider-miniature.typo-petit .descriptif{font-size:0.9rem; line-height: 1.2rem;}

.bloc-slider-miniature.typo-grand  .bxsliderjcg li a h2{font-size:3.5rem; line-height: 3.5rem;font-family: 'Exo', sans-serif; font-weight: 300;}
.bloc-slider-miniature.typo-normal  .bxsliderjcg li a h2{font-size:1.4rem; line-height: 1.8rem;}
.bloc-slider-miniature.typo-petit  .bxsliderjcg li a h2{font-size:1.2rem; line-height: 1.6rem;}

.bloc-slider-miniature.typo-grand .bxsliderjcg li a h3{font-size:1.1rem; line-height: 1.5rem;}
.bloc-slider-miniature.typo-normal .bxsliderjcg li a h3{font-size:1rem; line-height: 1.3rem;}
.bloc-slider-miniature.typo-petit .bxsliderjcg li a h3{font-size:0.85rem; line-height: 1.2rem;}

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

    .bloc-slider-miniature.hauteur-grand{padding:120px 3%;}
    .bloc-slider-miniature.hauteur-normal{padding:80px 3%;}
    .bloc-slider-miniature.hauteur-petit{padding:40px 3%;}

    .bloc-slider-miniature.typo-grand .titre{font-size:3rem;line-height: 3.2rem;}
    .bloc-slider-miniature.typo-normal .titre{font-size:2rem;line-height: 2.2rem;}
    .bloc-slider-miniature.typo-petit .titre{font-size:1.6rem; line-height: 1.8rem;}

    .bloc-slider-miniature.typo-grand .descriptif{font-size:1.4rem;line-height: 1.8rem;}
    .bloc-slider-miniature.typo-normal .descriptif{font-size:1.2rem; line-height: 1.6rem; }
    .bloc-slider-miniature.typo-petit .descriptif{font-size:0.9rem; line-height: 1.2rem;}

    .bloc-slider-miniature.typo-grand  .bxsliderjcg li a h2{font-size:1.6rem; line-height: 2rem;}
    .bloc-slider-miniature.typo-normal  .bxsliderjcg li a h2{font-size:1.4rem; line-height: 1.8rem;}
    .bloc-slider-miniature.typo-petit  .bxsliderjcg li a h2{font-size:1.2rem; line-height: 1.6rem;}

    .bloc-slider-miniature.typo-grand .bxsliderjcg li a h3{font-size:1.2rem; line-height: 1.5rem;}
    .bloc-slider-miniature.typo-normal .bxsliderjcg li a h3{font-size:1rem; line-height: 1.3rem;}
    .bloc-slider-miniature.typo-petit .bxsliderjcg li a h3{font-size:0.85rem; line-height: 1.2rem;}
   
}

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

    .bloc-slider-miniature.hauteur-grand{padding:70px 2%;}
    .bloc-slider-miniature.hauteur-normal{padding:50px 2%;}
    .bloc-slider-miniature.hauteur-petit{padding:30px 2%;}

    .bloc-slider-miniature.typo-grand .titre{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-slider-miniature.typo-normal .titre{font-size:1.6rem;line-height: 1.8rem;}
    .bloc-slider-miniature.typo-petit .titre{font-size:1.4rem;line-height: 1.6rem;}

    .bloc-slider-miniature.typo-grand .descriptif{font-size:1rem; line-height: 1.4rem;}
    .bloc-slider-miniature.typo-normal .descriptif{font-size:1rem; line-height: 1.4rem; }
    .bloc-slider-miniature.typo-petit .descriptif{font-size:0.85rem; line-height: 1.2rem;}

    .bloc-slider-miniature.typo-grand  .bxsliderjcg li a h2{font-size:1.2rem; line-height: 1.6rem;}
    .bloc-slider-miniature.typo-normal  .bxsliderjcg li a h2{font-size:1.2rem; line-height: 1.6rem;}
    .bloc-slider-miniature.typo-petit  .bxsliderjcg li a h2{font-size:1rem; line-height: 1.4rem;}

    .bloc-slider-miniature.typo-grand .bxsliderjcg li a h3{font-size:0.9rem; line-height: 1.3rem;}
    .bloc-slider-miniature.typo-normal .bxsliderjcg li a h3{font-size:0.9rem; line-height: 1.3rem;}
    .bloc-slider-miniature.typo-petit .bxsliderjcg li a h3{font-size:0.8rem; line-height: 1.2rem;}

}

/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/

.bloc-onglet{display:block; position:relative; padding:40px 0; margin:0; text-align:center; box-sizing:border-box; }

.bloc-onglet.hauteur-grand{padding:80px 0;}
.bloc-onglet.hauteur-normal{padding:40px 0;}
.bloc-onglet.hauteur-petit{padding:0px 0;}

.bloc-onglet .slideronglet-menu{display: table; table-layout:fixed; border-spacing: 7px; text-align: center; width: 100%; padding: 0; margin: 0; box-sizing:border-box; }
.bloc-onglet .slideronglet-menu a{display: table-cell; cursor: pointer; transition: all 0.4s ease; position: relative; vertical-align: top; padding: 20px 15px; margin: 0; font-size: 1rem; font-weight: 500;background-color:#f7f7f7; color: #888; box-sizing:border-box; }
.bloc-onglet .slideronglet-menu a i{display: block;padding: 0 0 10px 0;margin:0;font-size: 3rem;text-align: center;}
.bloc-onglet .slideronglet-menu a .fleche{display: block; padding:0; margin: 0; position:absolute; top:98%; left:0; width:100%; }
.bloc-onglet .slideronglet-menu a .fleche i{opacity: 0;transition: all 0.4s ease; padding:0; font-size:3.5rem; line-height: 0.6rem; color:#ececec;}
.bloc-onglet .slideronglet-menu a.active,.bloc-onglet .slideronglet-menu a:hover{background-color:#009ddf; color: white; z-index: 9;}
.bloc-onglet .slideronglet-menu a.active .fleche i,.bloc-onglet .slideronglet-menu a:hover .fleche i{opacity: 1;color:#009ddf;}
.bloc-onglet .slideronglet-menu a .fleche i.fleche-droite{display: block; position: absolute; top: -71px; right: -16px;}
.bloc-onglet .slideronglet-menu a:last-of-type .fleche i.fleche-droite{}

.bloc-onglet .slideronglet{display:block; padding:0; margin:0; position: relative; box-sizing:border-box;}
.bloc-onglet .slideronglet .bx-controls{display: none;}
.bloc-onglet .slideronglet .slideronglet-wrapper{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-onglet .slideronglet .slideronglet-wrapper li{display:block; padding:40px 0 40px 0px; margin:0; box-sizing:border-box;}
.bloc-onglet .slideronglet .slideronglet-wrapper li .visuel{display:block; padding:0 0 20px 0; margin:0; box-sizing:border-box;}
.bloc-onglet .slideronglet .slideronglet-wrapper li .visuel img{display:block; width: 100%; padding:0; margin:0; box-sizing:border-box;}
.bloc-onglet .slideronglet .slideronglet-wrapper li .titre{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box; font-size: 1.6rem; line-height: 2rem;color:#009ddf; font-weight: 500;}
.bloc-onglet .slideronglet .slideronglet-wrapper li .soustitre{display:block; padding:0 0 5px 0; margin:0; box-sizing:border-box; font-size: 1rem; line-height: 1.4rem;color:#01435f; text-transform: uppercase; font-weight: 600;}
.bloc-onglet .slideronglet .slideronglet-wrapper li .descriptif{display:block; padding:0 0 20px 0; margin:0; box-sizing:border-box; font-size: 1rem; line-height: 1.4rem;color:#777; font-weight: 400;}
.bloc-onglet .slideronglet .slideronglet-wrapper li .descriptif p{display: block; padding: 0; margin: 0;}
.bloc-onglet .slideronglet .slideronglet-wrapper li a{display:inline-block; text-decoration:none; padding:15px 15px;margin:15px 0 0 0px; font-size:.7rem; color: white;text-transform:uppercase;font-weight:500;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-onglet .slideronglet .slideronglet-wrapper li a i{font-size:1rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 7px}
.bloc-onglet .slideronglet .slideronglet-wrapper li a:hover{background-color: black !important;}

.bloc-onglet.presentation-verticale .slideronglet-menu{display: block; width: 250px; padding: 0; text-align: left; margin: 0; float: left;}
.bloc-onglet.presentation-verticale .slideronglet-menu a{display:block; padding:20px 10px 20px 55px; margin-bottom: 7px;box-sizing: border-box;}
.bloc-onglet.presentation-verticale .slideronglet-menu a i{display: block;padding: 0;margin: -17px 0 0 0;font-size: 2rem;position: absolute;left: 0;top: 50%;height: 30px;width: 60px;text-align: center;}
.bloc-onglet.presentation-verticale .slideronglet-menu a .fleche{top:calc(50% - 25px); left:88%; height:50px; line-height: 33px; width:auto }
.bloc-onglet.presentation-verticale .slideronglet-menu a .fleche i{display: none;}
.bloc-onglet.presentation-verticale .slideronglet-menu a .fleche i.fleche-droite{display:block; line-height:inherit;top: 50%;}
.bloc-onglet.presentation-verticale .slideronglet-menu a:last-of-type .fleche i.fleche-droite{display: block;}

.bloc-onglet.presentation-verticale .slideronglet{display:block; float: left; width: calc(100% - 250px); padding:0; margin:0; position: relative; box-sizing:border-box;}
.bloc-onglet.presentation-verticale .slideronglet .slideronglet-wrapper li{padding:0px 0 0px 40px;}


/***********************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/
#blocmosaiqueaccueilsecondeligne .mosaique{margin-top: -20px;}

#centretechnique1 .wrapper-normal{padding-left: 320px;}
#centretechnique1 .visuel_infographie{position: absolute;width: 430px;left: 0px;top: 21px;}

#centretechnique2 .wrapper-normal{padding-left: 230px;}
#centretechnique2 .visuel_infographie{position: absolute;width: 310px;left: 0px;top: 19px;}

#candidature_spontanee a{color: #009ddf !important;}

.scroll-down-page{display: block; position: fixed; bottom: -50px; left: 70%; z-index: 99999999; width: 100px; height: 100px; padding: 7px 0 0 0; margin: 0; box-sizing:border-box; border-radius: 50%; text-align: center; color:white; background-color:#980849; font-size:1.8rem; cursor:pointer; -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.9); box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.9); transition: all 0.4s ease;}
.scroll-down-page:hover{background-color: black;color:#980849;}

.scroll-up-page{display: none; position: fixed; bottom: -50px; left: 70%; z-index: 99999999; width: 100px; height: 100px; padding: 7px 0 0 0; margin: 0; box-sizing:border-box; border-radius: 50%; text-align: center; color:white; background-color:#980849; font-size:1.8rem; cursor:pointer; -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.9); box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.9); transition: all 0.4s ease;}
.scroll-up-page:hover{background-color: black;color:#980849;}

/***********************************************************************************************************************************************************************/

.bloc-animation-jcg{transition:  opacity 1.8s ease;}
.bloc-animation-jcg-opacity0{opacity: 0;transition:  opacity 0.5s ease;}