@font-face {

    font-family: "Helvetica Neue";

    src: url('fonts/376953126-Helvetica.eot');

    src: url('fonts/376953126-Helvetica.eot?#iefix') format('embedded-opentype'),

        url('fonts/376953126-Helvetica.svg#Helvetica Neue') format('svg'),

        url('fonts/376953126-Helvetica.woff') format('woff'),

        url('fonts/376953126-Helvetica.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "Helvetica CE 55 Roman";

    src: url('fonts/709899903-Helvetica-Neue-CE-75-Bold.eot');

    src: url('fonts/709899903-Helvetica-Neue-CE-75-Bold.eot?#iefix') format('embedded-opentype'),

        url('fonts/709899903-Helvetica-Neue-CE-75-Bold.svg#Helvetica CE 55 Roman') format('svg'),

        url('fonts/709899903-Helvetica-Neue-CE-75-Bold.woff') format('woff'),

        url('fonts/709899903-Helvetica-Neue-CE-75-Bold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "Helvetica CE 35 Thin";

    src: url('fonts/28656006-Helvetica-Neue-CE-35-Thin.eot');

    src: url('fonts/28656006-Helvetica-Neue-CE-35-Thin.eot?#iefix') format('embedded-opentype'),

        url('fonts/28656006-Helvetica-Neue-CE-35-Thin.svg#Helvetica CE 35 Thin') format('svg'),

        url('fonts/28656006-Helvetica-Neue-CE-35-Thin.woff') format('woff'),

        url('fonts/28656006-Helvetica-Neue-CE-35-Thin.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



*, img{

    padding: 0;

    margin: 0;

}



html {

    background-size: cover;

    background-image: url("../img/fond.png");

    background-repeat: no-repeat;

    background-position: top left;

    font-family: "Helvetica Neue";

    min-height: 100%;

    height: auto;

}



body{

    width: 100%;

    height: auto;

    background: none

}



img{

    padding: 0;

    margin: 0;

    max-width: 100%;

    border: none;

}



a, img, a:hover{

    text-decoration: none !important;

    outline: none;

    display: inline-block;

}



.clear{

    clear: both;

}

input, select{border: 0}

#main-container{

    /* width: 1309px;*/

    /*max-width: 100%;*/

    /*margin: 5% auto 0;*/	margin: auto;

}



#main-content {

    display: inline-block;

    /*background-color: white;*/

}



#description {

    margin-bottom: 15px;

    margin-top: -7px;

}



#main-content h1 {

    color: #004a92;

    font-size:1.5em;

}



.t-content {

    background: #fff;

    overflow: auto;

    position: relative;

    padding: 20px 40px 20px 40px;

    min-height: 550px;

}



.tab-content h2 {

    text-decoration: uppercase;

    color: #1f9ad5;

}



#tab-content ul > li {

    margin-left: 20px;

}



#cover {

    display: block;

    width: 100%;

    //min-height: 220px;

}



#search-container{

    width: 100%;

    max-width: 100%;

    height: 40px;

}



input[type="text"].search{

    width: 324px;

    max-width: 100%;

    height: 40px;

    padding-left: 50px;

    line-height: 17px;

    font-size: 15px;

    border: none;

    background: url("../img/recherche.png");

    background-repeat: no-repeat;

}



.span125{



}



.span1{

    /* width: 187px;

     height: 187px;*/



}



.span2{

    /* width: 374px;

     height: 187px;*/



}



.span21{

    // width: 374px;

}



.span21125{

    // width: 250px;

}



.span3{

    /* width: 561px;

     height: 374px;*/



}



.span31{

    //  width: 561px;

}



.span1, .span2, .span21, .span3, .span31, .span125, .span21125{

    max-width: 100%;

    max-height: 100%;

    float: left;

}



.span22{

    /*   width: 374px;

       max-width: 100%;*/

    float: right;

}



.particuliers{

    background: url("../img/particuliers.png");

    background-size: 100%;

}



.entreprises{

    background: url("../img/entreprises.png");

    background-size: 100%;

}



.jeunes{

    background: url("../img/jeunes.png");

    background-size: 100%;

}



.professionnels{

    background: url("../img/professionnels.png");

    background-size: 100%;

}



.tunisiens{

    background: url("../img/tunisiens.png");

    background-size: 100%;

}



.stb{

    background: url("../img/stb.png");

    background-size: 100%;

}



.agences{

    background: url("../img/agences.png");

    background-size: 100%;

}



.agences125{

    background: url("../img/agences.png");

    background-size: 100%;

}



.services{

    background: url("../img/services.png");

    background-size: 100%;

}



.services125{

    background: url("../img/services.png");

    background-size: 100%;

}



.bourse{

    background: url("../img/bourse.png");

    background-size: 100%;

}



.bourse125{

    background: url("../img/bourse.png");

    background-size: 100%;

}



.formulaires{

    background: url("../img/formulaires.png");

    background-size: 100%;

}



.formulaires125{

    background: url("../img/formulaires.png");

    background-size: 100%;

}



a.overlay{

    /*  width: 187px;

      height: 187px;*/

    max-width: 100%;

    max-height: 100%;

    display: block;

}



a.overlay125{

    /* width: 125px;

     height: 125px;*/

    max-width: 100%;

    max-height: 100%;

    display: block;

}



/*a.overlay:hover{

        background: url("../img/overlay.png");

}*/



.login-container{

    width: 360px;

    height: 173px;

    max-width: 100%;

    max-height: 100%;

    border: 2px solid #f7fbfe;

    float: left;

    margin: 5px;

    border-radius: 5px;

}



.login-container2{

    width: 248px;

    max-width: 100%;

    max-height: 100%;

    border-right: 2px solid #f7fbfe;

    border-bottom: 2px solid #f7fbfe;

    margin: 0;

    padding-bottom: 10px;

    background-color: #183E79;

    opacity: 0.4;

}



.white{

    color: #fff;

}



.right{

    text-align: right;

}



.front-content{

    /*padding: 5px 15px;*/

    padding: 15px;

    display: block;

}



.heading{

    font-size: 27px;

    /*font-family: 'Helvetica CE 55 Roman';*/

    font-family: 'Helvetica Neue';

    font-weight: bold;

}



.login-table{

    font-family: 'Trebuchet MS';

    color: #fff;

    width: 80%;

    margin: 20px auto 0;

}



.login-table2{

    font-family: 'Trebuchet MS';

    color: #fff;

    width: 92%;

    margin: 0 auto;

    padding-top: 15px;

}



.login-table td, .login-table2 td{

    width: 100%;

}



.login-input{

    border: none;

    background: #fff;

    width: 96%;

    padding: 2%;

}



.actu{

    color:#C4DAF0;/*#75809e;/

    text-transform:uppercase;

    font-size:43px;

    font-family:'Helvetica CE 35 Thin';

}



