@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

:root {
    /* general */ 
    --font_nom:Lato;
    --page_couleur_fond:#F3F3F3;
    --taille_defaut:36px;
    --bordure_style:solid;
    --couleur_bordure_bloc_haut:#eb6969;
    --couleur_bordure_bloc_coteetbas:#111111;
    --couleur_logout:#000000;
    --container_grid_gap:30px;
    --container_grid_template_columns:1fr;
    --container_grid_template_areas:'header' 'acces' 'programme' 'footer';
    --container_grid_template_areas_1_colonne:'header' 'acces' 'programme' 'footer';

    /* header */
    --header_max_height:8vw;

    /* acces */
    --acces_couleur_fond:#FFFFFF;
    --acces_couleur_titre:#000000;
    --acces_taille_titre:32px;
    --acces_font_weight_titre:bold;
    --acces_couleur_texte:#292929;
    --acces_taille_texte:24px;
    --acces_couleur_texte_rgpd:#292929;
    --acces_taille_texte_rgpd:14px;
    --acces_couleur_bouton:#6e95ae;
    --acces_couleur_texte_bouton:#FFFFFF;
    --acces_taille_bouton:20px;
    --acces_font_weight_bouton:normal;

    /* message */
    --message_couleur_fond:#FFFFFF;
    --message_couleur_titre:#292929;
    --message_taille_titre:24px;
    --message_font_weight_titre:normal;
    --message_couleur_texte:#FF0000; 
    --message_taille_texte:18px;

    /* barre navigation programme */
    --onglet_taille_texte:24px;
    --onglet_couleur_trait:#0664A2;
    --onglet_couleur_texte_actif:#FFFFFF;
    --onglet_couleur_fond_actif:#0664A2;
    --onglet_couleur_texte:#FFFFFF;
    --onglet_couleur_fond:#999999;
    --onglet_couleur_texte_hover:#FFFFFF;
    --onglet_couleur_fond_hover:#90EE90;
    --onglet_taille_texte_salle:18px;

    /* programme */
    --programme_couleur_fond:#FFFFFF;
    --programme_couleur_titre:#292929;
    --programme_taille_titre:32px;
    --programme_font_weight_titre:bold;
    --programme_taille_lien_programme_pdf:22px;
    --programme_couleur_texte_lien_programme_pdf:#FFFFFF;
    --programme_font_weight_lien_programme_pdf:normal;
    --programme_couleur_bouton_lien_programme_pdf:#6e95ae;
    --programme_couleur_texte_heure_session:#000000;
    --programme_taille_heure_session:21px;
    --programme_couleur_texte_session:#000000;
    --programme_taille_session:21px;
    --programme_font_weight_session:normal;
    --programme_couleur_fond_session:#FFFFFF;
    --programme_couleur_texte_sous_session:#000000;
    --programme_taille_sous_session:18px;
    --programme_couleur_fond_sous_session:#FFFFFF;
    --programme_couleur_texte_moderateur:#000000;
    --programme_taille_moderateur:18px;
    --programme_couleur_fond_moderateur:#FFFFFF;
    --programme_couleur_texte_soutien:#000000;
    --programme_taille_soutien:18px;
    --programme_couleur_fond_soutien:#FFFFFF;
    --programme_couleur_fond_bloc_orateur:#FFFFFF;
    --programme_font_weight_heure_orateur:bold;
    --programme_font_style_heure_orateur:normal;
    --programme_couleur_heure_orateur:#000000;
    --programme_taille_heure_orateur:14px;
    --programme_font_weight_orateur:normal;
    --programme_font_style_orateur:italic;
    --programme_couleur_texte_orateur:#1B86B7;
    --programme_taille_orateur:14px;
    --programme_font_weight_presentation:normal;
    --programme_font_style_presentation:normal;
    --programme_couleur_texte_presentation:#000000;
    --programme_taille_presentation:14px;    

    /* partenaire */
    --partenaire_grid_template_columns:1fr 1fr;
    --partenaire_couleur_fond:#FFFFFF;
    --partenaire_couleur_titre:#292929; 
    --partenaire_taille_titre:18px;
    --partenaire_font_weight_titre:normal;
    --partenaire_couleur_texte:#292929; 
    --partenaire_couleur_fond_bloc_logo:#FFFFFF;
    --partenaire_largeur_image_large:90px;
    --partenaire_largeur_image_medium:60px;
    --partenaire_largeur_image_small:40px;

    /* sommaire stand */
    --sommairestand_grid_template_columns_large:1fr 1fr 1fr 1fr 1fr;
    --sommairestand_grid_template_columns_medium:1fr 1fr 1fr 1fr;
    --sommairestand_grid_template_columns_small:1fr 1fr 1fr;
    --sommairestand_couleur_fond:#FFFFFF;
    --sommairestand_couleur_titre:#292929;
    --sommairestand_taille_titre:18px;
    --sommairestand_font_weight_titre:normal;
    --sommairestand_couleur_texte:#292929;
    --sommairestand_couleur_bordure_logo:#292929;
    --sommairestand_couleur_fond_bloc_logo:#FFFFFF;
    --sommairestand_style_bordure_logo:solid;
    --sommairestand_radius_bordure_logo:10px;
    --sommairestand_largeur_image_large:90px;
    --sommairestand_largeur_image_medium:60px;
    --sommairestand_largeur_image_small:40px;
    --sommairestand_couleur_texte:black;
    --sommairestand_taille_texte:14px;

    /* footer */
    --footer_couleur_texte:#000000;
    --footer_couleur_fond:#FFFFFF;
    --footer_couleur_lien:#000000;
    --footer_taille_texte:14px;

    /* custum */
    --custum:;
}

