.navbar-custom {
    background-color: #ffff00;
    height: 50px;
    font-size: 1.7em;
}
.fa-search{
background: #FFFFFF;
border: 1px solid #949494;
}
.tablo_adviz_bleue
{
border-collapse: collapse;
border: 2px solid #0000FF;
}
#cherch
{
display: column;
border-style: solid;
border-color: #FFFFFF;
width: 50%;
margin-left: 260px;
margin-right: 60px;
}

::input-placeholder { 
  color: ##AFAFAF;
  font-size: 1em;
}
::-webkit-input-placeholder { /* Chrome */
  color: ##AFAFAF;
  font-size: 1em;
}
:-ms-input-placeholder { /* IE 10+ */
  color: ##AFAFAF;
  font-size: 1em;
}
::-moz-placeholder { /* Firefox 19+ */
  color: r##AFAFAF;
  font-size: 1em;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: ##AFAFAF;
  font-size: 1em;
  opacity: 1;
}


progress {
	width: 100px;
	height: 9px;
	margin: 0px auto;
	display: block;
	/* Important Thing */
	-webkit-appearance: none;
	border: none;
}

/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
	background: #EFEFEF;
	border-radius: 50px;
	padding: 1px;
	box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

/* Now the value part */
progress::-webkit-progress-value {
	border-radius: 50px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background:
   
		-webkit-linear-gradient(left, #00D7A3, #00D7A3);
	
	/* Looks great, now animating it */
	background-size: 25px 14px, 100% 100%, 100% 100%;
	-webkit-animation: move 5s linear 0 infinite;
}
progress::-moz-progress-value {
background-color: #00D7A3;
}

.moncercle{
  background:#FFFFFF;
  border-radius:50%;
  width:50px;
  height:50px;
  border:1px solid #848484; 
  text-align: center;
  margin-top:-25px;
  margin-left: -25px;
  line-height: 50px;
}
#titre_principal
{
display: column;
border-style: solid;
border-color: #FFFFFF;
width: 90%;
margin-left: 60px;
margin-right: 60px;
}



.progress {
width: 105px;
    height: 18px;
    overflow: hidden;
    background-color: #A4A4A4;
}
.progress-bar {
    width: 50%;
    background-color: #FF8000;
}


#contact_ecole
{
background-color: #FFFFFF;
border-style: solid;
border-color: #839D2D;
border-width: 0.5px;
width: 300px;
padding: 5px 8px 5px 8px;
margin-top: 15px;
}
#plus_decole
{
background-color: #FFFFFF;
border-style: solid;
border-color: ##839D2D;
border-width: 0.5px;
width: 300px;
height: 150px;
padding: 3px 8px 5px 8px;
margin-top: 15px;
}
#info
{
display: flex;
flex-direction: column;
background: #FFFFFF; 
width: 65%;
vertical-align: top;
 border: 2px solid #760001;
    border-color: #FFFFFF;
}
#plan
{
display: flex;
flex-direction: column;
justify-content: top;
background-color: #FFFFFF;
padding: 3px 8px 5px 8px;
top: 10px;


}

ul{
 font-family:Montserrat;
  color: #000000;
  font-size: 1em;
  position: relative;
  top: 0em;
}
Bac3 li {
  font-family: Arial, sans-serif;
  list-style-type: Square;
  color: #01DF3A;
  font-size: 1em;
  position: relative;
  top: 0em;
} 

li {
  font-family: Montserrat;
  list-style-type: none;
  color: #000000;
  font-size: 0.8em;
  position: relative;
  top: 0em;
} 
                

#lecole
{
display: flex;
flex-wrap: wrap;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
 border-color: #FFFFFF;
padding: 3px 8px 5px 8px;
margin-left:50px;
    margin-right: 50px;
vertical-align: top;
}

.styl_button
{

background-color: #FFFFFF; 
border-radius: 5px; 
font-size: 0.5em; 
font-family: Montserrat; 
border: 2px solid #00D7A3; 
width: 400px;
 }

#menu_BO
{
display: flex;
        border-bottom : 1px solid #9EA0A1;
        padding: 3px 8px 5px 8px;
         border: 1px solid #760001;
    border-color: #FFFFFF;
 background-color: #FFFFFF;
 width: 80%;

}

a 
{ text-decoration: none; }
a:active {color: #04B45F; }

.btn_facebook
{
 font-family: 'Montserrat';
 color: #FFFFFF;
 font-size: 0.6em;
background-color: #084B8A;
background-image: url('images/facebookblan.png');
width: 255px;
height: 45px;
background-repeat:no-repeat;
 border-radius: 10px;
font-weight: bold;
}
.btn_google
{
 font-family: 'Montserrat';
 color: #FFFFFF;
  font-size: 0.6em;
background-color: #DF013A;
background-image: url('images/googleblan.png');
width: 255px;
height: 45px;
background-repeat:no-repeat;
 border-radius: 10px;
font-weight: bold;
}
.btn
{


        padding : 5px;
        left : 5%;
        margin-top : 5px;
        width : 150px;
        height: 20px;
        background-color: #EFEFEF;
         border : 1px solid #839D2D;
         white-space: nowrap;
         font-family: 'arial'
         font-size: 0.9em
         color: #A4A4A4;
}
.btn_active
{

color: #04B45F;
        padding : 5px;
        left : 5%;
        margin-top : 5px;
        width : 220px;
        height: 20px;
        background-color: #FFFFFF;
         border : 1px solid #839D2D;
         border-bottom : 2px solid #ffffff;
         
}
.btn_deplus
{

color: #04B45F;
        padding : 5px;
        left : 5%;
        margin-top : 50px;
        width : 420px;
        height: 60px;
        background-color: #FFFFFF;
         border : 1px solid #839D2D;
         border-bottom : 1px solid #839D2D;
         border-top : 2px solid #FFFFFF;
         border-right : 2px solid #FFFFFF;
         color: #FFFFFF;
}
.bac2
{
background-color: #FFFFFF;
border-style: solid;
border-color: #FFFFFF;
border-width: 2px;
width: 100%;
font-family: 'Arial';
font-size: 0.7em;
color: #A4A4A4;
}

.bac3 li{      
font-family: Arial, sans-serif;
  list-style-type: square;
  color: #04B404;
  font-size: 2em;
  position: relative;
  top: 0em;
}

.bac3
{

flex-direction: column;
background-color: #FFFFFF;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px;
font-family: 'Arial';
font-size: 0.7em;
color: #A4A4A4;
width: 90%;
margin-top: 6px;
}

.bac1
{
background-color: #F2F2F2;
border : 1px solid #839D2D;

border-width: 2px;
border-color: #0000FF;
}

.level2
{

top: 5em;
}

/* Définition des polices personnalisées */



/* Eléments principaux de la page */

body
{
   
  font-family: 'Montserrat';
  color: '#848484';
}

#bloc_page
{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
    background-color: #FFFFFF;
    width: 100%;
    border: 5px solid #FFFFFF;
border-color: #FFFFFF;
}

#header
{
 display: flex;
 flex-wrap: wrap;
justify-content: space-between;
width: 90%;
 height: 50px;
margin-top: 5px;
margin-right: 10px;
margin-left: 10px;
vertical-align: middle;
 border: 2px solid #FF0000;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

#banniere_image
{
 margin-left:20px;
    margin-right: 20px;
    width: 97%;
 height: 250px;
margin-top: 5px;
background: url('images/home.jpg') repeat-x;
background-size: cover;
}
/* Navigation */

#logo
{
 display: flex;
  z-index:1;
    flex-direction: row;
    justify-content: space-between;
    width: 200px;
    margin-left:20px;
    margin-right: 20px;
line-height: 30px;
height: 45px;
    
}

#logo_foot
{
 display: flex;
  z-index:1;
    flex-direction: row;
    justify-content: space-between;
    width: 150px;
    margin-left:20px;
    margin-right: 20px;
line-height: 30px;
height: 45px;
 border: 2px solid #FFFFFF;
    border-color: #FF0000;
    
}

nav a
{
    font-size: 0.7em;
    color: #336699;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

/* Bannière */

.zebest
{
display: flex;
justify-content: space-around;
align-items: left;
flex-wrap: wrap;
padding: 3px 8px 3px 8px;
background-color: #FFFFFF;
border: 2px solid #760001;
border-color: #FFFFFF;
width: 100%;
}



/* Corps */

section
{
    display: flex;
    border: 1px solid #760001;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
     margin-left:20px;
    margin-right: 20px;
    width: 90%;
}


article
{
display: flex;
justify-content: space-between;
margin-bottom: 0px;
margin-top: 0px;
width: 100%;
border: 1px solid #760001;
    border-color: #FFFFFF;
}

.ico_categorie
{
    vertical-align: middle;
    margin-right: 8px;
}



aside
{
    flex: 1.2;
  
    background-color: #F2F2F2;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
    margin-left: 850px;
    margin-top: 50px;
}



/* Footer */

footer
{
    display: flex;
    font-family: 'Arial';
    justify-content: center;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    color: #D8D8D8;
 
}
/* la note globale de deposer un avis */
#glob1
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#glob2
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#glob3
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#glob4
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#glob5
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#global_not
{
display: flex;
border: 1px solid #FFFFFF;

}
#not_ens1
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_ens2
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_ens3
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_ens4
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_ens5
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#global_not_ens
{
display: flex;
border: 1px solid #FFFFFF;

}
#not_struc1
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_struc2
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_struc3
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_struc4
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_struc5
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#global_struc
{
display: flex;
border: 1px solid #FFFFFF;

}
#not_vie1
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_vie2
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_vie3
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_vie4
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_vie5
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#global_vie
{
display: flex;
border: 1px solid #FFFFFF;

}
#not_acces1
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_acces2
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_acces3
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_acces4
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_acces5
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#global_acces
{
display: flex;
border: 1px solid #FFFFFF;

}
#not_rezo1
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_rezo2
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_rezo3
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_rezo4
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#not_rezo5
{
width: 25px;
height: 20px;
background-color: #D8D8D8;
}
#global_rezo
{
display: flex;
border: 1px solid #FFFFFF;
}
/* Menu deroulant *************************************************************/

#mymenu {
display: flex;
flex-wrap: nowrap;
background-color: #FFFFFF;
width:550px;
border: 1px solid #760001;
border-color: #FFFFFF;
}
#mymenu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#mymenu li {
float:left;
margin:auto;
padding:0;
background-color: #FFFFFF;
}
#mymenu li a {
display:block;
width:120px;
font-family: 'Montserrat';
font-size: 1em;
color: #545454;
text-decoration:none;
padding:5px;
}
#mymenu li a:hover {
color:#FFD700;
}
#mymenu ul li ul {
display:none;
}
#mymenu ul li:hover ul {
display:block;
}
#mymenu li:hover ul li {
float:none;
}