@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');}

 .scrollbar
    {
    	/*margin-left: 50px;
    	float: left;
    	height: 300px;
     	background: #FFF;*/
    	overflow-y: scroll;
    	/*margin-bottom: 25px;*/
		
    }
    
    /*.scrollbar-active
    {
    	min-height: 500px;
    }*/
    
    
    .scro::-webkit-scrollbar-track
    {
    	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    	background: #CCCCCC;
    }
    
    .scro::-webkit-scrollbar
    {
    	width: 10px;
    	/*background: #FFFFFF;*/
    }
    
    .scro::-webkit-scrollbar-thumb
    {
    	background-color: #297E94;
    	/*border: 2px solid #555555;*/
    }


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

/*.scrollbar {
 overflow-y: scroll;
 scrollbar-color: #297E94 #ccc;
 scrollbar-width: thin;
 background-color:#fff;
 
}*/



.no-padding > [class*='col-'] {
    padding-right:0 !important;
    padding-left:0 !important;
}
.container-fluid {margin:0;padding:0;}
/*#bandeau {background-image:url(../Images/band.jpg);height:160px;width:100%;position:fixed;top:0;z-index:10000;}
#bandeaupre {font-family:Lato;font-size:30px;padding-top:20px;padding-left:4.6em;}
#bandeaunom {color:#297E94;font-size:70px;font-family:Lato;letter-spacing: 0.2em;padding-left:4.2em;margin-top:-16px;}
#sculp {color:#297E94;font-size:55px;font-family:Lato;letter-spacing: 0.1em;float:right;margin-top:-100px;margin-right:6em;}*/

#bandeau {background-image:url(../Images/band.jpg);height:170px;width:100%;position:fixed;top:0;z-index:10000;}
#bandeaupre {font-family:Lato;font-size:48px;color:#297E94;word-spacing:70px;/*padding-top:20px;padding-left:4.6em;*/}
/*#bandeaunom {color:#297E94;font-size:62px;font-family:Lato;letter-spacing: 0.1em;padding-left:4.2em;margin-top:-20px;}*/
#sculp {font-size:48px;font-family:Lato;letter-spacing: 0.1em;/*float:right;margin-top:-88px;margin-right:6em;*/}

.romenu {margin-top:40px;display: flex;
    justify-content:space-between;}

#nem {position:absolute;right:135px;top:12px;font-family:Open1;font-size:20px;}

#Emartop {margin-top:225px;}
#martop2 {margin-top:225px;
overflow-y: scroll;
 scrollbar-color: #297E94 #ccc;
 scrollbar-width: thin;
 background-color:#fff;border-right:0.5px solid #CCC;
}
#martop1 {margin-top:62px;}
#martop0 {margin-top:125px;}
h2{
	font-family:Lato;
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
	
}

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

.hamb{
  background:none;
  position:absolute;
  top:1px;
  right:60px;
  line-height:45px;
  padding:5px 35px 0px 15px;
  color:#808080;
  border:0;
  font-size:1.8em;
  font-weight:normal;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:1px;
  right:60px;
  padding:7px 35px 0px 15px;
  color:#808080;
  border:0;
  font-size:4em;
  line-height:65px;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{font-size:0.8em;background-color:#fff; position:absolute; text-align:center; font-size:16px;right:95px;top:10px;font-family:Open1;letter-spacing: 0.1em;}
.menu ul {margin: 0; padding:0 30px;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/*font-size:36px;line-height: 120%;*/}
#expo1top {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc/*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:20px;font-size:20px;font-family:Open1;line-height: 120%;}
#expo2b {padding-top:4px;font-size:20px;font-family:Open1;line-height: 120%;margin-left:45px;margin-right:45px;} 
#expo2c {padding-top:0px;font-size:20px;font-family:Open1;line-height: 120%;margin-left:45px;margin-right:45px;} 
#expo3 {padding-bottom:15px;font-size:24px;font-family:Open1;padding-top:20px;}
.p2 {height:367.583px;}
.marge {margin-right:-0.1%;}

#disimg {display:inline;margin-left:0;}
#disimg1 {display:inline;margin-left:105px;}
#disimg2 {display:inline;margin-left:142px;}

#zdisimg {display:inline;margin-left:0;
	
	/* box-shadow: 0 0.5px 0.5px 0 , 0 0 10px 0 black, 0 -0.5px 10px 0 blue, 0 0.5px 0.5px 0 red, 0 0.5px 0.5px 0 black;*/
	/*border-radius: 8px;border : 1px solid black;*/
	
}
.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:15px;
   row-gap:15px;
   justify-content: center; 
}
	
#zdisimg1 {display:inline;margin-left:10px;}
#zdisimg2 {display:inline;margin-left:142px;}
#zinao {display:block;margin : auto;filter: brightness(1.50);}

#fs14 {font-size:18px;padding-bottom:15px;font-family:Open1;padding-top:20px;}
/*#arki1 {width:30px;height:30px;margin-top:665px;}*/
#arki2 {width:30px;height:30px;margin-top:750px;}
#arki3 {width:30px;height:30px;margin-top:790px;}
#arki4 {width:30px;height:30px;margin-top:850px;}
#arki5 {width:30px;height:30px;margin-top:700px;}

