/*******************************
    N A V  P R I N C I P A L E
********************************/
/*******************************/
/*#topNavigation {
  position: absolute;
  top: 34px;
  left: 15px;
  z-index: 44445;253
  display: none; }

#topNavigation .firstLink {
  float: left;
  display: inline-block;
  text-transform: uppercase;
  font-size: 24px;
  margin-right: 16px;
  position: relative;
  top: -2px;
  color: #fff; }

#topNavigation .icon {
  border: 0;
  height: 79px;
  width: 32px;
  margin: -3px 0 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  background: transparent;
  float: left;
  color: #f00;
  outline: none; }*/

.mean-container a.meanmenu-reveal span {
  cursor: pointer;
  display: block;
  height: 3px;
  width: 33px;
  background-color: #000;
  position: absolute;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.mean-container a.meanmenu-reveal span:first-child {
  top: 8px;
  width: 17px;
  left: 15px; }

.mean-container a.meanmenu-reveal.meanclose span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  width: 32px !important;
left: 0;
}

a.meanmenu-reveal span:nth-child(2) {
  top: 17px; }

a.meanmenu-reveal span:last-child {
  top: 26px; }

a.meanmenu-reveal.meanclose span:nth-child(2) {
  opacity: 0; }

a.meanmenu-reveal.meanclose span:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 15px; }
/*#menu-haut .li0.idPage-412 > a:after{
   content: "";
    width: 6px;
    height: 6px;
    background: transparent;
    text-indent: -9999px;
    border-top: 1px solid #7a848b;
    border-left: 1px solid #7a848b;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(
-135deg
 );
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 8px;
    right: -11px;
}*/
#menu-haut{/*position:absolute; top:69px; right:0px; width:74%;*/ z-index:100; }
#menu-haut ul ul{display:none; z-index:2;}
#menu-haut li:hover > ul{    display: block;
    z-index: 10;
    list-style: none;
    padding: 0;
    top: 35px;
background: #f2f2f2;}
#header-wrapper.small #menu-haut{position:absolute; top:15px; right:60px; }
#header-wrapper.small #menu-haut .ul1{ top:30px; }

/*********************
Niveau 00
*********************/
.displayMenu{ display:none;}
#menu-haut .ul0{ position:relative; text-align:right;padding: 0;
    margin: 0;}
#menu-haut .ulHome{ position:relative; float:left;}
#menu-haut .li0 {position:relative; display:inline-block; margin:0px 1.6%; padding:0; color: #69747c;}
#menu-haut .li0:last-child{ margin:0px 0 0 2%; }
#menu-haut .li0:hover, #menu-haut .li0.selected{ }
#menu-haut .li0:hover .lien0, #menu-haut .li0.selected .lien0{ color:#001e51; border-bottom:3px #c42c34 solid; }
#menu-haut .li0:hover:first-child .lien0, #menu-haut .li0.selected:first-child .lien0{ border-bottom:3px #c42c34 solid; }
#menu-haut .lien0{ display:block; padding:0px 0px 10px 0px; color:#7a848b; font-family: 'Aktiv_Grotesk_Medium'; font-size:15.5px; border-bottom:3px transparent solid; text-decoration:none;}

/*********************
Niveau 01
*********************/
#menu-haut .ul1    {position:absolute; top:31px; left:0px; text-align:left;}
#menu-haut .li1 {position:relative; width:260px; background:#f2f2f2;}
#menu-haut .li1:hover, #menu-haut .li1.selected{ }
#menu-haut .lien1{    display: block;
    padding: 5px 0px 5px 15px;
    font-size: 15.5px;
    text-decoration: none;
    color: #7a848b;
    font-family: 'Aktiv_Grotesk_Medium';}
#menu-haut .lien1:hover{ background:#001e51; color:white;}


/* max-width:960px */
@media only screen and (max-width:1024px){
    #menu-haut .li0{
        margin: 0px 1.4%;
    }
}


@media only screen and (max-width:480px) {
.displayMenu{ display:block; position:absolute; top:6px; right:5px;}
}

/*********************
Niveau 02
*********************/
#menu-haut .ul2    {position:absolute; top:0px; left:230px;}
#menu-haut .ul2 li {position:relative; width:230px; background:#f2f2f2;}
#menu-haut .ul2 li:first-child{}
#menu-haut .ul2 li:last-child{}
#menu-haut .ul2 li:hover, #menu-haut .ul2 li.selected{background:#c7c7c7;}
#menu-haut .ul2 li .lien2{display:block; height:20px; padding:8px 8px 0px 7px; margin:0px 0px 0px 0px; color:#111; font-size:1.4em; text-decoration:none; text-transform:uppercase;}
#menu-haut .ul2 li .lien2:hover{}