.actu2{

    color:#fff;

    font-weight: bold;

    /*text-shadow: 0.1em 0.1em 0.05em #333;*/

    text-transform:uppercase;

    font-size:40px;

    font-family:'Helvetica CE 35 Thin';

}



.login-submit{

    background: url("../img/valider_off.png");

    width: 92px;

    height: 29px;

    border: none;

    padding: 0;

    margin: 0;

}



.login-submit:hover{

    background: url("../img/valider_on.png");

    cursor: pointer;

}



td.submit{

    text-align: right;

}



.fancybox-wrap{

    border-bottom: 10px solid #fff;

}



#modal_menu, .modal_menu {

    width: 1100px;

    max-width: 100%;

    display: none;

}



#menu-container-particulier {

    background: url("../img/bg-menu.png");

      background-size: 100% 100%;

}

#menu-container-entreprise {

    background: url("../img/bg-menu-entreprise.png");

      background-size: 100% 100%;

}

#menu-container-professionnel {

    background: url("../img/bg-menu-professionnel.png");

      background-size: 100% 100%;

}

#menu-container-jeune {

    background: url("../img/bg-menu-jeune.png");

      background-size: 100% 100%;

}

#menu-container-etranger {

    background: url("../img/bg-menu-etranger.png");

      background-size: 100% 100%;

}

#menu-container-site {

    background: url("../img/bg-menu-site.png");

      background-size: 100% 100%;

}



.menu-container {

    width: 1100px;

    height: 612px;

    max-width: 100%;

    max-height: 100%;

}



.new_close{

    float: right;

    bottom: 0;

    position: absolute;

}





img.cover {

    padding: 0;

    margin: 0;

    display: block;

}



ul.menu_list {

    width: 100%;

    text-align: left;

    display: inline-block;

    margin: 381px 0 0 0;

    padding: 0;

    list-style: none;

    background: #0d4d95;

}

ul.menu_list li {

    font: normal 14px "Helvetica Neue";

    display: inline-block;

    margin-right: -4px;

    position: relative;

    padding: 6px 25px;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    text-transform: uppercase;

}

ul.menu_list li:hover {

    color: #0097f9;

}

ul.menu_list li a {

    color: #fff;

    text-decoration: none;

}

ul.menu_list li a:hover{

    color: #0097f9;

}

ul.menu_list ul li a:hover{

    font-weight: bold;

    color: #fff;

}

ul.menu_list li ul {

    padding: 0;

    position: absolute;

    top: 29px;

    left: 0;

    width: 350px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    display: none;

    opacity: 0;

    visibility: hidden;

    -webkit-transiton: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    -ms-transition: opacity 0.3s;

    -o-transition: opacity 0.3s;

    -transition: opacity 0.3s;

}

ul.menu_list li ul li {

    background: #436288;

    -moz-opacity:0.6;

    opacity: 0.6;

    filter:alpha(opacity=60);

    display: block;

    color: #fff;

}

ul.menu_list li ul li.first {

    height: 21px;

}



ul.menu_list li ul li:hover {

    /*background: #666;*/

}

ul.menu_list li:hover ul {

    display: block;

    opacity: 1;

    visibility: visible;

}



.menu-grid td {

    vertical-align: top;

}



.menu-grid table {

    /*background: #436288;

    -moz-opacity:0.4;

    opacity: 0.4;

    filter:alpha(opacity=40);*/

    background: rgb(67, 98, 136);

    background: rgba(67, 98, 136, 0.4);

    color: #fff;

    width: 100%;

    height: 500px;

}



.menu-grid table th {

    font-size: 17px;

}



.menu-grid table td {

    padding: 2px 4px;

}



.menu-grid table td a {

    color: #fff;

    text-transform: none;

    font-size: 15px;

}



.menu-grid table td a:hover {

    color: #000;

    text-decoration: underline;

}







/******************* PAGE DETAILS ***********************/



#main-container2{

    /* width: 1309px;*/

    max-width: 100%;

    margin: 0 auto;

    position: relative;

}



#content{

    /*  width: 1059px;*/

    float:left;

    /* background: #fff; */

}



#sidebar{



    float:left;

}



#detail-header{

    background-color: #95bceb;

    background: -webkit-gradient(linear, left center, right center, from(#171d3d), to(#95bceb));

    background: -moz-linear-gradient(left, #171d3d 0%, #95bceb 100%);

    height: 60px/*44px*/;



    border-bottom: 1px solid #fff;

    box-shadow: 0 4px 8px 3px #303030;

    margin: 0 auto;

    position: relative;

}



#centered-header{



    margin: 0 auto;

    padding-top: 7px;

}



.logo2{

    margin: -2px 0 0 0;

    float:left;
	width: 100%

}



input[type="text"].search2{

    width: 355px;

    // max-width: 100%;

    height: 45px;

    padding: 0 0 0 50px;

    line-height: 45px;

    font-size: 18px;

    border: none;

    background: url("../img/recherche2.png");

    background-size: auto 100%;

    background-repeat: no-repeat;

    margin: 2px 0 0 0;

    color: #FFF;



    /* BARRE DE RECHERCHE SUPPRIMER */

    display: none;

}



.menu-items{

    float: left;

    max-width: 100%;

}



ul.detail-menu {

    width: 100%;

    height: 44px;

    text-align: left;

    display: inline-block;

    padding: 0;

    list-style: none;

    background: none;

}

ul.detail-menu li {

    font: normal 14px "Helvetica Neue";

    display: inline-block;

    margin: 0;

    position: relative;

    padding: 13px 0;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    text-transform: uppercase;

    text-align: center;

    width: 120px;

}

ul.detail-menu li.blue-hover, ul.detail-menu li.blue-active {

    background-image: url("../img/bg_blue.png");

    background-repeat: repeat-x;

}

ul.detail-menu li.green-hover, ul.detail-menu li.green-active {

    background-image: url("../img/bg_green.png");

    background-repeat: repeat-x;

}

ul.detail-menu li.gray-hover, ul.detail-menu li.gray-active {

    background-image: url("../img/bg_gray.png");

    background-repeat: repeat-x;

}

ul.detail-menu li.orange-hover, ul.detail-menu li.orange-active {

    background-image: url("../img/bg_orange.png");

    background-repeat: repeat-x;

}

ul.detail-menu li.purple-hover, ul.detail-menu li.purple-active {

    background-image: url("../img/bg_purple.png");

    background-repeat: repeat-x;

}

ul.detail-menu li:hover {

    color: #0097f9;

}

ul.detail-menu li a {

    color: #fff;

    text-decoration: none;

    letter-spacing: 1px;

}



ul.sub-menu {

    /*width: 835px;*/

    max-width: 100%;

    text-align: left;

    display: inline-block;

    // margin: 0 0 0 20px;

    padding: 0;

    list-style: none;

    background: none;

    position: relative;

    text-align: left;

    margin-left: 13px;

}

ul.sub-menu li {

    font: normal 12px "Helvetica";

    display: block;

    margin: 0;

    position: relative;

    padding: 8px 10px;

    color: #fff;

    cursor: pointer;

    -webkit-transition: background-image 0.3s;

    -moz-transition: background-image 0.3s;

    -ms-transition: background-image 0.3s;

    -o-transition: background-image 0.3s;

    transition: background-image 0.3s;

    text-transform: capitalize;

}

ul.sub-menu li.white:hover {

    background-image: url("../img/bg_white.png");

    background-position: bottom;

    background-repeat: repeat-x;

}

ul.sub-menu li:hover {

    color: #0097f9;

}

ul.sub-menu li a {

    color: #fff;

    opacity: 1;

    text-decoration: none;

    letter-spacing: 1px;

}



.mi{

    position: absolute;

    display: none;

    z-index: 999999;

    min-width: 225px;

    transition-duration: .3s;

    -webkit-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    //opacity: 0;

} 



.mi_sub{

    position: absolute;

    /*-moz-opacity: 0.7;

    -khtml-opacity: 0.7;

    opacity: 0.7;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

    filter:alpha(opacity=70);*/

    top: 0;

    bottom: 0;

    left: 0;

    /*width: 1074px;*/

    width: 250px;

}



#sub-menu-blue {

    background: #318dcd;

    width: 233px;



    /*background: -moz-linear-gradient(left, #4ba9e8 0%, #0978c3 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4ba9e8), color-stop(100%,#0978c3));

    background: -webkit-linear-gradient(left,  #4ba9e8 0%,#0978c3 100%);

    background: -o-linear-gradient(left,  #4ba9e8 0%,#0978c3 100%);

    background: -ms-linear-gradient(left,  #4ba9e8 0%,#0978c3 100%);

    background: linear-gradient(to right,  #4ba9e8 0%,#0978c3 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba9e8', endColorstr='#0978c3',GradientType=1 );*/

}



