@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
font-family: 'din_probold';
src: url('../fonts/din_pro_bold_700-webfont.woff2') format('woff2'),
url('../fonts/din_pro_bold_700-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}
a{
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a:focus, a:hover {
text-decoration: none;
outline: none;
color: white;
}
hr {
clear: both;
}
.contenu.ctnPage{
padding-bottom: 50px;
}
.contenu.ctnPage.pageassets {
padding-bottom: 20px;
}
.dir-rtl{
direction: rtl;
}
body.open{
overflow: hidden;
}
.content_calque {
margin: 0;
position: fixed;
border: none;
background: #fff;
height: 100%;
top: 48px;
width: 525px;
z-index: 3;
right: -100%;
opacity: 0;


}
.content_calque.open{
right: 0;
opacity: 1;
transition: 0.3s ease-out;
}



.claque1 {
position: absolute;
z-index: 1;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
display:none;
}
body{
font-family: 'Inter', sans-serif;
}
.claque1 .top {
padding: 40px 0;
}
.claque1 .top .slogan {
color: #000;
}
.claque1 .top .slogan:after {
clear: both;
content: '';
display: block;
}
.claque1 .top .slogan span.elem {
width: 48%;
float: left;
text-align: left;
font-size: 42px;
line-height: 52px;
}
.claque1 .top .slogan span.ar {
text-align: right;
font-family: 'El Messiri';
font-size: 46px;
line-height: 54px;
}
.claque1 .top .slogan span.sep {
float: left;
width: 4%;
height: 170px;
background: url(../images/sep_sloagan.png) center center no-repeat;
}
.claque1 .bottom .descc {
color: #000;
font-size: 61px;
font-weight: 500;
line-height: 56px;
margin-bottom: 20px;
}
.claque1 .bottom .descc span {
font-weight: 300;
display: block;
}
.bottom .btn {
background: #000;
padding: 15px 50px;
color: #fff;
text-transform: uppercase;
font-size: 20px;
opacity: 0.82;

}

.bloc_flott {
position: fixed;
left: 0;
top: 30%;
z-index: 999999;
padding: 0;
width: 54px;
}
.bloc_flott li {
text-align: center;
list-style-type: none;
margin-bottom: 1px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
width: 54px;
height: 54px;
}
.bloc_flott li a {
color: #FFFFFF;
display: inline-block;
padding: 15px 5px;

}

.knwoledge .owl-controls  {
position: absolute;
left: 57%;
top: -110px;
width: 10%;
}

.knwoledge .owl-controls .owl-prev,.knwoledge .owl-controls .owl-next {
border-radius: 4px;
margin-right: 5px;
border: solid 1px #abbaca;
padding: 13px 28px;
}
.owl-prev i{
background: url(../images/flechebleu.png) no-repeat;
width: 29px;
height: 20px;transform: rotate(-180deg);
display: block;
}.knwoledge .owl-nav{

display: flex;


}
.owl-next i{

background: url(../images/flechebleu.png) no-repeat;
width: 29px;
height: 20px;
display: block;
}
.bloc_flott li img {
display: block;
margin: 0 auto 10px
}
.bloc_flott li i {
display: block;
font-size: 24px;
}
.bloc_flott li .flot_name {
font-size: 12px;
font-weight: 500
}
.bloc_flott .picto_book {
background: #ea1d2f;
}
.bloc_flott .picto_lib  {
background: #f36d27;
margin-bottom: 1px;
}
.bloc_flott .picto_cawt {
margin-bottom: 1px;
background: #f99e27
}
.bloc_flott .picto_fb {
background: #11649d;
}
.bloc_flott .picto_tw {
background: #0bb4de
}
.bloc_flott .picto_ins {
background: #5fbb46
}
.bloc_flott .picto_link {
background: #0077b5
}

.open_head_menu {
margin-bottom: 30px
}
.open_head_menu {
text-align: center
}
.btn_open_mn {
color: #FFFFFF;
}
.btn_open_mn.collapsed:after {
content: "\f0d7";
}
.btn_open_mn:after {
content: "\f0d8";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 18px;
color: #FFFFFF;
}
.topics .title, .title_topics {
font-size: 24px;
color: #202146;
padding: 52px 0 0 63px;
font-weight: 900;
margin-bottom: 15px;
}
.topics .wrapper_menu:after {
display: block;
content: '';
clear: both;
}
.topics .menu_box {
height: 100vh;
}
.topics .menu_box ul {
padding: 0 10px 30px  65px;
margin: 0;
}
.topics .menu_box ul li {
list-style: none;

position: relative;
background: url(../images/sep_vertical_topics.png) right bottom no-repeat;
}
.topics .menu_box ul li a {
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 2.64;
letter-spacing: normal;
text-align: left;
color: #243161;
}
.topics .menu_box ul li a:hover {
color: #0052a1;
font-weight: bold;
}


.topics .menu_box ul li a:hover:before {



position: absolute;
content: "";
background: url(../images/fleche_jaune.png) no-repeat;
width: 24px;
height: 24px;
left: -40px;
top: 10px;


}
.topics .menu_box.right ul li {
background: url(../images/sep_vertical_topics_right.png) left bottom no-repeat;
}
.topics .menu_box ul li:last-child {
background: none;
}
.menu_box .searchbar{
    margin-bottom:40px;
}
.topics #custom-search-input {
    width: 77%;
    margin: auto;
    padding: 0px 28px;
    border-radius: 4px;
    border: solid 1px #0052a1;
    margin: 45px 0 0 63px;
}
.topics #custom-search-input .input-group .input-lg {
border: 0;
background:transparent;

}
.topics #custom-search-input .input-group .input-lg::placeholder {color:#0052A1;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;

color: #0052a1;font-family: 'din_probold'; }
.diverreur {
font-size: 14px;
width: 100%;
left: 0;
position: absolute;
padding: 13px 16px;
z-index: 200;
top: 1px;
display: none;
cursor: pointer;
text-align: left;
color: #fbd72c;
background: #000;
margin: 0 2px;
width: calc(100% - 56px);
height: 44px;
font-weight: 300;
line-height: 1.3333333;

}


.topics #custom-search-input .input-group .input-lg::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#0052A1;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;

color: #0052a1;font-family: 'din_probold';
}
.topics #custom-search-input .input-group .input-lg::-moz-placeholder { /* Firefox 19+ */
color:#0052A1;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;

color: #0052a1;font-family: 'din_probold';
}
.topics #custom-search-input .input-group .input-lg:-ms-input-placeholder { /* IE 10+ */
color:#0052A1;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;

color: #0052a1;font-family: 'din_probold';
}
.topics #custom-search-input .input-group .input-lg:-moz-placeholder { /* Firefox 18- */
color:#0052A1;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;

color: #0052a1;font-family: 'din_probold';
}
.topics #custom-search-input .btn-info {
background: transparent;
color: #0052a1;
border-color: transparent;
outline: none;
}

.topics .sep {
/*background: url(../images/sep.png) center center no-repeat;*/
width: 1px;
height: 180px;
background: #FFFFFF;
margin: 0 1%;
float: left;
opacity: 0.6;
margin-top: 45px;
}
.entete_header {
padding: 10px 20px;
}
.logo-cawtar a{
/*width: 75%*/
display: flex;
flex-wrap: wrap;
vertical-align: middle;
align-content: center;
align-items: center;
justify-content: center;
}
.logop{ position: relative;}

.entete_header .logos {
margin-top: 0px;
position: relative;
}
.slogan_union {
position: absolute;
left: -127px;
bottom: -3px;
font-size: 13px;
font-weight: 500;
font-family: Roboto,sans-serif;
}
.entete_header{

    padding: 0px 55px;
    height: 104px;
    margin: 0;

}
header{
    position: fixed;
    top: 85px;
    z-index: 3;
    width: 100%;
}
header.fixed{
    top: 0;
}
.fp-viewing-news2 header, .fp-viewing-safeness header, .fp-viewing-news header, .fp-viewing-news header, .fp-viewing-emap header, .fp-viewing-nowldage header,.fp-viewing-anged header {

    top: 0;

}
.menu_user.navbar-default .navbar-nav > li:last-child {
    padding-bottom: 100px;
}
.menu_user img{

margin: 30px 0 0 65px;
}
.fp-section.fp-table, .fp-slide.fp-table {

    height: 100vh!important;
}
.nav.navbar-nav{
padding: 70px 20px 30px 65px;


    }body.open .entete_header:after {display: none;}
    body.open .logo_normal{
        display: none;
    }body .logo_normal{
        display: block;
    }
    body .logo_open{
        display: none;
    }body.open .logo_open{ display: block;}
