@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/Li-abstract1-lines-grey-gray-design.png);background-attachment:fixed;}*/
body {background-image:url(../Images/fond_gris.jpg);background-attachment:fixed;/*background-repeat:no-repeat;margin:0;padding:0;*/}

.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;}*/
#point {background: transparent url(../Images/01.png) center center repeat;position:absolute;z-index :1}
/*#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:180px;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;}

#exp {margin-top:25px;/*margin-left:145px;*/font-family:Open1;font-size:18px;margin-left:35%;/*text-indent:20px;*/}

#stat {font-size:18px;letter-spacing: 0.1em;text-indent: 5%;text-align: justify;font-family:Open1;color:#000;/*font-weight:bold;background-color:white;*/}
#tit {font-size:38px;letter-spacing: 0.1em;font-family:Open1;color:#297E94;margin-left:2%;}
#tit1 {font-size:38px;letter-spacing: 0.1em;font-family:Open1;color:#297E94;margin-left:2%;}
#martop {margin-top:225px;position:fixed;}
#martop1 {margin-top:210px;}
#martop3 {margin-top:20px}
.img-thumbnail {border: 1px solid gray;}
 

h2{
	font-family:Lato;
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
	/*display:inline-block;*/
}

.un::before{
content:"";
    position:absolute;
    left:60px;
    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.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:3em;*/
  font-size:4em;
  line-height:65px;
  /*font-weight:bold;*/
  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;}
#carac {font-family:'BentonSR';letter-spacing: 0.1em;font-size:18px;height:60px;background-color:#fff;color:black;margin-bottom:0;padding-top:15px;}

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

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

#nem {position:absolute;right:115px;top:14px;font-family:Open1;font-size:18px;}
#exp {margin-top:25px;/*margin-left:145px;*/font-family:Open1;font-size:18px;margin-left:30%;width:100%;/*text-indent:20px;*/}
#stat {font-size:18px;letter-spacing: 0.1em;text-indent: 5%;text-align: justify;font-family:Open1;color:#000;/*font-weight:bold;background-color:white;*/}
#tit {font-size:38px;letter-spacing: 0.1em;font-family:Open1;color:#297E94;margin-left:2%;}
#tit1 {font-size:38px;letter-spacing: 0.1em;font-family:Open1;color:#297E94;margin-left:2%;}
#martop {margin-top:225px;position:fixed;}
#martop1 {margin-top:210px;}
#martop3 {margin-top:20px}

.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.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:3em;*/
  font-size:4em;
  line-height:65px;
  /*font-weight:bold;*/
  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;}

}