/*********************
Niveau 03
*********************/
#menu-haut .ul3    {position:absolute; top:0px; left:230px;}
#menu-haut .ul3 li {position:relative; width:230px; background:#f2f2f2;}
#menu-haut .ul3 li:first-child{}
#menu-haut .ul3 li:last-child{}
#menu-haut .ul3 li:hover, #menu-haut .ul3 li.selected{background:#c7c7c7;}
#menu-haut .ul3 li .lien3{display:block; height:20px; padding:8px 8px 0px 7px; margin:0px 0px 0px 0px; color:#111; font-size:1.4em; text-decoration:none; text-transform:uppercase;}
#menu-haut .ul3 li .lien3:hover{}


@media screen and (min-width: 1025px) and (max-width: 1200px){




    body.on .mean-bar #topHead{
             display: block;
    background: #fff;
    position: relative;
    /* top: 46px; */
    float: left;
    width: 90.6%;
    padding: 85px 0px 15px;
    overflow: hidden;
    border-bottom: 1px solid #bebdc0;
    margin-left: 15px;
    }
    body.on .mean-bar #topHead .fDiv {
        width: 100%;
    }
    body.on .mean-bar #topHead .cSrch {
        padding: 0;
        margin: 0;
        display: block;
        position: relative;
    }
    body.on .mean-bar #topHead input[type=text] {
        height: 44px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #bebdc0;
        color: #bebdc0;
        font-size: 14px;
        width: 83%;
        padding: 0 0 0 16%;
        display: block;
    }
    body.on .mean-bar #topHead .topLogin {
        color: #c42c34;
        font-weight: bold;
        padding: 0 0 0 30px;
        font-size: 14px;
        background: url(/kassets/cssimg/site/ico1.svg) no-repeat;
        display: inline-block;
        position: relative;
        top: 6px;
        background-size: 13%;
    }
}


@media only screen and (max-width:1024px){




    body.on .mean-bar #topHead{
             display: block;
    background: #fff;
    position: relative;
    /* top: 46px; */
    float: left;
    width: 90.6%;
    padding: 85px 0px 15px;
    overflow: hidden;
    border-bottom: 1px solid #bebdc0;
    margin-left: 15px;
    }
    body.on .mean-bar #topHead .fDiv {
        width: 100%;
    }
    body.on .mean-bar #topHead .cSrch {
        padding: 0;
        margin: 0;
        display: block;
        position: relative;
    }
    body.on .mean-bar #topHead input[type=text] {
        height: 44px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #bebdc0;
        color: #bebdc0;
        font-size: 14px;
        width: 83%;
        padding: 0 0 0 16%;
        display: block;
    }
    body.on .mean-bar #topHead .topLogin {
        color: #c42c34;
        font-weight: bold;
        padding: 0 0 0 30px;
        font-size: 14px;
        background: url(/kassets/cssimg/site/ico1.svg) no-repeat;
        display: inline-block;
        position: relative;
        top: 6px;
        background-size: 13%;
    }
}

@media only screen and (max-width:767px){

    body.on .mean-bar #topHead{
             display: block;
    background: #fff;
    position: relative;
    /* top: 46px; */
    float: left;
    width: 90.6%;
    padding: 85px 0px 15px;
    overflow: hidden;
    border-bottom: 1px solid #bebdc0;
    margin-left: 15px;
    }
    body.on .mean-bar #topHead .fDiv {
        width: 100%;
    }
    body.on .mean-bar #topHead .cSrch {
        padding: 0;
        margin: 0;
        display: block;
    }
    body.on .mean-bar #topHead input[type=text] {
        height: 44px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #bebdc0;
        color: #bebdc0;
        font-size: 14px;
        width: 83%;
        padding: 0 0 0 18%;
        display: block;
    }
    body.on .mean-bar #topHead .topLogin {
        color: #c42c34;
        font-weight: bold;
        padding: 0 0 0 30px;
        font-size: 14px;
        background: url(/kassets/cssimg/site/ico1.svg) no-repeat;
        display: inline-block;
        position: relative;
        top: 6px;
        background-size: 13%;
    }
}