#sub-menu-green {

    background: #79b017;

    left: 712px;

    width: 239px;

}

#sub-menu-gray {

    background: #666666;

    left: 422px;

    width: 316px;

}

#sub-menu-orange {

    background: #e37409;

    left: 595px;

    width: 215px;

}

.mi-or{

    position: absolute;

    display: block;

}



.mi-or{

    position: absolute;

    display: block;

}

#sub-menu-purple {

    background: #a843c8;

    margin-left: 293px;

    width: 290px;

}



ul.secondary{

    list-style:none;

    position: relative;

    /*margin-top: -4px;*/

    -webkit-box-shadow: 9px 9px 24px 0px rgba(48, 50, 50, 0.51);

    -moz-box-shadow:    9px 9px 24px 0px rgba(48, 50, 50, 0.51);

    box-shadow: 5px 0px 10px 0px rgba(48, 50, 50, 0.51);

    z-index: 10;

    display: inline-block;

}



ul.secondary li{

    padding: 10px 25px;

    background: #f0f0f0;

    border-bottom: 1px solid #fff;

    transition-duration: 0.3s;

}

ul.secondary li a{

    color: #595959;

    text-transform: capitalize;

    font-size: 14px;

}





ul.secondary li.active a, ul.secondary li:hover a, ul.secondary li:hover{

    color: #fff;

}



#text-content{

    width: 739px;

    margin: 16px 10px 20px 300px;

    padding-right: 10px;

    overflow: auto;

}





#text-content p{

    color: #7f7f7f;

    font-size: 15px;

}



#news{}



table.news-table{

    background: rgba(209, 228, 246, 0.79);

}



table.news-table, table.news-table tr, table.news-table td{

    margin: 2px 0px;

    /* margin: 0; */

    //border-bottom:solid 2px rgba(209, 228, 246, 0.29);

}



.news-table td.date{



}



.article-date{

    width: 55px;

    height: 55px;

    max-width: 100%;

    max-height: 100%;

    background: #45a6d2;

    margin: 0 auto;

    text-align: center;

    color: #fff;

    padding-top: 8px;

    font-size: 14px;

    font-weight: bold;

}



#main-content {

    color: #000;



}



.tab-content li {

    margin-top: 9px;

}





.news-table td.content{

    padding-left: 5px;

    width: 100%;

    white-space: nowrap;

    padding: 11px 5px;

}



.news-table td span.title a{

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 0.5px;

    color: #45a6d2;

    display: block;

}



.news-table td span.title a:hover{

    text-decoration: underline;

}



.news-table td span.abb{

    font-size: 11px;

    letter-spacing: 0.5px;

    color: #fff;

    display: block;

}



#footer{

    position: relative;

    margin-top: 10px;

    bottom: 0;

    width: 100%;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    -webkit-transform: translate(0);

    -webkit-transition: -webkit-transform 300ms ease-out;

    -webkit-transition-duration: 300ms;

    -moz-transition: -moz-transform 300ms ease-out;

    // -moz-transition-duration: 300ms;



    -ms-transition: transform 300ms ease-out;

    // -ms-transition-duration: 300ms;



    -o-transition: transform 300ms ease-out;

    // -o-transition-duration: 300ms;



    transition: transform 300ms ease-out;

    //  transition-duration: 300ms;



    background: #313249;

    background: -moz-linear-gradient(left, #313249 0%, #8cadd6 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#313249), color-stop(100%,#8cadd6));

    background: -webkit-linear-gradient(left,  #313249 0%,#8cadd6 100%);

    background: -o-linear-gradient(left,  #313249 0%,#8cadd6 100%);

    background: -ms-linear-gradient(left,  #313249 0%,#8cadd6 100%);

    background: linear-gradient(to right,  #313249 0%,#8cadd6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313249', endColorstr='#8cadd6',GradientType=1 );

}



#footer-inner{

    margin: 12px auto;

}



#footer-left{

    float: left;

}



#footer-right{

    float: left;



}



table.footer-links td{

    vertical-align: top;

    padding: 10px 7px 10px 7px

}



#footer-right img, .copy{

    position: relative;

    bottom: 3px;

}

table.footer-links a{

    color: #fff;

}

table.footer-links a:hover{

    text-decoration: underline;

}











/********** CUSTOM STYLES ****************/





.jump .tab-content p, .jump .tab-content ul li {

    line-height: 25px;

}



.mosaic-tile {

    width: 48%;

    float: left;

    margin: 0 0 2% 2%;

    border-bottom: 1px dotted #e0e0e0;

    padding-bottom: 2%;

    //  height: 145px;

}



.mosaic-tile a.mosaic-title {

    text-shadow: none;

    font-family: 'Arial';

    display: block;

    margin-bottom: 5px;

    font-size: 13px;

    font-weight: bold;

}



.mosaic-tile a.mosaic-preview {

    color: #000;

    font-size: 13px;

}



.mosaic-tile a.mosaic-preview img {

    display: block;

    margin: 10px 0;
	width: 100%
}



