/******************************************************************************/
/*                              compChoixLangue                               */
/******************************************************************************/

.compChoixLangue {
	padding-top:17px;
	width:150px;
	float:right;
	border-left: 0px solid #555;
	height: 33px;
	padding-left: 0px;
	padding-right: 50px;
	width: 87px;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
	display:none;	
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants ul li {
    display: inline-block;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants {
	float:right;
	width: 72px;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueEn {
    background-image:none;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueFr {
    background-image:none;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
	text-align:right;
	margin-right:8px;
	height:15px;
}

a.current{
	color:#B9B9B9;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueFr.current {
    background-image: url("../image/icone_fr.jpg") !important;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueFr {
    background-image: url("../image/icone_frnb.jpg") !important;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueFr:hover {
    background-image: url("../image/icone_frh.jpg") !important;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueEn.current {
    background-image: url("../image/icone_en.jpg") !important;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueEn {
    background-image: url("../image/icone_ennb.jpg") !important;
}
.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langueEn:hover {
    background-image: url("../image/icone_enh.jpg") !important;
}



/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

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

    .compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue.hiddenFlag {
        left: -15px;
    }

    .selectLangue {
        float: right;
        height: 50px;
        width: 50px;
        padding: 17px 0 0 16px;
        background-color: transparent!important;
        border-left: 1px solid #D4D4D4;
        cursor: pointer;
        font-size: 12px;
        box-sizing: border-box;
        font-weight: bold;
    }

    .selectLangue:after {
        display: none;
    }

    .selectLangue .fa {
        font-size: 18px;
    }

    .compChoixLangue {
        height: 100%;
        width: 100%;
        position: absolute!important;
        left: 0;
        background: rgba(0,0,0,0.9);
        z-index: 99999;
        top: -1330px;
        -webkit-transition: 0.3s top;
        -o-transition: 0.3s top;
        transition: 0.3s top;
    }

    .show {
        top: 0!important;
    }

    #closeLangue {
        top: -1000px;
        position: relative;
    }

    #closeLangue:before {
        content: "\e60b";
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: -140px;
        right: 15px;
        color: #555 !important;
        height: 50px;
        display: block;
        z-index: 50000000000000000000;
        font-size: 30px;
    }

    #compChoixLangueContent1 .dataContentComposants ul li a.langue {
        position: absolute;
        top: 120px;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(2) a.langue {
        top: 120px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(3) a.langue {
        top: 240px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(4) a.langue {
        top: 360px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(5) a.langue {
        top: 480px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(6) a.langue {
        top: 600px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(7) a.langue {
        top: 720px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(8) a.langue {
        top: 840px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(9) a.langue {
        top: 960px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(10) a.langue {
        top: 1080px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(11) a.langue {
        top: 1200px;
        position: absolute;
    }

    #compChoixLangueContent1 .dataContentComposants ul li:nth-child(12) a.langue {
        top: 1320px;
        position: absolute;
    }

    #compChoixLangueHeader1 .dataContentComposants a.current:after {
        display: none;
    }

    .compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants,
    #compChoixLangueHeader1 .dataContentComposants a {
        width: 100%;
        line-height: 6.5rem;
    }

    .compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants {
        position: relative;
    }

    #compChoixLangueHeader1 {
        margin-top: 150px;
    }

    .compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue {
        text-align: center;
        font-size: 22px;
        height: 100px;
        padding: 10px;
        background-color: transparent;
        margin-bottom: 0px;
        z-index: 999!important;
        border-bottom: none;
        border-top: 1px solid #464646;
        background-size: 70px;
        background-position: center;
        border: none;
        box-sizing: initial!important;
        margin: 20px 0;
    }

}

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

    #compChoixLangueHeader1 {
        margin-top: 60px;
    }

}

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

    #compChoixLangueHeader1 {
        margin-top: 80px;
    }

}


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

    #closeLangue:before {
        top: -58px;
        right: 30px;
    }

}


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

    #closeLangue:before {
        top: -40px;
    }

}