.gri{
  text-align: justify;
  font-family: "proxima-nova",sans-serif;


}




#hero.gri .intro{
  padding-bottom: 3.5rem;
  /*height: 150vw;*/
  /*background: linear-gradient(90deg, #49121c 0%, #ef4648 100%);*/
  /*background: radial-gradient(circle at 50% 50%, #e5dc98, #ef4648, #49121c);*/
  /*background: radial-gradient(circle closest-side at 50% 42% , #E5DC98 0%, #EF4648 70%, #49121C 90%);*/
  background-color: #49121c;
  /*background-size:auto 50% ; */
  /*max-width:1600px;*/
  /*margin-bottom:3em;*/
  display: flex;
  flex-direction: column; 
}

#hero.gri .intro .pusher{
  /*background: url("/squelettes/images/gri_globe2025.png") no-repeat center 50%;*/
  /*background: url("/squelettes/images/gri_globe2025b.png") no-repeat center 50%, radial-gradient(circle closest-side at 50% 50% , #E5DC98 0%, #EF4648 90%, #49121c 100%) no-repeat;*/
  background: url("/squelettes/images/gri_globe2025c.png") no-repeat center 50%;
  background-size: contain;
  width:100%;
  height: 120vw;
  display: flex;
  justify-content: center;
  align-items: center;
}



#hero.gri .formulaire_abook .form-group, #hero.gri .fullreport{
  display:flex;
  align-items: center;
  justify-content: center;
}

#hero.gri .formulaire_abook .form-group .search{
  flex-basis: content;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0 12px 12px 0;
  background-color: #A3052E;
  border: 0;
  margin-bottom: 0;
  font-weight: normal;
  color: #FFF; 
  
}

#hero.gri .formulaire_abook .form-group .search, 
#hero.gri .formulaire_abook .form-group .form-control,
#hero.gri .formulaire_abook .form-group .control-label, 
#hero.gri .fullreport{
  height: 48px;
  /*line-height: 48px;*/
}



#hero.gri .formulaire_abook .form-group .control-label{

  border-radius: 12px 0 0 12px;
  background-color: #A3052E;
  border: 0;
  margin-bottom: 0;
  font-weight: normal;
  color: #FFF; 
  /*width: 50%;*/
  padding-left: 1em;
  padding-right:1em;
  display: flex;
  align-items: center;
  font-size:0.8rem;
}


#hero.gri .formulaire_abook .form-group .control-label::after{
  position: absolute;
  width:1px;
  height:20px;
  background-color: black;
}


#hero.gri .formulaire_abook .form-group .form-control{

    background-color:#A3052E;
    color: #FFF;
    border: 0;
    border-radius: 0;
    /*width: initial;*/
    width: 70%;
  }

  #hero.gri .formulaire_abook .form-group .form-control option{
    background-color:#A3052E;
    color: #FFF;
  }

#hero.gri .intro .buttons .button{
  /*display:flex;*/
  height:50px;
  text-align: center;
  margin-bottom: 1em;
}

#hero.gri .intro .buttons{
  margin-bottom: 2em;
}


#hero.gri .intro a.fullreport{
  background-color: #F0EFEC;
  color: #A3052E;
  border: 1px solid #A3052E;
  line-height: 48px;
  text-align:center;
  display:inline-block;
  width:100%;
  border-radius: 12px;
  text-decoration:none;
}

/*#hero.gri{
  background: linear-gradient(180deg, #F8F8F7 0%, #E4E2DD 100%);
}*/

#hero.gri.gri-main {
  background: none;
}

#hero.gri .intro .griheader a.fullreport:hover,#hero.gri .intro .griheader a.fullreport:visited, #hero.gri .intro .griheader a.fullreport:active{
  background-color: #F0EFEC;
  color: #A3052E;
  text-decoration:none;
}

.gri .firstsentence, .gri .title, .gri .gradienttext, .gri .griheader .pusher .grititle, .gri .gritext h3, .gri .gritext h2 {
 font-family: "stratos",sans-serif;  
 font-size: 250%;
}

.gri .gritext h3, .gri .gritext h2 {
  font-size: 200%;
  line-height: 200%;
}

#hero.gri .pusher .grititle{
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    font-size: calc(16px + 3vw);
    text-shadow: 2px 2px 5px black;
}