.mosaic-tile a.mosaic-title:hover, .mosaic-tile a.mosaic-preview:hover {

    text-decoration: underline;

}



.t-content table#rapport-activite {

    width: 100%;

}



.t-content table#rapport-activite td {

    padding: 5px;

    border-bottom: 1px solid #e0e0e0;

}



select.agence-gab {

    padding: 10px;

    margin: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;

    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;

    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;

    background: #f8f8f8;

    color:#888;

    border:none;

    outline:none;

    display: inline-block;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    cursor:pointer;

    width: 49%;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    select.agence-gab {padding-right:18px}

}



label.agence-gab-label {position:relative}

label.agence-gab-label:after {

    content:'<>';

    font:11px "Consolas", monospace;

    color:#aaa;

    -webkit-transform:rotate(90deg);

    -moz-transform:rotate(90deg);

    -ms-transform:rotate(90deg);

    transform:rotate(90deg);

    right:8px; top:2px;

    padding:0 0 2px;

    border-bottom:1px solid #ddd;

    position:absolute;

    pointer-events:none;

}

label.agence-gab-label:before {

    content:'';

    right:6px; top:0px;

    width:20px; height:20px;

    background:#f8f8f8;

    position:absolute;

    pointer-events:none;

    display:block;

}



a.redirect-to-map {

    background: #0097f9;

    color: #fff;

    padding: 5px;

    display: block;

    border-radius: 5px;

    margin-top: 5px;

    text-align: center;

}



a.redirect-to-map:hover {

    text-decoration: underline;

}



a.article-link {

    color: #fff;

}



a.article-link:hover {

    text-decoration: underline;

    cursor: pointer;

}



#pre-menu h1 {

    font-family: 'Arial';

}



#pre-menu {

    position: absolute;

    top: -5px;

    color: white;

    font-size: 0.8em;

    display: inline-block;

    left: 24px;

    padding-right: 24px;

}





























.simulation {

    float: left;

    display: block;

    padding: 10px 0;

}



.simulation-right {

    float: right;

    display: block;

    padding: 10px 20px 10px 0;

}



#blue-slider {width: 276px; margin: 1px 0 0 30px;}

#blue-slider .ui-slider-range {background: #729fcf;}

#blue-slider .ui-slider-handle {border-color: #729fcf;}



#blue-slider2 {width: 276px; margin: 1px 0 0 30px;}

#blue-slider2 .ui-slider-range {background: #729fcf;}

#blue-slider2 .ui-slider-handle {border-color: #729fcf;}



.sim-label {

    display: inline-block;

    width: 230px;

    font-size: 15px;

    color: #000;

}



.sim-label2 {

    display: inline-block;

    width: 400px;

    font-size: 18px;

    color: #1196d9;

    text-align: right;

    padding-right: 10px;

    font-weight: bold;

}



#type-credit, #type-placement, #select-compte, #select-bon, #select-certificat {

    width: 473px;

    font-size: 18px;

    font-weight: normal;

    padding: 8px 4px;

    background: #e6e6e6;

}



#montant-credit, #nb-mois, #montant-placement {

    width: 150px;

    font-size: 18px;

    font-weight: normal;

    padding: 8px 5px;

    background: #e6e6e6;

    color: #000;

}



#mensualite-credit, #interet-placement {

    width: 220px;

    font-size: 18px;

    font-weight: normal;

    padding: 8px 5px;

    background: #004a96;

    color: #fff;

    text-align: right;

}



#blue-slider .ui-slider-handle, #blue-slider2 .ui-slider-handle {

    background: #1196d9;

    border-color: #1196d9;

    border-radius: 50%;

    width: 20px;

    height: 20px;

}



.cours-de-change {

    width: 100%;

    border-collapse: collapse;

}



.cours-de-change th, .cours-de-change td {

    text-align: center;

    padding: 5px;

    border-bottom: solid 1px #e0e0e0;

}



td.code-change {

    color: #1196d9;

}



td.vente-change {

    color: green;

}



td.achat-change {

    color: #ff0000;

}



td.date-change {

    color: #000;

}



.converter {

    width: 100%;

    border-collapse: collapse;

}



.converter td {

    padding: 5px 0;

}



.converter td.label-start {

    width: 46%;

    font-weight: bold;

    color: #000;

    font-size: 20px;

}



.converter select {

    /*  width: 100%;

      font-size: 18px;

      font-weight: normal;

      padding: 8px 5px;

      background: #e6e6e6;

      color: #000;*/

    color: #262E5F;

    width: 100%;

    font-size: 18px;

    font-weight: normal;

    padding: 8px 10px;

    background: #e6e6e6;

    display: block;

    margin-bottom: 20px;

    border: #e6e6e6;

    border-radius: 4px;

}



.converter input {

    width: 97%;

    font-size: 22px;

    font-weight: normal;

    background: #fff;

    color: #ff9000;

    padding: 4px 10px;

    border-radius: 4px;

    border: solid 1px #99BCDF;

}



.converter td.amount-label {

    color: #555;

    font-family: 'Arial';

    font-size: 12px;

    font-weight: bold;

}



a.article-link span.heading {

    font-size: 20px;

    font-weight: normal

}

a.article-link span.artcont {

    font-size: 13px;

}



.actu-container {

    display: block;

    width: 100%;

    padding: 20px 0 0;

    border-bottom: 5px solid #e0e0e0;

}



.actu-title, .actu-content {

    display: block;

}



.actu-image, .actu-text {

    float: left;

}



.actu-image {

    width: 30%;

    max-width: 100%;

    margin-top: 25px;

}



.actu-text {

    width: 66%;

    padding: 0 2%;

}



#main-content .actu-text p {

    font-size: 13px;

    padding-top: 10px;

}



.actu-container .actu-text .actu-title h3 {

    color: #004a96;

}



.actu-readmore {

    width: 30px;

    height: 30px;

    background: #00a1e6;

    color: #fff;

    font-size: 25px;

    text-align: center;

    float: right;

    margin-top: 20px;

    vertical-align: middle;

    line-height: 26px;

}



a.full-link {

    color: #fff;

}



.mi ul li {

    z-index: 9999999999999999999999999999999999999999;

}





#main-content .t-content h1.contact-title {

    margin-bottom: 30px;

}



.contact-label {

    font-size: 15px;

    color: #000;

    display: block;

    margin-bottom: 10px;

}



.contact-label span {

    color: #ff0000;

}



.contact-input {

    width: 100%;

    font-size: 18px;

    font-weight: normal;

    padding: 8px 10px;

    background: #e6e6e6;

    display: block;

    margin-bottom: 20px;

    border: #e6e6e6;

    border-radius: 4px;

}



.height100 {

    height: 100px;

}



.submit-message {

    height: 37px;

    padding: 8px 15px;

    background: #45a6d2;

    color: #fff;

    border: none;

    font-size: 15px;

    letter-spacing: 1px;

}

/**** LAMIA ADDS ****/

