html {
  height:100%;
}
@font-face {
    font-family: 'Ostrich Sans';
    src: url('https://4ormat-asset.s3.amazonaws.com/vfs/725692/public_assets/54718718/ostrichsansrounded-medium.eot');
    src: url('https://4ormat-asset.s3.amazonaws.com/vfs/725692/public_assets/54718718/ostrichsansrounded-medium.eot?#iefix') format('embedded-opentype'),
         url('https://4ormat-asset.s3.amazonaws.com/vfs/725692/public_assets/54718737/ostrichsansrounded-medium.woff2') format('woff2'),
         url('https://4ormat-asset.s3.amazonaws.com/vfs/725692/public_assets/54718735/ostrichsansrounded-medium.woff') format('woff'),
         url('https://4ormat-asset.s3.amazonaws.com/vfs/725692/public_assets/54718734/ostrichsansrounded-medium.ttf') format('truetype'),
         url('https://4ormat-asset.s3.amazonaws.com/vfs/725692/public_assets/54718732/ostrichsansrounded-medium.svg#ostrich_sans_roundedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 1271px) {
  body {
        background-size: cover;
    }
    .logo {
      position: absolute;
      margin-top: 61px;
    }
    .navLink2 li {
      float:left;
    }
    .navLink li {
      float:left;
    }
    .lienNav {
    font-size: 25px;
}
.navLink {
  position: relative;
    top: 10px;
    max-width: 1163px;
    margin:auto;
}
    .navLink2 {
    margin-top: 10px;
    min-width: 1271px;
    margin-left: 50%;
        transform: translate(-50%);
        -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
  }
    .chantierEnCours {
    width: 690px;
    position: absolute;
    z-index: 0;
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.txtAccueil {
    font-size: 19px;
    margin-top: -50px;
    margin-left: 127px;
    margin-bottom: 50px;
        position: relative;
}
.tailleActu {
    width: 600px;
}
}

@media screen and (max-width: 1270px) and (min-width:766px) {
    .lienNav {
    font-size: 16px;
}
.logo {
      position: absolute;
      margin-top: 61px;
    }
.navLink2 {
    max-width: 905px;
    margin: auto;
    margin-top: 10px;
  }
  
  .navLink {
    max-width: 844px;
    margin: auto;
    position: relative;
    top: 10px;
  }
    .navLink2 li {
      float:left;
    }
    .navLink li {
      float:left;
    }
    .chantierEnCours {
    width: 690px;
    position: absolute;
    z-index: 0;
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.txtAccueil {
    font-size: 19px;
    margin-top: -50px;
    margin-left: 127px;
    margin-bottom: 50px;
        position: relative;
}
.tailleActu {
    width: 600px;
}
}

@media only screen and (max-width: 767px) and (min-width: 501px){
    body {
            background-size: 600%;
    }
    .logo {
      position: absolute;
      margin-top: 61px;
    }
    .navigation {
        position: absolute;
    top: 50px;
    left: 5%;
    right: 5%;
    }
    .lienNav {
    font-size: 16px;
}
.navLink2 {
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }
    .navLink2 li {
      float:left;
    }
    .navLink li {
      float:left;
    }
    .chantierEnCours {
    position: absolute;
    z-index: 0;
    top: 610px;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.txtAccueil {
    font-size: 19px;
        position: relative;
}
}

@media only screen and (max-width: 500px){
  .navigation {
    margin-top: 50px;
    margin-left: 5%;
    margin-right: 5%;
    }
    .navLink {
    margin-top: -28px;
    margin-left: 105px;
}
    .lienNav {
    font-size: 25px;
}
    .navLink2 {
      margin-top: 120px;
  }
  .chantierEnCours {
    margin-top: 85px;
    margin-bottom: 175px;
    margin-right: 20px;
    margin-left: 20px;
}
.txtAccueil {
    font-size: 19px;
}
}

a {
    color: #fff;
    text-decoration: none;
}

.logo {
    font-size: 40px;
    width: 100px;
    line-height: 35px;
    -moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}

.logo, .navLink, .navLink2 {
    text-transform: uppercase;
        font-family: 'Ostrich Sans';
        font-weight: bold;
        letter-spacing: 2px;
}

.lienNav {
    margin: 5px;
    padding-bottom: 5px;
    letter-spacing: 1px;
    border-bottom: 1px dashed #fff;
}

.chantier {
    color: #000;
    text-transform: uppercase;
    font-family: 'Ostrich Sans';
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 28px;
    background-color: #fff;
    width: 150px;
    height: 150px;
    text-align:center;
    border-radius: 50%;
    display: table-cell; /* comportement visuel de cellule */
  vertical-align: middle;
  line-height: 30px;
}

.langue a {
    color: #000;
}

.langue {
    font-size: 19px;
    float: right;
    margin-top: 25px;
    margin-right: 25px;
}

.actu {
    text-transform: uppercase;
    font-family: 'Ostrich Sans';
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 28px;
    background-color: #fff;
    width: 150px;
    height: 150px;
    text-align:center;
    border-radius: 50%;
    line-height: 150px;
    float: right;
    color: #000;
}

.boxLiens {
    padding: 5px !important;
    background-color: #fff;
    z-index: 999999999;
    margin-top: -5px !important;
    margin-left: 5px !important;
}

.boxLiens li a {
    color: #000 !important;
}

.navLink ul {
    margin:0;
    padding:0;
    list-style-type:none;
    }
   .navLink li {
    margin:auto;
    padding:0;
    }
   .navLink li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:5px;
    }
           .navLink li ul li {
            float:none;
            }

            .navLink li ul {
                position:absolute;
               
                }

                .niv2  {
                    line-height: 15px;
                }

                .selected {
                    background-color: #fff;
                    color: #000 !important;
                    padding-bottom: 15px !important;
                    border-bottom: 1px dashed #fff !important;
                }
                

.navLink2 ul {
    margin:0;
    padding:0;
    list-style-type:none;
    }
   .navLink2 li {
    margin:auto;
    padding:0;
    }
   .navLink2 li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:5px;
    }
           .navLink2 li ul li {
            float:none;
            }

            .navLink2 li ul {
                position:absolute;
               
                }

#menu_bar #using {
  position: absolute !important;
  top: 79px !important;
  right: 10px !important;
  height: 10px!important;
}