.gri .gradienttext,  .gri .gritext h3, .gri .gritext h2, .gri .country_description  {

 /*background-image: linear-gradient(90deg, #A3052E 0%, #F27021 100%);*/
 background: linear-gradient(90deg, #49121c 0%, #ef4648 100%);
 background-clip: text;
  -webkit-background-clip:text;
 text-fill-color: transparent;
 -webkit-text-fill-color: transparent;
 }



.gri .gradienttext.para, .gri .country_description{
    font-size: 125%;
    line-height: 135%;
  }

  .gri .title .titleyear {

    font-size: 300%;
  }


  .gri .gricontainer{
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
 
  }


  .gri .gritext{
    max-width: 1600px;
  }

  .gri .gritext .textblock{
    padding-top: 7em;
    padding-bottom: 7em;
  }


.gri.country .container{
  padding-bottom: 1em;
}

.gri.country .gritext .textblock{
    padding-top: 3em;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

.gri .gritext .textblock .tiret{
  background-color: #F0EFEC;
  width: 200px;
  height: 16px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top:calc(-7em - 8px);
}


  .gri .gritext .textblock.lightbg{
    background-color: #fff;
  }

  .gri .gritext .textblock.darkbg{
    background-color: #f9f9f9;
  }





  .gri .gritext p,.gri .gritext .gradienttext, .gri .gritext .firstsentence, .gri .gritext .largertext, .gri .gritext .dynbgtext,  .gri .gritext h3 {
    margin: 0 0 2em;
    text-align: justify;
    margin-right:3vw;
    margin-left:3vw;

  }

  .gri .gritext h3 {
      line-height: 120%;
  }


  .gri .gritext .gradienttext.continent,  .gri .gritext h3{
  margin-bottom: 0.5em;
  }

.gri .imggrid .spip_documents .caption .legende p {
  margin-left: 1em;
  margin-right:1em;
  min-height: 120px;
}

  .gri .gritext p{
    line-height: 1.7em;
    font-size: 130%;
  }

  .gri .largertext{
    font-size: 150%;
    line-height: 1.5em;
  }

  .gri .gritext .title.gradienttext, .gri .gritext .dynbgtext{
      text-align:center;
  }

  .gri .gritext .title.gradienttext{
    text-transform: uppercase;
    margin-bottom:1.5em; 
  }

  .gri .gritext .firstsentence{
      text-transform: uppercase;
      font-size: 200%;
      margin-bottom: 0;
  }

  .gri .gritext .dynbgtext{
    font-size: 240%;
    font-weight: bold;
    /*margin-top: 3em;*/
    margin-bottom: 3em;
    background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-8.jpg");
    background-clip: text;
    -webkit-background-clip:text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-size: 100% auto;
    
  }

  .gri .gritext .dynbgtext.country1{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-1.jpg");
  }
  .gri .gritext .dynbgtext.country2{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-2.jpg");
  }
  .gri .gritext .dynbgtext.country3{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-3.jpg");
  }
  .gri .gritext .dynbgtext.country4{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-4.jpg");
  }
  .gri .gritext .dynbgtext.country5{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-5.jpg");
  }
  .gri .gritext .dynbgtext.country6{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-6.jpg");
  }
  .gri .gritext .dynbgtext.country7{
      background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/squelettes/images/gri2025-7.jpg");
  }





@media (min-width: 768px) {
    .gri .gritext .dynbgtext {
         font-size:440%; 
    }
    .gri .gritext .firstsentence{
      font-size: 300%;
    }
    .gri .gradienttext.para{
    font-size: 220%;
    line-height: 145%;
  }
  .gri .gradienttext.title{
    font-size:320%;
  }
 
  .gri .title .titleyear {

    font-size: 500%;
  }

  #hero.gri .intro{
  /*  height:35vw;*/
    width:100%;
  }
  #hero.gri .intro .pusher{
    height: 30vw;
    background-size:contain ;
  }

  .gri.country .gritext .textblock{
    padding-top: 6em;
  }

  .gri .gritext h3 {
    font-size: 250%;
  }

  #hero.gri .formulaire_abook .form-group .form-control{
    width: initial;
  }

}



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.gri img{
  width: 100%;
 height: auto;
}


.worst-wrapper {
  display: inline-block;
  position: relative;
}



.worst-wrapper .worst_name {
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "stratos",sans-serif;  
  font-size: 200%;
}


.griscore{
  text-align: left;
}



.griscore .score .baro a{
  display:inline-block;
  color: #a01216;
  background-color: #FFF;
  height: 40px;
  width:40px;
  border-radius: 25px;
  line-height: 40px;
  box-shadow: 2px 2px 5px grey;
  text-align: center;
}

.griscore .score .barometer{
    background: url("/squelettes/images/gri_barometer-0.png") no-repeat center center;
    background-size: contain;
    width:100%;
    aspect-ratio: 1000 / 236;
    margin-bottom: 2em;
}



.griscore .score.score_6 .barometer{
  background-image: url("/squelettes/images/gri_barometer-6.png") ;
}
.griscore .score_text.score_6, .griscore .score_text.score_6 a{
   color: #a01216;
}

.griscore .score.score_5 .barometer{
  background-image: url("/squelettes/images/gri_barometer-5.png") ;
}
.griscore .score_text.score_5, .griscore .score_text.score_5 a{
   color: #ef4023;
}

.griscore .score.score_4 .barometer{
  background-image: url("/squelettes/images/gri_barometer-4.png") ;
}

.griscore .score_text.score_4, .griscore .score_text.score_4 a{
  color: #f47920;
}

.griscore .score.score_3 .barometer{
  background-image: url("/squelettes/images/gri_barometer-3.png") ;
}
.griscore .score_text.score_3, .griscore .score_text.score_3 a{
   color: #feba16;
}

.griscore .score.score_2 .barometer{
   background-image: url("/squelettes/images/gri_barometer-2.png") ;
}
.griscore .score_text.score_2, .griscore .score_text.score_2 a{
   color: #f7e809;
}


.griscore .score.score_1 .barometer{
 background-image: url("/squelettes/images/gri_barometer-1.png") ;
}

.griscore .score_text.score_1, .griscore .score_text.score_1 a{
 color: #cddc2e;
}


.griscore .score.score_0 .barometer{
 background-image: url("/squelettes/images/gri_barometer-0.png") ;
}


.griscore .score_text.score_0, .griscore .score_text.score_0 a{
 color: #595959;
}

.griscore .score_text{
  margin-bottom: 0.8em;
}

.griscore .score_text a{
  font-weight: bold;
}

.griscore .baro{
  margin-bottom: 3em;
}