@font-face {font-family: 'Open';src: url('../fonts/AvenirNextLTPro-UltLtCn.otf') format('truetype');}
@font-face {font-family: 'Open1';src: url('../fonts/AvenirNextLTPro-Regular.otf') format('truetype');}
@font-face {font-family: 'Lato';src: url('../fonts/Lato-Light.ttf') format('truetype');}
@font-face {font-family: 'Lato1';src: url('../fonts/Lato-Thin.ttf') format('truetype');}
@media only screen and (max-width:812px) and (orientation:landscape)  {


body {background-image:url(../Images/fond_gris.jpg);background-size:cover;}

.no-padding > [class*='col-'] {
    padding-right:0 !important;
    padding-left:0 !important;
}
.container-fluid {margin:0;padding:0;}
#bandeau {background-image:url(../Images/band1.jpg);height:95px;position:static;width:100%;top:0;z-index:10000;}
#bandeaupre {font-family:Lato;font-size:18px;color:#297E94;word-spacing:9px;/*padding-top:12px;padding-left:1.6em;*/}
/*#bandeaunom {color:#297E94;font-size:20px;font-family:Lato;letter-spacing: 0.2em;padding-left:3.2em;margin-top:-14px;}*/
#sculp {font-size:18px;font-family:Lato;letter-spacing: 0.1em;padding-left:11px;/*margin-top:-14px;*/}

.row {margin-top:55px;display: flex;
justify-content:center;}

#nem {visibility: hidden;}
#Emartop {margin-top:20px;}
#martop2 {margin-top:20px;}
#martop1 {margin-top:20px;}
#moba a {visibility: collapse;}
.marhom {margin-top:8px;}
.marhom15 {margin-top:25px;}
.martop {margin-top:35px;}
/*.p2 {width:80%; height:370px;}*/
.p2 {width:60%;height:360px;}
/*.p3 {width:80%;}*/
.p3 {margin-left:20%;width:62%;}
/*.marge {margin-left:8%;}*/
.marge {margin-left:20%;}
#haut {margin-top:-10px;}
h2{
	font-family:Lato;
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
	
}

.un::before{
content:"";
    position:absolute;
    left:20px;
    width:18%;
    z-index:-1;    
    top:50%;
    height:1.5px;
background-color:#000;}

.hamb{
  background:none;
  position:absolute;
  top:1px;
  right:1px;
  line-height:45px;
  padding:5px 35px 0px 15px;
  color:#808080;
  border:0;
  font-size:1.8em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:1px;
  right:10px;
  padding:7px 35px 0px 15px;
  color:#808080;
  border:0;
  font-size:4em;
  line-height:65px;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.menu{background-color:#fff; position:absolute; text-align:center; font-size:16px;right:40px;top:10px;font-family:Open1;letter-spacing: 0.1em;}
.menu ul {margin: 0; padding:0 20px;list-style-type: none; list-style-image: none;}
.menu .oui li {display: block;   padding:8px 0 8px 0; border-bottom:#808080 1px solid;text-decoration:none;}
.menu .oui li:hover{display: block; padding:8px 0 8px 0; border-bottom:#000 1px solid;}
.menu .non li {display: block;   padding:8px 0 8px 0;text-decoration:none;}
.menu .non li:hover {display: block; padding:8px 0 8px 0;}

.menu ul li a { text-decoration:none;  margin: 0px;}
.menu ul li a:hover {text-decoration:none;}
.menu a{text-decoration:none;color:black;}
.menu a:hover{text-decoration:none; color:#297E94;}
#ff {font-style:italic;}
#Eexpo1-1 {text-align:center;font-family:Open1;color:#297E94;background-color: 	#D4D4D4/*font-size:36px;line-height: 120%;*/}
/*#Eexpo1top {text-align:center;font-family:Open1;color:#297E94;background-color:#D4D4D4/*font-size:36px;line-height: 120%;*/}
#Eexpo1 {text-align:center;font-family:Open1;color:#297E94;background-color:#D4D4D4/*font-size:36px;line-height: 120%;*/}
#Eexpo2 {padding-top:12px;font-size:18px;font-family:Open1;/*line-height: 120%;*/}
#Eexpo2b {padding-top:0;font-size:18px;font-family:Open1;/*line-height: 120%;*/} 
#Eexpo3 {padding-bottom:10px;font-size:18px;font-family:Open1;padding-top:0px;}

#Emartop {margin-top:100px;}

#expo1-1 {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc;/*margin-top:-530px;*//*font-size:36px;line-height: 120%;*/}
#expo1top {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc;margin-top:-100px;/*font-size:36px;line-height: 120%;*/}
#expo1 {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc;/*font-size:36px;line-height: 120%;*/}
#expo2 {padding-top:15px;font-size:20px;font-family:Open1;line-height: 120%;}
#expo2b {padding-top:4px;font-size:20px;font-family:Open1;line-height: 120%;} 
#expo3 {padding-bottom:15px;font-size:20px;font-family:Open1;padding-top:20px;}
#fs14 {font-size:14px;padding-bottom:15px;font-family:Open1;padding-top:20px;}
#disimg1 {margin-left:4px;margin-top:3px;}
/*#disimg2 {margin-left:20px;margin-top:2px;}*/
#disimg2 {margin-left:0px;margin-top:2px;}
#arki1 {width:0;height:0;margin-top:0;}
#arki2 {width:0;height:0;margin-top:0;}
#arki3 {width:0;height:0;margin-top:0;}
#arki4 {width:0;height:0;margin-top:0;}
#arki5 {width:0;height:0;margin-top:0;}
#zinao {display:block;margin : auto;filter: brightness(1.50);max-width:20%;height:auto;}
/*img {height:180px;}*/

.zina {
  display: grid;
  grid-template-columns:18% 18% 18%;
  grid-template-rows: auto auto auto;
   column-gap:8px;
   row-gap:8px;
   justify-content: center; 
}
.basler {
  display: grid;
  grid-template-columns:35% 35%;
  grid-template-rows: auto auto;
   column-gap:10px;
   row-gap:5px;
   justify-content: center; 
}

.scrollbar
    {
    	/*margin-left: 50px;
    	float: left;
    	height: 300px;
     	background: #FFF;*/
    	overflow-y: scroll;
    	/*margin-bottom: 25px;*/
		
    }
    
   /* .scrollbar-active
    {
    	min-height: 100px;
    }*/
    
    
    .scro::-webkit-scrollbar-track
    {
    	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    	background: #CCCCCC;
    }
    
    .scro::-webkit-scrollbar
    {
    	width: 5px;
    	/*background: #FFFFFF;*/
    }
    
    .scro::-webkit-scrollbar-thumb
    {
    	background-color: #297E94;
    	/*border: 2px solid #555555;*/
    }
	
.bulle1 {
  text-decoration:none;
 position:relative;
}
.bulle1 span {
  display:none;
 -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
 background-color:#f4f6f7;
  font-size:10px;
 font-family:Open1;
 }
 .bulle1:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:120px;
 margin-top:70px;
  overflow:hidden;
  padding:0;
  margin-left:5%;
}

/* Info-bulle2 */
.bulle2 {
  text-decoration:none;
 position:relative;
 
}
.bulle2 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background-color:#f4f6f7;
  font-size:10px;
  font-family:Open1;
}

.bulle2:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:120px;
  margin-top:68px;
  overflow:hidden;
  padding:0;
  margin-left:4%;
}

}