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

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

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.4em;*/
  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{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;}
#martop {margin-top:225px;}

#parc{font-size:18px;letter-spacing: 0.1em;text-align:justify;font-family:Open1;color:#000;/*text-indent: 5%*/}
#parc1 {font-size:18px;letter-spacing: 0.1em;font-family:Open1;color:#000;text-indent:12%;}
#parc2 {font-size:18px;letter-spacing: 0.1em;text-align:justify;font-family:Open1;color:#000;}
#parc5{font-size:18px;letter-spacing: 0.1em;font-family:Open1;color:#000;margin-top:35px;}
#parc6 {font-size:14px;font-family:Open1;margin-top:15px;}
#parccoul {color:#297E94;}
#bordimg {float:left;margin-right:35px;border:0.5px outset #297E94;}
#mediamargau {margin-left:80px;}

#parcball {height:125px;width:125px;margin-top:37px;margin-left:30%;}

.zoom:hover{
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);}

@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:30px;
    width:18%;
    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{font-size:0.8em;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;}
#martop {margin-top:225px;}
#bordimg {float:left;margin-right:35px;border:0.5px outset #297E94;}
#parcball {height:120px;width:120px;margin-top:37px;margin-left:18%;}

.zoom:hover{
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);}

}