body {
    font-size: var(--taille_defaut); 
    font-family: var(--font_nom);
    background-color: var(--page_couleur_fond); 
    background-attachment: fixed;
    background-repeat: round;
    background-size: cover;
    }

/*****************************************/
/* MESSAGE                               */
/*****************************************/
.cl_message {
    display:grid;
    grid-area: message;
    background-color:  var(--message_couleur_fond);
    color:var(--message_couleur_texte); 
    width: 100%;
    justify-self: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;  
    border-style: var(--bordure_style);
    border-width: 1px;
    border-top-width: 5px; 
    border-color: var(--couleur_bordure_bloc_haut) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas);
}

.titre_message {
    color:var(--message_couleur_titre); 
    font-size: var(--message_taille_titre); 
    font-weight:var(--message_font_weight_titre);    
    padding: 10px;
    text-align: center;
}

.texte_message {
    color:var(--message_couleur_texte); 
    font-size: var(--message_taille_texte); 
    text-align: center;
}

.video_teaser {
    width: 640px;
    height: 320px;
}

/*****************************************/
/* ACCES                                 */
/*****************************************/
.cl_acces {
    position:relative;
    display: grid;
    grid-area: acces;
    grid-template-areas:
      'titre_acces'
      'texte_acces'
      'texte_acces_rgpd' 
      'les_boutons_acces_live'   
      'le_bouton_acces_replay_ou_inscription';
    grid-template-columns: auto;
    width: 100%;
    background-color: var(--acces_couleur_fond); 
    color:var(--acces_couleur_texte); 
    justify-self: center;
    justify-items: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;  
    border-style: var(--bordure_style);
    border-width: 1px;
    border-top-width: 5px; 
    border-color: var(--couleur_bordure_bloc_haut) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas);
}

.logout_acces {
    position:absolute;
    top: 0;
    width: 98%;
    font-size: 20px;
    text-align: end;
    color:var(--couleur_logout);  
}

.color_logout, .color_logout a:link, .color_logout a:visited, .color_logout a:hover, .color_logout a:active {
    color:var(--couleur_logout); 
    text-decoration: none;
}