.logohome{

    width: 100%;

    padding-top: 70px;

    text-align: center

}

.actu2 {

    color: #fff;

    font-weight: bold;

    /* text-shadow: 0.1em 0.1em 0.05em #333; */

    text-transform: uppercase;

    font-size: 28px;

    font-family: 'Helvetica CE 35 Thin';

    padding: 0 10px;

}

img.logo2sidebar {

    width: 197px;

    margin-top: 3px;

}

/***** SIDE MENU *******/

.logosidebar {

    width: 100%;

    min-width: 320px;

    text-align: center;

    margin-top: 0;

    padding-top: 10px;

    padding-bottom: 13px;

    margin-bottom: -70px;

    -webkit-transform: translate(0);

    -webkit-transition: all 300ms ease-out;

    -webkit-transition-duration: 300ms;

    -moz-transition: all 300ms ease-out;

    transition: all 300ms ease-out;

}

.nav .open > a, 

.nav .open > a:hover, 

.nav .open > a:focus {background-color: transparent;}



/*-------------------------------*/

/*           Wrappers            */

/*-------------------------------*/



#wrapper {

    padding-left: 0;

    /*

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;*/

    /*

    

        -webkit-transition: -webkit-transform 300ms ease-out;

        -webkit-transition-duration: 300ms;

        -moz-transition: -moz-transform 300ms ease-out;

        transition: transform 300ms ease-out;*/

    /*

        -webkit-transition-duration: 800ms;

        -moz-transition-duration: 800ms;

        -o-transition-duration: 800ms;

        -ms-transition-duration: 800ms;

        transition-duration: 800ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}



#wrapper.toggled {

    //  position: fixed;

    /* TEST */

  /*  transition: transform 300ms ease-out 0s;

    transform: translate(220px);*/

    //padding-left: 220px;

    -webkit-animation-duration: 0.3s;

    -moz-animation-duration: 0.3s;

    -ms-animation-duration: 0.3s;

    -o-animation-duration: 0.3s;

    animation-duration: 0.3s;

}

#wrapper.toggled > .logosidebar {

    -webkit-transform: translate(220px);

    -moz-transform: translate(220px);

    -o-transform: translate(220px);

    -ms-transform: translate(220px);

    transform: translate(220px);

}



#sidebar-wrapper {

    z-index: 1000;

    /*left: 220px;

    transform: translate(220px);*/





    -webkit-transform: translate(-220px);

    -moz-transform: translate(-220px);

    -ms-transform: translate(-220px);

    -o-transform: translate(-220px);

    transform: translate(-220px);

    /*-webkit-transition-duration: .4s;*/



    -webkit-transition: -webkit-transform 300ms ease-out;

    -webkit-transition-duration: 300ms;

    -moz-transition: -moz-transform 300ms ease-out;

    -ms-transition: -moz-transform 300ms ease-out;

    -o-transition: -moz-transform 300ms ease-out;

    transition: transform 300ms ease-out;





    /*  -moz-transition-duration: 300ms;

      -ms-transition-duration: 300ms;

      -o-transition-duration: 300ms;

      transition-duration: 300ms;*/

    width: 220px;

    height: 100%;

    // left: -220px;

    overflow-y: auto;

    overflow-x: hidden; 



    background:#E3EBF2; /*#141934;*/



    -webkit-perspective: 1000;

    -moz-perspective: 1000;

    -ms-perspective: 1000;

    -o-perspective: 1000;



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}





#sidebar-wrapper::-webkit-scrollbar {

    display: none;

}



#wrapper.toggled #sidebar-wrapper {

    -webkit-transform: translate(0px);

    -moz-transform: translate(0px);

    -o-transform: translate(0px);

    -ms-transform: translate(0px);

    transform: translate(0px);

    /*

        -webkit-transform: translate3d(0,0,0);

        -moz-transform: translate3d(0,0,0);

        -ms-transform: translate3d(0,0,0);

        -o-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);*/



    box-shadow: 0 4px 8px 3px #303030;



    /* transform: translate3d(0,0px,0px)!important;

     -webkit-transform: translate3d(0,0px,0px)!important;*/

}



#page-content-wrapper {

    width: 100%;

    padding-top: 70px;

    -webkit-transform: translate(0);

    -webkit-transition: -webkit-transform 300ms ease-out;

    -webkit-transition-duration: 300ms;

    -moz-transition: -moz-transform 300ms ease-out;

    // -moz-transition-duration: 300ms;



    -ms-transition: transform 300ms ease-out;

    // -ms-transition-duration: 300ms;



    -o-transition: transform 300ms ease-out;

    // -o-transition-duration: 300ms;



    transition: transform 300ms ease-out;

    // transition-duration: 300ms;



}



#wrapper.toggled #page-content-wrapper {

    //position: absolute;

    position: relative;

    -webkit-transform: translate(220px);

    -moz-transform: translate(220px);

    -ms-transform: translate(220px);

    -o-transform: translate(220px);

    transform: translate(220px);

}

#wrapper.toggled .fixed{

   // position: fixed;

}

/*-------------------------------*/

/*     Sidebar nav styles        */

/*-------------------------------*/



.sidebar-nav {

    position: absolute;

    top: 0;

    width: 220px;

    margin: 0;

    padding: 0;

    list-style: none;

}



.sidebar-nav li {

    position: relative; 

    line-height: 20px;

    display: inline-block;

    width: 100%;

    //    border-bottom: solid 1px #1F2546

}

.dropdown-menu li{

    border :none;

}

.sidebar-nav li:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    height: 100%;

    width: 3px;

    background-color: #1c1c1c;

    -webkit-transition: width .3s ease-in;

    -moz-transition:  width .3s ease-in;

    -ms-transition:  width .3s ease-in;

    transition: width .3s ease-in; 



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.firstsidemenu {

    color: #fff;

    background-color: #104490;/* #005183;*/

}



.firstsidemenu a{

    font-weight: bold;

    font-size: 19px;

    margin-bottom: 39px;

}

.sidebar-nav li:nth-child(2):before {

    background-color: #318dcd;   

}

.sidebar-nav li:nth-child(3):before {

    background-color: #a843c8;   

}

.sidebar-nav li:nth-child(4):before {

    background-color: #666666;   

}

.sidebar-nav li:nth-child(5):before {

    background-color: #e37409;   

}

.sidebar-nav li:nth-child(6):before {

    background-color: #79b017;   

}

.sidebar-nav li:nth-child(7):before {

    background-color:#104490;/* #ead24c;   */

}

.sidebar-nav li:nth-child(8):before {

    background-color:#35acdf;/* #2d2366;   */

}

.sidebar-nav li:nth-child(9):before {

    background-color: #35acdf;   

}

.sidebar-nav li:hover:before,

.sidebar-nav li.open:hover:before {

    width: 100%;

    -webkit-transition: width .3s ease-in;

    -moz-transition:  width .3s ease-in;

    -ms-transition:  width .3s ease-in;

    transition: width .3s ease-in;



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}



/* SOUS SIDE BAR MENU COLORS */

.dropdown-menu li:nth-child(n):before {

    top: 2px;

    height: 90%;

    background-color: #666;

}

.bleusidemenu li:nth-child(n):before {

    top: 2px;

    height: 90%;

    background-color: #318DCD;

}

.purplesidemenu li:nth-child(n):before {

    top: 2px;

    height: 90%;

    background-color: #A843C8;

}

.orangesidemenu li:nth-child(n):before {

    top: 2px;

    height: 90%;

    background-color: #E37409;

}

.vertsidemenu li:nth-child(n):before {

    top: 2px;

    height: 90%;

    background-color: #79B017;

}



/* / SOUS SIDE BAR MENU COLORS */









.sidebar-nav li a {

    display: block;

    color:#005183;/* #ddd;*/

    text-decoration: none;

    padding: 10px 15px 10px 30px;    

    font-size: 15px;

}



.sidebar-brand.firstsidemenu a,.sidebar-nav li ul li a {color: #ddd;}

.sidebar-nav li a:hover,

.sidebar-nav li a:active,

.sidebar-nav li a:focus,

.sidebar-nav li.open a:hover,

.sidebar-nav li.open a:active,

.sidebar-nav li.open a:focus{

    color: #fff;

    text-decoration: none;

    background-color: transparent;

}



.sidebar-nav > .sidebar-brand {

    height: 77px;

    font-size: 20px;

    line-height: 58px;

}

.sidebar-nav .dropdown-menu {

    position: relative;

    width: 100%;

    padding: 0;

    margin: 0;

    border-radius: 0;

    border: none;

    background-color: #242424;

    box-shadow: none;

}



/*-------------------------------*/

/*       Hamburger-Cross         */

/*-------------------------------*/



.hamburger {

    position: fixed;

    top: 20px;  

    z-index: 1013;

    display: block;

    width: 32px;

    height: 32px;

    margin-left: 15px;

    background: transparent;

    border: none;

    /*-webkit-transition-duration: .4s;*/

    -webkit-transition: -webkit-transform 300ms ease-out;

    -webkit-transition-duration: 300ms;

    -moz-transition: -moz-transform 300ms ease-out;

    // -moz-transition-duration: 300ms;



    -ms-transition: transform 300ms ease-out;

    // -ms-transition-duration: 300ms;



    -o-transition: transform 300ms ease-out;

    // -o-transition-duration: 300ms;



    transition: transform 300ms ease-out;

    // transition-duration: 300ms;





    -webkit-transform: translate(0px);

    -moz-transform: translate(0px);

    -o-transform: translate(0px);

    -ms-transform: translate(0px);

    transform: translate(0px);

}

.hamburger:hover,

.hamburger:focus,

.hamburger:active {

    outline: none;

}

.is-closed {

    -webkit-transform: translate(0px);

    -moz-transform: translate(0px);

    -ms-transform: translate(0px);

    -o-transform: translate(0px);

    transform: translate(0px);

}

.is-open{

    -webkit-transform: translate(220px);

    -moz-transform: translate(220px);

    -ms-transform: translate(220px);

    -o-transform: translate(220px);

    transform: translate(220px);

}

.hamburger.is-closed:before {

    content: '';

    display: block;

    width: 100px;

    font-size: 14px;

    color: #fff;

    line-height: 32px;

    text-align: center;

    opacity: 0;



    // -webkit-transition: all .3s ease-in-out;

    /*

        -webkit-transition: -webkit-transform 300ms ease-out;

        -webkit-transition-duration: 300ms;

        -moz-transition: -moz-transform 300ms ease-out;

        -moz-transition-duration: 300ms;

        -ms-transition: transform 300ms ease-out;

        -ms-transition-duration: 300ms;

        -o-transition: transform 300ms ease-out;

        -o-transition-duration: 300ms;

        transition: transform 300ms ease-out;

        transition-duration: 300ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.hamburger.is-closed:hover:before {

    opacity: 1;

    display: block;

    /*  -webkit-transform: translate3d(-100px,0,0);

      -moz-transform: translate3d(-100px,0,0);

      -ms-transform: translate3d(-100px,0,0);

      -o-transform: translate3d(-100px,0,0);

      transform: translate3d(-100px,0,0);

      /*-webkit-transition: all .3s ease-in-out;*/

    /*

        -webkit-transition: -webkit-transform 300ms ease-out;

        -webkit-transition-duration: 300ms;

        -moz-transition: -moz-transform 300ms ease-out;

        -moz-transition-duration: 300ms;

        -ms-transition: transform 300ms ease-out;

        -ms-transition-duration: 300ms;

        -o-transition: transform 300ms ease-out;

        -o-transition-duration: 300ms;

        transition: transform 300ms ease-out;

        transition-duration: 300ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}



.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom,

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom {

    position: absolute;

    left: 0;

    height: 4px;

    width: 100%;

}

.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom {

    background-color: #FFFFFF;

}

.hamburger.is-closed .hamb-top { 

    top: 5px; 

    // top: 0;

    /* -webkit-transition: all .3s ease-in-out;*/

    /*

        -webkit-transition: -webkit-transform 300ms ease-out;

        -webkit-transition-duration: 300ms;

        -moz-transition: -moz-transform 300ms ease-out;

        -moz-transition-duration: 300ms;

        

        -ms-transition: transform 300ms ease-out;

        -ms-transition-duration: 300ms;

        

        -o-transition: transform 300ms ease-out;

        -o-transition-duration: 300ms;

        

        transition: transform 300ms ease-out;

        transition-duration: 300ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.hamburger.is-closed .hamb-middle {

    top: 50%;

    margin-top: -2px;

}

.hamburger.is-closed .hamb-bottom {

    bottom: 5px;  

    //  bottom: 0;

    /*  -webkit-transition: all .3s ease-in-out;*/

    /*

        -webkit-transition: -webkit-transform 300ms ease-out;

        -webkit-transition-duration: 300ms;

        -moz-transition: -moz-transform 300ms ease-out;

        -moz-transition-duration: 300ms;

        

        -ms-transition: transform 300ms ease-out;

        -ms-transition-duration: 300ms;

        

        -o-transition: transform 300ms ease-out;

        -o-transition-duration: 300ms;

        

        transition: transform 300ms ease-out;

        transition-duration: 300ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}



.hamburger.is-closed:hover .hamb-top {

    // top: 0;

    /* -webkit-transition: all .3s ease-in-out;*/

    /*

        -webkit-transition: -webkit-transform 300ms ease-out;

        -webkit-transition-duration: 300ms;

        -moz-transition: -moz-transform 300ms ease-out;

        -moz-transition-duration: 300ms;

        

        -ms-transition: transform 300ms ease-out;

        -ms-transition-duration: 300ms;

        

        -o-transition: transform 300ms ease-out;

        -o-transition-duration: 300ms;

        

        transition: transform 300ms ease-out;

        transition-duration: 300ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.hamburger.is-closed:hover .hamb-bottom {

    // bottom: 0;

    /* -webkit-transition: all .3s ease-in-out;*//*

    -webkit-transition: -webkit-transform 300ms ease-out;

    -webkit-transition-duration: 300ms;

    -moz-transition: -moz-transform 300ms ease-out;

    -moz-transition-duration: 300ms;

    

    -ms-transition: transform 300ms ease-out;

    -ms-transition-duration: 300ms;

    

    -o-transition: transform 300ms ease-out;

    -o-transition-duration: 300ms;

    

    transition: transform 300ms ease-out;

    transition-duration: 300ms;

    */

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom {

    background-color: #FFF;

}

/*

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-bottom {

    top: 50%;

    margin-top: -2px;  

}

.hamburger.is-open .hamb-top { 

    -webkit-transform: rotate(45deg);

    -webkit-transition: -webkit-transform .3s cubic-bezier(.73,1,.28,.08);

    z-index: 9999;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.hamburger.is-open .hamb-middle { display: none; }

.hamburger.is-open .hamb-bottom {

    -webkit-transform: rotate(-45deg);

    -webkit-transition: -webkit-transform .3s cubic-bezier(.73,1,.28,.08);



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}*/

.hamburger.is-open:before {

    content: '';

    display: block;

    width: 100px;

    font-size: 14px;

    color: #fff;

    line-height: 32px;

    text-align: center;

    opacity: 0;



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}

.hamburger.is-open:hover:before {

    opacity: 1;

    display: block;

    // -webkit-transform: translate3d(-100px,0,0);

    -webkit-transition: all .3s ease-in-out;



    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    -ms-transition-delay: 0s;

    transition-delay: 0s;

}



/*-------------------------------*/

/*            Overlay            */

/*-------------------------------*/



.overlaymenu {

    position: fixed;

    width: 100%;

    height: 150%;

    display: none;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    //background-color: rgba(250,250,250,.8);

    background-color: rgba(227, 235, 242, 0.51);

    z-index: 1000;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;



}

.hiddenmenu{

    opacity: 0;

}

.afficheover{

    opacity: 1!important;

}

/***** / SIDE MENU *******/



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

    input[type="text"].search2 {

        width: 150%;

    }

}

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

    input[type="text"].search2 {

        width: 140%;

    }

}

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

    input[type="text"].search2 {

        width: 130%;

    }

}

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

    input[type="text"].search2 {

        width: 120%;

    }

}

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

    input[type="text"].search2 {

        width: 110%;

    }

}

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

    input[type="text"].search2 {

        width: 100%;

    }

}

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

    .spancontent {

        max-height: 119px;

        overflow: hidden

    }

    .actu2 {

        font-size: 25px;

    }

    .news-table td span.abb {

        font-size: 9px;}

    ul.detail-menu li {

        font: normal 12px "Helvetica Neue";

    }

    li.blue.target,li.purple.target{width: 109px!important}

    li.gray.target{width: 130px!important}

    li.orange.target{width: 89px!important}

    li.green.target{width: 179px!important}

    #mi_1 > .sub-menu{ 

        margin-left: 144px!important;

    }

    #mi_2 > .sub-menu{

        margin-left: 258px!important;

    }

    #mi_3 > .sub-menu{

        margin-left: 367px!important;

    }

    #mi_4 > .sub-menu{

        margin-left: 512px!important;

    }

    #mi_5 > .sub-menu{

        margin-left: 594px!important;

    }

    .mi_sub {

        width: 954px;

    }

    .article-date {

        width: 40px;

        height: 40px;

        padding-top: 3px;

        font-size: 12px;

    }

    .news-table td span.title a {

        font-size: 10px;

    }

    .front-content {padding: 8px 15px;}

}

@media only screen and (min-width: 992px){

    #sidebar-wrapper{display: none}

    .hamburger {display: none}

    #page-content-wrapper {

        padding-top: 0;

    }

    .logosidebar {display: none}

    .logohome{display: block}

    #detail-header{display: block}

}

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

    ul.detail-menu li {

        font: normal 8.5px "Helvetica Neue";

        padding: 17px 0;

    }

    #sidebar-wrapper{display: block}

    .hamburger {display: block}

    #page-content-wrapper {

        padding-top: 70px;

    }

    .logosidebar {

        display: block;

        height: 100%;

        border-bottom: 1px solid #fff;

        box-shadow: 0 4px 8px 3px #303030;

        position: fixed;

        height: 75px;

        z-index: 999;

        background: #104490;/*#212852;*/

    }

    .logohome{display: none}

    #detail-header{display: none}

    .actu2 {

        font-size: 18px;

    }

    .article-date {

        width: 40px;

        height: 40px;

        padding-top: 3px;

        font-size: 12px;

    }

    .news-table td span.title a {

        font-size:7px;

    }

    .news-table td span.abb {

        font-size: 6px;

    }

}



@media only screen and (max-width: 991px) and (min-width: 767px)  {	#pre-menu p {		margin: -6px 0;	}}

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

    .article-date {

        width: 55px;

        height: 55px;

        padding-top: 7px;

        font-size: 15px;

    }

    .news-table td span.title a {

        font-size: 17px;

    }

    .news-table td span.abb {

        font-size: 16px;

    }

    .t-content {

        padding: 20px 15px 10px 15px;

        text-align: justify;

    }

    .tabrow {

        margin-top: 0;

    }

}

@media only screen and (max-width : 545px){	#pre-menu > p {display: none}}

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

    .mosaic-tile a.mosaic-title {font-size: 11px;}

    .mosaic-tile a.mosaic-preview {font-size: 10px;}

    .front-content {padding: 3px 15px;}

}

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

    #footer{

        font-size: 12px;

    }

}





/*  @media only screen and (max-width: 990px)  {

      .contentresp {

          width: 560px;

          margin: auto;

      }

      .span21 {

          width: 560px;

      }

      .flexslider {

          width: 560px;

      }

      .imghome{

          width: 420px;

          height: auto

      }

  }*/



#footer td{text-align: center}

.sidebar-nav .bleusidemenu{

    background-color: #305879;

}

.sidebar-nav .purplesidemenu{

    background-color: #552166

}

.sidebar-nav .orangesidemenu{

    background-color: #A5560A

}

.sidebar-nav .vertsidemenu{

    background-color: #648F17

}

#mi_1 > .sub-menu{ 

    //  margin-left: 173px;

}

div#mi_1 {

    margin-left: 162px

}

#mi_2 > .sub-menu{

    margin-left: 302px;

}

#mi_3 > .sub-menu{

    margin-left: 433px;

}

#mi_4 > .sub-menu{

    margin-left: 605px;

}

#mi_5 > .sub-menu{

    margin-left: 724px;

}

.icon{

    font-size: 25px

}

.cookies{

    z-index: 999999;

    opacity: 0.9;

    position: fixed;

    padding: 15px 0px 15px;

    text-align: center;

    width: 100%;

    left: 0px;

    font-size: 13px;

    font-weight: normal;

    letter-spacing: normal;

    color: rgb(31, 59, 88);

    font-family: Arial, sans-serif;

    -webkit-box-shadow: rgb(0, 0, 0) 0px 0px 8px;

    box-shadow: rgb(0, 0, 0) 0px 0px 8px;

    bottom: 0px;

    background-color: rgb(194, 216, 244);

    -webkit-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    transition-duration: 0.5s;

    display: none;

}

.cookies > p{

    font-size: 16px;

    font-weight: normal;

    margin: 0 0 4px;

}

.cookies .ok, a.redirect-to-map{

    border-radius: 5px;

    border: 0px;

    padding: 8px 10px;

    font-weight: bold;

    font-size: 15px;

    cursor: pointer;

    margin: 5px auto;

    -webkit-transition: 0.25s;

    transition: 0.25s;

    text-shadow: rgb(0, 0, 0) 0px 0px 2px;

    color: rgb(255, 255, 255);

    background-color: rgb(5, 176, 255);

    width: 140px;

}

.cookies .ok:hover, a.redirect-to-map:hover{

    background-color: rgb(57, 192, 254);

}

.mobileapps{

    width: 100%;

    height: 76px;

    background: rgba(3, 8, 34, 1);

    //position: relative;

    //z-index: 9999;

    display: none;

    opacity: 0;

    overflow: hidden;

    position: fixed;

    top: 0;

    z-index: 999;

    -webkit-transition-duration: .8s;

    -moz-transition-duration: .8s;

    -o-transition-duration: .8s;

    -ms-transition-duration: .8s;

    transition-duration: .8s;

}

.mobileappsdiv{

    width: auto;

    height: auto;

    margin: auto;

    position: relative;

    text-align: center;

    max-height: 90%;

}

.mobileappsimg{

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

}

.closemobileapps{

    position: absolute;

    top: 0;

    right: 0;

    font-weight: bold;

    padding: 10px;

    z-index: 9999;

}

img.appleicon {

    float: left;

    width: 40%;

}

img.googleicon {

    float: right;

    width: 40%;

}

div.linksapps{

    position: absolute;

    bottom: 4%;

    width: 80%;

}

#footer.togglefoo{

    -webkit-transform: translate(220px);

    -ms-transform: translate(220px);

    -o-transform: translate(220px);

    -moz-transform: translate(220px);

    transform: translate(220px);

}

.logodiv {

    width: 60px;

    height: 60px;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

    margin-top: 8px;

}

.logodiv > img{border-radius: 10px}

.text {

    display: inline-block;

    width: 61%;

    color: #FFF;

    margin-top: 7px;

}

.right{float: right}

.view,.closeapp {

    padding: 5px 10px;

    background-color: #154FA4;

    border-radius: 5px;

    font-weight: bold;

    color: #FFF;

    margin-top: 39px;

    margin-right: 5px;

}

.closeapp {

    margin-top: 5px;

    margin-bottom: 5px;

    text-align: center;

    padding: 0 5px;

    position: absolute;

    right: 0;

}

.view > a{color: #FFF;}

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

    .text{font-size: 12px;  margin-top: 13px;  width: 52%;}

}

.span2.white.right.spancontent {

    overflow: hidden;

}

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

    div#mi_1 {

        margin-left: 136px;

    }

    #mi_1 > .sub-menu {

        margin-left: 6px!important;

    }

    div#mi_2 {

        margin-left: -39px;

    }

    #mi_2 > .sub-menu {

        margin-left: 299px!important;

    }

    div#mi_3 {

        margin-left: -58px;

    }

    #mi_3 > .sub-menu {

        margin-left: 428px!important;

    }

    div#mi_4 {

        margin-left: -89px;

    }

    #mi_4 > .sub-menu {

        margin-left: 602px!important;

    }

    div#mi_5 {

        margin-left: -123px;

    }

    #mi_5 > .sub-menu {

        margin-left: 717px!important;

    }

}

@-moz-document url-prefix() { 

    .logo2 {

        margin: -15px 0px 0px;

        float: left;

        position: absolute;

        width: 100%;

        height: auto;

    } 

    .mosaic-tile a.mosaic-preview img {

        display: block;

        margin: 10px 0px;

        width: 100%;

        height: auto;

    }

    .fancybox.fetr.overlay img {width: 100%; height: auto;}

    .span2.white.right.spancontent {

        max-height: 134px;

        overflow: hidden;

    }

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

        .flexslider .slides > li {

            max-height: 243px;

        }

        .span2.white.right.spancontent {

            max-height: 123px;}

    }

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

        .flexslider .slides > li {

            max-height: 250px;

        }

    }

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

        .span2.white.right.spancontent {

            max-height: 93px;

        }

    }

    .flexslider .slides {

        max-height: 359px;

    }

}

.paticuliers > ul > li > ul, 
.professionnel > ul > li > ul, 
.entreprise  > ul > li > ul, 
.etranger > ul > li > ul, 
.jeune > ul > li > ul, 
.lastb > ul > li > ul, 
.lereseau > ul > li > ul, 
.servicesetass > ul > li > ul, 
.bourceetchange > ul > li > ul, 
.groupestb > ul > li > ul {
  margin-left:40px;
}

.paticuliers > ul > li > ul > li > ul, 
.professionnel > ul > li > ul > li > ul, 
.entreprise  > ul > li > ul > li > ul, 
.etranger > ul > li > ul > li > ul, 
.jeune > ul > li > ul > li > ul, 
.lastb > ul > li > ul > li > ul, 
.lereseau > ul > li > ul > li > ul, 
.servicesetass > ul > li > ul > li > ul, 
.bourceetchange > ul > li > ul > li > ul, 
.groupestb > ul > li > ul > li > ul {
  margin-left: 40px;
}

.paticuliers > ul > li > ul > li > ul > li > ul, 
.professionnel > ul > li > ul > li > ul > li > ul, 
.entreprise  > ul > li > ul > li > ul > li > ul, 
.etranger > ul > li > ul > li > ul > li > ul, 
.jeune > ul > li > ul > li > ul > li > ul, 
.lastb > ul > li > ul > li > ul > li > ul, 
.lereseau > ul > li > ul > li > ul > li > ul, 
.servicesetass > ul > li > ul > li > ul > li > ul, 
.bourceetchange > ul > li > ul > li > ul > li > ul, 
.groupestb > ul > li > ul > li > ul > li > ul {
  margin-left: 40px;
}
.paticuliers a, 
.professionnel a, 
.entreprise a, 
.etranger a, 
.jeune a, 
.lastb a, 
.lereseau a, 
.servicesetass a, 
.bourceetchange a, 
.groupestb a {
    text-decoration: none;
    color: #333333
}