body {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: 0.4px;
    overflow-x: hidden;
    display: table;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
	background:#fff; font-weight: normal;
}


.box-shadow {box-shadow: 0 0 5px 3px #999;}

.table-display, .table-display .row {display: table;width: 100%;vertical-align: top;}
.table-cell-display {display: table-cell;vertical-align: top;

float: none;

height: 100%;}

.col-md-4.table-cell-display {padding-left: 0}
.col-md-8.table-cell-display {padding-right: 0}

.page-wrapper {background: transparent;}
.box-white {

    background: #fff;
    width: 100%;
    /*height: 100%;*/
    display: table;
    overflow: hidden;

}

#Header_cont {background:#000;width:100%;overflow:hidden;height:100px;position:absolute}

header.header {position: fixed;top:0;left: 0;width: 100%;height: 100px;background: rgba(0,0,0,0.8);border-bottom: 0;z-index: 999;}

.fixed-top {margin-top: 100px;}

#Logo {width: 200px}
.navbar-brand {padding: 0;}



header #Nav_site_menu ul {list-style: none;padding: 30px 0 0;}
header #Nav_site_menu ul li {display: inline-block;padding-left: 15px;color: #fff;font-size: 13px;}
header #Nav_site_menu ul li a {color: #fff;}
header #Nav_site_menu ul li a:hover {color: #12a1b2}

#BG_recherche {
    position: relative;
    width: 100%;
    height: 500px;
    display: block;
    overflow: hidden;
    background: url(../imgz/bg_recherche.jpg) no-repeat center top;
    background-size: cover;
    border-bottom: 10px solid #12A1B2;
}
#BG_recherche form, #BG_recherche3 form {
    background: rgba(0,61,96,0.0);
    width: 100%;
    color: #fff;
    height: 500px;
    display: table;
    position: relative;
    z-index: 1;
    margin: 0;
    padding-top: 150px;
}

#BG_recherche3 {
    position: relative;
    width: 100%;
    height: 600px;
    display: block;
    overflow: hidden;
    background: url(../imgz/bg_recherche.jpg) no-repeat center top;
    background-size: cover;
    border-bottom: 10px solid #12A1B2;
}

#BG_recherche2 {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: url(../imgz/fond_page.jpg) no-repeat center top;
    background-size: cover;
    border-bottom: 10px solid #12A1B2;
}



.txt-blanc, h1.txt-blanc {color: #fff;}
h1 {font-size: 20px;}

#Recherche_input {width: 700px;margin: 0 auto;position: relative;}
#Recherche_input input {
    border-radius: 5px;
    padding: 15px;
    width: 67%;
    border: 0;
    display: inline-block;
}

/*#btn-recherche {
	width: 50px;
position: absolute;
right: 0;
top: 0;
}*/

#btn-recherche {display: inline-block;width: 30%;}