.titre_acces {
    grid-area: titre_acces;
    color:var(--acces_couleur_titre); 
    font-size:var(--acces_taille_titre);
    font-weight:var(--acces_font_weight_titre);
    padding: 5px;
}
  
.texte_acces {
    grid-area: texte_acces;
    color:var(--acces_couleur_texte); 
    font-size:var(--acces_taille_texte);
    font-weight: 400;
    padding: 5px;
 }

 .texte_acces_rgpd {
    grid-area: texte_acces_rgpd;
    color:var(--acces_couleur_texte_rgpd); 
    font-size:var(--acces_taille_texte_rgpd);
    font-weight: 400;
    padding: 5px;
 }
  
.les_boutons_acces_live {
    grid-area: les_boutons_acces_live;
    margin-top: 10px;
    margin-bottom: 10px;
}

.le_bouton_acces_replay_ou_inscription {
    grid-area: le_bouton_acces_replay_ou_inscription;
    margin-top: 10px;
    margin-bottom: 10px;
}

.un_bouton_acces_live{
    /*margin-right: 20px;*/
    /*margin-left: 20px;*/
    width: auto;
    color:var(--acces_couleur_texte_bouton);
    background-color:var(--acces_couleur_bouton);
    font-size: var(--acces_taille_bouton);
    font-weight: var(--acces_font_weight_bouton);
    border-color:var(--acces_couleur_texte_bouton);
    border-radius:10px;
    border-width: 0px;    
}

.un_bouton_acces_replay{
    /* margin-right: 20px;
    margin-left: 20px; */
    width: auto;
    color:var(--acces_couleur_texte_bouton);
    background-color:var(--acces_couleur_bouton);
    font-size: var(--acces_taille_bouton);
    font-weight: var(--acces_font_weight_bouton);
    border-color:var(--acces_couleur_texte_bouton);
    border-radius:10px;
    border-width: 0px;    
}

.un_bouton_inscription {
    margin-right: 20px;
    margin-left: 20px;
    width: auto;
    color:var(--acces_couleur_texte_bouton);
    background-color:var(--acces_couleur_bouton);
    font-size: var(--acces_taille_bouton);
    font-weight: var(--acces_font_weight_bouton);
    border-color:var(--acces_couleur_texte_bouton);
    border-radius:10px;
    border-width: 0px;
}

