@charset "utf-8";
@import url("plugin/flexslider.css");
@import url("plugin/owl.carousel.css");
@import url("plugin/mediaelementplayer.css");
@import url("plugin/colorbox.css");
@import url("plugin/jquery.fs.tipper.css");
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
body, html {height: 100%;margin: 0;padding: 0;}
body {line-height: 24px;color: #323232;font-size: 13px;font-family: 'Raleway', sans-serif;font-weight: 400;letter-spacing: 1px;}
img {height: auto;max-width: 100%;border: none;outline: none;transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;}
::-moz-selection {background-color: #e6ae49;color: #FFF;}
::selection {background-color: #e6ae49;color: #FFF;}
/*.col-md-4newsletter{width:50%;float: left;display: inline-block;vertical-align: top; margin-right:5%;}*/
/*.col-md-6newsletter{width:45%;float: left;display: inline-block;vertical-align: top;}*/
.btn-mentor{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentor:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.col-md-421annuaire{float: right;width: 16%;padding-right: 15px;}
.col-md-421coachscolaire{float: right;width: 16%;padding-right: 15px;}
.col-md-2annuaire{float: left; padding-right:25px; padding-left:35px;width:18%;}
.col-md-8annuaire{float: left; width:66%; padding-top: 0px;}
.col-md-8conseiller {float: left; width:80%; padding: 6px 0 0 25px;}
.couleurpicto{color:#7291a6;line-height: 12px;margin-left:10px;}
.btn-mentorat{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px 20px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentorat:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px 20px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.col-md-recon{margin: 0px 0px 0px 15px;width: 50%;float: left;}


a.orange {float: none !important;color: #fff;}
a.hporange{font-size:18px; color: #fff;}
a.hporange:hover, a.hporange:active {color: #fff;}
a.redcoach{font-size:10px; color: #fff;}
a.redcoach:hover, a.redcoach:active {color: #fff;background: #e64958;}
a.orange:hover, a.orange:active {color: #fff;}
a, a:focus, a:active, a:link, img {outline: none;}	
.float-none-xs {float: none !important;color: #fff;}
a {cursor: pointer;text-decoration: none;color: #323232;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.content{color: #323232;cursor: pointer; text-decoration:underline}
a.contentcoach{color: #323232;cursor: pointer; text-decoration:underline}
/*a:hover {color: #e6ae49;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}*/
a.txtlink {cursor: pointer;text-decoration: underline;color: #fff;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.txtlink:hover {color: #e6ae49;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.txtrg {color: #ff0000;font-size: 13px;}
.dark-bg {background: #323232;color: #fff;}
.gris-bg {background: #ddd;color: #000;padding-left: 260px;}
a.metierlink {cursor: pointer;text-decoration: none;color: #fff;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.metierlink:hover {color: #fff;text-decoration: underline;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
li.basaccordeonfort{margin-bottom:2%;}
li.basaccordeonfaible{margin-bottom:0.5%;}



@media (max-width: 1700px) {
.facebooboo {width: 500px;}
}

@media (max-width: 1280px) {
.mt-60 {padding-left: 20px;padding-top: 30px;padding-bottom: 40px;margin-top: 10px;}
div.cadrehom {border: 1px dashed;color: #727272;padding: 5px;margin-top: 10px;}
.col-hp-2 {float: right; text-align:justify;width: 35%;padding: 0 0 0 25px;}
.col-hp-3 {float: right; text-align:justify;width: 30%;padding: 0 0 0 15px;}
.btn-color-b {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px; }
.btn-color-c {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px; margin:5px 5px 0 5px;}
.btn-color-b:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-c:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.tit-theme {font-size: 21px;letter-spacing: 4px;line-height: 32px;text-align: left;margin-left:0px;font-weight: 600;}
.tit-professionnel{font-size: 17px;letter-spacing: 2px;line-height: 28px;margin-bottom:35px;font-weight:700;}
.largimag {margin-top: 6%! important;}
.footer .link a{font-size: 10px;}
}

@media (max-width: 1280px) {
.mt-60 {padding-left: 20px;padding-top: 30px;padding-bottom: 40px;margin-top: 10px;}
div.cadrehom {border: 1px dashed;color: #727272;padding: 5px;margin-top: 10px;}
.col-hp-2 {float: right; text-align:justify;width: 35%;padding: 0 0 0 25px;}
.col-hp-3 {float: right; text-align:justify;width: 30%;padding: 0 0 0 15px;}
.btn-color-b {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px; }
.btn-color-c {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px; margin:5px 5px 0 5px;}
.btn-color-b:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-c:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
/*.tit-theme {font-size: 21px;letter-spacing: 4px;line-height: 32px;text-align: left;margin-left:0px;font-weight: 600;}*/
.tit-professionnel{font-size: 17px;letter-spacing: 2px;line-height: 28px;margin-bottom:35px;font-weight:700;}
.largimag {margin-top: 6%! important;}
.footer .link a{font-size: 10px;}
}

@media (min-width: 1200px) {
.newsletter {position: relative;width: 468px;height:60px;}
.coach-link a{display: table-cell;margin: 0;color: white;padding: 20px 0 20px 7px! important;vertical-align: middle;height:210px;font-weight: bold;line-height: 20px;font-size: 15px! important;}
}

@media all and (min-width: 1025px) {
/*header nav style*/
.header.header-prepare .nav-menu ul.nav-menu-inner > li > a {
	color: #323232;
}
/*.header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
	color: #e6ae49;*/
}
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
	color: #fff;
}
/*.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
	color: #e6ae49;*/
}
.cc-compliance{padding:15px}
.btn-color-d{color: #fff;background: #e6ae49;border: none;margin: 0px;width: 85%!important;height: 35px;padding: 0px 0 0 3px!important;font-size: 10px!important;}
.btn-color-d:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
}

@media all and (max-width: 1024px) {
li.textlicoach{font-size:15px;}
.nav-menu ul.nav-menu-inner li {display: block;width: 100%;}
.nav-menu {position: static;left: 0;top: 100%;float: none;display: none;width: 100%;background: rgba(34,34,34,0.85);overflow-y: auto;z-index: 999;}
.nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {display: inline-block;float: right;padding-top: 52px;padding-bottom: 32px;}
.nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {padding: 15px 12px;border-top: 1px solid #444;}
/* Dropdown */
.sub-dropdown.dropdown, .sub-dropdown {top: 100%;position: relative;left: 0;width: 100%;}
.sub-dropdown a {padding-left: 30px !important;}
.sub-dropdown > li > .sub-dropdown > li > a {padding-left: 45px !important;}
.sub-dropdown li .sub-dropdown li > .sub-dropdown > li > a {padding-left: 60px !important;}
.header .nav-menu ul.nav-menu-inner li a.current,  .header .nav-menu ul.nav-menu-inner li.current a,  .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,  .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color: #fff;}
.header-light .nav-menu ul.nav-menu-inner > li > a {color: rgba(255,255,255,0.60);}
.cc-compliance{padding:15px}
.header {height: 64px;}
.header-inner {padding-left: 30px;padding-right: 30px;position: relative;display: table;width: 100%;}
.header .logo a {margin-top: 0px;margin-bottom: 42px;transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.side-menu-btn ul li a.header-icon {padding-bottom: 20px;padding-top: 20px;}
.header-fixed .side-menu-btn ul li a.header-icon {padding-bottom: 20px;padding-top: 20px;}
.intro-title {letter-spacing: 0;font-size: 46px;}
.magicimg {width: 100%;}
.btn-color-c {color: #fff;background: #e6ae49;padding:15px; margin:5px 5px 10px 20px;font-size:10px;width: 90%;font-size: 8px;}
}


@media (min-width: 1024px) {
i.mt{font-size: 12px;line-height: 15px;}
.titinscipt{font-size: 20px;letter-spacing: 1px;line-height: 62px;font-weight: 700;text-transform: uppercase;}
/* Début Page Actualité */	
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 100px 20px 60px 10px 100px;margin-left: -5px;}	
.affi-nbr{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 18px;text-align: left;letter-spacing: 1px;}	
.affi-intitul{padding-top: 1px;font-size: 9px;color: #0a3557;font-weight: 600;}
/* Fin Page Actualité */	
/* Début Btn animé page Actualité */
.list-job-img{max-width: 200px;padding-left: 22px;}
ul.actu-list-them{list-style-type: none;overflow: hidden;padding-left: 0px;}
li.actlist-them{float: left;width: 80%;}
li.actlist-them2{float: right;width: 18%;}
.boxact-list-them{border-radius: 8px;background-color: #a5e5d4;}
.colothem{font-size:12px;color:#0a3557;}
.carde-container {width: 48ch; margin:0 0 0% 20%}
.grille_metier{display:grid;padding:20px 0;grid-gap:32px 100px;grid-template-columns: 200px 200px 200px 200px;}
.carde__info{height:100%;padding:8px 0 8px 8px;background-color:var(--bg-light)}
.carde__info,.carde__textarea{width:100%;position:relative}
.carde[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.carde-link.chapter:focus-visible{outline:2px solid var(--chapter-focus)}
.carde{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.card{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.carde:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.carde:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.carde__imagearea{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-placeholder)}
.carde__imagearea--restricted{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.carde__link-image{width:100%;height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color: #a5e5d4;background-image:url(/images/icon-rdv-realise.png);background-size: 200px 200px; background-size: 40% 100%!important; background-repeat: no-repeat, repeat; background-position: center;}
.carde__image{width:inherit;height:100%;-o-object-fit:cover;object-fit:cover}@supports not (width:clamp(1px,1vw,2px)){.carde__image{border-radius:.5rem .5rem 0 0}}
.carde .default-thumbnail{height:auto;width:auto}
.carde__icone,.carde__label{position:absolute;left:8px;max-width: 100%;}
.carde__label{top:8px;font-size:10px;padding:6px 8px;background:var(--bg-light);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:3px}
.carde__title{font-size:.88rem;line-height:18px}
.carde__subtitle{color:var(--text-body);font-family:arial;margin-bottom:4px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word;line-height:1rem}
.carde[data-format="horizontal-s-fluid desktop-square"].carde--media .carde__imagearea{height:150px}
.carde--media .carde__title--no-subtitle{width:100%;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.carde[data-format="horizontal-s-fluid desktop-square"]{width:280px; height:400px}}
.carde__metadata-info{line-height: 15px;font-size: 10px;}
.cardeinfotxt{font-size:12px;line-height: 18px; text-align:justify; padding:5px 5px;}
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 10em 0 0 0;line-height: 1em;position: relative;width:100%;}
.containerthem {width: 55%;margin: auto;padding: 3% 0 3% 0;}
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
button.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 1rem 2.5rem 2rem 2.8rem;padding: 1rem 2.5rem;background: transparent;outline: none;font-size: 18px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;}
button.btnne::after, button.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
button.btnne::before {border: 0;background-color: #c92918;top: -0.75rem;left: 0.5rem;-webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate; animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
button.btnne::after {background-color: #e74c3c;top: 3rem;left: 13rem;-webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate; animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
button.btnne:hover {color: white;}
button.btnne:hover::before, button.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;-webkit-animation: none;animation: none;}
button.btnne:hover::after {left: 0rem;}
button.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.veux{color:#000}
a.veux:hover{color:#fff}
/* Fin Btn animé page Actualité */	
a.bultexte{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#000;text-decoration:none;line-height: 18px;}
a.bultexte:hover{z-index:25; background-color:#cff}
a.bultexte span{display: none}
a.bultexte:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #0cf;background-color:#cff; color:#000;text-align: justify;padding: 10px 10px;}	
a.bultextejob{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#7291a6;text-decoration:none;line-height: 18px; cursor: help;}
a.bultextejob:hover{z-index:25; background-color:#cff}
a.bultextejob span{display: none}
a.bultextejob:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:35em;border:1px solid #0cf;background-color:#cff; color:#7291a6;text-align: justify;padding: 10px 10px; font-size: 12px;}
.txtjobaccord{text-align:justify; margin:0 5% 6% 0%;font-size: 17px;}
.gmetier{font-size: 0.8rem;line-height: 1.1rem;letter-spacing: 0px;margin-top: 1px;}
.bleuetitactu{font-size: 16px; padding: 2px 10px 2px 0px; font-weight: 800; color: #7291a6;}
ul.actu{margin-top: 0;margin-bottom: 0px;}
li.dev-mentor-cal-li01 {margin: 0px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 21px;}
li.dev-mentor-cal-tm{margin: 5px 0 0px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 0px;padding-top: 0px;}
.bleuetitactu{font-size: 22px; padding: 11px 10px 5px 0px; font-weight: 800; color: #7291a6;letter-spacing: 0px;text-transform: none;}
li.dev-mentor-cal-li02 {margin: 0px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}		
/* ===================================
    Menu interne 
====================================== */

.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 6.5rem;line-height: 1.5rem;font-weight: bold;text-transform: uppercase;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 16px;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:16px;font-weight:600;color: #486d71;text-decoration: none;line-height: 2.5rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:600;color: #4298a1;text-decoration: underline;}

/* ===================================
    Fin Menu 
====================================== */

/* ===================================
    Menu interne faq
====================================== */

.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 0;border-radius: 0.5rem;width:99%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 14px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.5rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:16px;font-weight:600;color: #486d71;text-decoration: none;line-height: 1.9rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:600;color: #4298a1;text-decoration: underline;}

/* ===================================
    Fin Menu faq
====================================== */

/* ===================================
   Colonne gauche Actu
====================================== */

.colgauactu{font-weight:600;width:100%;padding: 5px 28px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 1rem 0 25px 0;color: #486d71;}
a.boutactu{display: inline-block;color: #486d71;background-color: #fff;font-weight: 600;line-height: 1rem;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 20px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
a.boutactu:hover{display: inline-block;color: #486d71;background-color: rgb(124 194 212 / 70%);font-weight: 600;line-height: 1rem;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 20px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
.titrcolgactu{font-weight:600;font-size: 12px;padding: 5px 3px 0 40px;}

/* ===================================
   Fin Colonne gauche Actu
====================================== */

.decjo{padding: 2% 8%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #3b5c7f;color: #fff;font-size: .875rem;line-height: 1.5rem;min-height: 2rem;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.decjo:hover, a.decjo:active {padding: 2% 8%;color: #fff;background: #dff6f0;color: #000091;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.gride{display: grid;padding: 30px 25px 0 0;grid-gap: 20px 25px;grid-template-columns: 400px 400px 350px;}	
.textactubas{line-height: 17px;padding: 5px 15px;text-align: justify;font-size: 15px; color:#000;line-height: 27px; font-weight: 300;background-color:#f6f6f6; border-top: 2px solid #00bcd4;padding: 2% 2% 1% 5%;border-radius: 25px;}
.textactustitr{letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 17px;font-weight: 500;padding:5px 10px 20px 15px; color:#000;}
h5.theendtitre{letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 20px;font-weight: 700;padding:5px 10px 20px 5px; color:#323232;}
.ptitlienbasactu{font-size: 15px;font-weight: 400;}
.textactugraslink{text-align: left;font-size: 16px;color: #000;line-height: 2px;font-weight: 700;padding-top:5px;}
.textactugraslink02{text-align: left;font-size: 16px;color: #000;line-height: 1px;font-weight: 700;padding: 10px 0 2px 0;}
.gralien{font-weight: 700;font-size: 15px;}
.discojob{padding-left:3%}	
.container-actu{padding-right: 0px;padding-left: 35px;width: 1200px;margin-left: 10%;}	
.miclist{line-height: 24px;font-size:16px;font-weight:300;text-align: justify;color: #fff;}
.chmetiertext{text-align:justify; padding-left:10px;line-height: 28px;font-size:16px;font-weight:300;text-align: justify;color: #fff;margin: 10px 0 25px 0;}
.contblockbig{margin-top: 40px;}
.contblocksuit{max-width: 1440px;margin-left: auto;margin-right: auto;}
.contblockend{row-gap: 60px;margin-left: -80px; display: flex; flex-wrap: wrap;}
.bleu-foncer-clair{background: #7291a6;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 19px;font-weight: 700;border-radius: 6px;padding: 8px 15px 8px 20px;margin: 20px 0 0px 30px;width: 97%;text-align: center;}
/*.containeurhange{padding-right:25px; padding-left:25px;width: 1200px;margin-left:12%;}*/
.grbloke{padding-left: 90px;padding-right: 10px;width: 48%; box-sizing: border-box;}
.textparag{text-align: left;color:#696666;margin: 0px 2rem 0rem 2rem;font-family: Arial;font-size: 16px;line-height: 1.3;text-align:justify;}
.textparag-clair{text-align: left;color:#696666;margin:-60px 0 1rem 4.3rem ;font-family: Arial;font-size: 16px;line-height: 27px;text-align:justify;width:93%;letter-spacing: 1.2px;}
.cadreblock{display: flex;flex-direction: column;height: 100%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);padding:10px 10px;}
.contblock{margin-top: 50px;margin-bottom: 50px;}
h4.txtbloke{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;}
h3.txtbloke{font-weight: 900;text-align: left;line-height: 22px;color: #7291a6;font-size: 1.1rem;font-family: arial;letter-spacing: 0.1rem;margin: 2rem 0 0 2rem;}
h3.txtblokejob{font-weight: 600;text-align: left;line-height: 22px;color: #7291a6;font-size: 1.0rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0.5rem 2rem;}
.txtblokebig{width: 100%;}
.cc-message h2{color:#fff!important;font-size:13px;font-weight:600;margin-bottom:10px;}
.cc-message p{color:#fff!important;font-size:11px!important;line-height:17px!important;text-align: justify;}
.cc-compliance{margin:2px}
.cc-message p>a{text-decoration:underline;color:#fff;font-size:11px;font-weight:normal !important;}
h2.actudescrip{font-size: 24px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;}
h3.finactu{font-size:14px; font-weight:600; text-transform: none; letter-spacing: 0px;margin-top:-7px;text-transform: none;}
.competence-qual{position:absolute;width:210px; height:10px; z-index:2;text-align: left;margin: 0% 49%!important;}
.metier-proche-qual{position:absolute;width:264px!important; height:10px; z-index:2;text-align: left;margin: 2% 42%!important;}
.bleu-metiertop{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: 700;border-radius: 6px;padding: 5px 20px;margin: 56px 0 1px 20px;width:170%;}
.epaisseur{line-height: 18px;font-size: 14px;font-weight: 600;}
.epaisseurbac{line-height: 18px;font-size: 15px;font-weight: 600;}
.epaisaccroch{line-height: 23px;font-size: 18px;font-weight: 700;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 30px;margin: 45px 0 15px 3px;}
.metier-fiche-centre{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 20px;text-align: left;letter-spacing: 1px;line-height: 25px;margin: 20px 0 25px 3px;}
.deviens-mentor{position: relative;height: 500px;}
.vign-devenir-mentor{display:grid;padding:20px 0;grid-gap:32px 200px;grid-template-columns: 250px 250px 250px;}
.temoign{width:20%; height:20%;margin:0 5%;vertical-align: -20px;}
.temoignbis{width:20%; height:20%;margin:0 5%;vertical-align: top;}
.cal-list-job{padding:5px 0px 0px 6px;}
.cal-list-jobbis{padding:8px 0px 0px 16px;margin:15px;}
.cal-avantage{padding:2px 0px 0px 0px;width:44%;}
.cal-inconvenient{padding:2px 0px 0px 0px;width:48%;}
.pointille-cadre{border-style: dotted;margin: 5%;padding: 5%;border-radius: 25px;border-color: #999;}
.actu-block-text{border-color: #00bcd4;height: 100%;margin: 0px!important;font-size: 14px;line-height: 18px;width: 50%;font-weight: 700;}
.bloc-encart-visuel{position:relative; height:280px;margin-bottom: 20%;}
.guide-verti{list-style-type: none;display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 5px;margin-left: -15px;margin-right: -15px;margin-top: -15px;width: calc(100% + 30px);}
.block-img-actu{display: flex;flex-direction: column;height: 100%;justify-content: center;left: 0;position: relative;top: -130px;width: 100%;}
.cadre-img-metier{margin: 15px 15px 15px 15px;width: calc(25% - 30px);}
.surtexte-blanc{color: white;font-weight: 700;font-size: 20px;line-height: 18px;position: relative;text-align: center;text-shadow: 0 1px 2px 0 rgba(96, 96, 96, 0.5);top: 0px;white-space: initial;}
.patissier{position:absolute;top:90px; width:600px; height:10px; z-index:2;text-align: left;}
.guide-metier{position:absolute;top:90px; width:600px; height:10px; z-index:2;text-align: left;}
.metier-proche{position:absolute;width:600px; height:10px; z-index:2;text-align: left;margin: 5% 25%;}
.metier-proche-syn{position:absolute;width:600px; height:10px; z-index:2;text-align: left;margin: 5% 25%;}
.metier-patissier{color: #00bcd4;text-transform: uppercase;font-weight: 600;font-size:18px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 5px 0 20px 0;}
.metier-fiche{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size:30px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 25px 0 35px 35px;}
.text-patisserie-gris{color: #999;text-transform: uppercase;font-weight: 500;font-size: 15px;line-height: 16px;margin: 2px 0 10px 0;}
.ptext-metier-gris{color: #999;text-transform: uppercase;font-weight: 500;font-size: 15px;line-height: 16px;margin: 2px 0 10px 0;}
.puce-synoni-pati{display: flex;margin-top: 10px;}
.themmich{font-size: 14px;line-height: 26px;font-weight: 500;}
.puce-bleu-patisserie{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 10px;}
.puce-bleu-metier{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 10px;}
.puce-bleu-diplome{min-width: 8px;height: 8px;background-color: #183153;border-radius: 50%;margin-right: 16px;margin-top: 16px;}
.synoni-patissier{font-size: 16px;line-height: 18px;font-weight: 600;}
.synoni-job{font-size: 16px;line-height: 18px;font-weight: 600;}
.patissier-bleu{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 5px;}
.bleu-metier{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 60px 0 0 20px;}
.bleu-metier-fin{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 1px 0 0 5px;}
.bleu-qual{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: 700;border-radius: 6px;padding: 4px 20px;margin: 5px 0 0 20px;width: 170%;}
.bleu-qualfin{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: 700;border-radius: 6px;padding: 4px 20px;margin: 5px 0 0 20px;width: 170%;}
.bleu-titre{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 15px;font-weight: normal;border-radius: 6px;padding: 2px 35px;margin: 35px 0 0 5px;}
.bleu-foncer-proc{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 700;border-radius: 6px;padding: 8px 15px 8px 20px;margin: 10px 0 0 20px;width: 170%;}
.bleu-foncer-syn{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 11px;font-weight: normal;border-radius: 6px;padding: 5px 14px;margin: 5px 0 0 0;}
.bleu-syn1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 8px;margin: 45px 0 0 0px; width:125px;}
.bleu-syn{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 8px;margin: 5px 0 0 0px; width:125px;}
.bleu-titre-soft{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 700;border-radius: 6px;padding: 8px 20px;margin: 5px;width: 100%;}
.bleu-titre-diplome{background: #e4edf7;display: inline-block;color: 183153;text-decoration: none;text-transform: uppercase;font-size: 11px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 5px;}
.bleu-soft1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 18px;margin: 50px 0 0 5px; width:100%;}
.bleu-soft{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 22px;margin: 5px 0 0 5px; width:100%;}
.textactujts{text-align: justify;line-height: 24px;font-size: 16px;font-weight: 300;margin: 0px 0 10px 0;letter-spacing: 1px; color:#000;}
.textbasactu{font-size: 10px;line-height: 15px;}
a.box{text-decoration: none;color: #e6ae49;position:relative;padding:0px 5px;}
a.box:hover {color: #323232;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
.col-md-themadres{width: 96%;padding-left: 15px;}
.coahcaptc{transform:scale(0.76);-webkit-transform:scale(0.76);transform-origin:0 0;-webkit-transform-origin:0 0;margin-left: 3%;}
/*.gapinscript{width:85%! important; margin-left:13%! important; padding-right:5%;}*/
/*.containernewsletter{margin: 0 auto;width: 80%;padding-right: 35px;padding-left: 35px;}*/
.largenewsl{height:40px;width:81%;}
.calagebtnemail{float: left;width: 100%;}
.calemailalert{padding-left: 23px;width: 72%;margin-left: 12%;}
.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;margin-bottom: 20px;width: 135px;margin-left:15px;}
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;font-size: 14px;}
.coachscolspacer{margin-top:10%;}
.btn-orientationpro{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-orientationpro:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.tableactu {display: contents;width: 100%;height: 250px;text-align: left;}
.tabtitrealign{margin:15px 0 0 15px;}
.tabverttitre{display: table-cell;vertical-align: middle;}
.tabtextealign{margin:0 0 0 15px;}	
.leadbtnmentor{margin: 5% 0 5% 0;}
.containerhp {width: 1200px;padding-right: 15px;padding-left: 15px;}
.testjob-img{background-repeat:no-repeat; background-position:30% 0%; height:423px;}
.cont-valeur{margin: 0 auto;width: 79%;padding-right: 25px! important;padding-left: 20px!important;display: table;content: " ";}
/*.footergris{background-color: #eee;width: 100%;text-align: justify;font-size: 11px;line-height: 14px;color: rgba(132, 127, 127, 0.76);padding: 10px;margin-left: -11px;}*/
/*.contai-format{margin: 0 auto;width: 79%;padding-right: 25px! important;padding-left: 20px!important;display: table;content: " ";}*/
.titmentorhp{margin-right:10%;}
.titparenthp{margin-right:10%;}
.problockgoch{float: left;width:41%;display: inline-block;vertical-align: top;margin-left: 1%;}
.problockdroit{float: left;width: 43%;margin-left: 5%;display: inline-block;vertical-align: top;}
.col-michthjts{padding-right: 45px;padding-left: 15px;margin-left: 25px;}
.containerhp{width:77%;margin: 0 10% 0 10%;}
.contain-coach{margin: 0 auto;width: 75%;padding-right: 5px! important;padding-left: 35px!important;}
li.textlicoach{font-size:14px;font-weight: 600;letter-spacing: 0px;}
.ptb-sm-80{padding-top: 50px!important;padding-bottom: 5px!important;}
.gapenlumiere{padding-top: 20px;}
.col-lg-2coach{float: left;width: 33%;padding-left: 15px;}
.col-lg-3coach{float: left;width: 40%;}
.col-lg-6coach{float: right;width: 25%;}
.col-mthem-1{width: 28%;float: left;position: relative;min-height: 1px;padding-right: 25px;padding-left: 15px;display: inline-block;vertical-align: top;}
.col-mthem-2{width: 45%;float: left;position: relative;min-height: 1px;padding-right: 25px;padding-left: 15px;display: inline-block;vertical-align: top;}
.col-mthem-3{width: 27%;float: left;position: relative;min-height: 1px;padding-right: 0px;padding-left: 15px;display: inline-block;vertical-align: top;}
.calimgpage{margin:25px 0 10px 0;}
.barre-rond{width: 100%;}
.txtetudbac{font-size: 10px;}
.orient-colg{width:38%!important;text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;line-height: 15px;float:left;}
.col-md-383{width: 22%;float: left;margin-left: 10%;}
.col-md-384{width: 20%;float: left;}
.orient-cold{text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;float:left;width: 50%;}
.col-md-deso-01{width:73%;text-align: left;display: inline-block;vertical-align: top;}
.col-md-deso-02{width:23%;text-align: left;display: inline-block;vertical-align: top;}
.btn-mdp-done{color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 100%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px;}
.btn-mdp-done:hover{color: #e6ae49;background: rgba(50,50,50,0.85);}
.btn-mdp-connect{color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 72%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px;}
.btn-mdp-connet:hover{color: #e6ae49;/*color: #e6ae49;background: #fff;*/background: rgba(50,50,50,0.85);}
.tit-connect{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 5px;margin-bottom: 0px;font-size: 15px;letter-spacing: 3px;line-height: 32px;text-align: left;}
.tit-contact{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 5px;margin-bottom: 0px;font-size: 15px;letter-spacing: 3px;line-height: 32px;text-align: left;}
.col-actud{width:65%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:30%;text-align: left;display: inline-block;vertical-align: top;margin-right: 20px;}
.col-recrutg{width:30%;text-align: left;display: inline-block;vertical-align: top;}
.col-recrutd{width:67%;text-align: left;display: inline-block;vertical-align: top;margin-top:5%;}
.col-barre-rondleft{width: 15%!important; text-align: center; display: inline-block;vertical-align: top; float:none!important;}
.col-barre-rondright{width: 15%!important; text-align: center; display: inline-block;vertical-align: top; float:none!important;}
.col-circle{padding-right: 15px;padding-left: 15px;max-width: 100%;width: 15%!important;text-align: center;display: inline-block;vertical-align: top;}
.circlegreen {background: #7cda9d;border-radius: 180px;color: #212d5b;height: 180px;font-weight: bold;width: 130px;height: 130px;max-width: 130px;display: table;margin: 20px auto;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;height: 180px;font-weight: bold;width: 130px;height: 130px;max-width: 130px;display: table;margin: 20px auto;}	
/*.tit-theme {font-size: 21px;letter-spacing: 2px;line-height: 25px;text-align: left;margin:20px 5px 0 0px;font-weight: 800;padding-bottom: 20px;}*/
.tit-jesuispro {font-size: 15px;letter-spacing: 2px;line-height: 20px;text-align: left;margin:18px 5px 0 15px;font-weight: 800;padding-bottom: 20px;}
.mt-60 {padding-left: 20px;padding-top: 30px;padding-bottom: 40px;margin-top: 10px;}
div.cadrehom {border: 1px dashed;color: #727272;padding: 5px;margin-top: 10px;}
.btn-color-tm {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px;width:40.5%;}
.btn-color-tm:hover {color: #fff;/*color: #e6ae49; background: #fff;*/background: rgba(230,174,73,0.85);width:40.5%;}
.btn-color-b {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px; }
.btn-color-c {color: #fff;background: #e6ae49;border: none;height: 75px;padding:15px 32px; margin:0px;width: 85%;}
.btn-color-hp {color: #fff;background: #e6ae49;border: none;height: 160px;padding:15px 15px; margin:0px;width: 85%;}
.btn-color-hp:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-b:hover {color: #fff;/*color: #e6ae49; background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-c:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-d{color: #fff;background: #e6ae49;border: none;margin: 0px;width: 100%;height: 35px;padding: 0px 0 0 3px!important;font-size: 10px!important;}
.btn-color-d:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
a.orcal{float: none !important;color: #fff;font-size: 10px; padding: 5px 18px 5px 5px;}
a.orcal:hover, a.orcal:active {color: #fff;font-size: 10px; padding: 5px 18px 5px 5px;}
.perso-tit-push {font-size: 14px;text-align: left;font-weight: 600;padding-bottom: 8px;line-height: 18px;}
.col-hp-1 {float: left; text-align:justify;width: 35%;padding: 0 15px 0 15px;line-height: 24px}
.col-hp-2 {float: right; text-align:justify;width: 35%;padding: 0 0 0 25px;}
.col-hp-3 {float: right; text-align:justify;width: 30%;padding: 0 0 0 15px;}
.img-respon-metier{vertical-align: middle;display: block;max-width: 100%!important;height: auto;}
.tit-professionnel{font-size: 24px;letter-spacing: 2px;line-height: 28px;margin-bottom:35px;font-weight:700;text-transform: uppercase;}
/*.metier {font-size: 9px;margin-left: 12px;margin-top: -11px;color: #000;}*/
.btn-noir-contact{display: inline-block;color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 100%;padding:15px;}
.btn-color-orang {color: #fff;padding:14px 1px 14px 1px!important; margin:-2px 5px 10px 0px!important;font-size:10px!important;width:105%;background: #e6ae49;}
.btn-color-orang:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-orangcoach {color: #fff;padding:14px 1px 14px 1px!important; margin:0px 15px 0px 15px;font-size:10px!important;width:150%;background:#e6ae49;}
.btn-color-orangcoach:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-orangcoachleft {color: #fff;padding:14px 1px 14px 1px!important; margin:0px 15px 0px 15px;font-size:10px!important;width:130%;background:#e64958;}
.btn-color-orangcoachleft :hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
blockquote{padding: 0px 10px!important;margin: 40px 0 40px 0!important;}
.largimag{margin-top: 0%; width:86%;}
.leaddaydescover{margin:1% 0 2% 0;}
.rowdescojob{width:90%;}
.rowurldescojob{width:95%;}
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width:110%;}
.calbarorange{margin-left:-9px;}
.title-descojob .fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.title-descojob .textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.title-descojob .titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;}
.title-orientationpro{font-size: 1.2em;font-weight: 500;text-transform: uppercase;color: #000;margin: 1em 0 0.3em 0;line-height: 1em;position: relative;width:100%;}
.title-orientationpro .fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.title-orientationpro .textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.title-orientationpro .title-orientation-professionnelle {background-color: #fff;transform: skewX(-10deg);padding: 15px 10px;margin-left: -6px;line-height: 1em;}
li.cadredcjob{float: left;width:49%;}
li.cadre-orientation-professionnelle{float: left;width:100%;}
li.cadredevmentor{float: left;width:99%;}
.col-cadredevmentor{width: 100%;text-align: left;display: inline-block;vertical-align: top;margin-bottom: 40px;padding-right:5px;padding: 15px 15px 35px 0px;}
.page-icon-cadredevmentor {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 200px 200px;position: absolute;display: block;}
.page-icon-cadreorientationpro{font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 350px 350px;position: absolute;display: block;}
.text-col-devmentor{line-height: 20px;font-size: 14px;font-weight: 600;margin: 1% 0 0 11%;color: #888;letter-spacing: 1px;text-align: left;}
.gros-devmentor-chi{font-weight: bold; line-height: 100%; margin-bottom: 8px;font-size: 6em;}
.devmentor-chitext{text-align:justify;line-height: 20px; font-size: 14px; font-weight: 300; margin: 15px 50px;}
h5.devenir-mentor{font-size: 13px;font-weight: 700;text-align: left;line-height: 17px;padding: 5px 0 5px 0;}
/*.footer-nav{margin: 0 0 30px 0;padding-left:8px;}*/
.img-icon-devmentor{font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-size: 200px 200px;position: absolute;display: block;}
.img-icon-devmentor01{margin: 0% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}
.img-icon-devmentor02{margin: 0% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}	
li.dev-mentor-cal-li{margin:11px 0 1px 1px;list-style-type: none;text-align:left;}
.devmentor-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete-temoignage-1.jpg);background-size: 241px 241px;display: block;}
.devmentor-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete-temoignage-2.jpg);background-size: 241px 241px;display: block;}
.devmentor-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete-temoignage-3.jpg);background-size: 241px 241px;display: block;}
.orientationprofessionnelle-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete1-orientation-professionnelle-jts.jpg);background-size: 241px 241px;display: block;}
.orientationprofessionnelle-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete2-orientation-professionnelle-jts.jpg);background-size: 241px 241px;display: block;}
.orientationprofessionnelle-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete3-orientation-professionnelle-jts.jpg);background-size: 241px 241px;display: block;}
.changer-metier-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete1-changer-metier-jts.jpg);background-size: 241px 241px;display: block;}
.changer-metier-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete2-changer-metier-jts.jpg);background-size: 241px 241px;display: block;}
.changer-metier-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 250px;width: 250px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 10%;background-image: url(../images/tete3-changer-metier-jts.jpg);background-size: 241px 241px;display: block;}
.devmentor-img-rondtexte{font-size: 14px;margin: 5% 15% 0 5%;text-align: justify;}
li.g-listdashbord{list-style-type: none;margin: 0;padding: 0; float:left;width:49%;margin:0px 0px 45px 25px}
.imgillusg{margin:5% 5% 2% 12%;}
.imgstat{height: auto;max-width: 70%;float: left;}
.classemtextaxe{font-size: 14px;text-align: justify;color: #76768b;margin: 5% 5% 2% 5%;font-weight: 500;width: 86%;line-height: 24px;}
.titretaxe{color: #685d24;font-size: 25px;font-weight: 700;margin: 0 0 5% 0;}
ul.listdashbord{list-style-type: none;margin: 0;padding: 0;}
.bttnjvdmetier{width: 33%;margin: auto;padding: 3% 0 3% 0;}

/* Fiche détail annuaire formation */
.filnavfichform{margin: 1% 0 0 1%;}
.calblockfichform{padding:1% 13% 0 15%;}
h2.txttitorganisl{font-size: 15px;font-weight: bold;}
h3.titorganism{font-size: 21px;font-weight: bold;padding-bottom:7px;}
h4.titcont{font-size: 21px;font-weight: bold;padding-bottom:0px;}
.colorpictorganism{color:#7291a6;line-height: 12px;margin-left:15px;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
ol.g-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left;width:6%;}
ol.c-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left; width:72%; background-image: url(../images/block-gauche-professionnel.jpg); background-position: top;background-repeat:  no-repeat;}
ol.d-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left;}
blockquote.colorbarorganism{border-left: 4px solid #7291a6;padding: 0px 10px!important;margin: 10px 0 5px 0!important;font-size: 13px;}
.intitorganism{font-size: 10px;font-weight: bold; text-transform: uppercase; color: #7291a6;padding-left:5px;}
.fondcelorganism{background-color:#cadeef;padding:6px;margin: 2% 5% 0 5%;}
.esporganism{margin:5% 0 5% 3%;}
.adresseorganism{font-weight: 600; font-size: 11px; margin: 0 20px 0 0px;}
.iconcal{font-size:24px;color:#476c85;vertical-align: middle;margin-left: 0.5rem;}
.iconcalbis{font-size:19px;color:#476c85;vertical-align: middle;}
/*.textblokhp{text-align: justify; padding:0 15% 0 15%;line-height: 20px!important;}*/
.textblokcontg1{text-align: justify; font-size:17px; font-weight: bold; margin: 10px 30px 2px 15px;line-height: 20px;}
.textblokcontg2{text-align: justify; font-size:15px; margin: 10px 40px 11px 45px;line-height: 20px;}
.souligne{display: inline-block;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
/*li.cadredecouvremetier{float: left;width: 32%;}*/
/*li.cadrefooter{float: left;width: 22%;margin-right: 23px;}*/
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 65px;grid-template-columns: 330px 330px 400px;margin: 0 0 0 0;}
.g-bloc-dev-mentor{width:330px;margin: 15px;}
.m-bloc-dev-mentor{width:330px;margin: 15px;}
.d-bloc-dev-mentor{width:450px;margin: 15px;}
li.gtexthp{float: left;width: 60%;}
li.dimghp{float: right;width: 35%;}
li.posorganism{float: left;width: 33%;}
li.petitosorganism{font-size:10px;}
li.listnewslettinscp{float: left;width: 50%;}
ol.pttiorg{list-style-type: square;}
.nomrubrilorganis{font-weight:bolder;}
ul.colonrganis{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
li.colonrganisme{float: left;width: 32%;}
.contformation{background:#7291a6; padding:5% 8%;}
.titblokbleu{font-size: 35px;font-weight: bolder;padding-bottom: 35px;line-height: 38px;}
.colgauchblokbleu{width: 40%; float: left; text-align:justify;}
.coldroitblokbleu{width: 40%; float: right; text-align:justify;}
.instituniveau{float: left; margin-bottom: 2px;}
.cilforma{font-size: 11px; font-weight:700;}
.txtblokbas{font-size: 13px; font-weight:700;padding:7% 0 7% 0;text-align: center;}
.blokbtnnoir{width:60%;margin-left: auto;margin-right: auto;padding-bottom: 8%;}
.blokbasgauch{width: 33%; float: left;}
.blokbasdroit{width: 33%; float: right;}
.txtgratuit{margin:6% 0 0 75%; float: right;}
.txtrappel{margin:10% 0 0 20%;}
.txtlibre{margin:7% 0 0 -10%;}
.imggratuit{width:62px; height:81px; float: right;}
.imgappel{width:61px; height:67px; margin-left: 37%;}
.imgsans{width:62px; height:75px;}
.banner-fiche{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:200px;margin-top:-40px;max-width:1120px;display: block;margin-left: auto;margin-right: auto;}
.banner-fiche h1{text-align: center;vertical-align: middle;line-height: 39px;color:#999;font-size: 14px;letter-spacing: 4px;}
.containerorganisme{text-align:justify;font-size: 12px;line-height: 18px;margin-top:10px;}
/* FIN Fiche détail annuaire formation */



/* Tableau formulaire coach scolaire */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #f5f5f5!important;}
.nav nav-tabs{margin: 0;padding: 0;font-size: 0;border-bottom-color: #EEE;}
.nav-tabs > li {float: left;margin-bottom: -1px;background-color: #b0cadc;}
.tab-content {border-radius: 0 0 4px 4px;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 4%);background-color: #F5F5F5;border: 1px solid #EEE;border-top: 0;padding: 15px;margin-bottom: 2%;}
.zone-coach{width: 37%;display: inline-block;vertical-align: top;float:right; margin-top:4%;}
.zone-form-coach{width: 60%;display: inline-block;vertical-align: top;float:left;margin-top:2%;}
.right-coach{border-top: none;padding: 16px 20px 4px 20px;}
.caracteristiquecoach{background: #7391a6;-webkit-border-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;
    -moz-border-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.texteblanc{font-size: 25px !important;font-weight: 600;color:#FFF;text-align: center;}
.background-white {background: #FFF;-webkit-border-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.list.list-icons.list-icons-style-3 li > .fa:first-child {background-color: #b0cadc;color: #FFF;border-radius: 50%;width: 25px;height: 25px;text-align: center;padding: 7px;font-size: 12px;}
.list.list-icons {list-style: none;padding-left: 0;padding-right: 0;text-align: left;padding-top: 5px;padding-left: 36px;}
.panel-bleu > .panel-head {color: #fff;background-color: #b0cadc;border-color: #b0cadc;text-align: left;}
.panel-bleu {border-color: #b0cadc;border: none;-webkit-box-shadow: 6px 6px 5px 0px rgb(221 221 221)!important;-moz-box-shadow: 6px 6px 5px 0px rgba(221,221,221,1)!important;box-shadow: 6px 6px 5px 0px rgb(221 221 221)!important;}
.panel-head {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.larg{padding:30px 30px 30px 30px}
.tab-content>.active {display: block;}
.tabs.forms .nav-tabs li.active a, .tabs.forms .nav-tabs li.active a {background: #F5F5F5;}
.tabs.forms .nav-tabs li a, .tabs.forms .nav-tabs li a:hover {background: #04496f;font-weight: bold;}
.radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;float: left; margin-right: 30px; margin-top: 0px; margin-bottom: 10px;}
.coahcaptc{transform:scale(0.76);-webkit-transform:scale(0.76);transform-origin:0 0;-webkit-transform-origin:0 0;}
.blocktexte{font-size:15px; margin:10px 0 10px 0; text-align:left;color: #000;}
.coachscolaire{margin-top:10%;}
.colorcoach{background: #b0cadc; padding:15px; margin-bottom: 25px;}
.textcoach{font-size:25px; padding: 10px 5px 15px 5px; font-weight:700; color:#535658;}
.textco{font-size:14px;text-align:justify;}
.text-intro-orienter{text-align: justify; line-height: 18px; font-size: 12px; font-weight: 300; letter-spacing: 1px; margin: 10px 0 10px 0;color: #181818;}
.orient-coach-txt{margin-top: 15px;font-size: 12px;line-height: 18px;color: #181818;}
.orient-formation-txt{margin-top: 15px;font-size: 13px;line-height: 18px;}
.col-orient-10{float: left; width: 100%; margin-left: 1%;display: inline-block;vertical-align: top;}
.col-orient-3{float: left; width: 17%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-3searchannauire{float: left; width: 17%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-lg-12-champhp{float: left; width: 100%; margin-left: 0%;}
.col-orient-2{float: left; width: 2%;display: inline-block;vertical-align: top;}
.col-orient-4{float: left; width: 21%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-5{float: right; width: 41%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-25{float: right; width: 23%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-5coach{float: right; width: 38%;display: inline-block;vertical-align: top;}
#search-form-top {padding: 12px;width: 50%; background: #323232; color: white; margin-left: 1%;}
#search-form-tope {padding: 12px;width: 50%; background: #323232; color: white; margin-left: 5px;}
.coach-link{background:#f7655a;min-height:210px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
.coach-link a {display: table-cell;margin: 0;color: white;padding: 20px 0 20px 3px;vertical-align: middle;height:210px;font-weight: bold;line-height: 15px;font-size: 12px;}
.coach-link a:hover, .coach-link a:active {color: #b3372d;}
.adresse{margin-left:5px;margin-right:10px;font-weight:600;font-size:11px;}
.cherchecoach{text-align:left;font-size:12px;color:#888;margin-left: 1px;}
.bloc_paginates{text-align:center;}
.col-tel-logo-tab {width: 40%;}
/*.imgtetedeco{margin:-10% 0 0 -15%;}*/
/* Fin Tableau formulaire coach scolaire */

/* Pages =>> annuaire coach sans - annuaire no data - coach ollege */
.bg-grey {background-color: rgb(247, 247, 247) !important;padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;}
.border-left-blue {border-left: 4px solid #e6ae49;}
.info{padding: 15px;border-radius:1rem;}
.infc{text-align:left; padding:15px;}
.heading-info{margin-bottom:1.5rem;line-height: 23px;}
.heading-icon-annu{color:#7291a6;line-height: 19px;font-size: 12px;font-weight: 800;line-height: 11px;}
.adresse{margin-left:10px;font-weight:600;}
.d-lg-block{margin-bottom:10px;}
.font-weight-bold{text-align:left; margin-left:10px; font-weight:bold;color:#323232;}
.d-flex {display: -ms-flexbox!important;display: flex!important;margin-left:20px;}
.text-dark{margin-left:5px;}
.content{margin-top:15px;font-size:12px;}
/* Page annuaire no data */
/*.fomation_link{background:#f7655a;min-height:160px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
/*.fomation_link a{display: table-cell;margin: 0;color: white;padding: 20px;vertical-align: middle;height:160px;font-weight: bold;}
/* Fin Page annuaire no data */
/* Pages search formation et search coach */
.bg-top-job-home {background-color: #c8d1f7;padding: 15px;}
.pt-3, .py-3 {padding-top: 1rem !important;}
.d-lg-block {display: block !important;}
.fs-sm {font-size: 0.8rem;}
.mb-1, .my-1 {margin-bottom: .25rem !important;}
.align-items-start {-ms-flex-align: start !important;align-items: flex-start !important;}
.landing select {height: 41px;font-size: 14px !important;padding: 10px 0px 10px 10px;color: #999;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.bg-white {background-color: white !important;}
/* Fin Page search formation et search coach */
/* Fin Pages =>> annuaire coach sans - annuaire no data - coach ollege */

/* Block Tableau formulaire formation */
.fomation_link{background:#f7655a;min-height:230px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
.fomation_link a{display: table-cell;margin: 0;color: white;padding: 20px 0 20px 5px;vertical-align: middle;height:210px;font-weight: bold;line-height: 20px;font-size: 15px;}
.fomation_link a:hover{color:#000;}
/*.debut-format{background: #7291a6;margin-top: 4%;}*/
/*.debut-newsletter{margin: 5% 0 5% 0;}*/
.debut-bp{margin: 5% 0 5% 0;}
/*.gap-newsletter{margin: 0px 0 45px 0;}*/
/*.tot{background-color: #003a64;}*/
.gaptab{height: 30px;}
/*.col-left-tabform {width:55%!important;float: left;text-align: justify;display: inline-block;vertical-align: top;margin-right:7%;}*/
/*.col-right-tabform {width: 33%!important;float: left;text-align: justify;display: inline-block;vertical-align: top;margin-left: 15px;}*/
.col-md-btnred{width: 55%; float:left;margin-left: -3px;}
/*btn-newslet{color: #fff;background: #e6ae49;border: none;height: 45px;padding: 15px 32px;margin: 0px;width: 100%;}*/
.form-tabbis{background-image: url(../images/icon/icon_fleche_bas.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 10px; width:100%;height: 34px;padding: 0px 0 0 10px;}
.ajouttext{align-items: center;justify-content: center;cursor: pointer;font-weight: 700!important;color: #323232;}
.text-white-form{font-weight: 700; font-size: 16px;}
/*.btnformat-red{background-color: #e64a59;border-color: #e64a59;color: white;font-weight: 700!important;padding-left: 3rem!important;padding-right: 3rem!important;margin-top: 3rem!important;margin-bottom: 3rem;padding: 15px 0 15px 0;width: 107%;margin-left: -12px;white-space: pre-wrap!important;}*/
/*.btnformat-rouge{background-color: #e64a59;border-color: #e64a59;color: white;font-weight: 700!important;padding-left: 3rem!important;padding-right: 3rem!important;padding: 15px 0 15px 0;width: 96%;margin-left:0px;white-space: pre-wrap!important;}*/
.fas{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 130%;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-left: .5rem!important;}
.form-tab-forma{margin-bottom: 5px;}
.pr-lg-4{padding-left: 0.8rem; color: #fff;}
.tln-tm-11{padding-left: 0rem;color: #fff;}
.lototxt{font-size: 12px; color:#999; line-height: 12px;}
.formlototxt{font-size: 9px; color:#999; margin-top: 8px;line-height: 12px;}
.col-tel-logo-tabg{width: 42%;display: inline-block;vertical-align: top;}
.col-tel-logo-tabd{width: 45%;display: inline-block;vertical-align: top;}
.cillototxt {font-size: 11px; color:#999}
::placeholder {font-size: 0.9em;}
.labcil{float: left; padding: 0px 10px 0 15px;}
.labcil2{float: left; padding:0px 10px 0 15px;}
a.formation{font-size: 11px;color: #999;}
a.formation:hover, a.formation:active {font-size: 11px;color: #e6ae49;}
/*a.redformation{font-size: 0.8em; color: #fff;}*/
/*a.redformation:hover, a.redformation:active {color: #fff;background: #e64958;}*/
.default-hidden {display: none;}
/*.denicherformation{font-size: 33px;margin-top:5px;margin-bottom:5px;font-weight: 700;letter-spacing: 2px;line-height: 38px;color: #fff;text-transform: uppercase;}*:
}
/* fin block Tableau formulaire formation */


/*  General Style   ||-----------*/

/* Rajout cadre pointillé dans page étudiant*/
.cadrepointille{border-style : dashed; border-width : 2px; border-color : gray; padding: 5px 0 5px 10px; margin: 5px 0 15px 0; }
.col-alerte-email{float: left;width: 18%;text-align: justify;display: inline-block;vertical-align: top;margin: 0 5px 0 5px;}
.btn-color-b {color: #fff;background: #e6ae49;border: none;height: 40px;padding: 15px 15px;margin: 0px 5px 0 5px!important;font-size: 10px;}
/*.col-foot-g{width: 50%;text-align: justify;display: inline-block;vertical-align: top;margin-left:-10px;}*/
/*.col-foot-c{width:26%;text-align: justify;display: inline-block;vertical-align: top;float: right;margin: 6px -5px 5px 0px;}*/
/*.col-foot-d{width:22%;text-align: justify;display: inline-block;vertical-align: top;}*/
h1.testmetier{margin:3% 0 6% 0; font-size:20px;font-weight: 500;letter-spacing: 2px;}
h2.testjob{margin:3% 0 6% 0; font-size:19px;font-weight: 500;letter-spacing: 2px;}
h3.testeztaff{margin:3% 0 6% 33%; font-size:18px;font-weight: 500;letter-spacing: 2px;}
h4.testboulot{margin:3% 0 6% 0; font-size:17px;font-weight: 500;letter-spacing: 2px;}
.btn-inscript-hp{border-color: #fff;color: #fff;padding:11px 10px 12px 10px;margin: 15px 0 0 0;width: 100%;border: 2px solid;background: none;text-transform: uppercase;font-weight: 700;}
.btn-connect-hp{background-color: #fff;padding:13px 10px 14px 10px;margin: 5px 0 0 0;width: 100%;font-weight: 700;text-transform: uppercase;}
/*.btn-community-hp{padding:15px 10px; margin: 5% 0 0 14%;width: 37%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}*/
.btn-accpro-hp{padding:15px 10px; margin: 23px 0 20px 0;width: 100%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}
.decouvrezmetier{font-size: 30px;margin-top:0px;margin-bottom:0px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
.decouvremetier{font-size: 39px;margin-top:5px;margin-bottom:5px;font-weight: 700;letter-spacing: 5px;text-transform: uppercase;}
.etudiant {margin-top:5px;margin-bottom:5px;letter-spacing: 4px;font-size: 36px;font-weight: 700; text-transform: uppercase;}
.orientation{margin-top:5px;margin-bottom:5px;letter-spacing: 4px;font-size: 36px;font-weight: 700; text-transform: uppercase;}
.entreprise{margin-top:5px;margin-bottom:5px;letter-spacing: 4px;font-size: 36px;font-weight: 700; text-transform: uppercase;}
.decouvrirdesmetiers{margin-bottom:5px;letter-spacing: 2px;font-size: 15px;font-weight: 700;}
h2.bingo{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 30px 0 5px 0;}
h2.bingo-orient-pro{font-size: 14px;font-weight:bold; text-align: left;line-height:17px; padding: 5px 0 0px 0;}
h3.tiptop{font-size: 22px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0;}
h3.tiptopjob{font-size: 28px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 25px 0;}
h4.decouvre{font-size: 22px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0;}
h5.theend{font-size: 22px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 5px 0 8px 0;}
h6.themmi{font-size: 22px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:17px; padding: 5px 0 5px 0;}
.mith{font-size: 14px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:17px; padding: 5px 0 5px 0;text-transform: uppercase;}
.mithend{font-size: 14px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:17px; padding: 5px 0 5px 0;text-transform: uppercase;}
li.haut{height:550px!important;}
h1.titre-decouvrir-student{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;padding-bottom:25px;margin-left:13%;font-weight: 700;}
h1.titre-decouvrir{ font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin-bottom: 25px;font-weight: 700;}
h1.titre-actualite-jts{font-size: 21px;letter-spacing: 4px;line-height: 32px;text-align: left;font-weight: 700;}
h1.titre-actu{font-size: 17px;letter-spacing: 2px;line-height: 22px;text-align: left;}
.espjtstt{height:16px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 14px;overflow: hidden;text-overflow: ellipsis;color:#486d71;}
.grotitreactu {font-size: 22px;letter-spacing: 2px;line-height: 28px;text-align: left;}
.biggrotitreactu {font-size: 18px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;}
.intro-content-inner {display: table-cell;height: 100%;vertical-align: middle;padding-top: 25%;}
.btn-connect-hp {font-size: 18px;padding: 14px 20px 14px 20px;}
.btn-inscript-hp {font-size: 18px;padding: 13px 20px 13px 20px;}
/*.col-cible{width: 23%;text-align: center;display: inline-block;vertical-align: top;margin-bottom: 40px;padding-right:5px;padding-left:5px;}*/
/*.text-col-cible{line-height: 20px;font-size: 13px;font-weight: 300;margin: 0px 5px 10px 5px;color: #888;letter-spacing: 1px;text-align: left;}*/
.col-footer-categorie{width: 26%;float: left;text-align: center;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 5px;padding-left: 10px;}
.col-footer-categoried{width: 24%;float: left;text-align: center;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 5px;padding-left: 5px;}
.btn-fininscrip{width: 27%; padding:15px; float:left;}
.col-img-metier{width: 25%;text-align: center;display: inline-block;vertical-align: top;float: left;position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;margin-bottom: 25px;}
.col-plaire{width: 33%!important;text-align: center;display: inline-block;vertical-align: top;position: relative;min-height: 1px;padding-right: 0px!important;padding-left: 35px!important;margin-bottom: 15px;}
.tit-recherche{font-size: 14px;letter-spacing: 4px;line-height: 24px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;}
.flotte {float:left;padding:0px 15px 0 0;}
.flottepres {float:left;padding:0px 15px 0 0;width:45%;}
.col-charte{padding-right: 15px;padding-left: 15px;margin-top:25px;width: 45%;display: inline-block;vertical-align: top;}
.col-enterpris{padding-right: 15px;padding-left: 15px;float: left;margin-bottom: 30px;left: 0px;top: 0px;width: 25%;display: inline-block;vertical-align: top;}
.tit-firms{font-size: 18px;letter-spacing: 2px;line-height: 32px;text-align: left;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.row-societe{margin: 5px 5px 15px 0px;}
.ptb-95{padding-top: 50px;padding-bottom: 20px;}
.tit-press{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 10px;font-size: 17px;letter-spacing: 2px;line-height: 28px;}
.ptb-tm-63{padding-top: 10px;padding-bottom: 50px;}
/*.tit-footer{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 0px;margin-bottom: 10px;font-size: 12px;letter-spacing: 1px;line-height: 12px;text-align: left;}*/
footer .link a {letter-spacing: 1px;font-size: 12px;text-align: left;float: left;margin-right: 28px;line-height: 18px;}
.fiche{font-size: 15px;padding-left: 35px;letter-spacing: 2px;line-height: 28px;font-weight: 800;text-transform: uppercase;}
.form-bloc-certifier{margin:18px 15px;}
.actutest{padding: 100px 0 0 0px;width: 72%;margin: auto;}
.txtrg {color: #ff0000;font-size: 13px;}
.txtrgetoile, .taillepicto {color: #ff0000;font-size: 21px;}
.txtastex{color: #ff0000;font-size: 13px;}
.txtastexetoile{color: #ff0000;font-size: 21px;}
.video {display: block;}
.audio {width: 100%;}
br {font-size: 0;line-height: 0;}
hr {margin-bottom: 0px;margin-top: 0px;border-top: 1px solid #f1f1f1;border-bottom: none;border-left: none;border-right: none;}
hr.dark {border-top: 1px solid #3e3e3e;}
b, strong {font-weight: 600;}
b.niri {font-weight: 600;margin-left: 10px;}
small, small a {font-size: 11px;color: #888;}
ul.list-inside {list-style: inside;}
ul.list-none {list-style: none;padding-left: 0px;margin-left: 0;}
ul.list-none-ib {list-style: none;padding-left: 0px;margin-left: 0;}
ul.list-none-ib li, .list-none-ib {list-style: none;display: inline-block;}
ul.text-cap li, .text-cap {text-transform: uppercase;font-size: 12px;font-weight: 600;letter-spacing: 2px;}
ul.tap, ol.tap {text-align: justify;font-size: 14px;font-weight: 300;}
li.tip {list-style-type: square;}
li.tipdescover{list-style-type: square;}
p {line-height: 24px;font-size: 14px;font-weight: 300;margin: 0px 0 10px 0;color: white;letter-spacing: 1px;}
p.lead, .lead {font-size: 15px;font-weight: 300;line-height: 24px;text-align:justify;color:#323232;}
p.lilatheme{font-size: 14px;font-weight: 300;line-height: 24px;text-align:justify;}
.orientation-or{font-size: 17px!important;font-weight: 700;line-height: 28px;text-align:justify;letter-spacing: 2px!important;text-transform: uppercase;margin-bottom:15px;}
.orientation-content {font-size: 16px;line-height: 20px;line-height: 27px;text-align: justify;letter-spacing:1px;padding-bottom: 15px;padding-right: 5%;}
p.leadparent {text-align: left;line-height: 24px;font-size: 16px;font-weight: 300;color:#000;}
p.dark, .dark, a.dark, h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark {
	color: #323232 !important;
}
p.white, .white, a.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	color: #fff !important;
}
/*p.color, .color, a.color, h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, li.link:hover, li.link a:hover, .color {
	color: #e6ae49 !important;*/
}
.gray {
	color: #888;
}
.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {
	color: #fff;
}
.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color, .dark-color .container-icon {
	color: #323232;
}
.dark-bg {
	background: #323232;
	color: #fff;
}
.orange-bg {background-color: #f5be5c;background-image: url(https://www.jobtosee.fr/images/fond-marron-rond.png); background-position-y: -259.16px;background-size: cover;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 100px 100px 100px;}
.txt-fond-desc{font-weight: 700;font-size: 30px;line-height: 45px;color: #23233f;letter-spacing: -1px;}
.theme-bg {background: #fff;color: #000;}
.largdesc-or{width:50%;margin-left: auto;margin-right: auto;}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon, .dark-bg .page-icon-top {
	color: #fff;
}
.dark-bg .link:hover, .link:hover {
	color: #e6ae49;
}
.gray-bg {
	background: #f7f7f7;
	color: #323232;
}
.gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg .container-icon {
	color: #323232;
}
/*Headings Style   ||-----------*/

.separator {
	height: 1px;
	width: 32px;
	background: #888;
	margin-top: 5px;
	margin-bottom: 3px;
	border: 0 none;
}
.separator.right {
	float: right;
}
.separator.center {
	margin-left: auto;
	margin-right: auto;
}
.separator.color {
	background: #e6ae49;
}
.separator.white {
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	color: #323232;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
}
h1 {
	font-size: 43px;
	letter-spacing: 2px;
	line-height: 40px;
}

/*.txtnewletter{font-size: 13px; margin-left: 7.5%; font-weight:500; padding-bottom: 0px;}*/
/*.txtbasnewletter{font-size: 13px;line-height: 20px;}*/
.modi{font-size: 21px;letter-spacing: 2px;line-height: 28px;text-align: left;font-weight: 700;text-transform: uppercase;}

h3 {
	font-size: 21px;
	letter-spacing: 4px;
	line-height: 32px;
	text-align: left;
}
h3.parent {
	font-size: 21px;
	line-height: 32px;
	text-align: left;
}
h3:after {
	color: #000;
	font-size: 34px;
}


h4.tana {
	font-size: 17px;
	letter-spacing: 2px;
	line-height: 28px;
	margin-left: 15px;
}
h4 {
	font-size: 17px;
	letter-spacing: 2px;
	line-height: 28px;
}
h4.lilas {
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 20px;
}
h4.h4 {
	letter-spacing: 4px;
}
h5 {
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 23px;
	font-weight: 600;
}
h6 {
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 17px;
	font-weight: 600;
}
h1.large {
	font-size: 50px;
}
/*Button Style   ||-----------*/
.btn:focus {
	outline: none;
}

.btn, button {
	font-size: 12px;

	line-height: normal;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}
.btn i, button i, i.left {
	margin-right: 6px;
}

i.right {
	margin-left: 6px;
	margin-right: 0px !important;
}
button {
	vertical-align: top;
}
.btn-full {
	width: 100% !important;
	display: inline-block;
	text-align: center;
}
.btn-lg {
	padding: 15px 25px;
	display: inline-block;
}
.btn-md {
	padding: 11px 10px 12px;
	display: inline-block;
	width: 35%;
}
.btn-xs {
	padding: 15px 15px 15px;
	display: inline-block;
}
.btn-line-xs {
	padding: 7px 15px 7px;
	display: inline-block;
}
.btn-icon {
	padding: 0px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-table !important;
}
.btn-black {
	color: #fff;
	background: #323232;
	border: none;
	margin: 5px 0 20px 0!important;
    width: 35%!important;
}
.btn-black:hover {
	color: #fff;
	/*background: #e6ae49;*/
	background: rgba(50,50,50,0.85);
}
.btn-color-a,{
	color: #fff;
	background: #e6ae49;
	border: none;
	height: 40px;
	padding:15px; 
	margin:5px 5px 0 55px;
}
.btn-color-a:hover {
	color: #fff;
	background: rgba(230,174,73,0.85);
}

.btn-white {
	color: #323232;
	background: rgba(255,255,255,1);
	border: none;
}
.btn-white:hover {
	/*color: #fff;
        background: #e6ae49;*/
	background: rgba(255,255,255,0.85);
	color: #323232;
}
.btn-black-line, .btn-white-line, .btn-color-line {
	border: 2px solid;
	background: none;
}
.btn-black-line {
	color: #323232;
	border-color: #323232;
	padding: 9px 20px;
}
.btn-black-line:hover {
	color: #fff;
	background: #323232;
}
.btn-color-line {
	color: #e6ae49;
	border-color: #e6ae49;
	padding: 9px 20px;
}
.btn-color-line:hover {
	color: #fff;
	background: #e6ae49;
}

 .btn-white-line:hover {
 color: #323232;
 background: #fff;
}
}
.btn-white-line {
	color: #fff;
	border-color: #fff;
	padding: 9px 20px 11px;
}
.btn-white-line:hover {
	color: #323232;
	background: #fff;
}
.btn-link-a, .btn-link-b {
	color: #323232;
	background: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted transparent;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.btn-link-a:hover {
	color: #e6ae49;
	border-bottom: 1px solid #e6ae49;
}
.btn-link-b:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.btn-space-5 {
	width: 5px;
	min-height: 1px;
	display: inline-block;
}
.btn-space-10 {
	width: 10px;
	min-height: 1px;
	display: inline-block;
}
/*Form Style   ||-----------*/

button {
	outline: none;
	border: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	display: inline-block;
}
button, input, textarea, select {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	background-color: #FFF;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #888;
	outline: none;
	font-weight: 400;
	font-size: 13px;
	padding: 10px 15px 10px;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	display: inline-block;
}
select {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #888;
	outline: none;
	font-weight: 400;
	font-size: 13px;
	padding: 10px 15px 10px;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	display: inline-block;
	Width: 210px;
	Height: 45px;
	background-color: #FFF;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
	border-color: #e6ae49;
	color: #323232;
}
input, textarea, select {
	margin-bottom: 20px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	background-color: #FFF;
}
/* A supprimer ? ||-----------*/
 /*   input.input-sm, .input-sm {*/
/*        padding: 4px 15px;*/
 /*   }*/

textarea {
	height: 120px;
}
label {
	color: #323232;
	font-size: 13px;
	margin-bottom: 10px;
	padding-right: 3px;
	margin-top: 6px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}
.form-full {
	width: 100%;
}
.form-color {
	width: 100%;
	background-color: #f6f9ff;
}
.form-field-wrapper {
	margin-bottom: 20px!important;
}
.form-field-wrapper input, .form-field-wrapper textarea, .form-field-wrapper select {
	margin-bottom: 0px;
}
form .error {
	border-color: #e1534f;
}
form label.error {
	margin-bottom: 0px;
	margin-top: 3px;
	color: #e1534f;
	font-size: 12px;
	font-weight: 400;
}
.successContent, .errorContent {
	margin-bottom: 20px;
	display: none;
	text-transform: none;
	letter-spacing: 1px;
}
/* Spacer Style   ||-----------*/

.spacer-15 {
	width: 100%;
	height: 15px;
}
.spacer-30 {
	width: 100%;
	height: 30px;
}
.spacer-45 {
	width: 100%;
	height: 45px;
}
.spacer-60 {
	width: 100%;
	height: 60px;
}
.spacer-75 {
	width: 100%;
	height: 35px;
}
.spacer-90 {
	width: 100%;
	height: 90px;
}
.no-padding {
	padding: 0 !important;
}
.padding-30 {
	padding: 30px !important;
}
.padding-40 {
	padding: 40px !important;
}
.plr-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pl-0 {
	padding-left: 0;
}
.pr-0 {
	padding-right: 0;
}
.ptb-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pt-0 {
	padding-top: 0px !important;
}
.pb-0 {
	padding-bottom: 0px !important;
}
.ptb {
	padding-top: 10px;
	padding-bottom: 50px;
}
.ptbien {
	padding-top: 50px;
	padding-bottom: 20px;
}

.pt {
	padding-top: 110px;
}
.pb {
	padding-bottom: 110px;
}
.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.pt-15 {
	padding-top: 15px;
}
.pb-15 {
	padding-bottom: 15px;
}
.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.mt-60 {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 265px;
}
}
.pt-60 {
	padding-top: 60px;
}
.pb-60 {
	padding-bottom: 60px;
}
.ptb-90 {
	padding-top: 60px;
	padding-bottom: 60px;
	width: 200%;
}
.pt-80 {
	padding-top: 80px;
}
.pb-80 {
	padding-bottom: 80px;
}
.mtb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mlr-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.mt-0 {
	margin-top: 0px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-collegien{
	margin: 10px 0px 10px 0 !important;
	text-align: justify;
	width:80%;
	font-size: 16px;line-height: 27px;
}
.ml-0 {
	margin-left: 0px !important;
}
.mr-0 {
	margin-right: 0px !important;
}
.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.mt-80 {
	margin-top: 60px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.mt-60 {
	margin-top: 0px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mtb-45 {
	margin-top: 45px;
	margin-bottom: 45px;
}
.mt-45 {
	margin-top: 45px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.ml-30 {
	margin-left: 30px;
}
.mr-30 {
	margin-right: 30px;
}
.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.mt-25 {
	margin-top: 25px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mt-15 {
	margin-top: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
	font-size: 9px;
	margin: 12px -5px;
}

/*==========================================================================================================*/
/* HEADER     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Header Style */
/*------------------------------------------------------------------*/
.header {position: absolute;text-align: center;top: 0px;z-index: 1000;color: #fff;width: 100%;background-color: #7291a6;height: 79px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.header.header-prepare, .header.header-light.header-prepare {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.header.header-dark.header-prepare {
	background-color: rgba(54, 54, 54, 0.95);
	border-bottom: 0px none;
}
.header.header-fixed {
	display: block;
	margin-top: 0 !important;
	position: fixed;
	height: 80px;
	background: #7291a6;
}
.header-inner {position: relative;
}
.header-fixed .logo a {
	width: 62px;
	margin-top: 0px;
	margin-bottom: 50px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.header-fixed .nav-menu ul.nav-menu-inner > li > a {
	padding-top: 26px;
	padding-bottom: 26px;
}
/*header Logo style*/
.header.header-prepare .logo a img.logo-light, .header .logo a img.logo-dark {
	opacity: 0;
}
.header .logo a img.logo-light, .header.header-prepare .logo a img.logo-dark, .header.header-light .logo a img.logo-dark {
	opacity: 1;
}
.header.header-dark.header-prepare .logo a img.logo-dark, .header.header-dark .logo a img.logo-dark {
	opacity: 0;
}
.header.header-dark.header-prepare .logo a img.logo-light, .header.header-dark .logo a img.logo-light {
	opacity: 1;
}

/*------------------------------------------------------------------*/
/* Logo Style */
/*------------------------------------------------------------------*/

.logo {
	float: left;
	text-align: left;
	display: inline-block;
	margin-top: 18px;
}
.logo a {
	width: 50px;
	display: block;
	margin-bottom: 50px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	position: relative;
}
.logo a img {
	position: absolute;
	top: 2px;
	left: 10px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}

/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
/*.job {font-size: 21px;font-weight: bold;padding-top: 10px;color: #000;margin-left: 10px;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 28px;}
.see {position: relative;padding-left: 25px;top: -0.51px;}*/

/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
.nav-menu {
	position: static;
	float: right;
	display: block;
}
.nav-menu.active {
	display: block;
}
.nav-menu ul.nav-menu-inner {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu ul.nav-menu-inner li {
	display: inline-block;
	list-style: none;
	text-align: left;
}
.nav-menu ul.nav-menu-inner > li > a {
	color: #fff;
}
.header-light .nav-menu ul.nav-menu-inner > li > a {
	color: #323232;
}
.nav-menu ul.nav-menu-inner li a {
	font-family: inherit;
	display: block;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	outline: none;
	letter-spacing: 2px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	font-family: "Raleway", sans-serif;
}
.nav-menu ul.nav-menu-inner > li > a {
	padding: 41px 15px;
}
/*.header .nav-menu ul.nav-menu-inner > li.active a, .header .nav-menu ul.nav-menu-inner > li a.active, .header .nav-menu ul.nav-menu-inner > li:hover > a, .header .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark .nav-menu ul.nav-menu-inner > li.active a, .header.header-dark .nav-menu ul.nav-menu-inner > li a.active, .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color: #e6ae49;*/
}
/*.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color: #e6ae49;*/
}
/* Mobile bar icon */
.nav-mobile.nav-bar-icon {
	display: none;
}

.header-fixed .nav-bar-icon {
	padding-top: 4px;
	padding-bottom: 32px;
}
.nav-bar-icon a {
	color: #fff;
	display: block;
	font-size: 17px;
	padding: 19px 0;
}
.nav-bar-icon.active a, .nav-bar-icon a.active,  .nav-bar-icon:hover a, .nav-bar-icon a:hover {
	color: #17a697;
}
.nav-bar-icon > span {
	position: absolute;
	top: 50%;
	display: block;
	width: 18px;
	height: 2px;
	margin-top: -1px;
	background-color: #323232;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
.nav-bar-icon > span:before,  .nav-bar-icon > span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #323232;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
header .nav-bar-icon > span, header .nav-bar-icon > span:before, header .nav-bar-icon > span::after, header.header-dark .nav-bar-icon > span, header.header-dark .nav-bar-icon > span:before, header.header-dark .nav-bar-icon > span::after, header.header-dark.header-prepare .nav-bar-icon > span, header.header-dark.header-prepare .nav-bar-icon > span:before, header.header-dark.header-prepare .nav-bar-icon > span::after {
	background-color: #fff;
}
header.header-light .nav-bar-icon > span, header.header-light .nav-bar-icon > span:before, header.header-light .nav-bar-icon > span::after, header.header-prepare .nav-bar-icon > span, header.header-prepare .nav-bar-icon > span:before, header.header-prepare .nav-bar-icon > span::after {
	background-color: #323232;
}
.nav-bar-icon > span:before {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	-o-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
}
.nav-bar-icon > span:after {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	-o-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-moz-transform: translateY(6px);
}
.nav-bar-icon.active {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.nav-bar-icon.active > span:before {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.nav-bar-icon.active > span:after {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
/* Dropdown-menu */
.nav-menu > ul li {
	position: relative;
}
.sub-dropdown.dropdown {
	top: 100%;
	left: 0;
	position: absolute;
}
.sub-dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	background: rgba(32, 33, 32, 0.95);
	padding: 0;
	width: 215px;
}
.sub-dropdown li {
	width: 100%;
}
.sub-dropdown > li > a {
	padding: 13px 15px;
	display: block;
	color: rgba(255, 255, 255, 0.75);
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 1.8px !important;
}
.sub-dropdown > li:hover > a {
	background: rgba(255,255,255,0.05);
	color: #fff;
}
.sub-dropdown i {
	float: right;
}

/*------------------------------------------------------------------*/
/* Right Side Menu Button (Search, Cart, Bar, etc) */
/*------------------------------------------------------------------*/

.side-menu-btn {
	float: right;
	position: relative;
	color: #323232;
}
.side-menu-btn ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.side-menu-btn ul li {
	display: inline-block;
	float: left;
	position: relative;
}
.side-menu-btn ul > li > a {
	margin-left: 20px;
	color: #fff;
	font-size: 16px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.side-menu-btn ul > li > a:hover,  .header.header-prepare .side-menu-btn ul > li > a:hover {
	color: #e6ae49;
}
.side-menu-btn ul > li > a:hover span,  .side-menu-btn ul > li > a:hover span:before,  .side-menu-btn ul > li > a:hover span:after {
	background-color: #e6ae49;
}
.side-menu-btn ul li a.header-icon {
	padding-top: 35px;
	padding-bottom: 35px;
	display: block;
}
.header-fixed .side-menu-btn ul li a.header-icon {
	padding-bottom: 20px;
	padding-top: 20px;
}
.header.header-prepare .side-menu-btn ul li a, .header.header-light .side-menu-btn ul li a {
	color: #323232;
}
header.header-dark .side-menu-btn ul li a, header.header-dark.header-prepare .side-menu-btn ul li a {
	color: #fff;
}
/* Cart Dropdown ------- */
.cart {
	position: static !important;
}
.cart .cart-notification-wrap {
	position: relative;
}
.cart .cart-notification {
	position: absolute;
	width: 16px;
	height: 16px;
	font-size: 11px;
	color: #fff;
	right: -5px;
	bottom: -3px;
	display: block;
	background: #e6ae49;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: 700;
	text-align: center;
	line-height: 14px;
	font-family: 'Raleway', sans-serif;
}
.cart:hover .cart-dropdown {
	visibility: visible;
	opacity: 1;
}
.cart-dropdown {
	background: rgba(32, 32, 32, 0.95);
	color: #fff;
	position: absolute;
	top: 100%;
	right: 0;
	width: 250px;
	padding: 15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.cart-dropdown .cart-list {
	margin: 0px;
	padding: 0px;
	display: table;
	text-align: left;
}
.cart-dropdown .cart-list li {
	list-style: none;
	padding: 15px 0px 15px 0px;
	display: block;
	margin: 0px;
	border-bottom: 1px solid #3e3e3e;
	position: relative;
	display: block;
	float: left;
	width: 100%;
}
.cart-dropdown .cart-list li > .close-cart-list {
	position: absolute;
	right: 0px;
	top: 15px;
	width: 15px;
	height: 15px;
	display: block;
	background-image: none !important;
	color: #fff !important;
}
.cart-dropdown .cart-list li > .close-cart-list:hover {
	color: #e6ae49;
	background-image: none !important;
}
.cart-dropdown .cart-list .media {
	margin-top: 0px;
}
.cart-dropdown .cart-list .media .pull-left {
	width: 70px;
}
.cart-dropdown .cart-list .media .pull-left img {
	width: 100%;
}
.cart-dropdown .cart-list .media .media-body {
	width: 125px;
}
.cart-dropdown .cart-list .media .media-body a {
	color: #fff;
}
.cart-dropdown .cart-list .media h6, .cart-dropdown .cart-list .media h5, .cart-dropdown .cart-list .media p {
	margin-top: 0px;
	margin-bottom: 5px;
}
.cart-dropdown, .cart-dropdown .cart-list .media a {
	color: #fff;
}
.cart-dropdown .cart-list .media a:hover {
	color: #e6ae49;
}
.cart-dropdown {
	color: #fff;
	padding-top: 10px;
}
.cart-dropdown .cart-sub-totle {
	color: #fff;
	padding-top: 15px;
}
.cart-dropdown .cart-checkout-btn a {
	margin-top: 15px;
}
.cart-dropdown .cart-checkout-btn a.checkout {
	color: #fff !important;
}
.cart-dropdown .cart-checkout-btn a.checkout:hover {
	/*color: #e6ae49;*/
	color: #fff;
}

/*Section Scroll Menu Icon Fix*/
.side-menu-btn-fix a {
	font-size: 17px;
	position: fixed;
	right: 25px;
	top: 25px;
	z-index: 2001;
}
.side-menu-btn-fix a {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	display: block;
	height: 35px;
	line-height: 34px;
	text-align: center;
	width: 35px;
}
.side-menu-btn-fix a:hover {
	background: #e6ae49 none repeat scroll 0 0;
}
/*==========================================================================================================*/
/* INTRO     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Intro */
/*------------------------------------------------------------------*/

.intro-media-wraper {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.intro-bg-section {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.intro-overlay-section {
	top: 0;
	width: 100%;
	position: absolute;
	z-index: 2;
}
.intro-caption-waper {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.intro-caption-top {
	z-index: 2;
}
.intro-content {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}

.intro-img-circle {
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	height: 120px;
	border: 5px solid rgba(0,0,0, 0.2);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 30px;
}
.intro-img-circle img {
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.intro-play-icon {
	text-align: center;
}
.intro-sub-title {
	letter-spacing: 1.5px;
}
.intro-title {
	font-size: 70px;
	margin-top: 40px;
	margin-bottom: 40px;
	font-weight: 400;
	line-height: 1.1;/*letter-spacing: -2px;*/
}
.intro-title-sm {
	font-size: 44px !important;
	margin-top: 30px;
	font-weight: 400;
	margin-bottom: 0;
}
.error-intro-title {
	font-size: 100px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.1;
}
.inner-intro {
	position: relative;
	padding: 80px 0 50px 0;
}
.inner-intro h1 {
	font-size: 54px;
	margin-top: 30px;
}
/*#intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
    background-attachment: fixed;
}*/


/*------------------------------------------------------------------*/
/* Slider */
/*------------------------------------------------------------------*/

.sc-logo {
	/*margin-top: 0px;
    margin-bottom:0;*/
	text-align: center;
}
.sc-title {
	font-weight: 800;
	text-align: center;/*margin-top: 0px;
    margin-bottom:0;*/
}
.sc-paragraph-lead {
	font-family: Georgia;
	font-style: italic;
	font-size: 20px;
	text-align: center;/*margin-top: 0px;
    margin-bottom:0;*/
}
.sc-button {
}
/*==============================================================================================*/
/* FOOTER         ||---------------------------- */
/*==============================================================================================*/

/*.footer-logo {
	max-width: 125px;
	display: inline-block;
	width: 100%;
	margin-left: 11px;
}*/
.footer .social, .contact .social {
	font-size: 20px;
}
.footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer ul.social li, .contact ul.social li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.footer .link-small a {
	font-weight: 600;
	text-transform: none;
}
.footer .copyright {
	text-align: center;
}
.txtfoter{font-size: 11px;font-weight: normal;}

.newsletter .newsletter-input, .newsletter .newsletter-input:focus {
	width: 100%;
	border-top: 0px none;
	border-left: 0px none;
	border-right: 0px none;
	padding-right: 40px !important;
	background: rgba(255,255,255,0);
}
.newsletter .newsletter-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 18px;
	background: rgba(255,255,255,0);
}

/*================================================================================================*/
/* ELEMENTS          ||---------------------------- */
/*================================================================================================*/

/*-------------------------------------------------------------------------------------------*/
/*  Team Box         ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.team-item {
}
.team-item-img {
	position: relative;
}
.team-item-img .team-item-detail {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.team-item:hover .team-item-detail {
	opacity: 1;
	visibility: visible;
}
.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
	margin: auto;
	padding: 25px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a {
	color: #fff;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
	color: #e6ae49;
}
.team-item-info {
	padding-top: 15px;
	text-align: center;
}
.team-item-info h5 {
	margin-bottom: 0px;
}
/*-------------------------------------------------------------------------------------------*/
/*  Skills Bar      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.skillbar {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.skillbar-bar:before {
	background: #eee;
	content: "";
	height: 3px;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.skillbar-bar {
	height: 3px;
	width: 0px;
	background: #323232;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
}
.skillbar-title {
	display: inline-block;
}
.skillbar-title, .skill-bar-percent {
	color: #323232;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}
.skill-bar-percent {
	float: right;
	display: inline-block;
}
/*-------------------------------------------------------------------------------------------*/
/*  Accordion Tab    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.accordion-section {
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
}
.accordion-section:last-child {
	border-bottom: 1px solid #f1f1f1;
}
.accordion-title {
	cursor: pointer;
	display: block;
	position: relative;
	padding: 20px 20px;
	margin: 0px;
}
.accordion-title.active {
	/*background: #fafafa;*/
	color: #e6ae49;
}
.accordion-title:before {
	content: "\f105";
	display: block;
	font-family: "FontAwesome", sans-serif;
	position: absolute;
	right: 18px;
	font-weight: 400;
}
.accordion-title.active:before {
	content: "\f107";
}
.accordion-content.defualt-hidden {
	display: none;
	margin: 0;
}
.accordion-content {
	padding: 0 20px 10px;
}
/*-------------------------------------------------------------------------------------------*/
/*  Counter          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.counter {
	font-size: 50px;
	margin-bottom: 20px;
	display: inline-table;
}
/*-------------------------------------------------------------------------------------------*/
/*  Service Box      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.features-box-left, .features-box-right {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 5px;
}
.features-box-left {
	padding-left: 75px;
	text-align: left;
}
.features-box-right {
	padding-right: 75px;
	text-align: right;
}
.features-icon-left, .features-icon-right {
	font-size: 50px;
	line-height: 50px;
	display: inline-block;
	position: absolute;
}
.features-icon-left {
	padding-right: 20px;
	left: 0;
}
.features-icon-right {
	padding-left: 20px;
	right: 0;
}
.contact-box-left, .contact-box-top {
	display: block;
	position: relative;
}
.contact-box-left {
	padding-left: 45px;
	text-align: left;
}
.contact-icon-left, .contact-icon-top {
	font-size: 30px;
	position: absolute;
}
.contact-icon-top {
	text-align: center;
}
.contact-icon-left {
	left: 0;
}

/*-------------------------------------------------------------------------------------------*/
/*  Pricing       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

.Pricing-box {
	border: 1px solid #f1f1f1;
	text-align: center;
}
.Pricing-box.highlight {
	background: #f9f9f9;
	border: 1px solid #ddd;
}
.Pricing-box.highlight hr {
	border-color: #ddd;
}
.price-title h4, .price-title h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.Pricing-box .price {
	font-size: 50px;
	font-weight: 700;
	position: relative;
}
.Pricing-box .price .price-sm {
	font-size: 14px;
	position: absolute;
}
.Pricing-box .price .price-lg {
	padding-left: 10px;
}
.Pricing-box .price-tenure {
	font-size: 12px;
	color: #888;
	font-weight: 400;
	padding-top: 8px;
}
.Pricing-box .pricing-features {
	font-size: 13px;
	text-transform: uppercase;
}
.Pricing-box .pricing-features ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.Pricing-box .pricing-features ul li {
	padding: 6px;
}
/*-------------------------------------------------------------------------------------------*/
/*  Testimonials     ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

.container-icon {
	font-size: 25px;
	margin-bottom: 15px;
	color: inherit;
}
.testimonial {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.quote-author {
	margin-top: 15px;
}
.quote-author span {
	font-weight: 400;
}
/*-------------------------------------------------------------------------------------------*/
/* Client Logo       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.client-logo {
	height: 80px;
	text-align: center;
}
.client-logo img {
	height: 100%;
	width: auto;
}
/*-------------------------------------------------------------------------------------------*/
/* Icon          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.page-icon-top {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 25%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 200px 200px;}

.page-icon-coffee {
	display: block;
    height: 69px;
    line-height: 116px;
    color: #00AFF5;
    text-align: center;
}
.white .page-icon-top, .white .page-icon-left, .white .features-icon-left, .white .features-icon-right {
	color: #fff;
}
/*-------------------------------------------------------------------------------------------*/
/* Table          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

.table.table-border {
	border: 1px solid #eee;
}
.table tr td, .table tr th {
	padding: 10px 15px;
	vertical-align: middle !important;
}
.table.table-fit tr td, .table.table-fit tr th {
	padding: 10px 0px;
}
.table.table-border tr td, .table.table-border tr th {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
.table.checkout tr td {
	vertical-align: top !important;
	padding: 15px;
}
.table.checkout tr td:first-child, .table.checkout tr th:first-child {
	max-width: 60px;
}
.table.checkout tr td:last-child, .table.checkout tr th:last-child {
	text-align: center;
}
.table.checkout small {
	display: block;
}
/*================================================================================================*/
/* GLOBAL STYLES       ||---------------------------- */
/*================================================================================================*/
/*-------------------------------------------------------------------------------------------*/
/* Push Menu Style (Right Sidebar Menu) --------------- */
/*-------------------------------------------------------------------------------------------*/
/* Sidebar Menu */
.side-menu {
	background: #323232 !important;
	z-index: 2005 !important;
	color: #fff;
	padding: 22px 0;
	overflow-y: auto;
	position: relative;
}
/* Debut test */
p.fdcolor {
	background-color: rgba(166, 198, 226, 0.75);
	height: 35px;
	padding: 7px 0 0 7px;
}
/* Fin test */
/*.side-menu .menu-close {
	left: auto;
	position: absolute;
	right: 30px;
	top: 23px;
	display: inline-block;
	/*background: url("../img/close-white.png") no-repeat center center;*/
	/*color: #fff;
	font-size: 18px;
	line-height: 0;
	overflow: hidden;
	padding-top: 8px;
}*/
/*.side-menu .menu-close:hover {
	/*background: url("../img/close-color.png");*/
	/*color: #e6ae49;
}*/
.side-menu a {
	color: #fff;
	font-weight: 500;
	font-size: 12px;
}
.side-menu a:hover {
	color: #e6ae49;
}

.side-menu ul {
	padding: 0;
}
.side-menu ul li {
	list-style: none;
	margin-bottom: 5px;
	padding: 5px 0px 0px 30px;
}
.side-menu > ul > li > a {
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}
.side-menu input[type="text"], .side-menu input[type="email"], .side-menu input[type="tel"], .side-menu input[type="number"], .side-menu input[type="password"], .side-menu input[type="radio"], .side-menu input[type="checkbox"], .side-menu textarea, .side-menu select {
	/*border: 1px solid #1d1d1d;
        background: #1d1d1d;
        color: #fff;*/
	border: none;
}
.side-menu input[type="text"]:focus, .side-menu input[type="email"]:focus, .side-menu input[type="tel"]:focus, .side-menu input[type="number"]:focus, .side-menu input[type="radio"]:focus, .side-menu input[type="checkbox"]:focus, .side-menu input[type="password"]:focus, .side-menu textarea:focus, .side-menu select:focus {
/*border-color: #e6ae49;
            color: #fff;*/
}
.side-menu .sign-in {
	padding-bottom: 30px;
	border-bottom: 1px solid #3e3e3e;
	margin-bottom: 30px;
}
.side-menu .sign-in a {
	color: #fff;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	display: inline-block;
	margin-top: 10px;
}
.side-menu .sign-in a:hover {
	color: #e6ae49;
	text-decoration: underline;
}
.side-menu .logo {
	max-width: 120px;
	width: 100%;
}
.side-menu .social {
	list-style: none;
}
.side-menu .social li {
	display: inline-block;
	padding: 10px 0 0 5px;
}
li.socialtop {
	padding-left: 15px;
	margin-left: 25px;
}
.side-menu .social li a {
	font-size: 16px;
}
span.sepbl {
	color: #fff;
	font-size: 12px;
}
/* --------------------------------------------------------------------------------------- */
/* Search Overlay Menu -------------- */
/* --------------------------------------------------------------------------------------- */
.search-overlay-menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 35, 35, 0.9);
	-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 2200;
	text-align: center;
}
.search-overlay-menu.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.search-overlay-menu form {
	height: 120px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -60px auto 0;
	width: 60%;
	left: 20%;
	transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.search-overlay-menu.open form {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.search-overlay-menu input[type="search"] {
	height: 100%;
	width: 100%;
	color: #fff;
	background: transparent;
	border-top: 0px solid transparent;
	border-bottom: 2px solid #909090 !important;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 60px;
	font-weight: 300;
	outline: none;
	padding: 10px;
}
.search-overlay-menu form button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	font-size: 3rem;
	position: absolute;
	right: 0;
	top: 40px;
	color: #c6c6c6;
}
.search-overlay-menu .search-overlay-close {
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 1;
	font-size: 40px;
	color: #fff;
}
.search-overlay-menu .search-overlay-close:hover {
	color: #e6ae49;
	cursor: pointer;
}
/* --------------------------------------------------------------------------------------- */
/* Contents (Body, Container, Section, etc) -------------- */
/* --------------------------------------------------------------------------------------- */
.wrapper {
	position: relative;
	width: 100%;
}
.inner-intro {
	background-color: #c8d1f7;
	height: 50px;
	display: block;
	position: relative;
}
.inner-intro.inner-intro-small {
	height: 10px;
}
.inner-intro .container {
	position: relative;
	height: 100%;
	display: table;
}
.inner-intro .container .title {
	padding-bottom: 65px;
	padding-top: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.full-intro .inner-intro .container .title h2 {
	margin-top: 65px;
}
.inner-intro .container .title .separator {
	margin-right: auto;
	margin-left: auto;
}
.page-breadcrumb {
	background: rgba(255,255,255,0.9);
	padding: 4px 8px;
	display: inline-block;
	color: #323232;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	margin-top: 20px;
	border: 1px solid #f1f1f1;
}

.page-breadcrumb a, .page-breadcrumb span {
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}
.page-breadcrumb span {
	color: #999;
}
.overlay-static-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	height: 100%;
	z-index: 2;
	background-color: rgba(32,32,32,0.4);
	display: -webkit-flex;
	display: flex;
}
.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80 {
	position: relative;
	z-index: 1;
}
.overlay-dark:before, .overlay-dark80:before, .overlay-light:before, .overlay-light80:before {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}
.overlay-dark:before {
/*background-color: rgba(32,32,32,0.4);*/
}
.overlay-dark80:before {
	background-color: rgba(32,32,32,0.8);
}
.overlay-light:before {
	background-color: rgba(255,255,255,0.4);
}
.overlay-light80:before {
	background-color: rgba(255,255,255,0.8);
}
.full-screen-intro {
	overflow: hidden;
	position: relative;
}
.content-cap-wraper {
	display: table;
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}
.full-cap-wraper {
	display: table;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}
.content-caption {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.content-wd650 {
	max-width: 650px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.cont-h-100per {
	height: 100%;
}
/*backround images*/
.bg-img {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover !important;
}
.bg-img1, .bg-img2, .bg-img3, .bg-img4, .bg-img5, .bg-img6, .bg-img7, .bg-img8, .bg-img9, .bg-img10, .bg-img11, .bg-img12, .bg-img13, .bg-img14, .bg-img15, .bg-img16, .bg-img17, .bg-img18, .bg-img19, .bg-img20, .bg-img21, .bg-img22, .bg-img23, .bg-img24, .bg-img25, .bg-img26, .bg-img27, .bg-img28, .bg-img29, .bg-img30 {
	background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-img1 {
	background-image: url("../img/full/01.jpg");
}
.bg-img2 {
	background-image: url("../img/full/02.jpg");
}
.bg-img3 {
	background-image: url("../img/full/03.jpg");
}
.bg-img4 {
	background-image: url("../img/full/04.jpg");
}
.bg-img5 {
	background-image: url("../img/full/05.jpg");
}
.bg-img6 {
	background-image: url("../img/full/06.jpg");
}
.bg-img7 {
	background-image: url("../img/full/07.jpg");
}
.bg-img8 {
	background-image: url("../img/full/08.jpg");
}
.bg-img9 {
	background-image: url("../img/full/09.jpg");
}
.bg-img10 {
	background-image: url("../img/full/10.jpg");
}
.bg-img11 {
	background-image: url("../img/full/11.jpg");
}
.bg-img12 {
	background-image: url("../img/full/12.jpg");
}
.bg-img13 {
	background-image: url("../img/full/13.jpg");
}
.bg-img14 {
	background-image: url("../img/full/14.jpg");
}
.bg-img15 {
	background-image: url("../img/full/15.jpg");
}
.bg-img16 {
	background-image: url("../img/full/16.jpg");
}
.bg-img17 {
	background-image: url("../img/full/17.jpg");
}
.bg-img18 {
	background-image: url("../img/full/18.jpg");
}
.bg-img19 {
	background-image: url("../img/full/19.jpg");
}
.bg-img20 {
	background-image: url("../img/full/20.jpg");
}
.bg-img21 {
	background-image: url("../img/full/21.jpg");
}
.bg-img22 {
	background-image: url("../img/full/22.jpg");
}
.bg-img23 {
	background-image: url("../img/full/23.jpg");
}
.bg-img24 {
	background-image: url("../img/full/24.jpg");
}
.bg-img25 {
	background-image: url("../img/full/25.jpg");
}
.bg-img26 {
	background-image: url("../img/full/26.jpg");
}
.bg-img27 {
	background-image: url("../img/full/27.jpg");
}
.bg-img28 {
	background-image: url("../img/full/28.jpg");
}
.bg-img29 {
	background-image: url("../img/full/29.jpg");
}
.bg-img30 {
	background-image: url("../img/full/30.jpg");
}
.border-b-box {
	padding: 25px;
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	width: 100%;
}
.border-box {
	border: 1px solid #f1f1f1;
	padding: 25px;
}
.border-boxtheme {
	border: 1px solid #f1f1f1;
	padding: 25px;
	margin: 0 13px 0 13px;
}
.border-boxconf {
	border: 1px solid #f1f1f1;
	padding: 25px;
	text-align: justify;
	margin: 20px;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}
.b-lrb-none .ui-tab-content, .b-lrb-none {
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
}
.content-slider, .o-flow-hidden {
	overflow: hidden;
}
.map {
	width: 100%;
	height: 450px;
}
#map {
	height: 100%;
}

/* ===================================================================================================== */
/* Contants (Portfolio, Blog, Shop, etc) -------------------  */
/* ===================================================================================================== */

.container.nf-container1 {
	padding-left: 15px;
	padding-right: 15px;
}
.container.nf-container2 {
/*padding-left: 25px;
    padding-right: 25px;*/
}
.nf-row1 {
	margin-left: -15px;
	margin-right: -15px;/*overflow: hidden;*/
}
.nf-col-padding {
	padding-left: 25px;
	padding-right: 25px;
}
.nf-row2 {
/*margin-left: -25px;
    margin-right: -25px;*/
}
.nf-row1:before, .nf-row1:after, .nf-row2:before, .nf-row2:after {
	display: table;
	content: " ";
}
.nf-row1:after, .nf-row2:after {
	clear: both;
}
.nf-row1 .nf-item.spacing, .nf-row1 .grid-sizer.spacing {
	padding: 15px;
}
.nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing, .spacing-box {
	padding: 25px;
}
.spacing-grid {
	padding-top: 25px;
	padding-bottom: 25px;
}
.nf-col-1 .nf-item, .nf-col-1 .grid-sizer {
	width: 100%;
	min-height: 1px;
}
.nf-col-2 .nf-item, .nf-col-2 .grid-sizer {
	width: 50%;
	min-height: 1px;
}
.nf-col-3 .nf-item, .nf-col-3 .grid-sizer {
	width: 33.3333%;
	min-height: 1px;
}
.nf-col-4 .nf-item, .nf-col-4 .grid-sizer {
	width: 25%;
	min-height: 1px;
}
.nf-col-5 .nf-item, .nf-col-5 .grid-sizer {
	width: 20%;
	min-height: 1px;
}
.nf-col-6 .nf-item, .nf-col-6 .grid-sizer {
	width: 16.6666%;
	min-height: 1px;
}
.nf-col-1 .nf-item.w1, .nf-col-2 .nf-item.w1, .nf-col-3 .nf-item.w1, .nf-col-4 .nf-item.w1 {
	width: 100%;
}
.nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2 {
	width: 50%;
}
.nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3 {
	width: 33.3333%;
}
.nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4 {
	width: 25%;
}

.nf-col-1 .nf-item.w4-2, .nf-col-2 .nf-item.w4-2, .nf-col-3 .nf-item.w4-2, .nf-col-4 .nf-item.w4-2, .nf-col-1 .nf-item.w3-2, .nf-col-2 .nf-item.w3-2, .nf-col-3 .nf-item.w3-2, .nf-col-4 .nf-item.w3-2 {
	width: 50%;
}
.nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1 {
	width: 75%;
}
.nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 {
	width: 66.6666%;
}

/* ----------------------------------------------------------------------*/
/* Sidebar Widget   ---------------------------------------------------- */
/* ----------------------------------------------------------------------*/

.sidebar-widget {
	margin-bottom: 50px;
}
.sidebar-widget h4 {
	margin: 0px;
	padding-top: 0;
	padding-bottom: 15px;
}
.widget-search {
	position: relative;
}
.widget-search input[type="text"] {
	padding-right: 30px;
}
.widget-search input[type="submit"] {
	background-color: rgba(0,0,0,0);
	border: 0 none;
	color: #8d8d8d;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-family: "FontAwesome", sans-serif;
	margin: 0;
	outline: 0 none;
	white-space: nowrap;
	padding: 0 3px;
	text-decoration: none;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	position: absolute;
	top: 10px;
	right: 10px;
}
.widget-search input[type="submit"]:hover {
	color: #e6ae49;
}
.sidebar-widget hr {
	margin-bottom: 15px;
}
.sidebar-widget ul {
	margin: 0px;
	padding: 0px;
}
.sidebar-widget ul li {
	list-style: none;
	font-weight: 400;
}
.sidebar-widget ul li a {
	display: inline-block;
	padding: 4px 0px;
	font-size: 13px;
	color: #323232;
}
.sidebar-widget ul li a:hover {
	color: #e6ae49;
}
.widget-tag {
	display: inline-table;
	margin-top: 15px;
}
.widget-tag li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}
.widget-tag li a {
	padding: 4px 10px !important;
	display: block;
	border: 1px solid #eee;
}
.widget-tag li a:hover {
	background: #323232;
	color: #fff !important;
}
.sidebar-widget .widget-post {
	position: relative;
}
.sidebar-widget .widget-post .widget-post-media {
	width: 70px;
	display: table-cell;
	padding: 0px 15px 0px 0px;
}
.sidebar-widget .widget-post li {
	margin-bottom: 20px;
}
.sidebar-widget .widget-post a {
	padding: 0px;
}
.sidebar-widget .widget-post .widget-post-media img, .sidebar-widget .widget-post .widget-post-media video {
	width: 100%;
	vertical-align: top;
}
.sidebar-widget .widget-post .widget-post-info {
	display: table-cell;
	vertical-align: top;
}
.sidebar-widget .widget-post .widget-post-info h5, .sidebar-widget .widget-post .widget-post-info h6 {
	margin-bottom: 5px;
}
.sidebar-widget .widget-post .widget-post-info p {
	margin: 0px;
}
/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
}
.pagination-nav ul {
	margin: 0px;
	padding: 0px;
}
.pagination-nav ul li {
	display: inline-block;
	margin: 0px 2px;
}
.pagination-nav ul li a {
	display: block;
	background-color: #f7f7f7;
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
}
.pagination-nav ul li.active a {
	background: #323232;
	color: #fff;
}
/* ----------------------------------------------------------------------*/
/* Portfolio   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.container-filter {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}
.container-filter li {
	list-style: none;
	display: inline-block;
}
.container-filter li a {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}
.container-filter li a.active {
	color: #e6ae49;
}
.item-box {
	position: relative;
	overflow: hidden;
	display: block;
}
.item-box a {
	display: inline-block;
}
.item-box:hover .item-mask {
	opacity: 1;
	visibility: visible;
}
.item-box:hover .item-mask .item-caption {
	bottom: 30px;
	opacity: 1;
}
.item-box:hover .item-container {
	transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	width: 100%;
}
.item-container {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	width: 100%;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.item-mask {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	height: 100%;
	position: absolute;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	color:#fff;
}
.item-mask h5, .item-mask h6, .item-mask p {
	margin-bottom: 0px;
}
.item-mask p {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1.5px;
	font-weight: 400;
	margin-top: 0;
	text-align: left;
}
.item-mask .item-caption {
	position: absolute;
	bottom: -60px;
	left: 0px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	opacity: 0;
}
.project-detail-block p {
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
ul.project-detail-block, .project-detail-block ul {

	padding-left: 0;
}
.project-detail-block li {
	list-style: none;
}
.project-detail-block p strong {
	display: inline-block;
	width: 110px;
}
.item-nav {
	text-align: center;
	display: block;
	overflow: hidden;
}
.item-nav .item-prev, .item-nav .item-next, .item-nav .item-all-view {
	position: relative;
	display: inline-block;
}
.item-nav .item-all-view h5, .item-nav .item-all-view h6 {
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover {
	color: #e6ae49;
}
.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn, .item-all-view {
	display: inline-block;
	font-size: 25px;
	text-align: center;
	height: 51px;
	line-height: 51px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn {
	color: #323232;
	background: #fff;
	width: 51px;
}
.item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn {
	background: #f7f7f7;/*color: #fff;*/
}
.item-nav .item-prev {
	text-align: left;
	float: left;
}
.item-nav .item-next {
	text-align: right;
	float: right;
}
.item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text {
	position: absolute;
	line-height: 51px;
	top: 10px;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	width: 150px;
}
.item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text {
	margin-left: 0;
	margin-right: 0;
	visibility: visible;
	opacity: 1;
}
.item-nav .item-prev .item-prev-text {
	left: 100%;
	margin-left: -110px;
	padding-left: 15px;
}
.item-nav .item-next .item-next-text {
	right: 100%;
	margin-right: -110px;
	padding-right: 15px;
}
.item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6,  .item-nav .item-next .item-next-text p, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6,  .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6,  .item-nav .item-all-view h5, .item-nav .item-all-view h6 {
	padding-top: 8px;
}
/* ----------------------------------------------------------------------*/
/* Blog   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
/*.blog-post {
    position: relative;
}*/
.blog-post {
	display: inline-block;
	width: 100%;
}
.blog-post .post-media {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}
.blog-post .post-media iframe {
	width: 100%;
}
.blog-post .post-meta, .comment-list .post-meta, .sidebar-widget .post-meta {
	text-transform: uppercase;
	color: #999;
	font-size: 13px;
}
.blog-post .post-meta span, .comment-list .post-meta span {
	margin-right: 3px;
}
.blog-post .post-header h5, .blog-post .post-header h4, .blog-post .post-header h3 {
	margin-top: 5px;
	margin-bottom: 20px;
}
.blog-post .post-header h2 {
	margin-bottom: 30px;
}
.blog-post .post-entry {
	margin-bottom: 30px;
}
.blog-post .post-entry p, .blog-post .post-entry blockquote, .post-entry ul {
	margin-bottom: 20px;
}
.blog-post .post-entry ul {
	color: #888;
}
.blog-post .post-tag {
	color: #999;
	text-transform: uppercase;
	font-size: 13px;
}
.blog-post .post-tag span {
	margin-right: 10px;
}
.blog-post .post-more-link {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.blog-post .post-more-link a i {
	margin-left: 5px;
	transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
}
.blog-post .post-more-link a:hover i {
	margin-left: 10px;
}
.blog-post blockquote {
	border-left: none;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: 400;
	padding: 25px 25px;
	margin: 0px;
	color: #888;
	font-weight: 300;
}
.blog-post blockquote:after {
	content: "";
	font-family: FontAwesome;
	padding-left: 7px;
	font-size: 12px;
}
.blog-post blockquote:before {
	content: "";
	font-family: FontAwesome;
	padding-right: 7px;
	font-size: 12px;
}
.blog-post-hr hr {
	margin-bottom: 45px;
}
.post-author {
	display: inline-block;
	position: relative;
	margin-bottom: 40px;
}
.post-author img {
	width: 80px;
}
.post-author .post-author-details {
	margin-left: 20px;
}
.post-author h6 {
	margin-top: 0px;
}
.post-author ul.social {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.post-author ul.social li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}
.post-comment {
}
.post-comment .comment-numb {
	font-weight: 300;
}
.post-comment .comment-list {
	margin-left: 0px;
	padding-right: 0px;
	list-style: none;
	padding: 0px;
}
.post-comment .comment-list h6 {
	margin-top: 0px;
	margin-bottom: 3px;
}
.post-comment .comment-list li:first-child {
	padding-top: 0px;
}
.post-comment .comment-list li {
	padding-top: 15px;
}
.post-comment .comment-list li:last-child .comment-detail {
	border-bottom: 0px none;
}
.post-comment .comment-list li, .post-comment .comment-list .comment-reply {
	position: relative;
	padding-left: 65px;
}
.post-comment .comment-list .comment-detail {
	border-bottom: 1px dotted #eee;
	padding-bottom: 15px;
}
.post-comment .comment-list .comment-reply {
	padding-top: 20px;
}
.post-comment .comment-list .comment-reply-btn i {
	padding-right: 3px;
}
.post-comment .comment-avatar {
	left: 0;
	margin-right: 15px;
	position: absolute;
	width: 50px;
}
.post-comment .comment-avatar img {
	width: 100%;
}
.post-comment-star .star-rat {
	display: inline-block;
}
.post-comment-star label {
	margin-right: 6px;
}
/* ----------------------------------------------------------------------*/
/* Shop   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.shop-item {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.shop-item .item-mask .item-mask-detail {
	display: flex;
	display: -webkit-flex;
	height: 100%;
	width: 100%;
}
.shop-item .item-mask .item-mask-detail .item-mask-detail-ele {
	margin: auto auto;
}
.item-img {
	/*display: block;
	position: relative;
	overflow: hidden;*/
	display: inline-block;
    position: relative;
    width: 95px;
    height: 95px;
    overflow: hidden;
    border-radius: 50%;
    padding: 5px;
    background: #eee;
}

.cover-image {
  background-size:cover;
  background-position: center;  
  /* desired height */
  height: 85px;
  border-radius:50%;
}


.shop-item-info {
	margin-top: 20px;
	text-align: center;
}
.shop-item-info a:hover, .shop-item-info a:hover h5, .shop-item-info a:hover h6, .shop-item-name:hover {
	color: #e6ae49;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}
.shop-item-info .shop-item-name {
	margin-bottom: 5px;
}
.shop-item-info .shop-item-price {
	font-size: 15px;
	color: #888;
}
.shop-item-info .shop-item-price del, .shop-detail-info del, .sidebar-widget del {
	margin-right: 10px;
	color: #bbb;
	font-weight: 400;
}
.shop-filter {
	display: inline-table;
	width: 100%;
}
/* Shop Detail*/
.shop-detail-item {
	position: relative;
}
.shop-detail-info h4 {
	line-height: 26px;
}
.shop-detail-info .shop-item-price {
	font-size: 20px;
	color: #e6ae49;
	font-weight: 600;
}
.shop-Cart-totalbox {
	max-width: 450px;
}
.shop-Cart-totalprice {
	font-size: 18px;
}
/* =============================================================================================================================*/
/* Parallax ------------------- */
/* =============================================================================================================================*/
.parallax {

	position: relative;
}
/* ============================================================================================================================*/
/* Slider ---------------------*/
/* ============================================================================================================================*/

/* -------------------------------------*/
/* Full Screen slider---------*/
/* -------------------------------------*/
.hero {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.fullscreen-carousel {
	overflow: hidden;
	position: relative;
}
.fullscreen-carousel .slides li {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.fullscreen-carousel .overlay-hero {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	text-align: center;
}
.fullscreen-carousel .overlay-hero .caption-hero {
	display: inline-table;
	height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.fullscreen-carousel .overlay-hero .caption-hero .inner-caption {
	display: table-cell;
	margin: auto;
	vertical-align: middle;
	padding-left: 25px;
	padding-right: 25px;
}
.caption-hero h1 {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* Full Width Slider */
.fullwidth-slider {
	position: relative;
	overflow: hidden;
}
.fullwidth-slider .item {
	height: 650px;
	position: relative;
	width: 100%;
}
/* Fullscreen Slider Next Prev Arrow*/


.fullscreen-carousel .flex-direction-nav a {
	position: absolute;
	top: 50%;
	display: inline-block;
	margin-top: -30px;
	background: #fff;
	color: #252525;
	width: 51px;
	height: 51px;
	text-align: center;
	font-family: 'FontAwesome';
	color: #323232;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	font-size: 21px;
	line-height: 51px;
}
.fullscreen-carousel .flex-direction-nav a:hover {
	color: #e6ae49;
}
.flexslider.fullscreen-carousel:hover .flex-prev {
	left: 0px;
	opacity: 1;
}
.fullscreen-carousel .flex-direction-nav .flex-prev {
	left: -51px;
	background-position: center left;
}
.fullscreen-carousel .flex-direction-nav .flex-prev:before {
	content: "";
	display: inline-block;
}
.flexslider.fullscreen-carousel:hover .flex-next {
	right: 0px;
	opacity: 1;
}
.fullscreen-carousel .flex-direction-nav .flex-next {
	right: -51px;
	background-position: center right;
}
.fullscreen-carousel .flex-direction-nav .flex-next:before {
	content: "";
	display: inline-block;
}

/* -------------------------------------*/
/* Carousel-Theme (Slider Elements - Bullets, Pagination, etc..) ---------*/
/* -------------------------------------*/
.owl-buttons {
	position: static;
}
.owl-carousel.white .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #fff;
}
.owl-carousel.white .owl-controls .owl-page.active span {
	background: rgba(0, 0, 0, 0);
	border: 2px solid #fff;
}
.nf-carousel-theme {
}
.nf-carousel-theme .owl-controls .owl-pagination {
	position: absolute;
	z-index: 2;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: 15px;
}
.nf-carousel-theme .owl-controls .owl-buttons .owl-prev,  .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	width: 31px;
	height: 31px;
	line-height: 31px;
	font-size: 16px;
	margin-top: -15px;
}
.content-carousel .owl-controls .owl-buttons .owl-prev,  .content-carousel .owl-controls .owl-buttons .owl-next,  .image-slider .owl-controls .owl-buttons .owl-prev,  .image-slider .owl-controls .owl-buttons .owl-next,  .fullwidth-slider .owl-controls .owl-buttons .owl-prev,  .fullwidth-slider .owl-controls .owl-buttons .owl-next,  .nf-carousel-theme .owl-controls .owl-buttons .owl-prev,  .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	background: rgba(245,245,245,0.8);
	color: #252525;
	display: block;
	top: 50%;
	transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	z-index: 3;
	position: absolute;
	text-align: center;
}
.content-carousel .owl-controls .owl-buttons .owl-prev:hover,  .content-carousel .owl-controls .owl-buttons .owl-next:hover,  .image-slider .owl-controls .owl-buttons .owl-prev:hover,  .image-slider .owl-controls .owl-buttons .owl-next:hover,  .fullwidth-slider .owl-controls .owl-buttons .owl-prev:hover,  .fullwidth-slider .owl-controls .owl-buttons .owl-next:hover,  .nf-carousel-theme .owl-controls .owl-buttons .owl-prev:hover,  .nf-carousel-theme .owl-controls .owl-buttons .owl-next:hover {
	/*background: #fff;*/
	color: #e6ae49;
}
.content-carousel .owl-controls .owl-buttons .owl-next,  .image-slider .owl-controls .owl-buttons .owl-next,  .fullwidth-slider .owl-controls .owl-buttons .owl-next,  .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
}
.nf-carousel-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
	margin-left: -51px;
	opacity: 0;
}
.nf-carousel-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
	margin-right: -51px;
	opacity: 0;
}
.content-carousel:hover .owl-controls .owl-buttons .owl-prev,  .content-carousel:hover .owl-controls .owl-buttons .owl-next,  .image-slider:hover .owl-controls .owl-buttons .owl-prev,  .image-slider:hover .owl-controls .owl-buttons .owl-next,  .fullwidth-slider:hover .owl-controls .owl-buttons .owl-prev,  .fullwidth-slider:hover .owl-controls .owl-buttons .owl-next,  .nf-carousel-theme:hover .owl-controls .owl-buttons .owl-prev,  .nf-carousel-theme:hover .owl-controls .owl-buttons .owl-next {
	margin-right: 0;
	margin-left: 0;
	opacity: 1;
}
/* -------------------------------------*/
/* Singel Item slider (Images & Contant Slider) ---------*/
/* -------------------------------------*/
.content-carousel .owl-controls .owl-pagination, .image-slider .owl-controls .owl-pagination, .fullwidth-slider .owl-controls .owl-pagination, .item1-carousel .owl-controls .owl-pagination {
	position: absolute;
	bottom: 0;
	z-index: 2;
	bottom: 15px;
	left: 0;
	text-align: center;
	width: 100%;
}
.content-carousel .owl-controls .owl-buttons .owl-prev, .content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-prev, .image-slider .owl-controls .owl-buttons .owl-next, .fullwidth-slider .owl-controls .owl-buttons .owl-prev, .fullwidth-slider .owl-controls .owl-buttons .owl-next {
	width: 51px;
	height: 51px;
	line-height: 51px;
	font-size: 21px;
	margin-top: -25px;
}
.content-carousel .owl-controls .owl-buttons .owl-prev, .image-slider .owl-controls .owl-buttons .owl-prev, .fullwidth-slider .owl-controls .owl-buttons .owl-prev {
	left: 0;
	margin-left: -51px;
	opacity: 0;
}
.content-carousel .owl-controls .owl-buttons .owl-next, .image-slider .owl-controls .owl-buttons .owl-next, .fullwidth-slider .owl-controls .owl-buttons .owl-next {
	right: 0;
	margin-right: -51px;
	opacity: 0;
}
/*===========================================================================================*/
/* Preloader ------------------------- */
/*===========================================================================================*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,1);
	z-index: 9999;
	display: block;
}
#preloader .loader {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	text-align: center;
}
#preloader .loader .loader-img {
	background: url("../images/loading.gif");
	width: 60px;
	height: 60px;
	display: block;
}
/*===========================================================================================*/
/* Additional */
/*===========================================================================================*/

/* ----------------------------------*/
/* Scroll Down Animated Arrow */
/* ----------------------------------*/
.intro-scroll-down {
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 50%;
	margin-left: -15px;
}
.intro-scroll-down .mouse {
	position: relative;
	display: block;
	width: 30px;
	height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
}
.intro-scroll-down .mouse .mouse-dot {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}
.background--light .intro-scroll-down .mouse {
	border: 2px solid #323232;
}
.background--light .intro-scroll-down .mouse .mouse-dot {
	background: #323232;
}
 @-webkit-keyframes ani-mouse {
 0% {
 opacity: 1;
 top: 29%;
}
 15% {
 opacity: 1;
 top: 50%;
}
 50% {
 opacity: 0;
 top: 50%;
}
 100% {
 opacity: 0;
 top: 29%;
}
}
 @-moz-keyframes ani-mouse {
 0% {
 opacity: 1;
 top: 29%;
}
 15% {
 opacity: 1;
 top: 50%;
}
 50% {
 opacity: 0;
 top: 50%;
}
 100% {
 opacity: 0;
 top: 29%;
}
}
 @keyframes ani-mouse {
 0% {
 opacity: 1;
 top: 29%;
}
 15% {
 opacity: 1;
 top: 50%;
}
 50% {
 opacity: 0;
 top: 50%;
}
 100% {
 opacity: 0;
 top: 29%;
}
}
/* ----------------------------------*/
/* Scroll Top Arrow */
/* ----------------------------------*/
.scroll-top {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-align: center;
	font-size: 20px;
	background: #323232;
	background: #555;
	color: #fff;
	z-index: 99;
	display: none;
	transition: none;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
.scroll-top:hover {
	background: #e6ae49;
	text-decoration: none;
	color: #fff;
}

.circle p {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
.circlegreen p {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
.circle i {
	font-size: 3em;
	margin-bottom: 5px;
}
.circlegreen i {
	font-size: 3em;
	margin-bottom: 5px;
}
div.cadre {
	border: 1px dashed;
	color: #727272;
	padding: 25px 0 25px 25px;
}

/*.texteavis{margin-left:5px;}*/
div#list {
	margin: 10px auto;
	width: 100%;
	min-width: 200px;
	max-width: 700px;
}
div#list table {
	margin: 0px;
	width: 100%;
}
.icon-box-1 {
	background-color: #fff;
	box-shadow: 0 3px 10px #d7d7d7;
	border-radius: 3px;
	-webkit-transition: 350ms ease all;
	transition: 350ms ease all;
	margin: 20px 0
}
.icon-box-1 h1, .icon-box-1 h2, .icon-box-1 h3, .icon-box-1 h3, .icon-box-1 h4, .icon-box-1 h5, .icon-box-1 h6 {
	margin-top: 0
}
.icon-box-1 > .icon-box-icon, .icon-box-1 > .icon-box-content {
	display: table-cell;
	vertical-align: middle;
	padding: 20px
}
.icon-box-1 > .icon-box-icon {
	border-right: 1px dashed #d7d7d7
}
.icon-box-1 > .icon-box-icon > .fa {
	font-size: 36px;
	color: #ff9c00;
	-webkit-transition: 150ms ease all;
	transition: 150ms ease all
}
.icon-box-1:hover {
	box-shadow: 4px 3px 10px #aaa
}
.icon-box-1:hover > .icon-box-icon > .fa {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}
/* ----------------------------------*/
/* Page charte de bonne conduite */
/* ----------------------------------*/
.gapcadre {padding: 10px;margin: 10px;}
.tweet {/*margin-left: 85px;*/}
.texteparafde{margin:20px 0 0 1px;}
.text-parafeone{text-align:left;}
.textbaspage{text-align:left;}
.textemichel{line-height: 15px; color: #323232;font-size: 14px;font-family: 'Raleway', sans-serif;letter-spacing: 2px;text-align:left;font-weight: bold; width:300px !important}
.bg-green {background-color: #00a65a !important;}
.bg-red {background-color: #dd4b39 !important;}
.bg-yellow {background-color: #f39c12 !important;}
.bg-light-blue {background-color: #3c8dbc !important;}
.rating-clear{padding-left:15px}
.info-box {display: block;min-height: 120px;background: #fff;width: 100%;/*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);border-radius: 2px;*/margin-bottom: 30px;}
.bg-aqua {background-color: #00c0ef !important;}
.info-box-icon {border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;display: block;float: left;height: 120px;width: 120px;text-align: center;font-size: 45px;line-height: 120px;padding:10px;}
.info-box-content {padding: 5px 10px;margin-left: 120px;}
.btn.btn-file {position: relative;overflow: hidden;padding: 14px;background: #eee;border-radius: 5px;}
.btn.btn-file>input[type='file'] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;opacity: 0;filter: alpha(opacity=0);outline: none;background: white;cursor: inherit;display: block;}
/* ----------------------------------*/
/* 1er bloc homepage 
/* ----------------------------------*/
.col-hp-2 {width: 100%; float: right; text-align:justify;width: 35%;}
.col-hp-3 {width: 100%; float: right; text-align:justify;width: 30%;}
.btn-color-b:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {
	color: #fff;
}

}

@media (max-width: 768px) {
.circle {width: 160px;height: 160px;max-width: 160px;}
.circlegreen {width: 160px;height: 160px;max-width: 160px;}
.circle i {font-size: 3em;margin-bottom: 5px;}
.circlegreen i {font-size: 3em;margin-bottom: 5px;}
}


@media (max-width: 767px) {
p.lead, .lead {font-size: 15px!important;font-weight: 300!important;line-height: 20px!important;text-align:justify;color:#323232;}
.col-md-recon{margin: 0px 0px 0px 0px;width: 100%;float: left;}
.vign-devenir-mentor{display: grid;grid-template-columns: 350px;margin-left: 16%;}
.deviens-mentor{position: relative;height: 125px;}
.temoign{width:20%; height:20%;margin:0 5%;}
.temoignbis{width:20%; height:20%;margin:0 5%;vertical-align: top;}
.cal-list-job{padding:2px 0px 0px 0px;}
.cal-avantage{padding:2px 0px 0px 0px;width:44%;}
.cal-inconvenient{padding:2px 0px 0px 0px;width:48%;}
.pointille-cadre{border-style: dotted;margin: 5% 0%;padding: 5%;border-radius: 25px;border-color: #999;}
.actu-block-text{border-color: #00bcd4;height: 100%;margin: 0px!important;font-size: 13px;line-height: 18px;width: 100%;font-weight: 700;}
.bloc-encart-visuel{position:relative; height:100px;}
.block-img-actu{display: flex;flex-direction: column;height: 100%;justify-content: center;left: 0;position: relative;top: -180px!important;width: 100%;}
.surtexte-blanc{color: #4dd1e1;font-weight: 700;font-size: 22px!important;position: relative;text-align: center;text-shadow: 0 1px 2px 0 rgba(96, 96, 96, 0.5);white-space: initial;}
.guide-verti{list-style-type: none;padding-left: 0px;}
.cadre-img-metier{margin: 0px 15px 5px 0px;width: calc(100% - 0px);}
.patissier{position:absolute;top:2px; width:250px; height:10px; z-index:2;text-align: left;}
.guide-metier{position:absolute;top:2px; width:250px; height:10px; z-index:2;text-align: left;}
.metier-proche{position:absolute;width:200px; height:10px; z-index:2;text-align: left;margin: 0;margin-top: 125px;}
.metier-proche-syn{position:absolute;width:200px; height:10px; z-index:2;text-align: left;margin-left: 70px;margin-top: 17px;}
.patissier-bleu{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 7px;font-weight: normal;border-radius: 6px;padding: 4px 4px;margin: 5px 0;}
.bleu-metier{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 9px; line-height: 15px; font-weight: normal;border-radius: 6px;padding: 4px 4px;margin: 45px 0 0 0px;width: 100%;}
.bleu-metier-fin{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px; line-height: 15px; font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 5px 0 0 0;}
.bleu-syn1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 4px 8px;margin: 53px 0 0 0px; width:155px;}
.bleu-syn{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 4px 8px;margin: 5px 0 0 0px; width:155px;}
.bleu-titre-soft{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 11px;font-weight: normal;border-radius: 6px;padding: 2px 23px;margin: 5px;}
.bleu-titre-diplome{background: #e4edf7;display: inline-block;color: 183153;text-decoration: none;text-transform: uppercase;font-size: 11px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 5px;}
.bleu-soft1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 8px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 12px;margin: 39px 0 0 5px; width:78%;}
.bleu-soft{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 8px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 12px;margin: 5px 0 0 5px; width:78%;}
.bleu-foncer-syn{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 9px;font-weight: normal;border-radius: 6px;padding: 6px 8px;margin: 5px 0 0 0; width:155px;line-height: 15px;}
.synoni-job{font-size: 14px;line-height: 18px;font-weight: 600;text-align: left;margin-bottom: 15px;}
.puce-synoni-pati{display: flex;margin-top: 6px;}
.puce-bleu-patisserie{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 5px;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 5px;}
.puce-bleu-diplome{min-width: 6px;height: 6px;background-color: #183153;border-radius: 50%;margin-right: 6px;margin-top: 20px;}
.themmich{font-size: 10px;line-height: 16px;font-weight: 500;text-align: left;}
.text-patisserie-gris{color: #999;text-transform: uppercase;font-weight: 500;font-size: 13px;line-height: 16px;margin: 2px 0 10px 0;}
.ptext-metier-gris{color: #999;text-transform: uppercase;font-weight: 500;font-size: 13px;line-height: 16px;margin: 2px 0 10px 0;}
.metier-patissier{color: #00bcd4;text-transform: uppercase;font-weight: 600;font-size:14px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 5px 0 20px 0;}
a.box {cursor: pointer;text-decoration: none;color: #e6ae49;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.box:hover {color: #323232;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
.col-orient-25{float: right; width: 90%!important; margin-left: 0%;display: inline-block;vertical-align: top;}
/*.containernewsletter{margin: 0 auto;width: 85%!important;padding-right: 0px!important;padding-left: 0px!important;padding-bottom: 15px;}*/
/*.gapinscript{width:95%! important; margin-left:5%! important; padding-right:5%;}*/
.calagebtnemail{float: left;width: 100%;padding-top:15px;}
.largenewsl{height:40px;width:90%!important;}
.calemailalert{padding-left: 0px!important;width:99%!important;margin-left: 0!important;}
.icon-box-content {display: table-cell;vertical-align: middle;padding: 5px!important;}
.icon-box-1 > .icon-box-icon, .icon-box-1  {vertical-align: middle;padding: 20px;display: inherit;}
h4.tana {font-size: 15px;letter-spacing: 2px;line-height: 28px;margin-left: 15px;}
.debut-bp{width:95%;}	
.classemtextaxe{font-size: 14px;text-align: justify;color: #76768b;margin: -25% 5% 2% 5%;font-weight: 500;width: 86%;line-height: 24px;}
ul.listdashbord{list-style-type: none;margin: 0;padding: 0;}
.titretaxe{color: #685d24;font-size: 15px;font-weight: 700;margin: 0 0 5% 0;}
li.g-listdashbord{list-style-type: none;margin: 0;padding: 0; float:left;width:100%;margin:0px 0px 45px 0px}
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;}
.btn-orientationpro{width: 100%!important;margin : auto;letter-spacing: 0px!important;text-transform: uppercase;padding: 20px 10px!important;background-color: #e6ae49;font-weight: bold;font-size: 13px!important;color: #fff;}
.btn-orientationpro:hover{width: 100%;margin : auto;letter-spacing: 0px;text-transform: uppercase;padding: 10px 5px ;background-color: #e6ae49;font-weight: bold;font-size: 10px;color: #fff;}
.title-orientationpro{font-size: 11px;font-weight: 500;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width:100%;text-align: left;}
.title-orientationpro .fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.title-orientationpro .textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.title-orientationpro .title-orientation-professionnelle {background-color: #fff;transform: skewX(-10deg);padding: 15px 10px;margin-left: -6px;line-height: 1em;}
li.dev-mentor-cal-li {margin: 2px 0 5px 1px;list-style-type: none;text-align: left;font-size: 11px!important;font-weight: 400!important;line-height: 16px;}
.footer .social, .contact .social {font-size: 17px;}
/*.footergris {background-color: #eee;width: 100%;text-align: justify;font-size: 9px!important;line-height: 14px;color: rgba(132, 127, 127, 0.76);padding: 21px!important;}*/
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;margin-left: 4%;width: 100%!important;}
/*ul.listorganismfooter{list-style-type: none;margin: 0;padding: 0;overflow: hidden;width: 100%;float: left;}*/
/*li.cadrefooter{float: left;width: 50%!important;padding-right: 0px;}*/
.btn-mentor{width: 100%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 14px;color: #fff;}
.btn-mentor:hover {width: 100%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 14px;color: #fff;}
.btn-mentorat{width: 100%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px 8px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentorat:hover {width: 100%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px 8px;background-color: #e6ae49;font-weight: bold;font-size: 14px;color: #fff;}
.leadbtnmentor{margin: 25% 0 25% 0;}
.img-them-orientation{max-width: 100%;}
/*.vignet-decove{max-width: 150%!important;margin-left: -15px!important;float: left;}*/
.containerhp{margin-left:0px!important;}
.col-md-8{margin-left: 1px!important;}
.testjob-img{background-repeat:no-repeat; background-position:1%; height:423px;}
.blog-post blockquote {margin: 0 5px 0 5px!important;text-align:justify;border-left: none;background: #f7f7f7;font-size: 14px;color: #888;font-weight: 300;}
p.fdcolor {background-color: rgba(166, 198, 226, 0.75);height: 35px;margin: 12px 0 10px 0;}
.contain-coach{margin: 0 auto;width: 100%;padding-right: 35px!important;padding-left: 25px!important;}
.table tr td, .table tr th {padding: 10px 5px;vertical-align: middle !important;}
.cont-valeur{margin-right: auto;margin-left: auto;margin: 0 auto;width: 100%!important;padding-right: 25px! important;padding-left: 20px!important;display: table;content: " ";}
/*.contai-format{margin-right: auto;margin-left: auto;margin: 0 auto;width: 95%;padding-right: 15px! important;padding-left: 20px!important;display: table;content: " ";}*/
.orient-inti {font-size: 9px;}
.cont-orientation{width:100%;padding: 0 5px 0 10px;}
/*.footergris {background-color: #eee;width: 109%;text-align: justify;font-size: 11px;line-height: 14px;color: rgba(132, 127, 127, 0.76);padding: 10px;}*/
/*.footer-nav{margin: 0 0 30px 0;padding-left:0px;}*/
.orange-bg {background-color: #f5be5c;background-image: url(https://www.jobtosee.fr/images/fond-marron-rond.png); background-position-y: -259.16px;background-size: cover;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 10px 100px 10px;}
.txt-fond-desc{font-weight: 700;font-size: 21px;line-height: 32px;color: #23233f;letter-spacing: -1px;}
.theme-bg {background: #fff;color: #000;}
.largdesc-or{width:100%!important;margin-left: auto;margin-right: auto;}
.title-descojob{font-size: 0.9em;font-weight: 600;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width:100%;}
.rowdescojob{width:90%;}
.rowurldescojob{width:95%;}
.title-descojob .fonddescojob{background-color: #e6ae49;height: 17px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.title-descojob .textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.title-descojob .titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -1px!important;line-height: 1.4em!important;font-weight: 800!important;font-size: 10px!important;text-align: left;padding: 3px 2px!important;}
li.cadredcjob{float: left;width:100%!important;}
li.cadre-orientation-professionnelle{float: left;width:100%;}
li.cadredevmentor{float: left;width:99%;}
.col-cadredevmentor{width: 100%;text-align: left;display: inline-block;vertical-align: top;margin-bottom: 40px;padding-right:5px;padding: 15px 0px 15px 0px!important;}
.page-icon-cadredevmentor {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% -15%!important;background-image: url(../images/tete-jobtosee-hp.png);background-size: 200px 200px;position: absolute;display: block;}
.page-icon-cadreorientationpro {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% -15%!important;background-image: url(../images/tete-jobtosee-hp.png);background-size: 350px 350px;position: absolute;display: block;}
.text-col-devmentor{line-height: 17px!important;font-size: 13px;font-weight: 600;margin: 1% 0 0 31%!important;color: #888;letter-spacing: 1px;text-align: justify!important;}
.gros-devmentor-chi{font-weight: bold; line-height: 100%; margin-bottom: 8px;font-size: 4em!important;text-align: center;}
.devmentor-chitext{text-align:justify;line-height: 20px; font-size: 14px; font-weight: 300; margin: 15px 5px!important;}
h5 .devenir-mentor{font-size: 13px;font-weight: 700;text-align: left;line-height: 17px;padding: 5px 0 5px 0;}
.leaddaydescover{margin:0% 0 5% 0;}
.titmentorhp{margin-right:6%;}
.page-icon-top {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 15%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 200px 200px;}
.ptb-sm-80 {padding-top: 20px!important;padding-bottom:5px!important;}
.col-md-421annuaire{padding:10px 30px 10px 10px!important;float: left;width:96%!important;}
.col-md-421coachscolaire{padding:10px 30px 10px 10px!important;float: right!important;width:100%!important;}
.col-md-2annuaire{float: none;width: 100%!important;padding-left:17px!important;display: flex;justify-content: center;}
.col-md-8annuaire {float: left;width: 98%!important;padding: 1px 20px 0 25px;}
.col-md-8conseiller {float: left;width: 98%!important;padding: 23px 20px 20px 11px!important;}
.couleurpicto{color:#7291a6;line-height: 17px;margin:0px 15px 0 15px;}
.colleftcoach {width: 50%;margin-left: 3px;display: inline-block;vertical-align: top;float:left;}
.colrightcoach {width: 50%;margin-left: 3px;display: inline-block;vertical-align: top;float:left;}
.spacer-15 {width: 100%;height: 25px;}
.gapenlumiere {padding-top: 60px;}
.tit-jesuispro {font-size: 14px!important;letter-spacing: 1px;line-height: 15px;text-align: left;margin:13px 5px 5px 5px!important;font-weight: 900;padding-bottom: 20px;}
.textblokcontg1{text-align: justify; font-size:14px!important; font-weight: bold; margin: 1px 10px 2px 10px!important;line-height: 17px!important;}
.textblokcontg2{text-align: justify; font-size:12px!important; margin: 10px 10px 11px 10px!important;line-height: 17px!important;}
/*.debut-newsletter{margin: 5% 0 0 0;}*/
.orientation-content {font-size: 14px;line-height: 24px;text-align: justify;letter-spacing:1px;padding-bottom: 25px;}
.tln-tm-11{line-height: 24px;text-align: justify;}
.perso-tit-push {font-size: 13px;text-align: left;font-weight: 600;padding-bottom: 8px;line-height: 18px;}
.coachscolspacer{margin-top:45%!important;}

/* Fiche détail annuaire formation */
.filnavfichform{margin: 0% 0 3% 0%; font-size: 10px; line-height: 12px;}
.calblockfichform{padding:1% 5% 0 5%;}
h2.txttitorganisl{font-size: 15px!important;font-weight: bold!important;}
h3.titorganism{font-size: 14px!important;font-weight: bold!important;padding:17px 0 15px 0;}
h4.titcont{font-size: 14px!important;font-weight: bold;padding-bottom:0px;}
.colorpictorganism{color:#7291a6;line-height: 16px;margin: 0 6px 0 17px;margin-left: 5%;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
ol.g-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left;width: 8%!important;}
ol.c-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left; width:75%; background-image: url(../images/block-gauche-professionnel.jpg); background-position: top;background-repeat:  no-repeat;}
ol.d-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden;float: left;}
/*.coltexthp {width: 100%;float: left;text-align: justify;line-height: 20px! important;}*/
blockquote.colorbarorganism{border-left: 4px solid #7291a6;padding: 0px 10px!important;margin: 10px 0 5px 0!important;font-size: 13px;}
.intitorganism{font-size: 10px;font-weight: bold; text-transform: uppercase; color: #7291a6;padding-left:5px;}
.fondcelorganism{background-color:#cadeef;padding:6px;margin: 2% 5% 0 5%;}
.esporganism{margin:0% 0 0% 0%;}
.adresseorganism{font-weight: 600; font-size: 12px; margin: 0 2px 0 0px;}
/*.textblokhp {text-align: justify; padding:0 0% 0 1%!important;line-height: 20px!important;font-size: 15px;}*/
.iconcal{font-size:24px;color:#476c85;vertical-align: middle;margin-left: 0.5rem;}
.iconcalbis{font-size:19px;color:#476c85;vertical-align: middle;}
/*li.cadredecouvremetier{float: left;width: 100%!important;padding-bottom: 25px;text-align: center;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 0px;padding-left: 0px;}*/
.problockgoch{float: left;width: 100%;margin-left: 5%!important;}
.problockdroit{float:left;width: 90%;}
li.gtexthp{float: left;width: 100%!important;}
li.dimghp{width: 100%!important;margin:5%}
li.posorganism{float: left;width: 100%!important;padding-bottom: 25px;}
.souligne{display: inline-block;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
li.petitosorganism{font-size:10px;}
ol.pttiorg{list-style-type: square; margin: 20px 0 0 -9px;}
.nomrubrilorganis{font-weight:bolder;}
ul.colonrganis{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
li.colonrganisme{float: left;width: 100%!important;padding-bottom: 25px!important;}
.contformation{background:#7291a6; padding:5% 4%;}
.titblokbleu{font-size: 17px!important;font-weight: bold!important;padding-bottom: 35px!important;line-height: 28px!important;}
.colgauchblokbleu{width: 100%!important; float: left!important; text-align:justify;}
.coldroitblokbleu{width: 100%!important; float: right!important; text-align:justify;}
.instituniveau{float: left; margin-bottom: 2px;}
.cilforma{font-size: 11px; font-weight:700;}
.txtblokbas{font-size: 13px; font-weight:700;padding:7% 0% 7% 0%;line-height: 18px;}
.blokbtnnoir{width:100%;margin-left: auto;margin-right: auto;padding-bottom: 8%;}
.blokbasgauch{width: 30%!important; float: left;}
.blokbasdroit{width: 33%; float: right;}
.txtgratuit{margin:31% 0 0 42%!important; font-size: 7px;line-height: 19px;float: none!important;}
.txtrappel{margin:13% 0 0 45%!important; line-height: 9px;font-size: 7px;}
.txtlibre{margin:8% 0 0 32%!important; line-height: 7px;font-size: 7px;}
.imggratuit{width:31px; height:40px; float: left; margin-left: 35%;}
.imgappel{width:30px; height:33px; margin-left: 33%;}
.imgsans{width:31px; height:37px; margin-left: 25%;}
.banner-fiche{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:120px;margin-top:0px;margin-left: 1%!important;padding-top:1px;}
.banner-fiche h1{text-align: left;vertical-align: middle;line-height: 20px!important;color:#999;font-size: 10px;letter-spacing: 0px;margin: 0% 0 0 5%;}
.containerorganisme{text-align:justify;font-size: 12px;line-height: 18px;margin-right: 15px;}
/*.btn-community-hp{padding:15px 10px; margin: 0 0 20% 5%;width: 90%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}*/
.btn-accpro-hp{padding:15px 10px; margin: 10px 0 30px 0;width: 100%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}
/*.imgtetedeco{margin:-10% 0 0 15%!important;}*/
/* FIN Fiche détail annuaire formation */

/* Tableau formulaire coach scolaire */
.nav-tabs > li > a {margin-right: 3px!important;border: 0px solid transparent!important;border-radius: 4px 4px 0 0;line-height: 1!important;}
.nav > li > a {position: relative;display: block;padding: 10px 11px!important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #f5f5f5!important;font-size: 10px!important;}
.nav nav-tabs{margin: 0;padding: 0;font-size: 0;border-bottom-color: #EEE;}
.nav-tabs > li {float: left;margin-bottom: -1px;background-color: #b0cadc;font-size: 9px;}
.tab-content {border-radius: 0 0 4px 4px;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 4%);background-color: #F5F5F5;border: 1px solid #EEE;border-top: 0;padding: 9px;margin-bottom: 5%;}
.zone-coach{width: 100%!important;display: inline-block;vertical-align: top;float:left!important; margin-top:7%;margin-left:6px!important;}
.zone-form-coach{width: 105%!important;display: inline-block;vertical-align: top;float:left;margin-top:4%!important;}
.right-coach{border-top: none;padding: 2px 20px 4px 20px;}
.caracteristiquecoach{background: #7391a6;-webkit-border-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;
    -moz-border-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.texteblanc{font-size: 25px !important;font-weight: 600;color:#FFF;text-align: center;}
.background-white {background: #FFF;-webkit-border-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.list.list-icons.list-icons-style-3 li > .fa:first-child {background-color: #b0cadc;color: #FFF;border-radius: 50%;width: 25px;height: 25px;text-align: center;padding: 7px;font-size: 12px;}
.list.list-icons {list-style: none;padding-left: 0;padding-right: 0;text-align: left;padding-top: 5px;padding-left: 6px!important;}
.panel-bleu > .panel-head {color: #fff;background-color: #b0cadc;border-color: #b0cadc;text-align: left;font-size: 10px!important;font-weight: 700!important;letter-spacing: 0px!important;line-height: 22px;}
.panel-bleu {border-color: #b0cadc;border: none;-webkit-box-shadow: 6px 6px 5px 0px rgb(221 221 221)!important;-moz-box-shadow: 6px 6px 5px 0px rgba(221,221,221,1)!important;box-shadow: 6px 6px 5px 0px rgb(221 221 221)!important;}
.panel-head {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
li.textlicoach{font-size:10px; line-height: 12px; padding-bottom: 1px;letter-spacing: 0px;font-weight: 700;}
.larg{padding:0px}
.tab-content>.active {display: block;}
.tabs.forms .nav-tabs li.active a, .tabs.forms .nav-tabs li.active a {background: #F5F5F5;}
.tabs.forms .nav-tabs li a, .tabs.forms .nav-tabs li a:hover {background: #04496f;font-weight: bold;}
.radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;float: left; margin-right: 10px; margin-top: 0px; margin-bottom: 10px;}
.coahcaptc{transform:scale(0.65);-webkit-transform:scale(0.65);transform-origin:0 0;-webkit-transform-origin:0 0;margin-left: 6%;}	
.col-md-themadres{width: 90%;padding-left: 15px;}
.blocktexte{font-size:15px; margin:10px 0 10px 0; text-align:justify;color: #000;}
.coachscolaire{margin-top:10%;}
.colorcoach{background: #b0cadc; padding:15px; margin-bottom: 25px;}
.textcoach{font-size:18px; padding: 10px 5px 15px 5px; font-weight:700; color:#535658;}
.textco{font-size:14px;text-align:justify;}
.text-intro-orienter{text-align: justify; line-height: 18px; font-size: 12px; font-weight: 300; letter-spacing: 1px; margin: 10px 0 10px 0;color: #181818;}
.orient-coach-txt{margin-top: 15px;font-size: 12px;line-height: 18px;color: #181818;}
.lototxt{font-size: 12px; color:#999; line-height: 8px;}
.formlototxt{font-size: 9px; color:#999; margin-top: 8px;line-height: 8px;}
.col-orient-10{float: left; width: 50%!important; margin-left: 1%!important;display: inline-block;vertical-align: top;}
.col-orient-3{float: left; width: 180%!important; margin-left: 9%!important;display: inline-block;vertical-align: top;}
.col-orient-3searchannauire{float: left; width: 200%!important; margin-left: 8%!important;display: inline-block;vertical-align: top;}
.col-lg-12-champhp{float: left; width: 109%!important; margin-left: 0%!important;}
.col-lg-12-ch{float: left; width: 100%!important; margin-left: 0%!important;}
.col-orient-2{float: left; width: 4%;display: inline-block;vertical-align: top;}
.col-orient-4{float: left; width: 180%!important; margin-left: 9%!important;display: inline-block;vertical-align: top;}
.col-orient-5{float: left!important; width: 88%!important; margin-left: 7%!important;display: inline-block;vertical-align: top;}
.col-orient-5coach{float: left; width: 100%!important; margin-left: 7%;display: inline-block;vertical-align: top;}
#search-form-top {padding: 11px;width: 178%!important; background: #323232; color: white; margin-left: 5px;}
#search-form-tope {padding: 11px;width: 203%!important; background: #323232; color: white; margin-left: 5px;}
.coach-link{background:#f7655a;min-height:70px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius:1rem;border-bottom-left-radius:1rem;display: flex;justify-content: center;}
.coach-link a{height: 70px!important;color: white;padding: 8% 0 0 2%;font-weight: bold;line-height: 26px;font-size: 13px;display: flex;justify-content: center;text-align: center;}
.adresse1{margin-left:10px;line-height: 10px;font-size:10px;}
.cherchecoach{text-align:left;font-size:12px;color:#888;margin-left: 0px;width: 107%!important;}
/* Fin Tableau formulaire coach scolaire */

/* Pages =>> annuaire coach sans - annuaire no data - coach ollege */
.bg-grey {background-color: rgb(247, 247, 247) !important;padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;}
.border-left-blue {border-left: 4px solid #e6ae49;}
.info{padding: 15px;border-radius:1rem;}
.infc{text-align:left; padding:15px;}
.heading-info{margin-bottom:1.5rem;font-size: 12px;font-weight: 800;line-height: 16px;}
.heading-icon-annu{color:#7291a6;line-height: 19px;font-size: 12px;font-weight: 800;line-height: 15px;}
.adresse{margin-left:10px;font-weight:600;}
.d-lg-block{margin-bottom:10px;}
.font-weight-bold{text-align:left; margin-left:10px; font-weight:bold;color:#323232;}
.d-flex {display: -ms-flexbox!important;display: flex!important;margin-left:20px;}
.text-dark{margin-left:5px;}
.content{margin-top:15px;font-size:12px;}

/* Pages search formation et search coach */
.bg-top-job-home {background-color: #c8d1f7;padding: 15px;}
.pt-3, .py-3 {padding-top: 1rem !important;}
.d-lg-block {display: block !important;}
.fs-sm {font-size: 0.8rem;}
.mb-1, .my-1 {margin-bottom: .25rem !important;}
.align-items-start {-ms-flex-align: start !important;align-items: flex-start !important;}
.landing select {height: 41px;font-size: 14px !important;padding: 10px 0px 10px 10px;color: #999;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.bg-white {background-color: white !important;}
/* Fin Page search formation et search coach */
/* Fin Pages =>> annuaire coach sans - annuaire no data - coach ollege */
	
/* Block Tableau formulaire formation */
.labtextform2{float: left;margin-bottom: 2px;letter-spacing: 0px;line-height: 14px;font-size: 13px;}
.fomation_link{background:#f7655a;min-height:70px!important;border-top-right-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important;display: flex;justify-content: center;}
.fomation_link a{color: white;padding: 5% 0 0 2%!important;font-weight: bold;line-height: 26px;font-size: 17px!important;display: flex;justify-content: center;text-align: center!important;}
/*.debut-format{background: #7291a6;margin-top: 20%;}*/
a.content{color: #323232;cursor: pointer; text-decoration:underline;}
a.contentcoach{color: #323232;cursor: pointer; text-decoration:underline; font-size: 10px;margin-left: 50px;}
/*.gap-newsletter{margin: 0px 0 1px 0!important;}*/
.gaptab{height: 0px;}
/*.col-left-tabform {width: 95%!important;float: left;text-align: justify;display: inline-block;vertical-align: top;margin-left: 0px;}*/
/*.col-right-tabform {width: 95%!important;float: left;text-align: justify;display: inline-block;vertical-align: top;margin-left: 2px!important;}*/
.col-md-btnred{width: 91%; float:left;margin-bottom: 8%;margin-left: 4%;}
/*.btn-newslet{color: #fff;background: #e6ae49;border: none;height: 40px;padding: 15px 32px;margin: 0px;width: 100%;font-size: 12px!important;}*/
.ajouttext{align-items: center;justify-content: center;cursor: pointer;font-weight: 700!important;color: #323232;}
.text-white-form{font-weight: 700; font-size: 16px;color: #fff;}
/*.btnformat-rouge{background-color: #e64a59;border-color: #e64a59;color: white;font-weight: 700!important;padding-left: 3rem!important;padding-right: 3rem!important;padding: 15px 0 15px 0;width: 99%!important;margin-bottom:30px;white-space: pre-wrap!important;}*/
/*.btnformat-red{background-color: #e64a59;border-color: #e64a59;color: white;font-weight: 700!important;padding-left: 1rem!important;padding-right: 1rem!important;margin-top: 2rem!important;margin-bottom: 3rem;padding: 10px 0 10px 0;width: 98%!important;white-space: pre-wrap!important;margin-left:-10px!important;}*/
.fas{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 130%;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-left: .5rem!important;}
.form-tab-forma{margin-bottom: 5px;}
.pr-lg-4{letter-spacing: 1px;line-height: 18px;color: #fff;}
::placeholder {font-size: 0.9em;}
.labcil{float: left; padding:0px 10px 0 12px;}
.labcil2{float: left; padding:0px 10px 0 5px;}
.cillototxt {font-size: 10px; color:#999}
a.formation{font-size: 10px;color: #999;}
a.formation:hover, a.formation:active {font-size: 10px;color: #e6ae49;}
.form-tabbis{background-image: url(../images/icon/icon_fleche_bas.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 11px; width:100%;height: 34px;padding: 0px 0 0 10px;margin-left: 0px!important;}
/*a.redformation{font-size: 0.9em; color: #fff;white-space: pre-wrap;}*/
/*a.redformation:hover, a.redformation:active {color: #fff;background: #e64958;}*/
/*.denicherformation{font-size: 20px;margin-top:5px;margin-bottom:5px;font-weight: 700;letter-spacing: 1px;line-height: 23px;color: #fff;text-transform: uppercase;}*/
/*.col-md-4newsletter{width:100%!important;float: left;display: inline-block;vertical-align: top; margin-left:2%;}*/
/*.col-md-6newsletter{width:96%!important;float: left;display: inline-block;vertical-align: top; margin-left:2%;}*/
/* fin block Tableau formulaire formation */
	
.calimgpage{margin:0px 0 10px 0;}
.gap-txt-actu{height:1px;}
.cal-txt-actu{margin: 0px 0px 25px 0px;text-align: justify;}
.txtetudbac{font-size: 11px;}
.actutest{margin-left: -90px;padding: 25px 0 0 5px;}	
.col-md-383 {width: 100%!important;}
.col-md-384 {width: 100%!important;float: left; margin-bottom:20px;}
.espjtstt{height:15px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 12px; overflow: hidden;text-overflow: ellipsis;}
ul.tap, ol.tap  {text-align: justify;font-size: 13px;line-height: 22px;font-weight: 300;}
li.tip {list-style-type: square;}
li.tipdescover {list-style-type: square;line-height: 15px;margin: 5px 0 10px 0;text-align: left;}
h2.bingo{font-size: 14px;font-weight:bold; text-align: left;line-height:17px; padding: 15px 0 0px 0;}
h2.bingo-orient-pro{font-size: 10px;font-weight:bold; text-align: left;line-height:17px; padding: 15px 0 0px 0;}
h6.themmi{font-size: 14px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:17px; padding: 5px 0 5px 0;}
.mith{font-size: 14px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:17px; padding: 5px 0 5px 0;text-transform: uppercase;}
.mithend{font-size: 14px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:17px; padding: 5px 0 5px 0;text-transform: uppercase;}
.desabonner-content-left {margin-left: 18px!important;padding-bottom: 20px;padding-top: 215px!important;padding: 0 15px 0 0;}
.left-desabonner{background:url(../images/coupon.png) no-repeat!important;background-position: right 45% bottom 95%!important;}
.col-md-deso-01{width:95%;text-align: left;display: inline-block;vertical-align: top;}
.col-md-deso-02{width:95%;text-align: center!important;display: inline-block;vertical-align: top;margin-left: -5px!important;}
.right-desabonner {padding-top: 15px;text-align: center;margin-left: -8%;}
.desabonne-form {margin: 20px!important;}
.decouvrezmetier{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;font-size: 17px;}
/*.txtbasnewletter{font-size: 12px;line-height: 24px;margin: 0 15px 0 14px; text-align: justify;}*/
/*.txtnewletter{font-size: 11px; margin-left: 5%!important; font-weight:normal}*/
.btn-mdp-connect{color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 92%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px;}
.btn-mdp-connet:hover{color: #e6ae49;background: rgba(50,50,50,0.85);}
.btn-mdp-done{color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 100%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px;}
.btn-mdp-done:hover{color: #e6ae49;background: rgba(50,50,50,0.85);}
.btn-noir-contact{display: inline-block;color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width:100%;padding:15px;}
.tit-connect{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 5px;margin-bottom: 0px;font-size: 15px;letter-spacing: 3px;line-height: 32px;text-align: left;}
.tit-contact{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 5px;margin-bottom: 0px;font-size: 15px;letter-spacing: 3px;line-height: 32px;text-align: left;}
.circlegreen {background: #7cda9d;border-radius: 180px;color: #212d5b;height: 180px;font-weight: bold;width: 100px;height: 100px;max-width: 100px;display: table;margin: 20px auto;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;font-weight: bold;width: 100px;height: 100px;max-width: 100px;display: table;margin: 20px auto;}	
.circle p {vertical-align: middle;display: table-cell;text-align: center;font-size: 10px;line-height: 10px;font-weight: 300;}
.circlegreen p {vertical-align: middle;display: table-cell;text-align: center;font-size: 10px;line-height: 10px;font-weight: 300;}
.magicimg {width: 1px;}
.facebooboo {width: 315px;}
div.cadrehom {border: 1px dashed;color: #727272;padding: 5px;margin-top: 27px;}
.col-hp-1 {width: 98%; float: left; text-align:justify;margin:0 5px 15px 15px!important;font-size: 14px;font-weight: 300;line-height: 21px;}
.col-hp-2 {width: 98%; float: left; text-align:justify;padding: 0 0 0 15px;}
.col-hp-3 {width: 100%; float: right; text-align:justify;}
.btn-color-tm {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px;width:90%;}
.btn-color-tm:hover {color: #fff;/*color: #e6ae49; background: #fff;*/background: rgba(230,174,73,0.85);width:90%;}
.btn-color-a, .btn-color-b {color: #fff;padding:15px; margin:5px 5px 10px 0px!important;font-size:10px;width: 90%!important;}
.btn-color-c {color: #fff;background: #e6ae49;padding:5px; margin:5px 0px 10px 0px;font-size:9px;width:98%;}
.btn-color-hp {color: #fff;background: #e6ae49;border: none;height: 160px;padding:15px 15px; margin-bottom:20px;width: 100%;}
.btn-color-hp:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.btn-color-d{color: #fff;background: #e6ae49;border: none;margin: 0px;height: 34px;padding: 0px 24px 0 30px;}
.btn-color-d:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
a.orcal{float: none !important;color: #fff;font-size: 9px;}
a.orcal:hover, a.orcal:active {color: #fff;font-size: 9px;}
/*.tit-theme {font-size: 15px;letter-spacing: 1px;line-height: 23px;text-align:justify;font-weight: 800;margin-top: 25px;}*/
.mt-80 {margin-top: 40px;}
.tit-professionnel{font-size: 20px;letter-spacing: 1px;line-height: 23px;margin-bottom:35px;font-weight:700;text-transform: uppercase;}
/*.metier {font-size: 8px;margin-left: 2px!important;margin-top: -11px;color: #000;}*/
.cc-message h2{color:#fff;font-size:13px;font-weight:600;margin-bottom:10px;}
.cc-message p{color:#fff;font-size:11px;font-weight:normal !important;text-align: justify;line-height:17px!important;}
.cc-compliance{margin:2px}
.cc-message p>a{text-decoration:underline;color:#fff;font-size:11px;font-weight:normal !important;}
.form-full {width: 92%!important;}
.form-plein {width: 100%!important;}
.btn-color-orang {color: #fff;padding:15px!important; margin:5px 5px 10px 0px!important;font-size:10px;width:105%!important;background: #e6ae49;}
.btn-color-orangcoach {color: #fff;padding:15px; margin:0px;font-size:9px!important;width:100%;background:#e6ae49;}
.btn-color-orangcoachleft {color: #fff;padding:15px; margin:0px;font-size:10px;width:100%;background:#e64958;}
p.lilatheme{font-size: 14px;font-weight: 300;line-height: 24px;text-align:justify;color:#323232;}
blockquote{padding: 0px 10px!important;margin: 0 0 0 -25px!important;}
h4 {font-size: 13px;letter-spacing: 2px;line-height: 18px;}
.fiche{font-size: 13px;letter-spacing: 2px;line-height: 18px;font-weight: 600;text-transform: uppercase;}
.mb-collegien {margin: 10px 0px 10px 0 !important;text-align: justify;width: 100%!important;line-height: 24px;}
.form-field-wrapper input {margin-bottom: 0px;}
.col-alerte-email{float: left;width: 90%!important;text-align: justify;display: inline-block;vertical-align: top;margin-left: 10px;margin-bottom: 20px;}
/* .select2-container {width: 93%!important;}*/
/*.col-foot-g{width: 49%;text-align: left;display: inline-block;vertical-align: top;margin-left: -7px!important;}*/
/*.col-foot-c{width:30%!important;text-align: justify;display: inline-block;vertical-align: top;}*/
/*.col-foot-d{width:20%;text-align: justify;display: inline-block;vertical-align: top;margin-top: 6px!important;}*/
/*.texteavis{margin-left:5px;line-height: 8px;font-size: 8px;}*/
/*.footer-logo {max-width: 125px;display: inline-block;width: 60%;margin:-15px 6px;}*/
/*.jobfooter{margin: -2px 0 0 -6px;padding-top: 0px;font-size: 12px;}*/
.tosee{left: 21%;}
h1.testmetier{margin: 3% 3% 10% 6%;font-size: 18px;font-weight: 500;letter-spacing: 2px;color: #fff;line-height: 26px;}
h2.testjob{margin: 3% 3% 10% 6%;font-size: 17px;font-weight: 500;letter-spacing: 2px;color: #fff;}
h3.testeztaff{margin: 3% 3% 5% 6%;font-size: 16px;font-weight: 500;letter-spacing: 2px;color: #fff;text-align: center;}
h4.testboulot{margin: 3% 3% 10% 6%;font-size: 15px;font-weight: 500;letter-spacing: 2px;color: #fff;}
.btn-inscript-hp{font-size: 11px;border-color: #fff;color: #fff;padding:11px 15px 12px 15px;margin: 15px 0 0 0;width: 100%;border: 2px solid;background: none;text-transform: uppercase;font-weight: 700;}
.btn-connect-hp{font-size: 11px;background-color: #fff;padding:13px 15px 14px 15px;margin: 5px 0 0 0;width: 100%;font-weight: 700;text-transform: uppercase;}
.decouvrezmetier{letter-spacing: 1px;font-size:15px;margin:5px 0 0 5px;font-weight: 700;line-height: 19px;text-align: center;}
.decouvremetier{letter-spacing: 3px;font-size:32px;margin-top:5px;font-weight: 700;text-transform: uppercase;}
.etudiant {letter-spacing: 3px;font-size:32px;margin-top:5px;font-weight: 700;text-transform: uppercase;}
.orientation{letter-spacing: 1px;margin:8px 0 8px 0;font-size: 22px!important;text-align:center;margin-left: 1px;font-weight: 700;text-transform: uppercase;}
.entreprise{letter-spacing: 1px;font-size: 27px;margin-top:5px;line-height: 28px;text-transform: uppercase;font-weight: 700;}
.decouvrirdesmetiers{letter-spacing: 2px;font-size: 13px;margin-top:5px;font-weight: 700; line-height: 14px;margin-left: -10px;}
li.haut{height:350px!important;}
.intro-content-inner {display: table-cell;vertical-align: bottom!important;padding-bottom: 15%!important;}
/*.col-cible{width: 49%;text-align: center;display: inline-block;vertical-align: top;margin-bottom: 40px;padding-right:5px;padding-left:5px;}*/
/*.text-col-cible{line-height: 20px;font-size: 13px;font-weight: 300;margin: 0px 5px 10px 5px;color: #888;letter-spacing: 1px;text-align: left;}*/
.col-footer-categorie{width: 49%;float: left;text-align: center;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 5px;padding-left: 11px!important;}
.col-footer-categoried{width: 49%;text-align: right;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 0px;padding-left: 45px;}
.mb-60 {margin-bottom: 20px;}
.calerespons {padding:15px;}
/*.tit-footer{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 30px;margin-bottom: 2px;font-size: 9px;letter-spacing: 1px;line-height: 12px;text-align: left;}*/
footer .link a {font-size: 9px!important;letter-spacing: 1px!important;text-align: left;float: left;margin-right: 1px!important;}
.footer ul {list-style: none;margin: 0px;padding: 0px;line-height: 15px;width: 100%!important;text-align: left;}
.btn-md {padding: 11px 0px 12px;margin: 5px 0 0 0;width: 97%;}
.col-img-metier{width: 50%;text-align: center;display: inline-block;vertical-align: top;position: relative;min-height: 1px;margin-bottom: 45px!important;}
.orient-colg {width: 90%!important;text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;line-height: 15px;float: left;font-size: 10px;}
.orient-cold{text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;float:left;width: 100%!important;}
.col-plaire{width: 97%!important;text-align: center;display: inline-block;vertical-align: top;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-bottom: 45px;}
.orientation-or {font-size: 16px!important;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 15px;text-align: justify;line-height: 18px;padding-left: 10px;padding-right: 15px;}
.cont-recrut{margin-right: auto;margin-left: auto;}
h3.parent {font-size: 14px;line-height: 32px;text-align: left;letter-spacing: 0px;}
h3 {font-size: 14px;letter-spacing: 0px;line-height: 22px;text-align: left;}
.modi{font-size: 20px;letter-spacing: 1px;line-height: 23px;font-weight: 700;text-transform: uppercase;}
.caltitaccomp{margin-left: 1px;padding: 25px 0 20px 5px;}
h1.titre-decouvrir-student{font-size: 21px;letter-spacing: 4px;line-height: 32px;text-align: left;padding:25px 0 24px 0;margin-left:9%;}
h1.titre-actu{ font-size: 16px;letter-spacing: 0px;line-height: 17px;text-align: left;margin-top:15%;}
.grotitreactu { font-size: 12px;letter-spacing: 0px;line-height: 22px;text-align: left;}
.biggrotitreactu { font-size: 17px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;}
a.txtrg, .txtrg {color: #ff0000;font-size: 11px;letter-spacing: 0px;}
.form-connect input {margin-bottom: 20px;width: 97%;}
.tit-recherche{font-size: 13px!important;line-height: 18px!important;letter-spacing: 2px!important;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700!important;margin-top: 0px;margin-bottom: 0px;}
.border-box {border: 1px solid #f1f1f1;margin: 10% 0 0 0 ;padding: 20px 20px;}
.form-field-wrapper select {width:92%;}
.logo {margin-left: -18px;}
.page-breadcrumb {border: 1px solid #f1f1f1;margin-top: 18px;letter-spacing: 2px;}
.page-breadcrumb span {display: inline-block;padding-left: 1px;padding-right: 1px;line-height: 12px;}
.ptb-60 {padding-top: 10px;padding-bottom: 0px;}
.col-charte{padding-right: 15px;padding-left: 15px;margin-top:25px;width: 98%!important;display: inline-block;vertical-align: top;}
.col-enterpris{padding-right: 15px;padding-left: 15px;float: left;margin-bottom: 30px;left: 0px;top: 0px;width: 98%;display: inline-block;vertical-align: top;}
.tit-firms{font-size: 13px;letter-spacing: 1px;line-height: 19px;text-align: left;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.row-societe{margin: 25px 5px 5px 0px;width: 100%;}
.ptb-95{padding-top: 50px;padding-bottom: 20px;}
.gris-bg {padding-left: 5px;}
.ptbien {padding-top: 50px;padding-bottom: 0px;}
.motdepasse {padding-top: 50px;padding-bottom: 20px;}
.mt-60 {padding-left: 25px;padding-top: 30px;padding-bottom: 40px;margin-top: 10px;}
.float-right {float: right;font-size: 8px;}
.side-menu {background: #323232 !important;z-index: 2005 !important;color: #fff;padding: 16px 0;overflow-y: auto;position: relative;}
.mtb-xs-0 {margin-top: 0px;margin-bottom: 0px;}
.mt-xs-0 {margin-top: 0px;}
.mb-xs-0 {margin-bottom: 0px;}
.mtb-xs-15 {margin-top: 15px;margin-bottom: 15px;}
.mt-xs-15 {margin-top: 15px;}
.mb-xs-15 {margin-bottom: 15px;}
.mtb-xs-30 {margin-top: 30px;margin-bottom: 30px;}
.mt-xs-30 {margin-top: 30px;}
.mb-xs-30 {margin-bottom: 30px;}
.mtb-xs-60 {margin-top: 60px;margin-bottom: 60px;}
.mt-xs-60 {margin-top: 60px;}
.mb-xs-60 {margin-bottom: 60px;}
.ptb-xs-30 {padding-top: 30px;padding-bottom: 30px;}
.pt-xs-30 {padding-top: 30px;}
.pb-xs-30 {padding-bottom: 30px;}
.ptb-xs-60 {padding-top: 60px;padding-bottom: 60px;}
.pb-xs-60 {padding-bottom: 60px;}
.pt-xs-60 {padding-top: 60px;}
.float-none-xs {float: none !important;color: #fff;}
.float-left-xs {float: left !important;}
.float-right-xs {float: right !important;}
/*.job {font-size: 21px;font-weight: bold;padding-top: 10px;color: #000;margin-left: 0px!important;}*/
/*.to {font-size: 21px;font-weight: bold;color: #fff;position: relative;left: -1px;top: -1px;}*/
/*.see {position: relative;padding-left: 0px!important;top: 0px;}*/
/*.logo a img {left: 0px!important;top: 0px;}*/
.intro-title {letter-spacing: 0;font-size: 30px;}
.inner-intro .container {width: 100%;max-width: 720px;text-align: center;}
/*.inner-intro .container .title h2 {
            float: none;
        }

        .inner-intro .container .title p {
            float: none;
            margin-top: 0px;
        }
        .inner-intro .container .title .separator {
            margin-left:auto;
            margin-right:auto;
        }*/


.nf-col-padding {padding-left: 15px;padding-right: 15px;}
.spacing-grid {padding-top: 15px;padding-bottom: 15px;}
.nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item,  .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2,  .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3,  nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4,  .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1,  .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 {
	width: 100%;max-width: 480px;margin: 0 auto;}
.nf-col-3, .nf-col-4 {margin: 0 auto;max-width: 480px;}
.nf-col-5 .nf-item, .nf-col-6 .nf-item {width: 100%;}
.nf-row2 .nf-item.spacing, .nf-row1 .nf-item.spacing, .spacing-box {padding: 15px;}
/* Fullscreen Slider */
.fullscreen-carousel .caption-hero h1 {font-size: 20px;margin: 0;}
.fullscreen-carousel .caption-hero h5 {margin: 0;font-size: 12px;}
.fullscreen-carousel .caption-hero .separator {margin-left: auto;margin-right: auto;}
.fullscreen-carousel .text-left {text-align: center;}
.fullscreen-carousel.hero-slider-2 .slides li {height: 400px;}
.full-intro .hero {/*padding-top: 64px;*/}
.hero {padding: 0px;}
.scroll-top {opacity: 0;visibility: hidden;}
::-moz-selection {background-color: #e6ae49;color: #FFF;}
::selection {background-color: #e6ae49;color: #FFF;}
.col-barre-rondleft{width: 45%!important; text-align: center; display: inline-block;vertical-align: top; float:left!important;}
.col-barre-rondright{width: 45%!important; text-align: center; display: inline-block;vertical-align: top; float:right!important;}
.col-circle{padding-right: 15px;padding-left: 1px!important;max-width: 100%;width: 30%!important;text-align: center;display: inline-block;vertical-align: top; margin: 10px 1px 10px 2px!important;}
.row-fluid{width: 150%;margin-left: -55px;}
.flotte {float:left;padding:0px 15px 0 0;}
.flottepres {float:left;padding:0px 15px 0 0;width:35%;}
.col-recrutg{width:90%;text-align: left;display: inline-block;vertical-align: top;}
.col-recrutd{width:90%;text-align: left;display: inline-block;vertical-align: top;}
.col-actud{width:100%;text-align: left;display: inline-block;vertical-align: top;margin-top: 15px;padding: 5px 10px;}
.col-actug{width:100%!important;text-align: left;display: inline-block;vertical-align: top;padding: 5px 10px;}
.tit-press{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 10px;font-size: 17px;letter-spacing: 2px;line-height: 28px;}
.btn-black {color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 99%!important;}
.txtastex {color: #ff0000;font-size: 11px;}
.form-bloc-certifier{margin: 18px 0px 0 0px;text-align: justify;}
}


@media (min-width: 600px) and (max-width: 1024px) {
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 230px 230px 450px;margin: 0 0 0 0;}
.g-bloc-dev-mentor{width:100%;margin: 15px;}
.m-bloc-dev-mentor{width:100%;margin: 15px;}
.d-bloc-dev-mentor{width:100%;margin: 15px;}
.imgillusg{margin:3% 5% 2% 1%;max-width: 100%;}
i.mt{font-size: 10px;line-height: 15px;}
.titinscipt{font-size: 22px;letter-spacing: 1px;line-height: 62px;font-weight: 700;text-transform: uppercase;}
.decjo{padding: 2% 8%;width: 90%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #3b5c7f;color: #fff;font-size: .875rem;line-height: 1.5rem;min-height: 2rem;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.decjo:hover, a.decjo:active {padding: 2% 8%;color: #fff;background: #dff6f0;color: #000091;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.gride{display: grid;padding: 30px 25px 0 0;grid-gap: 20px 175px;grid-template-columns: 350px 350px;}	
.bttnjvdmetier{width: 45%;margin: auto;padding: 3% 0 3% 0;}
.containerthem {width: 71%;margin: auto;padding: 3% 0 3% 0;}
button.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 1rem 2.5rem 3rem 0rem;padding: 1rem 2.5rem;background: transparent;outline: none;font-size: 18px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;}
button.btnne::after, button.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
button.btnne::before {border: 0;background-color: #c92918;top: -0.75rem;left: 0.5rem;-webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate; animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
button.btnne::after {background-color: #e74c3c;top: 3rem;left: 13rem;-webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate; animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
button.btnne:hover {color: white;}
button.btnne:hover::before, button.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;-webkit-animation: none;animation: none;}
button.btnne:hover::after {left: 0rem;}
button.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.veux{color:#000}
a.veux:hover{color:#fff}
ul.actu-list-them{list-style-type: none;overflow: hidden;padding-left: 0px;}
li.actlist-them{float: left;width: 80%;}
li.actlist-them2{float: left;width: 15%;}
.boxact-list-them{border-radius: 8px;background-color: #a5e5d4;margin-left: -25px;}
.colothem{font-size:9px;color:#0a3557;}
.list-job-img{max-width: 170px;float: left;}
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width:100%;}
.vign-devenir-mentor{display: grid;grid-auto-rows: minmax(50px, auto);padding: 20px;}	
.actutest{padding: 100px 0 0 0px;width: 82%;margin: auto;}
.container-actu{padding-right: 0px;padding-left: 35px;width: 900px;margin-left: 3%;}	
.grille_metier{display:grid;padding:20px 0;grid-gap:32px 50px;grid-template-columns: 400px 400px;}
.carde[data-format="horizontal-s-fluid desktop-square"]{width:380px; height:400px}}
button.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 1.5rem 3rem;padding: 0rem 2.5rem;background: transparent;outline: none;font-size: 18px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;}
a.bultextejob{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#7291a6;text-decoration:none;line-height: 18px;cursor: help;}
a.bultextejob:hover{z-index:25; background-color:#cff}
a.bultextejob span{display: none}
a.bultextejob:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #0cf;background-color:#cff; color:#7291a6;text-align: justify;padding: 10px 10px; font-size: 12px;}
.txtjobaccord{text-align:justify; margin:0 5% 6% 0;font-size: 16px;}
h3.txtblokejob{font-weight: 600;text-align: left;line-height: 22px;color: #7291a6;font-size: 1.0rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0.5rem 2rem;}		
h4.txtblokejob{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;}
.gmetier{font-size: 0.8rem;line-height: 1.0rem;letter-spacing: 0px;margin-top: 1px;}
li.dev-mentor-cal-li02 {margin: 15px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}
li.dev-mentor-cal-li01 {margin: 9px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}	
.accordionfaq-item-header {padding: 0.5rem 3.3rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 13px;}
li.dev-mentor-cal-tm{margin: 10px 0 0px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 0px;padding-top: 0px;}
.bleuetitactu{font-size: 21px; padding: 12px 10px 7px 0px; font-weight: 800; color: #7291a6;}
h5.theend{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 5px 0 5px 0;}
h4.decouvre{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 5px 0 5px 0;}
h3.tiptop{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 20px 0 5px 0;}
h3.tiptopjob{font-size: 28px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 25px 0;}
h2.bingo{font-size: 20px;font-weight:bold; text-align: left;line-height:24px; padding: 20px 0 8px 0;}
ul.actu{margin-top: 10px;margin-bottom: 16px;}	
.textactubas{line-height: 17px;padding: 5px 15px;text-align: justify;font-size: 15px; color:#000;line-height: 27px; font-weight: 300;background-color:#f6f6f6; border-top: 2px solid #00bcd4;padding: 2% 2% 1% 5%;border-radius: 25px;}
.textactustitr{letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 17px;font-weight: 500;padding:5px 10px 20px 15px; color:#000;}
h5.theendtitre{letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 20px;font-weight: 700;padding:5px 10px 20px 5px; color:#323232;}
.ptitlienbasactu{font-size: 14px;font-weight: 400;}
.textactugraslink{text-align: left;font-size: 14px;color: #000;line-height: 1px;font-weight: 700;padding-top: 15px;}
.textactugraslink02{text-align: left;font-size: 14px;color: #000;line-height: 1px;font-weight: 700;padding-top: 7px;}	
.gralien{font-weight: 700;font-size: 15px;}
.img-icon-devmentor{font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0.5% 0 5% 0%;background-size: 200px 200px;position: absolute;display: block;}
.img-icon-devmentor01{margin: 1% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}	
.img-icon-devmentor02{margin: 0% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}	
.metier-proche-qual{position:absolute;width:220px; height:10px; z-index:2;text-align: left;margin: 2% 25%;}
.bleu-foncer-proc{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 700;border-radius: 6px;padding: 8px 15px 8px 20px;margin: 10px 0 0 20px;width: 170%;}
.competence-qual{position:absolute;width:220px; height:10px; z-index:2;text-align: left;margin: 12% 18%;}
.calbarorange{margin-left:22px}
/*.containeurhange{padding-right:0px; padding-left:15px;width: 900px;margin-left: 4%;}*/
.grbloke{padding-left: 80px;width: 50%; box-sizing: border-box;}
h4.txtbloke{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;}
h3.txtbloke{font-weight: 900;text-align: left;line-height: 15px;color: #7291a6;font-size: 1.0rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0 2rem;}
h3.txtblokejob{font-weight: 600;text-align: left;line-height: 22px;color: #7291a6;font-size: 1.0rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0.5rem 2rem;}
.textparag{text-align: left;color:#696666;margin: 0px 2rem 0rem 2rem;font-family: Arial;font-size: 16px;line-height: 1.3;text-align:justify;}
.cadreblock{display: flex;flex-direction: column;height: 100%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);padding:10px 10px;}
.contblock{margin-top: 50px;margin-bottom: 50px;}
.contblocksuit{max-width: 1440px;margin-left: auto;margin-right: auto;}
.contblockend{row-gap: 30px;margin-left: -80px; display: flex; flex-wrap: wrap;}
.txtblokebig{width: 100%;}
.miclist{line-height: 24px;font-size:16px;font-weight:300;text-align: justify;color: #fff;}
.chmetiertext{text-align:justify; padding-left:10px;line-height: 24px;font-size:16px;font-weight:300;text-align: justify;color: #fff;margin: 10px 0 25px 0;}
	
h2.actudescrip{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;}
.bleu-metiertop{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: normal;border-radius: 6px;padding: 2px 15px;margin: 65px 0 0 5px;width:163%;}
.epaisseur{line-height: 18px;font-size: 14px;font-weight: 600;}
.epaisseurbac{line-height: 18px;font-size: 15px;font-weight: 600;}
.epaisaccroch{line-height: 20px;font-size: 16px;font-weight: 700;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 29px;margin: 30px 0 5px 3px;}
.metier-fiche-centre{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 16px;text-align: left;letter-spacing: 1px;line-height: 25px;margin: 20px 0 25px 3px;}
.metier-fiche{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size:28px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 25px 0 25px 27px;}
.bleu-soft{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 20px;margin: 5px 0 0 5px; width:130%;}
.bleu-soft1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 20px;margin: 55px 0 0 5px; width:130%;}
.bleu-titre-soft{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 700;border-radius: 6px;padding: 10px 20px;margin: 5px;width:130%;}
.bleu-metier-fin{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 1px 0 0 5px;}
.bleu-foncer-proc{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 700;border-radius: 6px;padding: 10px 5px 10px 15px;margin: 20px 0 0 5px; width:270px;line-height: 15px;}
.bleu-syn1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 8px;margin: 68px 0 0 0px; width:125px;}
.bleu-titre{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 15px;font-weight: normal;border-radius: 6px;padding: 2px 35px;margin: 5px 0 0 5px;}
.bleu-metier{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: normal;border-radius: 6px;padding: 2px 20px;margin: 65px 0 0 5px;width:100%;}
.bleu-qual{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: normal;border-radius: 6px;padding: 4px 14px;margin: 6px 0 0 5px;width:163%;}
.bleu-qualfin{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: normal;border-radius: 6px;padding: 4px 14px;margin: 6px 0 0 5px;width:163%;}
.metier-proche-syn{position:absolute;width:250px; height:10px; z-index:2;text-align: left;margin: 5% 35%;}
.competence-qual{position:absolute;width:206px; height:10px; z-index:2;text-align: left;margin: -1% 36.5%;}
.deviens-mentor{position: relative;height: 350px;}
.cal-list-jobbis{padding:0px 0px 0px 4px;margin:0px;text-align: left;}
.actu-block-text{border-color: #00bcd4;height: 100%;margin: 0px!important;font-size: 14px;line-height: 18px;width: 65%;font-weight: 700;}
.bloc-encart-visuel{position:relative; height:145px;}
.guide-verti{list-style-type: none;}
.cadre-img-metier{margin: 0px 15px 0px 15px;width: calc(33% - 30px);}
.surtexte-blanc{color: white;font-weight: 700;font-size: 15px;line-height: 18px;position: relative;text-align: center;text-shadow: 0 1px 2px 0 rgba(96, 96, 96, 0.5);top: 9px;white-space: initial;}
.patissier{position:absolute;top:50px; width:400px; height:10px; z-index:2;text-align: left;}
.guide-metier{position:absolute;top:50px; width:400px; height:10px; z-index:2;text-align: left;}
.metier-proche{position:absolute;width:400px; height:10px; z-index:2;text-align: left;margin: 5% 25%;}	
.metier-patissier{margin: 5px 0 40px 0;}
.textactujts{line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align: left;}
.textbasactu{font-size: 10px;line-height: 15px;}
.textbaspage{max-width: 70%;float: right;}
.etudiant{height: 250px;}
.calblockfichform{padding:1% 6% 0 10%;}
.col-orient-3searchannauire{float: left; width: 17%; margin-left: 1%;display: inline-block;vertical-align: top;}
.col-orient-25{float: right; width: 24%; margin-left: 0%;display: inline-block;vertical-align: top;}
.col-orient-10{float: left; width: 100%; margin-left: 3%;display: inline-block;vertical-align: top;}
.col-orient-5coach{float: right; width: 38%;display: inline-block;vertical-align: top;}
.larg{padding:30px 20px 30px 20px}
.contain-coach{margin: 0 auto;width: 80%;padding-right: 5px! important;padding-left: 20px!important;}
/*.gapinscript{width:90%; margin-left:8%; padding-right:5%;}*/
/*.containernewsletter{margin: 0 auto;width: 90%;padding-right: 35px;padding-left: 35px;}*/
.btn-color-tm {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px;width:37%;}
.btn-color-tm:hover {color: #fff;/*color: #e6ae49; background: #fff;*/background: rgba(230,174,73,0.85);width:37%;}
.largenewsl{height:40px;width:75%;}
.calemailalert{padding-left: 25px;width: 900px;margin-left: 6%;}
ul.listdashbord{list-style-type: none;margin: 0;padding: 0;}
.imgstat{height: auto;max-width: 90%;float: left;margin-bottom: -25%;}
.classemtextaxe{font-size: 14px;text-align: justify;color: #76768b;margin: 5% 5% 5% 5%;font-weight: 500;width: 86%;line-height: 24px;}
.titretaxe{color: #685d24;font-size: 25px;font-weight: 700;margin: 0 0 5% 0;}
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;}
.intitorganism{font-size: 9px;font-weight: bold; text-transform: uppercase; color: #7291a6;padding-left:5px;}
li.posorganism{float: left;width: 33%;}
.titblokbleu{font-size: 30px;font-weight: bolder;padding-bottom: 35px;line-height: 38px;}
.coachscolspacer{margin-top:15%;}
h2.bingo-orient-pro{font-size: 12px;font-weight:bold; text-align: left;line-height:17px; padding: 5px 0 0px 0;}
.devmentor-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete-temoignage-1.jpg);background-size: 190px 190px;display: block;}
.devmentor-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete-temoignage-2.jpg);background-size: 190px 190px;display: block;}
.devmentor-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete-temoignage-3.jpg);background-size: 190px 190px;display: block;}
.orientationprofessionnelle-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete1-orientation-professionnelle-jts.jpg);background-size: 190px 190px;display: block;}
.orientationprofessionnelle-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete2-orientation-professionnelle-jts.jpg);background-size: 190px 190px;display: block;}
.orientationprofessionnelle-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete3-orientation-professionnelle-jts.jpg);background-size: 190px 190px;display: block;}
.changer-metier-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete1-changer-metier-jts.jpg);background-size: 190px 190px;display: block;}
.changer-metier-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete2-changer-metier-jts.jpg);background-size: 190px 190px;display: block;}
.changer-metier-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 0 5% 6%;background-image: url(../images/tete3-changer-metier-jts.jpg);background-size: 190px 190px;display: block;}
li.cadredcjob{float: left;width:50%;}
li.cadre-orientation-professionnelle{float: left;width:100%;}
.title-orientation-professionnelle {background-color: #fff;transform: skewX(-10deg);padding: 15px 10px;margin-left: 3.6%;line-height: 1em;}
.title-descojob .titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px;}
li.dev-mentor-cal-li {margin: 18px 25px 0px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 3px;height: 100%;}
/*li.cadrefooter{float: left;width: 22%;margin-right: 23px;}*/
.largdesc-or{width:70%;margin-left: auto;margin-right: auto;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 100px 100px 70px;}
li.cadredevmentor{float: left;width:99%;}
.col-cadredevmentor{width: 100%;text-align: left;display: inline-block;vertical-align: top;margin-bottom: 40px;padding-right:5px;padding: 15px 15px 35px 0px;}
.page-icon-cadredevmentor {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 200px 200px;position: absolute;display: block;}
.page-icon-cadreorientationpro {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 350px 350px;position: absolute;display: block;}
.text-col-devmentor{line-height: 20px;font-size: 13px;font-weight: 700;margin: 1% 0 0 15%;color: #888;letter-spacing: 1px;text-align: left;}
.gros-devmentor-chi{font-weight: bold; line-height: 100%; margin-bottom: 8px;font-size: 6em;}
.devmentor-chitext{text-align:justify;line-height: 20px; font-size: 14px; font-weight: 300; margin: 15px 50px;}
h5 .devenir-mentor{font-size: 13px;font-weight: 700;text-align: left;line-height: 17px;padding: 5px 0 5px 0;}
.leadbtnmentor{margin: 8% 0 9% 0;}
.col-md-8conseiller {float: left;width: 75%;padding: 10px 20px 0 15px;}
.btn-color-orang {color: #fff;padding:15px!important; margin:5px 5px 10px 0px!important;font-size:10px;width:130%;background: #e6ae49;}
.logo a img {position: absolute;top: 2px;left: 18px;}
/*.col-left-tabform {margin-right:10%;}*/
.containerhp{width:94%! important;margin: 0 10% 0 1%;}
.cont-valeur{margin: 0 auto;width: 87%;padding-right: 0px! important;padding-left: 25px!important;display: table;content: " ";}
.adresse{font-size: 10px;}
.col-md-421annuaire{float: right;width: 19%;margin-left: 15px;}
.fomation_link{background:#f7655a;min-height:230px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius: 0rem;border-bottom-left-radius: 0rem;}
.fomation_link a{display: table-cell;margin: 0;color: white;padding: 0px 0px;padding-top: 65%;vertical-align: middle;height:20px;font-weight: bold;line-height: 20px;font-size: 12px;text-align:left;padding-left: 4px;}	
.fomation_link a:hover{color:#000;}
/*.contai-format{margin: 0 auto;width: 85%;padding-right: 25px! important;padding-left: 0px!important;display: table;content: " ";}*/
.col-lg-12-champhp {float: left;width: 100%;margin-left: 0%;}
/*.debut-format {margin-top: 8%;}*/
/*.denicherformation{font-size: 25px;margin-top: 5px;margin-bottom: 5px;font-weight: 700;letter-spacing: 1px;line-height: 26px;color: #fff;text-transform: uppercase;}*/
.espjtstt{height:16px;line-height: 13px;padding-bottom: 10px;margin: 6px 0 6px 0;white-space: nowrap;font-size: 12px;overflow: hidden;text-overflow: ellipsis;color:#486d71;}
li.tip {list-style-type: square;}
li.tipdescover {list-style-type: square;line-height: 15px;margin: 5px 0 10px 0;font-size: 12px;text-align: left;}
.leaddaydescover{margin:1% 0 5% 0;}
.titmentorhp{margin-right:0%;}
.titparenthp{margin-right:0%;}
.decouvrirdesmetiers{margin-bottom:5px;letter-spacing: 2px;font-size: 11px;font-weight: 700;line-height: 15px;}
.col-md-2annuaire{float: left; padding-right:1px; padding-left:20px;width:20%; margin: 15px 0;}
.col-md-8annuaire{float: left; width:58%; padding-top: 3%;font-size: 12px;}
.heading-info{margin-bottom:1.5rem;line-height: 13px;font-size: 12px;}
.heading-icon-annu{color:#7291a6;font-weight: 600;line-height: 12px;}
.col-tel-logo-tabg{width: 35%;display: inline-block;vertical-align: top;}
a.contentcoach{color: #323232;cursor: pointer; text-decoration:underline;font-size: 13px;margin-left:15%;}
.list.list-icons {list-style: none;padding-left: 0;padding-right: 0;text-align: left;padding-top: 5px;padding-left: 1px;}
.logotxtsmal {font-size: 10px!important;}
.labtextform1{float: left;margin-bottom: 2px;letter-spacing: 0px;line-height: 14px;font-size: 10px;}
.labtextform{float: left;margin-bottom: 2px;letter-spacing: 0px;line-height: 14px;font-size: 11px;}
.labtextform2{float: left;margin-bottom: 2px;letter-spacing: 0px;line-height: 14px;font-size: 13px;}
.col-md-themadres{width: 90%;padding-left: 15px;}
.coahcaptc{transform:scale(0.76);-webkit-transform:scale(0.76);transform-origin:0 0;-webkit-transform-origin:0 0;margin-left: 5%;}
.coach-link a {display: table-cell;margin: 0;color: white;vertical-align: middle;font-weight: bold;line-height: 15px;font-size: 13px;}
.coach-link a:hover, .coach-link a:active {color: #b3372d;}
.col-md-421coachscolaire{float: right;width: 25%;padding: 0 15px 0 0;}
.orient-coach-txt{margin-top: 0px;font-size: 10px;line-height: 16px;color: #181818;}
/*.txtbasnewletter{font-size: 12px;line-height: 20px;}*/
/*.col-md-4newsletter{width:45%;float: left;display: inline-block;vertical-align: top; margin-right:5%;}*/
/*.col-md-6newsletter{width:50%;float: left;display: inline-block;vertical-align: top;}*/
/*.btn-community-hp{padding:15px 10px; margin: 0% 0 10% 0%;width: 80%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}*/
.largimag{margin-top: 0%; width:100%;}
.problockgoch{float: left;width: 53%! important;}
.problockdroit{float: right;width: 42%;margin-top: -35px;display: inline-block;vertical-align: top;margin-left: 4%;}
ol.g-pro-block{list-style-type: none;margin-right: -6px;padding: 0;overflow: hidden; float:left;width:10%;}
ol.c-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left; width:80%; background-image: url(../images/block-gauche-professionnel.jpg); background-position: top;background-repeat:  no-repeat;}
ol.d-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left;}
.textblokcontg1{text-align: justify; font-size:15px; font-weight: bold; margin:10px;line-height: 20px;}
.textblokcontg2{text-align: justify; font-size:13px; margin: 25px 10px 25px 10px;line-height: 20px;}
.tit-jesuispro {font-size: 16px;letter-spacing: 2px;line-height: 20px;text-align: left;margin:13px 5px 0 15px;font-weight: 800;padding-bottom: 20px;}
.btn-accpro-hp{padding:15px 30px; margin: 1px 0 20px 0;width: 100%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}
.container {width:560px;}
.txtetudbac{font-size: 10px;}
li.textlicoach{font-size:10px;font-weight: 700;}
.orient-cold{text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;float:right;width: 52%;margin-right: 5px;}
.col-md-9 {width: 70%! important;}
.col-md-3 {width: 25%! important;}
.col-md-383 {width: 22%;}
.col-md-384 {width: 22%;float: left;margin-right: 10%! important;}
.btn-color-orangcoach {width: 220%; color: #fff;padding:14px 14px 14px 14px!important; margin:0px 15px 0px 0px;font-size:10px!important;background:#e6ae49;}
.col-hp-3 {float: right; text-align:justify;padding: 20px 0 0 15px;}
.customcheck{font-size: 9px!important;}
.btn-color-d{color: #fff;background: #e6ae49;border: none;margin: 0px;width: 103%;height: 35px;padding: 0px 5px 0 5px;}
.btn-color-d:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
a.orcal{float: none !important;color: #fff;}
a.orcal:hover, a.orcal:active {color: #fff;}
.orient-colg {width: 95%!important;}
.col-lg-3{width: 32%; float:left;padding: 0px 0px 0px 15px ! important;}
.col-lg-6{width: 30%; float:left;padding: 0px 0px 0px 5px ! important;}
.col-md-deso-02{width:95%;text-align: left;display: inline-block;vertical-align: top;margin-left: 45px;}
h1.decouvremetier{letter-spacing: 3px;font-size:32px;margin-top:5px;font-weight: 700;text-transform: uppercase;}
.decouvrezmetier{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 0px;margin-bottom: 0px;font-size: 20px;line-height: 29px;margin-left: 5px;}
.pr-lg-4{padding-left: 0.0rem}
.form-bloc-certifier{margin: 18px 50px 0 15px;text-align: justify;}
.btn-fininscrip{width: 97%!important;padding:15px}
.btn-mdp-connect{color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 42%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px;}
.btn-mdp-connet:hover{color: #e6ae49;background: rgba(50,50,50,0.85);}
.btn-mdp-done{color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 100%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px;}
.btn-mdp-done:hover{color: #e6ae49;background: rgba(50,50,50,0.85);}
.btn-noir-contact {display: inline-block;color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 100%;padding: 15px;}
footer .link a {font-size: 10px;letter-spacing: 1px;text-align: left;float: left;margin-right: 34px;}
.tit-connect{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 5px;margin-bottom: 0px;font-size: 15px;letter-spacing: 3px;line-height: 32px;text-align: left;}
h3.orientation{letter-spacing: 1px;margin-top:8px;font-size: 23px!important;text-align:center;margin-left: -5px;font-weight: 700;}
h1.titre-decouvrir{ font-size: 24px;letter-spacing: 4px;line-height: 22px;text-align: left;margin-bottom: 25px;}
h1.titre-decouvrir-student{font-size: 21px;letter-spacing: 4px;line-height: 32px;text-align: left;padding-bottom:25px;margin-left:9%;}
h1.titre-actu{ font-size: 18px;letter-spacing: 0px;line-height: 24px;text-align: left;margin-top: 0px;}
.grotitreactu { font-size: 14px;letter-spacing: 0px;line-height: 22px;text-align: left;}
.biggrotitreactu { font-size: 18px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;}
h1.titre-actualite-jts{font-size: 20px;letter-spacing: 2px;line-height: 17px;text-align: left;top: 5px;}
h3 {font-size: 17px;letter-spacing: 2px;line-height: 32px;text-align: left;}
h3.parent {font-size: 17px;line-height: 32px;text-align: left;letter-spacing: 2px;}
h3.finactu{font-size:14px; font-weight:600; text-transform: none; letter-spacing: 0px;margin-top:0px;line-height: 15px;}
.col-recrutg{width:30%;text-align: left;display: inline-block;vertical-align: top;}
.col-recrutd{width:67%;text-align: left;display: inline-block;vertical-align: top;}
.circlegreen {background: #7cda9d;border-radius: 180px;color: #212d5b;height: 180px;font-weight: bold;width: 130px;height: 130px;max-width: 130px;display: table;margin: 20px auto;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;height: 180px;font-weight: bold;width: 130px;height: 130px;max-width: 130px;display: table;margin: 20px auto;}	
/*.col-foot-d{width:20%;text-align: left;display: inline-block;vertical-align: top;}*/
.titre-plaire{font-size: 11px!important;}
.tit-recherche{font-size: 11px!important;}
.col-plaire{width: 31%!important;text-align: center;display: inline-block;vertical-align: top;position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;margin-bottom: 15px;}
.img-respon-metier {vertical-align: middle;display: block;max-width: 35%;height: auto;}
.perso-tit-push {font-size: 10px!important;text-align: left;font-weight: 600;padding-bottom: 8px;line-height: 18px;}
.btn-orang-valeur {white-space: nowrap;line-height: normal;font-weight: 700;letter-spacing: 0px;text-transform: uppercase;color: #fff;padding: 14px 5px 14px 5px!important;margin: 2px 0px 10px 0px!important;width: 106%!important;background: #e6ae49;}
.orient-inti {font-size: 9px;}
/*.tit-theme {font-size: 16px;letter-spacing: 3px;line-height: 24px;text-align: justify;margin-left:0px;font-weight: 600;}*/
.btn-inscript-hp{border-color: #fff;color: #fff;padding:11px 10px 12px 10px;margin: 15px 0 0 0;width: 100%;border: 2px solid;background: none;text-transform: uppercase;font-weight: 700;}
.btn-connect-hp{background-color: #fff;padding:13px 10px 14px 10px;margin: 5px 0 0 0;width: 100%;font-weight: 700;text-transform: uppercase;}	
/*.job {font-size: 21px;font-weight: bold;padding-top: 10px;color: #000;margin-left: 10px;}*/
#search-form-top {padding: 11px;width: 50%; background: #323232; color: white; margin-left: 22px;}
.adresse1{margin-left:5px;line-height: 13px;font-size:9px;}
.cherchecoach{text-align:left;font-size:12px;color:#888;}
a.orange {float: none !important;color: #fff;}
a.orange:hover, a.orange:active {color: #fff;}
a, a:focus, a:active, a:link, img {outline: none;}
.float-none-xs {float: none !important;color: #fff;}
a.box {cursor: pointer;text-decoration: none;color: #2c1e08;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;display: inline-block;font-weight:700;background-image: url(../images/souligne_filet_jaune.png); background-position: bottom;background-repeat: repeat-x;}
a.box:hover {color: #f54007;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
/*a{cursor: pointer;text-decoration: none;color: #323232;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}*/
a.content{color: #323232;cursor: pointer; text-decoration:underline}
/*a:hover {color: #e6ae49;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}*/
a.txtlink {cursor: pointer;text-decoration: underline;color: #fff;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.txtlink:hover {color: #e6ae49;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.txtrg {color: #ff0000;font-size: 13px;}
.btn-black {color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width: 44%!important;}
.btn-black:hover {color: #fff;/*background: #e6ae49;*/background: rgba(50,50,50,0.85);}
.btn-color-a,{color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px; margin:5px 5px 0 55px;}
.btn-color-a:hover {color: #fff;background: rgba(230,174,73,0.85);}
.btn-white {color: #323232;background: rgba(255,255,255,1);border: none;}
.btn-white:hover {/*color: #fff;background: #e6ae49;*/background: rgba(255,255,255,0.85);color: #323232;}
.btn-black-line, .btn-white-line, .btn-color-line {border: 2px solid;background: none;}
.btn-black-line {color: #323232;border-color: #323232;padding: 9px 20px;}
.btn-black-line:hover {color: #fff;background: #323232;}
.btn-color-line {color: #e6ae49;border-color: #e6ae49;padding: 9px 20px;}
.btn-color-line:hover {color: #fff;background: #e6ae49;}
.btn-white-line:hover {color: #323232;background: #fff;}
.btn-white-line {color: #fff;border-color: #fff;padding: 9px 20px 11px;}
.btn-white-line:hover {color: #323232;background: #fff;}
.btn-link-a, .btn-link-b {color: #323232;background: none;padding-left: 0px;padding-right: 0px;padding-bottom: 3px;border-bottom: 1px dotted transparent;font-weight: 600;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;}
.btn-link-a:hover {color: #e6ae49;border-bottom: 1px solid #e6ae49;}
.btn-link-b:hover {color: #fff;border-bottom: 2px solid #fff;}
.intro-content-inner {display: table-cell;height: 100%;vertical-align: top;padding-top:20%;}
.col-footer-categorie{width: 49%;float: left;text-align: center;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 5px;padding-left: 25px;}
.col-footer-categoried {width: 26%; text-align: right;display: inline-block;vertical-align: top;min-height: 1px;padding-right: 0px;padding-left: 5px;}
.btn-md {padding: 11px 0px 12px;margin: 5px 0 0 0;width: 70%;}
.btn-fininscrip{width: 97%;padding:15px}
.col-img-metier{width: 20%;text-align: center;display: inline-block;vertical-align: top;float: left;position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;margin: 0 5% 2% 0;}	
.col-plaire{width: 32%;text-align: center;display: inline-block;vertical-align: top;position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;margin-bottom: 15px;}
.orientation-or {font-size: 15px;font-weight: 700;text-align: justify;letter-spacing:1px;text-transform: uppercase;margin-bottom: 15px;line-height: 16px;}
.orientation-content {font-size: 16px;line-height: 24px;text-align: justify;letter-spacing:1px;padding-bottom: 25px;}
.mb-collegien {margin: 10px 0px 10px 0;text-align: justify;font-size: 14px;}
.titre-plaire{font-size: 15px;letter-spacing: 1px;line-height: 18px;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align: left;}
.form-field-wrapper {margin-bottom: 5px;}
.tit-recherche{font-size: 14px;letter-spacing: 1px;line-height: 28px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;}
.logo {margin-left: -15px;}
.tosee{left: 15%;}
.col-charte{padding-right: 5px;padding-left: 5px;margin-top:25px;width: 45%;display: inline-block;vertical-align: top;}
.col-enterpris{padding-right: 15px;padding-left: 15px;float: left;margin-bottom: 30px;left: 0px;top: 0px;width: 48%;display: inline-block;vertical-align: top;}
.tit-firms{font-size: 16px;letter-spacing: 2px;line-height: 19px;text-align: left;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.row-societe{margin: 5px 0px 15px 0px;}
.ptb-95{padding-top: 50px;padding-bottom: 20px;}
.img-respon-metier{vertical-align: middle;display: block;max-width: 100%;height: auto;}
.col-circle{padding-right: 15px;padding-left: 15px;max-width: 100%;width: 100%;text-align: center;display: inline-block;vertical-align: top;}
.flotte {float:left;padding:0px 15px 0 0;}
.col-actud{width:65%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:30%;text-align: left;display: inline-block;vertical-align: top;margin-right: 10px;}
.tit-press{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 10px;font-size: 13px;letter-spacing: 2px;line-height: 28px;}
.ptb-sm-80 {padding-top: 50px;padding-bottom:5px!important;}
.btn-black {color: #fff;background: #323232;border: none;margin: 5px 0 20px 0!important;width:35%;}
.orient-colg{text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;line-height: 15px;float:left;}
.orient-cold{text-align: left;display: inline-block;vertical-align: top;padding-top: 10px;float:left;width: 100%;}
.btn-color-or{white-space: nowrap;line-height: normal;font-weight: 700;letter-spacing:0px;text-transform: uppercase;color: #fff;padding: 14px 1px 14px 1px!important;margin: 2px 5px 10px 0px!important;font-size: 10px!important;width: 85%;background: #e6ae49;}
.btn-color-d{color: #fff;background: #e6ae49;border: none;margin: 0px;width: 100%!important;height: 35px;padding: 0px 5px 0 5px;}
.btn-color-d:hover {color: #fff;/*color: #e6ae49;background: #fff;*/background: rgba(230,174,73,0.85);}
.banner-fiche {max-width: 870px;margin-left: 9%;}

/* ===================================
    Menu interne 
====================================== */

.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 6.5rem;line-height: 1.5rem;font-weight: bold;text-transform: uppercase;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 16px;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px!important;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:13px;font-weight:100;color: #486d71;text-decoration: none;line-height: 1.8rem;}
a.titseomenu:hover{font-family:arial;font-size:13px;font-weight:100;color: #4298a1;text-decoration: underline;line-height: 1.8rem;}
.fiche{font-size: 12px;padding-left: 9px;letter-spacing: 2px;line-height: 28px;font-weight: 800;text-transform: uppercase;}

/* ===================================
    Fin Menu 
====================================== */

/* ===================================
   Colonne gauche Actu
====================================== */

.colgauactu{font-weight:500;font-size: 10px;width:100%;padding: 5px 3px 0 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 1rem 0 25px 0;color: #486d71;}
a.boutactu{display: inline-block;color: #486d71;line-height: 18px;background-color: #fff;font-weight: 500;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
a.boutactu:hover{line-height: 18px;display: inline-block;color: #486d71;background-color: rgb(124 194 212 / 70%);font-weight: 500;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
.titrcolgactu{font-weight:400;font-size: 11px;padding: 5px 0px 0 0px;}

/* ===================================
   Fin Colonne gauche Actu
====================================== */


}


 @media (max-width: 480px)(min-width: 768px) {
 .btn-white-line {color: #fff;border-color: #fff;padding: 9px 20px;border: 2px solid;background: none;}
 }
 
/* Affichage mode landscape (version petit smartphone) */
@media (max-width: 480px) {
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;}
.nf-col-5 .nf-item, .nf-col-6 .nf-item {width: 100%;}
.fullscreen-carousel .overlay-hero .caption-hero .inner-caption {padding-left: 15px;padding-right: 15px;}
/*.metier {font-size: 3px;margin-left: 2px!important;margin-top: -11px;color: #000;}*/
.intro-content-inner {display: table-cell;height: 100%;vertical-align: middle;padding-top: 50%;}
.containerhp{width:100%;}
.orient-inti {font-size: 8px;}
.btn-accpro-hp{padding:15px 5px; margin: 10px 0 0 0;width: 100%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}
/*.txtnewletter {font-size: 8px;font-weight: normal;text-align: center;}*/
.decouvrezmetier{letter-spacing: 0px;font-size:15px;margin:5px 0 0 0;font-weight: 700;line-height: 19px;text-align: center;}
.perso-tit-push {font-size: 11px;text-align: left;font-weight: 600;padding-bottom: 8px;line-height: 18px;}
/*.col-foot-g{width: 47%;text-align: left;display: inline-block;vertical-align: top;margin-left: -7px!important;}*/
/*.col-foot-c{width:32%;text-align: justify;display: inline-block;vertical-align: top;}*/
/*.col-foot-d{width:22%;text-align: justify;display: inline-block;vertical-align: top;margin-top: 6px!important;}*/
}

/* Affichage mode landscape */
@media (max-width: 992px) {
/* Début Page Actualité */	
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;}	
.affi-nbr{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 18px;text-align: left;letter-spacing: 1px;}	
.affi-intitul{padding-top: 1px;font-size: 9px;color: #0a3557;font-weight: 600;}
/* Fin Page Actualité */
.bloc-encart-visuel{position:relative; height:145px;margin-bottom: 20%;}
h3.tiptopjob{font-size: 22px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 25px 0;}
.bleuetitactu{font-size: 19px; padding: 13px 10px 5px 0px; font-weight: 800; color: #7291a6;}
h5.theend{font-size: 22px;font-weight: bold;text-align: left;letter-spacing: 1px;line-height: 26px;padding: 5px 0 8px 0;}
h4.decouvre{font-size: 22px;font-weight: bold;text-align: left;letter-spacing: 1px;line-height: 24px;padding: 15px 0 5px 0;}
ul.actu{margin-top: 10px;margin-bottom: 16px;}
.container-actu{padding-right: 0px;padding-left: 5px;width: 800px;margin-left: 0%;}
.calbarorange{margin-left:-5px}
.debut-news1letter{margin: 5% 0 0 0;}
/*.containernewsletter{width: 90%;padding-right: 5px;padding-left: 0px;margin-left: 7%;padding-bottom: 15px;}*/	
/*.vignet-decove{width: 110%;margin-left: 1px;float: left;}*/
.calemailalert{padding-left: 25px;width: 700px;margin-left: 6%;}
ul.listdashbord{list-style-type: none;margin: 0;padding: 0;}
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;}
li.posorganism{float: left;width: 33%;}
.coachscolspacer{margin-top:10%;}
.btn-orientationpro{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-orientationpro:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.title-orientationpro{font-size: 11px;font-weight: 500;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width:100%;}
.title-orientationpro .fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.title-orientationpro .textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.title-orientationpro .title-orientation-professionnelle {background-color: #fff;transform: skewX(-10deg);padding: 15px 10px;margin-left: -6px;line-height: 1em;}
.devmentor-img-rond1 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete-temoignage-1.jpg);background-size: 190px 190px;display: block;}
.devmentor-img-rond2 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete-temoignage-2.jpg);background-size: 190px 190px;display: block;}
.devmentor-img-rond3 {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete-temoignage-3.jpg);background-size: 190px 190px;display: block;}
.orientationprofessionnelle-img-rond1 {float: left;font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete1-orientation-professionnelle-jts.jpg);background-size: 190px 190px;display: block;}
.orientationprofessionnelle-img-rond2 {float: left;font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete2-orientation-professionnelle-jts.jpg);background-size: 190px 190px;display: block;}
.orientationprofessionnelle-img-rond3{float: left;font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete3-orientation-professionnelle-jts.jpg);background-size: 190px 190px;display: block;}
.changer-metier-img-rond1 {float: left;font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete1-changer-metier-jts.jpg);background-size: 190px 190px;display: block;}
.changer-metier-img-rond2 {float: left;font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete2-changer-metier-jts.jpg);background-size: 190px 190px;display: block;}
.changer-metier-img-rond3{float: left;font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 200px;width: 200px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 10% 15% 5% 8%;background-image: url(../images/tete3-changer-metier-jts.jpg);background-size: 190px 190px;display: block;}
.devmentor-img-rondtexte{font-size: 14px;margin: 5% 5% 0 5%;text-align: justify;line-height: 25px; margin-top: 20%;}
.img-icon-devmentor{font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0% 0 0% 0%;background-size: 200px 200px;position: absolute;display: block;}
.img-icon-devmentor01{margin: 1% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}
.img-icon-devmentor02{margin: 0% 0 0% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}	
li.cadredcjob{float: left;width:50%;}
li.cadre-orientation-professionnelle{float: left;width:100%;}
.title-descojob .titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px;}
li.dev-mentor-cal-li {margin: 12px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}
li.dev-mentor-cal-tm{margin: 10px 0 0px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 0px;padding-top: 0px;}
li.dev-mentor-cal-li01 {margin: 9px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}
li.dev-mentor-cal-li02 {margin: 15px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}
/*.footer-nav{margin: 0 0 30px 0;padding-left:0px;}*/
footer .link a {font-size: 9px;letter-spacing: 1px;text-align: left;float: left;margin-right: 2px;}
/*.btn-community-hp{padding:15px 10px; margin: 0% 0 10% 0%;width: 94%;font-weight: 700;text-transform: uppercase;background-color:#000;color:#f5f5dc;}*/
/*.col-foot-g{width: 49%;text-align: left;display: inline-block;vertical-align: top;margin-left: -15px;}*/
/*li.cadrefooter{float: left;width: 50%;margin-right: 0px;}*/
.tit-jesuispro {font-size: 11px!important;letter-spacing: 2px;line-height: 15px;text-align: left;margin:12px 5px 0 15px;font-weight: 800;padding-bottom: 20px;}
.title-descojob{font-size: 0.9em;font-weight: 600;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width:100%;}
.title-descojob .fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.title-descojob .textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.title-descojob .titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 2em;line-height: 2em; font-weight: 700;font-size: 13px;}
.largdesc-or{width:80%;margin-left: auto;margin-right: auto;}
li.cadredevmentor{float: left;width:99%;}
.col-cadredevmentor{width: 100%;text-align: left;display: inline-block;vertical-align: top;margin-bottom: 40px;padding-right:5px;padding: 15px 15px 35px 0px;}
.page-icon-cadredevmentor {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 200px 200px;position: absolute;display: block;}
.page-icon-cadreorientationpro {font-size: 50px;line-height: 50px;padding-top: 20px;color: #141414;height: 100px;width: 100px;background-color: #7291a6;border: 5px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0 0 5% 0%;background-image: url(../images/tete-jobtosee-hp.png);background-size: 350px 350px;position: absolute;display: block;}
.text-col-devmentor{line-height: 20px;font-size: 13px;font-weight: 600;margin: 3% 0 0 19%;color: #888;letter-spacing: 1px;text-align: left;}
.gros-devmentor-chi{font-weight: bold; line-height: 100%; margin-bottom: 8px;font-size: 5em;}
.devmentor-chitext{text-align:justify;line-height: 20px; font-size: 14px; font-weight: 300; margin: 15px 20px;}
h5 .devenir-mentor{font-size: 13px;font-weight: 700;text-align: left;line-height: 17px;padding: 5px 0 5px 0;}
.row{margin-left:0px!important; margin-right:0px!important;}	
/*.col-md-4newsletter{width:40%;float: left;display: inline-block;vertical-align: top; margin-right:4%;}*/
/*.col-md-6newsletter{width:56%;float: left;display: inline-block;vertical-align: top;}*/
.problockgoch{float: left;width:41%;display: inline-block;vertical-align: top;margin-left: 1%;}
.problockdroit{float: left;width: 40%;margin-left: 1%;display: inline-block;vertical-align: top;}
.adresse1{margin-left:9px;line-height: 10px;font-size:10px;}
.mb-1, .my-1 {margin-bottom: .25rem !important;}
a.contentcoach{color: #323232;cursor: pointer; text-decoration:underline;font-size: 13px;margin-left:0%;}
a.content{color: #323232;cursor: pointer; text-decoration:underline;font-size: 13px;margin-left:0%;}
.heading-info{margin-bottom:0.3rem;line-height: 23px;}
.info{padding: 15px;border-radius:1rem;}
.infc{text-align:left; padding:0 15px;}
.icon-box-1 {background-color: #fff;box-shadow: 0 3px 10px #d7d7d7;border-radius: 3px;-webkit-transition: 350ms ease all;transition: 350ms ease all;margin: 20px 0}
.col-md-8conseiller {float: left; width:70%; padding: 6px 0 0 25px;}
.col-orient-3{float: left; width: 17%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-md-421coachscolaire{float: right;width: 25%;padding: 0 1px 0 0;}
.fomation_link a{color: white;padding-top: 48%;padding-left: 2px;font-weight: bold;line-height: 26px;font-size: 12px;display: flex;justify-content: center;text-align: center!important;}
.fomation_link{background:#f7655a;min-height:180px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius: 0rem;border-bottom-left-radius: 0rem;}	
.fomation_link a:hover{color:#000;}
.coach-link{background:#f7655a;min-height:70px;border-top-right-radius:1rem;border-bottom-right-radius:1rem;}
.coach-link a {display: table-cell;margin: 0;color: white;padding: 20px 0 20px 12px;vertical-align: middle;height:225px;font-weight: bold;line-height: 15px;font-size: 12px;}
.coach-link a:hover, .coach-link a:active {color: #b3372d;}
.landing select {height: 41px;font-size: 14px !important;padding: 10px 0px 10px 10px;color: #999;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.py-3 {padding-top: 1rem !important;}
.col-orient-2{float: left; width: 2%;display: inline-block;vertical-align: top;}
.col-orient-4{float: left; width: 21%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-5{float: right; width: 41%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-3searchannauire{float: left; width: 17%; margin-left: 2%;display: inline-block;vertical-align: top;}
.col-orient-10{float: left; width: 90%; margin-left: 5%;display: inline-block;vertical-align: top;}
.col-alerte-email{float: left;width: 45%;text-align: justify;display: inline-block;vertical-align: top;margin-left: 10px;}
.containerhp {margin-left:5%;}
.col-barre-rondleft{width: 40%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.col-barre-rondright{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 0px 100px 0px;}
.btn-color-orang {color: #fff;padding:15px!important; margin:5px 5px 10px 0px!important;font-size:10px;width:100%;background: #e6ae49;}
.form-field-wrapper input {margin-bottom: 0px;width: 90%;}
.btn-color-tm {color: #fff;background: #e6ae49;border: none;height: 40px;padding:15px;width:90%;}
.btn-color-tm:hover {color: #fff;/*color: #e6ae49; background: #fff;*/background: rgba(230,174,73,0.85);width:90%;}
.btn-color-a, .btn-color-b {color: #fff;margin:5px 5px 10px 0px!important;font-size:13px;width: 100%;padding-top: 14px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #f5f5f5!important;}
.nav nav-tabs{margin: 0;padding: 0;font-size: 0;border-bottom-color: #EEE;}
.nav-tabs > li {float: left;margin-bottom: -1px;background-color: #b0cadc;}
.tab-content {border-radius: 0 0 4px 4px;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 4%);background-color: #F5F5F5;border: 1px solid #EEE;border-top: 0;padding: 15px;margin-bottom: 2%;}
.zone-coach{width: 37%;display: inline-block;vertical-align: top;float:right; margin-top:4%;}
.zone-form-coach{width: 60%;display: inline-block;vertical-align: top;float:left;margin-top:2%;}
.right-coach{border-top: none;padding: 16px 20px 4px 20px;}
.list.list-icons.list-icons-style-3 li > .fa:first-child {background-color: #b0cadc;color: #FFF;border-radius: 50%;width: 25px;height: 25px;text-align: center;padding: 7px;font-size: 12px;}
.list.list-icons {list-style: none;padding-left: 0;padding-right: 0;text-align: left;padding-top: 5px;padding-left: 16px;}
.panel-bleu > .panel-head {color: #fff;background-color: #b0cadc;border-color: #b0cadc;text-align: left;}
.panel-bleu {border-color: #b0cadc;border: none;-webkit-box-shadow: 6px 6px 5px 0px rgb(221 221 221)!important;-moz-box-shadow: 6px 6px 5px 0px rgba(221,221,221,1)!important;box-shadow: 6px 6px 5px 0px rgb(221 221 221)!important;}
.labcil{float: left; padding: 0px 10px 0 15px;}
.labcil2{float: left; padding:0px 10px 0 15px;}
.cillototxt {font-size: 11px; color:#999}
.caracteristiquecoach{background: #7391a6;-webkit-border-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;
    -moz-border-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.texteblanc{font-size: 25px !important;font-weight: 600;color:#FFF;text-align: center;}
.background-white {background: #FFF;-webkit-border-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;margin-right: -15px!important;margin-left: -15px!important;}
.coachscolaire{margin-top:10%;}
.colorcoach{background: #b0cadc; padding:15px; margin-bottom: 25px;}
.textcoach{font-size:25px; padding: 10px 5px 15px 5px; font-weight:700; color:#535658;}
.textco{font-size:14px;text-align:justify;}
.cherchecoach{text-align:left;font-size:12px;color:#888;margin-left: 0px;width: 100%;}
.contain-coach{margin: 0 auto;width: 100%;padding-right: 35px! important;padding-left: 20px!important;}
.zone-form-coach{width: 60%;display: inline-block;vertical-align: top;float:left;margin-top:2%;}
.zone-coach{width: 37%;display: inline-block;vertical-align: top;float:right; margin-top:4%;}
.caltitaccomp{margin-left: 1px;padding: 25px 0 20px 5px;}
.col-md-8{margin-left: 20px;}
blockquote{padding: 0px 20px!important;}
.btn-color-orangcoachleft {color: #fff;padding:15px; margin:0px;font-size:10px;width:100%;background:#e64958;}
.col-lg-12-champhp {float: left;width: 100%;margin-left: 4%;}
.col-lg-12-ch{float: left; width: 102%; margin-left: 0%!important;}
/*.col-left-tabform {width: 55%; float: left;text-align: justify;display: inline-block;vertical-align: top; margin-right:5%;}*/
/*.col-right-tabform {width: 33%; float: left;text-align: justify;display: inline-block;vertical-align: top;margin-left: 15px;}*/
.col-img-metier{padding-right: 2px;padding-left: 2px;}	
.problockgoch{float: left;width: 50%;}
.bg-top-job-home {background-color: #c8d1f7;padding: 15px;}
.fas{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 130%;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-left: .5rem!important;}
.bg-grey {background-color: rgb(247, 247, 247) !important;padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;}
.d-lg-block {display: block !important;margin-bottom: 10px;}
.d-flex {display: -ms-flexbox!important;display: flex!important;margin-left:20px;}
.font-weight-bold{text-align:left; margin-left:10px; font-weight:bold;color:#323232;}
.border-left-blue {border-left: 4px solid #e6ae49;}
.calagebtnemail{float: left;width: 100%;padding-top:15px;}
.text-intro-orienter{text-align: justify; line-height: 18px; font-size: 12px; font-weight: 300; letter-spacing: 1px; margin: 10px 0 10px 0;color: #181818;}
h1.titre-decouvrir{ font-size: 26px;font-weight: 700;letter-spacing: 0px;line-height: 22px;text-align: left;margin-top:15px;padding-top: 15px;padding-left: 0px;margin-bottom: 25px;}
.mb-collegien {margin: 10px 0px 10px 0;text-align: justify;width: 95%;line-height: 24px;}
.spacer-15 {width: 100%;height: 35px;}
.form-tabbis{background-image: url(../images/icon/icon_fleche_bas.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 11px; width:98.5%;height: 34px;padding: 0px 0 0 10px;margin-left: 9px;}
.tit-professionnel{font-size: 20px;letter-spacing: 1px;line-height: 23px;margin-bottom:35px;font-weight:700;text-transform: uppercase;}
/*a.redformation{font-size: 0.9em; color: #fff;white-space: pre-wrap;}*/
/*a.redformation:hover, a.redformation:active {color: #fff;background: #e64958;}*/
/*.texteavis{margin-left:5px;line-height: 8px;font-size: 8px;}*/
/*.imgtetedeco{margin:0% 0 0 15%;}*/
.cont-valeur{margin: 0 auto;width: 87%;padding-right: 25px! important;padding-left: 70px;display: table;content: " ";}
p.lead, .lead {font-size: 13px;font-weight: 300;line-height: 20px!important;text-align:justify;color:#323232;}
.modi{font-size: 19px;letter-spacing: 1px;line-height: 23px;font-weight: 700;text-transform: uppercase;}
/*.textblokhp {text-align: justify; padding:0 12% 0 14%;line-height: 20px!important;font-size: 15px;}*/
/*.metier {font-size: 8px;margin-left: 14px;margin-top: -11px;color: #000;}*/
/*li.cadredecouvremetier{float: left;width: 33%;padding-bottom: 25px;}*/
.souligne{display: inline-block;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
/*.tit-theme {font-size: 15px;letter-spacing: 1px;line-height: 23px;text-align:justify;font-weight: 800;margin-top: 25px;}*/
/*.footergris {background-color: #eee;width: 100%;text-align: justify;font-size: 11px;line-height: 14px;color: rgba(132, 127, 127, 0.76);padding: 10px;}*/
/*.debut-format{background: #7291a6;margin-top: 4%;}*/
.btn-color-orangcoach {width: 100%; color: #fff;padding:14px 14px 14px 14px!important; margin:0px 15px 0px 0px;font-size:10px;background:#e6ae49;}
/*.txtnewletter {font-size: 9px;font-weight: normal;text-align: center;}*/
/*.gap-newsletter {margin: 9px 0 0 0; height:10%;}*/
/*.txtbasnewletter {font-size: 10px; line-height: 15px;}*/
/*.btn-newslet {color: #fff;background: #e6ae49;border: none;height: 40px;padding: 15px 1px;margin: 0px;width: 100%;font-size: 9px;}*/
li.dimghp {padding-left: 2%;}
.col-mthem-1{width: 28%;float: left;position: relative;min-height: 1px;padding-right: 25px;padding-left: 15px;display: inline-block;vertical-align: top;}
.col-mthem-2{width: 45%;float: left;position: relative;min-height: 1px;padding-right: 25px;padding-left: 15px;display: inline-block;vertical-align: top;}
.col-mthem-3{width: 27%;float: left;position: relative;min-height: 1px;padding-right: 0px;padding-left: 15px;display: inline-block;vertical-align: top;}
.col-md-9 {width: 100%! important;}
.col-md-3 {width: 100%! important;}
.col-md-383 {width: 50%;float: right;}
.col-md-384 {width: 40%;float: left;}
h1.titre-actualite-jts{font-size: 20px;letter-spacing: 2px;line-height: 17px;text-align: left;margin:8% 0 3% 0%;font-weight: 700;}
.mtb-sm-60 {margin-top: 60px;margin-bottom: 60px;}
.mt-sm-60 {margin-top: 60px;}
.mb-sm-60 {margin-bottom: 60px;}
.mtb-sm-45 {margin-top: 45px;margin-bottom: 45px;}
.mt-sm-45 {margin-top: 45px;}
.mb-sm-45 {margin-bottom: 45px;}
.mtb-sm-30 {margin-top: 30px;margin-bottom: 30px;}
.mt-sm-30 {margin-top: 30px;}
.mb-sm-30 {margin-bottom: 30px;}
.mtb-sm-15 {margin-top: 15px;margin-bottom: 15px;}
.mt-sm-15 {margin-top: 15px;}
.mb-sm-15 {margin-bottom: 15px;}
.ptb-sm-0 {padding-top: 0px;padding-bottom: 0px;}
.pt-sm-0 {padding-top: 0px;}
.pb-sm-0 {padding-bottom: 0px;}
.ptb-sm-30 {padding-top: 30px;padding-bottom: 30px;}
.pt-sm-30 {padding-top: 30px;}
.pb-sm-30 {padding-bottom: 30px;}
.ptb-sm-60 {padding-top: 60px;padding-bottom: 60px;}
.pb-sm-60 {padding-bottom: 60px;}
.pt-sm-60 {padding-top: 60px;}
.ptb-sm-80 {padding-top: 50px;padding-bottom: 50px;}
.pb-sm-80 {padding-bottom: 80px;}
.pt-sm-80 {padding-top: 80px;}
.float-none-sm {float: none !important;}
.float-left-sm {float: left !important;}
.float-right-sm {float: right !important;}
.features-box-left {display: block;padding-left: 0px;text-align: center;}
.features-box-right {display: block;padding-right: 0px;text-align: center;}
.features-icon-left, .features-icon-right {position: relative;}
.features-icon-left {padding-right: 0px;left: auto;}
.features-icon-right {padding-left: 0px;right: auto;}
.nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item,  .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2,  .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3,  nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4,  .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1,  .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 {
	width: 50%;}
.nf-col-5 .nf-item, .nf-col-6 .nf-item {width: 33.3333%;}
.nf-row2 .nf-item.spacing, .nf-row2 .grid-sizer.spacing {padding: 25px;}
/* Fullscreen Slider */
.fullscreen-carousel .slides li img {width: 100%;height: 100%;}
.fullscreen-carousel .caption-hero h1 {font-size: 25px;}
.fullscreen-carousel .overlay-hero .caption-hero {padding-left: 15px;padding-right: 15px;}
p.info_news{text-align:center;color:#7291a6;}
/******* page desabonner *******/
.desabonner{margin-top:5%;margin-bottom:5%;border: 1px solid #eee;}
.left-desabonner{background:url(../images/coupon.png) no-repeat;}
.desabonner-content-left{margin-left:200px;padding-bottom:20px;padding-top:15px;}
.desabonner-content-left h4{font-size:14px;text-align:left;}
.desabonne-form{margin-left:200px;}
.desabonner-content-left p{text-align:left;}
.right-desabonner{padding-top:15px;}
.right-desabonner p{font-weight:700;margin-left: 40px;}
.right-desabonner ul{list-style:none;}
.right-desabonner ul li{display:inline-block;border: 1px solid #eee;padding: 10px;}
#search-form-top {padding: 11px;width: 50%; background: #323232; color: white; margin-left: 3px;}
#search-form-tope {padding: 12px;width: 70%; background: #323232; color: white; margin-left: 5px;}
.col-md-2annuaire{float: left; padding-right:1px; padding-left:20px;width:20%; margin: 5px 0;}
.col-md-421annuaire{float: right;width: 16%;padding-right: 0px;}
.col-md-8annuaire{float: left; width:61%; padding-top: 0%;font-size: 12px;}
.col-orient-5coach{float: left; width: 50%; margin-left: 7%;display: inline-block;vertical-align: top;}
/*.btnformat-rouge{background-color: #e64a59;border-color: #e64a59;color: white;font-weight: 700!important;padding-left: 3rem!important;padding-right: 3rem!important;padding: 15px 0 15px 0;width: 100%;margin-bottom:30px;white-space: pre-wrap!important;}*/
/*.btnformat-red{background-color: #e64a59;border-color: #e64a59;color: white;font-weight: 700!important;padding-left: 1rem!important;padding-right: 1rem!important;margin-top: 2rem!important;margin-bottom: 3rem;padding: 10px 0 10px 0;width: 100%;white-space: pre-wrap!important;margin-left:10px;}*/

/* Fiche détail annuaire formation */
.calblockfichform{padding:1% 5% 0 5%;}
h2.txttitorganisl{font-size: 15px;font-weight: bold;}
h3.titorganism{font-size: 21px;font-weight: bold;padding-bottom:7px;}
h4.titcont{font-size: 21px;font-weight: bold;padding-bottom:0px;}
.colorpictorganism{color:#7291a6;line-height: 12px;margin-left:15px;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
/*ul.listorganismfooter{list-style-type: none;margin: 0;padding: 0;overflow: hidden;width: 50%;float: left;}*/
ol.g-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left;width:6%;}
ol.c-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left; width:72%; background-image: url(../images/block-gauche-professionnel.jpg); background-position: top;background-repeat:  no-repeat;}
ol.d-pro-block{list-style-type: none;margin: 0;padding: 0;overflow: hidden; float:left;}
blockquote.colorbarorganism{border-left: 4px solid #7291a6;padding: 0px 10px!important;margin: 10px 0 5px 0!important;font-size: 11px;}
.intitorganism{font-size: 9px;font-weight: bold; text-transform: uppercase; color: #7291a6;padding-left:5px;}
.fondcelorganism{background-color:#cadeef;padding:6px;margin: 2% 5% 0 5%;}
.adresseorganism{font-weight: 600; font-size: 9px; margin: 0 20px 0 0px;}
.iconcal{font-size:24px;color:#476c85;vertical-align: middle;margin-left: 0.5rem;}
.iconcalbis{font-size:19px;color:#476c85;vertical-align: middle;}
/*.textblokhp{text-align: justify; padding:0 15% 0 15%;line-height: 20px!important;}*/
.textblokcontg1{text-align: justify; font-size:17px; font-weight: bold; margin: 0px 20px 2px 20px;line-height: 17px;}
.textblokcontg2{text-align: justify; font-size:12px; margin: 10px 20px 11px 20px;line-height: 20px;}
.souligne{display: inline-block;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
/*li.cadredecouvremetier{float: left;width: 32%;}*/
li.gtexthp{float: left;width: 45%;}
li.dimghp{float: right;width: 55%;}
li.posorganism{float: left;width: 33%;}
li.petitosorganism{font-size:10px;}
ol.pttiorg{list-style-type: square;}
.nomrubrilorganis{font-weight:bolder;}
ul.colonrganis{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
li.colonrganisme{float: left;width: 32%;}
.titblokbleu{font-size: 24px;font-weight: bolder;padding: 35px 0 35px 0;line-height: 30px;}
.colgauchblokbleu{width: 40%; float: left; text-align:justify;}
.coldroitblokbleu{width: 40%; float: right; text-align:justify;}
.instituniveau{float: left; margin-bottom: 2px;font-size: 11px;}
.cilforma{font-size: 11px; font-weight:700;}
.txtblokbas{font-size: 13px; font-weight:700;padding:7% 0 7% 0;text-align: center;}
.blokbtnnoir{width:80%;margin-left: auto;margin-right: auto;padding-bottom: 8%;}
.blokbasgauch{width: 33%; float: left;}
.blokbasdroit{width: 33%; float: right;}
.txtgratuit{margin:5% 0 0 55%; float: right;}
.txtrappel{margin:10% 0 0 20%;}
.txtlibre{margin:7% 0 0 -10%;}
.imggratuit{width:62px; height:81px; float: right;}
.imgappel{width:61px; height:67px; margin-left: 37%;}
.imgsans{width:62px; height:75px;}
.containerorganisme{text-align:justify;font-size: 12px;line-height: 18px;margin-top:10px;}
/* FIN Fiche détail annuaire formation */


}

@media screen and (orientation: portrait) {
.col-michthjts{padding-right: 0px;padding-left: 2px;margin-left: 13px;}
.problockgoch{float: left;width: 99%;margin-left: 0%;padding-left: 1px;}
}

@media screen and (orientation: landscape) {
.containerhp {width:88%;}
}

/******** pagination ***********/
.bloc_paginate {
    text-align: center;
    margin-bottom: 20px;
}

#pagination {
    margin-top: 20px;
    padding-top: 30px;
}

.link {
    background: transparent;
   /* border: #323232 1px solid;*/
    border-left: 0px;
    cursor: pointer;
    color: #607d8b;
	padding: 10px 15px;
}

.current {
    background: #323232;
	color: #fff;
}

.disabled, :disabled {
    pointer-events: none!important;
}

.disabled {
    cursor: not-allowed;
    color: #bccfd8;
}

.first {
    border-left: #bccfd8 1px solid;
}

.dot {
	background: transparent;
	border-right: #323232 1px solid;
	padding: 10px 15px;
}



/******** Page découvrir des métiers ***********/

@media (max-width: 767px) {
.wrapper--coque{padding-left:3%;}
.slider,.slider__wrapper{position:relative;z-index:1;width:100%}
.slider__wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;padding:1.25rem 0;-webkit-transform:translateZ(0);transform:translateZ(0);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.slider__wrapper::-webkit-scrollbar{display:none}
.slider__wrapper:after{content:"";padding:.5rem}
.container--game .iframe-img img{width:100%;min-height:200px}.m-0{margin:0}.p-0{padding:0}.gap-0{grid-gap:0}.mt-0{margin-top:0}.pt-0{padding-top:0}.mr-0{margin-right:0}.pr-0{padding-right:0}.mb-0{margin-bottom:0}.pb-0{padding-bottom:0}.ml-0{margin-left:0}.pl-0{padding-left:0}.m-2{margin:.125rem}.p-2{padding:.125rem}.gap-2{grid-gap:2px}.mt-2{margin-top:.125rem}.pt-2{padding-top:.125rem}.mr-2{margin-right:.125rem}.pr-2{padding-right:.125rem}.mb-2{margin-bottom:.125rem}.pb-2{padding-bottom:.125rem}.ml-2{margin-left:.125rem}.pl-2{padding-left:.125rem}.m-4{margin:.25rem}.p-4{padding:.25rem}.gap-4{grid-gap:4px}.mt-4{margin-top:.25rem}.pt-4{padding-top:.25rem}.mr-4{margin-right:.25rem}.pr-4{padding-right:.25rem}.mb-4{margin-bottom:.25rem}.pb-4{padding-bottom:.25rem}.ml-4{margin-left:.25rem}.pl-4{padding-left:.25rem}.m-5{margin:.3125rem}.p-5{padding:.3125rem}.gap-5{grid-gap:5px}.mt-5{margin-top:.3125rem}.pt-5{padding-top:.3125rem}.mr-5{margin-right:.3125rem}.pr-5{padding-right:.3125rem}.mb-5{margin-bottom:.3125rem}.pb-5{padding-bottom:.3125rem}.ml-5{margin-left:.3125rem}.pl-5{padding-left:.3125rem}.m-8{margin:.5rem}.p-8{padding:.5rem}.gap-8{grid-gap:8px}.mt-8{margin-top:.5rem}.pt-8{padding-top:.5rem}.mr-8{margin-right:.5rem}.pr-8{padding-right:.5rem}.mb-8{margin-bottom:.5rem}.pb-8{padding-bottom:.5rem}.ml-8{margin-left:.5rem}.pl-8{padding-left:.5rem}.m-10{margin:.625rem}.p-10{padding:.625rem}.gap-10{grid-gap:10px}.mt-10{margin-top:.625rem}.pt-10{padding-top:.625rem}.mr-10{margin-right:.625rem}.pr-10{padding-right:.625rem}.mb-10{margin-bottom:.625rem}.pb-10{padding-bottom:.625rem}.ml-10{margin-left:.625rem}.pl-10{padding-left:.625rem}.m-12{margin:.75rem}.p-12{padding:.75rem}.gap-12{grid-gap:12px}.mt-12{margin-top:.75rem}.pt-12{padding-top:.75rem}.mr-12{margin-right:.75rem}.pr-12{padding-right:.75rem}.mb-12{margin-bottom:.75rem}.pb-12{padding-bottom:.75rem}.ml-12{margin-left:.75rem}.pl-12{padding-left:.75rem}.m-14{margin:.875rem}.p-14{padding:.875rem}.gap-14{grid-gap:14px}.mt-14{margin-top:.875rem}.pt-14{padding-top:.875rem}.mr-14{margin-right:.875rem}.pr-14{padding-right:.875rem}.mb-14{margin-bottom:.875rem}.pb-14{padding-bottom:.875rem}.ml-14{margin-left:.875rem}.pl-14{padding-left:.875rem}.m-15{margin:.9375rem}.p-15{padding:.9375rem}.gap-15{grid-gap:15px}.mt-15{margin-top:.9375rem}.pt-15{padding-top:.9375rem}.mr-15{margin-right:.9375rem}.pr-15{padding-right:.9375rem}.mb-15{margin-bottom:.9375rem}.pb-15{padding-bottom:.9375rem}.ml-15{margin-left:.9375rem}.pl-15{padding-left:.9375rem}.m-16{margin:1rem}.p-16{padding:1rem}.gap-16{grid-gap:16px}.mt-16{margin-top:1rem}.pt-16{padding-top:1rem}.mr-16{margin-right:1rem}.pr-16{padding-right:1rem}.mb-16{margin-bottom:1rem}.pb-16{padding-bottom:1rem}.ml-16{margin-left:1rem}.pl-16{padding-left:1rem}.m-18{margin:1.125rem}.p-18{padding:1.125rem}.gap-18{grid-gap:18px}.mt-18{margin-top:1.125rem}.pt-18{padding-top:1.125rem}.mr-18{margin-right:1.125rem}.pr-18{padding-right:1.125rem}.mb-18{margin-bottom:1.125rem}.pb-18{padding-bottom:1.125rem}.ml-18{margin-left:1.125rem}.pl-18{padding-left:1.125rem}.m-20{margin:1.25rem}.p-20{padding:1.25rem}.gap-20{grid-gap:20px}.mt-20{margin-top:1.25rem}.pt-20{padding-top:1.25rem}.mr-20{margin-right:1.25rem}.pr-20{padding-right:1.25rem}.pb-20{padding-bottom:1.25rem}.ml-20{margin-left:1.25rem}.pl-20{padding-left:1.25rem}.m-24{margin:1.5rem}.p-24{padding:1.5rem}.gap-24{grid-gap:24px}.mt-24{margin-top:1.5rem}.pt-24{padding-top:1.5rem}.mr-24{margin-right:1.5rem}.pr-24{padding-right:1.5rem}.mb-24{margin-bottom:1.5rem}.pb-24{padding-bottom:1.5rem}.ml-24{margin-left:1.5rem}.pl-24{padding-left:1.5rem}.m-25{margin:1.5625rem}.p-25{padding:1.5625rem}.gap-25{grid-gap:25px}.mt-25{margin-top:1.5625rem}.pt-25{padding-top:1.5625rem}.mr-25{margin-right:1.5625rem}.pr-25{padding-right:1.5625rem}.mb-25{margin-bottom:1.5625rem}.pb-25{padding-bottom:1.5625rem}.ml-25{margin-left:1.5625rem}.pl-25{padding-left:1.5625rem}.m-30{margin:1.875rem}.p-30{padding:1.875rem}.gap-30{grid-gap:30px}.mt-30{margin-top:1.875rem}.pt-30{padding-top:1.875rem}.mr-30{margin-right:1.875rem}.pr-30{padding-right:1.875rem}.mb-30{margin-bottom:1.875rem}.pb-30{padding-bottom:1.875rem}.ml-30{margin-left:1.875rem}.pl-30{padding-left:1.875rem}.m-32{margin:2rem}.p-32{padding:2rem}.gap-32{grid-gap:32px}.mt-32{margin-top:2rem}.pt-32{padding-top:2rem}.mr-32{margin-right:2rem}.pr-32{padding-right:2rem}.mb-32{margin-bottom:2rem}.pb-32{padding-bottom:2rem}.ml-32{margin-left:2rem}.pl-32{padding-left:2rem}.m-34{margin:2.125rem}.p-34{padding:2.125rem}.gap-34{grid-gap:34px}.mt-34{margin-top:2.125rem}.pt-34{padding-top:2.125rem}.mr-34{margin-right:2.125rem}.pr-34{padding-right:2.125rem}.mb-34{margin-bottom:2.125rem}.pb-34{padding-bottom:2.125rem}.ml-34{margin-left:2.125rem}.pl-34{padding-left:2.125rem}.m-35{margin:2.1875rem}.p-35{padding:2.1875rem}.gap-35{grid-gap:35px}.mt-35{margin-top:2.1875rem}.pt-35{padding-top:2.1875rem}.mr-35{margin-right:2.1875rem}.pr-35{padding-right:2.1875rem}.mb-35{margin-bottom:2.1875rem}.pb-35{padding-bottom:2.1875rem}.ml-35{margin-left:2.1875rem}.pl-35{padding-left:2.1875rem}.m-38{margin:2.375rem}.p-38{padding:2.375rem}.gap-38{grid-gap:38px}.mt-38{margin-top:2.375rem}.pt-38{padding-top:2.375rem}.mr-38{margin-right:2.375rem}.pr-38{padding-right:2.375rem}.mb-38{margin-bottom:2.375rem}.pb-38{padding-bottom:2.375rem}.ml-38{margin-left:2.375rem}.pl-38{padding-left:2.375rem}.m-40{margin:2.5rem}.p-40{padding:2.5rem}.gap-40{grid-gap:40px}.mt-40{margin-top:2.5rem}.pt-40{padding-top:2.5rem}.mr-40{margin-right:2.5rem}.pr-40{padding-right:2.5rem}.mb-40{margin-bottom:2.5rem}.pb-40{padding-bottom:2.5rem}.ml-40{margin-left:2.5rem}.pl-40{padding-left:2.5rem}.m-45{margin:2.8125rem}.p-45{padding:2.8125rem}.gap-45{grid-gap:45px}.mt-45{margin-top:2.8125rem}.pt-45{padding-top:2.8125rem}.mr-45{margin-right:2.8125rem}.pr-45{padding-right:2.8125rem}.mb-45{margin-bottom:2.8125rem}.pb-45{padding-bottom:2.8125rem}.ml-45{margin-left:2.8125rem}.pl-45{padding-left:2.8125rem}.m-48{margin:3rem}.p-48{padding:3rem}.gap-48{grid-gap:48px}.mt-48{margin-top:3rem}.pt-48{padding-top:3rem}.mr-48{margin-right:3rem}.pr-48{padding-right:3rem}.mb-48{margin-bottom:3rem}.pb-48{padding-bottom:3rem}.ml-48{margin-left:3rem}.pl-48{padding-left:3rem}.m-128{margin:8rem}.p-128{padding:8rem}.gap-128{grid-gap:128px}.mt-128{margin-top:8rem}.pt-128{padding-top:8rem}.mr-128{margin-right:8rem}.pr-128{padding-right:8rem}.mb-128{margin-bottom:8rem}.pb-128{padding-bottom:8rem}.ml-128{margin-left:8rem}.pl-128{padding-left:8rem}
.slider{margin-left:auto;margin-right:auto;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;height:auto}
.slider__slide{-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;scroll-snap-align:start start}
.slider .slider__slide:last-of-type{scroll-snap-align:start end}
.slider__button-next,.slider__button-prev{position:absolute;background-color:var(--white);z-index:4;padding:1.375rem 0;width:3.375rem;height:5rem;top:42%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0;margin-left:.625rem;cursor:pointer;display:none;line-height:0;-webkit-box-shadow:.25rem 0 .625rem rgba(0,0,0,.8);box-shadow:.25rem 0 .625rem rgba(0,0,0,.8);border-radius:8.125rem 0 0 8.125rem;-webkit-transform:translateY(-15%);-ms-transform:translateY(-15%);transform:translateY(-15%);-webkit-transition:all .8s cubic-bezier(.16,1,.99,.99);-o-transition:all cubic-bezier(.16,1,.99,.99) .8s;transition:all .8s cubic-bezier(.16,1,.99,.99)}
.slider__button-next em,.slider__button-prev em{margin-left:.625rem}
.slider__button-prev{left:0;right:auto;-webkit-transform:rotate(180deg) translate(19%,15%);-ms-transform:rotate(180deg) translate(19%,15%);transform:rotate(180deg) translate(19%,15%)}
.slider__button-prev:hover{-webkit-transform:rotate(180deg) scale(1.3) translateY(8%) translateX(2px);-ms-transform:rotate(180deg) scale(1.3) translateY(8%) translateX(2px);transform:rotate(180deg) scale(1.3) translateY(8%) translateX(2px)}
.slider__button-next{right:0;left:auto}
.slider__button-next:hover{-webkit-transform:scale(1.3) translateY(-8%) translateX(-2px);-ms-transform:scale(1.3) translateY(-8%) translateX(-2px);transform:scale(1.3) translateY(-8%) translateX(-2px)}
.slider-navigation--visible{display:-webkit-box;display:-ms-flexbox;display:flex}
.slider__controls-dots{position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:.9375rem;z-index:1}
.slider__controls-dots .slider__controls-dot{background:rgba(0,0,0,0);border:0;font-size:2px;color:rgba(0,0,0,0)}
.slider--chapter{background:var(--bg-warning-email-exists);border-radius:.5rem;padding:0.25rem 0;margin-bottom:1.875rem}
.slider--chapter .slider__wrapper{height:4.75rem;border-radius:.5rem;padding:0}
.slider--chapter .slider__button-next,.slider--chapter .slider__button-prev{width:2.125rem;height:3.75rem;top:22%}
.slider--chapter .slider__button-prev{left:-.25rem}
.elementheme{height:100%;width:12.6875rem}
.elementheme__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:100%;width:100%;padding:0 .9375rem}
.elementheme__title p{font-size:.875rem;line-height:1.25rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.elementheme .active,.elementheme__title:hover{font-family:arial;border-bottom:.25rem solid var(--selector-theme)}
.article_metier{display:grid;grid-gap:24px 40px;padding:20px 0;grid-gap:32px 40px;grid-template-columns:repeat(auto-fill,minmax(24px,255px))}
.grille_metier{display:grid;grid-gap:24px 40px;padding:20px 0;grid-gap:32px 40px;grid-template-columns: 200px 200px 200px 200px;}

}

@media (max-width: 992px) {
p.leadparent {text-align: justify;line-height: 24px;font-size: 16px;font-weight: 300;color:#000;}
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 20px;grid-template-columns: 200px 200px 290px;margin: 0 0 0 0;}
.g-bloc-dev-mentor{width:100%;margin: 15px;}
.m-bloc-dev-mentor{width:100%;margin: 15px;}
.d-bloc-dev-mentor{width:100%;margin: 15px;}
.header {position: absolute;text-align: center;top: 0px;z-index: 1000;color: #fff;width: 100%;background-color: #7291a6;height: 94px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;position: fixed;}
.titinscipt{font-size: 20px;letter-spacing: 1px;line-height: 62px;font-weight: 700;text-transform: uppercase;}
.decjo{padding: 2% 8%;width: 90%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #3b5c7f;color: #fff;font-size: .875rem;line-height: 1.5rem;min-height: 2rem;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.decjo:hover, a.decjo:active {padding: 2% 8%;color: #fff;background: #dff6f0;color: #000091;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.gride{display: grid;padding: 30px 25px 0 0;grid-gap: 20px 39px;grid-template-columns: 350px 350px;}	
/* Début Page Actualité */	
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;}	
.affi-nbr{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 18px;text-align: left;letter-spacing: 1px;}	
.affi-intitul{padding-top: 1px;font-size: 9px;color: #0a3557;font-weight: 600;}
/* Fin Page Actualité */
.list-job-img{max-width: 240px;padding-left: 8px;float: left;}
ul.actu-list-them{list-style-type: none;overflow: hidden;padding-left: 0px;}
li.actlist-them{float: left;width: 70%;}
li.actlist-them2{float: left;width: 27%;}
.boxact-list-them{border-radius: 8px;background-color: #a5e5d4;margin-left: -40px;height: 45px;margin-top: -5%;}
.colothem{font-size:10px;color:#0a3557;padding: 5px 1px 10px 17px;line-height: 12px;}
.vign-devenir-mentor{display:grid;padding:20px 0;grid-gap:32px 80px;grid-template-columns: 175px 175px 175px;}
.guide-metier{position:absolute;top:50px; width:400px; height:10px; z-index:2;text-align: left;}
.col-actud{width:65%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:30%;text-align: left;display: inline-block;vertical-align: top;margin-right: 10px;}
.actutest{padding: 30px 0 0 0px;width: 85%;margin: auto;}
.grille_metier{display:grid;padding:20px 0;grid-gap:32px 50px;grid-template-columns: 325px 325px;}
.carde-container {width: 48ch; margin:0 0 0% 20%}
.carde__info{height:100%;padding:8px 0 8px 8px;background-color:var(--bg-light)}
.carde__info,.carde__textarea{width:100%;position:relative}
.carde[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.carde-link.chapter:focus-visible{outline:2px solid var(--chapter-focus)}
.carde{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.card{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.carde:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.carde:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.carde__imagearea{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-placeholder)}
.carde__imagearea--restricted{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.carde__link-image{width:100%;height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color: #a5e5d4;background-image:url(/images/icon-rdv-realise.png);background-size: 200px 200px; background-size: 40% 100%!important; background-repeat: no-repeat, repeat; background-position: center;}
.carde__image{width:inherit;height:100%;-o-object-fit:cover;object-fit:cover}@supports not (width:clamp(1px,1vw,2px)){.carde__image{border-radius:.5rem .5rem 0 0}}
.carde .default-thumbnail{height:auto;width:auto}
.carde__icone,.carde__label{position:absolute;left:8px;max-width: 100%;}
.carde__label{top:8px;font-size:10px;padding:6px 8px;background:var(--bg-light);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:3px}
.card__metadata-info{font-size:10px;}
.card__title{font-size:.85rem;font-weight:600;text-transform: lowercase;text-align: center;}
.card__subtitle{font-size:.70rem;font-weight:400;line-height: 12px;}
.carde__subtitle{color:var(--text-body);font-family:arial;margin-bottom:4px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word;}
.carde[data-format="horizontal-s-fluid desktop-square"].carde--media .carde__imagearea{height:150px}
.carde--media .carde__title--no-subtitle{width:100%;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.carde[data-format="horizontal-s-fluid desktop-square"]{width:310px; height:400px}
.carde__metadata-info{line-height: 15px;font-size: 10px;}
.cardeinfotxt{font-size:12px;line-height: 18px; text-align:justify; padding:5px 5px;}
.card-container {width: 17ch; margin-left:22%}
.bttnjvdmetier{width: 52%;margin: auto;padding: 5% 0 0% 0;}
.containerthem {width: 100%;margin: auto;}
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
button.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 1rem 2.5rem 3rem 0rem;padding: 1rem 2.5rem;background: transparent;outline: none;font-size: 18px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;}
button.btnne::after, button.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
button.btnne::before {border: 0;background-color: #c92918;top: -0.75rem;left: 0.5rem;-webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate; animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
button.btnne::after {background-color: #e74c3c;top: 3rem;left: 13rem;-webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate; animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
button.btnne:hover {color: white;}
button.btnne:hover::before, button.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;-webkit-animation: none;animation: none;}
button.btnne:hover::after {left: 0rem;}
button.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.veux{color:#000}
a.veux:hover{color:#fff}	
a.bultexte{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#000;text-decoration:none;line-height: 18px;}
a.bultexte:hover{z-index:25; background-color:#cff}
a.bultexte span{display: none}
a.bultexte:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:0em; width:18em;border:1px solid #0cf;background-color:#cff; color:#000;text-align: justify;padding: 10px 10px;}
a.bultextejob{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#7291a6;text-decoration:none;line-height: 18px;cursor: help;}
a.bultextejob:hover{z-index:25; background-color:#cff}
a.bultextejob span{display: none}
a.bultextejob:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #0cf;background-color:#cff; color:#7291a6;text-align: justify;padding: 10px 10px; font-size: 12px;}
.txtjobaccord{text-align:justify; margin:0 5% 5% 0;font-size: 15px;}
.col-md-recon{margin: 0px 0px 0px 15px;width: 40%;float: left;}
.card__metadata-info{line-height: 14px;font-size: 11px;margin-top:1px;}
.discojob{padding-left:4%}	
.textactubas{line-height: 17px;padding: 5px 15px;text-align: justify;font-size: 15px; color:#000;line-height: 27px; font-weight: 300;background-color:#f6f6f6; border-top: 2px solid #00bcd4;padding: 2% 2% 1% 5%;border-radius: 25px;}
i.mt{font-size: 10px;line-height: 15px;}
.textactustitr{letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 17px;font-weight: 500;padding:5px 10px 20px 15px; color:#000;}
h5.theendtitre{letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 20px;font-weight: 700;padding:5px 10px 20px 5px; color:#323232;}
.ptitlienbasactu{font-size: 13px;font-weight: 400;}
.textactugraslink{text-align: left;font-size: 14px;color: #000;line-height: 12px;font-weight: 700;padding-top: 8px;}
.gralien{font-weight: 700;font-size: 15px;}
h2.bingo{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; margin: 2% 0 0 0;}
.metier-proche-qual{position:absolute;width:250px; height:10px; z-index:2;text-align: left;margin: 2% 46%;}
.container {margin: 0 auto;width: 100%;padding-right: 5px!;padding-left: 5px;}
.container-actu{padding-right: 0px;padding-left: 35px;width: 770px;margin-left: 1%;}
.bleu-foncer-proc{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: 700;border-radius: 6px;padding: 10px 5px 10px 15px;margin: 20px 0 0 5px; width:342px;line-height: 15px;}
.cc-message h2{color:#fff;font-size:13px;font-weight:600;margin-bottom:10px;}
.cc-message {margin:0 0 0 15px;}
.cc-message p{color:#fff!important;font-size:12px!important;line-height:17px!important;text-align: justify!important;font-weight:normal!important; margin:10px 15px 0 0;}
.metier-fiche{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size:24px;text-align: left;letter-spacing: 1px;line-height: 29px;margin: 5px 0 25px 23px;}
.ptext-metier-gris{color: #999;text-transform: uppercase;font-weight: 500;font-size: 15px;line-height: 16px;margin: 2px 0 10px 0;}
.temoign{width:20%; height:20%;margin:0 5%;vertical-align: -20px;}
.pointille-cadre{border-style: dotted;margin: 5%;padding: 5%;border-radius: 25px;border-color: #999;font-size: 15px;line-height:20px}
.espjtstt{height:16px;line-height: 12px;padding-bottom: 10px;margin: 6px 0 6px 0;white-space: nowrap;font-size: 12px;overflow: hidden;text-overflow: ellipsis;color:#486d71;}
.bleu-titre-soft{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 11px;font-weight: 700;border-radius: 6px;padding: 10px 0px 8px 15px;margin: 5px; width: 130%;}
.bleu-soft1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 12px;margin: 49px 0 0 5px; width:130%;}
.bleu-soft{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 12px;margin: 5px 0 0 5px; width:130%;}
.bleu-titre-diplome{background: #e4edf7;display: inline-block;color: 183153;text-decoration: none;text-transform: uppercase;font-size: 11px;font-weight: normal;border-radius: 6px;padding: 2px 8px;margin: 5px;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 10px;}
.puce-bleu-diplome{min-width: 6px;height: 6px;background-color: #183153;border-radius: 50%;margin-right: 6px;margin-top: 20px;}
.puce-synoni-pati{display: flex;margin-top: 6px;}
.themmich{font-size: 13px;line-height: 18px;font-weight: 400;text-align: left;}
.synoni-job{font-size: 14px;line-height: 18px;font-weight: 600;text-align: left;margin-bottom: 15px;}
.puce-synoni-pati{display: flex;margin-top: 6px;}
.metier-patissier{margin: 5px 0 20px 0;}
.guide-verti{list-style-type: none;display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 5px;margin-left: -15px;margin-right: -15px;margin-top: -15px;width: calc(100% + 30px);}
.wrapper--coque{padding:3%;}
.slider,.slider__wrapper{position:relative;z-index:1;width:100%}
.slider__wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;padding:1.25rem 0;-webkit-transform:translateZ(0);transform:translateZ(0);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.slider__wrapper::-webkit-scrollbar{display:none}
.slider__wrapper:after{content:"";padding:.5rem}
.container--game .iframe-img img{width:100%;min-height:200px}.m-0{margin:0}.p-0{padding:0}.gap-0{grid-gap:0}.mt-0{margin-top:0}.pt-0{padding-top:0}.mr-0{margin-right:0}.pr-0{padding-right:0}.mb-0{margin-bottom:0}.pb-0{padding-bottom:0}.ml-0{margin-left:0}.pl-0{padding-left:0}.m-2{margin:.125rem}.p-2{padding:.125rem}.gap-2{grid-gap:2px}.mt-2{margin-top:.125rem}.pt-2{padding-top:.125rem}.mr-2{margin-right:.125rem}.pr-2{padding-right:.125rem}.mb-2{margin-bottom:.125rem}.pb-2{padding-bottom:.125rem}.ml-2{margin-left:.125rem}.pl-2{padding-left:.125rem}.m-4{margin:.25rem}.p-4{padding:.25rem}.gap-4{grid-gap:4px}.mt-4{margin-top:.25rem}.pt-4{padding-top:.25rem}.mr-4{margin-right:.25rem}.pr-4{padding-right:.25rem}.mb-4{margin-bottom:.25rem}.pb-4{padding-bottom:.25rem}.ml-4{margin-left:.25rem}.pl-4{padding-left:.25rem}.m-5{margin:.3125rem}.p-5{padding:.3125rem}.gap-5{grid-gap:5px}.mt-5{margin-top:.3125rem}.pt-5{padding-top:.3125rem}.mr-5{margin-right:.3125rem}.pr-5{padding-right:.3125rem}.mb-5{margin-bottom:.3125rem}.pb-5{padding-bottom:.3125rem}.ml-5{margin-left:.3125rem}.pl-5{padding-left:.3125rem}.m-8{margin:.5rem}.p-8{padding:.5rem}.gap-8{grid-gap:8px}.mt-8{margin-top:.5rem}.pt-8{padding-top:.5rem}.mr-8{margin-right:.5rem}.pr-8{padding-right:.5rem}.mb-8{margin-bottom:.5rem}.pb-8{padding-bottom:.5rem}.ml-8{margin-left:.5rem}.pl-8{padding-left:.5rem}.m-10{margin:.625rem}.p-10{padding:.625rem}.gap-10{grid-gap:10px}.mt-10{margin-top:.625rem}.pt-10{padding-top:.625rem}.mr-10{margin-right:.625rem}.pr-10{padding-right:.625rem}.mb-10{margin-bottom:.625rem}.pb-10{padding-bottom:.625rem}.ml-10{margin-left:.625rem}.pl-10{padding-left:.625rem}.m-12{margin:.75rem}.p-12{padding:.75rem}.gap-12{grid-gap:12px}.mt-12{margin-top:.75rem}.pt-12{padding-top:.75rem}.mr-12{margin-right:.75rem}.pr-12{padding-right:.75rem}.mb-12{margin-bottom:.75rem}.pb-12{padding-bottom:.75rem}.ml-12{margin-left:.75rem}.pl-12{padding-left:.75rem}.m-14{margin:.875rem}.p-14{padding:.875rem}.gap-14{grid-gap:14px}.mt-14{margin-top:.875rem}.pt-14{padding-top:.875rem}.mr-14{margin-right:.875rem}.pr-14{padding-right:.875rem}.mb-14{margin-bottom:.875rem}.pb-14{padding-bottom:.875rem}.ml-14{margin-left:.875rem}.pl-14{padding-left:.875rem}.m-15{margin:.9375rem}.p-15{padding:.9375rem}.gap-15{grid-gap:15px}.mt-15{margin-top:.9375rem}.pt-15{padding-top:.9375rem}.mr-15{margin-right:.9375rem}.pr-15{padding-right:.9375rem}.mb-15{margin-bottom:.9375rem}.pb-15{padding-bottom:.9375rem}.ml-15{margin-left:.9375rem}.pl-15{padding-left:.9375rem}.m-16{margin:1rem}.p-16{padding:1rem}.gap-16{grid-gap:16px}.mt-16{margin-top:1rem}.pt-16{padding-top:1rem}.mr-16{margin-right:1rem}.pr-16{padding-right:1rem}.mb-16{margin-bottom:1rem}.pb-16{padding-bottom:1rem}.ml-16{margin-left:1rem}.pl-16{padding-left:1rem}.m-18{margin:1.125rem}.p-18{padding:1.125rem}.gap-18{grid-gap:18px}.mt-18{margin-top:1.125rem}.pt-18{padding-top:1.125rem}.mr-18{margin-right:1.125rem}.pr-18{padding-right:1.125rem}.mb-18{margin-bottom:1.125rem}.pb-18{padding-bottom:1.125rem}.ml-18{margin-left:1.125rem}.pl-18{padding-left:1.125rem}.m-20{margin:1.25rem}.p-20{padding:1.25rem}.gap-20{grid-gap:20px}.mt-20{margin-top:1.25rem}.pt-20{padding-top:1.25rem}.mr-20{margin-right:1.25rem}.pr-20{padding-right:1.25rem}.pb-20{padding-bottom:1.25rem}.ml-20{margin-left:1.25rem}.pl-20{padding-left:1.25rem}.m-24{margin:1.5rem}.p-24{padding:1.5rem}.gap-24{grid-gap:24px}.mt-24{margin-top:1.5rem}.pt-24{padding-top:1.5rem}.mr-24{margin-right:1.5rem}.pr-24{padding-right:1.5rem}.mb-24{margin-bottom:1.5rem}.pb-24{padding-bottom:1.5rem}.ml-24{margin-left:1.5rem}.pl-24{padding-left:1.5rem}.m-25{margin:1.5625rem}.p-25{padding:1.5625rem}.gap-25{grid-gap:25px}.mt-25{margin-top:1.5625rem}.pt-25{padding-top:1.5625rem}.mr-25{margin-right:1.5625rem}.pr-25{padding-right:1.5625rem}.mb-25{margin-bottom:1.5625rem}.pb-25{padding-bottom:1.5625rem}.ml-25{margin-left:1.5625rem}.pl-25{padding-left:1.5625rem}.m-30{margin:1.875rem}.p-30{padding:1.875rem}.gap-30{grid-gap:30px}.mt-30{margin-top:1.875rem}.pt-30{padding-top:1.875rem}.mr-30{margin-right:1.875rem}.pr-30{padding-right:1.875rem}.mb-30{margin-bottom:1.875rem}.pb-30{padding-bottom:1.875rem}.ml-30{margin-left:1.875rem}.pl-30{padding-left:1.875rem}.m-32{margin:2rem}.p-32{padding:2rem}.gap-32{grid-gap:32px}.mt-32{margin-top:2rem}.pt-32{padding-top:2rem}.mr-32{margin-right:2rem}.pr-32{padding-right:2rem}.mb-32{margin-bottom:2rem}.pb-32{padding-bottom:2rem}.ml-32{margin-left:2rem}.pl-32{padding-left:2rem}.m-34{margin:2.125rem}.p-34{padding:2.125rem}.gap-34{grid-gap:34px}.mt-34{margin-top:2.125rem}.pt-34{padding-top:2.125rem}.mr-34{margin-right:2.125rem}.pr-34{padding-right:2.125rem}.mb-34{margin-bottom:2.125rem}.pb-34{padding-bottom:2.125rem}.ml-34{margin-left:2.125rem}.pl-34{padding-left:2.125rem}.m-35{margin:2.1875rem}.p-35{padding:2.1875rem}.gap-35{grid-gap:35px}.mt-35{margin-top:2.1875rem}.pt-35{padding-top:2.1875rem}.mr-35{margin-right:2.1875rem}.pr-35{padding-right:2.1875rem}.mb-35{margin-bottom:2.1875rem}.pb-35{padding-bottom:2.1875rem}.ml-35{margin-left:2.1875rem}.pl-35{padding-left:2.1875rem}.m-38{margin:2.375rem}.p-38{padding:2.375rem}.gap-38{grid-gap:38px}.mt-38{margin-top:2.375rem}.pt-38{padding-top:2.375rem}.mr-38{margin-right:2.375rem}.pr-38{padding-right:2.375rem}.mb-38{margin-bottom:2.375rem}.pb-38{padding-bottom:2.375rem}.ml-38{margin-left:2.375rem}.pl-38{padding-left:2.375rem}.m-40{margin:2.5rem}.p-40{padding:2.5rem}.gap-40{grid-gap:40px}.mt-40{margin-top:2.5rem}.pt-40{padding-top:2.5rem}.mr-40{margin-right:2.5rem}.pr-40{padding-right:2.5rem}.mb-40{margin-bottom:2.5rem}.pb-40{padding-bottom:2.5rem}.ml-40{margin-left:2.5rem}.pl-40{padding-left:2.5rem}.m-45{margin:2.8125rem}.p-45{padding:2.8125rem}.gap-45{grid-gap:45px}.mt-45{margin-top:2.8125rem}.pt-45{padding-top:2.8125rem}.mr-45{margin-right:2.8125rem}.pr-45{padding-right:2.8125rem}.mb-45{margin-bottom:2.8125rem}.pb-45{padding-bottom:2.8125rem}.ml-45{margin-left:2.8125rem}.pl-45{padding-left:2.8125rem}.m-48{margin:3rem}.p-48{padding:3rem}.gap-48{grid-gap:48px}.mt-48{margin-top:3rem}.pt-48{padding-top:3rem}.mr-48{margin-right:3rem}.pr-48{padding-right:3rem}.mb-48{margin-bottom:3rem}.pb-48{padding-bottom:3rem}.ml-48{margin-left:3rem}.pl-48{padding-left:3rem}.m-128{margin:8rem}.p-128{padding:8rem}.gap-128{grid-gap:128px}.mt-128{margin-top:8rem}.pt-128{padding-top:8rem}.mr-128{margin-right:8rem}.pr-128{padding-right:8rem}.mb-128{margin-bottom:8rem}.pb-128{padding-bottom:8rem}.ml-128{margin-left:8rem}.pl-128{padding-left:8rem}
.slider{margin-left:auto;margin-right:auto;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;height:auto}
.slider__slide{-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;scroll-snap-align:start start}
.slider .slider__slide:last-of-type{scroll-snap-align:start end}
.slider__button-next,.slider__button-prev{position:absolute;background-color:var(--white);z-index:4;padding:1.375rem 0;width:3.375rem;height:5rem;top:42%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0;margin-left:.625rem;cursor:pointer;display:none;line-height:0;-webkit-box-shadow:.25rem 0 .625rem rgba(0,0,0,.8);box-shadow:.25rem 0 .625rem rgba(0,0,0,.8);border-radius:8.125rem 0 0 8.125rem;-webkit-transform:translateY(-15%);-ms-transform:translateY(-15%);transform:translateY(-15%);-webkit-transition:all .8s cubic-bezier(.16,1,.99,.99);-o-transition:all cubic-bezier(.16,1,.99,.99) .8s;transition:all .8s cubic-bezier(.16,1,.99,.99)}
.slider__button-next em,.slider__button-prev em{margin-left:.625rem}
.slider__button-prev{left:0;right:auto;-webkit-transform:rotate(180deg) translate(19%,15%);-ms-transform:rotate(180deg) translate(19%,15%);transform:rotate(180deg) translate(19%,15%)}
.slider__button-prev:hover{-webkit-transform:rotate(180deg) scale(1.3) translateY(8%) translateX(2px);-ms-transform:rotate(180deg) scale(1.3) translateY(8%) translateX(2px);transform:rotate(180deg) scale(1.3) translateY(8%) translateX(2px)}
.slider__button-next{right:0;left:auto}
.slider__button-next:hover{-webkit-transform:scale(1.3) translateY(-8%) translateX(-2px);-ms-transform:scale(1.3) translateY(-8%) translateX(-2px);transform:scale(1.3) translateY(-8%) translateX(-2px)}
.slider-navigation--visible{display:-webkit-box;display:-ms-flexbox;display:flex}
.slider__controls-dots{position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:.9375rem;z-index:1}
.slider__controls-dots .slider__controls-dot{background:rgba(0,0,0,0);border:0;font-size:2px;color:rgba(0,0,0,0)}
.slider--chapter{background:var(--bg-warning-email-exists);border-radius:.5rem;padding:0.25rem 0;margin-bottom:1.875rem}
.slider--chapter .slider__wrapper{height:4.75rem;border-radius:.5rem;padding:0}
.slider--chapter .slider__button-next,.slider--chapter .slider__button-prev{width:2.125rem;height:3.75rem;top:22%}
.slider--chapter .slider__button-prev{left:-.25rem}
.elementheme{height:100%;width:12.6875rem}
.elementheme__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:100%;width:100%;padding:0 .9375rem}
.elementheme__title p{font-size:.875rem;line-height:1.25rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.elementheme .active,.elementheme__title:hover{font-family:arial;border-bottom:.25rem solid var(--selector-theme)}
.article_metier{display:grid;grid-gap:24px 40px;padding:20px 0;grid-gap:32px 50px;grid-template-columns:325px 325px;}
.article h2{font-size:18px;text-align: left;margin-bottom: 0px;letter-spacing: 1px;font-weight: 700;line-height: 20px;}
.card__info{height:100%;padding:8px 0 8px 8px;background-color:var(--bg-light)}
.card__info,.card__textarea{width:100%;position:relative}
.card-link.chapter:focus-visible{outline:2px solid var(--chapter-focus)}
.card{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.card{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.card:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.card:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.card__imagearea{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-placeholder)}
.card__imagearea--restricted{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.card__link-image{width:100%;height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color: #a5e5d4;background-image:url(/images/icon-rdv-realise.png);background-size: 200px 200px; background-size: 80% 100%; background-repeat: no-repeat, repeat; background-position: center;}
.card__image{width:inherit;height:100%;-o-object-fit:cover;object-fit:cover}@supports not (width:clamp(1px,1vw,2px)){.card__image{border-radius:.5rem .5rem 0 0}}
.card .default-thumbnail{height:auto;width:auto}
.card__icone,.card__label{position:absolute;left:8px;max-width: 100%;}
.card__label{top:8px;font-size:10px;padding:6px 8px;background:var(--bg-light);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:3px}
.card[data-format="horizontal-s-fluid desktop-square"].card--media .card__imagearea{height:180px}
.card--media .card__title--no-subtitle{width:100%;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.card[data-format="horizontal-s-fluid desktop-square"]{height:260px;width:95%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.blocktexte{font-size:15px; margin:10px 0 10px 0; text-align:justify;color: #000;}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon, .dark-bg .page-icon-top {color: #fff;}
.epaisseur{line-height: 18px;font-size: 14px;font-weight: 600;}
.epaisseurbac{line-height: 18px;font-size: 15px;font-weight: 600;}
.epaisaccroch{line-height: 23px;font-size: 18px;font-weight: 700;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 29px;margin: 20px 0 5px 3px;}
.metier-fiche-centre{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 19px;text-align: left;letter-spacing: 1px;line-height: 25px;margin: 20px 0 25px 3px;}
.gmetier{font-size: 0.8rem;line-height: 1.0rem;letter-spacing: 0px;margin-top: 1px;}
h1.titre-actu{ font-size: 18px;letter-spacing: 0px;line-height: 22px;text-align: left;margin-top: 40px;}
.actu-block-text{border-color: #00bcd4;height: 100%;margin: 0px!important;font-size: 14px;line-height: 18px;width: 65%;font-weight: 700;}
.bleu-metiertop{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: normal;border-radius: 6px;padding: 4px 20px;margin: 61px 0 0 5px;width:163%;}
.competence-qual{position:absolute;width:250px; height:10px; z-index:2;text-align: left;margin: -1% 36.5%;}
h2.actudescrip{font-size: 22px;font-weight:bold; text-align: left;line-height:17px; padding: 5px 0 0px 0; margin:55px 0px 7px 0px;}
.grbloke{padding-left: 78px;width: 48%; box-sizing: border-box;}
h4.txtbloke{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;}
h3.txtbloke{font-weight: 900;text-align: left;color: #7291a6;font-size: 1rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0.3rem 0.5rem;line-height: 22px;}
h3.txtblokejob{font-weight: 600;text-align: left;line-height: 22px;color: #7291a6;font-size: 1.0rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0.5rem 2rem;}
.textparag{text-align: left;color:#696666;margin: 0px 0.5rem 0rem 0.5rem;font-family: Arial;font-size: 15px;line-height: 1.3;text-align:justify;}
.cadreblock{display: flex;flex-direction: column;height: 100%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);padding:10px 10px;}
.contblock{margin-top: 50px;margin-bottom: 50px;}
.contblocksuit{max-width: 1340px;margin-left: auto;margin-right: auto;}
.contblockend{row-gap: 60px;margin-left: -80px; display: flex; flex-wrap: wrap;}
.txtblokebig{width: 100%;}
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;width:100%; margin: 0% auto;}
/*.containeurhange{padding-right:0px; padding-left:0px;width: 750px;}*/
.containeurhange01{padding-right:0px; padding-left:0px;width: 740px;margin-left:0%;}
.miclist{line-height: 24px;font-size:16px;font-weight:300;text-align: justify;color: #fff;}
.chmetiertext{text-align:justify; padding-left:10px;line-height: 27px;font-size:16px;font-weight:300;text-align: justify;color: #fff;}
.bleu-foncer-clair{background: #7291a6;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 19px;font-weight: 700;border-radius: 6px;padding: 8px 15px 8px 20px;margin: 20px 0 0px 30px;width: 96%;text-align: center;}
.textparag-clair{text-align: left;color:#696666;margin:-68px 0 1rem 4.5rem ;font-family: Arial;font-size: 16px;line-height: 27px;text-align:justify;width:90%;letter-spacing: 0.3px;}
h3.tiptop{font-size: 22px;font-weight: bold;text-align: left;letter-spacing: 1px;line-height: 24px;padding: 28px 0 5px 0;}
/* ===================================
    Menu interne 
====================================== */

.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 3.5rem;line-height: 1.25rem;font-weight: bold;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 14px;text-transform: uppercase;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:15px;font-weight:500;color: #486d71;text-decoration: none;line-height: 2.5rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:600;color: #4298a1;text-decoration: underline;}
.fiche{font-size: 16px;letter-spacing: 2px;line-height: 28px;font-weight: 600;text-transform: uppercase;}

/* ===================================
    Fin Menu 
====================================== */
/* ===================================
    Menu interne faq
====================================== */

.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 2px;border-radius: 0.5rem;width:97%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 14px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.3rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:16px;font-weight:500;color: #486d71;text-decoration: none;line-height: 1.9rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:500;color: #4298a1;text-decoration: underline;}

/* ===================================
    Fin Menu faq
====================================== */
/* ===================================
   Colonne gauche Actu
====================================== */

.colgauactu{font-weight:500;font-size: 15px;width:100%;padding: 0 3px 0 25px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 0 0 25px 0;color: #486d71;}
a.boutactu{display: inline-block;color: #486d71;background-color: #fff;font-weight: normal;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
a.boutactu:hover{display: inline-block;color: #486d71;background-color: rgb(124 194 212 / 70%);font-weight: bold;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
.titrcolgactu{font-weight:600;font-size: 12px;padding: 5px 3px 0 25px;}

/* ===================================
   Fin Colonne gauche Actu
====================================== */


}


@media only screen and (max-width:600px) and (min-device-width :768px),only screen and (max-device-width:480px) and (orientation:portrait),only screen and (max-device-width:480px) and (orientation:landscape)

{
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 340px;margin: 0 0 0 0;}
.g-bloc-dev-mentor{width:100%;margin: 15px;}
.m-bloc-dev-mentor{width:100%;margin: 15px;}
.d-bloc-dev-mentor{width:100%;margin: 15px;}
.header {position: absolute;text-align: center;top: 0px;z-index: 1000;color: #fff;width: 100%;background-color: #7291a6;height: 94px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;position: fixed;}
i.mt{font-size: 10px;line-height: 25px;}
.titinscipt{font-size: 18px;letter-spacing: 1px;line-height: 62px;font-weight: 700;text-transform: uppercase;}
.decjo{padding: 2% 8%;width:100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #3b5c7f;color: #fff;font-size: .875rem;line-height: 1.5rem;min-height: 2rem;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.decjo:hover, a.decjo:active {padding: 2% 8%;color: #fff;background: #dff6f0;color: #000091;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.gride{display: grid;padding: 30px 0 0 0;grid-gap: 20px 5px;grid-template-columns: 105%;}	
/* Début Page Actualité */
.bttnjvdmetier{width: 100%;margin: auto;padding: 3% 0 10% 0;}	
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;margin-left:-5px;}	
.affi-nbr{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 18px;text-align: left;letter-spacing: 1px;}	
.affi-intitul{padding-top: 1px;font-size: 9px;color: #0a3557;font-weight: 600;}
/* Fin Page Actualité */
.list-job-img{max-width: 125px;padding-left: 4px;float: left;}
.bloc-encart-visuel{position:relative; height:100px;}
ul.actu-list-them{list-style-type: none;overflow: hidden;padding-left: 0px;}
li.actlist-them{float: left;width: 65%;}
li.actlist-them2{float: left;width: 30%;}
.boxact-list-them{border-radius: 8px;background-color: #a5e5d4;height: 40px;width: 125px;margin-left: -35%;margin-top: 5%;}
.colothem{color:#0a3557;margin-left: -15%;padding-top: 6%;}
.vign-devenir-mentor{display:grid;grid-template-columns: 220px;margin-left: 35px;}
.deviens-mentor{position: relative;height: 120px;}
.bleu-metier{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: 600;border-radius: 6px;padding: 10px 10px;margin: 5px 0 0 5px;width:100%;}
.guide-metier{position:absolute;top:0px; width:250px; height:10px; z-index:2;text-align: left;}
.col-actud{width:100%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:100%;text-align: left;display: inline-block;vertical-align: top;margin-right: 10px;}
.actutest{padding: 20px 0 0 0px;width: 85%;margin: auto;}
.article_metier{display:grid;grid-gap:24px 40px;padding:20px 0;grid-gap:32px 30px;grid-template-columns:400px;}
.col-img-metier{width: 50%;text-align: center;display: inline-block;vertical-align: top;float: left;position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;margin: 0;}	
/* Début Btn animé page Actualité */
.containerthem {width: auto;margin: auto;}
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
button.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 1rem 0 0 0;padding: 1rem 1rem;background: transparent;outline: none;font-size: 18px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;}
button.btnne::after, button.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
button.btnne::before {border: 0;background-color: #c92918;top: -0.75rem;left: 0.5rem;-webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate; animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
button.btnne::after {background-color: #e74c3c;top: 3rem;left: 13rem;-webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate; animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
button.btnne:hover {color: white;}
button.btnne:hover::before, button.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;-webkit-animation: none;animation: none;}
button.btnne:hover::after {left: 0rem;}
button.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.veux{color:#000}
a.veux:hover{color:#fff}
/* Fin Btn animé page Actualité */	
a.bultexte{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#000;text-decoration:none}
a.bultexte:hover{z-index:25; background-color:#cff}
a.bultexte span{display: none}
a.bultexte:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #0cf;background-color:#cff; color:#000;text-align: justify;padding: 10px 10px;}
a.bultextejob{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#7291a6;text-decoration:none;line-height: 18px;cursor: help;}
a.bultextejob:hover{z-index:25; background-color:#cff}
a.bultextejob span{display: none}
a.bultextejob:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:0em; width:17em;border:1px solid #0cf;background-color:#cff; color:#7291a6;text-align: justify;padding: 10px 10px; font-size: 12px;}
.txtjobaccord{text-align:justify; margin:0 15% 18% 0;font-size: 13px;}
.col-md-recon{margin: 0px 0px 0px 15px;width: 90%;float: left;}
h1.titre-decouvrir{ font-size: 20px;font-weight: bold;letter-spacing: 0px;line-height: 22px;text-align: center;margin-top:15px;padding-top: 15px;}
.discojob{padding-left:4%}	
.cc-message {margin:0 0 0 15px;}
.cc-message p{color:#fff!important;font-size:12px!important;line-height:17px!important;text-align: justify!important;font-weight:normal!important; margin:10px 15px 0 0;}
.cc-message p>a{text-decoration:underline;color:#fff;font-size:12px;font-weight:normal !important;}
li.basaccordeonfort{margin-bottom:2%;}
li.basaccordeonfaible{margin-bottom:0.5%;}
li.dev-mentor-cal-li02 {margin: 0px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;}
h3.tiptop{font-size: 19px;font-weight: bold;text-align: left;letter-spacing: 1px;line-height: 23px;padding: 25px 0 5px 0;}
h3.finactu{font-size:14px; font-weight:600; text-transform: none; letter-spacing: 0px;margin-top:0px;line-height: 15px;}
h5.theend{font-size: 19px;font-weight: bold;text-align: left;letter-spacing: 1px;line-height: 23px;padding: 5px 0 5px 0;}
.bleuetitactu{font-size: 19px; padding: 12px 10px 4px 0px; font-weight: 800; color: #7291a6;line-height: 22px;}
h4.decouvre{font-size: 19px!important;font-weight:bold; text-align: left;letter-spacing:1px;line-height:23px; padding: 25px 0 0px 0;}
ul.actu{margin-top: 0px;margin-bottom: 10px;}
.textactugraslink02{text-align: left;font-size: 16px;color: #000;line-height: 15px;font-weight: 700;padding-top: 6px;}
.textactubas{line-height: 17px;padding: 5px 15px;text-align: justify;font-size: 15px; color:#000;line-height: 27px; font-weight: 300;background-color:#f6f6f6; border-top: 2px solid #00bcd4;padding: 5% 2% 2% 5%;border-radius: 25px;}
i.mt{font-size: 9px;line-height: 14px;}
.textactustitr{letter-spacing: 1px;text-align: left;font-size: 12px;color: #000;line-height: 15px;font-weight: 500;padding:5px 10px 10px 15px; color:#323232;}
h5.theendtitre{letter-spacing: 1px;text-align: left;font-size: 11px;color: #000;line-height: 15px;font-weight: 500;padding:5px 10px 10px 10px; color:#323232;}
.ptitlienbasactu{font-size: 10px;font-weight: 400;}
.textactugraslink{text-align: left;font-size: 15px;color: #000;line-height: 15px;font-weight: 700;padding-top: 5px}
.img-icon-devmentor{font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;margin: 0% 0 0% 0%;background-size: 200px 200px;position: absolute;display: block;}
.img-icon-devmentor01{margin: 3% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}	
.img-icon-devmentor02{margin: 0% 0 5% 0%;font-size: 12px;line-height: 50px;padding: 7px 0 0 4px;color: #141414;height: 25px;width: 25px;background-color: #7291a6;border: 0px solid rgba(0, 0, 0, 1);border-radius: 50%;background-size: 200px 200px;position: absolute;display: block;}	
.gralien{font-weight: 700;font-size: 15px;}
.textactujts{text-align: justify;font-size: 15px; color:#000;line-height: 24px; font-weight: 300;}
.textbasactu{margin-top: 15px;}
li.dev-mentor-cal-li {margin: 0px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;padding-top: 2px;}
li.dev-mentor-cal-tm{margin: 9px 0 5px 0px;list-style-type: none;text-align: left;font-size: 12px;font-weight: 400;line-height: 2px;padding-top: 2px;}
h1.titre-actualite-jts{font-size: 15px;letter-spacing: 2px;line-height: 17px;text-align: left;}
.bleu-titre{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: normal;border-radius: 6px;padding: 4px 25px;margin: 7px 0 0 0px;}
.metier-proche-qual{position:absolute;width:220px; height:10px; z-index:2;text-align: left;margin-left: 70px;margin-top: 5px;}
.bleu-foncer-proc{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 9px;font-weight: normal;border-radius: 6px;padding: 6px 18px;margin: 5px 0 0 0; width:210px;line-height: 15px;}
.container-actu{margin: 0 auto;width: 100%;padding-right: 0px! important;padding-left: 0px!important;}
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;width:100%!important; margin: 0% auto;}
.bleu-titre-soft{background: #183153;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 11px!important;font-weight: 700;border-radius: 6px;padding: 10px 0px 8px 12px;line-height: 14px;letter-spacing: 2px;margin: 5px; width: 110%!important;}
.bleu-soft1{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 12px;margin: 49px 0 0 5px; width:110%;}
.bleu-soft{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 13px; line-height: 15px; font-weight: normal;border-radius: 4px;padding: 8px 12px;margin: 5px 0 0 5px; width:110%;}
.metier-fiche{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size:23px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 25px 0 20px 10px;}
.epaisseur{line-height: 15px;font-size: 12px;margin-top: 20px;margin-bottom: 10px;}
.epaisseurbac{line-height: 18px;font-size: 15px;}
.epaisaccroch{line-height: 22px;font-size: 15px;margin-bottom: 20px;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 23px;text-align: left;letter-spacing: 1px;line-height: 27px;margin: 20px 0 5px 3px;}
.metier-fiche-centre{color: #00bcd4;text-transform: uppercase;font-weight: 600;font-size: 17px;text-align: left;letter-spacing: 1px;line-height: 21px;margin: 20px 0 5px 3px;text-align: justify;}
.gmetier{font-size: 0.7rem;line-height: 1.0rem;letter-spacing: 0em;margin-top: 1px;}
.actu-block-text{border-color: #00bcd4;height: 100%;margin: 0px!important;font-size: 14px;line-height: 18px;width: 100%;font-weight: 700;}
h1.titre-actu{ font-size: 18px;letter-spacing: 0px;line-height: 17px;text-align: left;margin-top: 40px;font-weight: 700;}
h2.bingo{font-size: 19px;font-weight:bold; text-align: left;line-height:23px; padding: 40px 0 7px 0;}
.bleu-metiertop{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px;font-weight: normal;border-radius: 6px;padding: 2px 5px;margin: 38px 0 0 0px;width:100%;}
.synoni-job{font-size: 15px;line-height: 18px;font-weight: 800;text-align: left;margin-bottom: 15px;}
.competence-qual{position:absolute;width:250px; height:10px; z-index:2;text-align: left;margin: 12% 18%;}
.bleu-qual{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 10px; line-height: 15px; font-weight: normal; line-height: 15px; border-radius: 6px;padding: 4px 5px;margin: 6px 0 0 0px;width: 100%;}
.bleu-qualfin{background: #00bcd4;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 9px;font-weight: normal; line-height: 15px; border-radius: 6px;padding: 4px 4px;margin: 5px 0 0 0px;width: 100%;}
h2.actudescrip{font-size: 19px;font-weight:bold; text-align: left;line-height:17px; padding: 5px 0 0px 0; margin:35px 0px 5px 0px;}
.contblockbig{margin-top: 40px;width: 300px;}
.contblocksuit{max-width: 300px!important;margin-left: auto;margin-right: auto;}
.contblockend{row-gap: 40px;margin-left: -70px; display: flex; flex-wrap: wrap;}
.bleu-foncer-clair{background: #7291a6;display: inline-block;color: white;text-decoration: none;text-transform: uppercase;font-size: 19px;font-weight: 700;border-radius: 6px;padding: 8px 15px 8px 20px;margin: 20px 0 0px 30px;width: 100%;text-align: center;}
/*.containeurhange{padding-right:0px; padding-left:0px;width: 330px!important;margin-left:6%;}*/
.containeurhange01{padding-right:0px; padding-left:0px;width: 300px!important;margin-left:0%;}
.grbloke{padding-left: 70px;padding-right: 10px;width: 100%; box-sizing: border-box;}
.textparag{text-align: left;color:#696666;margin: 0px 0.5rem 0rem 0.5rem;font-family: Arial;font-size: 15px;line-height: 1.3;text-align:justify;}
.textparag-clair{text-align: left;color:#696666;margin:-45px 0 1rem 4.5rem ;font-family: Arial;font-size: 16px;line-height: 24px;text-align:justify;width:80%;letter-spacing: 0.3px;}
.cadreblock{display: flex;flex-direction: column;height: 100%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);padding:10px 1px;width: 85%;}
.contblock{margin-top: 50px;margin-bottom: 50px;}
h3.txtbloke{font-weight: 900;text-align: left;line-height: 15px;color: #7291a6;font-size: 0.90rem;font-family: arial;letter-spacing: 0.1rem;margin: 0.5rem 0 0.3rem 0.5rem;}
.txtblokebig{width: 90%;}
p.leadparent {text-align: justify;line-height: 24px;font-size: 15px;font-weight: 300;color:#000;}
.miclist{line-height: 18px;font-size:14px;font-weight:300;text-align: justify;color: #fff;}
.chmetiertext{text-align:justify; padding:5px 0px 15px 5px;line-height: 27px;font-size:15px;font-weight:300;text-align: justify;color: #fff;}
.calbarorange{margin-left:12px}
.card__metadata-info{font-size: 11px;margin-top:1px;}
.card-container {width: 36ch; margin-left:0%}
.card[data-format="horizontal-s-fluid desktop-square"]{height:260px;width:75%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.carde-container {width: 48ch; margin:0 0 0% 20%}
.grille_metier{display:grid;padding:20px 0;grid-gap:32px 0px;grid-template-columns: 300px;}
.carde__info{height:100%;padding:8px 0 8px 8px;background-color:var(--bg-light)}
.carde__info,.carde__textarea{width:100%;position:relative}
.carde[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.carde-link.chapter:focus-visible{outline:2px solid var(--chapter-focus)}
.carde{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.card{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.carde:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.carde:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.carde__imagearea{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-placeholder)}
.carde__imagearea--restricted{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.carde__link-image{width:100%;height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color: #a5e5d4;background-image:url(/images/icon-rdv-realise.png);background-size: 200px 200px; background-size: 40% 100%!important; background-repeat: no-repeat, repeat; background-position: center;}
.carde__image{width:inherit;height:100%;-o-object-fit:cover;object-fit:cover}@supports not (width:clamp(1px,1vw,2px)){.carde__image{border-radius:.5rem .5rem 0 0}}
.carde .default-thumbnail{height:auto;width:auto}
.carde__icone,.carde__label{position:absolute;left:8px;max-width: 100%;}
.carde__label{top:8px;font-size:10px;padding:6px 8px;background:var(--bg-light);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:3px}
.carde__title{font-size:.88rem;line-height:18px}
.carde__subtitle{color:var(--text-body);font-family:arial;margin-bottom:4px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word;line-height:1rem}
.carde[data-format="horizontal-s-fluid desktop-square"].carde--media .carde__imagearea{height:150px}
.carde--media .carde__title--no-subtitle{width:100%;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.carde[data-format="horizontal-s-fluid desktop-square"]{width:300px; height:400px}
.carde__metadata-info{line-height: 15px;font-size: 10px;}
.cardeinfotxt{font-size:12px;line-height: 18px; text-align:justify; padding:5px 5px;}
.card__metadata-info{font-size:9px;}
.card__title{font-size:.90rem;font-weight:600;text-transform: lowercase;text-align: center;}
.card__subtitle{font-size:.70rem;font-weight:400;line-height: 12px;}


/* ===================================
    Menu interne 
====================================== */

.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.2rem 0.5rem 0.9!important;min-height: 4.5rem!important;line-height: 1rem!important;font-weight: bold;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 14px!important;text-align: left;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 20px 0 0px!important;line-height: 0.1rem!important;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.7rem;text-align: justify;color: #486d71;font-weight:500!important;}
.espjtstt{height:16px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 12px;overflow: hidden;text-overflow: ellipsis;color:#486d71;}
a.titseomenu{font-family:arial;font-size:12px;font-weight:500;color: #486d71;text-decoration: none;line-height: 1.9rem;}
a.titseomenu:hover{font-family:arial;font-size:12px;font-weight:600;color: #4298a1;text-decoration: underline;}
.fiche{font-size: 15px;letter-spacing: 2px;line-height: 28px;font-weight: 800;text-transform: uppercase;padding-left: 13px;}

/* ===================================
    Fin Menu 
====================================== */

/* ===================================
    Menu interne faq
====================================== */

.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 5px;border-radius: 0.5rem;width:97%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 3.5rem 0.5rem 1rem;min-height: 2rem;line-height: 0.8rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 11px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 12px;text-align: justify;color: #486d71b0;font-weight:lighter;}
a.titseomenu{font-family:arial;font-size:12px;font-weight:500;color: #486d71;text-decoration: none;line-height: 2.2rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:600;color: #4298a1;text-decoration: underline;}

/* ===================================
    Fin Menu faq
====================================== */

/* ===================================
   Colonne gauche Actu
====================================== */

.colgauactu{font-weight:500;font-size: 10px;width:100%;padding: 0px 3px 0 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 0 0 25px 0;color: #486d71;}
a.boutactu{display: inline-block;color: #486d71;line-height: 15px;background-color: #fff;font-weight: bold;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
a.boutactu:hover{display: inline-block;color: #486d71;line-height: 15px;background-color: rgb(124 194 212 / 70%);font-weight: bold;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
.titrcolgactu{font-weight:600;font-size: 12px;padding: 5px 3px 0 20px;}

/* ===================================
   Fin Colonne gauche Actu
====================================== */


}