/******************************************************************************/
/*                                 compHeader                                 */
/******************************************************************************/

.compHeader {
    position: relative;
    z-index: 9;
}
.headerBareBleuContenant {
        padding-top: 90px;
}
.headerBareBleu {
    background: #0c90ce;
    height: 30px;
    margin-bottom: 10px;
}
.headerBareBleu_2 {
    width: 1000px;
    margin: 0 0 0 156px;
}
@media screen and (max-width: 1155px) {
    .headerBareBleu_2 {
        width: calc(100% - 156px);
        margin: 0 0 0 156px;
    }
}
.compHeader .headerComposants {
}
.compHeader .headerComposants .footerComposants {
}
.compHeader .headerComposants .footerComposants .contentComposants {
}
.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants {
}
.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    display:none;
}
.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
    position:relative;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .descriptionHeader{
    display:none;
 }

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .etapeHeader{
    display:none;
}


.compHeader .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}

/** Logo **/
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader{
    background:url('../image/BG_Logo_Fanion.png') no-repeat;
    display:inline-block;
    width:157px;
    height:140px;
    margin-left: 10px;
    position: absolute;
    top: 0;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader span{
    display:none;
}

/** Back **/

.headerBareBleu .lienAccueilHeader {
    background: url(../image/bg_btBoilletterie.png) no-repeat right center #0C7DB3;
    background-size: contain;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 35px 0 15px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
.headerBareBleu .lienAccueilHeader:before {
    content: " ";
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 15px;
    background: url(../image/icone_ticket.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-top: -2px;
}
.headerBareBleu .lienAccueilHeader:before,
.headerBareBleu .lienAccueilHeader span {
    transition: all 0.5s;
    font-weight: bold;
}
.headerBareBleu .lienAccueilHeader:hover:before,
.headerBareBleu .lienAccueilHeader:hover span{
    filter: brightness(85%);
}



#pageCompte .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader,
#pageCompteIdentification .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader,
#pageAccueil .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader,
#pageEtape4 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader,
#pageEtape3 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader,
#pageEtape2 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader,
#pageEtape1 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienAccueilHeader{
    top:43px;
  	left:106px;  
}


.NavigationTopRight{
   backround:blue;
   position:absolute;
   }
.NavigationTop{
	background:red;
    position:absolute;
}



/*****************************************/
/******* NAVIGATION **********/
/***************************************/

#Int_SocialOM{
    position:absolute;
    right:3px;
    top : 0px;
}

#Int_SocialOM ul.NavigationSocialOM li{
    display:inline-block;
 }

#Int_SocialOM ul.NavigationSocialOM li#FaceBookOM a{
    background:url('../image/spriteOM.png') no-repeat -197px 0;
    width:31px;
    height:31px;
    display:block;
 }

#Int_SocialOM ul.NavigationSocialOM li#TwitterOM a{
    background:url('../image/spriteOM.png') no-repeat 0 -259px;
    width:31px;
    height:31px;
    display:block;
 }

#Int_SocialOM ul.NavigationSocialOM li#GoogleOM a{
    background:url('../image/spriteOM.png') no-repeat 0 -34px;
    width:31px;
    height:31px;
    display:block;
 }

#Int_MEnuOM {
    float: right;
    left: 159px;
    position: absolute;
    top: -32px;
    width: 820px;
}

#Int_MEnuOM ul#NavigationOM li{
    display:inline-block;
    font-family: 'dinengschriftregular';
    text-transform:uppercase;
    font-weight:normal;
    color:#717171!important;
    font-size:19px;
    text-shadow: 1px 1px 0 #ffffff;
    padding:0 10px;
}

#Int_MEnuOM ul#NavigationOM li+li:before{
    content: "|";
    margin-right:18px;
}

#Int_MEnuOM ul#NavigationOM li a{
    text-decoration:none;
}

#Int_MEnuOM ul#NavigationOM li a:hover{
    color:#BEA165;
}

#pageCompte .StickyNav #Int_MEnuOM,
#pageCompteIdentification .StickyNav #Int_MEnuOM,
#pageAccueil .StickyNav #Int_MEnuOM,
#pageEtape1 #Int_MEnuOM{
    display:none;
}