/*****************************************/
/* ACCES BOUTONS                        */
/*****************************************/
.cl_acces_boutons {
    display: grid;
    grid-area: boutonsacces;
    grid-template-areas: 
    'les_boutons_acces_live_dans_acces_boutons' 
    'le_bouton_acces_replay_dans_acces_boutons';
    grid-template-columns: auto;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.les_boutons_acces_live_dans_acces_boutons {
    grid-area: les_boutons_acces_live_dans_acces_boutons;
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
}

.le_bouton_acces_replay_dans_acces_boutons {
    grid-area: le_bouton_acces_replay_dans_acces_boutons;
    margin-top: 8px;
    /*margin-bottom: 5px;*/
}

/*****************************************/
/* BARRE NAVIGATION                      */
/*****************************************/
.container.tab-pane.active{
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    width: 100%;
}

.nav-link {
    font-size:var(--onglet_taille_texte);
    color:var(--onglet_couleur_texte);
    background-color:var(--onglet_couleur_fond);
}

.nav-pills{
    width:100%;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link  {
    color:var(--onglet_couleur_texte_actif);
    background-color: var(--onglet_couleur_fond_actif);
}

.nav-pills>li>a:hover {
    color:var(--onglet_couleur_texte_hover);
    background-color:var(--onglet_couleur_fond_hover) 
}

.nav_salle{
        font-size:var(--onglet_taille_texte_salle);
        margin-top: 10px;
}

/*****************************************/
/* PROGRAMME                             */
/*****************************************/
.cl_programme {
    display:grid;
    grid-area: programme;
    background-color:  var(--programme_couleur_fond);
    color:var(--programme_couleur_texte); 
    width: 100%;
    justify-self: center;
    border-radius: 10px;  
    border-style: var(--bordure_style);
    border-width: 1px;
    border-top-width: 5px; 
    border-color: var(--couleur_bordure_bloc_haut) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas);
}

/*** MODAL DU PROGRAMME PDF ***/
.modal .modal-dialog {
    width:80vw; 
    max-width: 1240px; 
}

.modal .modal-content {
    border: 0px;
    border-radius: 10px;
    background-color:  var(--couleur_bordure_bloc_haut);
}

.modal-open {
    overflow: hidden;
}

.fichier_programme_pdf {
    width: 100%;
    height: 80vh;  
}

.bouton_fichier_programme_pdf {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.lien_fichier_programme_pdf {
    margin-left: auto;
    margin-right: auto;
    font-size:var(--programme_taille_lien_programme_pdf);
    color: var(--programme_couleur_texte_lien_programme_pdf);
    font-weight:var(--programme_font_weight_lien_programme_pdf);
}

.button_lien_fichier_programme_pdf {
    margin: auto; 
    color:var(--programme_couleur_texte_lien_programme_pdf);
    background-color:var(--programme_couleur_bouton_lien_programme_pdf);
    font-size: var(--programme_taille_lien_programme_pdf);
    font-weight: var(--programme_font_weight_lien_programme_pdf);
    border-color:var(--programme_couleur_bouton_lien_programme_pdf);
    border-radius:10px;
    border-width: 0px;   
}

.lien_fichier_programme_pdf a, a:hover{
    color: var(--programme_couleur_texte_lien_programme_pdf);
}

.titre_programme {
    color:var(--programme_couleur_titre); 
    font-size: var(--programme_taille_titre); 
    font-weight:var(--programme_font_weight_titre);    
    padding: 10px;
    text-align: center;
}

.grid_session {
    display: grid;
    font-size: 0px; /* pour supprimer interligne */    
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.heure_session {
    font-size:var(--programme_taille_heure_session);
    font-weight: 700;  
    color: var(--programme_couleur_texte_heure_session);
    background-color: var(--programme_couleur_fond_session);
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;     
}

.texte_session {
    font-size:var(--programme_taille_session);
    font-weight: var(--programme_font_weight_session);
    color: var(--programme_couleur_texte_session);
    background-color: var(--programme_couleur_fond_session);
    text-align: left;
    padding-left: 15px;
    padding-right: 15px; 
}

.texte_sous_session {
    font-size:var(--programme_taille_sous_session);
    font-weight: 700;  
    color: var(--programme_couleur_texte_sous_session);
    background-color: var(--programme_couleur_fond_sous_session);
    text-align: left;
    padding-left: 30px;
    padding-right: 15px; 
}

.texte_moderateur {
    font-size:var( --programme_taille_moderateur);
    font-weight: 700;  
    color: var(--programme_couleur_texte_moderateur);
    background-color: var(--programme_couleur_fond_moderateur);
    text-align: left;
    padding-left: 30px;
    padding-right: 15px; 
}

.texte_soutien {
    font-size:var( --programme_taille_soutien);
    font-weight: 700;  
    color: var(--programme_couleur_texte_soutien);
    background-color: var(--programme_couleur_fond_soutien);
    text-align: left;
    padding-left: 30px;
    padding-right: 15px; 
}

.grid_orateurs {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'auto';
}

.bloc_orateur {
    display: block;
    border-style: none;
    background-color:var(--programme_couleur_fond_bloc_orateur);
    padding: 0px;
    text-align: left;
    padding-left: 45px;
    padding-right: 15px;
}

.bloc_orateur a {
    color: var(--couleur_texte_actif);
}
  
.heure_orateur {
    font-weight: var(--programme_font_weight_heure_orateur);
    font-style:var(--programme_font_style_heure_orateur);
    font-size:var(--programme_taille_heure_orateur);
    color: var(--programme_couleur_heure_orateur);
    text-align: left;
}

.texte_presentation {
    font-weight: var(--programme_font_weight_presentation);
    font-style:var(--programme_font_style_presentation);
    font-size:var(--programme_taille_presentation);
    color: var(--programme_couleur_texte_presentation);
    text-align:left;    
}

.texte_presentation a {
    text-decoration: none;
    color: var(--programme_couleur_texte_presentation);
}

.texte_orateur {
    font-weight: var(--programme_font_weight_orateur);
    font-style:var(--programme_font_style_orateur);
    font-size:var(--programme_taille_orateur);
    color: var(--programme_couleur_texte_orateur);
    margin-left: 5px;
    text-align:left;
}

.texte_orateur a {
    text-decoration: none;
    color: var(--programme_couleur_texte_orateur);
}

/*****************************************/
/* PARTENAIRE                            */
/*****************************************/
.cl_partenaire {
    display:grid;
    grid-area: partenaire;
    background-color:  var(--partenaire_couleur_fond);
    color:var(--partenaire_couleur_texte); 
    width: 100%;
    justify-self: center;
    border-radius: 10px;  
    border-style: var(--bordure_style);
    border-width: 1px;
    border-top-width: 5px; 
    border-color: var(--couleur_bordure_bloc_haut) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas);
}

.titre_partenaire {
    color:var(--partenaire_couleur_titre); 
    font-size: var(--partenaire_taille_titre); 
    font-weight:var(--partenaire_font_weight_titre);    
    padding: 10px;
    text-align: center;
}

.grid_partenaires {
    display: grid;
    grid-template-columns:var(--partenaire_grid_template_columns);
    grid-template-areas: 'auto';
    grid-gap: 10px;
    align-content: baseline;
}
  
.bloc_partenaire {
  display: block;
  padding: 10px;
  grid-template-areas: 
  'logo_partenaire';
  grid-template-columns: auto;
  border-style: none;  
  color:var(--partenaire_couleur_texte);
  background-color:var(--partenaire_couleur_fond_bloc_logo);  
}

.bloc_partenaire a {
  text-decoration: none;
  color:var(--partenaire_couleur_texte);
}
  
.logo_partenaire img {
  height: var(--partenaire_largeur_image_large);
}

/*****************************************/
/* CAROUSEL PARTENAIRE                   */
/*****************************************/
#cards_wrappers_partenaire.cards-wrapper {
    display: flex;
    justify-content: space-evenly;
}

#card_partenaire.card img {
    height: var(--partenaire_largeur_image_large);
    width: auto;
}
  
