/*HACK IE8 ONLY */
@media all\0 { 
        * { font-size:15px; } 
} 

body {
    font-family: 'DroidArabicKufiRegular';

}
a{transition: all 0.2s linear!important;-webkit-transition: all 0.2s linear!important;}
a:hover{text-decoration:none!important;}
.margin-top-0 {margin-top:0px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-35 {margin-top: 35px;}
.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-25 {margin-left: 25px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-35 {margin-left: 35px;}
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-25 {margin-right: 25px;}
.margin-right-30 {margin-right: 30px;}
.margin-right-35 {margin-right: 35px;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-35 {margin-bottom: 35px;}
.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-left-5{padding-left:5px;}
.padding-right-5{padding-right:5px;}
.no-margin{margin:0px!important;}
.no-padding{padding:0px!important;}
.hidden{display:none!important;}
.block{display:block!important;}
.inline{display:inline!important;}
.inline-block{display:inline-block!important;}
.text-gras{font-weight:bold!important;}
.text-normal{font-weight:normal!important;}
.text-italic{font-style:italic!important;}
.text-souligne{text-decoration:underline;}
.text-bleu{color:#009BD5!important;}
.text-ss-bleu{color:#02aeee!important;}
.merriwather{font-family: 'DroidArabicKufiRegular';}
.uppercase {text-transform: uppercase;}
.left{float:left;}
.right{float:right;}
.hidden-no-force{display:none;}
.visibility-hidden{visibility: hidden;}
.visibility-visible{visibility: visible}
/**background**/
.background-trait{
    background-color: #d8eefa;
    background-image: url(../images/traits_actus.png);
    background-repeat: repeat;
    background-position: center;
    background-size: auto 400px;
}
.background-bleu-clair{
    background:#e4f1fb;
}
.background-bleu{
    background:#d7eaf8;
}
.background-bleu-fonce{
    background: #009bd5;
}
.background-gris{
    background:#f0f0f0;
}
.background-formulaire{
    border:5px solid #CCC;
    padding-top:10px;
    padding-bottom:10px;
    background:#FAFAFA;
}
.background-formulaire-compte{
    border:1px solid #DDD;
    border-radius:4px;
    padding-top:10px;
    padding-bottom:10px;
    background:#FAFAFA;
}

/**TOOLTIP**/
.tooltip.top .tooltip-inner {
    background-color: #009BD5; color:white;font-size:15px;padding:5px;
}
.tooltip.top .tooltip-arrow {
      border-top-color: #009BD5;
}

.btn_savoir_plus{
    display: inline-block;
    color: #009bd5;
    font-weight:700;
    border: solid 2px #009bd5;
    padding: 5px 8px;
    border-radius:3px;
}

/**BANNIERE HEADER**/

div#banner-langues>nav>ul>li{
    display:inline-block;
}
div#banner-langues>nav>ul{
    margin-bottom:0px!important;
}
div#banner-langues>nav>ul>li>a{
    padding:0 2px;
}
div#banner-langues>nav>ul>li:after
{
  content: ' |';
  color:white;
}
div#banner-langues>nav>ul>li:last-child:after
{
  content: '';
}
div#banner-account>a, div#banner-langues>a{padding:0 5px;color:#6fcae9;text-decoration:none;}
div#banner-account>a:hover, div#banner-langues>a:hover {color:white;}
a.selected_mob{
    color: #009bd5;
    text-decoration: none;
}

a.not_selected_mob{
    color: white;
    text-decoration: none;
}

a.not_selected_mob:hover{
    color: #009bd5;
}

a.selected_mob:before{
    content: "";
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #009bd5;
    position: absolute;
}

#input-search-header {
    border: 2px solid #a0cfea;
    border-right: 0;
}

#input-search-btn   {
    background-color:#a0cfea;
    border-color:#a0cfea;
    background-image:none;
}

#btn-panier-header {
    background-color:#009BD5;
    background-image:none;
}
.navbar-default .navbar-nav > .active{
    color: #fff;
    background: #009bd5;
    font-weight:bold;
 }
 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus {
      color: #fff;
      background: #009bd5;
 }
.navbar-default .navbar-nav .open>a, .navbar-default .navbar-nav .open>a:focus, .navbar-default .navbar-nav .open>a:hover {
color: #fff;
background: #009bd5;
font-weight:bold;
}

@media (max-width:410px) {
    .none_screen {
    display: none;
    }
}

@media (min-width:411px) {
    .block_screen {
    display: block;
    }
}


@media (max-width:499px) {
    .btn-responsive {
        font-size: 90%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .btn-responsive {
    font-size: 95%
    }
}


@media screen and (max-width: 767px){
    div#banner-langues{
        background-color:#C4E5F8;
        height:30px;
        line-height:30px;
        padding:0 25px;
        text-align:center;
    }
    div#banner-account{
        background-color:#009bd5;
        height:32px;
        line-height:32px;
        padding:0 25px;
    }
    
}

@media (min-width:768px) and (max-width:991px) {
    .btn-responsive {
    font-size: 100%
    }
}



@media screen and (min-width: 768px){
    div#banner-header-bg{
        background-color:#009bd5;
        height:37px;
        line-height:37px;
    }
    #banner-langues{
        color:#6fcae9;
    }
    div#banner-langues>nav>ul>li:after
    {
      color:#6fcae9;
    }
    #banner-account{
        text-align:right;
    }
    a.selected_mob{
        color: white;
    }

    a.not_selected_mob{
        color:#6fcae9;
    }
    
    a.not_selected_mob:hover{
        color: white;
    }

    a.selected_mob:before{
        border-top: 7px solid white;
    }
}

/**MENU**/
.cbp-hrmenu {
    width: 100%;
    border-bottom: 2px solid #47a3da;
}

/* general ul style */
.cbp-hrmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    /* first level ul style   padding: 0 1.875em;*/
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
    width: 95%;
    max-width: 70em;
    margin: 0 auto;
}

.cbp-hrmenu > ul > li {
    display: inline-block;
}

.cbp-hrmenu > ul > li > a {
    padding: 1em 1.5em;
    font-size:104%;
    color: #666;
    display: inline-block;
}

.cbp-hrmenu > ul > li > a:hover {
    color: #47a3da;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    color: #fff;
    background: #47a3da;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    z-index:100;
    background: #47a3da;
    width: 100%;
    left: 0;
}

.cbp-hropen .cbp-hrsub {
    display: block;
    padding-bottom: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
    width: 33%;
    float: right;
    padding: 0 2em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
    content: " ";
    display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
    clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
    line-height: 2em;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

.cbp-hrsub .menu_titre_link {
    color: #afdefa!important;
    display:block;
    padding: 22px 0 0 0;
    font-size: 140%;
    font-weight: 300;
    background:none!important;
    line-height:normal!important;
    font-family: 'DroidArabicKufiRegular';
}

/* Examples for media queries */
@media screen and (max-width: 1100px) { 

    .cbp-hrmenu > ul > li > a {
        font-size: 100%;
        padding: 8px 25px;
    }

}


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

    .cbp-hrmenu > ul > li > a {
        font-size: 98%;
        padding: 8px 20px;
    }

}


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

    .cbp-hrmenu > ul > li > a { 
        font-size: 94%;
        padding: 8px 14px;
    }
    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 0 2em;
        font-size: 110%;
    }

}

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

    .cbp-hrmenu {
        font-size: 110%;
        border: none;
    }

    .cbp-hrmenu > ul > li > a { 
        font-size: 110%;
    }

    .cbp-hrmenu > ul,
    .cbp-hrmenu .cbp-hrsub-inner {
        width: 100%;
        padding: 0;
    }

    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 0 2em;
        font-size: 90%;
    }

    .cbp-hrmenu .cbp-hrsub-inner > div a{
        line-height:normal;
        display:inline-block;
        padding:5px 0;
    }

    .cbp-hrmenu > ul > li {
        display: block;
        border-bottom: 1px solid #47a3da;
    }

    .cbp-hrmenu > ul > li > a { 
        display: block;
    }

    .cbp-hrmenu .cbp-hrsub { 
        position: relative;
    }


    .cbp-hrmenu .cbp-hrsub-inner > div .menu_titre_link{
        padding:25px 0 0 0;
    }  
    .menu_none{
        display:none!important;
    }  

}

@media screen and (max-width: 36em) { 
    .cbp-hrmenu .cbp-hrsub-inner > div {
        width: 100%;
        float: none;
        padding: 0 2em;
    }
}


/**FOOTER**/
footer {
    padding: 10px 0 0;
    color: white;
    background: #434345;
    border-top: 2px solid #323234;
}
footer #footerRights {
    background: #2b2b2d;
    border-top: 1px solid #1b1b1b;
}
footer img#footerLogo {
    margin-bottom: 22px;
}
footer .footerWidget {
    margin: 20px 0 25px 15px;
}
footer .footerWidget>ul {
    list-style:none;
    margin-top:10px;
    margin-left:0px;
    padding-left:8px;
}
footer .footerWidget>ul>li {
    padding:5px 0 5px 0;
    color:#aaa;
    font-size:15px;
}
footer .footerWidget a {
    color:#aaa;
}
footer .footerWidget a:hover {
    color:#009BD5;
}
footer div.footerWidget>span.titre_bloc_footer:first-child {
    font-size: 18px;
    margin: 0 0 0px 5px;
    display: block;
}
footer div.footerWidget>span.footer-separateur {
    height:2px;
    width:30px;
    margin-left:5px;
    border-radius:5px;
    background-color:white;

}
footer div#footer-societe {
    margin:15px 0 0 0;
    max-width:290px!important;

}
footer  #footer_lien_rs{
    text-align:right;
    margin-top:15px;
    height:48px;
}
@media screen and (max-width: 767px){
    footer  #footer_lien_rs{
    text-align:left;
    }  
}

footer #footer_lien_rs>a{
    margin:0 15px;
}
footer #footer_lien_rs>a>img{
    width:30px;
}
footer #footerRights div#footer_copyright{
    color:#aaa;
    font-size:13px;
    margin-top:20px;
    height:48px;
}
footer #footerRights div#footer_paiement{
    height:48px;
}
footer #footerRights div#footer_paiement span{
    font-weight:700;
    margin-top:20px;
    display:inline-block;
}
footer #footerRights div#footer_paiement img{
    margin-top:15px;
    margin-bottom:5px;
}
@media screen and (max-width: 991px){
    footer #footerRights div#footer_paiement img{
    margin-top:8px;
    }
}
footer .adresse_footer span{margin-bottom:8px;color:#aaa;}
footer .adresse_footer>span:first-child{font-size:21px;color:white;}

/* CHEMIN */
.breadcrumb{
    background:none;
}
section.background_gris{
        background:#f1f1f1;
    }
@media (max-width:767px) {
 section.background_gris{
       margin-top:0px;
    }
}
section.chemin ul,section.chemin .breadcrumb{
        margin-bottom:0!important;
    }
/*FORM ACCOUNT MODELE*/
.account-form h2{
    font-size:1.4em;
    font-weight:700;
    margin:12px 0;
}
.account-form hr{
    margin:15px 0;
}
@media screen and (min-width: 768px){
    div.account-min{
        min-height:400px;
    }
}
.btn_connexion_max_width{
    display:block;
    max-width:250px;
    margin:0 auto;
}
/* ENGAGEMENTS */
section h2, section h3{
    font-family: 'DroidArabicKufiRegular';
    font-size:2em;  
}
div.engagement>a{
    display:block;
    height:80px;
}
div.engagement>a>img{
    position:absolute;
    top:10%;
    left:5px;
}
div.engagement>a>p{
    position:absolute;
    top:30%;
    left:70px;
    font-weight:700;
    color:#555;
    font-size:13px;
}
div.engagement>a>p>span{
    font-weight:400;
    color:#555;
    font-size:12px;

}

@media screen and (max-width: 767px){
    div.engagement>a{text-align:center;height:90px;margin-bottom:10px;}
    div.engagement>a>img{
    position:relative;
    top:10%;
    }
    div.engagement>a>p{
    position: absolute;
    top: 75%;
    display: block;
    text-align: center;
    font-weight: 700;
    color: #555;
    font-size: 13px;
    width: 100%;
    left: 0;
    }
    div.engagement>a>p>span{
    font-weight:400;
    color:#555;
    font-size:12px;
    }
}
/*MODAL*/
.modal-title{
    font-size:20px;
    font-family: 'DroidArabicKufiRegular';
}


/*TO-TOP*/
.to-top{
    font-size:20px;
    background:#555; 
    padding:6px 18px;
    border-radius:5px;
    color:white;
    font-weight:bold;
}

a.to-top:hover{
    color:#EEEEEE;
}
/*SURCHARGE*/
.fancybox-bg{
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f2f2 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 );
}

/*recaptcha*/
.grecaptcha-badge{
    z-index:100;
}

#date_limite{
    line-height: normal;
}