#logo_ {
  /*float: left;*/
  background-image: url('../images/logo_bandeau rec_120.jpg');
  width: 177px;
  height: 120px;
}


#barre_me ul {
    margin: 10px;
	padding: 0;
    list-style: none;
	margin: 10px 0 15px 0;
}

#barre_me a {
     /* display: inline;     block pour menu vertical  */
	width: 100px;
    padding: 1.8em;
    background: #4A7377;
    color: #fff;
    text-decoration: none;
  font-family: Verdana;
  font-size: 11pt;
  
}

#barre_me a:hover, #barre_me a:focus, #barre_me a:active {
    background: #295155;
}

#barre_me ul {
    max-height: 0;
    overflow: hidden;
}

#barre_me.nav-opened ul {
    max-height: 25em;
}


#central {
  overflow: visible;
}


.pav {
  /*border: 1px solid black;*/
  width: 260px;
  height: 350px;
  float: left;
  margin: 20px 20px;
  background-color: green;
  text-align: center;
  padding: 10px;
  font-family: Verdana;
  font-size: 12pt;
  /*-moz-border-radius: 16px 16px 0 0;
  -webkit-border-radius: 16px 16px 0 0;*/
  border-radius: 16px 16px 0 0;
}


.large {
  width: 905px;
  /*height: 130px;*/
  float: left;
  margin: 20px 15px;
  background-color: yellow;
  text-align: left;
  padding: 10px;
  font-family: Verdana;
  font-size: 11pt;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}





@media screen and (min-width: 1024px) {
  #central {
    /*display: inline;*/
    width: 100%;
    /*height: 555px;*/
    /*border: 1px green solid;*/
  }
}


@media screen and (min-width: 641px) and (max-width: 1023px) {
  #central {
    /*display: inline;*/
    width: 620px;
    /*height: 555px;*/
    /*border: 1px blue solid;*/
  }
  
  .pav {
    height: 300px;
    font-size: 11pt;
    margin: 15px 15px;
    border-radius: 16px 16px 16px 16px;
  }
  
  .large {
    width: 620px;
  }
}


@media screen and (max-width: 641px) {
  #bando {
    display: none;
  }
  
  #central {
    /*display: block;*/
    width: 330px;
    /*height: 555px;*/
    /*border: 1px red solid;*/
  }

  .pav {
    height: 260px;
    font-size: 11pt;
    margin: 10px 10px;
    border-radius: 16px 16px 16px 16px;
  }
  
  .large {
    width: 330px;
  }

  #barre_me a {
    display: block;
	width: 250px;
	padding: 0.8em;
	/*height: 15px;*/
  }

  #barre_me:after {
    content: "\2261"; /* symbole unicode du "burger" */	
    position: absolute;
        top: 15px;
		right: 4px;
        z-index: 42;
    width: 4rem;
    text-align: center;
    color: #000;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1;
  }
}



@media (max-width: 767px) {
}

.present {
  color: black;
}


.textepar {
  color: black;

}



#pav1 {
  /*border: 1px #0A5D82 solid;*/
  color: black;
}


#pav2 {
  color: white;
}


#pav3 {
  color: blue;
}


#etablissement {
  /*border: 1px #0A5D82 solid;*/
  float: left;
  width: 90%;
  height: 50px;
  margin: 10px 0 0 10px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-family: Verdana;
  font-size: 11pt;
  color: #000000;
}


#adresse {
  /*border: 1px #0A5D82 solid;*/
  float: left;
  width: 90%;
  height: 100px;
  margin: 10px 0 0 10px;
  padding: 10px;
  text-align: center;
  font-family: Verdana;
  font-size: 10pt;
  color: #3C4375;
}


#equipe {
  /*border: 1px #B30D1C solid;*/
  float: left;
  width: 90%;
  height: 50px;
  margin: 10px 0 0 10px;
  padding: 10px;
  background-color: #FFFFFF;
  font-family: Verdana;
  font-size: 10pt;
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#documents {
  /*border: 1px #0A5D82 solid;*/
  float: left;
  width: 90%;
  height: 50px;
  margin: 10px 0 0 10px;
  padding: 10px;
  background-color: #C0D4DC;
  font-family: Verdana;
  font-size: 10pt;
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#titre_secteurs {
  float: left;
  width: 90%;
  height: 55px;
  font-family: Verdana;
  font-size: 11pt;
  color: #5965AF;
  text-align: center;
}


#secteurs{
  /*border: 1px #F7F2F2 solid;*/
  float: left;
  width: 90%;
  height: 28px;
  margin: 5px 0 0 5px;
  padding: 0px 10px;
  background-color: #DED398;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#examens {
  border: 1px #D6A510 solid;
  float: left;
  width: 90%;
  height: 230px;
  margin: 10px 0 0 10px;
  padding: 10px;
  text-align: center;
  font-family: Verdana;
  font-size: 10pt;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#plan{
  /*border: 1px #0A8214 solid;*/
  float: left;
  width: 90%;
  height: 60px;
  margin: 10px 0 0 10px;
  background-color: #FFFFFF;
  font-family: Verdana;
  font-size: 10pt;
  text-align: center;
  /*background-image: url('../images/logo_atex_200_pale.jpg');*/
  filter:alpha(opacity=70);
  -moz-opacity:.70;
  opacity:.70;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


.secteur {
  float: left;
  font-family: Verdana;
  font-size: 12pt;
  color: #5965AF;
  font-weight: bold;
  text-align: center;
  padding: 5px 20px;
  cursor: pointer;
}


.secteur:hover {
  float: left;
  font-family: Verdana;
  font-size: 12pt;
  color: #0B8F48;
  font-weight: bold;
  text-align: center;
  padding: 5px 20px;
}


.col_exams {
  float: left;
  width: 30%;
  font-family: Verdana;
  font-size: 10pt;
  color: #000000;
  padding: 5px 5px;
}





#image {
  float: right;
  width: 400px;
  height: 300px;
  margin: 30px 10px 0 20px;
  border: 1px solid #0000FF;
}


.grandecase {
  /*background-image: url('../images/fd_ciel.jpg');*/
}


.t2 {
  padding: 10px 0px ;
  font-family: Verdana;
  font-size: 13pt;
  /*color: #9D613C;*/
}


.fic {
  padding: 10px 0px ;
  font-family: Verdana;
  font-size: 10pt;
  color: #4F702B;
}

.fic_cache {
  padding: 10px 0px ;
  font-family: Verdana;
  font-size: 10pt;
  color: #4F702B;
  visibility: hidden:
}