/* style ombrage */
#card_partenaire.card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 0;
}

.carousel-inner {
    padding: 10px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    color: #0066FF;
    background-image: none;
}

/*****************************************/
/* SOMMMAIRE STAND                       */
/*****************************************/
.cl_sommairestand {
    display:grid; 
    grid-area:sommairestand;
    background-color:var(--sommairestand_couleur_fond);
    color: var(--sommairestand_couleur_texte);
    width: 100%;
    justify-self: center; 
    border-radius: 10px;  
    border-style: var(--bordure_style);
    border-width: 1px;
    border-top-width: 5px; 
    border-color: var(--couleur_bordure_bloc_haut) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas);
}

.titre_sommairestand {
    color:var(--sommairestand_couleur_titre); 
    font-size: var(--sommairestand_taille_titre); 
    font-weight:var(--sommairestand_font_weight_titre);    
    padding: 10px;
    text-align: center;
}

.grid_stands {
    display: grid;
    grid-template-columns: var(--sommairestand_grid_template_columns_large);
    grid-template-areas: 'auto auto auto';
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    padding: 10px;
}
  
.bloc_stand {
    display: block;
    grid-template-areas: 
    'logo_stand';
    grid-template-columns: auto;
    width:auto;  
    border-style: var(--sommairestand_style_bordure_logo);
    border-width: 1px;
    border-radius: var(--sommairestand_radius_bordure_logo);
    border-color:var(--sommairestand_couleur_bordure_logo);
    background-color:var(--sommairestand_couleur_fond_bloc_logo);
}
  
.bloc_stand a {
  text-decoration: none;
  color:var(--sommairestand_couleur_texte);
}
  
.logo_stand img {
  height:  var(--sommairestand_largeur_image_large);
}

/*****************************************/
/* HEADER                                */
/*****************************************/
.cl_header {
    position:relative;
    display : grid;
    grid-area: header;
    justify-items: center;
    align-items: center;
}

.image_header_slice {
    width: auto;
    height: 100%;
    max-height: var(--header_max_height);
    min-height:40px;
    border-style: none;
}

.image_header {
    width: 100%;
    height: auto;
    border-style: none;
}

.texte_header {
    color:black; 
    font-size: 32px;
    font-weight: 700;
}

.texte_header a {
    color:Black; 
    font-size: 32px;
    font-weight: 700;
    text-decoration: none;
}

/*****************************************/
/* FOOTER                                */
/*****************************************/
.cl_footer {
    display : grid;
    grid-area: footer;
    background-color:var(--footer_couleur_fond); 
    color:var(--footer_couleur_texte); 
    justify-items: center;
    align-items: center;
    padding-top: 10px;
    border-radius: 10px;  
    border-style: var(--bordure_style);
    border-width: 1px;
    border-top-width: 5px; 
    border-color: var(--couleur_bordure_bloc_haut) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas) var(--couleur_bordure_bloc_coteetbas);
}

.coordonnees_footer {   
    font-size: var(--footer_taille_texte); 
    text-align: center;
}

.coordonnees_footer a {
    color:var(--footer_couleur_lien); 
}

.dev_footer {
    font-size:xx-small;
    margin-top: 10px;
}

.dev_footer a {
    color:var(--footer_couleur_lien); 
    text-decoration: none;
}

.reseau_social_footer{
    margin-left: 20px;
    margin-right: 20px;
}

/*****************************************/
/* CONTAINER                             */
/*****************************************/
.grid_container {
    display: grid;
    grid-template-columns: var(--container_grid_template_columns);
    grid-template-areas: var(--container_grid_template_areas);
    grid-gap: var(--container_grid_gap);
    padding-left: 5%;
    padding-right: 5%;
    max-width: 1240px;
    margin:auto;
  }

  .grid_container > div {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*****************************************/
/* DEVICE                                */
/*****************************************/
 @media only screen and (max-width: 1060px) {
     .grid_stands {
        grid-template-columns:var(--sommairestand_grid_template_columns_medium);
     }
     .logo_partenaire img {
         height:var(--partenaire_largeur_image_medium);
     }
     #card_partenaire.card img {
        height:var(--partenaire_largeur_image_medium);
     }     
     .logo_stand img {
        height:var(--sommairestand_largeur_image_medium);
     }
}

@media only screen and (max-width: 750px) {
    .video_teaser {
        width: 420px;
        height: 210px;
    }
}    
      
@media only screen and (max-width: 600px) {
   .logo_partenaire img {
        height:var(--partenaire_largeur_image_small);
    }
    .carousel-control-prev{
        font-size: 20px;
    }    
    .carousel-control-next{
        font-size: 20px;
    }
    #card_partenaire.card img {
        height:var(--partenaire_largeur_image_small);
     }    
    .logo_stand img {
        height:var(--sommairestand_largeur_image_small);
    }
    .grid_stands {
        grid-column-gap: 5px;
        grid-row-gap: 10px;
        grid-template-columns:var(--sommairestand_grid_template_columns_small);
    }    
    .modal .modal-dialog {
        width:90%; 
        margin:auto; 
    }
    .fichier_programme_pdf {
        height: 50vh;
    }
}

@media only screen and (max-width: 470px) {
    .video_teaser {
        width: 320px;
        height: 160px;
    }
}