@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:480px) {


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



.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;width:100%;position:fixed;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;}*/
/*#bandeaunom {color:#297E94;font-size:20px;font-family:Lato;letter-spacing: 0.2em;padding-left:1.6em;margin-top:-5px;}*/
#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:100px;}
#martop2 {margin-top:20px;}
#martop1 {margin-top:20px;}
#moba {visibility: collapse;}
.marhom {margin-top:8px;}
.marhom15 {margin-top:25px;}


.martop {margin-top:30px;}
.p2 {width:80%; height:370px;}
.p3 {width:80%;}
.marge {margin-left:9%;}

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;color:#000;
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;}

#expo1-1 {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc;margin-top:0;/*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:18px;font-family:Open1;line-height: 120%;}
#expo2b {padding-top:4px;font-size:18px;font-family:Open1;line-height: 120%;} 
#expo3 {padding-bottom:15px;font-size:18px;font-family:Open1;padding-top:20px;}

#disimg1 {margin-left:-4px;margin-top:5px;}
#disimg2 {margin-left:-4px;margin-top:5px;}
#fs14 {font-size:12px;padding-bottom:15px;font-family:Open1;padding-top:20px;}
#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:1px;
   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%;
}

}