/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/******* Copie de "/www/media/gantry5/engines/nucleus/scss/configuration/nucleus/_breakpoints.scss" *****/
/******* Copie de "/www/media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss" *****/
/* import des règles médiaqueries scss */
/********************************************** PROPRIETES GENERALES *******************************************/
/*Affiche les titres de la page d'accueil de manière harmonisée */
.fp-block-custom h2, .title {
  display: block;
  font-size: 40px;
  text-align: center;
  line-height: 60px;
  font-family: "Arimo";
  text-transform: none;
  font-weight: 300;
  letter-spacing: initial;
  margin-bottom: 4%;
}
/*Affiche un soulignement automatique sur tous les grands titres de la page d'accueil */
.soulignement-titre h2::after {
  display: block;
  background-color: #444444;
  position: relative;
  content: "";
  text-align: center;
  height: 1px;
  margin-left: 40%;
  margin-right: 40%;
}
.soulignement-titre-blanc h2::after {
  display: block;
  background-color: white;
  position: relative;
  content: "";
  text-align: center;
  height: 1px;
  margin-left: 40%;
  margin-right: 40%;
}
/* Permet de raccourcir le trait de soulignement des titres de la page d'accueil */
.g-title:after {
  width: unset;
}
/* Concerne la police de l'alignement de presque tous les paragraphes de texte de la page d'accueil */
.g-block p {
  text-align: justify;
  font-size: 17px;
}
/* Concerne la police de l'alignement du paragraphe de résentation de "Nos formations supérieures" */
.g-pricingtable-headertext {
  text-align: justify;
  font-size: 17px;
}
/* ============================================== PAGE D'ACCUEIL ===============================================*/
/***************************************** MENU PRINCIPAL DE NAVIGATION - PAGE D'ACCUEIL ****************************************/
/* Centre horizontalement le contenu du menu de navigation */
#g-navigation > .g-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
/* Augmente la taille des liens du menu de navigation */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title {
  font-size: 18px;
}
/* Augmente la taille du menu de navigation de la page d'accueil */
.g-container .g-grid .g-block #menu-1716-particle .g-main-nav .g-toplevel {
  width: 100%;
  height: 120px;
  padding-top: 1.5%;
}
/* Augmente la taille du menu de navigation des pages courantes */
.g-container .g-grid .g-block #menu-2875-particle .g-main-nav .g-toplevel {
  width: 100%;
  height: 120px;
  padding-top: 2%;
}
/* Permet d'aligner à gauche les liens dans les tab du menu de navigation pc et mobile, 
mais à ce stade, rien ne les centre
.g-menu-item-content
{
    text-align: left; 
}
*/
/*
Pour mobile
#g-offcanvas #g-mobilemenu-container ul   
/*
{
    text-align: left;
}
*/
/* Aucun impact apparent, peut-être pour afficher l'ancien mode de recherche
#g-search-module-search-88 form
{
    margin-bottom: 0;
}
*/
/*********************************************** SECTION BANNIERE - PAGE D'ACCUEIL **********************************************/
/* Permet de centrer les photos de la bannière : */
.g-owlcarousel-slideshow .g-owlcarousel .g-owlcarousel-item-image {
  background-position: center;
}
/* Adapte la taille de la citation de la bannière pour pc et mobile */
.g-owlcarousel-slideshow .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-title .hl {
  font-size: 0.4em;
  /* taille qui permet d'afficher le texte sur 2 lignes sur grand écran */
  line-height: 30px;
  font-weight: bold;
}
@media only all and (max-width: 47.99rem) {
  .g-owlcarousel-slideshow .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-title .hl {
    font-size: 0.3em;
    line-height: 30px;
  }
}
/* Règle l'interligne du texte de citation sur mobile */
@media only all and (max-width: 47.99rem) {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    line-height: 30px;
  }
}
/*********************************************** SECTION INFORMATIONS IMPORTANTES - PAGE D'ACCUEIL **********************************************/
/* Permet de centrer verticalement le titre "Informations importantes" car l'espace vide était mal réparti */
#contentarray-8701-particle {
  padding: 35px 15px 60px;
}
/* Justifie le texte et augmente la police des extraits d'articles */
.g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more {
  text-align: justify;
  font-size: 17px;
}
/******************************************* SECTION NOS ACTUALITES - PAGE D'ACCUEIL *****************************************/
/* Permet de centrer verticalement le titre "Actualités" car l'espace vide était mal réparti */
#custom-1000-particle {
  padding: 35px 15px 40px;
}
/* Permet de centrer verticalement les éléments de la section "Nos actualités" car l'espace vide était mal réparti */
#stripsslider-7293-particle {
  padding: 15px 15px;
}
/*tentative responsive carrousel actualités
#stripsslider-7293-particle .owl-item
{
    margin-right: 50px; 
    width: 600px;
}
*/
/* Affiche la légende des vignettes en gris foncé */
#g-showcase a:not(.readon), small {
  color: #b89903;
  font-size: 22.5px;
  line-height: 35.1px;
}
.rt-strips-desc {
  text-decoration: underline;
}
/* Applique automatiquement un filtre sepia sur les photos des vignettes */
.owl-carousel img {
  /*filter: sepia(0.9);*/
}
/* Centre le bouton "Tous les articles */
.nomodulecontent .g-content {
  display: flex;
  justify-content: center;
}
/* Permet de réduire l'espace vide en-dessous du bouton "tous les articles" */
#blockcontent-9946-particle {
  padding-bottom: 0;
}
/***************************************** SECTION NOS BACCALAUREATS - PAGE D'ACCUEIL ****************************************/
/* Permet de réduire l'espace vide au-dessus du titre "Nos baccalauréats" car les margin et padding automatiques 
de cette section sont trop grands */
.g-content .g-owlcarousel-header {
  padding: 0;
}
/* Permet de centrer verticalement le titre "nos baccalauréats" car l'espace vide était mal réparti */
#slider-9989-particle {
  padding: 35px 15px 60px;
}
/* Permet d'harmoniser les titres "Voie Générale - Voie Technologique - Voie Professionnelle" 
car le style était différent */
.g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-title {
  font-size: 40px;
  text-align: center;
  line-height: 80px;
  font-family: "Arimo";
  text-transform: none;
  font-weight: 300;
  letter-spacing: initial;
  margin-bottom: 4%;
}
/* Augmente l'espace vide au-dessus de l'encarts "voies générale, technologique et professionnelles" */
.g-content .g-owlcarousel-header {
  margin-bottom: 60px;
}
/* Change la couleur des titres cliquables "Voie générale - technologique et professionnelle" */
.g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-title a {
  color: white;
}
/* Rend invisible le soulignement des titres "Voies générale, technologique et professionnelle" */
.g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-title::after {
  background-color: inherit;
}
/* Breakpoints pour adapter l'affichage en responsive / attention, 
cette partie de code modifie l'affichage du slider actualités */
#slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-image-container {
  background-size: cover;
  height: 480px;
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-image-container {
    height: 400px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-image-container {
    height: 440px;
    background-size: cover;
  }
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-image-container {
    height: 180px;
  }
}
#slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding {
  width: 60%;
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding {
    height: 400px;
    margin-top: 5px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding {
    height: 560px;
    width: 55%;
  }
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding {
    width: 100%;
  }
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding h2 {
    margin-top: 15px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding h2 {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: -10px;
  }
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding h2 {
    margin-top: 13%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding p {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding p {
    display: none;
  }
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding .button {
    margin-top: 15px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding .button {
    margin-top: 10px;
  }
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-padding a {
    font-size: 25px;
  }
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-title h2 {
    font-size: 10px !important;
  }
}
#slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-desc {
  display: block;
}
@media only all and (max-width: 47.99rem) {
  #slider-baccalaureats .g-owlcarousel-slider .g-owlcarousel .g-owlcarousel-content .g-owlcarousel-item-desc {
    display: none;
  }
}
/* ======================================= ALTERNATIVE SECTION NOS BACCALAUREATS - PAGE D'ACCUEIL ============================ */
/* Partie de code à décommenter en cas d'utilisation de cette autre section "Nos baccalauréats" */
/*
.g-contenttabs .g-contenttabs-tab-wrapper-head .g-contenttabs-tab-title
{
    color: #444444;
}

.tab-custom-container
{
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap; 
    justify-content: center;
}

.tab-custom-presentation
{
    padding:16px; 
    margin: 16px; 
    font-size:1.2em; 
    flex:2 1 400px;
    text-align: justify;
}

.tab-custom-presentation ul
{
list-style-type: disc;
}

.tab-custom-image
{
    padding:16px; 
    margin: 16px;  
    flex:1 1 400px;
    align-items: center;
    text-align: center;
}
*/
/**************************************** SECTION NOS FORMATIONS SUPERIEURES - PAGE D'ACCUEIL **************************************/
/* Permet de centrer verticalement le titre "Nos formations supérieures" car l'espace vide était mal réparti */
#pricingtable-6536-particle {
  padding: 20px 15px 40px;
}
/* Corrige les marges pour centrer les "pricingtables" */
.g-pricingtable-col-item {
  margin: 3% 4px 3% -14px;
}
/* Modifie la couleur de fond et la graisse de la police des encarts "BTS" */
.g-pricingtable .g-pricingtable-plan {
  background-color: #048B9A;
  font-weight: bold;
  text-align: center;
}
/* Modifie la couleur de fond et la graisse de la police des encarts des filières */
.g-pricingtable .g-pricingtable-price {
  background-color: #048B9A;
  font-weight: bold;
  text-align: center;
}
/* Modifie la couleur des flèches en-bas des encarts de filières */
.g-pricingtable .g-pricingtable-price:after {
  color: #048B9A;
}
/* Harmonise la police du texte de présentation de "Nos formations supérieures" doublon ? */
.g-pricingtable-headertext {
  font-size: 17px;
  text-align: justify;
}
/************************************************* SECTION NOS RESULTATS AUX EXAMENS - PAGE D'ACCUEIL ************************************************/
/* Permet de centrer verticalement le titre "Nos résultats aux examens" car l'espace vide était mal réparti */
#custom-3705-particle {
  padding-bottom: 0;
}
/* Permet de centrer verticalement le titre "Nos résultats aux examens" car l'espace vide était mal réparti */
#custom-3705-particle h2 {
  padding-top: 40px;
  margin-bottom: 0;
}
/* Permet de centrer verticalement le titre "Nos résultats aux examens" car l'espace vide était mal réparti */
#custom-6461-particle {
  padding: 60px 15px 0px;
  margin: 0;
}
/* Change la couleur automatique du lien, car il était jaune */
#titre-custom-resultats a {
  color: #444444;
  padding-top: 60px;
}
/* Rend le lien jaune au survol de la souris uniquement */
#titre-custom-resultats a:hover {
  color: #d8b923;
}
/* Permet de changer les propriétés barres de progression */
.progress-bar.progress-bar-default {
  background-color: #d8b923;
  color: white;
  font-size: 19px;
}
/* Permet d'augmenter la police des noms des examens */
#progressbar-2126-particle, #progressbar-9357-particle, #progressbar-4505-particle {
  font-size: 19px;
}
/* Augmente la marge en bas de la section "Nos résultats aux examens" car elle était insuffisante */
.g-block[class*="box"][class*="size"] {
  margin-bottom: 80px;
}
/************************************************* SECTION NOTRE COMMUNAUTE S'ENGAGE - PAGE D'ACCUEIL ************************************************/
/************************************************* SECTION FOOTER - PAGE D'ACCUEIL ************************************************/
/* Stylise le titre "Louis Armand" du footer */
#titre_footer {
  color: white;
  font-size: 25px;
  text-align: left;
  line-height: 40px;
  font-family: "Arimo";
  font-weight: 300;
}
/* Stylise les titres "Rectorat" et "DSDEN" du footer */
#footer_titre_jaune_rectorat, #footer_titre_jaune_dsden {
  font-size: 25px;
  text-align: left;
  font-family: "Arimo";
  font-weight: 300;
  line-height: 40px;
}
/* Change la couleur des titres cliquables "rectorat" et "DSDEN" */
#footer_titre_jaune_rectorat a, #footer_titre_jaune_dsden a {
  color: #e4ce63;
}
/* Stylise le survol de la souris sur les titres "rectorat" et "DSDEN" du footer */
#footer_titre_jaune_rectorat a:hover, #footer_titre_jaune_dsden a:hover {
  color: white;
}
/* Renvoie la barre "to-top" comportant la flèche de bas de site vers le bas de l'écran, 
peu importe la taille du contenu de la page */
#g-copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* ============================================= PAGES COURANTES ============================================ */
/* Change la couleur de fond de la classe "box4" appliquée à la sidebar */
.box4 {
  background-color: white;
  box-shadow: 0 0 0.3em grey, -1px 0 0.2em grey;
  border-radius: unset;
}
/* Règle l'affichage de la vidéo dans la sidebar des pages courantes */
.video-sidebar {
  box-shadow: unset;
  /* ne fonctionne pas */
  margin-top: 80px;
  font-size: 1vw;
}
/* Affiche une image de fond en arrière-plan des pages courantes */
#g-main {
  background-image: url('../../../../images/page-accueil/slide-lycee-exterieur-compresse_1_blanchi.jpeg');
  background-size: cover;
}
/* Aligne la sidebar en hauteur avec la page d'article */
.g-block[class*="box"][class*="size"] {
  margin-top: 72px;
  margin-bottom: 72px;
}
/* Modifie les propriétés de la page d'article */
.span12 {
  box-shadow: 0 0 0.3em grey, -1px 0 0.2em grey;
  padding: 40px 3%;
  /* G2 60px -> 3%*/
  background-color: white;
  font-family: "Arimo";
  color: #444444;
  font-size: 17px;
  text-align: justify;
}
/* Harmonise les titres h2 de tous les articles */
.span12 h2 {
  font-size: 40px;
  text-align: center;
  line-height: 80px;
  font-weight: bold;
  color: #444444;
}
/* Harmonise les titres h3 de tous les articles */
.span12 h3 {
  /*font-size: 26px;*/
  /*text-align: left;			G2 */
  margin-top: 30px;
  /*margin-bottom: 20px;*/
  font-weight: 600;
  /*color: #444444;			G2 */
  background-color: #048b9a;
  /*G2 */
  /*background: linear-gradient(to left,#ffffff, #048b9a 20%, #048b9a 80%, #ffffff);*/
  /* G2 */
  color: #ffffff;
  /* G2 */
  /*padding: 10px 20%;*/
  /* G2 padding droite et gauche de la même taille que le gradient */
  text-align: center;
  /* G2 */
  opacity: 0.8;
  /* G2 */
}
/* G2 Harmonise les titres h3 de tous les articles : DEVRA DISPARAITRE*/
.span12 h3.likeaccueil {
  font-size: 26px;
  text-align: left;
  /* G2 */
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: 600;
  /*color: #444444;			G2 */
  background-color: #048b9a;
  /* G2 */
  background: none;
  color: #b89903;
  /* G2 */
  padding: 0;
  /* G2 padding droite et gauche de la même taille que le gradient */
  /*text-align: center;			 G2 */
  /*opacity: 0.8; 				 G2 */
}
.span12 h3.sn_jaune {
  text-align: left;
  /* G2 */
  background: none;
  color: #b89903;
  /* G2 */
  padding: 0;
  /* G2 padding droite et gauche de la même taille que le gradient */
}
/* Harmonise les titres h4 de tous les articles */
.span12 h4 {
  font-size: 22px;
  /*text-align: left;			G2 */
  /*margin-bottom: 30px;		G2 */
  font-weight: 500;
  /*color: #444444;			G2 */
  /*background-color: #34bbca;  G2 */
  background: linear-gradient(to left, #ffffff, #34bbca 20%, #34bbca 80%, #ffffff);
  /* G2 */
  color: #ffffff;
  /* G2 */
  padding: 8px 20%;
  /* G2 */
  text-align: center;
  /* G2 */
  margin: 20px 2%;
  /* G2 */
  opacity: 0.8;
  /* G2 */
}
/* Harmonise les titres h3 de tous les articles */
.span12 h4.likeaccueil {
  font-size: 22px;
  text-align: left;
  /* G2 */
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: 600;
  /*color: #444444;			G2 */
  background-color: #048b9a;
  /* G2 */
  background: none;
  color: #d8b923;
  /* G2 */
  padding: 0;
  /* G2 padding droite et gauche de la même taille que le gradient */
  /*text-align: center;			 G2 */
  /*opacity: 0.8; 				 G2 */
}
.span12 h4.sn_jaune {
  text-align: left;
  /* G2 */
  background: none;
  color: #b89903;
  /* G2 */
  padding: 0;
  /* G2 padding droite et gauche de la même taille que le gradient */
}
/* G2 */
.sn_jaune {
  text-align: left;
  background: none;
  color: #d8b923;
  /* G2 */
  padding: 0;
  margin-left: 0;
}
/* Harmonise les titres h5 de tous les articles */
.span12 h5 {
  font-size: 24px;
  text-align: left;
  font-style: oblique;
  margin-bottom: 30px;
  font-weight: 300;
  color: #444444;
}
/* Harmonise les éléments de listes de tous les articles */
.span12 ul, li {
  font-family: "Arimo";
  color: #444444;
  font-size: 17px;
  text-align: justify;
  line-height: 18px;
}
/*
.span12 .g-title
{
    font-family: "Arimo"; 
    text-transform: none;
    text-align: center; 
    display: block;
}

*/
/* ============================================= FORMULAIRE DE CONNEXION ============================================ */
.login input#modlgn-username, #login-form input#modlgn-username, #g-loginform input#modlgn-username, .login input#modlgn-passwd, #login-form input#modlgn-passwd, #g-loginform input#modlgn-passwd, .login input#username, #login-form input#username, #g-loginform input#username, .login input#passwd, #login-form input#passwd, #g-loginform input#passwd, .platform-content input {
  width: auto;
}
/* G2 : Ce style n'est plus utilisé -> IL VA DIPARAITRE  */
.bleuvert {
  text-align: center;
  background-color: #048b9a;
  color: #ffffff;
  padding: 0px 0px;
}
.sn_bleu {
  text-align: center;
  background-color: #048b9a;
  color: #ffffff;
  padding: 0px 0px;
}
/* Les styles permettant de faire 3 ou 2 colonnes dans une page */
/* CE sTYLE DOIT DISPARAITRE */
.container_colonnes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .container_colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .container_colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .container_colonnes {
    grid-template-columns: none;
  }
}
/* CE STYLE DOIT DISPARAITRE */
.container_2colonnes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .container_2colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .container_2colonnes {
    grid-template-columns: 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .container_2colonnes {
    grid-template-columns: none;
  }
}
/* CE STYLE DOIT DISPARAITRE */
.div_colonne {
  padding: 0px 20px;
  margin: 0;
}
/* Les nouveaux styles commençant par sn_ */
.sn_container_3colonnes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .sn_container_3colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sn_container_3colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .sn_container_3colonnes {
    grid-template-columns: none;
  }
}
.sn_container_1_2colonnes {
  display: grid;
  grid-template-columns: 1fr 2fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .sn_container_1_2colonnes {
    grid-template-columns: 1fr 2fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sn_container_1_2colonnes {
    grid-template-columns: 1fr 2fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .sn_container_1_2colonnes {
    grid-template-columns: none;
  }
}
.sn_container_2_1colonnes {
  display: grid;
  grid-template-columns: 2fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .sn_container_2_1colonnes {
    grid-template-columns: 2fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sn_container_2_1colonnes {
    grid-template-columns: 2fr 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .sn_container_2_1colonnes {
    grid-template-columns: none;
  }
}
.sn_container_2colonnes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .sn_container_2colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sn_container_2colonnes {
    grid-template-columns: 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .sn_container_2colonnes {
    grid-template-columns: none;
  }
}
.sn_container_4colonnes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .sn_container_4colonnes {
    grid-template-columns: 1fr 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sn_container_4colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .sn_container_4colonnes {
    grid-template-columns: none;
  }
}
.sn_container_5colonnes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  /*fraction*/
}
@media only all and (min-width: 60rem) and (max-width: 69.99rem) {
  .sn_container_5colonnes {
    grid-template-columns: 1fr 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sn_container_5colonnes {
    grid-template-columns: 1fr 1fr;
    /*fraction*/
  }
}
@media only all and (max-width: 47.99rem) {
  .sn_container_5colonnes {
    grid-template-columns: none;
  }
}
.sn_div_colonne {
  padding: 0px 20px;
  margin: 0;
}
/*  La div utilisée pour afficher des grahiques AMCHARTS4 */
.div_amcharts4 {
  font-size: 0.8em;
  width: 100%;
  height: 220px;
  padding: 0px 0;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .div_amcharts4 {
    font-size: 0.4em;
    height: 150px;
  }
}
.div_amcharts4_carte_formation {
  font-size: 1.2em;
  width: 100%;
  padding: 0;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  .div_amcharts4_carte_formation {
    font-size: 0.8em;
  }
}
#chardiv {
  font-size: 1.2em;
  width: 100%;
  padding: 0;
  margin: 0;
}
@media only all and (max-width: 47.99rem) {
  #chardiv {
    font-size: 0.8em;
  }
}
/* La balise video : une largeur de 50% sur les grands écrans, 100% sur les smartphones */
video {
  width: 50%;
  margin: 0 auto;
  padding: 0;
}
@media only all and (max-width: 47.99rem) {
  video {
    width: 100%;
  }
}
video.video_colonne {
  width: 100%;
}
.sn_externallink::after {
  content: url('../../../../images/articles/external-link-symbol.png');
}
.amcharts-chart-div a {
  display: none !important;
}
/*p{ a::after{
  content:url(images/articles/external-link-symbol.png);
  padding-left:10px;
  }}
*/
table.sn_tableau {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
table.sn_tableau th, td {
  margin: 0;
  padding: 2px 5px;
  text-align: left;
}
table.sn_tableau th {
  border-bottom: 1px solid grey;
  text-align: left;
  font-size: 1.1em;
  color: #048b9a;
}
table.sn_tableau tr:nth-child(even) {
  background: #DDD;
}
table.sn_tableau tr:nth-child(odd) {
  background: #FFF;
}
/* Pour une modification de la taille des titres sur la page d'accueil en fonction du mobile*/
@media only all and (max-width: 47.99rem) {
  .g-block p.titreAccueil {
    font-size: 4vw;
  }
}
@media only all and (min-width: 48rem) {
  .g-block p.titreAccueil {
    font-size: 2vw;
  }
}
#g-navigation {
  position: fixed;
  z-index: 3;
  width: 100%;
}
@media only all and (min-width: 48rem) {
  #g-slideshow, #g-breadcrumb {
    margin-top: 120px;
  }
}
.g-simplecounter .g-title {
  font-size: 0.7rem;
  padding: 0;
}
/***************** Idee structure page sections ******************/
.sn_icone_section {
  width: 100%;
  height: auto;
  position: relative;
}
.sn_icone_section img {
  width: 50%;
  height: auto;
  display: block;
  margin: 22px auto;
}
.sn_description_section {
  color: black;
  font-size: 0.8em;
  width: 100%;
  text-align: center;
  height: 40px;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px;
  background-color: #efefef;
  margin: 1px 0;
}
.sn_section h3 {
  font-size: max(1.1vw, 20px);
  text-align: center !important;
  margin: 0;
  color: black !important;
}
.sn_section {
  margin: 1%;
  background-color: #048b9a;
  padding: 1%;
}
.sn_description_section:hover {
  transform: scale(1.01);
}
@media only all and (max-width: 47.99rem) {
  .sn_section {
    height: 99%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 120px 1fr;
    width: 100%;
    margin: 1px;
  }
  .sn_section h3 {
    width: 100%;
    color: black !important;
    font-size: 4.5vw;
  }
  .sn_icone_section {
    width: 80%;
    height: auto;
  }
  .sn_icone_section img {
    width: 95%;
    height: auto;
    display: block;
    margin: 2px auto;
  }
  .sn_description_section {
    width: 100%;
    font-size: min(2.5vw, 1em);
    height: 30%;
  }
}
.sn_image_dessous {
  float: left;
  position: absolute;
}
.sn_icone_play {
  float: left;
  position: absolute;
  z-index: 1000;
}
/*# sourceMappingURL=custom__body_only.css.map */