#btn-recherche .btn-search
{width: 100%;
background: #12A1B2;
min-width: auto;
padding: 17px 0;
margin: 0;
border-radius: 5px;color: #fff}

input {color: #000;}

.space_acc {
    padding: 25px 25px 10px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 25px;
}
.space_acc p {margin-bottom: 5px;}
.space_acc h2 {margin-top: 0;color: #fff;font-size: 25px;font-weight: bold;}

#Acc_recruit {background: /*url(../imgz/bg_recr.jpg) no-repeat*/ #07426A;background-size: 100% auto;}
#Acc_candidats {background: /*url(../imgz/bg_cand.jpg) no-repeat*/ #E59C01;background-size: 100% auto;}

.bg-jaune {background:/* url(../imgz/bg_cand.jpg) repeat*/ #999;background-size: 100% auto;}

#Acc_candidats .btn-jaune {background: #bb780f;}

.btn-blue {background: #000;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}
.btn-blue:hover {color: #FFF;background: #555;}

.btn-blue2 {background: #12A1B2;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.btn-jaune {background: #12A1B2;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.btn-success {background: #569635;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.btn-white {background: #fff;color: #555;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.txt-blanc {color: #fff}
.txt-jaune {color: #12A1B2}
.txt-blue {color:#0080db}
.txt-blue2 {color: #044A7B;}
.fs50 {font-size: 50px;}
.fs40 {font-size: 40px;}
.fs30 {font-size: 30px;}
.fs20 {font-size: 20px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.normal {font-weight: normal}
.upper {text-transform: uppercase;}

.annonces_ul {list-style: none;padding: 25px 15px 25px 25px;font-size: 16px;}
.annonces_ul li span {font-size: 14px;text-align: center;color: #999;padding: 5px;padding: 7px;font-weight: normal;width: 40px;display: table; float: right;margin-right: 10px;}

.border-right {border-right: 1px solid #c0ddf0;}

.annonces_ul li {margin-bottom: 30px;}
.annonces_ul.nomargin li {margin-bottom: 10px;}


.blur {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  cursor: not-allowed;
}

#Annonces_acc {background: url(../imgz/bg_annonce.jpg) no-repeat;padding: 0px 25px 55px;color: #FFF;}
.sep {display: block;margin: 25px auto;width: 50px;height: 3px; background: #efefef;}

#Offre_carousel .item {text-align: center;}
#Offre_carousel .item  .col-md-4 {background: #FFF;border-radius: 7px;margin: 0 0.5%;overflow: hidden;padding:25px 10px;width: 30%;color: #000;display: inline-block;float: none;}


.overlay {-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;}

.overlay:hover {opacity: 1;}
.overlay span {bottom: 25px;font-style: normal;font-size: 12px;}

footer {background: #e3e3e3;color: #666;text-align: center;padding: 35px 50px 35px 30px;font-size: 11px;}
footer a {margin: 0 7px;color: #666;}
footer i {font-size: 20px !important;}
footer i.fa-youtube {margin-right: 35px;}

#Bg_1 {background: url(../imgz/monaco-bg.jpg) no-repeat; background-size: cover;padding: 75px 0;}
#Bg_recruteur {background: url(../imgz/recruteur-bg.jpg) no-repeat; background-size: cover;padding: 75px 0;}


.box-white-alpha {background: rgba(255,255,255,0.7);border-radius: 7px;overflow: hidden;padding: 25px;min-height: 550px;box-shadow: 0 0 5px 3px #999}


.box-white-alpha.alpha-90 {background: rgba(255,255,255,0.9);border-radius: 7px;overflow: hidden;padding: 25px;min-height: 250px;box-shadow: 0 0 5px 3px #999}

.box-white-alpha.alpha-90 hr {border-bottom: 3px solid #ccc;}

form input {border-radius: 4px;padding: 10px;border: 1px solid #efefef;width: 100%;}
.display-table {display: table;margin: 0 auto;width: inherit;}


.fs25 {font-size: 25px;}
.mb0 {margin-bottom: 0}

.noupper {text-transform: none;}

.colonnex3 {
	-webkit-column-count:4; /* Opera, Safari, Google Chrome */
    -moz-column-count: 4; /* Firefox */
    column-count: 4; /* Internet Explorer */
    line-height: 35px;padding: 0;list-style: none;
    padding: 0 45px;
}

.colonnex3 i {font-size: 15px;color: #ccc;}


.g-py-70 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.g-px-20 {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
}
.g-pos-rel {
    position: relative !important;
}

.g-color-white {
    color: #fff !important;
}
.g-line-height-0_7 {
    line-height: .7 !important;
}
.g-font-size-50 {
    font-size: 3.57143rem !important;
}

.g-valign-top {
    vertical-align: top !important;
}
.g-font-size-default {
    font-size: 1rem !important;
}

.g-font-size-default {
    font-size: 1rem !important;
}

.g-mb-20 {
    margin-bottom: 1.42857rem !important;
}
.g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}
.g-letter-spacing-3 {
    letter-spacing: 0.21429rem;
}

.g-bottom-0 {
    bottom: 0;
}
.g-right-0 {
    right: 0;
}
.g-left-0 {
    left: 0;
}
.g-pos-abs {
    position: absolute !important;
}

.u-shadow-v21 {
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}

.g-pos-rel {
    position: relative !important;
}
.g-rounded-4 {
    border-radius: 4px !important;
}
.g-bg-white {
    background-color: #fff !important;
}

#Prices .bg-success {background: #569635}
#Prices .bg-warning {background: #12A1B2}


#Prices_photos {width: 100%;height: 350px;background: url(../imgz/prices_photo.jpg);margin-bottom: -190px;
z-index: 0;border-top: 3px solid #fff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);}

#Prices article {padding-bottom: 55px;}

#Prices article .btn {font-size: 12px;padding: 7px 15px;}


.modal-body {padding: 35px;border-radius: 3px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);}


input, textarea {
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    border: 0;
}
textarea {border:1px solid #efefef;}

input[type="radio"], input[type="checkbox"] {width: auto;}
.btn-table {display: table;margin: 0 auto;width: auto;padding: 10px 35px;border: 0;}
.label-light-gray {background: #ccc;}

.label {font-weight: normal;font-size: 85%;}
h4 span {display: block;text-align: center;font-size: 15px;}

#Contact_recruteur {background:rgba(18,161,178,0.7);background-size: 100% auto;min-height:700px
}
#Contact_candidat h4 {color: #12a1b2}
#Contact_candidat {background:rgba(255,255,255,0.9);background-size: 100% auto;}
#Contact_candidat hr {background: #ccc;border-color:#ccc}
#Contact_recruteur h4 {color: #fff}
#Contact_candidat .label {padding-left: 35px;font-size: 15px;}

#Contact_candidat .btn-jaune {background: #12a1b2;}
.border-left {border-left: 3px solid #ccc;padding-left: 20px;}

.padding-35 {padding: 55px;}
.padding-right-35 {padding-right: 55px;}

.cadre_about {padding: 15px;text-align: center;font-size: 15px;width: 47%;display: inline-block;margin-bottom: 20px;color:#fff;}
#Cadre_cv, #Cadre_mail {margin-left: 4%;}

.cadre_about i {font-size: 42px;color: #fff;}
.cadre_about h6 {font-size: 14px;text-transform: uppercase;color: #fff;}

#Cadre_cv {background: #e0b406}
#Cadre_mail {background: #a366c9}
#Cadre_ann {background: }
#Cadre_marque {background: #6db043}

#Nav_site_menu {padding-right: 15px;}

#Contact_bg {background: url(../imgz/inscription-bg.jpg) no-repeat;background-size: cover;}



#Nav_site_menu li a:hover {text-decoration: none;color: #044a7b}

#Prices .list-unstyled span {float: right;text-align: right;}
#Prices .list-unstyled li {text-align: left;padding: 0 40px;}
#Prices .list-unstyled li.text-center {text-align: center}

.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs15 {font-size: 15px;}
.fs13 {font-size: 13px;}

article.liste_offre {border-bottom: 1px dashed #ccc;width: 100%;padding: 15px 0 5px;background: #fff;line-height: 16px}
article.liste_offre h4 {margin-bottom: 0;}
article.liste_offre .space-bottom {padding-bottom: 10px;}
article.liste_offre p {margin-bottom: 0}


.border-left-dashed {border-left: 1px dashed #efefef;}
article.liste_offre .label {line-height: 27px;font-weight: bold;color: #000;}

article.liste_offre:nth-child(even) {background: -webkit-linear-gradient(#f5f5f5 0%, #ffffff 100%)}

.padding-0 {padding: 0}

article.liste_offre a {text-decoration: none}

article.liste_offre:hover {background: #efefef}

.bg-light-gray {background: #efefef;overflow: hidden;padding: 25px 10px;}
.bg-light-gray .border-left-dashed {border-color: #ccc}

#France li input[type="checkbox"] + .li-open + ul {display: none}
#France li input[type="checkbox"]:checked + .li-open + ul {
	display: block;
	list-style: none;
	padding-left: 13px;
}

input[type="checkbox"]#Collapse_france + #France {display: none;}
input[type="checkbox"]:checked#Collapse_france + #France {display: block;}


#Collapse_france {position: relative;left: 20px;margin-right: 22px;}

aside form {color: #fff}

form input[type="radio"]:checked + ul {
    display: block;
    list-style: none;
    padding-left: 13px;
}

#Mois {width: 200px;}
#Mois li {position: relative;top:-9px;}
#Mois li input {position: relative;width: 70px;}


#Partenaires_acc {background: url(../imgz/barre.png) no-repeat center center;padding: 45px 0;}

.img-logo {width:150px;height: 150px;}


#Form_reserche_moncompte {background: #0b4e58;padding: 25px 0;margin-bottom: 0}

.btn {border-radius: 4px;}

select {

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url(../imgz/pointer.png) no-repeat;
background-size: 12px auto;
background-position: 98% center;
background-color: #fff;
color: #999;
border: 1px solid #ccc;
width: 100%;
padding: 10px 5px;
}

.bg-blue {background: rgba(18,161,178,0.7);width: 100%;padding: 25px;text-align: center;font-size: 25px;}
.bg-blue-aside {background: #12A1B2}
.bg-blue-aside label{color: #fff}

.txt-cat-gris {color: #555;border-bottom: 3px solid #ccc;display: table;margin: 0 auto 25px;}

label{color: #555;font-weight: normal}
input, textarea, select {color: #12A1B2}

.top_contact {margin-top: 75px;}
.logo_partenaire {background: #fff;border: 1px solid #ccc;padding: 15px}
.width-ic {width: 20px;}

.bg-jaune a {color: #efefef}
@media (min-width:768px) and (max-width:1199px) {
	#Logo {width: 180px;}
	.container {width: 100%;}
}

.image-box.logo-part {width: 150px;height: 150px;vertical-align: middle;text-align: center;display: table;}
.image-box.logo-part .overlay-container {display: table-cell;vertical-align: middle}
.image-box.logo-part .img-logo {

    width: 100%;
    height: 100px;
    vertical-align: middle;

}


.offreune {background: #f6f6f6;border-radius: 7px;margin:10px 1%; overflow: hidden;padding:25px 10px 0;width: 30%;color: #000;display: inline-block;float: none;box-shadow: 0 0 5px #999;min-height: 150px;vertical-align: top;}
.offreune:hover {background: #FFF;box-shadow: 0 0 5px #666;}


.scrollToTop {bottom: 30px;background: #999;width: 30px;height: 30px;display: block;line-height: 30px;}

.scrollToTop i {

    line-height: 31px;
    font-size: 21px;

}

#Nav_site_menu li.active a 	{color: #12A1B2}

#bg-offre {background: url(../imgz/bg_offreune.jpg) no-repeat top center; background-size: cover;padding-top: 120px;}

.modaleINactive {background:#fff url(../imgz/modale_inactifbg.jpg) no-repeat center right;min-height:400px}

.presse .overlay-container {position: relative;}
.date_presse {position: absolute;top:0;right: 0;border-radius: 0 0 0 3px;font-size: 11px;}

.presse .box-style-1  { min-height: 380px}

#Legislation_part {background: url(../imgz/legimage.jpg) no-repeat center bottom;color: #666;padding: 25px;background-size: cover;}
/*#Legislation_part h4 {color: #fff}*/


.Page_table.paging_simple_numbers {margin-top: 15px;}
.Page_table.paging_simple_numbers a.paginate_button {border-radius: 5px;background: #efefef;padding: 5px 15px; border: 1px solid #ccc;}
.Page_table.paging_simple_numbers a.paginate_button:hover {background:#dedede }

#about {
   background: url("../imgz/bg_about.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}

#about .container {

  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
  border: 1px solid #fff;
}

#about .about-col:hover { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
  width: 100px;
  height: 70px;
  padding: 0px 10px;
  text-align: center;
  position: absolute;
  background-color: #fff;
  border-radius: 5%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 50px);
  top: -20px;
  transition: 0.3s;
  box-shadow: 0px 12px 11px -5px #000;
  display: table;
}

#about .about-col .icon .middle {display: table-cell;vertical-align: middle;}

#about .about-col .icon img {border-radius: 0}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color: #fff;
}

#about .about-col h2 {
  color: #4e5b5e;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 20px 0 12px 0;
}

#about .small .about-col h2 {
  color: #4e5b5e;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  padding: 0;
  margin: 20px 0 12px 0;
}




#about .about-col h2 a {
  color: #4e5b5e;
}

#about .about-col h2 a:hover {
  color: #12a1b2;
}

#about .about-col p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}


#about .about-info {background: #efefef;color: #666;font-size: 10px;text-align: left;padding: 10px 10px;}
#about .about-info a {color: #666;}
#about .about-info i {font-size: 13px;color: #999;margin-left: 5px;}
#about .about-col:hover .about-info i {color: #999;}
#about .about-info strong {font-size: 10px;}


#Header_profile {position: relative;}
#Header_profile .img {position: relative;width: 100%;height: 300px;overflow: hidden;}
#Header_profile #Profile .icon {
	width: 200px;
  height: 150px;
  padding: 0px 10px;
  text-align: center;
  position: absolute;
  background-color: #fff;
  border-radius: 5%;
  text-align: center;
  border: 4px solid #fff;
  bottom: -20px;
  transition: 0.3s;
  box-shadow: 0px 12px 11px -5px #000;
}

#Header_profile #Profile .icon img {margin:5% auto 0;}
#Header_profile #Profile .texte_logo {width:100%;font-size: 15px;color: #fff;position: absolute;bottom: 0;margin-left: 200px;padding: 15px 0 0; background: rgba(0,0,0,0.3)}
#Header_profile #Profile .texte_logo a {color: #fff;}
#Header_profile #Profile .texte_logo strong {font-size: 25px;}

#Header_profile nav {font-size: 14px;background: rgba(18,161,178,0.5);padding: 10px 5px 1px 25px;line-height: 25px;}
#Header_profile nav ul {padding: 0;list-style: none;}
#Header_profile nav li {display: inline-block;padding: 0 15px;}
#Header_profile nav li a {color: #fff;}
#Header_profile nav li.active {background: #12a1b2;border-radius: 3px;padding: 3px 15px;}
#Header_profile #Profile .texte_logo .padding-left {padding-left: 25px;padding-bottom: 5px;}

#Profil_tab .tab-content {background: #fff;border: 0;}
#Profil_tab .tab-content:after {background: #fff;}
#Profil_tab .tab-content .overlay-container {margin-bottom: 15px;}

#Actualites h5 {margin-bottom: 10px;}
#Actualites .label {background: #12a1b2;}

.about-col p.desc_min {min-height: 130px;}

.small .about-col p.desc_min {min-height: 50px;display: none;}


.mfp-wrap {z-index: 9999999;}

.social_right {float: right;}
.social_right a {float: right;margin:0 3px;display: table;background: #12A1B2;color: #fff;width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 50%; }

.form_margin input {margin-bottom: 3px;}

.map_border {border: 5px solid #fff;box-shadow: 0 0 5px #000;display: block;margin-left: 10px;}

#Contacts {color: #555}
#Contacts i {color: #12A1B2}


#Tab_stats td{ background: #efefef;border-radius: 10px;text-align: center;vertical-align: middle;min-height: 100px;padding: 25px;border-collapse: collapse;border: 3px solid #fff;font-size: 12px;color: #555;}
#Tab_stats span {color: #12A1B2;display: block;font-size: 16px;}
#Tab_stats span.fs12 {font-size: 14px;}

.border-left-5 {border-left: 5px solid #12A1B2}

.gris_bg {background: #efefef;border-radius: 5px;color: #555;min-height: 100px;padding: 25px;}

#Offres_bloc {background:#12A1B2;color: #fff;font-size: 30px; text-align: center;min-height: 100px;padding: 25px;border-radius: 10px;width: 100%;display: block;border: 3px solid #fff;font-weight: bold;line-height: 30px}
#Offres_bloc span, #Actualites_bloc span {font-size: 14px;display: block;}

#Actualites_bloc {background:#8fd6de;color: #fff;font-size: 30px; text-align: center;min-height: 100px;padding: 25px;border-radius: 10px;width: 100%;display: block;border: 3px solid #fff;font-weight: bold;line-height: 30px}


#Offres_bloc:hover , #Actualites_bloc:hover {text-decoration: none;background:#20d3e7 }
#Membre_annuaire.label-warning {background: #c8af2d;display: block;width: 100%;line-height: 20px;border: 3px solid #fff;border-radius: 10px;}



/* *******

	ESBC
	*/

.orange-bg {
	background: #E49C5D;
	color: #fff;
}

.bleuclair-bg {
	background: #98D0D1;
	color: #fff;
}

.vert-bg {
	background: #A0C578;
	color: #fff;
}

.bleu-bg {
	background: #7FB6E1;
	color: #fff;
}

.violet-bg {
	background: #C8B0D1;
	color: #fff;
}
.jaune-bg {
	background: #DED378;
	color: #fff;
}


.box-style-2 .icon-container {
	border-radius: 50%;
	height: 70px;
	width: 70px;
}

.box-style-2 .icon-container:hover {
	border: 1px solid #fff;
}

.box-style-2 .icon-container i {
	line-height: 66px;
}

.gray-bg {background: #efefef;border-radius: 5px;color: #555;min-height: 100px;padding: 25px;font-size: 14px;box-shadow: none !important;}
.gray-bg::before {box-shadow: none !important}
.gray-bg h3 {font-size: 16px;font-weight: bold;}




#equipe {
  /*background: #fff;*/
  padding: 30px 25px;

}

#equipe .member {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 2px solid #efefef;
}

#equipe .member .member-info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;

}

#equipe .member .member-info-content {
  margin-top: 50px;
  transition: margin 0.2s;
}

#equipe .member:hover .member-info {
  background: rgba(18, 161, 178, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#equipe .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#equipe .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#equipe .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#equipe .member .social {
  margin-top: 15px;
}

#equipe .member .social a {
  transition: none;
  color: #fff;
}

#equipe .member .social a:hover {
  color: #007bff;
}

#equipe .member .social i {
  font-size: 18px;
  margin: 0 2px;
}



.social-ronde a {background: #ccc;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;display: inline-block;color: #fff;}

.member .fa-plus-circle {color: #fff;font-size: 35px;margin-top: 10px;}

#Spec {overflow: hidden;display: block;width: 100%;padding-bottom: 150px;}

#Spec img {display: table;margin: 0 auto;}

#Spec.parallax-bg {

    background-image: url(http://www.mcpconseil.com/imgz/bg_parallax.jpg);

}

#Spec h4 {color: #fff;font-size: 14px;}
#Spec h3 {color: #fff;font-size: 30px;}

footer h3 {font-size: 13px;}
footer ul {list-style: none;}
footer ul li:before {content: "-";}
footer ul li {border-bottom: 1px dotted #efefef;display: table;line-height: 20px;}
footer .border-right {border-color:#efefef}

.padding-parallax {padding: 250px 0 210px;font-size: 40px;}

#logo_parallax {position: absolute;bottom: 0;width: 200px;margin-left: -100px;left: 50%;}

.bg-gris {background: #ccc;color: #fff;padding: 25px;min-height: 330px;padding: 55px 35px;}

#Temoins {min-height: 200px;}

#Temoins .carousel-indicators {bottom: 0px;}
#Temoins .carousel-indicators li {border-color: #ccc;background: #efefef;}
#Temoins .carousel-indicators li.active {border-color: #fff;background: #ccc;}

#Temoins .item {padding: 0 0 30px;font-size: 25px;}

#Parallax_texte {position: absolute;bottom: 70px;width: 700px;margin-left: -350px;left: 50%;border-radius: 10px; padding: 35px;background: #fff;text-align: center;box-shadow: 0 0 5px #999;}
#Info {display: block;padding: 55px;text-align: center;background: #12A1B2}


#Concour {background: url(../imgz/fond_concour.jpg) no-repeat center center; background-size: cover;overflow: hidden;position: relative;}
#Form_concour {background: #fff;border: 10px;border-bottom: 2px solid #ccc;box-shadow: 0 0 5px #ccc;overflow: hidden;margin: 0 auto;width: 700px;padding: 25px;z-index: 99;position: relative;
}

#cinema {position: absolute;bottom: -30px;left: -300px;width: 800px;}
#ipad {position: absolute;bottom: 0px;right: -300px;width: 700px;}

#Texte_participe {background: url(../imgz/fond_concour.jpg) no-repeat center center; background-size: cover;overflow: hidden;position: relative;padding: 15px;border: 2px solid #eac700; }

#Actus_acc {background: #EFEFEF;position: relative;overflow: hidden;padding: 30px 0 10px;border-bottom: 10px solid #f8f8f8}
.actus_acc {background: #fff;padding: 15px;overflow: hidden;border-right: 5px solid #efefef;border-left: 5px solid #efefef;min-height: 470px;}


.slick-dots {
	text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
  li {
    display:inline-block;
    margin-left: 4px;
    margin-right: 4px;
    &.slick-active {
      button {
        background-color:black;
      }
    }
    button {
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      background-color:#999;
      border:none;
      width: 15px;
      height: 15px;
      border-radius:50%;
    }
		:hover{
			background-color: black;
		}
  }
}

/* Custom Arrow */
.prev{
	color: #999;
	position: absolute;
	top: 48%;
	left: 0em;
	font-size: 1.5em;
	z-index: 999;
		:hover{
			cursor: pointer;
			color: black;
		}
}
.next{
	color: #999;
	position: absolute;
	top: 48%;
	right: 0em;
	font-size: 1.5em;
	z-index: 999;
	:hover{
			cursor: pointer;
			color: black;
		}
}

@media screen and (max-width: 800px) {
    .next {
        display: none !important;
    }
}

#titre_vertical {position: relative;}

#titre_vertical h4{-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);display: block;
top: 87px;

left: -30px;
color: #ccc;
position: absolute;}


#Chrono {background: #5C7B9F;padding: 35px;text-align: center;font-size: 25px;color: #fff;text-transform: uppercase;}
#Chrono span {font-size: 45px;font-weight: bold;}