.menu_fix{

position: absolute;
width: 100%;
top: 0;

}
.entete_header:after {
border-right: 11px solid #fdc500;

margin: 0;
height: 104px;
position: absolute;
z-index: 3;
content: "";
right: 0;
top: 0;
}
.bar_nav::after{

background: url(../images/lumiere.png) no-repeat ;
content: "";
position: absolute;
left:0;
bottom:0;
}
.topics{
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fffbfb;
border-right: 1px solid #fffbfb;
padding-right: 20px;
margin-right: 20px;
}
.logo_menu{
display: flex;
height: 100%;
align-items: center;
justify-content: space-between;
}
.m-top{
margin-top:10px;
display: inline-block;
}
.carousel_publication {
    height: 100%;
padding: 40px 64px 40px 40px;
border-radius: 9px;
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.06);
background-color: #fff;
}
.right .carousel_publication {
min-height: inherit;
background: #f3f3f3;
padding: 30px 35% 30px 30px;
}
.carousel_publication .title {
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: left;
color: #000;
}
.carousel_publication h2 {
font-size: 24px;
font-weight: 400;
margin: 0 0 35px;
padding: 0;
}
.carousel_publication img {
display: block;
margin: auto;
}
.caroussel_news {
padding: 0
}
.caroussel_news li {
list-style-type: none
}
.caroussel_news .box_content_news {
border-bottom: 1px solid #ececec;
margin-bottom: 20px;
color: #000000;
cursor: pointer
}
.bloc_news.index_bl .box_content_news:hover .title, .bloc_news.index_bl .box_content_news:hover .date {
color: #dd1c57;
}
.bloc_news.index_bl .box_content_news.active .title, .bloc_news.index_bl .box_content_news.active .date {color: #dd1c57;}
.caroussel_news .owl-dots {
position: relative;
float: left;
margin-top: 12px;
}
.owl-next i:hover, .owl-prev i:hover {
color: #337ab7
}
.caroussel_news .owl-dots .owl-dot {
display: inline-block;
}
.caroussel_news .owl-dots .owl-dot span {
width: 13px;
height: 13px;
margin: 0 0 0 5px;
background: #fff;
border: #d4d4d4 solid 2px;
display: inline-block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.bloc_news_outer {
background: #fff;
}
.bloc_news {

background: #fff;
padding: 20px;
height: 100%;
}
.bloc_news {
padding: 30px;
border-radius: 9px;
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.06);
background-color: #fff;
text-align: left;


}
.displayflex{
    display: flex;
}
.bloc_news .theme{
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: left;
color: #000;
}
.closeindex .bloc_news {

}
header .container-fluid {
position: relative;
}
.right .bloc_news {
min-height: inherit;
padding: 20px 35% 20px 0;
}
.bloc_news_left .theme {
color: #fff;
font-weight: 500;
padding: 2px 15px 2px 10px;
background: #dd1c37;
font-size: 12px;
}
.bloc_news.index_bl .date {
font-size: 13px;
line-height: 1.42;

letter-spacing: normal;
text-align: left;
color: #577695; margin-top: 20px;
display: inline-block;}
.bloc_news_left .date {

padding: 0;
margin: 0 0 10px;
font-size: 16px;
color: rgb(181, 221, 255);
font-weight: bold;
margin-bottom: 25px;
margin-top: 24px;

}
.all_news_h{
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal; font-family: 'din_probold';

color: #577695;
text-align: center;
margin: 25px 0;
}
.all_news_h:after{
content: "";
background:url(../images/fleche.png);
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;

}

.news{

padding: 50px 0;
}
.bloc_news.index_bl .title {

font-size: 24px;
font-weight: bold;

line-height: 1.2;

text-align: left;
color: #000;
}
.bloc_news.index_bl > p{ margin-top: 10px;}



.bloc_news.index_bl .closenews {
border-radius: 50%;
background-color: rgb(0, 0, 0);
position: absolute;
width: 36px;
height: 36px;
top:2px; right:28px;

}
.bloc_news.index_bl .contentnews{ position: relative; }
.bloc_news.index_bl .closenews:before{ content: "\f00d";	font-family: FontAwesome; font-size: 24px;color: #fff;
line-height: 36px;font-weight: 100;
}

.claque2 {
position: absolute;
z-index: 1;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
width: 100%;
}
.bloc_news_link{
overflow: hidden;
display: block;
margin-bottom: 0px;
padding: 0px 0 0;
}
.bloc_news .content_news__details{ overflow: hidden}
.bloc_news .title {
font-size: 22px;
font-weight: 500;
padding: 0;
margin: 0 0 10px;
line-height: 27px;
}
.bloc_news .img {
margin-bottom: 10px
}
.bloc_news.index_bl .img {

float: left;


}
.bloc_news .img img {
max-width: 100%;

}
.bloc_news .desc {
font-weight: 300;
line-height: 20px;
margin-bottom: 20px;
}


.bloc_news .content_news__details {
overflow: hidden;
}
.bloc_news.index_bl .bottom {
padding: 0;
padding-top: 0px;

border: none;
}
.bloc_news .bottom {
padding: 20px 0 0 0;
border-top: #ececec solid 1px;
}
.bloc_news .bottom .btn {
font-size: 12px;
color: rgb(255, 222, 1);
text-transform: uppercase;
line-height: 1.667;
text-align: center;
background: transparent;
padding: 0;
margin: 0;
opacity: 1;

}
.bloc_news .rse {
float: right;
}
.bloc_news .rse i {
color: #888;
margin-left: 10px;
font-size: 20px;
}
.books {
padding: 40px 0 0 30px;
}
.right .books {
background: #dd1c37;
padding-right: 35%;
}
.right .carousel_publication .owl-controls {
display: none;
}
.books .link {
display: block;
position: relative;
padding: 65px 0 50px 30px;
}
.books .link i {
font-size: 110px;
color: #b00e25;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.books .link i.fa-shopping-basket{

background:url('../images/iconpanier.png') no-repeat;
width: 124px;
height: 129px;

}
.addthis-smartlayers > div{
left: inherit !important;
animation-name: inherit !important;
animation-fill-mode: inherit !important;
animation-timing-function: inherit !important;
animation-duration: inherit !important;
}
.books .link i.fa-shopping-basket:before{ content: "";}
.books .link h3.title {
position: relative;
z-index: 2;
display: block;
color: #fff;
font-size: 29px;
text-transform: uppercase;
padding: 0;
margin: 0;
line-height: 27px;
font-weight: bold;
}
.books .link span.desc {
position: relative;
z-index: 2;
color: #fff;
font-size: 16px;
font-weight: 300;
}
.directorie_box {
}
.fp-viewing-news2 .news {
position: relative;
margin: 90px 0 0 0;
}
/*.news:after {*/
/*content: "";*/
/*width: 220px;*/
/*height: 120px;*/
/*background: #dd1c37;*/
/*position: absolute;*/
/*bottom: -120px;*/
/*right: 0;*/

/*}*/
.fp-viewing-news2 .entete_header,.fp-viewing-news .entete_header,.fp-viewing-emap .entete_header, .fp-viewing-nowldage .entete_header, .fp-viewing-anged .entete_header {

    margin: 0;

}
.navbar{
   border-radius: 0}
   .interne_pages header{
    position: inherit;
   }
   .interne_pages header .entete_header {

    margin: 47px 0 0 0;

}
.fp-viewing-news2 .topics, .fp-viewing-news .topics, .fp-viewing-emap .topics,.fp-viewing-nowldage .topics, .fp-viewing-anged .topics, header.fixed .topics {

    color: #0052A1;
    border-right: 1px solid #0052A1;}
   .fp-viewing-news2 .toggle span,  .fp-viewing-news .toggle span, .fp-viewing-emap .toggle span, .fp-viewing-nowldage .toggle span , .fp-viewing-anged .toggle span , header.fixed .toggle span  {

        background-color: #0052A1;

    }

    .fp-viewing-nowldage .knwoledge {
        padding: 190px 0 70px 0;
    }
.carousel_directories {
min-height: 100%;
position: relative;
z-index: 1;
padding: 0;
}
.carousel_directories .title {
font-size: 20px;
color: #005dab;
padding: 0;
margin: 0 0 15px;
}
.carousel_directories .owl-carousel img {

display: inline-block;
margin-left: 20px;
border: #eee solid 0px;
margin: 0;height: 100%;
padding: 0;background-size: 50%;
}
.carousel_directories .owl-controls{ right: 30px; bottom:30px; position: absolute;}
.carousel_directories .owl-carousel span {
overflow: hidden;
color: #fff;
font-weight: 500;
font-size: 24px;
line-height: normal;
}
.carousel_directories .bottom {
padding-top: 30px;
}
.carousel_directories .btn {
background: none;
padding: 7px 15px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
float: right;
border: 1px solid white;
}
.carousel_directories .btn:hover {
background: white;
color: #dd1c37;

}
.carousel_directories .btn:hover:before{
background: #fff !important;
}
.anged1 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
    align-items: center;

}.anged2 {
    display: flex;
    justify-content: flex-start;    align-items: center;
}
.anged2 .fellow{
    max-width: 400px;
    margin-left: 40px;
    margin-top: 24px;
}.anged2 .fellow p{    margin-bottom: 35px;
    display: block;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;}
.im_ing{
    max-width: 100% ; margin-right: 40px;
    /* max-width: 379px; */
}
 .anged {
    padding: 190px 0 83px;
    zoom: 0.7;
}
.emap_publication {
background: url(../images/emap.gif) 0px top no-repeat;
background-position:0 0 ;background-size: 50%;  background-color:#feb813;
overflow: hidden;
}
.emap_publication > .container > .row{ display:flex; flex-wrap: wrap;}
.emap_publication > .container > .row .col-md-6{ padding:0;}


.emap {
    position: absolute;
    width: 450px;
    top: 30%;
    left: 20%;
    transform: translate(-20%, -30%);
    z-index: 2;
}
.fp-viewing-emap .emap {    top:40%;}
.fp-viewing-emap .emap_warapper svg:not(:root) {
    margin-top: -235px;
    zoom: 0.9;
}
.emap .title {
font-size: 49px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: normal;
text-align: left;
color: #000;

}
.emap .desc {
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: left;
color: #84898e;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.emap .btn {

font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000;padding: 9px 28px;
border-radius: 4px;
border: solid 1px #ec6070;font-family: 'din_probold';
margin-top: 30px;
}
.copy_right{
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #abbaca;
display: block;
}

.emap .btn:hover {
color: rgb(238, 124, 10);
background: #FFFFFF;
}
.partners_publication {
padding: 35px 0 0 0;
}
.partners_publication .title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 35px;
}
.partners_publication .elem {
text-align: center;
}
.partners_publication .elem img {
margin-bottom: 15px;
}
.partners_publication .elem .title {
display: block;
color: #000;
font-size: 14px;
font-weight: 500;
margin: 0;
text-transform: none;
}
.partners_publication .elem .desc {
font-size: 12px;
color: #000;
font-weight: 300;
}
.legal_countries {
min-height: 130px;
padding: 20px 0 0 10px;
}
.legal_countries .row {
padding-right: 116px;
max-width: 73.9%;
}
.legal_countries .row .title {
font-size: 24px;
line-height: normal;
}
.legal_countries .row .link {
color: #2f2f2f;
font-weight: 300;
}
.legal_countries .row .link i {
margin-left: 5px;
display: inline-block;
}
.leadership img {
max-width: 100%;
/*height:auto;*/
vertical-align: top
}
.leadership {
min-height: 130px;
}
.leadership .desc {
padding: 28px 0 0 30px;
display: block;
position: absolute;
left: 0;
top: 0
}
.leadership .desc h2 {
text-shadow: rgba(0, 0, 0, 1) 0 0 5px !important;
margin-top: 0;
}
.leadership .desc .title {
font-size: 38px;
font-weight: bold;
line-height: 32px;
color: #fff;
display: block;
text-transform: uppercase;
margin-bottom: 5px;
}
.leadership .desc .title2 {
font-weight: 300;
text-transform: uppercase;
color: #fff;
display: block;
}
.knwoledge {
padding: 50px 0;
}


.knwoledge .owl-carousel .owl-item img{ max-width: 100%; text-align: center; margin-bottom: 25px; display: inline-block;}
.owl-carousel .owl-item img{ max-width: 100%;}

.knwoledge .item .link {
font-size: 14px;
font-weight: bold;
text-align: left;
color: #f8f8f8;


}
.anged{
background: #F1F8FF ;
padding: 80px 0;


}
.knwoledge .item .link:after { background: url(../images/flecheblanc.png) no-repeat;
content: "";
width:24px ;
height:24px ;    vertical-align: middle;
margin-left: 5px;
display: inline-block;
}

.newsletter_box label {
font-size: 24px;
line-height: normal;
}
.newsletter_box label span {
font-size: 17px;
font-weight: 300;
line-height: 1.2;
display: inline-block;
}
.newsletter_box .input-group {
background: #fff;
border-radius: 4px;
padding: 0 0 0 15px;
height: 42px;
width: 100%;
}


