.body { position:relative; padding-top:25px; }
body.home .body { padding-top:0px; }
.body > .title { margin:0px 0px 30px 0px; padding:25px 0px; background-color:#f3f3f3; border-bottom:1px solid #dbdbdb; }
.body > .title h1 { color:#484848; font-size:2em; letter-spacing:-0.05em; margin:0px; text-transform:uppercase; }

.body .body-filter { position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:#000; opacity:0.6; }

a, a:hover, a:active, a:focus { color:#744569; }

.maintenance { margin-top:150px; }
.maintenance img { display:block; max-width:50%; margin:0px auto; }
.maintenance h1 { color:#fff; margin:100px auto; text-align:center; }

.body .container .title { padding:30px 0px 20px 0px; }
.body .container .title h1 { display:inline-block; font-size:20px; letter-spacing:-1px; margin:0px; border-bottom:3px solid #744569; text-transform:uppercase; }

.btn { display:inline-block; background:linear-gradient(to bottom, #ffe100 0%, #f3b401 100%); border:0px; border-bottom:2px solid #111; border-radius:2px; color:#fff; font-size:14px; padding:4px 12px; text-align:center; }
.btn { border-bottom:1px; }
.btn.btn-lg { font-size:18px; padding:12px 12px; }
.btn.btn-no { background:linear-gradient(to bottom, #666 0%, #444 100%); }
.btn .fa { margin-right:5px; }
.btn .fa.right { margin-left:5px; }
.btn:hover { background:linear-gradient(to bottom, #e6e6e9 0%, #f0f0f0 100%); border-bottom:2px solid #777; color:#333; }
.btn:hover { background:rgba(0,0,0); border-color:#fff; border-bottom:1px; box-shadow:0px 0px 5px #fff; color:#fff; }

.btn-return { display:block; width:150px; line-height:30px; margin:0px auto 30px auto; text-transform:uppercase; }
.btn-return .fa { margin-right:10px; }

.return .btn { display:block; width:100%; margin:0px; text-transform:uppercase; }
.return .btn .fa { margin-right:10px; }

.warning { color:#744569; }

/*
//==============================================================================
// Parallax
//==============================================================================
*/

.parallax { width:100%; margin:20px 0px; padding:100px 0px; text-align:center; background-color:#fff; background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.parallax.candidat { background-image:url(bg-propriete-vue-mer.jpg); margin-bottom:0px; }
.parallax.recruteur { background-image:url(bg-appartement-haussmannien.jpg); margin-top:0px; }
.parallax h3 { color:#fff; font-size:48px; font-weight:200; text-shadow:0px 1px 3px #000; line-height:48px; margin:0px 20px; text-transform:uppercase; }
.parallax h3 b { font-weight:300; }

.parallax-header { position:absolute; top:0px; left:0px; width:100%; height:640px; margin:0px; padding:0px; opacity:0.5; background-color:#000; }
.parallax-header.hidden { opacity:0.0; }
#parallax-header-default { background-image:url(slide-porte-hotel-particulier.jpg); }
#parallax-header-employer { background-image:url(slide-villa.jpg); }
#parallax-header-candidate { background-image:url(slide-majordome.jpg); }

@media all and (max-width:768px)
{
  .parallax-header { height:480px; }
}

.home-parallax { width:100%; min-height:100vh; margin:0px; padding:0px; position:relative; background-color:#000; background-image:url(/images/photos/bg-home.jpg); }
.home-parallax > div { position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:10; margin:0px; padding:0px; }
.home-parallax > .bg-filter { background-color:rgba(0,0,0,0.7); z-index:9; }
.home-parallax .title    { min-height:30vh; padding:5vh 0px 1px 0px; margin-top:40vh !important; }
.home-parallax .search   { min-height:28vh; padding:0.1vh 0px 1px 0px; }
.home-parallax .counters { min-height:22vh; padding:0vh 0px 1px 0px; }
.home-parallax .counters > * { display:inline-block; width:32vw; padding:4vh 0px 1px 0px; vertical-align:top; }
.home-parallax .title h1 { color:#ddd; font-size:30px; margin:3vh 0px; }
.home-parallax .title h2 { color:#fff; font-size:30px; margin:3vh 0px; }
.home-parallax .search > p { margin:0px 0px 10px 0px; color:#fff; font-size:30px; font-weight:400; line-height:40px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
.home-parallax .search > form { position:relative; width:600px; max-width:90%; height:40px; margin:0px auto; padding:0px; background-color:#eee; border:0px; border-radius:7px 10px 10px 7px; }
.home-parallax .search > form .fa, .home-parallax .search > form .fields > *, .home-parallax .search > form button { display:inline-block; height:40px; line-height:40px; vertical-align:middle; }
.home-parallax .search > form .fa { position:absolute; left:5px; top:0px; width:35px; color:#ccc; font-size:20px; font-weight:200; }
.home-parallax .search > form .fields { width:100%; padding:0px 155px 0px 40px; }
.home-parallax .search > form select, .home-parallax .search > form input, .home-parallax .search > form button { background-color:transparent; border:0px; color:#333; font-size:16px; }
.home-parallax .search > form select { width:40%; background-color:transparent; }
.home-parallax .search > form input { width:52%; margin-left:2%; }
.home-parallax .search > form button { position:absolute; right:0px; top:0px; width:150px; background-color:#f3b400; color:#fff; border-radius:0px; padding:0px 20px; border-radius:0px 7px 7px 0px; }
.home-parallax .search > form button:hover { background-color:#000; box-shadow:0px 0px 5px #666; }
.home-parallax .search > form button .fa { display:none; color:#fff; }
.home-parallax .counters h3 { margin:0px; text-transform:none; }
.home-parallax .counters h3 span { display:block; line-height:50px; margin-bottom:10px; color:#fff; font-size:36pt; font-weight:400; }
.home-parallax .counters h3 b { display:block; color:#ccc; font-size:20pt; font-weight:200; line-height:25px; }

@media all and (max-width:1024px)
{
  .home-parallax .title    { min-height:30vh; margin-top:20vh !important; }
  .home-parallax .search   { min-height:28vh; }
  .home-parallax .counters { min-height:22vh; padding:0vh 0px 1px 0px; }
}

@media all and (max-width:768px)
{
  .home-parallax .title    { min-height:28vh; padding:2vh 0px 1px 0px; margin-top:16vh !important; }
  .home-parallax .search   { min-height:21vh; }
  .home-parallax .counters { min-height:35vh; padding:0vh 0px 1px 0px; }
  .home-parallax .counters > * { padding:3vh 0px 1px 0px; }
  .home-parallax .title h1 { font-size:22px; margin:3vh 0px; }
  .home-parallax .title h2 { font-size:26px; margin:3vh 0px; }
  .home-parallax .counters h3 > * { display:block !important; vertical-align:middle; }
  .home-parallax .counters h3 span { width:100%; line-height:45px; margin-bottom:5px; font-size:32pt; text-align:center; }
  .home-parallax .counters h3 b { width:100%; font-size:16pt; text-align:center; }
}

@media all and (max-width:480px)
{
  .home-parallax .title    { min-height:30vh; padding:1vh 0px; margin-top:14vh !important; }
  .home-parallax .search   { min-height:20vh; }
  .home-parallax .counters { min-height:36vh; padding:2vh 0px; }
  .home-parallax .counters > * { display:block; width:100%; padding:0.5vh 0px;}
  .home-parallax .title h1 { font-size:22px; margin:2vh 0px; }
  .home-parallax .title h2 { font-size:30px; margin:2vh 0px; }
  .home-parallax .search > form { height:80px; border-radius:7px 7px 10px 10px; }
  .home-parallax .search > form .fa { left:0px; }
  .home-parallax .search > form .fields { width:100%; padding:0px 0px 0px 35px; }
  .home-parallax .search > form select, .home-parallax .search > form input, .home-parallax .search > form button { font-size:14px; }
  .home-parallax .search > form select { width:40%; }
  .home-parallax .search > form input { width:58%; margin-left:0%; }
  .home-parallax .search > form button { position:relative; right:auto; top:auto; width:100%; border-radius:0px 0px 7px 7px; }
  .home-parallax .counters h3 > * { display:inline-block !important; }
  .home-parallax .counters h3 span { width:46%; text-align:right; }
  .home-parallax .counters h3 b { width:50%; text-align:left; }
}

/*
.home-parallax .title    { background-color:rgba(255,255,255,0.1); }
.home-parallax .search   { background-color:rgba(255,255,255,0.2); }
*/
.home-parallax .counters { background-color:rgba(255,255,255,0.1); }

/*
//==============================================================================
// Home buttons
//==============================================================================
*/

.home-btn { position:relative; background-color:#000; padding:40px 0px; }
.home-btn .parallax-header { right:0px; bottom:0px; height:auto; opacity:0.5; background-attachment:fixed; }
.home-btn .blocks { display:block; height:60px; margin-top:0px; opacity:1.0; }
.home-btn .block.hidden { display:block; opacity:0.0; }
.home-btn .blocks h2 { font-size:20pt; color:#fff; }
.home-btn .buttons a { font-size:24pt; }
.home-btn .buttons a span { display:block; color:#ccc; font-size:14pt; font-weight:200; margin-top:10px; }

@media all and (max-width:768px)
{
  .home-btn .blocks { height:110px; }
  .home-btn .blocks h2 { font-size:16pt; line-height:24px; }
}

/*
//==============================================================================
// News
//==============================================================================
*/

.news { background-color:#111; padding:40px 0px; }
.news h1 { color:#fff; font-size:24pt; font-weight:200; margin:20px 0px; text-align:center; }
.news h2 { color:#fff; font-size:20pt; font-weight:200; margin:15px 0px; text-align:center; }
.news h3 { color:#fff; font-size:16pt; font-weight:200; margin:10px 0px; text-align:center; }
.news p { color:#ccc; font-size:12pt; font-weight:200; line-height:22px; margin:20px 0px; text-align:justify; }
.news a { color:#744569; font-weight:400; }
.news a:hover { color:#fff; }

@media all and (max-width:768px)
{
  .news h1 { font-size:20pt; }
  .news h2 { font-size:16pt; }
  .news h3 { font-size:14pt; }
  .news p { font-size:10pt; }
}

/*
//==============================================================================
// Who is MES
//==============================================================================
*/

.row.whoismes { text-align:justify; }
.row.whoismes a { color:#484848; }
.row.whoismes a:hover { color:#744569; text-decoration:underline; }
.row.whoismes u { color:#744569; text-decoration:none; }

/*
//==============================================================================
// Center
//==============================================================================
*/

.centered
{
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.vcentered
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
//==============================================================================
// Block 2 columns
//==============================================================================
*/

.b2col { background-color:#000; color:#fff; }
.b2col .row > div { /*min-height:400px;*/ }
.b2col .row > .txt { padding:40px 40px 20px 40px; color:#ccc; }
.b2col .row > .txt h3 { margin-top:0px; margin-bottom:30px; color:#744569; font-size:16pt; font-weight:400; text-align:left; text-transform:uppercase; }
.b2col .row > .txt p { margin-top:0px; margin-bottom:0px; font-size:11pt; font-weight:200; line-height:25px; text-align:justify; }
.b2col .row > .txt li { margin:10px 0px; }
.b2col .row > .txt .button { display:inline-block; margin-top:50px; padding:10px 20px; background:linear-gradient(to bottom, #ffd96e 0%, #ff9900 100%); color:#fff; border:0px solid #f3b400; transition:all 0.3s ease; }
.b2col .row > .txt .button:hover { background:rgba(0,0,0,0.5); border-color:#fff; box-shadow:0px 0px 5px #fff; }
.b2col .row > .txt a:hover { color:#fff; }
.b2col .row > .txt a.button1 { display:inline-block; margin-top:30px; padding:15px 30px; background-color:transparent; color:#fff; border:2px solid #744569; }
.b2col .row > .txt a.button1:hover { background-color:#744569; color:#000; }
.b2col .row > .txt a.button2 { display:inline-block; margin-top:30px; padding:15px 30px; background-color:#744569; color:#fff; border:2px solid #744569; }
.b2col .row > .txt a.button2:hover { border-color:#fff; }
.b2col .row > .img { position:relative; padding-left:0px; padding-right:0px; overflow:hidden; }
.b2col .row > .img a { display:block; width:100%; position:absolute; top:0px; left:0px; bottom:0px; right:0px; opacity:0.8; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease; }
.b2col .row > .img a:hover { opacity:1.0; }
.b2col .row > .img img { width:100%; height:100%; display:none; }

@media all and (max-width:768px)
{
  .b2col .row > .txt .button { margin-top:50px; }
}

@media all and (max-width:480px)
{
  .b2col .row > .txt p { text-align:left; }
}

/*
//==============================================================================
// Offers "à la une"
//==============================================================================
*/

.oalu { background-color:#111; color:#fff; margin:0px; padding:0px; }
.oalu > div { padding-top:100px; padding-bottom:100px; }
.oalu > div > h3 { font-size:30pt; }
.oalu .row { height:100%; }
.oalu .container > .row > div { margin-bottom:20px; }
.oalu .row > div { /*background-color:#222;*/ }
.oalu .row > .txt { padding:20px; }
.oalu .row > .txt h3 { height:40px; line-height:20px; margin:0px 0px 5px 0px; color:#fff; font-size:11pt; font-weight:400; text-align:left; text-shadow:none; text-transform:uppercase; }
.oalu .row > .txt h3 a, .oalu .row > .txt h3 a:hover { color:#fff; }
.oalu .row > .txt p { height:60px; line-height:20px; margin-top:0px; margin-bottom:0px; color:#fff; font-size:10pt; font-weight:200; text-align:justify; }
.oalu .row > .txt .button { display:inline-block; margin-top:20px; padding:5px 15px; background:linear-gradient(to bottom, #ffd96e 0%, #ff9900 100%); color:#fff; border:0px solid #f3b400; transition:all 0.3s ease; }
.oalu .row > .txt .button:hover { background:rgba(0,0,0,0.5); border-color:#fff; box-shadow:0px 0px 5px #fff; }
.oalu .row > .img { padding-left:0px; padding-right:0px; overflow:hidden; }
.oalu .row.chevron-left > .img::after { content:''; display:block; height:100%; width:25%; position:absolute; left:0px; top:0px; z-index:2; background:url(/images/photos/chevron-left.png) left center no-repeat; background-size:contain; }
.oalu .row.chevron-right > .img::after { content:''; display:block; height:100%; width:25%; position:absolute; right:0px; top:0px; z-index:2; background:url(/images/photos/chevron-right.png) right center no-repeat; background-size:contain; }
.oalu .row.chevron-left > .txt { text-align:left; }
.oalu .row.chevron-right > .txt { text-align:right; }
.oalu .row > .img img { width:100%; height:100%; opacity:0.8; transform:scale(1); transition:all 0.3s ease; }
.oalu .row:hover > .img img { opacity:1.0; transform:scale(1.2); }

@media all and (max-width:768px)
{
  .oalu .row > .txt { padding:10px 15px; }
  .oalu .row > .txt h3 { margin-bottom:10px; font-size:12pt; }
  .oalu .row > .txt p { margin-bottom:5px; font-size:9pt; line-height:15px; }
  .oalu .row > .txt .button { margin-top:10px; padding:5px 10px; }
}

/*
//==============================================================================
// Candidates "à la une"
//==============================================================================
*/

.calu > a { display:block; width:5%; float:left; opacity:1.0; transform:scale(1); position:relative; z-index:10; transition:all 0.3s ease; }
.calu > a > img { display:block; max-width:100%; }
.calu:hover > a { opacity:0.4; }
.calu > a:hover { opacity:1.0; transform:scale(2); z-index:20; }

@media all and (max-width:768px)
{
  .calu > a { width:12.5%; }
}

.filtr-filters { list-style:none; margin:0px 0px 20px 0px; padding:0px; text-align:center; }
.filtr-filters li { display:inline-block; margin:0px; padding:2px 6px; cursor:pointer; }
.filtr-filters li.filtr-active { background-color:#aaa; color:#000; }
/*
.filtr-container .filtr-item a:hover { -webkit-animation:3s ease 1s normal forwards 1 filtrFadeIn; animation:3s ease 1s normal forwards 1 filtrFadeIn; }
@keyframes filtrFadeIn { 0%{opacity:0.4;} 66%{opacity:0.8;} 100%{opacity:1.0;} }
@-webkit-keyframes filtrFadeIn { 0%{opacity:0.4;} 66%{opacity:0.8;} 100%{opacity:1.0;} }
.filtr-container .filtr-item a
{
  opacity:1;
}
.filtr-container .filtr-item a:hover
{
  opacity:0.5;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}
*/

.alaune { background-color:#000; background-position:center center; background-repeat:no-repeat; background-size:cover; margin:0px; padding:0px; }
.alaune > div { background-color:rgba(0,0,0,0.8); padding-top:100px; padding-bottom:100px; }
.alaune h2 { margin-top:0px; margin-bottom:20px; color:#aaa; font-size:25pt; text-align:center; text-transform:uppercase; }
.alaune h2 span { color:#744569; }
.alaune h3 { margin-top:0px; margin-bottom:10px; color:#fff; font-size:30pt; text-align:center; text-transform:uppercase; }
.alaune .row > div { padding:1px; }
.alaune .row > div img { width:100%; }

@media all and (max-width:1024px)
{
  .alaune h2 .js-rotating { display:block; }
}

.separator { display:block; width:250px; max-width:80%; margin:20px auto 40px auto; }



.row.cat-photos { margin-top:0px; margin-bottom:30px; }
.row.cat-photos h2 { color:#744569; font-size:10pt; margin-bottom:10px; }
.row.cat-photos a img { width:100%; transition:all 0.5s ease; }
.row.cat-photos a:hover img { opacity:0.0; }
.row.cat-photos a div { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.row.cat-photos a .majordome { background-image:url(offres-d-emploi-majordome-couleur.jpg); }
.row.cat-photos a .intendant { background-image:url(offres-d-emploi-intendant-couleur.jpg); }
.row.cat-photos a .chef-cuisinier { background-image:url(offres-d-emploi-chef-cuisinier-couleur.jpg); }
.row.cat-photos a .couple-de-gardiens { background-image:url(offres-d-emploi-couple-de-gardiens-couleur.jpg); }
.row.cat-photos .count { display:block; background-color:#f3f3f3; transition:all 0.5s ease; }
.row.cat-photos .count h3 { padding:30px 0px; margin:40px 0px 10px 0px; text-align:center; }
.row.cat-photos .count h3 span { color:#744569; font-size:50px; font-weight:bold; }
.row.cat-photos .count h3 b { display:block; font-size:20px; font-weight:normal; margin-top:10px; }
.row.cat-photos .count:hover { background-color:#744569; }
.row.cat-photos .count:hover { text-decoration:none; }
.row.cat-photos .count:hover h3 span { color:#fff; }
.row.cat-photos .count:hover h3 b { color:#ccc; }

@media all and (max-width:1024px)
{
  .row.cat-photos h2 { font-size:8pt; }
}

@media all and (max-width:768px)
{
  .row.cat-photos h2 { font-size:7pt; }
}

.box { position:relative; margin-bottom:30px; background-color:#eee; }
.box .icon { position:absolute; left:50%; width:64px; height:64px; margin-left:-32px; top:-24px; border-radius:32px; box-shadow:0px 3px 2px rgba(0,0,0,0.1); background-color:#fcfcfc; }
.box .icon img { display:block; width:32px; height:32px; margin:16px; }
.box .content { height:210px; margin:12px 0px; padding:55px 15px 30px 15px; border-radius:2px; color:#484848; }
.box .content h2 { height:40px; overflow:hidden; font-size:13pt; line-height:20px; margin:0px; padding:0px; text-align:center; }
.box .content p { font-size:10pt; line-height:16px; margin:15px 0px 0px 0px; padding:0px; text-align:justify; }
.box .link { position:absolute; left:50%; width:24px; height:24px; margin-left:-12px; margin-bottom:-15px; bottom:0; border-radius:12px; text-align:center; box-shadow:0px -3px 2px rgba(0,0,0,0.1); background-color:#fff; color:#484848; }
.box:hover { background-color:#744569; }
.box:hover .content { color:#fff; }
.box:hover .link { color:#744569; }

.filter { margin-top:30px; margin-bottom:20px; }
.filter select { width:100%; }
.filter input[type='text'] { width:68%; }
.filter button[type='submit'] { width:30%; }
.filter .f50b50 input[type='text'] { width:50%; }
.filter .f50b50 button[type='submit'] { width:48%; }
.filter select, .filter input, .filter button { height:36px; line-height:36px; margin:3px 0px 10px 0px; padding:0px 8px; border-radius:0px; vertical-align:middle; -webkit-appearance:none; }
.filter select, .filter input[type='text'] { border:1px solid #888; }
.filter select, .filter select option, .filter input[type='text'] { background-color:#fff; }
.filter select:hover, .filter input:hover, .filter button:hover { box-shadow:0px 0px 5px #666; }

.no-result { width:50%; margin:50px auto 100px auto; text-align:center; }

.pagination { display:block; margin:0px 0px 20px 0px; padding:20px 0px; text-align:center; }
.pagination ul { display:inline-block; list-style:none; margin:0px; padding:0px; border-left:1px solid #dbdbdb; }
.pagination ul li { display:block; float:left; border:1px solid #dbdbdb; border-left:0px; }
.pagination ul li a, .pagination ul li span { display:block; width:40px; line-height:40px; background-color:#f3f3f3; color:#484848; }
.pagination ul li span { width:60px; background-color:#f8f8f8; }
.pagination ul li a:hover, .pagination ul li.current a { background-color:#333; color:#fff; }

.offer { position:relative; margin:30px 20px; }
@media all and (max-width:768px) { .offer { margin:0px 0px 30px 0px; } }
.offer.viewed { opacity:0.4; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.offer.viewed:hover { opacity:1.0; }
.offer h2 { font-size:22px; font-weight:200; letter-spacing:-1px; line-height:30px; margin:0px; color:#fff; /*color:#484848;*/ border-bottom:2px solid #744569; }
.offer h2 { max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.offer h2 i { font-style:normal; }
.offer ul li { display:inline-block; line-height:30px; color:#999; font-size:11px; margin-left:15px; }
.offer ul li:first-child { margin-left:0px; }
.offer ul li .fa { font-size:14px; margin-right:3px; }
.offer ul li.favorite .fa { color:#744569; }
.offer .desc { height:140px; padding:15px 20px; background-color:#f3f3f3; }
.offer .desc a { display:block; color:#484848; }
.offer .desc a p { height:54px; line-height:18px; font-size:10pt; margin:0px; text-align:justify; }
.offer .desc .btn { max-width:50%; color:#fff; line-height:24px; margin-top:15px; }
.offer .desc .btn:hover { color:#333; color:#fff; }
.offer .banner { position:absolute; bottom:0px; right:0px; width:67px; height:67px; overflow:hidden; }
.offer .banner > span { display:block; transform:rotate(-45deg); width:104px; height:22px; line-height:20px; margin-left:-10px; margin-top:30px; text-align:center; }
.offer .banner.nouveau > span { background-color:#333; color:#fff; }
.offer .banner.a_la_une > span { background-color:#744569; color:#fff; }
.offer .banner.pourvue > span { background-color:#333; color:#fff; }
.offer:hover .desc { background-color:#333; }
.offer:hover .desc a { color:#ffffff; }
.offer:hover .banner.nouveau > span { background-color:#f3f3f3; color:#333; }
.offer:hover .banner.a_la_une > span { background-color:#f3f3f3; color:#744569; }
.offer:hover .banner.pourvue > span { background-color:#f3f3f3; color:#333; }

.offer-sheet { margin-top:30px; margin-bottom:30px; }
.offer-sheet .publication { margin-bottom:20px; }
.offer-sheet .publication p { font-weight:bold; margin:0px; }
.offer-sheet .field { margin-bottom:5px; }
.offer-sheet .field .fa { width:18px; margin-right:5px; }
.offer-sheet .description { margin-top:20px; margin-bottom:20px; }
.offer-sheet .description p { margin:0px; }
.offer-sheet .alert { margin-bottom:20px; }
.offer-sheet .postulation { background-color:#333; border:1px solid #aaa; border-left:3px solid #744569; border-radius:0px; margin-top:30px; margin-bottom:30px; }

.info-postulation { line-height:20px; margin:0px; }
.info-postulation .fa { display:block; float:left; line-height:40px; font-size:40px; margin-right:15px; }

.doc-postulation { margin:0px; padding:0px; }
.doc-postulation li { margin:0px 0px 5px 15px; padding:0px; }

.dz-postulation { width:100%; background-color:#ccc; border:1px solid #ccc; border-left:2px solid #744569; margin-top:20px; }
.dz-postulation .dropzone { min-height:273px; padding:20px 20px; background:transparent; border:0px; color:#333; font-size:10pt; }
.dz-postulation .dropzone .dz-message .fa { margin-bottom:10px; }
.dz-postulation .dropzone .dz-message .ext { font-size:8pt; margin-top:10px; }

@media all and (max-width:1024px)
{
  .offer .desc { height:156px; }
  .offer .desc a p { height:74px; line-height:17px; }
}

.candidate { position:relative; margin-top:40px; margin-bottom:30px; }
.candidate.viewed { opacity:0.4; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.candidate.viewed:hover { opacity:1.0; }
.candidate .photo { width:116px; position:absolute; left:50%; margin-left:-58px; top:-40px; border-radius:58px; padding:8px; background-color:#fff; box-shadow:0px 0px 6px 1px rgba(0,0,0,.1); }
.candidate .photo img { max-width:100px; min-width:100px; max-height:100px; border-radius:50px; }
.candidate .photo { width:96px; margin-left:-48px; top:-35px; border-radius:48px; }
.candidate .photo img { max-width:80px; min-width:80px; max-height:80px; border-radius:40px; }
.candidate .desc { padding:75px 15px 10px 15px; background-color:#f3f3f3; }
.candidate .desc h2 { height:30px; color:#744569; font-size:15px; font-weight:bold; line-height:15px; margin:10px 10px; text-align:center; }
.candidate .desc p { height:90px; color:#555; font-size:12px; line-height:18px; margin:0px; text-align:justify; }
.candidate .desc .btn { display:block; width:50%; margin:10px auto; }
.candidate .favorite { position:absolute; top:30px; right:45px; }
.candidate .favorite .fa { font-size:20px; color:#744569; }
.candidate .banner { position:absolute; bottom:0px; right:15px; width:67px; height:67px; overflow:hidden; }
.candidate .banner > span { display:block; transform:rotate(-45deg); width:104px; height:22px; line-height:20px; margin-left:-10px; margin-top:30px; text-align:center; }
.candidate .banner.nouveau > span { background-color:#333; color:#fff; }
.candidate .banner.a_la_une > span { background-color:#744569; color:#fff; }
.candidate:hover .photo { width:116px; margin-left:-58px; top:-40px; border-radius:58px; }
.candidate:hover .photo img { max-width:100px; min-width:100px; max-height:100px; border-radius:50px; }
.candidate:hover .desc { background-color:#333; }
.candidate:hover .desc h2 { color:#fff; }
.candidate:hover .desc p { color:#fff; }
.candidate:hover .banner.nouveau > span { background-color:#f3f3f3; color:#333; }

.candidate-sheet { margin-top:30px; margin-bottom:30px; }
.candidate-sheet .col-lg-4 img { display:block; margin:20px auto; }
.candidate-sheet .field { margin-bottom:5px; }
.candidate-sheet .field .fa { width:16px; margin-right:10px; text-align:center; }
.candidate-sheet .alert { margin-top:20px; margin-bottom:20px; }
.candidate-sheet .contact { background-color:#333; border:1px solid #888; border-left:3px solid #744569; border-radius:0px; margin-top:30px; margin-bottom:30px; }
.candidate-sheet .contact p { margin:10px 0px; }

.candidate-sheet h2 { margin-bottom:20px !important; }
.candidate-sheet .btn-favorite { margin-bottom:30px; text-align:center; }
.offer-sheet .btn-favorite { margin-top:10px; margin-left:-10px; }
.btn-favorite a { display:inline-block; line-height:30px; padding:0px 10px; color:#744569; }
.btn-favorite a .fa { font-size:16px; margin-right:10px; }
.btn-favorite a:hover { color:#fff; }
.btn-favorite a:hover .fa { color:#744569; }

.share { margin-top:20px; text-align:center; }
.share ul { list-style:none; margin:0px; padding:0px; }
.share ul li { display:inline-block; margin:10px 10px; padding:0px; }
.share ul li a { display:block; margin:0px; padding:0px; }
.share ul li a .fa { display:block; width:40px; height:40px; line-height:36px; font-size:20px; border:2px solid transparent; border-radius:50%; text-align:center; background-color:#744569; color:#f3f3f3; }
.share ul li a .fa { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.share ul li a:hover .fa { color:#fff; border-color:#fff; }
.share ul li a .fa-facebook { background-color:#3b5998; }
.share ul li a .fa-twitter { background-color:#0084b4; }
.share ul li a .fa-google-plus { background-color:#dd4b39; }
.share ul li a .fa-linkedin { background-color:#0e76a8; }

.navlist { margin-bottom:30px; }
.navlist a { max-width:100%; }
.navlist .prev { text-align:left; }
.navlist .list { text-align:center; }
.navlist .next { text-align:right; }
.navlist .short { display:none; }
@media all and (max-width:768px)
{
  .navlist a { width:100%; }
  .navlist .long { display:none; }
  .navlist .short { display:block; }
  .navlist .fa { display:block; }
}

.navlist { margin-bottom:30px; }
.navlist .prev { text-align:left; }
.navlist .list { text-align:center; }
.navlist .next { text-align:right; }

.row.info .alert { display:block; margin:0px auto 30px auto; text-align:center; }
.row.info h2 { font-size:18px; margin:0px 0px 30px 0px; text-align:center; }
.row.info .alert-mes { background-color:rgba(116,69,105,0.5); border-color:#744569; color:#fff; margin-top:20px; }

.row.button { margin-bottom:40px; }
.row.button a { display:block; width:50%; margin:0px auto; }
@media all and (max-width:1000px)
{
  .row.button a { width:75%; }
}
@media all and (max-width:768px)
{
  .row.button a { width:100%; font-size:10pt; }
}

.prices .price { display:block; max-width:85%; background-color:#333; margin:0px auto 40px auto; padding:6px; text-align:center; }
.prices .price h3 { color:#fff; margin:8px 0px 14px 0px; }
.prices .price div { background-color:#fff; color:#333; padding:15px; }
.prices .price .pric { font-size:30px; margin-bottom:1px; }
.prices .price .pric b { font-size:56px;line-height:56px; }
.prices .price .pric.free b { font-size:36px; }
.prices .price .pric sup { font-size:24px; top:-16px; }
.prices .price .desc { min-height:85px; font-size:18px; margin-bottom:1px; text-align:left; }
.prices .price .desc ul { margin:0px; padding:0px; list-style:none; }
.prices .price .desc ul li { line-height:20px; margin:5px 0px; padding:0px; }
.prices .price .btn { font-size:16px; padding:10px 20px; }
.prices .price:hover { background-color:#744569; }
.prices .price:hover div { background-color:#f3f3f3; }
.prices .price .btn:hover { background:#333; color:#fff; }

.form { margin-bottom:50px; }
.form .row { margin-bottom:10px; }
.form .row > div.col-label { padding-right:0px; }
.form .row.h2 { text-align:center; }
.form .row.h2 h2 { display:block; width:40%; margin:20px auto 10px auto; color:#fff; font-size:16pt; letter-spacing:-1px; }
.form .row.h2.h2-first { margin-top:0px; }
.form .row.h2 h2 .fa { margin-right:15px; color:#744569; }
.form label, .form span { display:block; width:100%; padding:6px 0px; }
.form span span { display:inline; width:auto; padding:0px; }
.form label { text-align:right; }
.form input, .form textarea, .form select { display:block; width:100%; background-color:#ccc; border:1px solid #ccc; color:#000; padding:5px 10px; }
.form .checkboxes input, .form .checkboxes label { display:inline-block; width:auto; }
.form .checkboxes label { padding-right:30px; text-align:left; }
.form .checkboxes label i { color:#aaa; font-size:90%; font-weight:normal; }
.form .btn { display:block; width:100%; margin-top:10px; }
.form input:focus, .form textarea:focus, .form select:focus { border:1px solid #666; box-shadow:0px 0px 5px #666; }
.form .required input, .form .required textarea, .form .required select,
.form .required input:focus, .form .required textarea:focus, .form .required select:focus { border-left:2px solid #744569; }
.form label.error { color:#a00; font-size:9pt; font-weight:normal; text-align:left; }
.form input.error, .form input.error:focus,
.form select.error, .form select.error:focus,
.form textarea.error, .form textarea.error:focus { background-color:#f2dede; color:#a94442; border:1px solid #a00; }
.form input.error:focus,
.form select.error:focus,
.form textarea.error:focus { box-shadow:0px 0px 5px #a00; }
@media all and (max-width:768px)
{
  .form .row { margin-bottom:0px; }
  .form .row.h2 h2 { width:100%; }
  .form label { margin-top:10px; padding:0px 0px; text-align:left; }
  .form .checkboxes label { margin-top:0px; padding:5px 30px 5px 10px; }
}

body.creation-compte-candidat .body > .container { position:relative; }
.dz-photo { position:absolute; top:240px; right:8.333%; z-index:100; margin-right:15px; width:19%; min-height:180px; background-color:#ccc; border:1px solid #ccc; border-left:2px solid #744569; }
.dz-photo-msg { top:320px; }
.dz-photo .dropzone { min-height:180px; padding:20px 20px; background:transparent; border:0px; color:#333; font-size:10pt; }
.dz-photo .dropzone .dz-message .fa { margin-bottom:10px; }
.dz-photo .dropzone .dz-message .ext { font-size:7pt; margin-top:10px; }
@media all and (max-width:768px)
{
  .dz-photo { position:relative; top:auto; right:auto; width:100%; margin:10px 0px; }
}

.logreg { padding:100px 0px 0px 0px; } /* padding:150px 0px 50px 0px; */
.logreg .padding { padding:20px 20px; } /* padding:50px 70px; */
.logreg h1 { color:#fff; font-size:20px; line-height:25px; margin:10px 0px; }
.logreg h2 { color:#aaa; font-size:24px; line-height:25px; margin:25px 0px; }
.logreg p { color:#aaa; margin:20px 0px; }
.logreg input, .logreg .btn { display:block; width:100%; height:35px; color:#fff; border:1px solid #ccc; border-radius:0px; font-size:15px; margin:10px 0px; padding:5px 10px; }
.logreg input { background-color:rgba(255,255,255,0.2); }
.logreg a.forgot { display:block; margin:10px 0px; color:#fff; }
.logreg a.forgot:hover { color:#fff; text-decoration:underline; }
.logreg input:focus, .logreg .btn:focus, .logreg .btn:hover { border:1px solid #ccc; box-shadow:0px 0px 5px #fff; }
.logreg .btn:hover { background:rgba(0,0,0,0.5); }
.logreg-info .padding { margin-bottom:70px; }
.logreg-info .padding ul { font-size:12pt; line-height:30px; }
@media all and (max-width:768px)
{
  .logreg { padding:70px 0px 30px 0px; }
  .logreg .padding { padding:20px 30px; }
  .logreg-info .padding { margin-bottom:30px; }
}

.categories { margin-bottom:50px; }
.categories .row { margin-bottom:10px; }
.categories select { display:block; width:100%; border:1px solid #ccc; padding:5px 10px; }
.categories .btn { display:block; width:100%; margin-top:10px; }
.categories select:focus { border:1px solid #666; box-shadow:0px 0px 5px #666; }

.presentation { margin-bottom:50px; }
.presentation textarea { display:block; width:100%; height:400px; border:1px solid #ccc; padding:10px; }
.presentation .btn { display:block; width:100%; margin-top:10px; }
.presentation textarea:focus { border:1px solid #666; box-shadow:0px 0px 5px #666; }

.documents { margin-bottom:50px; }
.documents .document { margin-bottom:10px; }
.documents .document div { line-height:30px; }
.documents .document .c1 { padding:0px; text-align:left; }
.documents .document .c2 { text-align:center; }
.documents .document .c3 { text-align:right; }
.documents .document .btn { margin:0px 5px; }
@media all and (max-width:768px)
{
  .documents .document .btn .fa { margin-right:0px; }
  .documents .document .btn span { display:none; }
}
.document-add { margin-bottom:50px; }

.photos { text-align:center; margin-bottom:50px; }
.photos img { display:block; max-width:75%; margin:10px auto; }
.photo-add { margin-bottom:50px; }

.dropzone { width:100%; padding:30px 60px; background-color:#ccc; border:1px solid #ccc; border-left:2px solid #744569; }
.dropzone .dz-message { margin:0px; color:#333; }
.dropzone .dz-message p { margin:0px; }
.dropzone .dz-message .fa { color:#744569; font-size:40px; margin-bottom:20px; }
.dropzone .dz-message .ext { font-size:85%; margin-top:20px; }
.dropzone:hover { background-color:#f3f3f3; }
.dropzone:hover .dz-message .fa { color:#744569; }

.presentation a:hover { color:#fff; }
.presentation code a:hover { color:#000; }

.terms { margin-bottom:30px; }
.terms h2 { font-size:18pt; margin:30px 0px 20px 0px; }
.terms p, .terms li { text-align:justify; }
.terms a:hover { color:#fff; }

.links > div { margin-bottom:30px; text-align:center; }
.links img { max-width:100%; }

.box:hover, .offer:hover .desc, .candidate:hover .desc, .dropzone:hover { box-shadow:0px 0px 5px #666; }
.box, .offer .desc, .candidate .desc, .prices .price, .prices .price div, .dropzone:hover { transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, box-shadow .2s ease; }

@-webkit-keyframes clignote { 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } }
@-moz-keyframes clignote    { 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } }
@-o-keyframes clignote      { 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } }
@keyframes clignote         { 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } }
.offer .banner.a_la_une, .candidate .banner.a_la_une
{
  -webkit-animation: clignote 3s infinite;
     -moz-animation: clignote 3s infinite;
       -o-animation: clignote 3s infinite;
          animation: clignote 3s infinite;
}


.faq
{
  margin-bottom: 20px;
}

.faq .sections ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.faq .sections ul li
{
  font-size: 13pt;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.faq .sections ul li a:hover
{
  color: #fff;
}

@media all and (min-width:1200px)
{
  .faq .sections
  {
/*    position: fixed;*/
  }
  .faq .sections ul
  {
    margin-right: 30px;
  }
  .faq .questions
  {
    float: right;
  }
}

.faq h2
{
  display: block;
  line-height: 30px;
  padding: 10px 0px;
/*  background-color: #744569;*/
  color: #fff;
  font-size: 35pt;
  font-weight: 200;
  margin: 50px 0px 30px 0px;
}

.faq h2.section01
{
    margin-top: 0px;
}

.faq .text
{
  color: #fff;
}

.faq a.section
{
  display: block;
  height: 1px;
  position: absolute;
  margin-top: -40px;
}

.faq a.section01
{
  margin-top: -80px;
}

.faq h3
{
  display: block;
  color: #744569;
  font-size: 14pt;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
}

.faq p
{
  display: block;
  font-size: 12pt;
}



.body [type="checkbox"]:not(:checked),
.body [type="checkbox"]:checked,
.body [type="radio"]:not(:checked),
.body [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.body [type="checkbox"]:not(:checked) + label,
.body [type="checkbox"]:checked + label,
.body [type="radio"]:not(:checked) + label,
.body [type="radio"]:checked + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}
/* checkbox aspect */
.body [type="checkbox"]:not(:checked) + label:before,
.body [type="checkbox"]:checked + label:before,
.body [type="radio"]:not(:checked) + label:before,
.body [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 24px; height: 24px;
  border: 1px solid #aaa;
  background: #fff;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.body [type="radio"]:not(:checked) + label:before,
.body [type="radio"]:checked + label:before {
  border-radius: 12px;
}
/* checked mark aspect */
.body [type="checkbox"]:not(:checked) + label:after,
.body [type="checkbox"]:checked + label:after,
.body [type="radio"]:not(:checked) + label:after,
.body [type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 6px; left: 4px;
  width: 16px; height: 16px;
  background: #333;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  transition: all .1s;
}
.body [type="radio"]:not(:checked) + label:after,
.body [type="radio"]:checked + label:after {
  border-radius: 8px;
}
/* checked mark aspect changes */
.body [type="checkbox"]:not(:checked) + label:after,
.body [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.body [type="checkbox"]:checked + label:after,
.body [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* disabled checkbox */
.body [type="checkbox"]:disabled:not(:checked) + label:before,
.body [type="checkbox"]:disabled:checked + label:before,
.body [type="radio"]:disabled:not(:checked) + label:before,
.body [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.body [type="checkbox"]:disabled:checked + label:after,
.body [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.body [type="checkbox"]:disabled + label,
.body [type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.body [type="checkbox"]:checked:focus + label:before,
.body [type="checkbox"]:not(:checked):focus + label:before,
.body [type="radio"]:checked:focus + label:before,
.body [type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted #333;
}

.ZnTxtPrestations{text-align: center;     padding: 10% 0px;background-color: #000000ad; min-height: 550px;}
.ZnTxtPrestations h3, .ZnTxtProcess h3{font-size: 50px;}
.ZnTxtPrestations hr, .ZnTxtProcess hr{    width: 16%; border-color: #f3b400;}
.ZnTxtPrestations p{font-size: 25px;}

.ZnLinkProfil .col-md-6{/*margin: 1px; width: 49%;*/}
.itemProfil{margin-bottom: 25px; padding: 10px 60px;}
.itemProfil h4{font-size: 24px;}
.itemProfil img{    width: 100%;
    border-radius: 8px;
    border: 1px solid #f3b40047;}
.itemProfil a{background-color: #f3b400;
    padding: 10px 20px;
    border-radius: 4px;
    color: white;}

.ZnTxtProcess{padding: 30px 50px;}
.ZnTxtProcess p{ font-size: 16px; }

.FtrBtn{width: 100%; text-align: center;}
.FtrBtn p{text-align: center; font-size: 14px}
.FtrBtn .mail{color: #f3b401}
.candidat,.Zncontact,.ZnProfil{margin: 9% 0;}
.imgCandidat{border-radius: 12px;
    border: 2px solid #f3b700;}

.TabQstRep{background-color: #f4ba0142;
    border: 1px solid #f4ba01;
    padding: 10px 20px;
    border-radius: 4px;
    position: relative;}
.TabQstRep table{width: 100%;}
.TabQstRep table tr{    margin-bottom: 10px;
    padding-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ffffff21;}
.TabQstRep table .iQst{width: 300px;}
.TabTitleProfil{
    background: linear-gradient(to bottom, #ffe100 0%, #f3b401 100%);
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    top: -40px;
    left: 0;
    border-radius: 4px 4px 0px 0px;
}
.TextContact{text-align: center;}
.FrmData{
    margin: 4% auto;
    border: 1px solid #f3b401;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 3px #f3b401;
    
}
.FrmData input{margin-bottom: 10px;}
.FrmData button[type='submit']{
  float: right;
  margin-top: 10px; 
}

.nextprofil{
background-color: #f3b401;
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    right: 3%;
    bottom: 1%;}

.TabTileGrp{color: #dd8601;
    font-size: 20px;
    font-weight: 600;}

.DataFiche h3{margin-bottom: 0px}
.modal-open .modal{z-index: 9999}

.modal-header{background-color: #f4ba01;
    color: #fff;
    font-size: 24px;}

.modal-header h5{    font-size: 18px;
    font-weight: 600;}
#recruter label{    color: #000;}
.modal-footer{    padding: 15px 30px;}
.ZnFindJob{padding: 60px 0;}
.ZnFindJob p{font-size: 16px;
    text-align: justify;}
.pArab{text-align: right !important; }    
.ZnForm form{width: 50%; margin: 4% auto; box-shadow: 0px 0 30px #f9d325;
    border-radius: 8px;
    padding: 20px 30px;}
.ZnForm form h4{text-align: center; margin-bottom: 30px;}
.ZnFindJob .ZnForm{
    margin-top: 4%;
}
.ZnFindJob .ZnForm,.ZnFormBesoin {
  
    margin-bottom: 4%;
    padding: 30px;
    border: 1px solid #f4ba01;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px #f4ba01;}
.ZnFindJob .ZnForm h4{padding-bottom: 20px; color: #f4ba01}
.ZnForm .col-md-6, .ZnFormBesoin .col-md-6{padding-bottom: 20px;}
.ZnForm .col-md-12, .ZnFormBesoin .col-md-12{padding-bottom: 20px;}
.ZnFormBesoin textarea{height: 100px;}
.imgProfil{width: 100%;
    border-radius: 6px;
    box-shadow: 4px 4px 15px 0px #fff;
    border: 1px solid #fff;}

.BgFixdProfil{
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}
.AlertMsg{position: fixed;
    z-index: 999;
    width: 100%;
    top: 30%;
    text-align: center;}
.AlertMsg span{font-size: 16px; padding: 10px 20px; border-radius: 4px; color: #fff; display: inline-block;}
.AlertMsg .msgOk span{background-color: green;}
.AlertMsg .msgKo span{background-color: red;}
.ClrYel{color: #f4ba01;}
.TxtMaj{text-transform: uppercase;}
.bg-value{background-image: url('/images/photos/value.jpg'); background-size: 100%; background-position: center; background-attachment: fixed; }
.bgcolorblack{background-color: #0000009c;}
.itemValue{    padding: 10% 20px;}
.itemValue .ValHead{text-align: center;}
.itemValue .ValHead i{    font-size: 70px; color: #f9d824;}
.itemValue .ValHead img{width: 100%;}
.itemValue .ValHead h3{  }
.itemValue p{text-align: justify;}
.bg-pdm{background-image: url('/images/photos/personnel-de-maison.jpg'); background-size: 100%; background-position: center; }
.bg-contact{background-image: url('/images/photos/offres-d-emploi-majordome-couleur.jpg'); background-size: 100%; background-position: center; background-attachment: fixed; }
.ContenuPage p{text-align: justify;}
.iconContact{list-style: none;}
.iconContact li{margin-bottom: 20px;}
.iconContact i{font-size: 18px; color: #fac42d;}
.titleContact{color: #fff;text-transform: uppercase;text-decoration: underline;}
.iMaps{ border: 2px solid #fff; border-radius: 6px;box-shadow: 0 0 11px #fff;}
.padding_contact{padding: 6% 0;}
.bg-findJob{background-image: url('/images/photos/bg-home.jpg'); background-size: 100%; background-position: top; background-attachment: fixed; }
.menu .active{    background-color: #fac22f40;}
.by{color: #b19645 !important;}
.slideHome{margin-top: 68px;}
.slideHome img{width: 100%}
.slideHome .title{text-align: center; padding: 10px 0;}
.telTop{    
  margin-top: 22px;
  
}
.telTop span{border: 1px solid #fabe2f;
    padding: 10px 18px;
    color: #fabe2f;
    font-weight: 900;
    font-size: 14px;
  border-radius: 4px;

}

.telTop a{
    margin-top: -8px;
    padding-top: 0px !important;
}

.TelMobile{display: none;position: absolute;
    top: 21px;
    right: 10px;}

.TelMobile span, .telTop span, .TelMobile a, .telTop a{
  animation-duration: 20s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  transition: none;
}
.telTop #appeleznous{
    opacity: 0;
    animation-duration: 10s;
    animation-name: showing;
    animation-iteration-count: infinite;
    transition: none;
    position: absolute;
    top: 1px;
    right: 10px;
    padding: 11px 18px;
    background-color: #000000;
    text-align: center;
    width: 88%;   
    line-height: 1;
}
#appeleznous{
  opacity: 0;
  animation-duration: 8s;
  animation-name: showing;
  animation-iteration-count: infinite;
  transition: none;
      position: absolute;
    width: 100%;
    top: -7px;
    right: 0;
    background-color: black;
    text-align: center;
    padding: 6px 14px;
}
@keyframes clignoter {
  0%   { opacity: 1, color:#fabe2f ; border-color: #fabe2f;  }
  50%   {opacity: 0, color:#FFF ; border-color: #FFF; }
  100% { opacity: 1, color:#eeff00 ; border-color: #eeff00; }
  
}

@keyframes showing {
  0%   { opacity: 0 }
  50%   { opacity: 1}
  100%   { opacity: 0}
  
}


.TelMobile span{border: 1px solid #fabe2f;
    padding: 8px 14px;
    color: #fabe2f;
    font-size: 15px;
    border-radius: 4px;}
.withLink a{color: #fff !important;}    
.bg-offre {
    background-image: url(/images/photos/packbabysittier.jpg);
    background-size: 100%;
    background-position: top;
    background-attachment: fixed;
}
.bg-tarif{
  background-image: url(/images/photos/offreplacement.jpg);
    background-size: 100%;
    background-position: top;
    background-attachment: fixed;
}


.SectionTarif{padding-top: 30px;}
.SectionOffre, .SectionTarif{background-color: #000;     margin-bottom: 30px;}
.SectionOffre .iOffre{}
.iOffre h3{    font-size: 30px;
    font-weight: 600; text-align: center;    margin: 30px 0;}
.iOffre h3 span, .ZnTarif p span,.ZnContact span{color: #f4ba09;}
.iZnOffre{    margin-bottom: 30px;}
.iZnOffre .iRight{background-color: #313234;
    padding: 20px 10px;}
.iZnOffre .iRight p {font-size: 16px}
.iZnOffre .iRight ul{padding-left: 16px; margin-bottom: 30px;}
.iZnOffre .iRight ul li{font-size: 25px;}
.iZnOffre .iLeft{}
.iZnOffre .iLeft .ZnTarif{        background-color: #313234;text-align: left;
    padding: 20px 10px;
    margin-bottom: 6px;}
.iZnOffre .iLeft .ZnTarif p{    margin-bottom: 31px;     font-weight: 900;
    font-size: 20px;
    letter-spacing: 2px;}
.iZnOffre .iLeft a{font-size: 20px;
    color: #f4ba01;
    font-weight: 600;
    letter-spacing: 1px;}

.iZnOffre .tarifs {
  font-size: 30px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
}

.iZnOffre .tarifs strong span{
  color: #f4ba01;
}
.iZnOffre .tarifs ins{
  background-image: url('/images/photos/bg_tarifsbaby.png');
  width: 250px;
    height: 110px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: -25px;
    bottom: 0px;
    color: white;
    font-weight: 900;
    padding-top: 14px;
    transform: rotate(-15deg);
}

.Valign{padding: 40px 0px !important;}
.ServicesInclus{width: 500px;
    border: 1px solid #f4ba09;
    margin: 0 auto;
    margin-bottom: 20px;
  padding: 19px 25px;}
.ServicesInclus_recrut{
  border: 1px solid #f4ba09;
    margin: 0 auto;
  padding: 19px 25px;
}
.ulasiatic, .SIRc, .ServicesInclus ul{margin-bottom: 0px;    padding-left: 0;}
.ulasiatic li, .SIRc li , .ServicesInclus ul li{list-style-type: none;     font-size: 18px; margin-bottom: 4px}
li::marker{color: #f4ba09}
.listTarif{width: 700px;
    margin: 0 auto;}
.iTarif p{font-size: 18px;
    font-weight: 600;}
 .iTarif p a{color: #fff; border-color: #f4ba09; border-bottom: 1px solid #f4ba09;}
.SIRc li i, .FraisTransport, .ServicesInclus ul li i ,.listTarif p span , .iTarif p small , .contact h4 span,.iTarif p span, .iRight p span{color: #f4ba09}
.ulasiatic li i, .SIRc li i, .ServicesInclus ul li i{
  font-size: 15px;
}
.FraisTransport{font-size: 25px;
    text-align: center;
    font-weight: 900;
    margin: 30px 0;}
.bggray{background-color: #333333; border-left: 4px solid #f4ba09; padding: 14px; position: relative;}
.ulStart{position: relative; list-style: disc;}
.ulStart span{position: absolute;top: -5; left: 0; color: #f4ba09;font-size: 30px;}
.Etoiles{margin-bottom: 20px;}
.Etoiles span{color: #f4ba09;font-size: 30px;}
.h4_opt{margin-top: 4%; text-align: center;width: 100%}
.plus{position: absolute;
    top: -39px;
    right: -10px;
    font-size: 50px;
    color: #ffdf00;}
.OptCarre{border: 3px solid #ffdf00;
    padding: 12px;
    font-size: 24px;
    text-align: center;}

.UlOpt li i, .OprUlStart li::marker, .optspan, .OptCarre span{
  color: #ffdf00 !important;
}
.UlOpt li i{font-size: 12px;}
.clrbgray{
  border-left: 4px solid #ffdf00 !important;
}
.UlOpt{margin: 0px;padding: 0; list-style: none;margin-top: 16px;}
.tarifOpt{font-size: 18px;
    color: #ffdf00;}
.profilmaroc{text-align: right;color:  #f4ba09; font-size: 25px; margin: 0px;}
.CercleTarif{position: absolute;bottom: -5px; right: -22px;font-size: 25px; color: #f4ba09;    background-image: url(/images/photos/cercle_tarif1.png);
    background-position: top;
    background-size: cover;
    padding: 22px 95px;}

.RecrutAsiatic{  border: 1px solid #00df00;
    margin-bottom: 20px;
  padding: 19px 25px;
  margin-left: 2%; }
.RecrutAsiatic .bggray{border-left: 4px solid #00df00 !important;}
.profilasiatic{text-align: right;color:  #00df00; font-size: 25px; margin: 0px;}
.RecrutAsiatic .ulStart li::marker, .RecrutAsiatic .ulStart span, .ulasiatic li i{color:  #00df00 ; }
.tarifAsiatic{color:  #00df00; position: absolute; right: -21px; bottom: -18px ;font-size: 25px;  line-height: 16px;text-align: center; background-image: url('/images/photos/cercle_tarif2.png'); background-position: top;
    background-size: cover;
    padding: 26px 98px;}
.tarifAsiatic small{font-size: 14px;}

.fraisdossier{color:  #f4ba09}

.offrePlacement{text-align: center; padding: 80px 0px; border: 1px solid #ffdf00;background: #ffdf001f;margin-top: 4%;}
.offreRecrutement{text-align: center; padding: 80px 0px; border: 1px solid #7aff00;background: #ffdf001f;margin-top: 4%;}
.offrePlacement a{color: #ffdf00}
.offreRecrutement a{color: #7aff00;}

.whatsapp{position: fixed;bottom: 4%;right: 8%; background-color: #1ca450; border-radius: 8px 8px 8px 26px; cursor: pointer;width: 51px ; height: 51px;    z-index: 999;}

.whatsapp a img{width: 50px;}

.whatsapp a span{ color: #fff;padding: 6px; border-radius: 4px; opacity:0;font-weight: 600;}

.ZnFormules{
  width: 49%;
  float: left;
  display: inline-block;
}
.AgceFrais{
  position: relative;
  height: 150px;
  text-align: center;
}
.AgceFrais b{
  font-size: 25px;
  color: #f4ba09;
  display: block;
  margin-bottom: 5px;
}
.AgceFrais .CercleTarif{
      position: relative;
    bottom: 0;
    right: 0;
    padding: 20px 0;
    display: block;
    width: 310px;
    height: 88px;
    margin: 0 auto;
    line-height: 16px;
}
.AgceFrais .CercleTarif small{
  font-size: 14px;
}

.AgceFrais .tarifAsiatic{
  position: relative;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 257px;
  height: 88px;
  display: block;
  padding: 30px 0px;
}
.clrAsiatic{
  color: #00df00 !important;
}
.contact h4{
  font-size: 30px;
  font-weight: 900;
}


.SubSlide{
  background-color: #2e3840;
    padding: 20px;
    text-align: center;
}
.SubSlide .stats{

}

.SubSlide .stats h1{
  font-size: 120px;
    font-weight: 900;
    text-shadow: 5px 6px 17px #000;
}
.SubSlide .stats h3{
  font-size: 40px;
    font-weight: 900;
}

.ZnVideo{
  padding: 5% 15%;
    background-color: #212528;
}
.ZnVideo video{}


#myCarousel .carousel-indicators, #myCarouselMobile .carousel-indicators {
    bottom: 0;
}

#myCarousel .carousel-indicators li, #myCarouselMobile .carousel-indicators li,
#ViewsCarousel .carousel-indicators li {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 3px;
    width: 50px;
    height: 12px;
    border-radius: 10px;
}

#myCarousel .carousel-indicators .active, #myCarouselMobile .carousel-indicators .active {
    background-color: #cb9734;
}


._DeskTop{display: block;}
._Mobile{display: none !important;}



.TagProfile{
  background-color: #cd9934;
  padding: 2% 0;
}
.TagProfile ul{
  padding: 0;
  list-style: none;
}

.TagProfile ul li a, .TagProfile h3{
  color: white;
}

.SectionOffreEmploi{
    background-color: #000;
    margin: 30px 0;
}
.iOffreEmploi{
      background-color: white;
    padding: 18px;
    margin: 4px;
    border-radius: 8px;
}
.iOffreEmploi h3{
      margin-top: 0;
    border-bottom: 2px solid #cd9934;
    color: black;
    font-weight: 900;
}
.iOffreEmploi p{
  color: black;
}
.iOffreEmploi p span{
  margin-right: 20px;
}
.iOffreEmploi p span i{
  color: #cd9934;
    margin-right: 4px;
}
.iOffreEmploi .link {
  text-align: right;
}
.iOffreEmploi .link a{
  background-color: #cd9934;
    color: black;
    padding: 5px 20px;
    border-radius: 4px;
}

.ModalEmploi .modal-header{
  background-color: #cd9934;
}
.ModalEmploi .modal-header h4{
  font-weight: 900;
}
.ModalEmploi .modal-header .close{
  color: white;
  opacity: 1;
}

.ModalEmploi .modal-body p{
  color: black;
  font-size: 18px;
}
.ModalEmploi .modal-body p b{
  font-weight: 900;
}

.ModalEmploi .modal-footer .btn-primary{
  background-color: #cd9934 !important;
  background: unset;
  font-size: 18px;
}


.ModalPostuler .modal-header img{
  width: 260px;
}
.ModalPostuler .modal-body input, .ZnForm input{
  margin-bottom: 10px;
  height: 45px;
  font-size: 18px;
}
.ModalPostuler .Gfile, .ZnForm .Gfile{
  text-align: center;
}
.ModalPostuler .Gfile input[type='file'], .ZnForm .Gfile input[type='file']{
  display: none;
}
.ModalPostuler .Gfile label, .ZnForm .Gfile label{
  width: 50%;
    background: #646464;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    cursor: pointer;


}
.ZnForm .Gfile label {width: 65%;}
.ModalPostuler .Gfile span, .ZnForm .Gfile span{
  display: block;
}

.btnSubmit{
  text-align: center;
}

.btnSubmit input[type='submit']{
  background-color: #cd9934;
    border: 0;
    border-radius: 4px;
    color: black;
    padding: 10px 100px;
    font-size: 20px;
    font-weight: 900;
    margin-top: 18px;
}

.loader {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid #cd9934;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    display: none; /* Le loader est caché au départ */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#PostulerAlert{
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 900;
}
#Modal_postuler .modal-body h3{
  color: black;
}




  /* Style pour le conteneur du carousel */
.carousel {
  display: flex;
  flex-wrap: wrap; /* Permettre aux éléments de passer à la ligne si nécessaire */
  justify-content: space-between; /* Répartir les éléments horizontalement */
}

/* Style pour diviser l'espace en deux colonnes */
.col {
  width: calc(50% - 20px); /* 50% de la largeur moins l'espacement entre les colonnes */
  margin-right: 20px; /* Espacement entre les colonnes */
  float: left;
  padding: 25px;
}

@keyframes slideIn {
  from {
    transform: translateY(100%); /* Commencer depuis le bas de l'écran */
  }
  to {
    transform: translateY(0); /* Terminer en haut de l'écran */
  }
}
.animate {
  animation: slideIn 1s ease forwards;
  opacity: 1 !important;
}
/* Style pour le pavé d'avis */
.avis {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex; /* Utiliser Flexbox */
  flex-direction: column; /* Aligner le contenu en colonne */
  justify-content: space-between; /* Répartir l'espace à l'intérieur du pavé */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 14PX 2px #000;
  opacity: 0;

}


.avis-content{
  text-align: left;
  flex: 1;
  display: block;
}
.avis-content p{
  font-size: 20px;
  margin: 30px 0;
}
/* Style pour le symbole de discours */
.avis-content i {
  font-size: 50px;
}

/* Style pour le nom et la notation */
.avis-user {
  display: flex; /* Utiliser Flexbox */
  align-items: center; /* Aligner les éléments verticalement */
}

/* Style pour l'image du propriétaire de l'avis */
.avis-user img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

/* Style pour le nom et la notation */
.user-details p {
  margin: 0;
  font-weight: bold;
}

/* Style pour la notation par étoile */
.ratings i {
  font-size: 16px;
  color: gold;
  margin-right: 2px;
}

.ZnContact{text-align: center;
    font-size: 30px;
    font-weight: 900;}




@media (max-width:480px){
  .iZnOffre .tarifs ins{
    position: unset;
    transform: unset;
    margin-top: 20px;
  }
  .ZnForm form{
    width: 100%;
  }
  ._DeskTop{display: none;}
  ._Mobile{display: block !important;}

  .avis{width: 100% !important;}
  
  .col{
    width: 100%; 
  }
  .avis-content p{
    min-height: unset !important;
  }

  .TagProfile .col-md-4{
    width: 300px;
    margin:  0 auto;
  }
  .ZnTxtPrestations{
    min-height: 150px !important;
  }
  .ModalPostuler .Gfile label{
    width: 100%;
    font-size: 16px;
  }
  .btnSubmit input[type='submit']{
    width: 100%;
  }
  .carousel-indicators {
      bottom: 0px;
      left: 0;
      z-index: 15;
      width: 100%;
    padding-left: unset;
      margin-left: unset;
      text-align: center;
      list-style: none;
      display: block;
      padding: 0;
  }

  #myCarousel .carousel-indicators li, #myCarouselMobile .carousel-indicators li, #ViewsCarousel .carousel-indicators li {
      width: 20px;
      height: 8px;
  }

  #myCarouselMobile .ValHead img{
    width: 150px;
  }
}