@import url(font.css);
body {
  font-family:'roboto-medium';
  font-size:0.875rem;
  line-height: normal;
  color: #3e3d40;  
  padding: 0;
  margin: 0;   
  background-color: #f4f4f4
}

.page_background{background: url(../images/bg.jpg) top center no-repeat;  background-size: 100% auto; position: absolute; z-index: 0; /*background-attachment: fixed;*/ width: 100%; height: 100vh; z-index: -1}

.clr              {zoom: 1; clear: both}
.clr:after        {content: ""; display: table; clear: both}
.left             {float: left;}
.right            {float: right;}
.effect           {transition:.3s all ease-in;}
.container        {max-width: 75rem; margin: 0 auto}

header{position: fixed; z-index: 1000; width: 100%;}
.header_main{background: #1b0f3c; padding: 0.5rem 0 0.3rem 0; }
.header_main .container{
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
}
.header_main .logo{width: 10rem}
.header_main h2{background: none; color: #fff; font-family: 'roboto-bold'; width: 20rem; margin-left: 2rem; padding: 0; text-transform: inherit; font-weight: normal; font-size: 1rem; line-height:1;}
.header_main .menu{width: calc(100% - 32rem); width: -webkit-calc(100% - 32rem); width: -moz-calc(100% - 32rem); margin: 0; padding: 0; text-align: right;}
.header_main .menu li{display: inline-block; margin: 0 .7rem; position: relative;}
.header_main .menu li a{color: #fff; text-decoration: none; display: inline-block; position: relative; text-transform: uppercase; padding-left: .7rem;}
.header_main .menu li a:before{content: ''; display: block; width: 0.3rem; height: 0.3rem; background: rgba(255, 255, 255, 0.5); float: left; border-radius: 2rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; transition:.2s all ease-in;}
.header_main .menu li:hover a:before{background: #fff; width: .5rem; height: .5rem; left: -.1rem}
.header_main .menu li a:after{height: 2px; width: 0%; transition:.5s all ease-in; content: ''; position: absolute; display: block; bottom: 0rem; background: #fff}
.header_main .menu li:hover a:after{width: 65%}
.header_main .menu li ul, .header_main .menu li ul li ul{display: block; width: 20rem; background: #312660; position: absolute; text-align: left;margin:0; padding: 0; top: 1.2rem; left: .7rem; display: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
.header_main .menu li ul li ul{top: 0; left: -20rem}
.header_main .menu li:hover ul{display: block;}
.header_main .menu li:hover ul li ul{display: none;}
.header_main .menu li ul li:hover ul{display: block;}
.header_main .menu li ul li{display: block; margin: 0; padding: 0}
.header_main .menu li ul li a{padding: .7rem; display: block; color: #fff; text-decoration: none; font-size: .8rem; text-transform: inherit; transition:.3s all ease-in; border-bottom: 1px solid rgba(255, 255, 255, 0.15)}
.header_main .menu li ul li:last-child a{border-bottom: none}
.header_main .menu li ul li a:after, .header_main .menu li ul li a:before{display: none}
.header_main .menu li ul li a:hover{background:#1b0f3c}
.mobile_menu_container{display: none}

body section:nth-child(2){padding-top: 8.7rem}
section.megabaniere:nth-child(2){padding-top: 7rem; margin-bottom: .6rem;}
section{margin-bottom: 1.5rem}
.with_bg{}
.right_col{width: 18.75rem; float: right; margin: 0;}
.left_col{width: calc(100% - 20rem); width: -moz-calc(100% - 20rem); width: -webkit-calc(100% - 20rem); width: -moz-calc(100% - 20rem); float: left; margin: 0}
.blc{background: #fff; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); padding: 1.5rem 2rem}
.xblc.sector, .blc.sector{position: relative; overflow: hidden;}
.xblc.sector:before, .blc.sector:before{background: #1b0f3c; content: ''; display: block; position: absolute; height: 1.5rem; top: -1rem; transform: rotate(-1deg); width: 100%; left: 0; z-index: 1;}
.xblc.sector {color: #3e3d40;}

.pub_item{margin-bottom: .7rem;}

h2{font-size:1.25rem; color: #1b0f3c; padding-left: 2.7rem; background: url(../images/dots_blue.png) center left no-repeat; font-weight: normal; text-transform: uppercase;}
h2:first-child{margin-top: 0}
h2 a{color: #1b0f3c; text-decoration: none;}
h2 strong{font-family: 'roboto-black'}
h2.no_line strong{border-bottom: none !important}
h2 i{width: 1.3rem; height: 1.3rem; background: #1b0f3c; color: #fff; text-align: center; border-radius: 3rem; margin-left: .5rem; font-size: .8rem !important; line-height: 1.35rem !important;}
h2:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
h3{text-align: center; font-size: 1rem; color: #2e2d30; font-weight: normal; margin: .5rem 0; font-family: 'roboto-regular';}
h3 strong{font-family: 'roboto-black'; color: #1b0f3c}

.megabaniere{text-align: center;}
.blc.sector{color: #3e3d40;}
.blc.sector h2{margin-top: .5rem}
.blc.sector h2 strong{border-bottom: 2px solid #1b0f3c}
.blc.sector .filter{font-family: 'roboto-black'; border-bottom: 1px solid #dcdcdc; padding-bottom: 1.8rem; padding-top: .5rem; margin-bottom: 1.3rem;}
.blc.sector .filter ul{font-family: 'roboto-medium'; display: inline-block; margin: 0; padding: 0}
.blc.sector .filter ul li{background: url(../images/blue.png) center left no-repeat; display: inline-block; margin: 0 0 0 2rem; padding-left: .7rem; position: relative;}
.blc.sector .filter ul li a{color: #3e3d40; text-decoration: none; }
.blc.sector .filter ul li:after{content: ''; display: block; height: 2px; width: 2rem; background: #1b0f3c; position: absolute; bottom: -.4rem; transition:1s all ease-in;}
.blc.sector .filter ul li:hover:after{width: 100%}
.blc.sector .filter ul li.current:after, .blc.sector .filter ul li.current:hover:after{width: 2rem; background: #3e3d40;}
.blc.sector .filter ul li i{font-size: .5rem; color: #1b0f3c; margin-left: .3rem;  -webkit-animation-duration: 1.3s; -moz-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;
                    -o-animation-fill-mode: both; animation-fill-mode: both;}
.blc.sector .filter ul li.current a{font-family: 'roboto-black'}                    
.blc.sector .filter ul li:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; 
}
.blc.sector .filter ul li.current:hover i{
  -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none; 
}
/*.blc.sector p{text-align: center;}*/
.blc.sector p strong{font-family:'roboto-black'; color: #1b0f3c}
.blc.sector ul.sector_item{margin: 0; padding: 0;
  display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
  justify-content: space-between; flex-wrap:wrap;}
.blc.sector ul.sector_item li{list-style: none; width: 33.33%; padding-right: 1rem; box-sizing: border-box; margin-top: .8rem; margin-bottom: .4rem;}
.blc.sector ul.sector_item li a{text-decoration: none; color: #3e3d40;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
position: relative;}
.blc.sector ul.sector_item li a:hover{color: #000; transition:.3s all ease-in;}
.blc.sector ul.sector_item li a img{width: 1.425rem; height: 1.425rem; float: left; margin: 0 .5rem; background: #3e439b; border-radius: 10rem; display: inline-block; padding: 0.5rem; transition:.3s all ease-in; position: relative;}
.blc.sector ul.sector_item li a:hover img{width: 1.625rem; height: 1.625rem; padding: 0.4rem;/*background: none*/}
.blc.sector ul.sector_item li a:after{width: 0; height: 0rem; margin: auto; background: #05479d; border-radius: 10rem; display: block; left: 1.45rem; top: 0; bottom: 0; transition: 1.5s all ease; content: ''; position: absolute; z-index: -1; opacity: 0; transition:.3s all ease-in;}
.blc.sector ul.sector_item li a:hover:after{opacity: 1; width: 2.9rem; height: 2.9rem;left: .3rem;}
.blc.sector ul.sector_item li a:before{content: ''; position: absolute; display: block; background: rgba(255, 255, 255, 0.7); width: 3.5rem; height: 1rem; transform: rotate(45deg); z-index: 1; left: -1.6rem; bottom: -.1rem;transition: 1.5s all ease}
.blc.sector ul.sector_item li a:hover:before{background: rgba(255, 255, 255, 0.1); left: 1.7rem; bottom: 1.7rem;}

.blc.candidat{margin-top: 1.7rem; background: url(../images/x.png) no-repeat #fff center 22rem; padding-bottom: 1rem;}
.blc.candidat h3{text-transform: uppercase; margin: 1.7rem 0rem 1.4rem 0;}
.login_zone{background: #3e439b; margin: 0 -2.2rem; padding: 1.2rem 3rem;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
justify-content: space-around; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: relative;}
.login_zone:after{position: absolute; content: ''; display: block; width: 1.5rem; height: 1.5rem; margin: auto; left: 0; right: 0; bottom: -.5rem; background: #3e439b; transform: rotate(45deg);}
.login_zone .formulaire .input { display: flex; }
.login_zone .formulaire .captcha {margin: 1rem 0;width: 100%;text-align: right;margin-left: 1rem;}
/*.login_zone .form-group{width:10rem; margin-right: 1rem;}
.login_zone form{display: flex; align-items: center; justify-content: space-around}
.login_zone .form-group input{background: none; border: none; border-bottom: 2px solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 0.9rem; font-family: 'roboto-regular'; padding: .4rem 0; background-repeat: no-repeat; background-position: 0 center; margin-right: 1.2rem; width: 10rem; box-sizing: border-box;}
.login_zone input.mail_cp{background-image: url(../images/ico_mail.png)}
.login_zone input.pwd_cp{background-image: url(../images/ico_lock.png)}
*/
.login_zone form {
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
justify-content: space-around;}
.login_zone .form-group {width:10rem; margin-right: 1.2rem; }

.login_zone button, .main_form button, .links{color: #05479d; /*width:98%;*/ padding: .5rem .3rem .5rem .3rem; border-radius: .15rem; background: #fff; cursor: pointer; border: none; font-family: 'roboto-black'; text-transform: uppercase; font-size: .90rem;}
.login_zone button:hover, .main_form button:hover, .links:hover{
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}
.login_zone button i, .main_form button i, .links i{font-size: .6rem; margin: 0 .2rem}
.login_zone .register{font-family: 'roboto-black'; text-transform: uppercase; color: #fff; position: relative; text-decoration: none}
.login_zone .register:after{height: 2px; background:#fff; content: ''; position: absolute; width: 5rem; right: 2rem; bottom: -.3rem; transition:1s all ease-in;}
.login_zone .register:hover:after{width: 8.4rem}
.login_zone .register i{color: #05479d; width: 1.2rem; height: 1.2rem; background: #fff; text-align: center; border-radius: 5rem; font-size: .7rem; box-sizing: border-box; padding-top: .27rem; margin-left: .5rem;}
.login_zone .register:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.login_zone .separator{height: 3rem; width: 1px; background: #fff}

.accroche {
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-around; margin-bottom: .8rem; font-size: 0.75rem;}
.accroche a{color: #7d7d7d; text-decoration: none;}
.accroche strong{color: #1b0f3c; font-weight: normal; font-family: 'roboto-black'; margin-bottom: 0rem; display: block; position: relative; font-size: 0.875rem;}
.accroche strong:after{position: absolute; content: ""; display: block; width: 0; right: 0; height: 1px; background: #1b0f3c; transition:1s all ease-in;}
.accroche div.to_right strong:after{left: 0}
.accroche div:hover strong:after{width: 100%}
.accroche div{width: 40%; padding-top: 0; padding-bottom: 0; position: relative;}
.accroche div img{position: absolute; top: 0}
.accroche div.to_left{padding-right: 4rem; text-align: right;}
.accroche div.to_right{padding-left: 4rem}
.accroche div.to_left img{right: 1rem}
.accroche div.to_right img{left: 1rem}

.offres .container{max-width: 72rem; padding: 1.5rem 1.5rem 4rem 1.5rem; position: relative;}
.offres .container:before{background:url('../images/inclinaison.png') bottom right no-repeat; content: ''; display: block; position: absolute; height: 3rem; bottom: 0;width: 100%; right: 0;}
.offres a{text-decoration: none;}
.offres h3{font-size: 1rem; color: #1b0f3c; padding-left: 1.6rem; background: url(../images/dot_blue.png) center left no-repeat; font-weight: normal; text-transform: uppercase; margin-top: 0; margin-bottom: 1.3rem;}
.offres h3 a{text-decoration: none; color: #1b0f3c}
h3 strong{font-family: 'roboto-black'; font-weight: normal;}
.offres .bloc_offre h2{color:#1b0f3c; font-family: 'roboto-black'; font-weight: normal; font-size: 0.875rem; position: relative; background: none; padding: 0; margin: 0 0 1.2rem 0; text-transform: inherit;}
.offres .bloc_offre h2:after{position: absolute; width: 2rem; height: 2px; background: #1b0f3c; content: ''; left: 0; bottom: -.4rem; transition:1s all ease-in;}

.offres p{color:#7d7d7d; font-size: 0.75rem; line-height: 1rem;}
.offres p strong{font-family: 'roboto-black'; font-weight: normal; display: block;}
.offres p span{display: block; margin-top: .4rem}
.offres .more{font-weight: normal; color:#1b0f3c; display: block; text-align: right; position: relative; width: 100%; font-size:.75rem}
.offres .more:after{position: absolute; width: calc(100% - 5rem); width: -webkit-calc(100% - 5rem); width: -moz-calc(100% - 5rem); height: 1px; background: #1b0f3c; content: ''; left: 0; margin: auto; top: 0; bottom: 0;}
.offres .more i{font-size: .5rem; margin-left: .5rem; -webkit-animation-duration: 1.3s; -moz-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;
                    -o-animation-fill-mode: both; animation-fill-mode: both;}
.offres .more:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; 
}
.offres .bloc_offre{padding: 0 2rem; box-sizing: border-box;
/*display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-around;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;*/
 border-left: 1px solid #c9c9c9}
.offres .bloc_offre.first {padding-left:0; border:none;}
.offres .more_offre{text-transform: uppercase; position: absolute; left: 1.5rem; bottom: 2rem; color:#1b0f3c;}
.offres .more_offre span{font-family: 'roboto-black'; font-weight: normal; border-bottom: 2px solid #1b0f3c}
.offres .more_offre i{font-size:.5rem; margin-left:.4rem; -webkit-animation-duration: 1.3s; -moz-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;
                    -o-animation-fill-mode: both; animation-fill-mode: both;}
.offres .more_offre:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; 
}
#slide_offre .slick-dots{position: absolute; right: 0; bottom:-4.3rem;}
#slide_offre .slick-dots li{display: inline-block;}
#slide_offre .slick-dots li button{border: 1px solid #fff; background: rgba(255, 255, 255, 0); font-size: 0rem; width: .5rem; border-radius:5rem; padding:0; height: .5rem ; margin: 0 .25rem; cursor: pointer;}
#slide_offre .slick-dots li.slick-active button{background: #fff}
#slide_offre .slick-prev, #slide_offre .slick-next{display: inline-block; background-color: #3e439b; border: none; color: #fff; height: 2rem; width: 2rem; border-radius: 20rem; font-size: 0rem; position: absolute; top: 0; bottom: 0; margin: auto; left: -2.5rem; background-image: url('../images/arrow_left.png'); background-repeat: no-repeat; background-position: center; cursor: pointer;
                                                    -webkit-animation-duration: 1.3s; -moz-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
#slide_offre .slick-prev:hover{
   -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse; 
}   
#slide_offre .slick-next:hover{
   -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse; 
}                                                     
#slide_offre .slick-next{right: -2.5rem; left: inherit; background-image: url('../images/arrow_right.png')}

.actualites{background: #d9dadb; padding:0}
.actualites .container{max-width: 70rem; padding: 1.5rem 1.5rem 4rem 1.5rem; position: relative;}
.actualites a{text-decoration: none;}
.actualites h2{background: url(../images/dots_purple.png) center left no-repeat;}
.actualites h2 a{text-decoration: none; color: #a0192e;}
.actualites h3 strong{font-family: 'roboto-black'; font-weight: normal;}
.actualites .bloc_offre h2{color:#a0192e; font-family: 'roboto-black'; font-weight: normal; font-size: .875rem; position: relative; background: none; padding: 0; margin: 0 0 1.2rem 0; text-transform: inherit;}
.actualites .bloc_offre h2:after{position: absolute; width: 2rem; height: 2px; background: #a0192e; content: ''; left: 0; bottom: -.4rem; transition:1s all ease-in;}
.actualites .bloc_offre:hover h2:after{width: 100%}
.actualites p{color:#7d7d7d; font-size: 0.75rem; line-height: 1rem;}
.actualites p strong{font-family: 'roboto-black'; font-weight: normal;}
.actualites p span{display: block; margin-top: .4rem}
.actualites .more{font-weight: normal; color:#a0192e; display: block; text-align: right; position: relative; width: 100%; font-size: 0.75rem;}
.actualites .more:after{position: absolute; width: calc(100% - 7.5rem); width: -webkit-calc(100% - 7.5rem); width: -moz-calc(100% - 7.5rem); height: 1px; background: #fff; content: ''; left: 0; margin: auto; top: 0; bottom: 0;}
.actualites .more i{font-size: 1.3rem; margin-left: .3rem; float: right; margin-top: 0rem;  transition:1s all ease-in;}
.actualites .more:hover i{transform:rotate(360deg);}
.actualites .bloc_offre{padding:0 1.5rem 1rem 1.5rem; box-sizing: border-box;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-around;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
flex-direction:column; border-bottom: 2px solid #a0192e; width: 90%;
                        margin: 0 auto;}
.actualites .bloc_offre figure{height: 10rem; position: relative; width: calc(100% + 3rem); width: -webkit-calc(100% + 3rem); width: -moz-calc(100% + 3rem); padding: 0; margin: 0 0 1rem 0; overflow: hidden; margin-left: -1.5rem;}
.actualites .bloc_offre figure img{position: absolute; width: 100%; margin:auto; left: 0; right: 0; top: 0; bottom: 0; transition:1s all ease-in;}
.actualites .bloc_offre:hover figure img{width: 120%; left: -10%}
.actualites .bloc_offre a{width: 100%}
.actualites .more_offre{text-transform: uppercase; position: absolute; left: 1.5rem; bottom: 1.7rem; color:#a0192e;}
.actualites .more_offre span{font-family: 'roboto-black'; font-weight: normal; border-bottom: 2px solid #a0192e}
.actualites .more_offre i{font-size:.5rem; margin-left:.4rem;-webkit-animation-duration: 1.3s; -moz-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;
                    -o-animation-fill-mode: both; animation-fill-mode: both;}
.actualites .more_offre:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; 
}

#slide_actu .slick-dots, #slide_actu_right .slick-dots{position: absolute; right: 0; bottom:-3rem;}
#slide_forma_right .slick-dots{margin-left: 3.5rem;}
#slide_actu .slick-dots li, #slide_actu_right .slick-dots li, #slide_forma_right .slick-dots li{display: inline-block;}
#slide_actu .slick-dots li button, #slide_actu_right .slick-dots li button {border: none; background: #7d7d7d; font-size: 0rem; width: .5rem; border-radius:5rem; padding:0; height: .5rem ; margin: 0 .25rem; cursor: pointer;}
#slide_forma_right .slick-dots li button{border: none; background: #7d7d7d; font-size: 0rem; width: .7rem; border-radius:5rem; padding:0; height: .7rem ; margin: 0 .25rem; cursor: pointer;}
#slide_actu .slick-dots li.slick-active button, #slide_actu_right .slick-dots li.slick-active button, #slide_forma_right .slick-dots li.slick-active button{background: #a0192e}
#slide_actu .slick-prev, #slide_actu .slick-next,
#slide_forma_right .slick-prev, #slide_forma_right .slick-next{display: inline-block; background-color: #3e439b; border: none; color: #fff; height: 2rem; width: 2rem; border-radius: 20rem; font-size: 0rem; position: absolute; top: 0; bottom: 0; margin: auto; left: -2.5rem; background-image: url('../images/arrow_left.png'); background-repeat: no-repeat; background-position: center; cursor: pointer;}
#slide_actu .slick-next{right: -2.5rem; left: inherit; background-image: url('../images/arrow_right.png')}

#slide_actu_right{box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background: #fff; border-bottom: 2px solid #a0192e; padding: 1.5rem;}
#slide_actu_right .slick-dots{left: 0; margin: 0; padding: 0; bottom: -1.5rem;}

.right_col .actualites{background: none; padding:0 0 3rem 0;position: relative;}
.right_col .actualites .more_offre{bottom: 0; left: 0}
.right_col .actualites h3{text-align: left;}
.right_col .actualites h3 strong, .right_col .actualites h3 a{color: #a0192e}
.right_col .actualites .bloc_offre{width: 100%; flex-direction: row;
align-items: inherit; -webkit-box-align: inherit; -webkit-flex-align: inherit; -ms-flex-align: inherit; -webkit-align-items: inherit;
padding: 0; margin-bottom: .5rem; border-bottom: none}
.right_col .actualites .bloc_offre figure{width: 5rem; margin-left: 0; margin-right: .9rem; height: 3.7rem; margin-top: .2rem; margin-bottom: .5rem;}
.right_col .actualites .bloc_offre a{width: auto}
.right_col .actualites .bloc_offre .date { width:calc(100% - .9rem); width: -webkit-calc(100% - .9rem); width: -moz-calc(100% - .9rem); text-align: center; font-size: 0.75rem; color: #7d7d7d; display: block; margin-right: .9rem;}

.pratique h3{margin: .6rem 0rem 1.2rem 0; text-align: left;}
.pratique p{color: #2e2d30; font-size: 1rem; margin: 1rem 0;}
.pratique p strong{font-family: 'roboto-black'; font-weight: normal; color: #1b0f3c}
.infos_pratiques{
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-between;}
.infos_pratiques div{width: 29%; color: #7d7d7d; font-size: 0.75rem; line-height: normal;}
.infos_pratiques div a{color: #7d7d7d; text-decoration: none;}
.infos_pratiques div a h3, .infos_pratiques div h3{color: #2e2d30; text-decoration:none; font-family: 'roboto-bold'; font-weight: normal; font-size: .875rem; margin-bottom: .2rem; margin-top: .1rem;} 
.infos_pratiques div ul{margin: 0 0 0 1rem; padding: 0}
.infos_pratiques div ul li{margin: .3rem 0}

.conseil .container{box-sizing: border-box;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-between;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
background: url(../images/red_dots.png) top left no-repeat #fff; padding: 2rem;}
.conseil h2{color: #fe3241; padding-left: 2.7rem; background: url(../images/dots_red.png) center left no-repeat; font-weight: normal; text-transform: uppercase;}
.conseil h2 a{text-decoration: none;color: #fe3241;}
.conseil p{color: #2e2d30;}
.conseil p strong{font-family: 'roboto-bold'; font-weight: normal; color: #fe3241}
.conseil .first_col{width: 40%; box-sizing:border-box;}
.conseil .second_col{font-size: 0.875rem; border-left: 2px solid #fe3241; padding-left: 3rem; margin-left: 3rem; width: 60%; box-sizing:border-box;}
.conseil h3{font-family: 'roboto-black'; font-weight: normal; color: #fe3241; font-size: .875rem; text-align: left;}
.conseil .second_col strong{color: #000}
.conseil .second_col ul{margin: 0 0 0 .8rem; padding: 0}
.conseil .second_col ul li{list-style-image: url(../images/red.png); margin: .6rem 0; color: #7d7d7d;}
.conseil .second_col ul li ul{margin: 0 0 0 1.2rem; padding: 0}
.conseil .second_col ul li ul li{list-style-image: url(../images/red2.png); margin:.1rem 0}

.formation .container{box-sizing: border-box;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-between;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
background: url(../images/purple_dots.png) bottom left no-repeat #fff; padding: 2rem; margin-bottom: 1.5rem}
.formation h2{color: #a0192e; padding-left: 2.7rem; background: url(../images/dots_purple.png) center left no-repeat; font-weight: normal; text-transform: uppercase;}
.formation h2 a{text-decoration: none;color: #a0192e;}
.formation p{color: #2e2d30;}
.formation p strong{font-family: 'roboto-bold'; font-weight: normal; color: #a0192e}
.formation .first_col{width: 40%; box-sizing:border-box;}
.formation .second_col{font-size: 0.875rem; border-left: 2px solid #a0192e; padding-left: 3rem; margin-left: 3rem; width: 60%; box-sizing:border-box;}
.formation h3{font-family: 'roboto-black'; font-weight: normal; color: #a0192e;font-size: .875rem; text-align: left;}
.formation .second_col strong{color: #000}
.formation .second_col ul{margin: 0 0 0 .8rem; padding: 0}
.formation .second_col ul li{list-style-image: url(../images/purple.png); margin: .6rem 0; color: #7d7d7d;}
.formation .second_col ul li ul{margin: 0 0 0 1.2rem; padding: 0}
.formation .second_col ul li ul li{list-style-image: url(../images/purple2.png); margin:.4rem 0}

.doka_item{margin-bottom: .7rem;}

.main_form{width: 85%; margin: 0 auto}
.main_form .form-group{margin: 0 auto 2.5rem auto}
/*.main_form .form-group input[type="text"], .main_form .form-group input[type="email"], .main_form .form-group input[type="password"],
.main_form .form-group input[type="date"], .main_form .form-group input[type="file"], .main_form .form-group select, .main_form .form-group textarea
{color: #2e2d30}*/
.main_form .form-group label.control-label{color: rgba(0, 0, 0, 0.45);}
.main_form_blue .form-group label.control-label{color: #1b0f3c}
.form-group label.control-label i{margin-right: .4rem}
.main_form .form-group label.control-label i{color: #3e439b}
.main_form .bar:before, .main_form .bar:after{background:rgba(7, 73, 157, 1)}
.main_form .bar:after {background:rgba(7, 73, 157, .3)}
.main_form .bar.vide:after {background:rgba(255, 0, 0, .3)}
.main_form .form-group input[type="email"]:focus ~ label.control-label, .main_form .form-group input[type="email"].has_value ~ label.control-label,
.main_form .form-group input[type="text"]:focus ~ label.control-label, .main_form .form-group input[type="text"].has_value ~ label.control-label,
.main_form .form-group input[type="password"]:focus ~ label.control-label, .main_form .form-group input[type="password"].has_value ~ label.control-label,
.main_form .form-group input[type="date"]:focus ~ label.control-label, .main_form .form-group input[type="date"].has_value ~ label.control-label,
.main_form .form-group input[type="file"]:focus ~ label.control-label, .main_form .form-group input[type="file"].has_value ~ label.control-label,
.main_form .form-group select:focus ~ label.control-label, .main_form .form-group select.has_value ~ label.control-label,
.main_form .form-group textarea:focus ~ label.control-label, .main_form .form-group textarea.has_value ~ label.control-label
{color: #aaa9a9}
.main_form h3{text-align: left; margin: 1.5rem 0;}
.show_input{color: #1b0f3c; text-decoration: none; border-bottom: 1px solid #fff; margin-bottom: 0.3rem; display: inline-block; transition:.3s all ease-in; margin-left:1rem;}
.ul_help .show_input{margin-bottom: 0}
.show_input:hover{border-bottom: 1px solid #1b0f3c}
.show_input i{margin-right: .3rem}

.show_input i{color: #fff; width: 1.2rem; height: 1.2rem; background: #3e439b; text-align: center; border-radius: 5rem; font-size: .7rem; box-sizing: border-box; padding-top: .27rem; margin-left: .5rem; font-size: .8rem}
.show_input:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.for_regions{
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-around;}
.for_regions .regions_col{width: 33%}
.for_regions .regions_col div{margin-bottom: .5rem}

.main_form button, .links{border: 1px solid #3e439b}
.main_form .form-group.for_buttons{text-align: right;}
.main_form .form-group.for_buttons button{margin-left: 1rem}
.main_form .blue_btn, .links.blue_btn{background: #3e439b; color: #fff}
.main_form .form-group .help{position: absolute; right: -1rem; color: rgba(0, 0, 0, 0.3); transition: .3s all ease-in; font-size: 1rem; top: 0rem;}
.main_form .form-group .help:hover{color: rgba(0, 0, 0, 0.5);}

.main_form .form-group .validate{position: absolute; right: 0rem; color: #fff; transition: .3s all ease-in; top: 0rem; background: #3e439b; border-radius: 5rem; width: 1.5rem; height: 1.5rem; text-align: center; font-size: 0.7rem; line-height: 1.5rem;}
.main_form .form-group .validate:hover{background: #312660}
.main_form .form_pop .for_button{text-align: center !important;padding-top:1rem !important}

.two_col {
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-between; margin-top: .7rem; flex-direction: row-reverse;}
.two_col .search_zone{width: 15.62rem; box-sizing: border-box; position: sticky; height:calc(100vh - 7.5rem); height: -webkit-calc(100vh - 20rem); height: -moz-calc(100vh - 20rem); top: 6.825rem; padding: 1rem}

.search_zone h3{margin-top: 0; margin-bottom: 1.5rem;}
.search_zone .main_form{width: 100%}
.search_zone .show_input{float: right;; margin-bottom: 0}
.search_zone .show_input i{float: right; font-size: .8rem; margin-left: .5rem}
.search-group{position: relative; margin-bottom: 1.5rem;}
.search-group .search-link{color: #2e2d30; text-decoration: none; padding-bottom: .5rem; position: relative; background-position: right 0; background-repeat: no-repeat; background-image: url(../images/select.png); width: 100%; display: block; }
.search-group .search-link:after, .search-group .search-link:before{content: ''; display: block; height: 2px; bottom: 0; position: absolute; width: 100%; background: rgba(7, 73, 157, .3);}
.search-group .search-link:before{background: rgba(7, 73, 157, 1); width: 0rem; transition:1s all ease-in;}
.search-group .search-link:hover:before{width: 100%}
.search-group .search-link i{color: #3e439b; margin-right: .4rem; width: 1rem; text-align: center; margin-left: .2rem;}
.search-group ul{margin: .5rem 0 0 0; padding: 0;}
.search-group ul li{font-size: 0.75rem; list-style: none; color: #7d7d7d; line-height: 0.75rem; padding: .2rem 0}
.search-group ul li a{color: red;  transition:.3s all ease-in; color: #7d7d7d; text-decoration: none}
.search-group ul li a:hover{text-decoration: line-through; color: red}
.search-group ul li a i{font-size: 0.5rem; margin: 0 .3rem 0 0; line-height: 0.75rem; float: left; transition:.3s all ease-in; color: red}
.search-group ul li a:hover i{transform: rotate(360deg);}
.search-group .form-group{display: none; /*position: absolute; background: rgba(4, 92, 221, 0.9); padding: 1rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); z-index: 99; margin-top: .5rem; width:15rem; color:rgba(255, 255, 255, 0.8)*/}
/*.search-group .search-link:hover .form-group{
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
flex-direction: column}*/
/*.search-group .search-link:hover .form-group.for_regions{width: 43rem;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
flex-direction: row}
.search-group .form-group div{padding: .3rem 0;}
.search-group .for_regions .regions_col div{margin-bottom: 0}
/*.search-group .form-group input[type=checkbox] + label:before{border-color: #fff; color: #fff}
.search-group input[type=checkbox]:checked + label{color: #fff}*/

.scrolling_search {width: auto; overflow-y:visible; height: calc( (100vh - 7.5rem) - 9.5rem); height: -webkit-calc(100vh - 7.5rem); height: -moz-calc(100vh - 7.5rem);}

.offre_zone{width: calc(100% - 15.62rem); width: -webkit-calc(100% - 15.62rem); width: -moz-calc(100% - 15.62rem); padding-left: .7rem;}
.offre_zone a, .inside_col a, .msg_box a{text-decoration: none; color: #3e3d40}
.offre_zone h4{color: #0366f7; margin: 0 0 .7rem; padding: 0; font-family: 'roboto-medium'; font-weight: normal;}
.offre_zone article {
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
justify-content: space-between; flex-direction:row; padding: 1.2rem; position: relative; transition:.5s all ease-in; margin-bottom: .7rem}
.offre_zone article:before{height: 0px; width: 100%; content: ''; position: absolute; display: block; bottom: 0; transition:.5s all ease-in; background: #0366f7; left: 0}
.offre_zone article:hover:before{height: 2px}
.offre_zone article:hover{box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);}
.offre_zone aside.right_offre{padding-left: 1.5rem; border-left: 1px solid #dcdcdc; margin-left: 1.5rem; width: 12.5rem; box-sizing: border-box;}
/* .offre_zone aside.right_offre i{margin-right: .3rem; color: #07499d} */
.offre_zone aside.left_offre i{margin-right: .3rem; color: #3e439b}
.offre_zone aside.left_offre {width: calc(100% - 14rem);width: -webkit-calc(100% - 14rem);width: -moz-calc(100% - 14rem);}
.offre_zone aside p{margin: .4rem 0}
.offre_zone .urgent{position: relative; display: inline-block; color: red; padding: 0 .5rem; margin-left: 1rem}
.offre_zone .urgent:after, .offre_zone .urgent:before{width: .25rem; height: .25rem; border-radius: 1rem; background: red; display: block; position: absolute; top: 0; bottom: 0; margin:auto; content: '';}
.offre_zone .urgent:after{left: 0}
.offre_zone .urgent:before{right: 0}

.offre_zone .links, .inside_col .links, .msg_box .links, .offre_zone .show_input{color: #3e439b; display: inline-block;}
.offre_zone .links.blue_btn{color: #fff; padding: .6rem .4rem .6rem .4rem;}

.pagination{margin: 1.5rem 0; padding: 0;}
.pagination li{margin: 0; padding: 0; list-style: none; display: inline-block; margin-right: .3rem}
.pagination li a{display: block; width: 1rem; height: 1rem; text-align: center; line-height: 1rem; background: #dcdee1; color: #403e3e; transition:.3s all ease-in; padding: .3rem; border-radius: .2rem;}
.pagination li a:hover, .pagination li.actif a{color: #fff; background: #3e439b}

.right_col .blc.candidat{margin-top: 0; background-image: none;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
flex-direction: column; margin-bottom: 1.5rem}
.right_col .blc.candidat h3{margin-top: 0; margin-bottom: .7rem;}
.right_col .blc.candidat .login_zone{flex-direction: column; padding: 1.2rem 1rem;
align-items: inherit; -webkit-box-align:inherit; -webkit-flex-align: inherit; -ms-flex-align: inherit; -webkit-align-items: inherit;
background: #3e439b}
.right_col .blc.candidat .login_zone form{flex-direction: column;}
.right_col .blc.candidat .login_zone .form-group { width: 100%; margin-right: 0; display: block; margin: 1rem 0;}
.right_col .blc.candidat .login_zone .separator {height: 1px; width: 100%; background: #fff; margin: 1rem 0;}
.right_col .blc.candidat .login_zone:after{display: none}
.right_col .blc.candidat .login_zone .register{text-align: right;}
.right_col .blc.candidat .show_input{margin-bottom: 0; margin-top: 1rem;}
.info_tech{font-size: 0.8rem;}
.offre_view{margin: 0.1rem 0 1.5rem !important;}
.liks_view{padding: .2rem .4rem .2rem .4rem;font-size: 0.7rem;}
.form_direct{margin: 0 auto !important;}
.box_autre_doc{margin-top: 1.3rem!important;margin-bottom: 3rem;}
.red_color{color:red;vertical-align: 0.18rem;}
.accuse_reception{color: #1b0f3c!important;}
.info_h2{margin-top: 2.5rem!important;margin-bottom: 0.5rem;}
.tit_pratique{margin-bottom: 0.5rem;}
.form-group .preci_ctr{height:2rem!important;}

p.parag_2{padding-left: 0.8rem;margin-bottom: 1.3rem;}
p.parag_3{margin-bottom: 2rem;}
p.parag_4{padding-left: 0.8rem;margin-top:-0.6rem}
p.parag_5{margin-top: -0.8rem;margin-bottom: 1.3rem;}
p.parag_6{margin-top:2rem;}
p.parag_acop1{padding-left: 0.8rem;margin-top:-0.1rem}
p.parag_acop2{padding-left: 0.8rem;}
p.parag_blue{margin-bottom: -0.7rem;}
p.sous_parag{margin-bottom: 1rem; padding-left: 0.8rem;text-align: left!important;}
p.parag_minh{margin-bottom: 3rem;}
p strong{font-family: 'roboto-medium'!important;}

h4.line_hit{line-height: 0;margin-top: 2.3rem;}
.metiers_liste{margin-bottom:2rem}
h2.metier_alpha{margin-bottom: -0.7rem;margin-top: 2rem !important;}
h2.nous_som{margin-bottom: -0.5rem;}
a.planing{margin-left:auto;}

ul.metier_alph{margin-bottom: -0.9rem;}
li.parag_list{margin-bottom: 0.7rem;}


footer{background: #312660; padding: 1.5rem 0 0 0; }
footer, footer a{color: #fff; text-decoration: none;}
footer .container{
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-between; font-size: .72rem; /*font-family: 'roboto-thin'*/font-weight: inherit;}
footer .col_left{width: 9rem}
footer .col_left ul{margin: 1rem 0; padding: 0}
footer .col_left img{width: 7rem}
footer .col_left ul li{list-style: none;}
footer .col_right{width: calc(100% - 11rem); width: -webkit-calc(100% - 11rem); width: -moz-calc(100% - 11rem); text-align: center;}
footer .col_right h2 {font-size: 1rem; color: #fff; padding-left: 0; background: none; font-weight: normal; text-transform: uppercase;}
footer .col_right ul{margin: 0; padding: 0 5rem;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content:space-between;}
footer .col_right ul li{list-style: none; display: inline-block;}
footer .column{
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content: space-between; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #fff; padding-bottom: 1.5rem;}
footer .col{width: 22%; box-sizing:border-box;}
footer .col ul{margin: 0; padding: 0}
footer .col ul li{display: inline; background: url(../images/white2.png) center left no-repeat; padding-left: .4rem}
footer .col ul li:first-child{background: none; padding-left: 0}
footer .col.listing ul li{display: block;}
footer .col.listing ul li:first-child{background: url(../images/white2.png) center left no-repeat; padding-left: .4rem}
/* footer strong{font-family: 'roboto-bold'; font-weight: normal} */
footer strong{font-family: 'roboto-bold'; font-weight: lighter; font-size:.9rem}
footer .col_right strong{display: block; margin: .5rem 0}
footer .col_right strong{display: block; margin: .5rem 0}
footer a, .large_link a{border-bottom: 1px solid rgba(255, 255, 255, 0); transition:.5s all ease-in; text-decoration: none; font-weight: normal;}
footer a:hover, footer a.lnk:hover,  .large_link a:hover{border-bottom-color:#fff }
footer a.lnk{border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.large_link{background: #1b0f3c; margin-bottom: 0}
.large_link ul{margin: 0; padding: .5rem 7rem; font-size: .75rem; width: 100%;
display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
justify-content:space-between; box-sizing:border-box;}
.large_link ul li{list-style: none; display: inline-block;}
.large_link ul li a{color: #fff; font-family: 'roboto-thin'}
.bottom_footer{background: #fff; margin-bottom: 0;}

.last_footer{padding: 1.5rem 0; align-items:center; width:100%; margin:0 auto;}
.row.brands{display: flex; justify-content: center; font-size: .72rem; width:100%; line-height: .9rem;}
.row.brands .col{z-index:99; width: 22%; font-weight: normal;}
.row.brands .col a, .row.brands .col a:hover, .row.brands .col a:visited{text-decoration: none; color: #000}
.row.brands .col div{text-transform: uppercase; position: relative; font-size: .75rem; width: 7.1rem; overflow: hidden; margin-bottom: .3rem; line-height: 1rem; display:block; font-weight: normal;}
.row.brands .col div:after{position: absolute; display: block; content: ''; height: .5rem; bottom: .2rem; right: 0; width: 100%; z-index: -1; background-image: url(../images/dots_pfc.png); background-repeat: no-repeat;}
.row.brands .col div.formation:after{background-image: url(../images/dots_pfcf.png);}
.row.brands .col div.conseil:after{background-image: url(../images/dots_pfcc.png);}
.row.brands .col div.harmoniques:after{background-image: url(../images/dots_hpfc.png);; top: .33rem; bottom: inherit;}
.row.brands .col div strong{font-weight: 600; letter-spacing: 1px;}
.row.brands .col div span{font-weight: 700; background: #fff; float: right; padding-left: 0rem; color: #1d71b8}
.row.brands .col small{color: #1d71b8; font-size: .7rem;}
.row.brands .col div.emploi span {padding-right:.85rem;}
.row.brands .col div.formation span {padding-right:1rem;}
.row.brands .col div.formation span, .row.brands .col small.formation{color: #a0192e}
.row.brands .col div.conseil span, .row.brands .col small.conseil{color: #fc2d2d}
.row.brands .col div.harmoniques span, .row.brands .col small.harmoniques{color: #de5d60; padding-left: 0;}

.last_footer ul{text-align: left; padding:0; margin: 0; width: 11rem; z-index:99;}
.last_footer ul li{list-style: none; padding:.2rem 0}
.last_footer ul li a{color:#05479d; transition:.5s all ease-in; text-decoration: none; border-bottom: 1px solid #fff;}
.last_footer ul li a:hover{border-bottom: 1px solid #05479d;}

.top_menu .container{position: relative; width: 100%}
.top_flag{position: absolute; right: 0; display: inline-block; top: 1rem;
      display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
        -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; -ms-grid-row-align: center; align-items: center;
      }
.top_flag a{color: rgba(0, 0, 0, 0.7); text-decoration: none; transition:.3s all ease-in; border-right:1px solid rgba(0, 0, 0 ,.3); padding: 0 .5rem;
      display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
        -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; -ms-grid-row-align: center; align-items: center;
      }
.top_flag a:last-child{border: none}
.top_flag a:hover{color: #000}
.top_flag a.current_lang{font-family:'roboto-black'; color:#000;}
.top_flag a img{margin-right: 5px; transition:.3s all ease-in; opacity: .7}
.top_flag a.current_lang img, .top_flag a:hover img{opacity: 1}

.to_fb {padding: 1rem; color: #fff; background: #3a589b; display: block; margin-top: .7rem; text-align: center; transition: .3s all ease-in; text-decoration: none;}
.to_fb:hover{opacity: .8;}
.to_fb i{font-size: 1.3rem; margin-right: .5rem;}

.to_fb { display: flex !important; justify-content: center; align-items: center; }
.to_fb i {padding:.25rem 2rem 0 0;}
.to_fb:hover{opacity: 0.7}
.to_fb.to_linkedin {background-color:#007BB5;}
.to_fb.to_instagram {background-color:#C32AA3;}

#containerId, #containerId table{width: 100%; table-layout: fixed;}
#tb_candidatures{table-layout: auto !important;}

.tab_dp tr td{border-bottom:1px solid rgba(0, 0, 0, 0.2); padding: 1rem}
.tab_dp tr.title_tab_dp td{color: #fff; background: #3e439b}

.main_form .form-group input[type="text"], .main_form .form-group input[type="email"], .main_form .form-group input[type="password"], .main_form .form-group input[type="date"], .main_form .form-group input[type="file"], .main_form .form-group select, .main_form .form-group textarea{
    color: #2e2d30;
}

.termsfeed-com---palette-light .cc-cp-foot-save{background-color: #312660 !important;}
.termsfeed-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label::before {background-color: #312660 !important;}
.termsfeed-com---palette-light .cc-nb-okagree{background-color: #312660 !important;}
.termsfeed-com---palette-light .cc-nb-reject{background-color: #312660 !important;}
.termsfeed-com---palette-light .cc-nb-title {color: #111;font-family: roboto-medium;}
.termsfeed-com---palette-light .cc-nb-text {color: #111;font-family: roboto-medium;font-size: 14px;}
.termsfeed-com---palette-light .cc-pc-head-close:active, .freeprivacypolicy-com---palette-light .cc-pc-head-close:focus {border: 2px solid #312660 !important;}

.ricerca h3, .ricerca h3 strong{
    color: #3e3d40;
}
.ricerca h3 span{
    color: #1b0f3c
}
.ricerca figure{
    margin: 0; padding: 0; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat;
}
.ricerca figure.envelope{
    background-image: url(../images/rsc_envelope.png);
}
.ricerca figure.check{
    background-image: url(../images/rsc_check.png);
}
.ricerca figure.user_cog{
    background-image: url(../images/rsc_user_cog.png);
}
.ricerca figure.time{
    background-image: url(../images/rsc_time.png);
}
.ricerca figure.graph{
    background-image: url(../images/rsc_graph.png);
}
.ricerca figure.group{
    background-image: url(../images/rsc_group.png);
}
.ricerca figure.checklist{
    background-image: url(../images/rsc_checklist.png);
}
.ricerca figure.user_lens{
    background-image: url(../images/rsc_user_lens.png);
}
.ricerca figure.body{
    background-image: url(../images/rsc_body.png);
}
.ricerca figure.compass{
    background-image: url(../images/rsc_compass.png);
}
.ricerca figure.question{
    background-image: url(../images/rsc_question.png);
}

section.ricerca_intro{
    padding-top: .5rem !important; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(0, 0, 0, .18);
}
.ricerca_intro article{
    background: #3E439B; color: #fff; padding: 2rem 4rem; border: 3px solid white; box-shadow: 0 0 .3rem rgba(0, 0, 0, .3); border-radius: .4rem;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    gap: 1rem; width: fit-content; margin-top: 2.5rem;
}
.ricerca_intro article aside{
    display: inline-block;
}
.ricerca_intro article aside a{
    color: #fff; transition: .2s all ease-in;
}
.ricerca_intro article aside p{
    margin-bottom: 0;
}
.ricerca_intro article aside a:hover{
    color: #1b0f3c;
}

section.ricerca_twocol{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    align-items: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center;
    gap: 3.7rem;
}
.ricerca_twocol h3{
    text-align: left;
}
.ricerca_twocol article, .ricerca_symmetrical article{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ricerca_twocol article:first-child{
    width: 55%;
}
.ricerca_twocol article:last-child{
    border: 1px dashed #3E439B; border-radius: .4rem; padding: 1rem 2rem 1.7rem 2rem; width: 45%;
}
.ricerca_twocol article aside, .ricerca_symmetrical article aside{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
}
.ricerca_twocol article aside figure, .ricerca_symmetrical article aside figure{
    width: 24px;
}
.ricerca_twocol article aside p, .ricerca_symmetrical article aside p{
    margin: 0; width: calc(100% - 24px);
}

section.ricerca_symmetrical{
    padding-top: 1rem !important;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    gap: 2rem;
}
.ricerca_symmetrical article{
    width: 50%;
}
.ricerca_symmetrical article:first-child aside{
    flex-direction: row-reverse;
    text-align: right;
}
.ricerca_symmetrical_container{
    border-radius: .4rem; padding: 1rem 1rem 0.01rem 1rem; background: #F4F4F4; margin-top: 2.5rem; margin-bottom: 2.3rem;  
}

.ricerca ul{
    padding: 0; margin: 0 0 0 1rem;
}

.ricerca_normal{
    margin-top: 1.7rem;
}
.ricerca_normal h3{
    text-align: left; margin-bottom: 1.3rem;
}
.ricerca_normal strong span{
    color: #3E439B;
}
.ricerca_normal ul.spaced_list li{
    margin-bottom: 1rem;
}

.ricerca_contact{
    background: #3E439B; color: #fff; border-radius: .4rem; padding: 2rem 2.5rem 1rem 2.7rem;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    flex-wrap: nowrap; gap: 1rem; margin-top: 2.5rem;
}
.ricerca_contact article{
    font-family: roboto-regular;
}
.ricerca_contact h3{
    text-align: left; margin-top: 0;
}
.ricerca_contact h3 strong{
    color: #fff;
}
.ricerca_contact a{
    color: #ffffff
}
.ricerca_contact a:hover{
    color: #1b0f3c;
}