.flex-mobile{ /*display: flex;
align-items: center;    min-height: 270px;*/}
.newsletter_box .input-group .input-group-addon {
/*	border: none;
background: none;
padding: 0;
margin: 0;
height: auto;
color: #a6a9ac;*
font-size: 18px;*/

}
.newsletter_box .input-group .input-group-addon .glyphicon {
margin: 0;
padding: 0;
}
.newsletter_box .input-group button {
position: absolute;
right: 0;
top: 0;
z-index: 5;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #0052a1;
font-family: 'din_probold';
padding: 9px 28px;
border-radius: 4px;border: solid 1px #f7f7f7;
background-color: #FFF;
}
.newsletter_box .input-group input {
border: none;
height: 42px;
color: #a6a9ac;
background: #fff;
font-size: 14px;
padding-right: 83px;
}
.newsletter_box .input-group input::-webkit-input-placeholder {
color: #a6a9ac;

}
.newsletter_box .input-group input::-moz-placeholder {
color: #a6a9ac;
}
.newsletter_box .input-group input:-ms-input-placeholder {
color: #a6a9ac;

}
.newsletter_box .input-group input:-moz-placeholder {
color: #a6a9ac;

}
.newsletter_box .input-group input:-webkit-autofill, .newsletter_box .input-group input:-webkit-autofill:hover, .newsletter_box .input-group input:-webkit-autofill:focus { border: 0px solid green; -webkit-text-fill-color:#a6a9ac; -webkit-box-shadow: 0; transition: background-color 5000s ease-in-out 0s; }
.newsletter_box .rse .elem {
border-left: #fff solid 1px;
height: 138px;
margin-top: -60px;
padding-top: 65px;
}
.newsletter_box .rse .elem i {
font-size: 34px;
}
.publications {
padding: 50px 0;
}
.publications .elem {
text-align: center;
}
.publications .elem img {
margin: auto;
display: block;
margin-bottom: 10px;
}
.publications .elem span {
display: inline-block;
color: #636363;
font-weight: 300;
}
.logo-cawtar img {

float: left;
margin-right: 10px;
max-width: 140px;


}
.logop{

padding-right: 25px;
margin-right: 25px;

}
.logo-cawtar .slogan {
overflow: hidden;
display: block;
color: #005dab;
font-size: 18px;
line-height: 30px;
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-weight: bold;

}
.agfund{ margin-right: 30px;}
.text-support{font-size: 13px;
font-weight: 500;
}
.navbar-default {
margin: 0;
position: fixed;
border: none;
background: #fff;
height: 100%;
top: 48px;
width: 464px;
z-index: 1;
right: 0;
}
.Topheader {
    background: url(../images/bg_top.jpg) 0 0 no-repeat;
    height: 100vh;
    width: 100%;
    background-size: cover;
}
.fp-viewing-news2 #section1, .fp-viewing-emap #section3, .fp-viewing-anged #section5 {     background: #f1f8ff;}
.listItems #iframe-popup{text-align: left;}
.Topheader.interne {
height: auto;
padding-bottom: 10px;
}

.path {
background: #f7f7f7;
/*margin-right: -20px;*/
margin-left: 0;
}
.path:after {
clear: both;
content: '';
display: block;
}
.breadcrumb {
padding: 20px 0;
margin: 0;
border: none;
}
.breadcrumb > .active {
color: #777;
}
.form-control {
box-shadow: 0 0 0;
-webkitbox-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
}
.secondMenu .form-control {
border-right: 0
}
.secondMenu form button {
border-left: 0;
color: #9a9b9c;
background: #fff
}
.secondMenu form button:hover {
background: #fff;
color: #1690a3;
border-color: #ccc;
}
.secondMenu form button:before, .navbar-inverse .navbar-nav > li:before, footer nav li:before {
content: '|';
color: #d5d6d7;
position: absolute;
left: 1px;
font-weight: 100;
font-family: "roboto";
}
.navbar-inverse .navbar-nav > li:before {
top: 9px;
padding-right: 2px
}
.navbar-inverse .navbar-nav > li:first-child:before, footer nav li:first-child:before {
display: none
}
.navbar-inverse .navbar-nav > li > a {
padding: 0px 5px 0 9px;
line-height: 40px
}
.navbar-inverse.secondMenu {
margin-bottom: 0;
}
.navbar-inverse {
color: #b0a4a3;
}
.navbar-inverse .navbar-nav > li > a {
color: #b0a4a3;
}
.navbar-inverse .navbar-nav > .active > a {
color: #fff;
}
.dropdown.langue .btn-primary {
background: none;
border: none;
font-size: 18px;
padding: 0;
margin: 0;
}
.dropdown.langue .btn-primary.active, .dropdown.langue .btn-primary:active, .dropdown.langue.open > .dropdown-toggle.btn-primary {
background: none;
border: none;
}
/****   Menu top   ****/
.menu_user.navbar-default .navbar-nav > li > a {
color: #ffcc01;
font-size: 25px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.82;
letter-spacing: normal;
text-align: left;
color: #243161;

}
.menu_user.navbar-default .navbar-nav > li {
width: 100%;

}
.menu_user .nav > li > a {
padding:0;
display: inline-block;
}
.menu_user.navbar-default .navbar-nav > li > a:hover {
color: #004f9f;
position: relative;

}
.menu_user.navbar-default .navbar-nav > li > a:hover:before {


position: absolute;
content: "";
background: url(../images/fleche_jaune.png) no-repeat;
width: 24px;
height: 24px;
left: -40px;
top: 10px;
}

.menu_user .nav > li:last-child:after {
display: none;
}
.menu_user .navbar-collapse.in, .menu_user .navbar-collapse.collapsing {
background: #dd1c37;
margin: 0 20px 10px;
}
.menu_user .navbar-collapse.in .nav > li:after, .menu_user .navbar-collapse.collapsing .nav > li:after {
display: none;
}
.menu_user .navbar-collapse.in .nav > li > a, .menu_user .navbar-collapse.collapsing .nav > li > a {
color: #fff;
font-size: 18px;
padding: 10px 20px;
display: block;
border-bottom: #fff solid 1px;
}
/****   section banner top   ****/
.container-fluid {
max-width: 1920px;
padding-left: 0;
padding-right: 0;
}
.sectionone{ min-height: 180px; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none;}
.search .form-control, .search button {
border-color: #cccccc;
border-radius: 4px;
height: 32px
}
.search .form-control::-webkit-input-placeholder {
color: #969a9d;
font-size: 12px;
font-style: italic;
text-transform: none
}
.search .form-control::-moz-placeholder {
color: #969a9d;
font-size: 12px;
font-style: italic;
text-transform: none
}
.search .form-control:-ms-input-placeholder {
color: #969a9d;
font-size: 12px;
font-style: italic;
text-transform: none
}
.search .form-control:-moz-placeholder {
color: #969a9d;
font-size: 12px;
font-style: italic;
text-transform: none
}
/*video youtube*/
/* BASED ON :
* START Fast & Agile YouTube Embed by Schoberg.net
*/
.youtubeVideoLoader { /* continer (responsive) */
position: relative;
cursor: pointer;
height: 100%;
display: inline-block;
padding-bottom: 0; /* 16:9 */
margin-bottom: 0;
}
.youtubeVideoLoader a::before { /* play bubble */
content: '';
height: 96px;
width: 96px;
display: block;
margin: -48px 0 0 -48px;
border-radius: 100px;
position: absolute;
top: 50%;
left: 50%;
border: #fff solid 2px;
transition: all .1s ease;
z-index: 1;
}
.youtubeVideoLoader a:hover::before { /* play bubble hover */
background: #fff;
}
.youtubeVideoLoader a::after { /* Play Triangle */
content: '';
width: 0;
height: 0;
line-height: 0px;
display: block;
border-style: solid;
border-width: 18.5px 0 18.5px 28px;
border-color: transparent transparent transparent #ffffff;
margin: -18px 0 0 -10px;
position: absolute;
top: 50%;
left: 50%;
height: 0;
width: 0;
z-index: 2;
}
.youtubeVideoLoader a:hover::after { /* play bubble hover */
border-color: transparent transparent transparent #000;
}
.youtubeVideoLoader .title {
position: absolute;
width: 100%;
bottom: 15%;
left: 0;
color: #fff;
text-align: center;
font-size: 32px;
font-weight: 500;
line-height: 1.2;
}
.youtubeVideoLoader .title span {
font-size: 24px;
display: block;
font-weight: 300;
}
/*** Section news ***/
section .news .news_lg {
margin: 50px 0;
}
.news {
/*background-image: -ms-linear-gradient(left, #f3f3f3 0%, #f3f3f3 68.35%, #dd1c37 68.35%, #dd1c37 100%);*/
/*background-image: -moz-linear-gradient(left, #f3f3f3 0%, #f3f3f3 68.35%, #dd1c37 68.35%, #dd1c37 100%);*/
/*background-image: -o-linear-gradient(left, #f3f3f3 0%, #f3f3f3 68.35%, #dd1c37 68.35%, #dd1c37 100%);*/
/*background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f3f3f3), color-stop(68.35, #f3f3f3), color-stop(68.35, #dd1c37), color-stop(100, #dd1c37));*/
/*background-image: -webkit-linear-gradient(left, #f3f3f3 0%, #f3f3f3 68.35%, #dd1c37 68.35%, #dd1c37 100%);*/
/*background-image: linear-gradient(to right, #f3f3f3 0%, #f3f3f3 67.35%, #dd1c37 67.35%, #dd1c37 100%);*/

}
.news .container .news_lg .short_desc a {
color: #000
}
.news_lg .title {
color: #1693a7;
font-size: 24px;
font-weight: 600;
margin-bottom: 10px
}
.news_lg .date {
margin-top: 60px;
font-size: 18px
}
.news_left {
background: #fbfbfb;
}
.other_news {
margin-top: 80px;
font-size: 14px;
}
.other_news .item {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 15px;
margin-bottom: 15px;
overflow: hidden;
line-height: 20px
}
.other_news .item i {
float: left;
width: 10px;
padding-top: 2px
}
.other_news .item a {
color: #4a4a4a;
text-decoration: none;
padding-left: 8px;
float: left;
width: 90%;
}
.other_news .item a:hover {
color: #000
}
a.all_news {
font-size: 16px;
margin-top: 45px;
display: block;
padding-left: 10px
}
a.all_news:hover {
color: #e6781e;
text-decoration: none
}
.publication {
padding: 40px 0 40px 30px;
color: #fff
}
.publication .title, .type1 {
font-size: 24px;
margin-bottom: 35px;
padding-bottom: 12px;
position: relative
}
.publication .title:after, .type1:after {
content: "";
width: 30px;
height: 3px;
background: #fff;
position: absolute;
left: 0;
bottom: 0
}
.publication .content {
overflow: hidden;
}
.publication .content img {
float: left;
margin-right: 20px
}
.publication .content p {
font-size: 24px;
line-height: 32px;
padding-top: 6px
}
.publication .btn-transparent {
display: block;
margin-top: 50px;
text-align: center
}
.btn-transparent {
background: transparent;
border: 2px solid #fff;
color: #fff;
font-size: 18px;
font-weight: 300;
text-align: center
}
.btn-transparent:hover {
background: #fff;
color: #1693a7;
border-color: #fff
}
.contact .btn-transparent:hover {
color: #e85311
}
/***** Section Contact ****/

.btn-form {
border-radius: 20px;
line-height: 40px;
padding: 0 50px;
border-width: 2px;
font-size: 18px
}
button[type=submit].btn-form {
background-color: #000;
color: #fff
}
.form-control::-webkit-input-placeholder {
color: #000;
text-transform: uppercase
}
.form-control::-moz-placeholder {
color: #000;
text-transform: uppercase
}
.form-control:-ms-input-placeholder {
color: #000;
text-transform: uppercase
}
.form-control:-moz-placeholder {
color: #000;
text-transform: uppercase
}
select.form-control {
color: #000;
text-transform: uppercase
}
/****** Footer *****/
footer {
color: #969a9d
}
footer .footer {
background: #fff;
border-top: #f3f3f3 solid 0px;
padding: 20px 0px;
}
footer nav ul {
margin-bottom: 7px;
margin-left: 0;
padding-left: 0
}
footer nav ul li {
list-style: none;
padding: 0 6px;
display: inline-block;
position: relative
}
footer nav ul li:before {
left: -3px;
padding-top: 2px
}
footer nav ul li a {
font-size: 18px;
color: #969a9d;
text-decoration: none;
font-weight: 300;
}
footer nav ul li a:hover, footer nav ul li.active a {
color: #e6781e;
text-decoration: none
}
.logos_footer img {
display: inline-block
}
.navbar-collapse form[role="search"] button[type="reset"] {
display: none;
}
/***** Section content ****/
.form-control:focus {
box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
}
.search .btn-default.focus, .search .btn-default:focus {
color: #9a9b9c !important;
border-color: #ccc !important
}
section.content_site .content {
background-color: #f7f7f7;
padding: 7px 0
}
.breadcrumb > li + li:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.breadcrumb a:hover {
color: #005dab;
text-decoration: none
}
.breadcrumb a {
color: #777
}
.h1_title, .ctnPage p.h1_title {
font-size: 30px;
font-weight: 600;
color: #3e4247;
margin-bottom: 33px;
margin-top: 40px
}
section.content_site .content h2 {
font-size: 24px;
color: #cc0c39;
line-height: 48px
}
section.content_site .content h3 {
font-size: 20px;
color: #1693a7;
line-height: 40px
}
.text-note {
font-size: 18px;
font-weight: 500
}
.header-video {
margin: 20px 0;
font-size: 36px;
font-weight: 300
}
div.content_video {
padding: 30px;
background: #f6f6f6;
border-radius: 4px;
margin-bottom: 30px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
div.content_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.panel-title i:after {
content: "-";
font-style: normal;
font-weight: normal;
}
.panel-title .collapsed i:after {
content: "+";
}
.panel-title i, .panel-title, .panel-title a {
color: #e6781e;
border-color: #e6781e
}
.panel-title i {
margin-top: -16px;
}
.panel-title .collapsed, .panel-title a.collapsed {
color: #000
}
.panel-title .collapsed i {
color: #d9d9d9;
border-color: #d9d9d9
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: transparent
}
.table_title {
font-size: 20px;
font-weight: 500;
color: #158fa2;
margin: 15px 0
}
nav[aria-label*=navigation] {
text-align: center;
}
/***** Actualites ****/
.imgNews img {
width: 100%
}
.listItems .item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e8e8e8
}
.listItems .item:last-child {
/*margin-bottom: 0;
padding-bottom: 0;*/
border-bottom: 0
}
.dateNews {
color: #1693a7;
font-size: 14px;
font-weight: 500;
}
.listNews .title {
color: #434141 !important;
margin: 10px 0;
font-size: 18px !important;
font-weight: 500;
line-height: 24px !important;
display: block;
}
.listNews .title a, .listNews .title a:hover {
color: #434141
}
.listNews .desc {
font-size: 14px
}
/***** Actualites  details ****/
.actuDetail .title {
color: #434141 !important;
margin: 0 0 10px;
font-size: 24px !important;
font-weight: 500;
line-height: 30px !important
}
.detLinks {
font-size: 16px;
border-top: 1px solid #e8e8e8;
padding-top: 30px;
margin-top: 25px;
margin-bottom: 3px;
color: #382c63;
clear: both;
overflow: hidden;
float: left;
width: 100%;
}
.btn-gris {
background: #fff;
border: #cacaca solid 2px;
border-radius: 20px;
line-height: 40px;
padding: 0 30px 0 20px;
position: relative;
font-weight: 500;
text-align: left;
color: #cacaca;
font-size: 16px;
text-transform: uppercase;
}
.btn-gris i {
margin-right: 25px;
}
/***** page Topics ***/
.container .jumbotron_small {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
padding: 30px
}
.jumbotron p .img_left, .jumbotron p img {
max-width: 100%
}
.topics_list .item {
background: #f9f9f9;
padding: 0 0 0 20px;
border-radius: 3px;
border: 1px solid #fff;
border-bottom: 2px solid #f0f0f0;
margin-bottom: 10px;
transition: all .2s ease-in;
}
.topics_list .actions a {
display: block;
float: left;
width: 32%;
text-align: center;
border-right: 1px solid #dcdcdc;
padding: 0;
color: #8596a6;
line-height: 48px;
}
.topics_list .actions a:last-child {
border: 0
}
.topics_list .actions i {
vertical-align: middle;
}
.topics_list .actions a:hover .fa-facebook {
color: #0570d5;
;
}
.topics_list .actions a:hover .fa-twitter {
color: #44b8fb
}
.topics_list .item .titre {
padding: 20px 0;
font-size: 16px;
font-weight: 500
}
.topics_list .item .titre a {
text-decoration: none;
color: #000;
}
.topics_list .item:hover .titre {
font-weight: 600;
}
.topics_list .item:hover {
-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0);
background: #fff;
border: 1px solid #f1f1f1;
}
.topics_list .item:hover {
-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
background: #fff;
border: 1px solid #f1f1f1;
}
.topics_list h2 {
font-weight: 600;
font-size: 26px;
margin-top: 0
}
.topics_list h2 span {
color: #8496a6;
font-weight: 400;
font-size: 20px
}
.container .jumbotron_color {
background: #8596a6;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #fff
}
.vote .question {
display: block;
font-weight: 300;
font-size: 30px;
margin-bottom: 25px
}
.vote label {
font-size: 18px;
font-weight: 500
}
.vote button[type=submit].btn-form {
background-color: transparent;
color: #fff;
border-color: #fff;
font-weight: 300
}
.filter .title {
font-size: 18px;
font-weight: 500;
color: #3e4247;
border-bottom: 2px solid #1693a7;
padding-bottom: 10px;
margin-bottom: 15px;
}
.filter button[type=submit] {
width: 100%
}
.filter label {
font-weight: 500
}
.filter .form-control {
height: 36px
}
.selectDate > label {
display: block
}
.selectDate .input-group {
width: 48%;
float: left
}
.selectDate .input-group:last-child {
float: right
}
.filter .form-control::-webkit-input-placeholder {
color: #b5b5b5;
text-transform: none
}
.filter .form-control::-moz-placeholder {
color: #b5b5b5;
text-transform: none
}
.filter .form-control:-ms-input-placeholder {
color: #b5b5b5;
text-transform: none
}
.filter .form-control:-moz-placeholder {
color: #b5b5b5;
text-transform: none
}
.filter select.form-control {
color: #b5b5b5;
text-transform: none
}
.filter .input-group-addon {
background: #fff;
border-left: 0;
padding: 0 6px
}
.filter .input-group .form-control {
border-right: 0;
padding-right: 0;
padding-left: 6px;
font-size: 12px
}
/*---- site map --*/
.sitemap .list-group {
margin: 0
}
.sitemap .list-group-item {
padding: 16px 0;
}
.sitemap > ul > .list-group-item:first-child {
padding-top: 0
}
.sitemap .list-group-item a {
color: #000;
}
.sitemap > ul > li > a {
font-size: 16px;
font-weight: 500
}
.sitemap li a:hover {
color: #c8123d;
text-decoration: none
}
.sitemap .list-group-item:hover:before {
color: #c8123d;
}
.sitemap .list-group-item:before {
content: "\f0da";
}
.sitemap .list-group-item:before {
display: none;
}
.sitemap .list-group-item .list-group .list-group-item:before {
display: inline-block;
top: 9px;
left: 0;
}
.sitemap .list-group-item .list-group .list-group-item {
padding: 6px 0 6px 20px;
border-bottom: none;
}
.sitemap .list-group-item .list-group .list-group-item a {
font-size: 14px;
}
.sitemap .list-group .list-group-item .list-group {
border-bottom: none;
padding: 5px 0 0 0;
margin: 0;
}
/***----- Faq ----**/

