@import url('animate.css');
/*
    ---------------------------------------------------------------------------------------------------------------------------
    Core: General style
    ---------------------------------------------------------------------------------------------------------------------------
*/

html,
body {/*overflow-x: hidden!important;*/font: normal 13px 'Arial Narrow',Arial,Helvetica,sans-serif;-webkit-font-smoothing: antialiased;min-height: 100%;background: #f4f5f8;font-size-adjust: 0.5;}
html{background: #fff;}
footer { background: #929293; /*position: absolute;*/   bottom: 0px; width: 100%;}
a {
color: #d5031c;
transition: all 0.3s;
display: inline;
width: 100%;
padding: 9%;
height: auto;
}
a:hover,
a:active,
a:focus {outline: none;text-decoration: none;color: #d5031c;}
.relative{position:relative}.bold{font-weight: bold;}.overflow{overflow:hidden}
.petit {font-size: 11px;}.rouge {color: #c41824;}
a.moreinfos {display: inline-block;margin-top: 8px;color: #333;font-weight: bold;font-size: 13px;}
.clear{clear:both;}.hidden{display:none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #e2001a;/* text-transform: uppercase; *//* text-decoration: underline; */margin-top: 0px;font-family: 'Arial Narrow',Arial,Helvetica,sans-serif;text-align: center;}
td.petit{font-size: 12px;}
/* All images should be responsive */
img {vertical-align: middle;/*max-width: 13%;*/height: auto;/* margin-top: -7px; */width: 120px;/* border: 1px solid #eee; *//* position: absolute; */margin-right: auto;margin-left: auto;}

@media (min-width: 768px) {
  img{
    position:relative !important;
  }
}
.loading_grd{width:200px;height:200px;background: url(../images/loading2.gif) no-repeat 60px 60px;margin:50px auto;}

.text-big {font-size: 17px;}.text-spacing-40 {letter-spacing: 0.04em;}

.wrapper {position: relative;z-index: 10;/*background:#fff*/}
.background {background: url("../images/background.png") no-repeat center top,linear-gradient(#fff 0%, #f5f5f5 75%);}
.bg-gris{background: #222223/*#3e3e3d*/;}.text-white{color:#fff !important;}.text-vert {color: #8cd422/*#76C10*/;}
.text-gris {color: #999;}
.bg-yellow{text-align: center; /*background: #f9b421 !important; border:1px solid #ccc; *//**/margin-top: 30px;text-align:  center;color: white !important;/* MARGIN-LEFT: 18%; *//* margin-right: 18%; */}
.banneau-formation{padding-left: 0px !important; padding-right: 0px !important;}
.bg-yellow a {color:  #ffff;font-size:  21px; text-shadow: -1px 1px #966700;text-transform:  uppercase;}

.text-gris2 {color: #98A0B1;}
.text-jaune {color: #fdb625 /*#fa9700 #ff9b01#fdb524*/ /*f2b826*/;}
.text-red{color:#d5031c !important}
.text-red2{color:#d5031c !important}
.text-noir{color:#555 !important}
.text_justify{ text-align: justify !important;}
b.text-blue { color: #98a0b1;}

.bg-white{background: #fff;}
.bg-gris-light {background: #f2f3f8;fill: #f2f3f8;}

.btn-rouge {color: #ffffff;background-color: #d5031c;border-color: #c7031a;/* max-width: 150px; */}
.btn-rouge:hover,
.btn-rouge:focus,
.btn-rouge:active,
.btn-rouge.active {color: #ffffff;background-color: #c7031a;border-color: #ac2925;}

.btn-vert {color: #ffffff;background-color: #5ca003;border-color: #5ca003;/*background-color: #69b52e;border-color: #5aa421;*/}
.btn-vert:hover,
.btn-vert:focus,
.btn-vert:active,
.btn-vert.active {color: #ffffff;background-color: #69b52e;border-color: #5aa421;}

.btn-blue {color: #ffffff;background-color: #0155a5;border-color: #01498e;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {color: #ffffff;background-color: #01498e;border-color: #0155a5;}

.btn-jaune {color: #ffffff;background-color: #fdb524 /*f2b826*/;border-color: #fdb524 /*f2b826*/;}
.btn-jaune:hover,
.btn-jaune:focus,
.btn-jaune:active,
.btn-jaune.active {color: #ffffff;background-color: #fdb524 /*f2b826*/;border-color: #0155a5;}

.section-actu-groupe {overflow: hidden;padding: 0 0 25px 0;background: #fff;background-attachment: fixed;
    -webkit-background-size: cover;background-size: cover;
    background-position: center 20%;/*background-image: url(../images/entetes_pages/653.jpg);/*margin-top:15px;*/
    margin-top: /*50px*/30px;margin-bottom:  50px;
}
.section-actu-groupe .carousel-indicators {bottom: -20px;}
.carousel-indicators li{background: #e4e2e2;}

/******************HEADER*****************/
.opacity{opacity: 0.9;filter: alpha(opacity=90);}
header{position: relative;z-index: 99;padding: 0;padding-top:0;padding-bottom: 5px;}

.navbar-inner-top{/*height: 40px;overflow:hidden;*/background: #fdfdfe;padding:5px;}
.navbar-header{display:block;float:none}
.main-header {box-shadow: 0px 1px 2px #BBB;}

.navbar-wrap,
.navbar,
.navbar-brand,
.navbar-slogan,
.navbar-dropdown,
.navbar-megamenu,
.navbar-collapse-items,
.brand-name,
.navbar-nav,
.navbar-panel,
.navbar-search-form-input,
.navbar-search-form-submit,
.navbar-search-toggle,
.navbar-live-search-results,
.navbar-search-form {transition: .3s all ease;}

.navbar-default{background:transparent url(../images/fond-noir.png) left top repeat;border-color:transparent}.navbar{margin-bottom:0}

.brand-nav>ul{letter-spacing: 0.5px;}
.brand-nav>ul>li{list-style:none;font-size:14px;float:left;margin-right:25px;/*text-transform:uppercase;*/color:#8f8e8c;/*margin-bottom:5px;*/}
.brand-nav>ul>li:last-child{margin-right:0}.brand-nav>ul>li a{color:#fff;display:block;padding:0px 5px 9px;transition:color .3s ease;-webkit-transition:color .3s ease;font-size:14px;}
.brand-nav>ul>li.nom_connect>a { color: #8f8e8c !important; padding: 0px !important;}
.brand-nav>ul>li a.deconnexion{color:#fff;display:inline !important;}

.brand-nav>ul>li a:hover,.brand-nav>ul>li a:focus{color:#d7031c;text-shadow: 0px 1px 0px rgba(252, 252, 252, 0.4);}.brand-nav>ul>li:first-child a{padding-left:0}
.brand-nav>li.nom_connect { text-transform: uppercase;}
/*************MENU************/

.navbar-brand {padding: 8px !important;}
.navbar {border: 0;border-radius: 0;min-height: 0px;}
.navbar > .main-nav-border {box-shadow: 1px 2px 5px #333334ab;/*box-shadow:  4px 4px 5px #767676;border-bottom: 1px solid #ebebeb;*/}

.navbar-nav > li > a {color: #fff !important;padding:10px 7px;margin-right: 0;font-size: 15px;letter-spacing:1px;background-color: transparent !important;}
.navbar-nav > li > a.dropdown-form-toggle {color: #333;padding: 14px 16px;margin-top: 14px;margin-right: 4px;font-size: 15px;font-weight: normal;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {color: #fff !important;background-color: #d5031c !important;}
/*.navbar-nav > li > a.espace-candidats{/*background-color: #b92736 !important;*}
.navbar-nav > li > a.espace-entreprises{/*background-color: #f90622 !important;*}
.navbar-nav > li > a.espace-employes{/*background-color: #973f45 !important;*}*/

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {color: #fff !important;background-color: #d5031c !important;border-radius: 0;}
.navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus {color: #cccccc;background-color: transparent;}

.navbar-toggle {border-color: #333;padding:5px;margin-top: 15px;}
.navbar-toggle .icon-bar {background-color: #4c4c4c;}
.navbar-toggle .icon-custom {font-size: 18px;}
.navbar-toggle:hover, .navbar-toggle:focus {background-color: #d5031c !important;border-color: #d5031c;transition: all 0.3s;}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {background-color: #FFF;}
.navbar-toggle:hover .icon-custom, .navbar-toggle:focus .icon-custom {color: #FFF;}
.navbar-toggle-aside-menu {padding: 8px 10px 2px 10px;}

.navbar-collapse, .navbar-form {border-color: #e7e7e7;}
.navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret {border-top-color: #FFF;border-bottom-color: #FFF;}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color: #FFF;background-color: #d5031c;transition: all 0.3s;}
.navbar-nav > .open > a .caret, .navbar-nav > .open > a:hover .caret, .navbar-nav > .open > a:focus .caret {border-top-color: #FFF;border-bottom-color: #FFF;}
.navbar-nav > .dropdown > a .caret {border-top-color: #4c4c4c;border-bottom-color: #4c4c4c;}
.dropdown-menu {min-width: 180px;background: #FFF;border: 0;border-top: 1px solid #d5031c;border-bottom: 3px solid #d5031c;border-radius: 0;border-left: 1px solid #d5031c;border-right: 1px solid #d5031c;}
.main-nav-border .navbar-right .dropdown-menu {right: auto;left: 0;background: #fff;}
.main-nav-border .navbar-right #espace-candidat, .main-nav-border .navbar-right #espace-entreprise {
    right: 0 !important;
    left: auto !important;
 }


.dropdown-menu > li:last-child {border: 0;}.dropdown-menu > li > a {color: #333;padding: 8px 15px;}.dropdown-menu > li > a:hover {background: #d5031c;color: #FFF;}
.mega-dropdown-menu > li, .mega-dropdown-menu-mini > li {border-bottom: 0;}

.mega-dropdown-menu, .mega-dropdown-menu-mini{
    position:absolute;z-index:99999;width:800px;right:0;padding:15px;padding-left:0;
    -moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;box-shadow:0 0 10px rgba(0,0,0,.6);-moz-box-shadow:0 0 10px rgba(0,0,0,.6);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.6);background:#fff;
}
.mega-dropdown-menu-mini{width:600px}.dropdown-header{padding:3px;padding-left:0;}
.mega-dropdown-menu .dropdown-header h3, .mega-dropdown-menu-mini .dropdown-header h3{text-transform:uppercase;color: #585754;font-size:12px;padding:5px 0;font-weight:bold;/*border-left:2px solid #ff8d00;*/margin-bottom:5px;position: relative;margin-top:0}
.mega-dropdown-menu .dropdown-header h3::before, .mega-dropdown-menu-mini .dropdown-header h3::before{background-color: #d5031c;}
.mega-dropdown-menu .dropdown-header h3::before, .mega-dropdown-menu-mini .dropdown-header h3::before{width: 50px;z-index: 1;}
.mega-dropdown-menu .dropdown-header h3::before, .mega-dropdown-menu-mini .dropdown-header h3::before,
.mega-dropdown-menu .dropdown-header h3::after, .mega-dropdown-menu-mini .dropdown-header h3::after{
position: absolute;content: "";bottom: -2px;left: 0;height: 2px;
}
.mega-dropdown-menu .dropdown-header h3::after, .mega-dropdown-menu-mini .dropdown-header h3::after{right: 0;background-color: #dad6d6;}

.mega-dropdown-menu ul, .mega-dropdown-menu-mini ul{width:100%;height:100%;}
.mega-dropdown-menu > .col-sm-4 li a, .mega-dropdown-menu > .col-sm-3 li a, .mega-dropdown-menu-mini > .col-sm-3 li a, .mega-dropdown-menu-mini > .col-sm-4 li a, .mega-dropdown-menu-mini > .col-sm-6 li a{color: #d5031c;/*font-size: 12px;text-transform:normal;*/padding: 5px 5px;/*font-size: 16px;letter-spacing:1px;*/border-bottom:1px dotted #626365;display:block;margin-bottom:5px;}
.mega-dropdown-menu > .col-sm-4 li a:hover, .mega-dropdown-menu > .col-sm-3 li a:hover, .mega-dropdown-menu-mini > .col-sm-4 li a:hover, .mega-dropdown-menu-mini > .col-sm-6 li a:hover{color: #fff;background:#d5031c;}

.nav > ul {margin: 0;padding: 0;list-style: none;}
.nav > ul > li {border-bottom: 1px solid #333;}
.nav > ul > li > a {display: block;padding: 10px 15px;font-size: 14px;color: #fff;}
.nav > ul > li > a:hover {text-decoration: none;color: #d5031c;background: #292929;}
.nav > ul > li > a > i {margin-right: 5px;}

.background .navbar {height: 60px;background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}

@media (min-width: 768px) {
    .mega-dropdown-menu, .mega-dropdown-menu-mini{padding-left:15px}
    .dropdown-header{padding-left:3px;}

    .dropdown-menu:after, .arrow_box:before {bottom: 100%;left: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    .dropdown-menu:after {border-color: rgba(231,76,60,0);border-bottom-color: #fff;border-width: 10px;margin-left: 0;}
    .dropdown-menu:before {border-color: rgba(231,76,60,0);border-bottom-color: #fff;border-width: 10px;margin-left: 0;}

    .mega-dropdown-menu:after, .mega-dropdown-menu-mini:after {bottom: 100%;left: 6%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    .mega-dropdown-menu:after, .mega-dropdown-menu-mini:after {border-color: rgba(231,76,60,0);border-bottom-color: #fff;border-width: 10px;margin-right: 0;}

    #espace-candidat:after, #espace-entreprise:after {bottom: 100%;left: 90% !important;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    #espace-candidat:after, #espace-entreprise:after {border-color: rgba(231,76,60,0);border-bottom-color: #fff;border-width: 10px;margin-right: 0;}
}

/*OLD
.savoir_faire figure{margin-bottom:10px;position:relative;border: 0;box-sizing: border-box;-webkit-transition: color 0.25s;transition: color 0.25s;border:2px solid #676663;}
.savoir_faire figure:hover{border-color:#d5031c;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.savoir_faire .col-sm-4{padding-left:0}
.savoir_faire figure .overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: opacity 250ms linear;}
.savoir_faire figure:hover .overlay{background: #000;opacity: 0.4;filter: alpha(opacity=40);}
.savoir_faire figure span{position: absolute; top: 30%; left: 9%;text-align: center;padding: 10px 3px;transition: border .4s ease;color: #fff;font-weight: bold;border: 2px solid transparent;border-radius: 5px;font-size: 13px;margin: auto;margin-left: auto;margin-right: auto;width: 135px;}
.savoir_faire figure:hover span{border: 2px solid #fff;}
.savoir_faire figure span.formation{left:20%;}.savoir_faire figure span.event{left:30%;}
.savoir_faire figure span.tt{left:2%;}*/
.savoir_faire figure{margin-bottom:10px;position:relative;border: 0;box-sizing: border-box;-webkit-transition: color 0.25s;transition: color 0.25s;border:2px solid #676663;height: 100%;}
.savoir_faire figure:hover{border-color:#d5031c;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.savoir_faire .col-sm-4{padding-left:0;height: 105px;margin-bottom: 10px;}
.savoir_faire figure .overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: opacity 250ms linear;}
.savoir_faire figure:hover .overlay{background: #000;opacity: 0.4;filter: alpha(opacity=40);}
/*.savoir_faire figure span{position:absolute;top:30%;left:15%;text-align:center;padding:10px 3px;transition: border .4s ease;color:#fff;font-weight: bold;border: 2px solid transparent;border-radius: 5px;font-size: 13px;}*/
.savoir_faire figure span{position: absolute; top: 30%; left: 9%;text-align: center;padding: 10px 3px;transition: border .4s ease;color: #fff;font-weight: bold;border: 2px solid transparent;border-radius: 5px;font-size: 13px;margin: auto;margin-left: auto;margin-right: auto;width: 135px;}
.savoir_faire figure:hover span{border: 2px solid #fff;}
.savoir_faire figure span.formation{left:20%;}.savoir_faire figure span.event{left:30%;}
.savoir_faire figure span.tt{left:2%;}
.savoir_faire figure img{height: 100%; width: 100%}

/********** ESPACE CONNEXION MENU **********/
#espace-candidat form.form-horizontal .control-label{margin-bottom: 5px;}
form.form-horizontal .lien{padding: 7px 0 3px 10px;color: #555;}

/************** OFFRES MENUS ****************/
.label_expire {
    float:left; font-size: 12px;background: /*#d2001a*/#0D47A1;vertical-align: 50px;line-height: 0px;font-weight: lighter;padding-top: 3px; border: 1px solid #0e47a1;
}
ul.liste_mini_num{padding:5px;}
ul.liste_mini_num li{min-height:25px;padding:0 5px 5px 35px;border-bottom:1px dotted #ddd;position:relative;line-height:18px;}
ul.liste_mini_num li p{margin-bottom:0px}
ul.liste_mini_num li span.num{color:#d5d5d5;width:30px;height:16px;display:block;padding:7px 0;position:absolute;left:0px;top:5px;font-size:27px;}
ul.liste_mini_num li a{color:#555}
ul.liste_mini_num .font12{font-size:12px;color:#d01a64;} 
ul.liste_mini_num .color666{color:#666;}
ul.liste_mini_num .font12, ul.liste_mini_num .font12{font-size:12px;color:#999;}

.dropdown-menu article {position:relative;letter-spacing:1px;border-bottom: 0px solid transparent !important;margin-bottom: 0px !important;padding-bottom: 0px !important;}
.dropdown-menu article figure {margin-bottom: 7px;border: 3px solid #676663;}
.dropdown-menu article h3 {font-size: 25px;line-height: 36px;font-weight: 700;margin-bottom: 5px;;margin-top: 0px;font-family: 'Arial Narrow', arial,Helvetica,sans-serif;font-stretch: condensed;}
.dropdown-menu article h3 a{color:#676663;}.dropdown-menu article h3 a:hover{color:#d5031c;}
.dropdown-menu article p{font-size: 16px; line-height: 18px;}

article {border-bottom: 5px solid transparent;margin-bottom: 10px;padding-bottom: 15px;position: relative;/*letter-spacing: 1px;*/}
article.icon-box{border-bottom: 0;margin-bottom: 5px;}
article.no_border{border-bottom: 1px solid #ccc;margin-bottom: 10px !important;padding-bottom: 0px !important;}
article.no_border.last{border-bottom-color: #fff;}
a.category {position: absolute;top: 0;left: 0;color: #fff;font-size: 11px;text-transform: uppercase;padding: 5px 10px;background: #f07d01;height: auto !important;}
article.vert a.category{background: #009E49;}
article.vert_claire a.category{background: #99A61F;}
article.bf a.category{background: #EF2B2D;}

article.orange:hover{border-bottom:5px solid #f07d01;}
article.vert:hover{border-bottom:5px solid #009E49;}
article.vert_claire:hover{border-bottom:5px solid #99A61F;}
article.bf:hover{border-bottom:5px solid #EF2B2D;}

article a.play {background: url(../images/btn_video.png) 50% 50% no-repeat;
    position: absolute;width: 33px;height:33px;left: 50%;top: 50%;
}
/*article p {color: #333;font-weight: normal;font-size: 16px;line-height: 18px;margin-bottom: 15px;font-stretch: condensed;}*/

/*article p {color: #333;font-size: 17px;line-height: 18px;letter-spacing: 0.04em;}*/
article p {color: #232324;font-size: 17px;line-height: 26px;padding-top: 10px;}
/**/
article h3 {font-size: 25px;line-height: 36px;font-weight: 700;margin-bottom: 5px;;margin-top: 0px;font-family: 'Arial Narrow', arial,Helvetica,sans-serif;font-stretch: condensed;}
/*article h3 a {color: #d5031d;font-size: 14px;font-weight: bold;}*/
article h3.titre {font-size: 20px;}

article h3 a { color: #232324;  font-weight: lighter;}
#CarouselActu article {border-bottom: none;margin-bottom: 30px;padding-bottom: 15px;position: relative;/*letter-spacing: 1px;*/}
#CarouselActu article figure{margin: 0 20px 0 0;float: left;width:200px;min-height: 200px;}
#CarouselActu article h3{margin-bottom:5px;line-height: 26px;color:#676663;font-size:22px;}
#CarouselActu article h3 a {color: #232324; font-weight: lighter;}
#CarouselActu article h4, #CarouselActu article h4 a{margin-bottom:5px;line-height: 26px;color:#333;font-size:20px}
#CarouselActu article p{color:#000;letter-spacing: 0.04em;text-align: justify;} 

article.mini{border-bottom: none;padding-bottom: 5px;margin-bottom: 5px;}
article.mini figure {margin: 0 10px 0 0;float: left;width:100px;height:  100px;/*border: 1px dotted #ccc;*/}
article.mini h3{font-size: 16px;margin-bottom:5px;line-height: 26px;}
article.mini h3.b{line-height: 16px;}
article.mini h3.b a{font-size: 17px;margin-bottom:5px;font-weight:bold;}
article.mini p{padding-top: 1px;}
article.actu {padding-bottom: 20px;}
article.orange h3 a:hover{color:#f07d01}
article.vert h3 a:hover{color:#009E49}article.bf h3 a:hover{color:#EF2B2D}
article.vert_claire h3 a:hover{color:#99A61F}article h3.titre{font-size:20px}

.bg-gris article h3.titre a {color:#fff}article h3.titre a:hover {color:#d5031c}
.bg-gris article h3.titre a:hover {color:#fff; text-shadow: 0.5px 0.5px #d5031c;}

.share {list-style: none;padding: 0;position: absolute;bottom: -5px;right: 15px;transition: all .3s ease;margin-bottom: 0px;}
/*article.no_border .share{ bottom: -10px;} */
article > .share li {
    display: inline-block;visibility: visible;transform: translateY(0);
    opacity: 0;visibility: hidden;
}
.share a {padding: 0 5px;}
.share i{display:inline-block;color: #594539;/*vertical-align:bottom;*/transition:color .3s ease;-webkit-transition:color .3s ease;}

article:hover .share li,article.focus .share li{transform:translateY(-9px);opacity:1;visibility:visible}
article:hover .share .facebook,article.focus .share .facebook{transition:all .3s ease .1s}
article:hover .share .twitter,article.focus .share .twitter{transition:all .3s ease .2s}
article:hover .share .linkedin,article.focus .share .linkedin{transition:all .3s ease .3s}
article .share .facebook a:hover i,article .share .facebook a:focus i{color:#3b5998}
article .share .twitter a:hover i,article .share .twitter a:focus i{color:#55acee}
article .share .linkedin a:hover i,article .share .linkedin a:focus i{color:#007bb5}
.share-pinterest{position:relative}
.share-pinterest a{border:0 !important;background-color:#c71320;display:inline-block;height:40px;width:40px;border-radius:50%;padding:7px 13px;position:absolute;top:15px;right:15px;opacity:0;visibility:hidden}.share-pinterest:hover a{opacity:1;visibility:visible}
.share-pinterest a i{color:#fff;font-size:2rem}



/*************************************************/
.title-section {position: relative;/*margin: 0 0 20px;*/width:100%}
.section-title {position: relative;margin: 0 0 30px;}
  .section-title h3, .section-title h4{position: relative;font-size: 21px;line-height: 42px;color: #333;letter-spacing:1px;text-transform:uppercase;}
    .section-title h3 span {color: #f6d014 !important; }
    .section-title h3:after, .section-title h4:after {
      position: absolute;
      right: 0;bottom: 0;left: 0;
      width: 100%;height: 2px;margin: -20px auto -5px auto;
      content: '';opacity: 1;background: #d5031c; }

      .section-title.candidat-souligne h3:after{background: #f9b421/*#fa9700 fdb625*/;}
      
.section-title h4{font-size: 25px;}
.section-title h3.souligne-vert:after, .section-title h4.souligne-vert:after {background: #8cd422;}
.section-title h3.souligne-bleu:after, .section-title h4.souligne-bleu:after {background: #2a3184/*0155a5*/; }
.section-title h3.souligne-jaune:after, .section-title h4.souligne-jaune:after {background: #fdb524 /*f2b826*/; }
.section-title h3.souligne-gris:after, .section-title h4.souligne-gris:after {background: #98a0b1; }
.section-title h3.souligne-white:after, .section-title h4.souligne-white:after {background: #fff;margin-bottom:0}
.section-title h3.souligne-violet:after, .section-title h4.souligne-violet:after {background: #ee70ad; }
.section-title h3.souligne-transparent:after, .section-title h4.souligne-transparent:after {background: transparent; }

.section-title h3.souligne-gris-clair:after, .section-title h4.souligne-gris-clair:after {    background: rgba(0, 0, 0, 0.05);height: 1px;}

/**************************************************************************/
/*              RANGE                     */
/**************************************************************************/
@media (min-width: 768px) {
.title-section:before{position: absolute;height: 15px;width:28%;left: 0;content: '';border-bottom:2px solid #666667}
.title-section:after{position: absolute;height: 15px;width:28%;right: 0;top:0;content: '';border-bottom:2px solid #666667}

  .pad-b50 {padding-bottom: 20px;}.pad-t80 {padding-top: 60px;}
}
.range {display: -ms-flexbox;display: -webkit-flex;display: block;/*display: flex;*/-ms-flex: 0 1 auto;-webkit-flex: 0 1 auto;flex: 0 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;/*margin-left: -15px;margin-right: -15px;*/}
.range-xs-center {-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.height-fill {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-align-items: stretch;
    -ms-flex-align: stretch;align-items: stretch;
}  
.text-recrutement{color:#2a3084/*0155a5*/}.text-tt{color:#ab0333}.text-st{color: #549401;}.text-formation{color:#fdb524 /*f2b826*/}
.text-conseil{color:#8b047a}.text-event{color:#e41e71/*#ee70ad*/}

.lineweight26 { line-height: 26px;}
.icon-box {position: relative;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;flex-wrap: nowrap;/*-webkit-align-items: center;-ms-flex-align: center;
  align-items: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;*/
  padding: 10px;/*text-align: center;*/cursor: default;/*background:#fff;*/
}

.icon-box.hover, .icon-box:hover {transition: .33s all ease;}
.icon-box:before, .icon-box:after {content: '';position: absolute;/*width: calc(100% - 10px);
  height: calc(100% - 10px);*//*border: 1px solid #e5e7e9;*/pointer-events: none;transition: .33s all ease;
}
/*.icon-box:before {top: 0;left: 0;border-width: 1px 0 0 1px;}
.icon-box:after {bottom: 0;right: 0;border-width: 0 1px 1px 0;}*/
.icon-box .divider {max-width: 100%;margin: 8px 0;transition: .33s all ease;}
.icon-box .box-top,
.icon-box .box-body {position: relative;will-change: transform;transition: .33s all ease;/*-webkit-filter: blur(0);*/-filter: blur(0);}
.divider {width: 30px;height: 2px;/*margin-left: auto;margin-right: auto;*/background: #d5031c;}
.icon-box .box-top {top: 0;}
.icon-box .box-body {max-width: 100%;}
.icon-box .box-header {bottom: 0;}

.icon-box * + .box-header {margin-top: 0px;}
.icon-box figure{display:inline-block;}

.recrutement .divider {background: #0155a5;}
.tt .divider {background: #ab0333;}
.st .divider {background: #79c142;}
.formation .divider {background: #fdb524 /*f2b826*/;}
.conseil .divider {background: #8b047a;}
.event .divider {background: #e41e71;}

.icon-box h5{margin:0;display:inline-block;font-size: 12px;}
.icon-box.hover .box-top, .icon-box:hover .box-top {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}

.icon-box.hover .divider, .icon-box:hover .divider {width: 150px;}
.tt .icon-box:hover .divider {width: 178px;}
.recrutement .icon-box:hover .divider {width: 140px;}
.formation .icon-box:hover .divider, .conseil .icon-box:hover .divider {width: 116px;}
.event .icon-box:hover .divider{width: 165px;}

@media (max-width: 768px) {
 .icon-box {padding-left:0;padding-right:0;padding-bottom:0}
 article.icon-box{letter-spacing: 0;}
/*.navbar-default{background-image: url(../images/fond-noir_.png);}*/
 .row2 {margin-right: -15px;margin-left: -15px;}
 .row2:before,
 .row2:after {display: table;content: " ";}
 .row2:after {clear: both;}
 .section-title h3, .section-title h4{font-size:20px; line-height: 30px;}
}

@media (min-width: 768px) {
  .icon-box {padding: 10px 10px 5px;margin-left: auto;margin-right: auto;}
}

.zoom-img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:5px;}
.zoom-img img { transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;width: 100%;}
.zoom-img:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}

/*ul.liste li{
    padding: 3px 1px;
    line-height:20px;
    color: #212020;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    list-style: square;
    margin-left: 15px;
}*/

ul.liste li {padding: 3px 1px;line-height: 20px;color: #9f9f9f;text-rendering: optimizeLegibility;}
ul.liste li a, ul.liste li:hover i{color: #f4f4f4;font-size: 17px;}
ul.liste li:hover a{color:#fff; text-shadow: 0.5px 0.5px #d5031c;}
ul.liste.vert li i{color:#8cd422/*#76C10C*/}
ul.liste.bleu li i{color:#006acf}
ul.liste.jaune li i{color:#fdb524 /*f2b826*/}
ul.liste.gris li i{color:#98a0b1}
ul.liste.violet li i{color:#ee70ad}

ul.liste_implantation li, ul.liste_implantation li a {
    padding: 3px 1px;
    line-height: 26px;
    font-size: 14px !important;
    color: #31312f;
}
ul.liste_implantation li:hover a {color: #da253b; text-shadow: none;}

ul.liste.rouge li:hover a, ul.liste.rouge li:hover i{color:#fff; text-shadow: 0.5px 0.5px #d5031c;}

a.rss {display: block;width: 37px;height: 34px;background: url(../images/rss2.png) left top no-repeat;}
.section-title a.rss{position: absolute;right: -10px;top: 0px;width: 22px;height: 20px;background: url(../images/rss.png) left top no-repeat;}

#contenu_offres_accueil ul li {
    padding: 3px 0;padding-left: 0px;border:1px solid transparent;border-bottom: 1px dotted #ccc;
    line-height: 18px;position: relative;padding-left: 50px;
    height: 60px;overflow: hidden;
    transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;
}
#contenu_offres_accueil ul li.last{border-bottom:0}
#contenu_offres_accueil ul li a {display: block;height: 44px;color:#333}
#contenu_offres_accueil ul li:hover,#contenu_offres_accueil ul li.current{border:1px solid #e31f26;padding-bottom:4px;transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}
#contenu_offres_accueil ul li span.secteur{font-size:11px;display:none;padding-bottom:3px;color:#999}
#contenu_offres_accueil ul li span.secteur b{color:#ff6608;font-weight:normal}
#contenu_offres_accueil ul li span.new{position:absolute;width:40px;height:25px;left:0;bottom:5px;background:url(../images/img/new.gif) no-repeat top left}
#contenu_offres_accueil ul li span.pays{color:#999;font-size:11px;position:absolute;width:30px;height:20px;left:10px;top:5px}

/*.search-speed{border:1px solid #e5e7e9;padding-top: 10px;margin-bottom: 8px;background:#f1f1f1;position:relative}*/
.search-speed .form-group{margin-bottom:5px}

#nos-clients{background:#F2F2F2;border:1px solid #ccc;display:block;padding-top:10px;margin-bottom:8px}
#nos-clients li{width:76px;height:51px;float:left;margin-right:20px;margin-bottom:11px;}
#nos-clients li.nomarg{margin-right:0px;}
#nos-clients li img{width:76px;height:51px;}
#nos-clients li a{text-decoration:none;}

#myCarousel2{margin-bottom:8px;padding-bottom:35px}
#myCarousel2 .item{height:100px;overflow:hidden}
#myCarousel2 ul{display:block;}
#myCarousel2 ul li{float:left;margin-right:20px;width:100px;height:100px;}
#myCarousel2 ul li.nomarg{margin-right:0px;}

#myCarousel2 .carousel-indicators {bottom: -5px;}
#myCarousel2 .carousel-indicators li {background-color: #8f8e8c;border: 1px solid #8f8e8c;}
#myCarousel2 .carousel-indicators .active{background-color: #d5031c;}

/********************* TEMOIGNAGES ************************/
#container-temoignages{background: #f2f3f8;fill: #f2f3f8;position: relative;width:100%;}


.slick-carousel-complex-variant {
  position: relative;
  padding-bottom: 30px;
  width:100%;
}

.slick-carousel-complex-variant:after {
  content: '';
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0px;
  width: 100%;
  background: #d5031c;
  min-height:60px;
}

.slick-carousel-complex-variant.candidat:after {
  content: '';
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0px;
  width: 100%;
  background:#f9b421 /*#fa9700#fdb524*/;
  min-height:60px;
}

.slick-carousel-complex-variant > * {position: relative;z-index: 10;}

.height-fill {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.height-fill > * {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.slick-slider{margin:10px auto 30px;}

.slick-slider-images .item img {
  display: inline-block;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  will-change: transform;
  cursor: pointer;
  transition: .5s all ease;
}
.slick-slider-images .item.slick-center {text-align: center;}
.slick-slider-images .item.slick-center img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slick-slider-images .item.slick-center + * {text-align: left;}
.slick-slider-images .item.slick-center + * img {
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

/* Dots */
.slick-slider {margin-bottom: 10px;}

.slick-slider *:focus {outline: 0;}
.slick-dots {display: block;margin-top: 10px;list-style: none;width: 100%;padding: 0;text-align: center;font-size: 0;line-height: 0;word-spacing: 0;}
.slick-dots li {position: relative;display: inline-block;height: 20px;width: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {background: none;border: none;display: inline-block;padding: 0;outline: none;outline-offset: 0;cursor: pointer;-webkit-appearance: none;width: 8px;height: 8px;border-radius: 100px;background: #ababab;}
.slick-dots li button::-moz-focus-inner {border: none;padding: 0;}
.slick-dots li.slick-active button,
.slick-dots li:hover button {background: #fff;}
.slick-dots-variant-1 .slick-dots li button {height: 12px;width: 12px;background: #8f8e8c;transition: .33s all ease;position: relative;}
.slick-dots-variant-1 .slick-dots li button:after {content: '';position: absolute;top: 50%;left: 50%;width: 19px;height: 19px;border: 4px solid #ffffff;opacity: 0;border-radius: 50%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);transition: 180ms ease-in-out;}
.slick-dots-variant-1 .slick-dots li.slick-active button,
.slick-dots-variant-1 .slick-dots li:hover button {background: transparent;}
.slick-dots-variant-1 .slick-dots li.slick-active button:after,
.slick-dots-variant-1 .slick-dots li:hover button:after {opacity: 1;-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
.slick-carousel-complex-variant .slick-dots {margin-top: 10px;}

blockquote{border:1px solid #999;page-break-inside:avoid;}
blockquote{padding:12px 24px;margin:0 0 24px;font-size:17.5px;border-left:5px solid #f9f9f9;}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0;}
blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.71429;color:#dedede;}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0';}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #f9f9f9;border-left:0;text-align:right;}.blockquote-reverse footer:before,.blockquote-reverse small:before,.blockquote-reverse .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before,blockquote.pull-right .small:before{content:'';}
blockquote {font: inherit;padding: 0;margin: 0;border: 0;}
blockquote q:before, blockquote q:after {content: none;}

blockquote cite {font-style: normal;}

.quote-strict q,
.quote-strict cite {color: #000;}
.quote-strict q {font-size: 17px;font-weight: 400;font-style: italic;line-height: 28px;}
.quote-strict cite {display: block;font: 700 16px/21px "Ubuntu", Helvetica, Arial, sans-serif;text-transform: uppercase;}
.quote-strict * + cite {margin-top: 10px;}
.quote-strict.quote-strict-inverse q,
.quote-strict.quote-strict-inverse cite {color: #fff;}

/*LISTE DES TEMOIGNGES*/
#cadre_actualite{font-size:12px;}
#cadre_actualite ul.sujets_articles li a{text-decoration:none;color:#333;font-size:16px;font-weight:bold;}
#cadre_actualite ul.sujets_articles li a:hover{text-decoration:underline;color:#9a0433}
/*#cadre_actualite ul.sujets_articles li{ padding:15px 0px 5px 0px; border-bottom:1px solid #EBEBEB;*//* position:relative; *//*min-height:100px;}*/
#cadre_actualite ul.sujets_articles li.last{border:none;}
#cadre_actualite ul.sujets_articles li .cadre_photo{width:120px;padding: 5px;/*position:absolute;top:15px;left:0;*//*  *//* height:120px; */float:left;/* margin-right:15px; */text-align:center;font-size:11px;}
/*#cadre_actualite ul.sujets_articles li .cadre_photo img.img_article{border:2px solid #dedede}*/
#cadre_actualite ul.sujets_articles li .cadre_photo p{padding:0px;margin:0;}
#cadre_actualite ul.sujets_articles li .menus_entete{font-size:11px;padding-bottom:5px;color:#005790}
#cadre_actualite ul.sujets_articles li .menus_entete a.rose{color:#D01A64;font-size:11px;}
#cadre_actualite ul.sujets_articles li .menus_entete span.date{color:#7E7E7E;}
#cadre_actualite ul.sujets_articles li .menus_entete span.date b{color:#000;}
#cadre_actualite ul.sujets_articles li p{/* padding:0; *//* margin:0; */line-height:18px;background:#fff;font-size: 15px;}
#cadre_actualite p.p_details{display:none;}
#cadre_actualite ul.sujets_articles li h6{padding-bottom:2px;margin:0;line-height:18px;color: #2a3084; font-weight: bold; font-size: 14px;}
.div_container_temoignage{padding: 10px 1px; font-size: 14px; margin-bottom: 10px;} 
#cadre_actualite .temoignage-message{border: 1px solid #ddd;background-color: #f5f3f3; padding: 10px;}
 
.img_circle{ border: 4px solid #fff; box-shadow: -4px -1px 4px #686664;border-radius: 100%;}   
.fa-quote-left , .fa-quote-right { color: #d5031d; font-size: 20px;}

 .comment-wrapper h2{margin-bottom:1em;}
 #content .comment-wrapper h2.comment-form__title{margin-bottom:1em;}
 .field-node--comment{font-size:0.934em;}
 .comment{margin-bottom:19px;vertical-align:top;display:table;}
 [dir="rtl"] .comment{direction:rtl;}
 .comment__meta{padding:0 30px 0 0;font-size:1.071em;}[dir="rtl"] 
 .comment__meta{padding:0 0 0 30px;}
 .comment__author .username{white-space:nowrap;}
 .comment__author{margin:4px 0;line-height:1.2;}
 .comment__time{margin-bottom:4px;color:#68696b;font-size:0.733em;line-height:1.2;}
 .comment__content{position:relative;display:table-cell;padding:10px 25px 10px 25px;vertical-align:top;width:100%;border:1px solid #d3d7d9;font-size:15px;line-height:1.6;word-break:break-all;}
 .comment__content:before{content:'';position:absolute;right:100%;top:20px;border-top:20px solid transparent;border-right:20px solid #d3d7d9;border-bottom:20px solid transparent;}
 [dir="rtl"] .comment__content:before{right:auto;left:100%;border-right:none;border-left:20px solid #d3d7d9;}
 .comment__content:after{content:'';position:absolute;right:100%;top:20px;border-top:20px solid transparent;border-right:20px solid #fff;border-bottom:20px solid transparent;margin-right:-1px;}
 [dir="rtl"] .comment__content:after{right:auto;left:100%;border-right:none;border-left:20px solid #fff;margin-right:0;margin-left:-1px;}.comment__content h3{margin-top:0.94em;margin-bottom:0.45em;font-size:1.171em;}.indented{margin-left:40px;}[dir="rtl"] .indented{margin-right:40px;margin-left:0;}.comment .links{padding:0 0 0.25em 0;}.comment .links li{padding:0 0.5em 0 0;font-size:1.08em;}[dir="rtl"] .comment .links li{padding:0 0 0 0.5em;}.comment--unpublished{margin-right:5px;padding:5px 2px 5px 5px;background:#fff4f4;}[dir="rtl"] .comment--unpublished{margin-left:5px;margin-right:0;padding:5px 5px 5px 2px;}.unpublished .comment-text .comment-arrow{border-left:1px solid #fff4f4;border-right:1px solid #fff4f4;}.unpublished{padding:20px 15px 0;}.comment-footer{display:table-row;}.comment--unpublished .comment__text:after,.node--unpublished .comment__text:after{border-right-color:#fff4f4;}
 [dir="rtl"] .comment--unpublished .comment__content:after,[dir="rtl"] .node--unpublished .comment__content:after{border-left-color:#fff4f4;}
.contextual-links a{border-bottom:none;text-shadow:0 0 0;}
article.comment .comment__meta {width: 150px; text-align: center;}
 .comment__content p{font-size: 100%; font-style: italic; color: #555;}

@media (min-width: 1200px) {
  .inset-lg-right-0 {padding-right: 0;}
  .inset-lg-right-10 {padding-right: 10px;}
  .inset-lg-right-15 {padding-right: 15px;}
  .inset-lg-right-20 {padding-right: 20px;}
  .inset-lg-right-30 {padding-right: 30px;}
  .inset-lg-right-40 {padding-right: 40px;}
  .inset-lg-right-50 {padding-right: 50px;}
  .inset-lg-right-60 {padding-right: 60px;}
  .inset-lg-right-70 {padding-right: 70px;}
  .inset-lg-right-85 {padding-right: 85px;}
  .inset-lg-right-100 {padding-right: 100px;}
}

@media (min-width: 768px) {
  .slick-carousel-complex-variant-1 {padding-bottom: 10px;}
  .range-sm-center {-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
}
@media (min-width: 1200px) {
  .inset-lg-left-0 {padding-left: 0;}
  .inset-lg-left-10 {padding-left: 10px;}
  .inset-lg-left-15 {padding-left: 15px;}
  .inset-lg-left-20 {padding-left: 20px;}
  .inset-lg-left-30 {padding-left: 30px;}
  .inset-lg-left-40 {padding-left: 40px;}
  .inset-lg-left-50 {padding-left: 50px;}
  .inset-lg-left-60 {padding-left: 60px;}
  .inset-lg-left-70 {padding-left: 70px;}
  .inset-lg-left-85 {padding-left: 85px;}
  .inset-lg-left-100 {padding-left: 100px;}
}

.range2 ul{margin:0}

/************** FOOTER *************/
footer h3{color:#fff}
/*#contacts-footer {padding: 5px 0;color: #fff;line-height: 21px;letter-spacing: 1px;}*/
#contacts-footer {padding: 5px 0;color: #fff;line-height: 22px;letter-spacing: 0.4px;}

#contacts-footer li{margin-bottom:8px}
#contacts-footer li:last-child{margin-bottom:0}
#contacts-footer i {padding-right: 5px;color:#ffffff}
#contacts-footer span {font-size: 15px;}
footer .social {margin-top: 20px;}
footer .social a {margin: 0px 0.2em 0px 10px;font-size: 20px;text-align: center;border: 1px solid #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .8;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;width: 30px;height: 30px;display: inline-block;padding: 5px;}
.list-marked-variant-2 > li > a {position: relative;display: inline-block;padding-left: 16px;font-size: 15px;color:#fff;/* top: -2px; */padding-top: 2.5px;letter-spacing: 0.4px;}
/*.list-marked-variant-2 > li > a {position: relative;display: inline-block;padding-left: 15px;font-size:16px;color:#fff;padding-top:5px}*/
.list-marked-variant-2 > li > a:before {content: '\f105';position: absolute;left: 0;top: 1px;font: 400 18px/24px 'FontAwesome';color: #ffffff;transition: .33s all ease;}
.list-marked-variant-2 > li > a:hover:before {left: 4px;}
.list-marked-variant-2 > li + li {margin-top: 14px;}

.bg-footer2 {background: #3e3e3d;fill: #3e3e3d;}
.menus-footer{padding:10px 0 5px 0;margin-bottom:0}
.menus-footer li {display: inline-block;padding: 0 6px;line-height: 1.3;font-size:14px;color:#fff;}
.menus-footer a{color: #fff;}
/*.menus-footer a:hover{color:#d5031c}*/

/**************************************************************************/
/*              PADDING                   */
/**************************************************************************/
.section-15 {padding-top: 15px;padding-bottom: 15px;}
.section-30 {padding-top: 30px;padding-bottom: 30px;}
.section-35 {padding-top: 35px;padding-bottom: 35px;}
.section-40 {padding-top: 40px;padding-bottom: 40px;}
.section-45 {padding-top: 45px;padding-bottom: 45px;}
.section-50 {padding-top: 50px;padding-bottom: 50px;}
.section-60 {padding-top: 60px;padding-bottom: 60px;}
.section-66 {padding-top: 66px;padding-bottom: 66px;}
.section-75 {padding-top: 75px;padding-bottom: 75px;}
.section-90 {padding-top: 90px;padding-bottom: 90px;}
.section-100 {padding-top: 100px;padding-bottom: 100px;}
.section-120 {padding-top: 120px;padding-bottom: 120px;}
.section-130 {padding-top: 130px;padding-bottom: 130px;}
.section-145 {padding-top: 145px;padding-bottom: 145px;}
.section-165 {padding-top: 165px;padding-bottom: 165px;}
@media (min-width: 480px) {
  .section-xs-15 {padding-top: 15px;padding-bottom: 15px;}
  .section-xs-30 {padding-top: 30px;padding-bottom: 30px;}
  .section-xs-35 {padding-top: 35px;padding-bottom: 35px;}
  .section-xs-40 {padding-top: 40px;padding-bottom: 40px;}
  .section-xs-45 {padding-top: 45px;padding-bottom: 45px;}
  .section-xs-50 {padding-top: 50px;padding-bottom: 50px;}
  .section-xs-60 {padding-top: 60px;padding-bottom: 60px;}
  .section-xs-66 {padding-top: 66px;padding-bottom: 66px;}
  .section-xs-75 {padding-top: 75px;padding-bottom: 75px;}
  .section-xs-90 {padding-top: 90px;padding-bottom: 90px;}
  .section-xs-100 {padding-top: 100px;padding-bottom: 100px;}
  .section-xs-120 {padding-top: 120px;padding-bottom: 120px;}
  .section-xs-130 {padding-top: 130px;padding-bottom: 130px;}
  .section-xs-145 {padding-top: 145px;padding-bottom: 145px;}
  .section-xs-165 {padding-top: 165px;padding-bottom: 165px;}
}

@media (min-width: 768px) {
  .section-sm-15 {padding-top: 15px;padding-bottom: 15px;}
  .section-sm-30 {padding-top: 30px;padding-bottom: 30px;}
  .section-sm-35 {padding-top: 35px;padding-bottom: 35px;}
  .section-sm-40 {padding-top: 40px;padding-bottom: 40px;}
  .section-sm-45 {padding-top: 45px;padding-bottom: 45px;}
  .section-sm-50 {padding-top: 50px;padding-bottom: 50px;}
  .section-sm-60 {padding-top: 60px;padding-bottom: 60px;}
  .section-sm-66 {padding-top: 66px;padding-bottom: 66px;}
  .section-sm-75 {padding-top: 75px;padding-bottom: 75px;}
  .section-sm-90 {padding-top: 90px;padding-bottom: 90px;}
  .section-sm-100 {padding-top: 100px;padding-bottom: 100px;}
  .section-sm-120 {padding-top: 120px;padding-bottom: 120px;}
  .section-sm-130 {padding-top: 130px;padding-bottom: 130px;}
  .section-sm-145 {padding-top: 145px;padding-bottom: 145px;}
  .section-sm-165 {padding-top: 165px;padding-bottom: 165px;}

  .offset-sm-top-400 {margin-top:/*80px*/15% ;}
}

@media (min-width: 960px) {
.offset-sm-top-400 {margin-top: /*120px*/18%;}
}
/* ecran compris entre 767 et 480*/
@media only screen and (min-width: 480px) and (max-width: 767px){
    .navbar-nav > li > a {color: red !important;}
    .carousel-caption {padding-top: 8% !important;}
    
}

@media (min-width: 768px) and (max-width: 1024px){
    /*logo*/
    .navbar-header > a > img{ width: 15%;  }
    /*slide*/
    .carousel-caption{ width: 750px !important;} 
    .carousel-caption div{ padding: 5px 8px !important;}  
    .carousel-caption div p{ font-size: /*0.8*/1em !important;} 
    /*menu*/
    .navbar-nav > li > a { color: #fff !important; padding: 10px 7px; margin-right: 0; font-size: 1.0em;}
    /*marge bg-white*/
    .bg-white { margin-top: 12%;}
}

@media (min-width: 960px) and (max-width: 1200px) {
 .section-title h3, .section-title h4 {font-size: 20px;letter-spacing: 0;
    /*line-height: 42px;
    color: #333;
    text-transform: uppercase;*/
  }
}

@media (min-width: 992px) {
  .section-md-15 {padding-top: 15px;padding-bottom: 15px;}
  .section-md-30 {padding-top: 30px;padding-bottom: 30px;}
  .section-md-35 {padding-top: 35px;padding-bottom: 35px;}
  .section-md-40 {padding-top: 40px;padding-bottom: 40px;}
  .section-md-45 {padding-top: 45px;padding-bottom: 45px;}
  .section-md-50 {padding-top: 50px;padding-bottom: 50px;}
  .section-md-60 {padding-top: 60px;padding-bottom: 60px;}
  .section-md-66 {padding-top: 66px;padding-bottom: 66px;}
  .section-md-75 {padding-top: 75px;padding-bottom: 75px;}
  .section-md-90 {padding-top: 90px;padding-bottom: 90px;}
  .section-md-100 {padding-top: 100px;padding-bottom: 100px;}
  .section-md-120 {padding-top: 120px;padding-bottom: 120px;}
  .section-md-130 {padding-top: 130px;padding-bottom: 130px;}
  .section-md-145 {padding-top: 145px;padding-bottom: 145px;}
  .section-md-165 {padding-top: 165px;padding-bottom: 165px;}

  .offset-sm-top-0 {margin-top: 0;}
  .offset-sm-top-2 {margin-top: 2px;}
  .offset-sm-top-5 {margin-top: 5px;}
  .offset-sm-top-10 {margin-top: 10px;}
  .offset-sm-top-15 {margin-top: 15px;}
  .offset-sm-top-22 {margin-top: 22px;}
  .offset-sm-top-27 {margin-top: 27px;}
  .offset-sm-top-30 {margin-top: 30px;}
  .offset-sm-top-35 {margin-top: 35px;}
  .offset-sm-top-40 {margin-top: 40px;}
  .offset-sm-top-45 {margin-top: 45px;}
  .offset-sm-top-50 {margin-top: 50px;}
  .offset-sm-top-60 {margin-top: 60px;}
  .offset-sm-top-75 {margin-top: 75px;}
  .offset-sm-top-90 {margin-top: 90px;}
  .offset-sm-top-100 {margin-top: 100px;}
  .offset-sm-top-120 {margin-top: 120px;}
  .offset-sm-top-150 {margin-top: /*160px;*/166px;}
  .offset-sm-top-400 {margin-top: 180px;}
}

@media (min-width: 1200px) {
  .section-lg-15 {padding-top: 15px;padding-bottom: 15px;}
  .section-lg-30 {padding-top: 30px;padding-bottom: 30px;}
  .section-lg-35 {padding-top: 35px;padding-bottom: 35px;}
  .section-lg-40 {padding-top: 40px;padding-bottom: 40px;}
  .section-lg-45 {padding-top: 45px;padding-bottom: 45px;}
  .section-lg-50 {padding-top: 50px;padding-bottom: 50px;}
  .section-lg-60 {padding-top: 60px;padding-bottom: 60px;}
  .section-lg-66 {padding-top: 66px;padding-bottom: 66px;}
  .section-lg-75 {padding-top: 75px;padding-bottom: 75px;}
  .section-lg-90 {padding-top: 90px;padding-bottom: 90px;}
  .section-lg-100 {padding-top: 100px;padding-bottom: 100px;}
  .section-lg-120 {padding-top: 120px;padding-bottom: 120px;}
  .section-lg-130 {padding-top: 130px;padding-bottom: 130px;}
  .section-lg-145 {padding-top: 145px;padding-bottom: 145px;}
  .section-lg-165 {padding-top: 165px;padding-bottom: 165px;}

  .offset-sm-top-400 {margin-top: 320px;}
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .offset-sm-top-400 {margin-top: 260px;}
}

@media (min-width: 1800px) {
  .section-xl-15 {padding-top: 15px;padding-bottom: 15px;}
  .section-xl-30 {padding-top: 30px;padding-bottom: 30px;}
  .section-xl-35 {padding-top: 35px;padding-bottom: 35px;}
  .section-xl-40 {padding-top: 40px;padding-bottom: 40px;}
  .section-xl-45 {padding-top: 45px;padding-bottom: 45px;}
  .section-xl-50 {padding-top: 50px;padding-bottom: 50px;}
  .section-xl-60 {padding-top: 60px;padding-bottom: 60px;}
  .section-xl-66 {padding-top: 66px;padding-bottom: 66px;}
  .section-xl-75 {padding-top: 75px;padding-bottom: 75px;}
  .section-xl-90 {padding-top: 90px;padding-bottom: 90px;}
  .section-xl-100 {padding-top: 100px;padding-bottom: 100px;}
  .section-xl-120 {padding-top: 120px;padding-bottom: 120px;}
  .section-xl-130 {padding-top: 130px;padding-bottom: 130px;}
  .section-xl-145 {padding-top: 145px;padding-bottom: 145px;}
  .section-xl-165 {padding-top: 165px;padding-bottom: 165px;}
  .offset-sm-top-400 {margin-top: 420px;}
}

.thumb-box .box {padding: 7px;overflow: hidden;background:#8f8e8c}
.thumb-box .box .box1 {margin-right: 75px;float: left;}
/*-----subscribeForm-----*/
#newsletter {position: relative;/*display: inline-block;*/float: left;}
#newsletter input {box-shadow: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;width: 390px;outline: none;background: #f9f9f9;border-radius: 0;border: none !important;padding: 10px 14px 10px 35px;height: 39px;resize: none;float: none;position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
#newsletter input:focus {outline: none;border: none;}
#newsletter label {position: relative;margin: 0 5px 0 0;float: left;border: none;/*display: inline-block;*/height: 39px;}
#newsletter label:before {font-family: FontAwesome;color: #939494;font-size: 14px;content: '\f003';position: absolute;top: 0;left: 0;margin: 10px 0 0 15px;z-index: 1;}
/************************** PAGE INTERNE ***********************/
.page-title {text-align: center;padding-top:50px;color: #ffffffa1;}
.page-title > * {letter-spacing: 0; }
.page-title .page-title-inner {position: relative;display: inline-block;}

.page-title .page-title-left,
.page-title .page-title-right {position: absolute;top: 50%;width: auto;overflow: hidden;white-space: nowrap;vertical-align: middle;}

.page-title .page-title-left *,
.page-title .page-title-right * {display: inline;white-space: nowrap;}

.page-title .page-title-left {left: 0;text-align: right;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
.page-title .page-title-left * {padding-right: 1.25em;}

.page-title .page-title-left *:nth-last-child(odd) {color: rgba(255, 255, 255, 0.1);}
.page-title .page-title-left *:nth-last-child(even) {color: rgba(255, 255, 255, 0.2);}
.page-title .page-title-right {right: 0;text-align: left;-webkit-transform: translate(100%, -50%);transform: translate(100%, -50%);}
.page-title .page-title-right * {padding-left: 1.25em;}
.page-title .page-title-right *:nth-child(odd) {color: rgba(255, 255, 255, 0.1);}
.page-title .page-title-right *:nth-child(even) {color: rgba(255, 255, 255, 0.2);}
.page-title-wrap {background: #000;background-attachment:fixed;-webkit-background-size: cover;background-size: cover;background-position:center 50%;}

.text-white-transparent{color: rgba(255, 255, 255, 0.5);}

h4.titre_form {padding: 8px 5px;margin: 15px 0;background: #f5f5f5;border-bottom:1px solid #ccc;}

.text-gray-base-05 {color: rgba(0, 0, 0, 0.5);}
.text-gray-base {color: /*#000*/#313130; text-align: justify;}.grand-p {font-size: 115%;line-height: 135%;}

.data_sep {padding: 15px 0;height: 10px;/* background: url(../images/data_sep.gif) 50% bottom no-repeat; */}
.form-border {border: 1px solid #b9b9b8;padding:10px;margin-bottom:10px}

.card {display: inline-block;position: relative;width: 100%;margin-bottom: 30px;border-radius: 4px;color: rgba(0, 0, 0, 0.87);background: #fff;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);margin-top: 38px/*30*/;}
.card .header {margin: 15px;margin-bottom: 0;padding: 5px;border-radius: 3px;background-color: #fff;}
.card .header{-webkit-box-shadow: 0 6px 8px -12px rgba(0, 0, 0, 0.56), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 6px 8px -12px rgba(0, 0, 0, 0.56), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 6px 8px -12px rgba(0, 0, 0, 0.56), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.2);margin-top: -10px;padding: 5px 10px;color: #fff;}
.card .header-primary {background: #0155a5;}
.card .header-red{background: #d5031c;}
.card .header-violet{background: #8b047a;}
.card .header-yellow{background:#f9b421 /*#fa9700*/;}
.card .header-green{background: #549401;}
.card .header-green-claire{background: #4fb874;}
.card .header-blue{background: #010066;}
.card .header-gris{background: #98a0b1;}
.card-title{text-decoration: none;word-wrap: break-word;}
h4.card-title{margin-top:5px;margin-bottom:5px;}

.card .content {padding: 5px 10px;}
.card .content > ul {list-style-type: none;margin: 0px 5px 10px;padding: 0px;text-indent: 5px;}
.card .content > ul > li {margin: 3px 10px;border-bottom:1px dotted #CCC;line-height:25px;padding:5px 0px;list-style:square;}
.card .content > ul > li.second-nav{border-bottom:none;padding-bottom:0}
.card .content > ul > li > a{color: #676663;font-size:14px;letter-spacing:1px}
.card .content > ul > li > a:hover, .card .content > ul > li.active > a{color: #d5031c;}
.card .content > ul.bleu > li > a:hover{color: #154983;}/*.card .content > ul.bleu > li:hover{color: #154983;}*/

.card .content > ul > li.second-nav > ul {list-style-type: none;margin: 5px 0px 5px;padding-left: 10px;text-indent: 5px;border-top:1px dotted #CCC;background:#e5e7e891; display: none;}
.card .content > ul > li.second-nav:hover ul, 
.card .content > ul > li.second-nav:active ul {display: block;}

.card .content > ul > li.second-nav > ul > li{margin: 3px 10px;border-bottom:1px dotted #CCC;line-height:18px;padding:5px 0px;list-style:square;}
.card .content > ul > li.second-nav > ul > li > a{color: #676663;font-size:14px;letter-spacing:1px}
.card .content > ul > li.second-nav > ul > li > a:hover,
.card .content > ul > li.second-nav > ul > li.active > a{color: #F90622; display: block;}




.card .content > ul > li.second-nav > ul > li.third-nav { padding-bottom:0}
.card .content > ul > li.second-nav > ul > li.third-nav > ul{list-style-type: none;margin: 5px 0px 5px;text-indent: 5px;border-top:1px dotted #CCC; display: none;}
.card .content > ul > li.second-nav > ul > li.third-nav > ul > li{margin: 3px 8px;line-height:18px;padding:5px 0px;}
.card .content > ul > li.second-nav > ul > li.third-nav > ul > li > a{color: #676663;font-size:14px;letter-spacing:1px}
.card .content > ul > li.second-nav > ul > li.third-nav > ul > li > a:hover{color: #F90622;}
.card .content > ul > li.second-nav > ul > li.third-nav > ul > li > a.selected{color: #F90622;}
.card .content > ul > li.second-nav > ul > li:hover.third-nav > ul {display: block;}
.card .content > ul > li.active.second-nav > ul > li.active.third-nav > ul {display: block;}
.card .content > ul > li.second-nav > ul > li.third-nav > ul > li:active > a{color: #F90622;}
.card .content > ul > li.second-nav > ul > li.third-nav > ul > li:before { content: "\f0da"; font-family: FontAwesome; font-style: normal;font-weight: normal;text-decoration: inherit;color: #2d2d2c;font-size: 11px;padding-right: 1em;padding-left: 4em;position: absolute;left: 0;font-family: 'FontAwesome';}

ul.bullets {list-style-type: square;margin-left: 20px;}
ol.bullets {margin-left: 25px;}
ul.bullets li, ol.bullets li {padding-bottom: 10px;}
div.text-gray-base h5 {padding: 10px 0 4px 0;font-size: 17px;margin: 0;font-weight: bold;}
div.text-gray-base h4 {padding: 10px 0 4px 0;font-size: 19px;margin: 0;font-weight: bold;}
div.document ul li a { color: #555; }
div.document ul li a:hover,
div.document ul li a:active { color: #F90622;; }
/***************** INSCRIPTION **********************/
.login-box{position:relative;/*display:inline-block;*//* margin:100px 0 0; *//* box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); */z-index: 1;/*padding:30px;box-sizing:border-box;background:#ffffff;border-radius:4px;border:1px solid #ededed;*/padding: 5px 5px 10px;box-sizing:border-box;background:#ffffff;border-radius: 0px;/* border:1px solid #ededed; */margin-top: 10px;}
.login-box.center-box{margin: 1px auto 10px auto;height: -webkit-fill-available;}
.div_container{background: #fff; border-left: 1px solid #fff;}
.div_text{/* background: url("../images/fond.jpg"); *//* background: repeat; */};
.login-box .submit{width: 100%;}
/*.login-box h3{margin-top:30px}*/

.login-box #login-help{position:absolute;top:10px;right:10px;font-size:18px;color:#bbbbbb;transition:color 250ms ease-in-out;}
.login-box #login-help:hover,.login-box #login-help:active{text-decoration:none;color:#F57C13;transition:color 50ms ease-in-out;}
.login-box #login-help>span{position:relative;top:4px;display:inline-block;overflow:hidden;height:20px;max-width:0;transition:max-width 200ms ease-in;font-size:11px;}
.login-box #login-help>i::before{transition:transform 200ms ease-in-out;}
.login-box #login-help:hover>i::before{transform:rotate(-360deg)}
.login-box #login-help:hover>span{max-width:320px;transition:max-width 200ms ease;}

/*erreur de formulaire*/
 em.error {color: #898181;}

.form-group label {padding: 0px;color: #000000;font-size: 16px;/* font-weight: bold; */http: //www.conseilsmarketing.com/merci;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;-ms-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;-ms-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;-ms-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;}
.form-group label.requiredfield:after{content:' *';color:#ea4d3e !important;}
.form-group label.optionelements_label{color: #7a7a7a !important;font-weight: normal !important;}
.mandatory {margin: 0;/* margin-bottom:10px; */color: #8d8e90;text-align: center;/*font-size: 12px;*/}

.btn{font-size:18px;border-radius: 0px;}

@media (min-width: 768px) {
.page-title {text-align: left;}
.login-box.center-box{margin: 20px auto;height: auto;background: transparent;}
.login-box #login-help>span{font-size:14px;}
}

/************* cadre datas pour cv ***************/
div.cadre_datas{min-height:400px; position:relative;display:none;background:#fff;padding:15px;margin:25px 0 15px 0;border:1px solid #ddd;box-shadow:0 0 15px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 15px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .2);}
div.cadre_datas h2{border-bottom:none;padding-bottom:0;}
div.cadre_datas div.contenu {margin:10px 0;padding-top:15px;}
div.cadre_datas a.close{position:absolute;width:93px;height:20px;background:transparent url(../images/closelabel.gif) no-repeat 0 0;cursor:pointer;top:10px;right:10px;display:block;}

/******************* Menus Candidats ****************/
div.menus_profil a.noactif, div.menus_profil a.noactif:hover{color:#999 !important;cursor:default;}

/*.form-group.form-animate-checkbox {  padding: 2px; }
.form-animate-checkbox label {
    font-weight: 100;
    font-size: 18px;
    color: #999;
}*/

i.fa.fa-plus {width: 20px;background: #f90622;border-radius: 3px;text-align: center;color:#ffffff;}
.padding-right-0{padding-right:0px;}
.padding-left-0{padding-left:0px;}

/*mobile================================*/
.btn.btn-circle {
    /* -webkit-border-radius: 200% !important;
    -moz-border-radius: 200% !important;
    -ms-border-radius: 200% !important;
    -o-border-radius: 200% !important;*/
    border-radius: 200% !important; 
    width: 70px;
    height: 70px;
    padding: 10px;
    font-size: 2em;
}

#mimin-mobile {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: none
}

#mimin-mobile-menu-opener{
  right: 20px;
  position: fixed;
  bottom: 20px;
  outline: none !important;
  z-index: 9999999;
  display: none;
  background: #d5031c;
  -webkit-box-shadow: 0 6px 8px -12px rgba(0, 0, 0, 0.56), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 8px -12px rgba(0, 0, 0, 0.56), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8px -12px rgba(0, 0, 0, 0.56), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.2); 

}
.mimin-mobile-menu-list-css{
   /* height: 100%;
    background: #f4f5f6;
    width: 90%;
    float: left;
    margin-bottom: 5%;
    margin-top: 5%;
    box-shadow: -1px -1px 11px 1px rgba(0, 0, 0, .5);
    border: 1px solid #ddd;
    border-radius: 0px 0px 0px 0px;*/
   height: 100%;
   background: #d5031d;
   width: 90%;
   float: left;
   margin-bottom: 5%;
   margin-top: 5%;
   box-shadow: -1px -1px 11px 1px rgba(0, 0, 0, .5);
   border: 1px solid #ddd0;
   border-radius: 0px 0px 0px 0px;
}

   
#mimin-mobile a{
  color: /*#959393*/#999;
  padding-right: 0px;
}
#mimin-mobile a:hover{
  background:none !important;
}
/*#mimin-mobile .tree{
  padding-left: 10px;
  background: #e9ebee2b;
}*/
#mimin-mobile .menu-droit, #mimin-mobile .tree{
  padding: 10px;
  padding-left:  20px;
  background: #fefefe/*e9ebee*/;
  border-radius:  3px;
  box-shadow: 1px 4px 13px 0px rgba(0, 0, 0, .3);
  color: #999999e0;
}
.sub-mimin-mobile-menu-list {display: none;padding: 10px;height: 100%;font-weight: lighter; overflow: auto;font-size: 1.5em;}
.ripple h4 {font-size: 1.4em;font-weight: 500;color:  #fff;}
.ripple div li, .ripple a.tree-toggle { border-bottom: 1px dotted #99999952;line-height: 25px;padding: 5px 0px;list-style: none;}
.ripple div li {margin: 3px 10px;line-height: 25px;padding: 5px 0px;list-style: square;font-size: 0.9em;}

.ripple div li.active > a {display: block;}
.ripple div li.second-nav ul{display: none;}
.ripple div li.active.second-nav > ul > li > a.selected {display: block;}
.ripple div li.active .second-nav> ul > li.third-nav > ul{display: none;}
.ripple div li.active.second-nav > ul > li.active.third-nav > ul{display: block;}

#mimin-mobile li > a{color: #555/*676663*/;font-size:14px;letter-spacing:1px}
#mimin-mobile ul > li.active > a{color: #d5031c;}
#mimin-mobile ul > li.active > ul > li > a.selected {color: #d5031c;}

.sub-mimin-mobile-menu-list .fa{margin-right: 10px;}

#mimin-mobile.animate {
  -webkit-animation: mobile-menubg 0.75s linear;
  -moz-animation: mobile-menubg 0.75s linear;
  -ms-animation: mobile-menubg 0.75s linear;
  -o-animation: mobile-menubg 0.75s linear;
  animation: mobile-menubg 0.75s linear;
}

#mimin-mobile .ink { background: #FF6656; }

#mimin-mobile .ink.animate{
  -webkit-animation: ripple-mobile 0.75s linear;
  -moz-animation: ripple-mobile 0.75s linear;
  -ms-animation: ripple-mobile 0.75s linear;
  -o-animation: ripple-mobile 0.75s linear;
  animation: ripple-mobile 0.75s linear;
}

#mimin-mobile.reverse.animate {
  -webkit-animation: mobile-menubg-reverse 0.75s linear !important;
  -moz-animation: mobile-menubg-reverse 0.75s linear !important;
  -ms-animation: mobile-menubg-reverse 0.75s linear !important;
  -o-animation: mobile-menubg-reverse 0.75s linear !important;
  animation: mobile-menubg-reverse 0.75s linear !important;
}

#mimin-mobile.reverse .ink.animate {
  -webkit-animation: ripple-mobile-reverse 0.75s linear !important;
  -moz-animation: ripple-mobile-reverse 0.75s linear !important;
  -ms-animation: ripple-mobile-reverse 0.75s linear !important;
  -o-animation: ripple-mobile-reverse 0.75s linear !important;
  animation: ripple-mobile-reverse 0.75s linear !important;
}

@keyframes ripple-mobile-reverse {
  from {
   -webkit-transform: scale(2.5);
   -moz-transform: scale(2.5);
   -ms-transform: scale(2.5);
   -o-transform: scale(2.5);
   transform: scale(2.5);
   -webkit-transform: scale(2.5);
   -moz-transform: scale(2.5);
   -ms-transform: scale(2.5);
   -o-transform: scale(2.5);
   transform: scale(2.5);
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=100);
 }
 to {      
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=100);
 }
}

@keyframes mobile-menubg-reverse {
  from {
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=100);
   background: #FF6656;
 }
 to {
   -webkit-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
   filter: alpha(opacity=0);
 }
}



@keyframes ripple-mobile {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes mobile-menubg {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);

  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #FF6656;
  }
}
/*@media only screen and (max-width: 768px) { 
  .mail-right-tool li{padding: 5px !important;}
  .fc-right{display: none;}
  .fc-left{margin-bottom: 20px;float: right !important;}
  .search-v1 #tabs-demo6 li.active:after{
    display: none !important;
  }
  .search-v1 .search-v1-result-wrapper{padding: 0px !important;}
  #content{
    padding-left: 0px;
    padding-right: 0px;
  }
  .user-nav{margin-right: 10px;}
  .user-dropdown{background-color: #fff !important;}
  .nav-wrapper .navbar-header,.nav-wrapper,.navbar-brand{
    padding-left: 0px !important;
  }
  .user-nav .user-name,
  .user-nav .opener-right-menu,
  #left-menu,
  .opener-left-menu,
  #right-menu{
    display: none !important;
  }

  #mimin-mobile,#mimin-mobile-menu-opener{display: block !important;}

  .search-nav{
    display: none;
  }

}*/
/*changement de la couleur de la banniere*/
@media only screen and (max-width: 760px) { 
    .text-white{font-size: 1.2em !important; }
    .text-gris2{font-size: 1.2em !important;}
    .navbar-default{background-image: none;background-image: none;background-color: #fff;box-shadow: -2px 3px 20px 1px #3e3e3d70;box-shadow: -2px 2px 11px 0px #3e3e3d38;}
    .brand-nav>ul>li, .brand-nav>ul>li>a{font-size:12px;  color: #fff; text-transform: capitalize;} 
    .brand-nav>ul>li>i,.brand-nav>ul>li>span,.brand-nav>ul>li>a,.brand-nav>ul>li.nom_connect>a {color: #ffffff/*c9c8c8*/ !important;} 
    .brand-nav>ul { float: left !important; margin-bottom: 0px; width: 100%;}
    .navbar-inner-top {background: #ffffff;}
    ul.nav.navbar-nav.navbar-right{ background: rgba(0, 0, 0, 0.34); }
    ul.liste li a, ul.liste li:hover i {font-size: 1.3em;}
       /*Bulletin*/
    #bulletin-paie table, #bulletin-paie table tr, #bulletin-paie table tr td {font-size: 2.1vw !important;line-height: 2.6vw !important;}
    #bulletin-paie a > p, #bulletin-paie a > span {line-height: 2.5vw !important; }
    #bulletin-paie h5{font-size: 11px;}
    #bulletin-paie .paragraphe{font-size:  5px !important}

    
    .cadre-info-jaune p span.pull-right { padding-left: 10% !important;}
    /*******************************************************************/
    .floating {
        position: fixed;
        z-index: 1000;
        top: 92% !important;
        right: 0px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: rotate(0deg) translate(50%, 50%) !important;
        -moz-transform: rotate(0deg) translate(50%, 50%) !important;
        -ms-transform: rotate(0deg) translate(50%, 50%) !important;
        -o-transform: rotate(0deg) translate(50%, 50%) !important;/**/
        transform: rotate(0deg) translate(50%, 50%) !important;
        border-radius: 0px;
        /*background-color: #01a29c;*/
        margin: auto;
        height: 2 !important;
    }
   
    /*positionnement du texte*/
    .text-gray-base {text-align: left !important;}

    /*ecriture sur le slide*/
    .carousel-caption div h1 {font-size: 1.2em !important;font-weight: bold;}
    .carousel-caption div p {font-size: /*0.8em1.8vw*/2.5vw !important; padding-top: 5px !important;}
    .carousel-caption{bottom: 60% !important;/*top: 2% !important;*/left: 5% !important;}
    .carousel-caption div{left: 2% !important; border-left: 2px solid !important;padding: 0px 0px 0px 8px !important; width: 80% !important;}

}
@media only screen and (max-width: 768px) { 
   
  .mail-right-tool li{padding: 5px !important;}
  .fc-right{display: none;}
  .fc-left{margin-bottom: 20px;float: right !important;}
  .search-v1 #tabs-demo6 li.active:after{
    display: none !important;
  }
  .search-v1 .search-v1-result-wrapper{padding: 0px !important;}
  #content{
    padding-left: 0px;
    padding-right: 0px;
  }
  .user-nav{margin-right: 10px;}
  .user-dropdown{background-color: #fff !important;}
  .nav-wrapper .navbar-header,.nav-wrapper,.navbar-brand{
    padding-left: 0px !important;
  }
  .user-nav .user-name,
  .user-nav .opener-right-menu,
  #left-menu,
  .opener-left-menu,
  #right-menu,.card{
    display: none !important;
  }

  #mimin-mobile,#mimin-mobile-menu-opener{display: block !important;}

  .search-nav{
    display: none;
  }

}
/*******************zone d'information************************/

    .bloc.info{ width: 90%; padding: 2px 0px 0px 10px;}
    .bloc.icone{ width: 25px; padding: 5px 2px; height: 100%; vertical-align: top;}
    .bloc{ display: inline-block;}

/*editeur*/
    span{
        font: normal 15px 'Arial Narrow',Arial,Helvetica,sans-serif !important;
        -webkit-font-smoothing: antialiased;
    }

/************************************************GESTION DES SECTEURS MULTIPLES*******************************************/
ul.liste_multiple{margin-top:15px;padding-top:15px;}
ul.liste_multiple > li > a{
 font-weight:bold;
 color:#666;
 padding:8px 5px 0px 10px;
 background:#f3f3f3 ;/*url(../images/toggle_1.gif) no-repeat 10px 8px;*/
 border-bottom:1px solid #ddd;
 margin:0 0 1px 0;
 position:relative;
 display:block;
 text-decoration:none; 
 text-align:left;
}
ul.liste_multiple.grd > li > a{padding:8px 5px 8px 30px;}
ul.liste_multiple > li > a:hover{
  background:#eee ;
  color:#1361B1;
}
ul.liste_multiple > li > a.selected{background-color:#f7f7f7;color:#0493EE;}
ul.liste_multiple > li > a span.label{
  font-size:11px;color:#aaa;display:block;position:absolute; width:90px;top:5px;right:5px;font-weight:normal;
  padding-right:30px;text-align:right;
  text-decoration:none;
}
ul.liste_multiple > li > a span.lib_unchecked{background:url(../images/lib_unchecked.png) no-repeat right 3px;}
ul.liste_multiple > li > a span.lib_checked{background:url(../images/lib_checked.png) no-repeat right 3px;}
ul.liste_multiple > li div.toggle_content{
  padding:10px;
  margin:0px 0;
  /*background:url(../images/bg_toggle_div.png) repeat-x left top;*/
}
ul.liste_multiple > li{border:none;text-align:left;}
ul.liste_multiple > li div.toggle_content{display:none;}
ul.liste_multiple > li.opened{border:1px solid #ddd;border-top:none;}
ul.liste_multiple > li > a div.show_hide_sub_menu{
  color:#4E749B;
  font-size:20px;
  position:absolute;
  display:block;
  left:5px;
  top:3px;
  padding:0px;
  text-align:center;
  width:20px;
  height:18px;
  background:#fff;
  cursor:pointer;
}

ul.liste_multiple > li > a:hover div.show_hide_sub_menu{color:#5BAAFA;}

/*MENU STEP BY STEP*/
    .stepwizard-step p {margin-top: 0px; color:#666;}

    .stepwizard-row {display: table-row;}

    .stepwizard {display: table; width: 100%; position: relative;}

    .stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {opacity:1 !important; color:#bbb;}
    
    .stepwizard-row:before {top: 14px; bottom: 0; left:0; position: absolute; content:" "; width: 100%; height: 1px; background-color: #cccccc69; z-index: 0;}
    
    .stepwizard-step { display: table-cell; text-align: center; position: relative; }
    
    div.stepwizard-step .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px;}
  
    .panel-primary { border-color: #9e9e9e47 /*#0155a5*/; }
    .panel-primary > .panel-heading { color: #555; background-color: #f0f0f0; border-color: #e5e5e5/*#0155a5; */;}
    
    form#form_inscription_entreprise small:active {font-weight: bold;color: #d5031d;}
    a.btn.btn-circle.btn-default.btn-success {background-color: #9E9E9E;border: #cccccc;}
    form#form_inscription_entreprise .panel-heading {padding: 10px;}
    form#form_inscription_entreprise .panel {border-radius: 0px;}
    form#form_inscription_entreprise .nextBtn { color: #ffffff; background-color: #549401; border-color: #4d8504;}
    form#form_inscription_entreprise .nextBtn:hover {color: #ffffff; background-color: #4d8504; border-color: #4d8504;}
  /*********PAGE DACCUEIL*********/
  img.logo_detail {
    width: 140px;
    border-radius: 5px;
  }

  div.cadre_logos_partenaire { padding: 10px;  margin: 10px 0 10px 0; }
  .cadre_img_partenaire { width: 100%; }
  .cadre_img_partenaire li { width: 136px; height: 136px; margin-right: 15px; float: left; margin-bottom: 10px; padding: 5px; border: 1px dotted #ccc; display: table; }
  .cadre_img_partenaire li a img.img-responsive{margin-left:  auto;margin-right: auto;}
/*********ACTUALITE*********/
.actualite.picture-wrapper {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 5px;
    border-radius: 10px 0px 10px 0px;
    border-top: 1px solid #d5031c;
    border-bottom: 3px solid #d5031c;
    border-radius: 0;
    border-left: 1px solid #d5031c;
    border-right: 1px solid #d5031c;
}

.listing-courses .course-item {
    margin-bottom: 20px;
    border-bottom: 4px solid #f5f5f5;
    padding-bottom: 20px;
}
.listing-courses .course-item .course-container {
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    padding: 5px 10px 5px 0px;
}
.course .details .wrapper-course-image {
    float: left;
    margin-right: 2%;
    width: 30%;
}
 .course .details .wrapper-course-details {
    display: block;
    float: left;
    width: 68%;
    padding: 0;
}
.course .details .course-info {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 5px;
}
article.course{
    margin-bottom: 0px;
    padding-bottom:0px;
}
.course .details .wrapper-course-image .cover, .course .details .wrapper-course-image a.fade-cover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100px;
    border-radius: 4px;
    /* border: 1px solid #ddd; */
    /* border-bottom: 4px solid #ddd; */
}
.course .details .wrapper-course-image .cover .course-image,.course .details .wrapper-course-image a.fade-cover .course-image {
    width: 100%;
    min-width: 200px;
    border-radius: 5px;
    /* border: 1px solid #ddd; */
}
.course .details .course-title a,.course .details .course-title span {
    display: inline-block;
    margin-bottom: 10px;
}
h4.course-title{
    padding: 0px !important;
}
.course .details .course-info [class*="info-"] {
    color: #5e5e5e;
    display: inline-block;
}
.nav-tabs > li > a {
    border: 1px solid #dcdcdc;
    background: #e9e9e9;
    color: #555;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #d5031d;
}
.tab-content {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px;
    height: 500px !important;
}

.tab-content > .active {
    /*border: 1px solid #dcdcdc;*/
    padding: 3px;
    min-height: 400px;
}

ul.vue_thumbs li h4{ 
    margin-top: 0px;
    margin-bottom: 0px;    
    padding: 0px;
}
ul.vue_thumbs li h4 a {
    /*font-size: 13px;
    padding-bottom: 4px;
    line-height: 14px;
    color: #333;
    font-weight: bold;*/
    font-size: 14px;
    padding-bottom: 4px;
    line-height: 14px;
    color: #313130;
    font-weight: bold;
}

ul.vue_thumbs li p {
    padding: 3px;
    margin-top: 8px;
    color: #333;
    font-size: 85%;
    line-height: 14px;
}

ul.vue_thumbs li img.img_pr_article {
    width: 100px;
    height: 80px;
    float: left;
    /*margin-right: 10px;*/
    border-radius: 5px;
    border: 0.75px solid #efeff0;
}
ul.vue_thumbs li a.img {
    /*border-bottom: 1px solid #efefef;*/
    list-style: none;
    /*padding: 18px 0;*/
    position: relative;
    float: left;
}

ul.vue_thumbs li {
        /* border-bottom: 1px dotted #efefef; */
    list-style: none;
    padding-top: 10px;
    width: 100%;
    width: 50%;
    height: 100px;
    float: left;
    margin: 0;
    line-height: 12px;
    position: relative;
}
ul.vue_thumbs li.width100{
    width: 100% !important;
}
@media (max-width: 992px) {
    ul.vue_thumbs li {width: 100% !important;}
    p.inline {
        max-width: 50%;
        vertical-align: top;
    }
    .inline {
        display: inline-table;
    }

}
.container-actu{
   /*border: 1px solid #f1f1f1; */
    height: 100%;
    padding: 5px;
    border-radius: 5px;
}
/*Drapeau sur les articles**/
.div_img_container {
    position: relative;    
     margin-right: 10px;
}
/*.div_img_container span {
    position: absolute;
    right: 0px;
    top: 0px;
    /*width: 20px;
}*/
.img_articles {
    width:20px;

}

/*couleur de drapeau*/
span.category {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 12px !important;
    text-transform: uppercase;
    z-index: 10;
    height: auto !important;
    padding: 2px 5px;
    font-weight: bold;
}
span.category.ci{
    background: #f07d01;
 
}
span.category.bf{    
    background: #009e49;
}
span.category.mali{    
    background: #009e49;
}
span.category.togo{    
    background: #99a61f;
}
/**DETAIL ARTICLE**/
/*.articletitle-sub {
    background: #fafafa;
    border: 0.75px solid #eeeeee;
    padding: 2px 10px;
    color: #999;
    font-size: 11px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
}*/
.articletitle-sub {
    color: #999;
    font-size: 80%;
}
.articletitle-sub ul.infos {
    /*font-size: 100%;*/
    font-size: 12px !important;
    color: #686664;
    margin-top: 3px;
}
.articletitle-sub ul.infos {
    /* font-size: 100%; */
    font-size: 12px !important;
    color: #686664;
    margin-top: 3px;
}
.articletitle-sub ul.infos li {
    margin-bottom: 5px;
    font-size: 12px !important;
}
.articletitle-sub li {
    /*display: inline;*/
    float: left;
    padding: 0 7px 2px 5px;
    border-right: 1px dotted #e0e0e0;
}

.data-footer ul{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px 8px; background: #f2f2f2; color: #555; text-align: right; font-size: 80%; margin-top: 10px;
margin-bottom: 0px !important;}
.data-footer ul li {display: inline; padding-right: 10px;}


/*album*/
.album_link{padding: 5px 10px;margin: 20px;}
.img_galerie {/* border: 5px solid #ffff; */box-shadow: 0px 0px 1px 1px #ffffffa3;/* border-radius: 4px; */width: 100%;min-height:60px;margin-top:  auto;margin-bottom: auto;}
.vignette, .vignette_video {float: left; width: 200px; margin: 10px; border: 5px solid #ffff; box-shadow: 0px 0px 1px 1px #9e9e9e; border-radius: 4px;
    vertical-align: middle; display: inline-grid; overflow: hidden;}
#modal_container_div .modal-dialog { width: 60%;}
#modal_container_div img{width: 100%;padding-bottom: 20px;}
/* zone de recherche*/
.searchBox {  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); 
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); 
    margin-top: 0px;
    padding: 10px;
    background: #bdbdbc/*#afafaf*/;}
.search-inline {/*display: inline;*/ float: left; border-radius: 0px; height: 40px;}
/*A LA UNE*/
div.container_unes{margin-bottom: 20px;}
ul.datas_lies li img {float:left; height: 80px; border-radius: 5px; border: 0.75px solid #efeff0;}
/*a voir egalement*/
h5.headline, .headline {border-bottom: 1px solid #E0E0E0;}
.promo-block {margin-bottom: 40px;}
.promo-block-list {border-color: transparent;border-style: solid;display: flex;flex-wrap: wrap;justify-content: space-between;list-style-type: none; padding: 30px 0;}
.promo-block li {display: inline-block;padding-bottom: 10px;text-align: center;vertical-align: top;
}
@media (min-width: 768px){
    .promo-block li {padding: 14px 6px; width: 33.3333333%;}
    .promo-block li .title {text-align: center;}
}
.promo-block li .description { color: #999; font-size: 1.4rem; font-weight: 300; margin: 8px 0 0;}
.promo-block li a {background-color: #fff; height: 100%; margin: 0 10px 10px; padding: 20px;}
.picture-wrapper .picture {background: #ddd; background-size: cover; transition: all 1s ease; width: 100%!important; height: 170px;}

/*ZONE ATTENTION ou IMPORTANT*/
.fa-exclamation-triangle {color: #ffb427;font-size: 25px;}
.cadre-info-jaune{background: #ffc1071a;padding: 3px;border: 1px solid #f39b1d1f;border-radius: 3px;}
.cadre-info-jaune p{margin:10px 2px 10px 2px;}
/*.cadre-info-jaune p span.pull-right{padding-left:20px; margin-top: -30px;}*/
.cadre-info-jaune > p > span {margin-left: 6%; margin-top: -30px;}

/*.cadre-info-jaune:before{    
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #f4971e;
    font-size: 25px;
/*--adjust as necessary--*

}*/

/**.card .content > ul > li.second-nav > ul > li.third-nav > ul > li:before { content: "\f0da"; font-family: FontAwesome; font-style: normal;font-weight: normal;text-decoration: inherit;color: #2d2d2c;font-size: 11px;padding-right: 1em;padding-left: 4em;position: absolute;left: 0;font-family: 'FontAwesome';}
*/
.cadre-info-bleu{
    background: #e9ebeec4;
    padding: 5px;
    border: 1px solid #dddddd;
}
.cadre-info-vert{
    background: #6a971424;
    padding: 7px;
    border: 1px solid #bbdb7fc9;
    border-radius: 10px;
}

/*   
tab-content{
  border-bottom: 1px solid #efefef;
  list-style: none;
  padding: 18px 0;
  position: relative;
} */

/*#bulletin-paie a {
    border: 1px dotted #ff0000;
}

#parts_igr {
    position: absolute;
    top: 120px;
    left: 230px;
    width: 26px;
    height: 15px;
}*/

/*******FICHE METIER*************/
div.alphabetique ul {margin: 0px;/* background: #d5031d; */}

div.alphabetique ul li {float: left;margin: 2px;/*display: inline-block;*/}

#alphabet_filters div.alphabetique ul li a:hover, #alphabet_filters div.alphabetique ul li a.current {background: #686664;border-color: #686664;color: #fff;}
#alphabet_filters div.alphabetique ul li a {background: #fff;border: 1px solid #ddd;text-align: center;color: #42403d;font-weight: bold;text-decoration: none;font-size: 14px;padding: 1px 4px 0 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);width: 20px;}
#alphabet_filters {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px; background: #f7f7f7;}

.content > ul > li.active.second-nav > ul {
    display: block;
}

/*page en construction*/

p.text-centrer{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 300px;
  font-size: 30px;
}
/*OFFRE*/
.container_offre{width: 100%;border: solid 0.75px #e9e9e9;padding: 5px 10px; margin-bottom: 10px;}
.container_offre:hover {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.container_offre h4{font-size: 20px !important; color: #555; padding: 0px 0 5px 0 !important;}

.container_offre .panel-light-content {border-color: #e0e1e5;}
.container_offre .panel {margin-bottom: 10px; padding-bottom: 0px; background-color: #fff; border: 1px solid #d6d6e0; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.container_offre .panel-heading {padding: 5px 0px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.text-muted {color: /*#999*/#5c5c5b;}

li.panel-footer-icon-wrapper{ color: #5c5c5b;display: inline;}
small, .small {font-size: 85%;}
.panel-heading .headline3 {margin: 0 0 10px 0;}

.container_offre .panel-footer {padding: 5px 0px 0px 0px; background-color:#fff;}

.container_offre .panel-light-content .panel-footer { background-color: #fff !important;}
.badge{color: #ffffff !important;}
.badge.ci{background-color: #f77f00;}
.badge.bf{background-color: #f77f00;}
.badge.togo{background-color: #f77f00;}
.badge.mali{background-color: #009e49;}

.section-title h3 span.text-grey {
    color: #575756 !important; 
    text-transform: lowercase !important;
    font-weight: lighter!important;
    font-size: 17px;
}
.section-title h3 p.text-red {
    text-transform: lowercase;
    font-size: 18px;
}

ul.menus_offre{margin: 5px 0px;}
ul.menus_offre li{width: 115px;min-height: 50px;float:left;margin-right:15px;margin-bottom: 10px;background: #dedede url(../images/vide.gif) center top no-repeat;/* color:#bbb; */text-align:center;border: 1px dotted #eee;border-radius: 5px;padding: 5px;}
ul.menus_offre li.no-background a, ul.menus_offre li.no-background span{/* width:108px; *//* padding: 4px; *//* height: 65px; */color:#777;display:block;text-decoration:none;}
ul.menus_offre li span{color:#bbb;}
ul.menus_offre li a{color:#fff}
/*ul.menus_offre li a:hover{color:#FF7F0A;text-decoration:none;}*/

ul.menus_offre li.panier{background: #99151a;}
ul.menus_offre li.panier:hover{border: 1px solid #99151a;background: #fff;}
ul.menus_offre li.panier a:hover{color:#99151a !important;text-decoration:none;}

ul.menus_offre li.candidature{background: #2a2F84;}
ul.menus_offre li.candidature:hover{border: 1px solid #2a2F84;background: #fff;}
ul.menus_offre li.candidature a:hover{color:#2a2F84 !important;text-decoration:none;}

ul.menus_offre li.postuler{background: #d5031c;}
ul.menus_offre li.postuler:hover{border: 1px solid #d5031c;background: #fff;}
ul.menus_offre li.postuler a:hover{color:#d5031c !important;text-decoration:none;}

ul.menus_offre li.imprimer{background: #f9b334;}
ul.menus_offre li.imprimer:hover{border: 1px solid #f9b334; background:#fff}
ul.menus_offre li.imprimer a:hover{color:#f9b334 !important;text-decoration:none;}

ul.menus_offre li.partager{background: #96bf1d;}
ul.menus_offre li.partager:hover, ul.menus_offre li.partager:active{border: 1px solid #96bf1d; background:#ffffff}
ul.menus_offre li.partager a:hover{color:#96bf1d !important;text-decoration:none;}

/*ul.menus_offre li.panier a{color: #99151a;}
ul.menus_offre li.panier{background: #fff; border: 1px solid #99151a; }
ul.menus_offre li.panier:hover{background:#99151a}
ul.menus_offre li.panier a:hover{color:#fff !important;text-decoration:none;}

ul.menus_offre li.candidature a{color: #2a2F84;}
ul.menus_offre li.candidature{background: #fff; border: 1px solid #2a2F84;}
ul.menus_offre li.candidature:hover{background:#2a2F84;}
ul.menus_offre li.candidature a:hover{color:#fff !important;text-decoration:none;}

ul.menus_offre li.postuler a{color: #d5031c; }
ul.menus_offre li.postuler{background: #fff; border: 1px solid #d5031c;}
ul.menus_offre li.postuler:hover{background:#d5031c;}
ul.menus_offre li.postuler a:hover{color:#fff !important;text-decoration:none;}

ul.menus_offre li.partager a{color: #96bf1d;}
ul.menus_offre li.partager{background: #fff; border: 1px solid #96bf1d;}
ul.menus_offre li.partager:hover{background:#96bf1d;}
ul.menus_offre li.partager a:hover{color:#fff !important;text-decoration:none;}

ul.menus_offre li.imprimer a{color: #f9b334;}
ul.menus_offre li.imprimer{background: #ffffff; border: 1px solid #f9b334;}
ul.menus_offre li.imprimer:hover{background:#f9b334;}
ul.menus_offre li.imprimer a:hover{color:#fff !important;text-decoration:none;}*/

ul.menus_offre li.no-background { color: #989898;}

/*ul.menus_offre li.postuler.no{background-image:url(../images/offres_postuler0.jpg);}
ul.menus_offre li.favoris{background-image:url(../images/offres_favoris.jpg)}
ul.menus_offre li.favoris.no{background-image:url(../images/offres_favoris0.jpg)}
ul.menus_offre li.historique{background-image:url(../images/offres_historique.jpg)}
ul.menus_offre li.historique.no{background-image:url(../images/offres_historique0.jpg)}
ul.menus_offre li.ami{background-image:url(../images/offres_ami.jpg)}
ul.menus_offre li.ami.no{background-image:url(../images/offres_ami0.jpg)}
ul.menus_offre li.imprime{background-image:url(../images/offres_imprime.jpg)}
ul.menus_offre li.imprime.no{background-image:url(../images/offres_imprime0.jpg)}*/


ul.menus_offre li.last{margin-right:0;}

/*OFFRE-AUTRE INFORMATION*/
/*.ProfilDatas{margin-top: 15px; }*/
/*.ProfilDatas tr > th{ color: /*#555#313130; height: 30px; font-size: 17px;}*/

.ProfilDatas{font-size: 100%;border: 0.75px solid #f5f5f5 !important;}
.ProfilDatas th{background-color:#f5f5f5;border-bottom: 2px solid white;color:#000;font-weight:normal;padding:2px 7px;vertical-align:middle;font-size:15px;width: 135px !important;}.ProfilDatas td{background-color:#FFF;border-bottom:1px solid #efefef;padding:3px 7px}.ProfilDatas td{line-height:22px}.ProfilDatas th td{background-color:transparent}
.th_libelle{width: 50%;}
.td_libelle{width: 80%;}
/*BULLETTIN*/

#bulletin-paie table{
        box-shadow: -1px 0px 6px 0px #5555;
}
#bulletin-paie table, #bulletin-paie table tr, #bulletin-paie table tr td{
    border: 0.75px solid;
    font-size:  0.8em/*0.7vw*/;
    font-family: arial;
    /*line-height: 1.5vw;*/
    padding: 2px;
    font-weight: bold;
    margin-top:20px;
    margin-bottom: 20px; 
}


#bulletin-paie img{width: 50%;}
#bulletin-paie a > p, #bulletin-paie a > span{border:1px dotted #ff0000;color:#555;/*line-height: 0.9vw;*/margin: 0px;}
#bulletin-paie p { margin: 0px;}
.no-ligne {border-right: #fff 1px solid !important;}

.no-ligne-bottom{border-bottom: 1px solid #fff !important;}
.no-ligne-top{border-top: 1px solid #fff !important;}
.marge{padding: 10px !important;}
.marge-9{padding: 8px !important;}

/* AFFICHAGE DES DIIFERENTS CV DANS LE MODAL*/
.modal-backdrop {
    /* bug fix - no overlay */    
    display: none;    
}
.modal-header { border-bottom: 1px solid #FFF;}
.modal-body {margin-top:0px; padding-top:0px;}
.modal-dialog {width: 350px; text-align: center; top:10%;}


.tableau_cadre, .cadre_formulaire {
    border: 1px solid #e9e9e9;
    padding: 5px;
    position: relative;
    margin-top: 3px;
}

div.img_abs_right > img {
   max-width: 10%;
   float: right;
   position: absolute;
   right: 10px;
}

/************Menu a droite************/
.img_menu_droit, .infos_contacts{
    padding-top: 10px;
    padding-bottom:  10px;
}
.infos_contacts{
    padding: 10px 10px;
    line-height: 26px;
    font-size: 14px;
    text-align: justify;
}

/***********Bouton formation*********/
.floating {
    position: fixed;
    z-index: 1000;
    top: 30%;
    right: 0px;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform: rotate(90deg) translate(50%, 50%);
    -ms-transform: rotate(90deg) translate(50%, 50%);
    -o-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(90deg) translate(50%, 50%);
    border-radius: 0px;
    /*background-color: #01a29c;*/
    font-size: 1em;
    width: 6%;
    margin: auto;
    height: 2.5;
}

/*********texte sur les slides*********/

.transparent-conseil-rh{
    background: #8b047acc;
    padding: 15px;
    text-align: left;
    width: 50%;
}
.transparent-noir{
    background: #38393c8c;
    padding: 15px;
    text-align: left;
    width: 50%;
}
.transparent-incolore-red{
    background: transparent;
    padding: 15px;
    text-align: left;
    width: 50%;
    text-shadow : none !important;
    color: #FF9800 !important;
    border-left: 2px solid;
}
.transparent-incolore-red-nobordder{
    background: transparent;
    padding: 15px;
    text-align: left;
    width: 50%;
    text-shadow : none !important;
    color: #FF9800 !important;
}
.transparent-incolore-yellow{
    background: transparent;
    padding: 15px;
    text-align: left;
    width: 50%;
    text-shadow : none !important;
    color: #d5031c !important;
    border-left: 2px solid;
}


.transparent-incolore-recrutement{color: #0155a5 !important;}
.transparent-incolore-tt{color: #99161a !important;}

.transparent-incolore-st{  color: #96c01e /*#8cd422*/ !important; }

.transparent-incolore-formation{  color: #FFC107/*fdb524*/  !important;
background:rgba(235, 233, 239, 0.47) !important;
    background: -moz-linear-gradient(left, rgba(27, 27, 28, 0.75) 1%,rgba(3, 3, 4, 0.51) 2%,rgba(0, 0, 0, 0.32) 70%,rgba(0,0,0,0) 100%) !important; 
background: -webkit-linear-gradient(left, rgba(27, 27, 28, 0.75) 1%,rgba(3, 3, 4, 0.51) 2%,rgba(0, 0, 0, 0.32) 70%,rgba(0,0,0,0) 100%) !important; 
background: linear-gradient(to right, rgba(27, 27, 28, 0.75) 1%,rgba(3, 3, 4, 0.51) 2%,rgba(0, 0, 0, 0.32) 70%,rgba(0,0,0,0) 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#0a000000',GradientType=1 );}

.transparent-incolore-conseil-rh{  color: #8b0479 !important; }

.transparent-incolore-marketing-invent{  color: #fe0041/*8b047a*/ !important; }
    /*background:rgba(235, 233, 239, 0.47) !important;
    background: -moz-linear-gradient(left, rgba(235, 233, 239, 0.47) 1%, rgba(235, 233, 239, 0.47) 2%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%) !important; 
background: -webkit-linear-gradient(left, rgba(235, 233, 239, 0.47) 1%,rgba(235, 233, 239, 0.47) 2%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%) !important; 
background: linear-gradient(to right, rgba(235, 233, 239, 0.47) 1%,rgba(235, 233, 239, 0.47) 2%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#0a000000',GradientType=1 );}
*/
.carousel-caption{max-width: 960px;margin-left:  auto;margin-right:  auto;right: 2%;left: 2%;bottom: 25%;height: 35%;}
.position-right{ float: right;}
.position-left{float: left;}
/*.carousel-caption div h1 {  font-size: 1.9vw; margin: 1px;}*/
.carousel-caption div h1 { font-size: 2.5vw;
    margin-top: 0px !important;
    margin-bottom: 1px;
    font-weight: bold;
    padding-top: 0px !important;}

/*.carousel-caption div p { padding-top: 5px; font-size: 1.4em;}*/
.carousel-caption div p {padding-top: 10px; font-size: /*2.5em*/1.8vw; margin-top:5px; padding-bottom: 0px !important; margin: 0px !important; font-size-adjust: 0.42;}

.carousel-caption div span {font-size: 1.7vw; line-height: 50px;  padding: 0px; margin-bottom: 0px;}
.carousel-caption div div.text-big{border: none !important; padding: 0px !important; font-size: 1.7vw; line-height: 50px;}    
    
   
.carousel-caption div {background: transparent;
    padding: 0px !important;
    padding-left: 20px !important;
    text-align: left;
    text-shadow: none !important;
    border-left: 3px solid;
    width: 100%;
}
/*.carousel-caption div {background: transparent; padding: 15px; text-align: left; text-shadow : none !important; border-left: 2px solid; width: 68%;}*/


/**************************************Pagination**************************************/

#content_pagination{width:100%;height:25px;overflow:hidden;margin:20px 0px;}

#content_pagination2{width:100%;height:35px;overflow:hidden;}

div.pagination {font: 11px Arial Narrow;padding: 2px;margin: 5px;}

div.pagination a, div.pagination span  {color: #666;margin: 1px 2px;padding: 2px 5px;text-decoration: none;background: #ffffff;border: 1px solid #efeff1;}

div.pagination a:hover,active {background-color: #d5031e;border: 1px solid #d5031e;color: #fff;margin: 1px 2px;padding: 2px 5px}

div.pagination span.desactive {color:#999;background-color: #fafafa;}

div.pagination span.courante {background-color: #d5031d;border: 1px solid #d5031d;color: #fff;/* font-weight: bold; */margin: 1px 2px;padding: 2px 5px;}

.nbre_items_pagination{padding: 0px;}

.centrer{text-align: center;border-top: 1px solid #EEEEEE;}

/********************reseaux sociaux**************************/
ul.articlesocial{padding-top: 5px;}
ul.articlesocial li { display: inline-table; width: 30px; border:1px solid rgba(0, 0, 0, 0.07); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 1px 1px -2px rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0, 0, 0, 0.06); margin: 3px; text-align: center; border-radius: 5px;}
ul.articlesocial li .fa { font-size: 1em; text-align: center;}
.fa-linkedin { color: #0277BD !important;}
.fa-twitter { color: #03a9f4 !important;}
.fa-facebook { color: #3F51B5 !important;}
.fa-google { color: #d5031e !important;}

.fa-twitter:hover {color: #ffffff !important;background: #03a9f4;padding:  2px 3px;border-radius:  5px;}
.fa-facebook:hover {color: #ffffff !important;background: #3F51B5;padding:  2px 3px;border-radius:  5px;}
.fa-google:hover {color: #ffffff !important;background: #d5031e;padding:  2px 3px;border-radius:  5px;}
.fa-linkedin:hover {color: #ffffff !important;background: #0277BD;padding:  2px 3px;border-radius:  5px;}

div.detailspublication{
   text-align: left;
}
div.detailspublication section > a, div.detailspublication a, div.detailspublication  p a  {color: #d5031c !important;}


div.detailspublication h2, div.detailspublication h3, div.detailspublication h4, div.detailspublication h5 {
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif !important;
    /* padding: 10px 0 10px 0; */
    padding: 10px 0 4px 0;
    margin: 0 !important;
    color: #d5031e !important;
    font-weight: bold !important;
    font-size: 19px !important;
}


div.detailspublication p, div.detailspublication div, div.detailspublication span, div.detailspublication section{color:#313130 !important;text-align: justify !important;font-family: 'Arial Narrow',Arial,Helvetica,sans-serif !important;font-size: 100% !important;line-height: 135%;} 



div.detailspublication iframe {
    width: 100% !important;
}

.articletitle-sub ul.infos li span {
    font-size: 13px !important;
    text-transform: lowercase !important;
}

div#contenu_fonction label {}

h3.header-text {
   /* padding: 0px 0px 20px 0px; */
   color: #e3001a;
   font-weight: bold;
   /* text-transform: uppercase; */
   text-decoration: none;
   font-size: 22px !important;
   /* background: #fff; */
}

.panel-body {
    padding: 10px 30px 5px 0px;
    min-height: 325px;
}

.form-group.text-right {
    margin-bottom: 5px;
}

.form-group.row {
    margin-bottom: 5px;
}

.panel-title span {
    text-transform: uppercase;
    font-weight: bold !important;
    /* font-size: 18px !important; */
}
.container_milieu{width: 90% !important;min-height: 800px;/* padding: 20px; *//* background: url(../images/fond.jpg); *//* text-align: center; */margin-right: auto;margin-left: auto;}
.form-control{display:inline-table; }

fieldset {
    /* padding: 5px; */
}

section {
    background: #fff;
}

.input-sm, #date_naissance {
    height: 25px;
    background: #b8b1b81c !important;
    /* border-radius: 0px !important; */
    border: 1px solid #d4d4d4 !important;
}

h5.text-center.header-text {
    color: #555;
    text-decoration: none;
    /* text-transform: none; */
    margin-bottom: 1px;
    padding-bottom: 1px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
}

.div-gauche-texte.col-md-4 {padding-top: 2%;}

div#div_formulaire {
    border: 1px solid #00000017;
    padding: 10px 20px;
    /* margin-top: 20px; */
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    /* min-height: 790px; */
    background: #fff;
    box-shadow: -2px 4px 20px 0px #c6c2d161;
}
p{
    font-size: 18px !important;
}

div#div_encart {
    margin-bottom: 10px;
    background: #ffffffc7;
    margin-top: 20%;
    font-size: 16px;
    padding: 10px;
    /* min-height: 535px; */
    margin-left: 10%;
    margin-right: 10%;
}

div#div_encart> h3 {}

h4 {}

div#div_encart h4 {
    text-decoration: none;
    text-transform: initial !important;
    font-size: 2.2vw;
    font-weight: bold;
}

.chosen-container-single .chosen-single {
    height: 30px;
    color: #7f7f7f;
    /* font-size: 5px !important; */
}

a.chosen-single span {
    font-size: 14px !important;
}
.chosen-container-single .chosen-single span{
  display:inline-table;
}


ul.chosen-results {
    text-transform: capitalize;
}