/* ### Début style 1 ### */
  header{
    color: rgb(255, 255, 255);
    font-size: x-large;
    font-family: 'Montserrat', sans-serif;
    background-color: #253b80;
    background-repeat: no-repeat;
    background-size: contain;
}

body{
  color: rgb(255, 255, 255);
  background-image: url(../img/back-g/interna-lycée.jpg);
  font-size: x-large;
  font-family: 'Montserrat', sans-serif;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position-y: center;
}

footer , .footer{
  background-image: url(../img/back-g/parallax.jpg);
  background-color: #212327;
  background-attachment: fixed;
  background-position: center;
  color : white;
}

.textwidget{
  font-size: large;
  border: 2px solid #555;
}

.hover-black:hover{color: black !important;}
/* #auto-suggest {width:158px;margin:0 auto} */
@media (max-width: 1075px) {
  #auto-suggest .search {
    width:220px;height:33px;margin:4px;padding:0 13px;border:1px solid #cdcdcd;
    color:#ccc;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;	
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.15), 4px 4px 0 #f1f1f1,-4px 4px 0 #f1f1f1,-4px -4px 0 #f1f1f1,4px -4px 0 #f1f1f1;
    -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.15), 4px 4px 0 #f1f1f1,-4px 4px 0 #f1f1f1,-4px -4px 0 #f1f1f1,4px -4px 0 #f1f1f1;
    box-shadow:inset 0 1px 4px rgba(0,0,0,0.15), 4px 4px 0 #f1f1f1,-4px 4px 0 #f1f1f1,-4px -4px 0 #f1f1f1,4px -4px 0 #f1f1f1
  }
  
  #auto-suggest .search:focus {
    color:#555;border-color:#c8c8c8;	
    -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.15), 4px 4px 0 #ececec,-4px 4px 0 #ececec,-4px -4px 0 #ececec,4px -4px 0 #ececec;
    -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.15), 4px 4px 0 #ececec,-4px 4px 0 #ececec,-4px -4px 0 #ececec,4px -4px 0 #ececec;
    box-shadow:inset 0 1px 4px rgba(0,0,0,0.15), 4px 4px 0 #ececec,-4px 4px 0 #ececec,-4px -4px 0 #ececec,4px -4px 0 #ececec
  }
  
  #auto-suggest .suggestions {
    width:342px;position:relative;margin:-6px auto 0;padding:0;list-style-type:none;border:1px solid #d5d4d4;background:#fff;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;color:#555;	
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;	
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
    box-shadow:0 1px 3px rgba(0,0,0,0.1)
  }
  
  #auto-suggest .suggestions li {height:25px;padding:0 10px;line-height:25px;cursor:pointer;border-top:1px solid #f5f5f5}
  #auto-suggest .suggestions li:hover {background:url(images/tick.png) no-repeat #fffac2;background-position:320px center;border-top-color:#fffac2}
  #auto-suggest .suggestions li:first-child {border:none;}

  /* ### box ici ### */
  .box{
      display: block;
      margin-top: 20px auto auto 0px;
      border-radius: 15px;
  }
  
  .bg-box{
    background-color: rgba(0, 0, 0, 0.45);
    border: 1.8mm solid rgba(0, 0, 0, 0.50);
  }

}
/* ### fin style 1 ### */

.center, .midel{margin-left: auto;margin-right: auto;display: block;}

.down-btn{
    padding-left: 15px;
    margin-left: -5px;
}

/* début code page général */

/* @media (min-width: 850px){
    .all{
      display: flex;

  }
}

@media (max-width: 850px) {
    .all{width: 100%;margin-right: auto;margin-left: auto;}    
} */

.all{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap-reverse;
    margin: 20px;
}

.center-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.band{height: 20px; width: 100%; background-color: white;}

@media (max-width: 1075px) {
  .ET, .Titre_1{font-size: x-large;}
.bg-box{padding: 1vw;max-height: 300px;}
.bg-box-vip{padding: 1vw;max-height: 400px;}

  /* header{margin-top: 70px;} */
  nav{background-color: #179bd7;}
  .name-page{font-size: medium;}
  .logo{width: 50px; height: 50px;}

  .footer-info{
    display: block;
    justify-content: space-around;
    align-content: center;
    flex-direction: row;
    align-items: center;
  }

  .map{
    width: 100%;
    height: 30%;
  }
}

.box{
  background-color: rgba(255,255,255,.8);
  border: 2px solid #28292c;
  color: rgb(32, 32, 32);
    display: block;
    border-radius: 5px;
    padding: 2vw;
    margin-bottom: 5vw;
}

@media (min-width: 1075px) {
  .box{margin: 3vw;}
  .content-txt{
    max-width: 50vw;
  }
  .map{
    width: 100vh;
    height: 400px;
  }

  .footer-info{
    display: flex;
    justify-content: space-around;
    align-content: center;
    flex-direction: row;
    align-items: center;
  }

  nav{background-color: #179bd7;}
  .logo{width: 70px; height: 70px;}

  
}
.bg-box-vip{
  background-color: rgba(255, 217, 0, 0.404);
  border: 1.8mm solid gold;
  border-radius: 15px;
  color: white;
  padding-bottom: 100px;
  margin: 15px;
  padding: 1vw;
  max-height: 400px;
}

.trans{
  background-color: rgb(255, 255, 255);
  color: #212327;
  padding: 15px;
  margin-top: -75px;
  border-radius: 10px;
  border: #212327 solid 1mm;
}

.bg-box{
  background-color: rgba(0, 0, 0, 0.616);
  border: 1.8mm solid black;
  border-radius: 150px;
  max-height: 300px;
  max-height: 290px;
  padding: 1vw;
}

.info{color: white;}

.bord-r-5{border-radius: 5;}
.bord-r-10{border-radius: 10;}
.bord-r-15{border-radius: 15;}


@media (max-width: 507px){
  .ET, .Titre_1{font-size: large;}
    .all{font-size: medium;}
    .container-compte{padding: 15px;}
    .cancelbtn{padding: 5px 9px;font-size: xx-small;}
}

a :not(ul):not(.name-page):not(.ET){text-decoration: none;color: rgb(0, 0, 0);}
a{text-decoration: none;color: rgb(255, 255, 255);}

 

    .nr{ color: rgb(255, 0, 0); text-shadow: 0 0 5px rgb(255, 0, 0); }
    .nv{ color: rgb(0, 202, 0); text-shadow: 0 0 5px rgb(18, 214, 0);}
    .nvf{ color: rgb(0, 177, 0); text-shadow: 0 0 5px rgb(18, 214, 0);}
    .nb{ color: rgb(0, 81, 255); text-shadow: 0 0 5px rgb(0, 82, 235) ;}
    .nj{ color: yellow; text-shadow: 0 0 5px yellow, 0 0 10px yellow; }
    .ng{ color: rgb(255, 183, 0); text-shadow: 0 0 5px rgb(255, 183, 0);}
    .nbl{text-shadow:  0 0 5px rgb(231, 231, 231);}
    .link{ color:rgb(23, 97, 255);}
    .cn{color: black;}  
    .rounded-x{
        border-radius: 15px;
    }

.titre-R{color: #253b80;}
.titre-A{color: #388d5d;}

form.rech{
  justify-content: center;
}

.ico{
  border-radius: 50%;
  width: 70px;
  height: 70px;
}