.martop {margin-top:75px;}

#disimgver {display:inline;margin-top:10px;}
#disimg1ver {display:inline;margin-left:125px;margin-top:10px;}
#disimg3ver {display:inline;margin-left:0;margin-top:0;}
#disimg4ver {margin:0 auto;margin-top:10px;}
#disimg2ver {margin-top:10px;/*margin:0 auto;*/border:7px inset #D4D4D4;margin-left: auto;
    margin-right: auto}
	
/* Info-bulle1 */
.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:11px;
 font-family:Open1;
 }
 .bulle1:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:200px;
 margin-top:110px;
  overflow:hidden;
  padding:0;
  margin-left:13%;
}

/* 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:11px;
  font-family:Open1;
}

.bulle2:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:200px;
  margin-top:108px;
  overflow:hidden;
  padding:0;
  margin-left:40%;
}
.zoom img {
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.zoom img:hover {
	border : 2px solid #D4D4D4;
     box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
	-webkit-transform: scale(2.2);
transform: scale(1.9);}



@media only screen and (max-width:1700px) {
#bandeaupre {font-family:Lato;font-size:40px;color:#297E94;word-spacing:50px;/*padding-top:20px;padding-left:2.6em;*/}
/*#bandeaunom {color:#297E94;font-size:50px;font-family:Lato;letter-spacing: 0.1em;padding-left:2.8em;margin-top:0px;} */
#sculp {font-size:40px;font-family:Lato;letter-spacing: 0.1em;float:right;/*margin-top:-78px;margin-right:5em;*/}
#nem {position:absolute;right:115px;top:14px;font-family:Open1;font-size:18px;}

.romenu {margin-top:40px;display: flex;
    justify-content:space-between;}


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

.hamb{
  background:none;
  position:absolute;
  top:1px;
  right:25px;
  line-height:45px;
  padding:5px 55px 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:25px;
  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:55px;top:10px;font-family:Open1;letter-spacing: 0.1em;}
.menu ul {margin: 0; padding:0 30px;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;}
.p2 {
   width: 23%; /*height:367.583px; */
   height:360px;
   }
.marge {margin-right:-2%;}
#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:16px;font-family:Open1;/*line-height: 120%;*/}
#Eexpo2b {padding-top:0;font-size:16px;font-family:Open1;/*line-height: 120%;*/} 
#Eexpo3 {padding-bottom:10px;font-size:16px;font-family:Open1;padding-top:0px;}

#expo1-1 {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc/*font-size:36px;line-height: 120%;*/}
#expo1top {text-align:center;font-family:Open1;color:#297E94;background-color:#ccc/*font-size:36px;line-height: 120%;*/}
#expo1 {text-align:center;font-family:Open1;color:#297E94;font-size:22px;line-height: 120%;background-color:#ccc;}
#expo2 {padding-top:10px;font-size:22px;font-family:Open1;line-height: 120%;}
#expo3 {padding-bottom:15px;font-size:22px;font-family:Open1;padding-top:20px;}
/*img {height:300px;}*/
#disimg {display:inline;margin-left:0;}
#disimg1 {display:inline;margin-left:105px;}
#disimg2 {display:inline;margin-left:142px;}
#fs14 {font-size:14px;padding-bottom:15px;font-family:Open1;padding-top:20px;}
/*#arki1 {width:30px;height:30px;margin-top:570px;}*/
#arki2 {width:30px;height:30px;margin-top:810px;}
#arki3 {width:30px;height:30px;margin-top:780px;}
#arki4 {width:30px;height:30px;margin-top:740px;}
#arki5 {width:30px;height:30px;margin-top:705px;}
#martop1 {margin-top:-15px;}
#martop0 {margin-top:55px;}
#zinao {display:block;margin : auto;filter: brightness(1.50);}
.verresponsive {
  max-width: 47%;
  height: auto;
}
.marhom {margin-bottom:2px;}
#disimgver {display:inline;margin-top:10px;margin-left:0;}
#disimg1ver {display:inline;margin-left:0;margin-top:10px;}
#disimg3ver {display:inline;margin-left:0;margin-top:0;}
#disimg4ver {margin:0 auto;margin-top:30px;}
#disimg2ver {margin-top:30px;border:7px inset #D4D4D4;margin-left: auto;
    margin-right: auto}
	
/* Info-bulle1 */
.bulle1 {
  text-decoration:none;
 position:relative;
 
}
.bulle1 span {
  display:none;
  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:190px;
 margin-top:105px;
  overflow:hidden;
  margin-left:12%;
   padding:0;
}
	
/* Info-bulle2 */
.bulle2 {
  text-decoration:none;
 position:relative;
 
}
.bulle2 span {
  display:none;
  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:190px;
  overflow:hidden;
  padding:0;
  margin-top:104px;
 margin-left:12%;
}

.zoom img {
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.zoom img:hover {
	border : 2px solid #D4D4D4;
     box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
	-webkit-transform: scale(2.1);
transform: scale(1.6);}
}

.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:30% 30%;
  grid-template-rows: auto auto;
   column-gap:15px;
   row-gap:15px;
   justify-content: center; 
}