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


body {background-image:url(../Images/fond_gris.jpg);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/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;*/}

#nem {position:absolute;right:135px;top:12px;font-family:Open1;font-size:20px;}
#ecart1 {margin-top:15px;font-family:Open1;font-size:18px;opacity:1;margin-left:35%;}
#ecart {margin-top:15px;font-family:Open1;font-size:18px;opacity:1;margin-left:35%;}
#martop {margin-top:225px;}

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

#ballanc1{position:relative;}
#ballanc2{position: absolute;bottom:1px;left:20%;font-family:Open1;font-size:18px;opacity:1;}

h2{
	font-family:Lato;
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
	
}

.un::before{
content:"";
    position:absolute;
    left:70px;
    width:20%;
    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:bold;
  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{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 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;}

#large {height:730px;}
#tete {height:515px;}
#tete1 {height:650px;}


.centre {margin-right:auto;
	margin-left:auto;
	text-align:center;
	overflow:hidden;width:100%;}
	


.slides {
	padding: 0;
   /* width: 609px;
    height: 420px;*/
	/*width:600px;*/
	/*max-width:100%;
	height:auto;*/
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block;}


.slide {
	top: 0;
    opacity: 0;
    /*width: 100%;
    height: 50%;*/
	/*width:650px;*/
	height:700px;
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all .7s ease-in-out;
	
	
}

.slide img {
   max-width: 100%;
	height: 95%;
}

.nav label {
    width: 150px;
    height: 100%;
    display: none;
    position: absolute;
	  opacity: 1;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #297E94;
	font-size: 80pt;
    text-align: center;
    line-height: 480px;
    font-family: "Open1", sans-serif;
    
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
	
	
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}






@media only screen and (max-width:1700px) {
/*#bandeaupre {font-family:Lato;font-size:30px;padding-top:20px;padding-left:2.6em;}
#bandeaunom {color:#297E94;font-size:50px;font-family:Lato;letter-spacing: 0.1em;padding-left:4.5em;margin-top:0px;} 
#sculp {color:#297E94;font-size:45px;font-family:Lato;letter-spacing: 0.1em;float:right;margin-top:-78px;margin-right:5em;}*/
#bandeaupre {font-family:Lato;font-size:40px;/*padding-top:20px;padding-left:2.6em;*/color:#297E94;word-spacing:50px;}
/*#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;*/}

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

#nem {position:absolute;right:115px;top:14px;font-family:Open1;font-size:18px;}
#ecart1 {margin-top:15px;font-family:Open1;font-size:18px;opacity:1;margin-left:30%;width:100%;}
#ecart {margin-top:15px;/*margin-left:155px;*/font-family:Open1;font-size:18px;opacity:1;margin-left:30%;width:100%;}

#martop {margin-top:225px;}

#ballanc1{position:relative;}
#ballanc2{position: absolute;bottom:5px;left:13%;font-family:Open1;font-size:16px;opacity:1;}

.un::before{
content:"";
    position:absolute;
    left:35px;
    width:20%;
    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.4em;*/
  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;}

#large {height:450px;}
#tete {height:410px;}
#tete1 {height:420px;}
.centre {margin-right:auto;
	margin-left:auto;
	text-align:center;
	overflow:hidden;width:100%;}

.slides {
	padding: 0;
   /* width: 609px;
    height: 420px;*/
	/*width:600px;*/
	/*max-width:100%;
	height:auto;*/
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block;}


.slide {
	top: 0;
    opacity: 0;
    /*width: 100%;
    height: 50%;*/
	/*width:650px;*/
height:600px;
    display: block;
   position: absolute;
   transform: scale(0.5);
	
    transition: all .7s ease-in-out;

	
}



.slide img {
   max-width: 100%;
	height: 100%;
	
}

.nav label {
    width: 30px;
    height: 100%;
    display: none;
    position: absolute;
	  opacity: 1;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #297E94;
    /*font-size: 156pt;*/
	font-size: 80pt;
    text-align: center;
    line-height: 390px;
    font-family: "Open1", sans-serif;
    /*background-color: rgba(255, 255, 255, .3);*/
    /*text-shadow: 0px 0px 15px rgb(119, 119, 119);*/
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);

    /*transition: opacity 1s ease-in-out;*/
	transition: opacity 1s ease-out-in;
	
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}