.faq .panel-default.box_faq {
border: none;
border-bottom: #eaeaea solid 1px;
padding: 7px 0;
margin: 0;
}
.faq .panel-title {
font-size: 16px;
font-weight: 500;
line-height: 24px !important;
}
.faq .panel-title a {
font-size: 16px;
}
.faq .panel-collapse:before {
position: absolute;
left: 20px;
top: -20px;
content: "\f0d8";
display: block;
font-family: FontAwesome;
font-size: 24px;
color: #f2f0f0;
}
.faq .panel-collapse {
background: #f2f0f0;
padding: 25px 30px;
border-radius: 10px;
position: relative;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 10%;
}
.faq .panel-collapse .panel-body {
padding: 0;
}
/***----- Liens utiles ----**/
.usuful_links_item:after {
clear: both;
display: block;
content: '';
}
.usuful_links_item {
border-bottom: #eaeaea solid 1px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.usuful_links_item div:nth-child(1) {
padding-top: 7px;
font-size: 16px;
font-weight: 500;
}
.usuful_links_item div:nth-child(2) {
border-left: #eaeaea solid 1px;
padding-left: 30px;
line-height: normal;
}
.usuful_links_item div:nth-child(2) label {
color: #949494;
font-weight: 400;
}
.usuful_links_item div:nth-child(2) p {
margin: 0;
font-weight: 500;
line-height: normal;
}
.usuful_links_item div:nth-child(2) p a {
color: #3e4247;
}
.usuful_links_item div:nth-child(2) p a:hover {
color: #e6781e;
text-decoration: none;
}
header .select_topics {
display: none;
background: #000;
border: #424242 solid 1px;
border-radius: 4px;
color: #fff !important;
margin-bottom: 10px;
}
.menu_user .navbar-toggle {
background: #dd1c37;
float: left;
margin-left: 20px;
border: none;
}
/** style 2 **/

