:root {
  --vert-principal:rgba(36,147,112,1);
  --link-vert:rgba(53,128,101,1);
  --link-vert-hover:rgba(25,182,125,1);
  --vert-clair-alt:rgba(224,240,235,1);
  --vert-clair-alt-hover:rgba(154,214,199,1);
  --vert-fonce-alt:rgba(13,63,60,1);
}



@font-face {
 font-family: "Roboto Medium";
 src: url("fonts/Roboto-Medium.ttf");
}
@font-face { 
 font-family: "Roboto Bold";
 font-weight:bold;
 src: url("fonts/Roboto-Bold.ttf");
}
@font-face {
 font-family: "Roboto";
 font-weight:600;
 src: url("fonts/Roboto-Regular.ttf");
}

@font-face {
 font-family: "Roboto Black";
 font-weight:900;
 src: url("fonts/Roboto-Black.ttf");
}


/* GÉNÉRALITÉS */ 

* {box-sizing: border-box;margin:0;padding:0;color:var(--vert-principal);font-weight:400;}

body {
  font-family:'Roboto', sans-serif;
}

img {width:100%;max-width:100%;}
img.img-illu {padding:15px;}

p {
  font-size:1rem;
  line-height:1.5rem;
  padding:1% 0;
}

p.small {font-size:0.8rem;line-height:1.2rem;}

a {color:var(--link-vert);}
a:hover {color:var(--link-vert-hover);}

a.cta, a.cta-vert  {
  margin:3% 2px 0 2px;
  background:#fff;
  color:var(--vert-principal);
  border:none;
  padding:3% 4%;
  font-size:1.3rem;
  text-transform: uppercase;
  font-family:'Roboto Black';
  font-weight: 900;
  display:inline-block;
  text-decoration:none;
  transition: 0.3s;
}

nav a:last-child:hover, a.cta:hover {background:#c2eae5;color:#1b4641;}

a.cta-vert {
  background:var(--vert-principal);
  color:#fff;
  margin:3% auto;
  padding:2% 3%;
  text-align:center;
}
a.cta-vert:hover {background:var(--vert-fonce-alt);}
.conteneur-cta-vert {text-align:center;}

a.cta-vert.cta-vert-xs {font-size:1rem;padding:1% 1.5%;margin:0;}

hr {width:100%;height:3px;background:var(--vert-principal);margin:3% 0;}

.texte-barre {
  text-decoration: line-through;
}

span.red {color:#ee2222;}

.trois-colonnes p.montant .texte-barre {color:#fff;}

/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x FIN GÉNÉRALITÉS */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x */


/* SECTION DU HAUT */
.gauche, .gauche_top {
  background:var(--vert-principal);
  color:#fff;
  padding:10% 3%;
  text-align:left;
}

#top-head .gauche_top {padding:7% 2% 7% 5%}

.droite, .droite_top {
  padding:1% 3%;
  background:var(--vert-principal);
}

.droite_top {padding:1% 3% 1% 0%;}
#conteneur-top-home #top-head .droite_top, #conteneur-top-home #top-head .gauche_top, #conteneur-haut .droite, #conteneur-haut .gauche {background:none;}

#conteneur-top-home {
  background:url(medias/bgd-sitd27.jpg) no-repeat;
  background-size:cover;
  background-position:bottom center;
}

#conteneur-top-home.conteneur-haut-programme {
  background-image:url(medias/sustainable-it-day-programme.jpg);
}

#conteneur-top-home.conteneur-haut-programme h1 {color:#fff;}


.droite img, .droite_top img {max-width:100%;}
.gauche img, .gauche_top img {max-width:85%;}

nav {margin:0px 0 10px 0;padding:5px 0;font-weight:bold;text-align:right;}
nav a {text-decoration: none;color:#fff;display:block;font-size:1.1rem;font-family:'Roboto Medium';}
nav a:hover {text-decoration: underline;color:#fff;}
nav a:not(:first-child) {padding:3px 3px;}
nav a:first-child {padding:3px 3px 3px 0px;}

nav a:last-child {
  background:#fff;
  color:var(--vert-principal);
  border:none;
  padding:15px;
  font-size:1.1rem;
  text-transform: uppercase;
  font-family:'Roboto Black';
  font-weight: 900;
  display:inline-block;
  text-decoration:none;
  transition: 0.3s;
}

.gauche h1 {
  font-family:"Roboto Black";
  font-weight:900;
  font-size:3.2rem;
  line-height:2.9rem;
  text-transform:uppercase;
  letter-spacing:-1px;
  text-align:left;
}

.gauche h1 span {color:#fff;}

h1 #aa {font-size:3.2rem;line-height:2.9rem;}
h1 #bb {font-size:1.9rem;line-height:1.9rem;}
h1 #cc, h1 #ii {font-size:1.6rem;line-height:1.9rem;}
h1 #dd {font-size:3.0rem;line-height:2.9rem;}
h1 #ee {font-size:1.7rem;line-height:2.9rem;}
h1 #ff {font-size:2.2rem;line-height:2.9rem;}
h1 #gg {font-size:3.7rem;line-height:2.9rem;}
h1 #hh, h1 #jj {font-size:3.2rem;line-height:2.9rem;}

.gauche h2 {margin:5% 0 0 0;color:#fff;font-size:1.7rem;font-weight:600;letter-spacing:-1px;}
.droite h2, .droite h2 sup {
  margin:5% 0 0 0;
  color:#fff;
  font-size:2rem;
  font-family: "Roboto Black";
  letter-spacing:-1px;
}

.droite h3, .droite h3 em  {
  color:#fff;
  font-family: "Roboto Bold";
}

/* CONTENEUR BAS */

#partenaires {
  padding:5% 5% 0 5%;
  margin:0 auto;
  text-align:center;
}

#partenaires hr {margin:0 0 70px 0;}
#main-page-partners #partenaires {padding-top:3%;}
#main-page-partners #partenaires hr {display:none;}

#main-conteneur #partenaires h2 {
  text-align:center;
  padding:0 10px;
  font-weight:900;
  font-family:'Roboto Bold';
}

#partenaires .conteneur-bas a {
  display:block;
  width:25%;
}

li.montant-m {display: none;}

#partenaires .conteneur-bas a img {max-width:250px;padding:5%;}

#main-conteneur #partenaires h2#partenaires-2025, 
#main-conteneur #partenaires h2#organisateurs-2025 {
  border-bottom:none;font-size:2.7rem;text-transform: uppercase;display:block;margin-bottom:5%;
}


/* FIN CONTENEUR BAS */

#sous-menu a {
  background:#fff;
  color:var(--vert-fonce-alt);
  display:inline-block;
  padding:9px 25px;
  text-decoration:none;
  border:2px solid var(--vert-fonce-alt);
  font-family:"Roboto Bold";
  transition:0.4s;
  line-height:1.7rem;
  margin-bottom:10px;
  width:100%;
  text-align:center;
}

#sous-menu a.active, #sous-menu a:hover {
  background:var(--vert-fonce-alt);
  color:#fff;
  border:2px solid var(--vert-fonce-alt);
}




.link-clair {color:var(--vert-clair-alt);}
.link-clair:hover {color:var(--vert-clair-alt-hover);}

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

  #conteneur-haut, #top-head, .conteneur-bas {
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction:row-reverse;

  }

  #top-head {flex-direction:row;}
  .conteneur-bas {flex-direction:row;justify-content:center;margin-bottom:40px;align-items:center;flex-wrap:wrap;}

  #conteneur-haut {align-items:flex-end;flex-direction:row;}
  .gauche, .gauche_top {width:47%;padding:4% 13% 4% 5%;text-align:left;}
  .droite, .droite_top {width:53%;padding-bottom:4%;text-align:right;}


  .gauche_top {width:40%;}
  .droite_top {width:60%;}

  nav {margin:0px 0 0px 0;padding:10px 0;}
  nav a:not(:first-child) {padding:0 5px;}
  nav a:first-child {padding:0 10px 0 0px;}
  nav a {display:inline;}
  nav a:last-child {padding:7px 8px;}

  nav a sup {color:#fff;}

  .gauche h1 {font-size:3.8rem;}

  #sous-menu a {width:auto;}

}


@media only screen and (max-width: 748px) {
  #conteneur-haut, #top-head, .conteneur-bas {display:block;}
  .gauche, .droite {width:100%;padding:3%;}
  nav a {display:inline;}
  nav a:last-child {padding:7px 8px;margin-top:13px;}
  .droite img {display:none;height:0;}

  .gauche_top {text-align:center;}
  .gauche_top img {padding-top:20px;}

  h1 #gg {font-size:2.6rem;}
  h1 #dd {font-size:2.8rem;}
  h1 #aa {font-size:3rem;}
  #main-conteneur h2#about {line-height:1.8rem;border-bottom:0;}

  #main-conteneur #partenaires h2 {font-size:1.6rem;}
  #main-conteneur #partenaires hr {margin-bottom:30px;}
  #partenaires .conteneur-bas a {width:70%;margin:0 auto;display:block;}
  #partenaires .conteneur-bas a img {max-width:100%;}

  #main-conteneur .une-tranche .contenu h2, #main-conteneur #programme .une-tranche .contenu h2 {line-height:1.8rem;border:none;}

  #main-conteneur #partenaires h2#partenaires-2025 {font-size:1.1rem;margin-bottom:0;}

  li.montant-m {display: block;}
  div.montant-d {display: none;}

}


/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x  */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x FIN SECTION DU HAUT x x x x x x x x x x x x */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x  */


/* MAIN CONTENEUR */


#main-conteneur {width:100%;margin:5% auto;max-width:1440px;padding:0% 5%;}
#main-conteneur.main-conteneur-index {margin:2% auto;}
.classique {margin-bottom:50px;}
.classique.no-margin {margin-bottom:0px;}

.classique h1, #main-conteneur h2 {
  font-weight:900;
  color:var(--vert-principal);
  border-bottom:20px solid var(--vert-clair-alt);
  display:inline-block;
  line-height:0.8rem;
  font-size:2.7rem;
  padding:0px 25px 0px 5px;
}

#main-conteneur #programme .une-tranche .contenu h2 {line-height:1.8rem;border:none;}

.classique h1 {fonts-size:3.2rem;font-family:'Roboto Bold';}
.classique p {width:70%;}

.trois-colonnes p.montant {margin-top:20px;color:#fff;background:var(--vert-principal);padding:3px 10px;font-family:'Roboto Bold';}

ul li {margin:5px 50px;padding:5px 7px;}

 .last-li {list-style:none;}

#main-conteneur ul li {margin:5px 20px;padding:1px 4px;}

#main-conteneur section.trois-colonnes {
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    width:100%; 
    margin:0 auto 5% auto; 
    padding:0 1% 3% 1%;
    border-bottom:2px solid var(--vert-principal);
}

#main-conteneur section.speakers-index {
  border-bottom:2px solid var(--vert-principal);
  padding-bottom:30px;
  margin-bottom:50px;
}

#main-conteneur section.trois-colonnes.packs-sponsors.mecenat {border-bottom:2px solid var(--vert-principal);padding-bottom:3%;margin-bottom:5%;}
#main-conteneur section.trois-colonnes.packs-sponsors.mecenat #middle {text-align:center;}

#cloture-wiesel {border-top:2px solid var(--vert-principal);padding-top:50px;}

#main-conteneur section.trois-colonnes.packs-sponsors {
  border-bottom:none;
  margin:0 auto 1% auto; 
  padding-bottom:0;
}

#main-conteneur section.trois-colonnes div {padding:0 3%;width:33.33333333%;}
#main-conteneur section.trois-colonnes div h2 {font-size:2rem;font-family:"Roboto Bold";line-height:0.5rem;border-bottom:15px solid  var(--vert-clair-alt);}


#main-conteneur h2 {
  font-weight:900;
  color:var(--vert-principal);
  border-bottom:20px solid var(--vert-clair-alt);
  display:inline-block;
  margin:40px 0 20px 0;
  font-family:"Roboto Bold";
  font-size:1.7rem;
  line-height:0.6rem;
}

#main-conteneur > h2:first-of-type {font-size:1.2rem;} 

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

  .contenu-central {width:60%;margin:0 auto;}

  #main-conteneur h2, #main-conteneur .contenu-central h2:first-of-type {
    line-height:0.8rem;
    font-size:2.7rem;
    padding:0px 25px 0px 5px;
    margin-top:0;
  }

 #partenaires #diamond-partners a {margin:0 3%;}
 #partenaires #premium-partners a {margin:0 3%;}
 /* #partenaires #gold-partners a {margin:0 3%;} */

}
  

@media only screen and (max-width: 748px) {
  #main-conteneur section.trois-colonnes {display:block;width:100%;margin:0 auto;}
  #main-conteneur section.trois-colonnes div {width:100%;margin:40px 0;}
  #main-conteneur section.trois-colonnes div h2 {font-size:1.9rem;}


  .last-li {height:0;}

  .classique h1 {line-height:2rem;font-size:2.3rem;border:none;padding:5px 21px 8px 0;}
  .classique p {width:100%;}

  #main-conteneur .classique h2 {line-height:1.8rem;}
}


/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x FIN MAIN CONTENEUR */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x */

footer {
  margin:1% auto;
  text-align:center;
}

footer p {line-height:2rem;font-size:0.9rem;}



/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x  */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x FIN MAIN CONTENEUR */
/* - x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x  */


/* FORMULAIRE DE CONTACT */


#form-suggestions input {
  display:block;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#form-suggestions input[type="text"], #form-suggestions input[type="email"] {
  width:250px;
  height:40px;
  margin:5px 0;
  padding:2%;
  border:1px solid #091139;
}

#form-suggestions textarea {width:80%;height:300px;}

#form-suggestions label {
  display:block;
  margin:10px 0 0 0;
}

#form-suggestions input[type="checkbox"], #form-suggestions input[type="radio"] {
  margin-top:1%;
  line-height:20px;
  display: inline-block;
  height:20px;
  width:20px;
  vertical-align: bottom;
  border:1px solid #3400b9;
  appearance: checkbox;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;

}

#form-suggestions input[type="checkbox"]:checked, #form-suggestions input[type="radio"]:checked {
  background:var(--vert-principal);
}

#form-suggestions input[type="checkbox"]:checked:after, #form-suggestions input[type="radio"]:checked:after {
  background:var(--vert-principal);
}


#form-suggestions label.label_checkbox {
  display:inline;
  padding-right:25px;
  line-height:20px;
  vertical-align: middle;
  font-size:0.8rem;
  line-height:1rem;
}

#form-suggestions input[type="submit"] {
  margin-top:3%;
  background:var(--vert-principal);
  color:#fff;
  border:none;
  padding:2% 5%;
  font-size:1rem;
  text-transform: uppercase;
  font-weight: 600;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor:pointer;
} 
#form-suggestions input[type="submit"]:hover {background:var(--link-vert);color:#fff;transition:0.3s;}


#main-conteneur p.success, #main-conteneur #success {line-height:1.6rem;text-align:center;font-size:2rem;color:#16b833;padding:40px 0;font-family:'Roboto Black';}
#main-conteneur p.success-rouge {color:#ee2222;}

#form-suggestions .mentions-form {font-style: italic;margin-top:30px;}
#form-suggestions .mentions-form p {font-size:0.7rem;}

#form-suggestions p, #form-suggestions label {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.3rem;
  color: #1e3250;
}

#form-suggestions div {margin-top:10px;}

p.classique strong, strong {font-weight:900;font-family:'Roboto Black';}


/* **************$******* PROGRAMME ÉVÉNEMENT ************* */

.une-tranche .contenu h3, #main-conteneur .une-tranche .contenu h2 {
  font-size:1.6rem;
  font-family: "Roboto Black";
}

#main-conteneur .une-tranche .contenu h2 {color:#fff;border:none;display:block;}


.une-tranche {
   border:1px solid var(--vert-principal);
   margin:3% 1%;
   padding:6% 4%;
}


@media only screen and (min-width: 1024px) {
  .une-tranche, .une-tranche-double {
    display:flex;
    justify-content:flex-start;
    align-items: stretch;
    flex-direction:row;
    border:1px solid var(--vert-principal);
    padding:1%;
    margin:1% 0;
  }

  .une-tranche-double .une-tranche, .une-tranche-double .une-tranche:nth-of-type(1), .une-tranche-double .une-tranche:nth-of-type(2) {
    width:50%;
    margin:0 2%;
    border:0; 
  }

  .une-tranche-double .une-tranche:first-child  {
    border-right:3px dotted var(--vert-principal);
  }

  .une-tranche .horaire {
    width:20%;
    padding:1% 5% 1% 0;
    border-right:1px solid var(--vert-principal);
    text-align:right;
  }

  .une-tranche .contenu {
    padding:1% 2%;
    width:80%;
  }

  .une-tranche-double .une-tranche:nth-of-type(1) {width:50%;}
  .une-tranche-double .une-tranche:nth-of-type(2) {width:50%;}


}

.une-tranche.break, .green-bgd {
  background:var(--vert-fonce-alt);
  color:#fff;
}

.une-tranche.break .horaire, .green-bgd .horaire,  .une-tranche.break h3, .green-bgd h3, .une-tranche.break p, .green-bgd p {color:#fff;}

.une-tranche.break .horaire, .green-bgd .horaire {border-color:#fff;}
.green-bgd strong, .green-bgd em {color:#fff;}

.une-tranche-double.green-bgd .une-tranche:first-child {border-color:#fff;}

.une-tranche-double.green-bgd img {width:150px;background:#fff;margin-top:20px;padding:5px 12px;}

.une-tranche .contenu .label-event, .une-tranche .contenu .label-event-atelier {
  background:var(--vert-clair-alt);
  color:var(--vert-fonce-alt);
  font-family: "Roboto Bold";
  border-radius:5px;
  padding:3px 7px;
  display:inline-block;
  margin:5px 0;
} 


.une-tranche .contenu .label-event-atelier {background:#ffb19b}


/* ******** SPEAKERS ****** */

@media only screen and (min-width: 1024px) {
  #speakers {
    display:flex;
    justify-content:space-evenly;
    align-items: stretch; 
    flex-direction:row;
    padding:1%;
    margin:1% 0;
    flex-wrap: wrap;
  }

  #speakers .one-speaker {width:20%;}
  #speakers .one-speaker-index {width:10%;}

}
  #speakers .one-speaker {
    padding:3%;
    text-align:center;
  }

  #speakers .one-speaker-index {padding:0;}

  #speakers .one-speaker p {
    text-align:center;
  }

  #speakers .one-speaker img {
    max-width:100%;
    border-radius:50%;
    border-color:var(--vert-principal);border-width:2px;border-style:solid;
    padding:3px;
  }

#speakers .speaker-name {font-family: "Roboto Bold";margin-top:15px;font-size:1.2rem;}

a.profil-lk, a.lire-article {padding:3px 8px;transition:0.3s;background:var(--vert-principal);color:#fff;text-decoration:none;border-radius:3px;margin-top:5px;display:inline-block;font-size:0.8rem;}
a.profil-lk:hover {background:var(--vert-fonce-alt);}

a.lire-article {font-size:1rem;font-family:"Roboto Bold";padding:5px 10px;}
a.lire-article:hover {background:#fff;color:var(--vert-principal);}

.faq {margin-top:30px;}
.faq h3 {font-family:"Roboto Bold";margin-top:35px;padding-top:30px;font-size:1.5rem;border-top:2px solid var(--vert-principal);}

.page-sponsors > #partenaires > hr {display:none;}
.page-sponsors > #partenaires {padding-top:0.5%;}

p strong.light, a.light, p.light em, p.light strong {color:#fff;}


/* .une-tranche .contenu p:not(.by, .intervenants) {display:none} */


/* TABLE SPONSORING */

#tbs {width:90%;margin:0 auto;}
#tbs tr td {text-align:center;}
#tbs tr#com-lk td {text-align:left;}
#tbs thead, #tbs tfoot {background:var(--vert-principal);}
#tbs thead tr td, #tbs tfoot tr td {color:#fff;font-family:"Roboto Bold";}
#tbs td.col-entete {background:#f7faf9;border-bottom:1px solid #fff;}

#tbs td {padding:1%;}


/* PHOTO DES SPEAKERS DANS LA PARTIE PROGRAMME */

  .les-speakers-tr {
    display:flex;
    justify-content:flex-start;
    align-items: stretch; 
    flex-direction:row;
    padding:0;
    margin:0px 0;
    flex-wrap: wrap;
  }

.les-speakers-tr img {width:75px;padding:3px;margin:5px 6px;border-radius:50%;border-color:var(--vert-principal);border-width:2px;border-style: solid;}