@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) {

/*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/band1.jpg);height:90px;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;}*/
#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;}
#ecart1 {margin-top:15px;font-family:Open1;font-size:18px;opacity:1;margin-left:13px;/*margin-left:23%*/}
#ecart{visibility: hidden;}
#martop {margin-top:120px;}

#ballanc1{position:static;}
#ballanc2{position:static;left:19%;font-family:Open1;font-size:16px;opacity:1;}

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;}

#large {height:730px;}
#tete {height:510px;}



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


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

.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:230px;
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all .7s ease-in-out;
	
	
}

.slide img {
   max-width: 85%;
	height: 45%;
}
/*.slide img {
   max-width: 90%;
height: 70%;}*/


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

    transition: opacity .2s;

    color: #297E94;
	font-size: 55pt;
    text-align: center;
    line-height: 380px;
    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);
}
}