.h1_title {
font-weight: 700;
}
.h1_title i {    font-size: 14px;
color: #777;
margin-top: 0;
display: block;
font-weight: 600;
}
.ctnPage p {
font-size: 16px;
margin: 15px 0;
}
.ctnPage .p_lg {
font-weight: 300;
font-size: 18px;
}
.ctnPage .img_left {
float: left;
margin-right: 20px;
}
.clr {
clear: both;
width: 0;
height: 0;
}
.ctnPage .p_big {
font-size: 24px;
font-weight: 300;
}
section.content_site .content h2.h2_title {
font-size: 24px;
color: #005dab;
position: relative;
}
section.content_site .content h2.h2_title span {
padding-right: 38px;
display: inline-block;
;
}
section.content_site .content h2.h2_title:after {
content: "";
background: #005dab;
position: absolute;
width: 80px;
height: 5px;
top: 26px;
}
.list-group {
margin-left: 0px;
}
.list-group-item {
position: relative;
display: block;
padding: 8px 0 8px 21px;
margin-bottom: 0;
font-size: 15px;
background: none;
border-bottom: none;
border-radius: 0;
}
.list-group-item:before {
content: "\f138";
color: #dd1c37;
top: 11px;
left: 0;
}
.newsletter_box .input-group input {
padding-left: 15px;
padding-right: 12px;
background-color: #f7f7f7;
}
section.content_site .content h3.h3_title {
font-size: 18px;
color: #a0124a;
position: relative;
font-weight: 500;
}
section.content_site .content h3.h3_title span {
padding-right: 27px;
display: inline-block;
;
}
section.content_site .content h3.h3_title:after {
content: "";
background: #e591b2;
position: absolute;
width: 40px;
height: 5px;
top: 26px;
}
.table_title {
font-size: 19px;
font-weight: 700;
color: #000;
margin: 15px 0;
text-transform: uppercase;
position: relative;
padding-left: 23px;
}
.table_title:before {
position: absolute;
top: 4px;
left: 0px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
color: #a0124a;
content: '\f054';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.table > thead > tr > th {
background: #951145; /* Old browsers */
background: -moz-linear-gradient(top, #951145 0%, #a62357 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #951145 0%, #a62357 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #951145 0%, #a62357 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#951145', endColorstr='#a62357', GradientType=0); /* IE6-9 */
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border: none;
}
.table-bordered > tbody > tr > th {
border-right: #890d3e solid 1px;
}
.table-bordered > tbody > tr > th:last-child {
border: none;
}
/** page news **/
.listItems .item {
margin-bottom: 25px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.listItems .item:hover {
background: #f7f7f7;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.dateNews {
color: #666666;
font-size: 18px;
font-weight: 300;
}
.listItems .dateNews{
color: #1693a7;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
display: block;
}
.textdetail {
font-size: 16px;
line-height: 1.2;
color: #000;
display: block;
margin-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
}
#form_search .form-group {
float: left;
width: 100%;
}
#search {
background: transparent;
}
textarea {
resize: vertical;
}
.listNews .title a {
font-size: 24px;
font-weight: 500;
line-height: 1.2;
counter-reset: #000;
}
.pageassets .titre .textdetail:last-child{
margin-bottom: 0px;
border-bottom: 0px  solid #e8e8e8;
padding-bottom: 0px;
}
.pageassets .listItems .item {
margin-bottom: 0px;
}
.listNews .title a:hover {
color: #005dab;
text-decoration: none;
}
.listNews .btn-primary {
background: #000;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
border: none;
margin-top: 11px;
}
.listNews .actions-top .btn-primary{margin-top: 0px;
margin-bottom: 11px;}
.listNews .btn-primary:hover {
background: #dd1c37;
}
.no-padding-lr{
padding-left: 0;
padding-right:0;
}
path{
float: right;
}
.pagination {
float: right;
width:100%;
text-align: center;
margin: 20px 0 50px 0;
}
.pagination>li {
display: inline-block;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background: none;
color: #9e9e9e;
font-size: 18px;
font-weight: 500;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background: none;
}
select {
cursor: pointer;
}
.filter {
margin-top: 25px;
margin-bottom:30px;
}

.style-select {
background: transparent;
min-width: 160px;
overflow: hidden;
border: 1px solid #d8d8d8;
position: relative;
width: 97%;
border-radius: 3px;
background: #f7f7f7;
}
.style-select select {
height: 48px;
width: 99%;
border: 0;
background: none;
padding-left: 1%;
font-size: 16px;
outline: none;
text-transform: uppercase;
font-weight: 300;
}
.style-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: ”;
background: url("../images/select.gif") 100% 0 no-repeat;
}
.pagination > li > a {
position: relative;
float: left;
padding: 2px 0px;
width: 33px;
text-align: center;
margin-left: 0;
font-size: 18px;
line-height: 1.42857143;
color: #9e9e9e;
font-weight: 500;
text-decoration: none;
background-color: #fff;
border-left: 1px solid #ebebec;
}
.pagination > li:first-child > a {
background: #fafafa;
border: #d9d9d9 solid 1px;
border-radius: 16px;
padding: 3px 3px 0 0px;
}
.pagination > li:last-child > a {
background: #fafafa;
border: #d9d9d9 solid 1px;
border-radius: 16px;
padding: 3px 0 0 3px;
}
.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
color: #000;
}
.pagination > li:nth-child(2) > a {
border: none;
}
ul.pagination .fa-angle-left:before {
content: "\f0d9";
}
ul.pagination .fa.fa-24 {
font-size: 20px;
}
ul.pagination .fa-angle-right:before {
content: "\f0da";
}
/** sub news **/
.date_subpress {
color: #666;
font-size: 18px;
}
.titre_subpress {
color: #000;
font-size: 34px;
font-weight: 500;
}
.desc1 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
.img_sub_news {
margin: 20px 0
}
.return {
height: 28px;
line-height: 28px;
background: none;
border: #b5b5b5 solid 1px;
color: #b5b5b5;
height: 28px;
line-height: 28px;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
padding: 0 18px 0 33px;
position: relative;
}
.return:hover {
background: #b5b5b5;
border: #b5b5b5 solid 1px;
}
.return:after {
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
content: "\f053";
left: 12px;
top: 7px;
color: #b5b5b5;
}
.return:hover:after {
color: #fff;
}
.download {
height: 28px;
line-height: 28px;
background: #000;
border: #b5b5b5 solid 1px;
color: #fff;
height: 28px;
line-height: 28px;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
padding: 0 45px 0 16px;
position: relative;
margin-left: 7px;
vertical-align: top;
border: #000000 solid 1px  ;
}
.pageassets .download { border: #000000 solid 1px  ;}

.download:hover {
background: #000;
border: #b5b5b5 solid 1px;
color: #fff;
}
.pageassets .download:hover  { border: #dd1c37 solid 1px  ;}
.carousel_publication .owl-carousel .owl-item img.responsive{ max-width: 100%;
height: auto;width: auto;}
.download:after {
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
content: "\f019";
right: 14px;
top: 7px;
}
.share {
padding-top: 23px;
}
/** page link **/
.listLink .title {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: #000;
}
.listLink .title:hover {
color: #005dab;
text-decoration: none;
}
.listLink .title span {
display: block;
background: url("../images/link.gif") 0 2px no-repeat;
color: #666666;
font-size: 18px;
font-weight: normal;
padding-left: 26px;
margin-top: 6px;
}
.listLink .title:hover span {
color: #dd1c37;
background: url("../images/link-h.gif") 0 2px no-repeat;
}
/** page contact **/
.form-control {
border-radius: 4px;
border: #d8d8d8 solid 1px;
background: #f7f7f7;
font-size: 16px;
color: #333;
text-transform: none;
}
button.btn-form {
background: #000;
border-radius: 4px;
color: #fff;
border: none;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
padding: 0;
width: 101px;
text-align: center;
height: 30px;
line-height: 30px;
}
button.btn-form:hover {
background: #005dab;
border: none;
color: #fff;
}
.obligatoire {
color: #808080;
font-size: 12px;
font-weight: 500;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-transform: none !important;
}
input::-moz-placeholder { /* Firefox 19+ */
text-transform: none !important;
}
input:-ms-input-placeholder { /* IE 10+ */
text-transform: none !important;
}
input:-moz-placeholder { /* Firefox 18- */
text-transform: none !important;
}
input, textarea, button, select {
outline: 0
}
.msg_erreur {
margin-top: 20px;
}
.form_contact label.error {
font-size: 12px;
color: #f93030;

}
.msg_erreur .titre {
color: #dd1c37;
font-size: 20px;
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.msg_erreur .detail {
border-left: #dd1c37 solid 4px;
padding-left: 16px;
color: #000000;
font-size: 24px;
font-weight: 500;
display: block;
}
.msg_erreur .retour {
height: 30px;
line-height: 30px;
width: 100px;
text-align: center;
background: #dd1c37;
color: #fff;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
display: block;
border-radius: 3px;
margin: 20px;
}
.msg_erreur .retour:hover {
text-decoration: none
}
.msg_succes {
margin-top: 20px;
}
.msg_succes .titre {
color: #229d28;
font-size: 20px;
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.msg_succes .detail {
border-left: #229d28 solid 4px;
padding-left: 16px;
color: #000000;
font-size: 24px;
font-weight: 500;
display: block;
}
.msg_succes .retour {
height: 30px;
line-height: 30px;
width: 100px;
text-align: center;
background: #229d28;
color: #fff;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
display: block;
border-radius: 3px;
margin: 20px;
}
.msg_succes .retour:hover {
text-decoration: none
}
img{
max-width:100%;
height:auto;
}
/** page cawtaryet **/
.d-flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.cont_elem{
background: #f7f7f7;
padding: 15px;
height: 100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

}
.cawtar .elem .cont_elem:hover {
background: #f7f7f7;
border-radius: 10px;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
}
.cawtar .elem {
text-align: center;
padding: 3% 15px;
}
.cawtar .elem img {
margin-bottom: 15px;
max-width: 100%;
height: auto;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
width: 100%;
}
.cawtar .elem .title {
display: block;
color: #000;
font-size: 14px;
font-weight: 500;
margin: 0;
text-transform: none;
}
.cawtar .elem .title strong {
font-weight: 500
}
.cawtar .elem .desc {
font-size: 12px;
color: #000;
font-weight: 300;
}
.cawtar .btn-primary {
background: #dd1c37;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
border: none;
margin-top: 15px;
padding: 4px 0px;
width: 141px;
text-align: center;
visibility: hidden;
}
.cawtar .elem .detail_plus {
visibility: hidden;
}
.cawtar .elem:hover .btn-primary {
visibility: visible;
}
.cawtar .elem:hover .detail_plus {
visibility: visible;
}
/** page media room **/
.mediaRoom {
text-align: center;
margin-bottom: 20px;
}
.cont_mediaroom {
height: 100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.cont_mediaroom:hover {
background: #f7f7f7;
border-radius: 10px;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
}
.mediaRoom .title {
font-size: 18px;
font-weight: 500;
display: block;
padding: 25px 15px 5px;
color: #000;
}
.mediaRoom .desc {
font-size: 14px;
font-weight: 300;
display: block;
padding: 0 15px;
color: #000;
}
.mediaRoom .img {
position: relative;
display: block
}
.mediaRoom .img:after {
position: absolute;
content: "\f002";
font: normal normal normal 14px/1 FontAwesome;
left: 45%;
top: 40%;
font-size: 27px;
color: #fff;
background: rgba(0, 0, 0, 0.3);
border-radius: 30px;
padding: 10px;
}
.mediaRoom:hover .img:after {
color: #fbd72c;
}
.video .img:after {
position: absolute;
content: "\f04b";
font: normal normal normal 14px/1 FontAwesome;
left: 45%;
top: 40%;
font-size: 27px;
color: #fff;
background: rgba(0, 0, 0, 0.3);
border-radius: 30px;
padding: 10px;
}
.video .img:hover:after {
color: #fbd72c;
}
.popup-gallery .row {
margin-bottom: 65px;
}
.mediaRoom:hover .title, .mediaRoom:hover .desc {
text-decoration: none;
color: #005dab;
}
.mediaRoom.popup-video:hover .title, .mediaRoom.popup-video:hover .desc {
color: #000;
}
.col-directories{
text-align: center;
margin-top: 20px;

}
.col-directories .title{
margin:20px 0;
}
.table > thead > tr > th {
border-right: #890d3e solid 1px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.table-bordered {
border: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background: #f3f3f3;
}
.table-bordered > tbody > tr > td {
border-right: #d2d2d2 solid 1px;
color: #333333;
font-size: 16px;
text-transform: none;
font-weight: normal;
}
.table-bordered > tbody > tr > td:last-child {
border-right: none;
}
.table-bordered > tbody > tr:last-child > td {
border-bottom: #eacad7 solid 2px;
}
.panel-default {
border: none;
border-bottom: #d8d8d8 solid 1px;
padding-bottom: 25px;
}
.panel-default {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.panel-default:hover {
background: #f7f7f7;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.panel-title, .panel-title a {
color: #000;
font-size: 24px;
font-weight: 500;
}
.panel-title span {
display: block;
line-height: 1.2;
margin-bottom: 10px;
}
.panel-title span.see {
display: inline-block;
color: #fff;
font-size: 15px;
text-transform: uppercase;
background: #000;
border: none;
position: relative;
padding-right: 41px;
}
.panel-title span.see:after {
content: "\f06e";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 14px;
top: 8px;
}
.panel-title .accordion-toggle {
color: #000;
}
.panel-title .collapsed span.see, .panel-title span.see2 {
display: inline-block;
color: #fff;
font-size: 15px;
text-transform: uppercase;
background: #000;
border: none;
position: relative;
padding-right: 41px;
}
.panel-title .collapsed span.see:after {
content: "\f06e";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 14px;
top: 8px;
}
.panel-title span.see2 {
background: #dd1c37 !important;
}
.panel-title span.see2:after {
content: "\f070";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 14px;
top: 8px;
}
.panel-body {
background: #f3f3f3;
border-radius: 5px;
margin: 15px 0 0 35px;
font-size: 16px;
font-weight: normal;
}
.container .panel-default:last-child {
border: none
}
/** page sitemap **/

.sitemap_bloc ul {
list-style-type: none;
padding: 0
}
.sitemap_bloc ul li a:hover {
color: #dd1c37;
text-decoration: none
}
.sitemap_bloc > ul > li:first-child {
padding: 0 0 30px 0;
}
.sitemap_bloc > ul > li {
padding: 30px 0;
border-bottom: #d8d8d8 solid 1px
}
.sitemap_bloc .link_first > li > a {
font-size: 18px;
font-weight: 700;
color: #000000
}
.sitemap_bloc .link_second {
margin-top: 10px
}
.sitemap_bloc .link_second > li > a {
display: block;
margin-left: 30px;
color: #000000;
padding: 10px 0;
font-weight: 400;
font-size: 15px
}
.sitemap_bloc .link_second > li > a:before {
content: "\f061";
background: #dd1c37;
color: #ffffff;
border-radius: 50px;
padding: 3px;
font: normal normal normal 11px/1 FontAwesome;
margin-right: 5px;
}
/** page commande **/

.bloc_publ {
margin-bottom: 30px
}
.publ_img {
-webkit-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
.ctnPage .date_publ {
font-size: 18px;
color: #666666
}
.ctnPage .desc_publ {
font-size: 34px;
font-weight: 500;
line-height: 40px
}
/** bookstore **/
.detail_plus {
display: block;
color: #000000;
margin-top: 10px;
font-size: 16px;
}
.detail_plus:hover {
color: #dd1c37;
text-decoration: none
}
.detail_plus:after {
content: "\f054";
font: normal normal normal 12px/1 FontAwesome;
display: inline-block
}
.btn-primary.dark_btn {
background: #000000;
display: inline-block
}
.dark_btn {
background: #000000;
display: block;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
border: none;
margin-top: 15px;
padding: 4px 0px;
max-width: 100%;
text-align: center;
}

.share .dark_btn { margin-top: 0px;}
.block_item_book {
background: #f7f7f7;
padding:20px;
margin-bottom: 20px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.block_item_book:last-child {margin-bottom: 0}
.block_item_book:hover {
background: #f7f7f7;
border-radius: 10px;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
}
.book_item {
padding: 20px;
background: rgba(255, 255, 255, 0.4);
margin-bottom: 20px;
}
.block_item_book .book_item:hover {
box-shadow:none
}
.width-auto{
width: auto !important;
}
.img_book {
float: left;
width: 135px;
margin-right: 15px;
position: relative;
}
.contenu_book, .contenu_detail_book {
overflow: hidden;
}
.link-book {
float: left;
margin-top: 20px;
text-transform: uppercase;
}
.link-bookright {
margin-top: 20px;
background: #dd1c37;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
border: none;
margin-top: 15px;
padding: 4px 30px;
text-align: center;
float: right;

}
.link-bookright:hover {

background: #dd1c37;
color: #fff;


}
.link-book{    background: #000000;
display: inline-block;
color: #fff !important;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
border: none;
margin-top: 15px;
padding: 4px 30px;
text-align: center;}
.link-book:hover {
color: #fff;
background: #dd1c37;
}
.book_desc, .book_desc a {

font-weight: 800;
font-size: 30px;
line-height: 38px;
margin: 0 0 30px 0;
padding: 0;
}
.comment_btn {
background: #f3f3f3;
display: inline-block;
color: #777777;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
margin-top: 15px;
padding: 5px 15px;
max-width: 100%;
text-align: center;
border: 1px solid #afafaf;
box-sizing: border-box;
}
.dark_btn:hover {
background: #dd1c37;
border-color: #dd1c37;
color: #ffffff
}
p.date_subpress {
margin: 0
}
/** topics **/

.item_topic {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 20px;
margin-bottom: 15px;
position: relative;
}
.top_topic {
position: relative;
padding-right: 40px;
}
.item_topic p {
margin: 10px 0 0
}
.item_topic .title {
font-size: 24px;
font-weight: 500;
}
.item_topic .desc {
font-size: 14px;
font-weight: 300;
}
.item_download {
margin-left: 10px;
margin-bottom: 10px;
}
.item_download .doc_name {
float: left;
border-left: #ffcc01 solid 1px;
font-size: 16px;
font-weight: 400;
color: #666666;
padding: 5px 0
}
.item_download .doc_name i {
color: #005dab;
font-size: 18px;
padding: 0 5px 0 10px;
}
.item_download:after {
content: "";
clear: both;
overflow: hidden;
display: block
}
.item_download .doc_ico {
float: right
}
.item_download .doc_ico a {
padding: 5px;
margin: 0;
min-width: 40px;
width: auto;
}
.item_download .doc_ico a span {
text-indent: -99999px;
display: inline-block;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.item_download .doc_ico a:hover {
padding: 5px 10px
}
.item_download .doc_ico a:hover span {
text-indent: initial;
margin-right: 10px;
}
/** filter aside **/
.filter_aside {
background: #f3f3f3;
margin-bottom: 0
}
.filter_aside .title {
color: #005dab;
font-weight: 700;
font-size: 18px
}
.filter_aside .form-control {
background: #ffffff
}
.filter_aside label {
color: #000000;
font-size: 16px;
}
.filter_aside .subtitle {
color: #2f2f2f;
border-bottom: #005dab solid 1px;
padding-bottom: 15px;
margin: 10px 0 15px;
font-size: 18px;
font-weight: 500
}
.filter_aside .subtitle strong {
font-weight: 700;
display: block
}
.filter_aside .checkbox label {
font-size: 14px;
color: #666666
}
.filter_aside input, .filter_aside textarea, .filter_aside select {
color: #898989;
font-size: 14px;
font-weight: 400;
}
.filter_aside input::-webkit-input-placeholder {
color: #898989 !important;
font-size: 14px;
font-weight: 400;
}
.filter_aside input::-moz-placeholder {
color: #898989 !important;
font-size: 14px;
font-weight: 400;
}
.filter_aside input:-ms-input-placeholder {
color: #898989 !important;
font-size: 14px;
font-weight: 400;
}
.filter_aside input:-moz-placeholder {
color: #898989 !important;
font-size: 14px;
font-weight: 400;
}
/** bloc sondage**/

.bloc_sondage {
background: #f8f8f8;
padding: 30px;
}
.bloc_sondage .ask {
font-size: 18px;
font-weight: 400
}
.bloc_sondage .dark_btn {
padding: 5px 15px
}
.bloc_sondage .radio {
margin: 0;
}
.bloc_sondage .radio label {
font-size: 16px;
font-weight: 700
}
.bloc_sondage .progress-bar-success {
background: url("../images/bg_sondage.jpg") repeat-x;
width: 17px;
height: 23px;
border-radius: 3px
}
.bloc_sondage .progress-bar-danger {
background: url("../images/bg_sondage_red.jpg") repeat-x;
width: 17px;
height: 23px;
border-radius: 3px
}
.progress {
height: 23px;
background-color: #FFFFFF;
box-shadow: none;
margin-bottom: 10px
}
.progress .skill {
font: normal 12px "Open Sans Web";
line-height: 23px;
padding: 0;
margin: 0 0 0 20px;
text-transform: uppercase;
}
.progress .skill .val {
font-style: normal;
margin: 0 20px 0 0;
position: absolute;
right: -60px;
color: #000000;
font-size: 16px;
font-weight: 500;
}
.progress-bar {
text-align: left;
transition-duration: 3s;
position: relative;
}
/** share button**/
.socialHolder {
position: absolute;
right: 0;
top: 0;
}
.socialShare {
margin-right: 0;
}
.socialShare .dropdown-menu {
right: 0;
left: auto !important;
;
padding: 0;
border: 1px solid #cccccc;
border-radius: 0;
min-width: 140px
}
.socialShare .dropdown-menu > li > a {
padding: 7px 10px;
text-align: left
}
.socialShare .dropdown-toggle {
background-color: inherit !important;
background: url("../images/picto_share.png") no-repeat;
width: 6px;
height: 22px;
border: none;
box-shadow: none;
padding: 0;
cursor: pointer;
display: block
}
.socialShare.open .dropdown-toggle {
background: url("../images/picto_share_hover.png") no-repeat;
}
.socialHolder .dropdown-toggle.btn-info:focus {
outline: none;
}
.mobile-social-share {
background: none repeat scroll 0 0 #EEEEEE;
display: block !important;
min-height: 70px !important;
margin: 50px 0;
}
.mobile-social-share h3 {
color: inherit;
float: left;
font-size: 15px;
line-height: 20px;
margin: 25px 25px 0 25px;
}
.share-group {
float: right;
margin: 18px 25px 0 0;
}
.btn-group {
display: inline-block;
font-size: 0;
position: relative;
vertical-align: middle;
white-space: nowrap;
}
.mobile-social-share ul {
float: right;
list-style: none outside none;
margin: 0;
min-width: 61px;
padding: 0;
}
.share {
min-width: 17px;
}
.mobile-social-share li {
display: block;
font-size: 18px;
list-style: none outside none;
margin-bottom: 3px;
margin-left: 4px;
margin-top: 3px;
}
.btn-share {
background-color: #BEBEBE;
border-color: #CCCCCC;
color: #333333;
}
.btn-share .btn {
background-color: #ffffff !important;
color: #999999 !important;
}
.socialShare .btn span {
padding-left: 10px;
font-weight: 500;
font-size: 14px;
color: #999999;
}
.socialShare i {
font-size: 18px !important;
}
.btn-facebook i {
color: #4662b1;
}
.btn-twitter i {
color: #1b95e0;
}
.btn-print i {
color: #dd1c37;
}
.btn-mail i {
color: #ffaa15;
}
.socialShare {
max-width: 59px;
}
.socialShare > a {
padding: 6px 10px 6px 10px;
}
.socialShare ul li {
border-bottom: 1px solid #cccccc;
}
.socialShare ul li:last-child {
border-bottom: none;
}

.directorie_bg{position: relative; }
.directorie_bg:before{ content: ""; position: absolute; left:-10px; top:0 ; bottom: 0; right:0; background: #8a0d39;
height:200%; width: 200%;
}

.fluid-content-wrapper{ background: #f3f3f3; max-width: 1920px; margin: auto; overflow: hidden}

@media (max-width: 320px) {
.knwoledge .item .link {

font-size: 14px;

}
.socialHolder {
padding-left: 5px;
padding-right: 5px;
}
.mobile-social-share h3 {
margin-left: 0;
margin-right: 0;
}
.socialShare {
margin-left: 5px;
margin-right: 5px;
}
.mobile-social-share h3 {
font-size: 15px;
}
}

@media (max-width: 238px) {
.mobile-social-share h3 {
font-size: 12px;
}
}
.scroll{    height: 225px;
overflow-y: scroll;    position: relative;
}

.container-all{ overflow: hidden;}
.newsletter_box .input-group input::placeholder{
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #577695;
}
.links_footer ul{
    display: flex;

    list-style: none;
    justify-content: flex-start;
    margin: 0;
    padding: 0;

}.links_footer a{
    color: #abbaca;
    font-size: 14px;
}
.links_footer a:hover{
    color:#004f9f;
}
.links_footer li:first-child::after{

    content: "";
    display: inline-block;
    height: 11px;
    width: 1px;
    margin: 0 20px;
    background-color: #abbaca;

}
.links_footer {
    margin-bottom: 10px;
}

.safeness{

width: 100%;
height: 100%;
position: relative;
background-color: #2A2446;


}.safeness .contenu_safeness p{

    font-size: 44px;
    font-weight: 300;color: #fff;
}
.safeness .contenu_safeness p span{

  font-weight:700;
}


.safeness .banner_safeness{
max-width: 100%;
height: 100vh;

}
.safeness .contenu_safeness{font-family: 'Inter', sans-serif;
text-align: center;

    width: 600px;
    position: absolute;
    top: 50%;
    right: 132px;
    transform: translate(0,-50%);
    border-right: 4px solid #F26100;
    padding-right: 120px;


}
.safeness .contenu_safeness p.beconnected{
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    width: 384px;
    margin-bottom: 25px;
    margin: 20px auto 25px auto;


}
.bloc_video{
position: relative;
    margin: 25px 0;
}.bloc_video img{ box-shadow: 19px 20px 19.5px 0px rgba(0, 0, 0, 0.25);}
.bloc_video .popup-youtube:before{

content: "";
width:48px ;
cursor: pointer;
height:48px ;
background: url(../images/play_arrow.png);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);




}
.apli_links a:first-child{ margin-right: 15px;}

.communautyblock{     /*margin-top: 20px;padding:0px 0 30px 40px; position: relative; overflow: hidden;*/}
.communautyblock:after{   /*
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: url(../images/community.png) no-repeat top right 0%;
height: 100%;
width: 50%;
min-height: 550px;*/
}
.communautyblock nav{
display: inline-block;
width: 100%;
text-align: left;
}
.communautyblock nav ul
{
padding: 0; margin: 0;
text-align: left;
}
.communautyblock nav ul li
{
display: inline-block; list-style: none;
font-size: 18px;
color: #969a9d;
text-decoration: none;
font-weight: 300;
position: relative;

}
.communautyblock nav ul li a {
font-size: 18px;
color: #969a9d;
text-decoration: none;
font-weight: 300;
}
.communautyblock nav ul li a:hover { color:#337ab7}

.communautyblock nav ul li:after {
left: -3px;
padding-top: 2px;
}
.communautyblock nav li:after {
content: '';
position: relative;
left: 1px;
font-weight: 100;
font-family: "roboto";
background-color: rgb(150, 154, 157);
opacity: 0.4;
width: 1px;
height: 8px;
display: inline-block; margin: 2px 8px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: inline-block;
max-width: 100%;
height: auto;
}
.communautyblock nav li:last-child:after{
content: none;
}
.copyright {
color:#969a9d;
}
.newsletter_box label {
font-size: 24px;
line-height: normal;
line-height: 1.0;
margin-bottom: 0;
margin-top: 0px;
}
.h3 {
font-size: 30px;
color: rgb(255, 255, 255);
line-height: 1.833;
text-align: left;
font-weight: 900;
margin: 0;
padding: 0;
margin-bottom: 15px;
font-family: "Roboto";
}
.h3 span
{font-weight: 300;}
.bt_blue {
background-color: rgb(77, 97, 226);
box-shadow: -1.113px 7.922px 8px 0px rgba(6, 4, 6, 0.03);
font-size: 14px;
color: rgb(255, 255, 255);
text-transform: uppercase;
line-height: 2.286;
text-align: center;
padding:8px 44px;
border-radius: 25px;
margin: 0 10px 0 0;
display: inline-block;
font-family: "Roboto";
}

.bt_green {
background-color: #27968f;
box-shadow: -1.113px 7.922px 8px 0px rgba(6, 4, 6, 0.03);

font-size: 14px;
font-family: "Roboto";
color: rgb(255, 255, 255);
text-transform: uppercase;
line-height: 2.286;
text-align: center;
padding:8px 44px;
border-radius: 25px;
margin: 0 10px 0 0;
display: inline-block;

}
.bt_blue:hover,.bt_green:hover{ background: #fff;}
.communautyblock  .form-group {
margin-bottom: 30px;
margin-top: 30px;
}
.block_community
{
padding-left: 30px;
margin-top: 15px;
margin-bottom: 60px;
z-index: 9;
position: relative;
}
.block_sociax{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
gap: 20px;

align-items: center;}
.langue{
    position: absolute;
    right: 20px;
    top: 0;

}
.block_sociax a{    font-size: 36px;}
.block_sociax .h3 {
font-size: 30px;
color: #000;
line-height: 1.833;
text-align: left;
font-weight: bold;
margin: 0;
padding: 0;
margin-bottom: 15px;
/* font-family: "Roboto"; */
font-size: 24px;
line-height: normal;
margin-bottom: 0;
}
.newsletter_box {

padding-top: 0px;
margin-top: 0px;
}
.knwoledge .item .title {
font-size: 31px;
font-weight: bold;
text-align: left;
color: #fff;}
.knwoledge .item p.desc_bann{
color:rgb(255, 255, 255);
font-weight: 300;
font-size: 22px;
margin-top: 0;
float: right;
margin-right: 0px;
text-align: center;
width: 100%;  margin-bottom:10px;
}
.carousel_directories .title {
font-size: 20px;
font-family: "Roboto";
color: rgb(0, 0, 0);
font-weight: bold;
line-height: 1.2;
font-weight: bold;
}
.carousel_directories img{  margin-top: 12px;}
.carousel_directories p {
font-size: 18px;
font-family: "Roboto";
font-weight: 400;
color: rgb(86, 86, 86);
line-height: 1.333;
text-align: left;
padding-right: 10px;
}
.gender-right {
text-align: left;
padding-left: 50px;
color: #fff;
width: 50%;
position: relative; z-index: 9;
}
.gender{  padding: 77px 0 63px 0px; text-align: center; position: relative; z-index: 9;}
.gender:after{
content: "";
position: absolute;
background-size: cover;
top: 0;
bottom: 0;
right: -19px;
background: url('../images/bg_gender.png') no-repeat top left;
height: 100%;
width: 58.33333333%;
min-height: 378px;
}

.gender-left h3{
font-size: 33px;
font-family: "Roboto";
color: rgb(0, 0, 0);
line-height: 1.091;
text-align: center;
font-weight: 900;
padding: 0px 95px;
margin-top: 5px;

}
.gender-right{
text-align: left;
padding-left: 50px;
color: #fff;
width: 50%;
}
.min-gender {
font-size: 17px;
font-family: "Roboto";
color: rgb(255, 255, 255);
line-height: 1.471;
text-align: left;
font-weight: 300;
}
.gender-right h3 {
font-size: 36px;
font-family: "Roboto";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.2;
text-align: left;
font-weight: bold;
}
a.savoir_plus {
font-size: 16px;
font-family: "Roboto", sans-serif;
color: #000;
text-transform: uppercase;
line-height: 2.286;
text-align: left;
font-weight: 700;

}
a.savoir_plus i{
font-size: 22px;
top: 2px;
position: relative;
left: 5px;
}
.gender a.savoir_plus {
color: #ffcc01;
}

a.savoir_plus:hover { color:rgb(251, 184, 17); text-decoration: none;}

.pubimg img{
border-radius: 3px;
border: solid 1px #f1f8ff;
max-width: 220px;
overflow: hidden;
}

.anged_bg{position: relative; }
.anged_bg:before{ content: ""; position: absolute; left:-10px; top:0 ; bottom: 0; right:0; background: #8a0d39;
height:100%; width: 200%;
min-height: 550px;
}
.ngd_block{ position: relative; z-index: 5; padding: 100px 30px 30px 30px;}
.fluid-content-wrapper{ background: #f1f8ff; margin: auto; overflow: hidden; padding-bottom: 45px;}
.ngd_block h3 {
font-size: 33px;
font-family: "Roboto";
color: rgb(255, 255, 255);
line-height: 1.273;
text-align: left;
font-weight:300;
width: 80%;
margin-top: 32px;
}
.link_nged{
font-size: 14px;
font-family: "Roboto";
color: #f8a9be;
text-transform: uppercase;
line-height: 2.286;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #f8a9be;
background-color: rgba(0, 0, 0, 0);
border-radius: 25px;
padding: 8px 40px;
margin-top: 48px;
display: inline-block;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;

}

.text_left_banner{ float: left;     width: 20%;}
.link_nged:hover,.link_nged:focus{ background: #fff; color:#d02d65}
.text_left_banner {
font-size: 25px;
font-family: "Roboto";
color: rgb(254, 251, 19);
font-weight: bold;
line-height: 1.2;
text-align: left;
padding-top: 40px;
padding-left: 70px;
}
.bt_news{ display: none;}
.bt_news span{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .4px;
line-height: 48px;
margin-left: 21px;
margin-right: 6px;
vertical-align: text-bottom;
flex-shrink: 1;
flex-grow: 1;
white-space: nowrap;
}
.bt_news i{    display: inline-block;
margin: 6px;
width: 36px;
height: 36px;
vertical-align: top;
flex-shrink: 0;
font-size: 32px;
flex-grow: 0;}
.bt_news.toggle {
right: -110px;
position: absolute;
bottom: 20px;
box-shadow: 0 4px 16px 0 rgba(0,0,0,.2), 0 3px 8px 0 rgba(0,0,0,.18);
z-index: 200;
-webkit-transform: scale(1) translateX(-50%);
transform: scale(1) translateX(-50%);
opacity: 1;
transition: transform .25s,opacity .25s,-webkit-transform .25s;
-webkit-transform-origin: left;
transform-origin: left;
background: #fdc331;
display: inline-flex;
height: 35px;
color: #fff;
border-radius: 30px;
vertical-align: top;
width: 280px;
}
.bt_news.toggle .date{
font-size:14px;
margin-top: 7px;
}
.bt_news i {
margin: 4px 6px;
width: 28px;
height: 28px;
font-size: 28px;
}
.bt_news:hover{
color:#fff;
background: #fbd72c;
}
.hoverimage{
position: relative;
}
.hoverimage:hover:after{

content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 100%;
z-index: 1;
background: linear-gradient(-90deg, rgba(255, 255, 255, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
transition: all .2s ease;
pointer-events: none;
}
.effect-zoom1 > a img {

backface-visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
/*-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;*/
}
.effect-zoom1:hover >a img {
/*   -webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale3d(1.1,1.1,1);
-ms-transform: scale3d(1.1,1.1,1);
-o-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);*/
}
.effect-zoom1{ position: relative; overflow: hidden; max-width: 100%;}
.containerall {
width: 1264px;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.span_titleasset{
font-size: 16px;
font-weight: 700;
color: #585555;
}
@media (min-width: 1200px){
.container {
width: 1200px;
}
}


/**********Page Publication************/
.page-interne.section_home {

display: inline-block;
width: 100%;
margin-bottom: 100px;
}
.section_home h2 {
font-size: 40px;
font-family: 'Inter', sans-serif;
color: rgb(2, 2, 2);
font-weight: 800;
line-height: 1.5;
margin-top: 40px;
margin-bottom: 30px;
}
.contenu_book, .contenu_detail_book {
overflow: hidden;
}
.book_item{
padding: 20px;
background: #f7f7f7;
margin-bottom: 20px;
text-align: left;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.book_item:hover{
background: #f7f7f7;
border-radius: 10px;
-webkit-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
-moz-box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);
box-shadow: 10px 10px 5px -5px rgba(218, 218, 218, 1);

}
.contenu_book span,
.contenu_book p,
.desc_book{
font-size: 14px !important;;
font-family: 'Open Sans', sans-serif !important;;
color: rgb(2, 2, 2) !important;;
line-height: 1.52 !important;;
font-weight: 400 !important;;
background-color: transparent !important;
}
.contenu_detail_book span,
.contenu_detail_book p{
font-size: 16px !important;;
font-family: 'Open Sans', sans-serif !important;;
color: rgb(2, 2, 2) !important;;
line-height: 1.52 !important;;
font-weight: 400 !important;;
background-color: transparent !important;
}
.book_desc, .book_desc a {
color: #020202;
font-weight: 800;
font-size: 30px;
line-height: 38px;
}
.img_book {
float: left;
width: 135px;
margin-right: 15px;
position: relative;
}
.img-responsive {
max-width: 100%;
height: auto;
}
p {
font-size: 25px;
font-family: 'Inter', sans-serif;
color: rgb(2, 2, 2);
line-height: 1.52;
font-weight: 400;
}
.link-book {
font-family: 'Inter', sans-serif;
float: left;
width: 50%;
color: #000;
margin-top: 20px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}
.link-bookright {
font-family: 'Inter', sans-serif;
float: left;
width: 50%;
color: #000;
margin-top: 20px;
font-size: 12px;
font-weight: 800;
text-align: right;
text-transform: uppercase;
}
.container .jumbotron, .container-fluid .jumbotron {
border-radius: 0 0 6px 6px;
}
.popup-gallery {
margin-top: 20px;
}
/**module sdgs**/
.bloc_news_right{}
.right .bloc_news_right {
min-height: inherit;
padding: 20px 35% 20px 0;
}

.bloc_news_right .theme {
color: #fff;
font-weight: 500;
padding: 2px 15px 2px 10px;
background: #dd1c37;
font-size: 12px;
}
.bloc_news_right .date {
font-size: 16px;
font-weight: 500;
padding: 0;
margin: 0 0 10px;
color: #000;
}
.bloc_news_right .title {
font-size: 22px;

padding: 0;
margin: 0 0 10px;
line-height: 27px;
color: #000;
font-weight: bold;
}
.bloc_news_right .img {
margin-bottom: 10px;
}
.bloc_news_right .img img {
max-width: 100%;
height: auto;
}
.bloc_news_right .desc {
font-weight: 300;
line-height: 25px;
margin-bottom: 20px;
}

.bloc_news_right .bottom .btn {
background: #000;
padding: 7px 15px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
opacity: 1;
}
.right .block_carton {
background: #366db2;
padding-left: 30px;
padding-right: 40%;
padding-top: 30px;
padding-bottom: 30px;
}
.block_carton  .bottom .btn {
background: #000;
padding: 7px 60px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
opacity: 1;
}

.block_carton .link h3.title {
position: relative;
z-index: 2;
display: inline-block;
color: #fff;
font-size: 36px;
text-transform: uppercase;
padding: 0;
margin: 0;
line-height: 36px;
font-weight: bold;
width: calc(100% - 90px);
}
.block_carton i{
font-size: 66px;
color: rgb(255, 255, 255);
text-align: left;
margin-left: 20px;
margin-right:0;
float:left;
width: 70px;

}
.block_carton .link {
display: block;
position: relative;
margin-bottom: 20px;

}
.block_carton  .bottom{width: 100%;
position: relative;
display: inline-block; margin-bottom: 30px;}

/**module publication**/

.block_item_pub{padding:40px 80px 0px 0px;
}
.block_item_pub .pub_item{   border-bottom:1px solid #f3f3f3; padding-bottom: 40px; padding-left: 30px;
padding: 20px;
background: rgb(236 236 236 / 17%);
overflow: hidden;
margin-bottom: 20px;
}
.img_pub {
float: left;
width: 135px;
margin-right: 15px;
position: relative;
overflow: hidden;
}
.contenu_pubrow{
overflow: hidden;
}
.link-pubright{ padding:9px 32px;   color: rgb(0, 93, 171);     font-size: 15px;
border-style: solid;
border-width: 1px;
border-color: rgb(53, 108, 178);
background-color: rgba(0, 93, 171, 0);
border-radius: 3px;

float: right;
margin-top: 0px;
}

.link-pubright:hover{ background: rgb(53, 108, 178); color:#fff;}
.book_pub a{ font-size: 26px; color:#000; font-weight: bold;}
.book_pub a:hover{ text-decoration:underline}
.book_pub{    margin-bottom: 20px;
margin-top: 0;}
.contenu_pubrow p {
font-size: 18px;

color: rgb(2, 2, 2);
line-height: 1.42;
font-weight: 400;
}
.auteur {
font-size: 18px;
color: rgb(0, 93, 171);
font-weight: 500;
line-height: 1.2;
text-align: right;
display: inline-block;
margin-right:20px;
position: relative;
padding-right: 20px;
}
.block_item_pub .date {
font-size: 18px;

color: rgb(189, 189, 189);
font-weight: 500;
line-height:40px;
position: relative;
display: inline-block;
padding-left: 0px;

}
.botomflex{ margin-top: 15px;}

.block_item_pub .auteur:after {
content: "";
background-color: rgb(189, 189, 189);
position: absolute;
right:0;
width: 1px;
height: 14px;
top:3px

}

.contenttop{ border-bottom:1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
display: inline-block;
width: 100%;
}
.block_item_pub:last-child .pub_item{ border:0 solid;}
.contentsdg{ padding: 60px 50px  60px 50px }
.contentsdg.red,.contentsdg.blue2{ background:#f7f7f7 }
.contentsdg.red .col-md-8,.contentsdg.blue2 .col-md-8,  .contentsdg.red .col-md-9,.contentsdg.blue2 .col-md-9{ text-align: right;}
.numblock{font-size: 26px;
font-weight: 900;
margin-bottom: 20px;
}
h3.titlesdg{
font-size: 48px;
color: rgb(0, 0, 0);
font-weight: bold;
margin-bottom: 20px;

}
h3.titlesdg a{
font-size: 48px;
color: rgb(0, 0, 0);
font-weight: bold;


}

.linksgd {
background: #000;
padding: 7px 40px;
color: #fff;
font-size: 15px;
text-transform: uppercase;
opacity: 1;
border-radius: 3px;
font-weight: bold;
}


.contentsdg.blue .linksgd{background:#005dab;border:1px solid #f7b520;border:1px solid #fff;}
.contentsdg.red .linksgd{    background-color: rgb(193, 20, 27);border:1px solid #f7b520;border:1px solid #fff;}
.contentsdg.yellow .linksgd{background:#f7b520;border:1px solid #f7b520;border:1px solid #fff;}
.contentsdg.blue2 .linksgd{background:#019bdb;border:1px solid #019bdb; border:1px solid #fff;}

.contentsdg.blue .numblock{color:#005dab;}
.contentsdg.red .numblock {color:#c2151b;}
.contentsdg.yellow .numblock{color:#f7b520;}
.contentsdg.blue2 .numblock{color:#019bdb;}
h2{color:#000; font-size: 30px;}

.contentsdg.yellow .linksgd:hover {
background: #f7b520;

}
.contentsdg.blue .linksgd:hover{background:#fff;    border:1px solid #005dab; color:#005dab}
.contentsdg.red .linksgd:hover{    background-color:#fff;    border:1px solid rgb(193, 20, 27); color:rgb(193, 20, 27)}
.contentsdg.yellow .linksgd:hover{background:#fff;    border:1px solid #f7b520; color:#f7b520}
.contentsdg.blue2 .linksgd:hover{background:#fff;    border:1px solid #019bdb; color:#019bdb}
.pos-relative{
position: relative;
z-index: 99;
}
.content-practice-description{
padding:0 50px;
font-size: 22px;
font-family: "Roboto";
color: #fff;
font-weight: bold;
line-height: 1.2;
}
.content-practice-description h3{	font-size: 22px;
font-family: "Roboto";
color: #fff;
font-weight: bold;
line-height: 1.2;}


.bar_nav{
    background: transparent;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 0;
    z-index:4;
    width: 100%;

}
.bar_nav::before{
width: 100%;
content: "";
opacity: 0.08;
background: #000;
position: absolute;
width: 100%;
height: 100%;
}
.bar_nav .block_sociax {

justify-content: center;

}
.block_sociax a {
font-size: 20px;
gap: 20px;
color: #fff;
}
.toggle{
float: right;
position: relative;
z-index: 2;
cursor: pointer;


}
.close{ display: none;}
.close span{
width: 30px;

height: 4px;
display: block;
background-color: #000;
margin-bottom: 3px;
}
.open .close{ display: block;right: 55px;
top: 60px;opacity: 1; position: absolute; z-index: 3;}
.open .close .top{
background: #000;
transform: translateY(7px) translateX(0) rotate(45deg);
transition: 0.3s ease-in-out;
}
.title_knowldge{
font-size: 41px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #577695;
margin-bottom: 63px;
}
.knwoledge .item{

padding: 40px ;
border-radius: 10px;
margin-right: 30px;
background-color: #004f9f;

}
.knwoledge .owl-stage {

display: flex;


}
.knwoledge .owl-item .item {
height: 100%;
}

.toggle.open .top{
background: #000;
transform: translateY(7px) translateX(0) rotate(45deg);
transition: 0.3s ease-in-out;
}
.open .close .center {
opacity: 0;

}
.close .bottom{

transform: translateY(-7px) translateX(0) rotate(-45deg);
background: #000;
width: 100%;
transition: 0.3s ease-in-out;
}
.toggle.open .center{ opacity: 0;}

.toggle.open .bottom{

transform: translateY(-7px) translateX(0) rotate(-45deg);
background: #000;
width: 100%;
transition: 0.3s ease-in-out;
}
.toggle.open .midlle{

display: none;
}

.toggle span{

width: 30px;
height: 4px;
display: block;
background-color: #fff;
margin-bottom: 3px;
}
.accrocche{
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 37px;
color: #fff;
text-align: center;
position: absolute;
width: 70%;
line-height: 1em;;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

line-height: 1.07;

color: #fff;




}
.accrocche span{
font-size:46px ;
width: 100%;
display: block;
margin-bottom: 25px;
line-height: 1.2;
}
.plateformes{
display: flex;
margin: 0;
height: 100%;
width: 100%;
padding: 0;
overflow: hidden;
}
.plateformes .bg_jaune{
background-color: #FFD740;

margin: 0;
padding: 60px 0;display: flex;
align-items: center;
justify-content: center;

}
.fp-viewing-news .plateformes .bg_jaune{

    padding: 130px 0 0 0;
}
.fp-viewing-news .plateformes .bg_jaune img{
max-width: 40%;
}
.fp-viewing-news .plateformes .bg_jaune .pourcentage {
    font-size: 60px;
}
.fp-viewing-news .plateformes span{	font-size: 60px;}
.fp-viewing-news .bg_gris .content {

    padding: 60px 0 0 0;}
.fp-viewing-news .plateformes .desc {
    font-size: 20px;}
.plateformes .bg_jaune .content{

width: 365px;    text-align: left;
margin: auto;
padding-left: 70px;
border-left: 4px solid #000;
}
.pourcentage{
display: block;
font-weight: 900;
color: #000;
margin-top: 20px;
font-size: 88px;
}.pourcentage span{	font-size: 84px;}
ul.social { display: flex; gap: 25px;     justify-content: center; list-style: none;}
.bloc_footer{
display: flex;
align-items: center;


}ul.social li a{
    font-size: 21px;
}
.plateformes .desc{font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
display: block;}
.plateformes a{
font-size: 16px;
margin: 40px 0; font-family: 'din_probold';
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #202146; padding: 9px 28px;
border-radius: 4px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
border: solid 1px #243161;


}
.arrow-up-right-from-square{

background: url(../images/fleche_carre.png) no-repeat;
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin-top: 4px;
}

.bg_gris{

margin: 0;
padding: 0;
background-color:#DFE2F1 ;
position: relative;
overflow: hidden;

display: flex;
align-items: center;
justify-content: center;
}

.bg_gris:before{
background: url(../images/e-window.png) no-repeat;
content: "";
left: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.7;
filter: grayscale(1);


}
.bg_gris .content {
width: 360px;
padding: 30px;
margin: auto;
position: relative;
text-align: center;

}
.bg_gris .desc{
margin-top: 30px;
font-size: 23px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.41;
letter-spacing: normal;
text-align: center;
color: #243161;
}
.bg_gris a{ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
background-color: #fff; border: 0;}
.bg_maps{
background-color:
#f1f8ff;
position: rel
;
}
.menu_user{

right: -100%;
opacity: 0;
}.menu_user.open{

right: 0;
top: 0;
opacity: 1;
transition: 0.3s ease-out;
}


.desc_anged{
display: flex;
width: 400px;
flex-direction: column;
justify-content: space-between;
position: relative;
top: -30px;
}
.desc_anged p{ font-size: 32px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.09;
letter-spacing: -1.44px;
text-align: left;
color: #243161;}
.container-only-left {
margin-left: calc(50% - 300px);
display: flex;
justify-content: space-between;

}
.flex-direction
{

    flex-direction: column;
}
.images_anged{

    float: right;
}
.sign_in{
    background: #004f9f;
    padding: 9px 28px;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #004f9f;

}
.sign_in{

    font-family: 'din_probold';
    background: #004f9f;
    padding: 9px 28px;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    background-color: #004f9f;
    margin-right: 15px;

}
.registration{
    font-family: 'din_probold';
    background: #004f9f;
    padding: 9px 28px;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    background-color: #00a39e;

}
.desc_anged .logo
{
    margin-top: 50px;

}
.fellow p{margin-bottom: 35px; display: block;}
.sign_in, .registration{
font-size: 16px;
font-weight: bold;


text-align: center;
color: #fff;
}
.sign_in:hover, .registration:hover
{

background: #fff;
color:#004f9f;


}

.registration:hover
{
    color:#00a39e;
}


/**************Map CSS******************/
.country.active.hover,
.country.active,
.maroc_class.active.hover,
.maroc_class.active,
.country.active.hover .iland,
.country.active .iland {
    fill: #fbd72b;
}

.country.hover,
.maroc_class.hover,
.country.hover .iland {
    fill: #00a39e;

}

#popup-msg {
    display: none;
    cursor: pointer;
    margin-top: 25px;
}

.section_map_home {
    position: relative;
    background: #44b8fb;
    margin-top: -500px;
}

.section_map_home svg:not(:root) {
    overflow: hidden;
    max-width: 1170px;
    margin-top: -300px;
    float: right;
}

/*.section_map_home:after {*/
/*content: '';*/
/*position: absolute;*/
/*bottom: -265px;*/
/*left: 0;*/
/*background: url(../images/png/bg_map.png) no-repeat left top;*/
/*-webkit-background-size: cover;*/
/*-moz-background-size: cover;*/
/*background-size: cover;*/
/*min-height: 543px;*/
/*width: 100%;*/
/*}*/
.section_map_home > .svg {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.content_txt_map {
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 25%;
    pointer-events: none;
}

.title_map {
    color: #000;
    font-size: 65px;
    line-height: 78px;
    font-weight: 700;
    display: block;
    width: 100%;
    pointer-events: auto;
}

.content_txt_map .col-md-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
}

.label_map {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-top: 65%;
    margin-bottom: 30px;
    pointer-events: auto;
}

#comparateur_map {
    pointer-events: auto;
}

.country {


    text-align: center;
    background: #fff;
    border: 1px solid #dee4e9;
    padding: 48px 24px 49px;
    margin-bottom: 30px;
    /*-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;*/
}

.country:hover .maroc_class,
.country:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.country p {
    font-size: 16px;
    text-align: center;
}

.country_name {
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 20px;
    text-align: center;
}
text{
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: center;
    color: #0a3147;
}
text.hover{ color: white; fill: white; cursor: pointer;}
.emap_warapper g{
    float: right;
}
 .emap_warapper > .svg {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.emap_warapper svg:not(:root) {
    max-width: 1057px;
    margin-top: -282px;
    float: right;
}
.owl-dot{
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #dfe2f1;
}
.owl-dot.active{   background-color: #abbaca;}
.theme_pub{
    font-size: 13px;
    font-weight: 600;
    line-height: 1.42;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    display: block    ;


}
.title_pub{
    font-size:22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    display: block;
    color: #000;
    margin-bottom: 20px;

}
.desc_pub{
    font-size: 18px;
  line-height: 1.42;
  display: block;
  text-align: left;
  color: #577695;
}


.carousel_publication .owl-controls  {
    position: absolute;
    text-align: left;
    bottom: -90px;
    width: 20%;
}
.carousel_publication .owl-controls .owl-prev { float:left; font-size:72px; font-weight:400; color:#dedede; margin-left:10.5%;}
.carousel_publication .owl-controls .owl-next { float:right;  font-size:72px; font-weight:400;  color:#dedede;  margin-right:10.5%;}
.carousel_publication .owl-carousel.owl-loaded{
    height: 100%;

}

.carousel_directories .owl-dots { position:relative; float:left; margin-top:12px;}
.carousel_directories .owl-dots .owl-dot  { display:inline-block;}
.carousel_directories .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 0 0 5px;
    background: #fff;
	border:#d4d4d4 solid 2px;
    display: inline-block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.rotate-center {
	-webkit-animation: rotate-center 3s ease-in-out infinite both;
	        animation: rotate-center 3s ease-in-out infinite both;
}
body.open:before{
    background: rgba(0, 82, 161, 0.70);
    width:100% ;
    height: 100vh;
    content: "";
    position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
}
 @-webkit-keyframes rotate-center {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes rotate-center {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }