/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1401px) and (max-width: 1800px) {




.get-item {
    margin-right: 78px;
}

.get-item10 {
    background-size: 100% 100%;
}

.cap-area-inner {
    padding-left: 90px;
    padding-right: 40px;
}

.cap-item-inner {
    min-height: 300px;
}

.cap-item-inner5 img {
    transform: translateX(15px);
    margin-top: -15px;
}








}

@media screen and (min-width: 1601px) and (max-width: 1800px) {


.get-item {
    margin-right: 118px;
}





}









@media screen and (min-width: 1201px) and (max-width: 1400px) {








.get-item {
    margin-right: 28px;
    margin-bottom: 120px;
}

.parte-area .row {
    margin: 0 -40px;
}

.parte-area .col-lg-6 {
    padding: 0 40px;
}

.parte-item h2 {
    font-size: 30px;
}

.parte-item a {
    font-size: 22px;
}

.make-item {
    margin-top: -200px;
}

.make-item2 {
    margin-top: -80px;
}

.cap-area-inner {
    padding-top: 0;
    padding-right: 30px;
    padding-left: 70px;
}

.inner-container2 h2 {
    font-size: 52px;
}

.cap-item {
    padding: 20px 10px;
    margin-top: -30px;
    margin-left: 30px;
}
    
.cap-area-inner {
    padding-top: 70px;
    padding-bottom: 110px;
}

.cap-item-inner {
    min-height: 230px;
}

.cap-item-inner2 img {
    margin-top: 10px;
}

.cap-item > img {
    max-width: 200px;
}

.project-item2-inner {
    flex: 0 0 150px;
    max-width: 150px;
    font-size: 18px;
}

.project-item2-inner2 {
    padding-left: 10px;
}

.project-item5 h2 {
    flex: 0 0 150px;
    max-width: 150px;
}

.project-item5 {
    padding-left: 10px;
}

.guide-item3-inner {
    transform: translate(13px, 13px);
}

.guide-item4 .row {
    margin: 0 -15px;    
}

.guide-item4 .col-md-6 {
    padding: 0 15px;
}

.guide-item4-inner2 {
    transform: translate(10px, 10px);
}

.header-item5 > ul li ul {
    width: 220px!important;
}

.header-item5 > ul li ul::after {
    width: 200px;
    right: -16px;
}

.header-item5 > ul li ul li a {
    font-size: 20px;
}

.header-item5 > ul li:nth-of-type(2) ul::after {
    width: 300px;
}

.header-item5 > ul li:nth-of-type(2) ul {
    width: 300px!important;
}

.header-item5 > ul li:nth-of-type(3) ul::after {
    height: 210px;
}






















}












@media screen and (min-width: 992px) and (max-width: 1200px) {







.header-item a {
    font-size: 32px;
    width: 250px;
}

.header-item2 ul li a {
    font-size: 20px;
    margin-left: 24px;
}

.get-item {
    margin-right: 48px;
    margin-bottom: 200px;
}

.get-item2 h2 {
    margin: 0 0 45px;
}

.verites-item {
    padding: 50px 15px;
}

.verites-item h2 {
    font-size: 30px;
}

.parte-area {
    margin-top: -180px;
}

.parte-area .row {
    margin: 0 -40px;
}

.parte-area .col-lg-6 {
    padding: 0 40px;
}

.parte-item h2 {
    font-size: 28px;
}

.make-item {
    margin-top: -200px;
}

.make-item2 {
    margin-top: -80px;
}

.make-item2 h2 {
    margin: 0 0 45px;
}

.cap-area-inner {
    background-image: none;
    background-color: #ff798f;
    padding-left: 15px;
    padding-bottom: 70px;
}

.cap-item {
    padding: 20px 0px;
}

.cap-item-inner {
    min-height: 300px;
}

.cap-item-inner img {
    transform: translateX(0);
    margin-bottom: 20px;
}

.cap-item p span {
    margin-top: 30px;
}

.project-item p {
    margin-bottom: 30px;
}

.project-item2-inner {
    flex: 0 0 150px;
    max-width: 150px;
}

.project-item5 h2 {
    flex: 0 0 150px;
    max-width: 150px;
}

/*=== page 2 start ===*/

.header-item4 a {
    font-size: 32px;
    width: 250px;
}

.header-item5 ul li a {
    font-size: 20px;
    margin-left: 24px;
}

.header-item5 > ul li ul {
    width: 220px!important;
}

.header-item5 > ul li ul::after {
    width: 200px;
    right: -16px;
    height: 165px;
}

.header-item5 > ul li ul li a {
    font-size: 20px;
}

.header-item5 > ul li:nth-of-type(2) ul::after {
    width: 300px;
}

.header-item5 > ul li:nth-of-type(2) ul {
    width: 300px!important;
}

.header-item5 > ul li:nth-of-type(3) ul::after {
    height: 210px;
}

.header-item6 h2 {
    font-size: 48px;
}

.virtuel-area-inner h2 {
    font-size: 42px;
}

.virtuel-item3 a {
    font-size: 28px;
    width: 270px;
    height: 77px;
}

.profession-item {
    max-width: 607px;
}

.talent-item {
    margin-top: -20px;
}

.profite-item h3 {
    font-size: 68px;
}

.ressource-item h2 {
    font-size: 56px;
}

.guide-area {
    padding-top: 190px;
}

.guide-item5 {
    margin-top: 50px;
}

.nous-item h2 {
    font-size: 42px;
    margin-bottom: 40px;
}

.nous-item h3 {
    margin: 0 0 40px;
}

.nous-item h3 img {
    max-width: 120px;
    margin: 0 15px;
    margin-bottom: -0px;
}

.cap-item > img {
    max-width: 180px;
}

.get-item2 {
    margin-top: 0px;
}


























}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {







.header-item a {
    font-size: 28px;
    width: 200px;
    height: 60px;
    line-height: 60px;
}

.header-item2 ul li a {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
}

.header-item2 ul li:last-of-type a {
    width: 156px;
}

.get-area {
    padding-bottom: 50px;
}

.owl-carousel {
    height: 250px;
    margin-bottom: 0px;
}

.get-item10 {
    background-image: none;
    height: 250px;
}

.get-item {
    margin-bottom: 0;
    transform: translateY(30px);
}

.owl-theme .owl-nav.disabled+.owl-dots {
    top: 80%;
}

.owl-theme .owl-dots .owl-dot span {
    border-color: #000;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.get-item2 {
    margin-top: 40px;
}

.get-item2 h2 {
    font-size: 38px;
    margin: 0 0 35px;
}

.verites-item {
    padding: 50px 15px;
    min-height: 380px;
}

.parte-area {
    margin-top: -200px;
    background-size: 100% 100%;
    padding-bottom: 200px;
}

.parte-item {
    min-height: 500px;
}

.make-item {
    margin-top: -300px;
}

.make-item2 {
    margin-top: -80px;
}

.make-item2 h2 {
    font-size: 38px;
    margin: 0 0 35px;
}

.cap-area-inner {
    background-image: none;
    background-color: #ff798f;
    padding-left: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.inner-container2 h2 {
    font-size: 34px;
    margin: 0 0 50px;
}

.cap-item {
    padding: 20px 20px;
}

.cap-item-inner {
    min-height: 300px;
}

.cap-item-inner img {
    transform: translateX(0);
    margin-bottom: 20px;
}

.cap-item p span {
    margin-top: 30px;
}

.inner-container3 {
    padding-left: 0px;
    margin-bottom: 0;
}

.project-item h2 {
    margin-bottom: 30px;
}

.project-item p {
    margin-bottom: 30px;
}

.project-item2-inner {
    flex: 0 0 130px;
    max-width: 130px;
}

.project-item5 h2 {
    flex: 0 0 130px;
    max-width: 130px;
}

.logo-item ul li a img {
	max-width: 90%;
}

/*=== page 2 start ===*/

.header-item4 a {
    font-size: 28px;
    width: 200px;
    height: 60px;
    line-height: 60px;
}

.header-item5 ul li a {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
}

.header-item5 > ul > li:last-of-type a {
    width: 156px;
}

.header-item5 > ul li ul {
    width: 180px!important;
}

.header-item5 > ul li ul::after {
    width: 180px;
    right: -16px;
    height: 150px;
}

.header-item5 > ul li ul li a {
    font-size: 16px;
    justify-content: flex-end;
    line-height: 20px;
}

.header-item5 > ul li:nth-of-type(2) ul::after {
    width: 250px;
}

.header-item5 > ul li:nth-of-type(2) ul {
    width: 250px!important;
}

.header-item5 > ul li:nth-of-type(3) ul::after {
    height: 170px;
}

.header-item6 {
    margin-top: 120px;
}

.header-item6 h2 {
    font-size: 38px;
}

.header-item6 h2 span {
    font-size: 26px;
}

.virtuel-area-inner {
    padding-top: 20px;
    margin-top: -0px;
}

.virtuel-area-inner h2 {
    font-size: 38px;
    margin-bottom: 15px;
}

.virtuel-item h2 {
    font-size: 32px;
}

.virtuel-item3 a {
    font-size: 20px;
    width: 236px;
    height: 67px;
}

.profession-area {
    padding: 200px 0 150px;
    margin-top: -100px;
}

.profession-item {
    max-width: 600px;
}

.profession-item h2 {
    font-size: 32px;
}

.talent-area-inner h2 {
    font-size: 32px;
}

.talent-item {
    margin-top: 20px;
}

.profite-area-inner {
    background-size: cover;
    margin-top: -100px;
}

.profite-item h6 {
    font-size: 30px;
}

.profite-item h3 {
    font-size: 38px;
}

.progress-item {
    margin-top: 70px;
}

.progress-item h2 {
    font-size: 34px;
}

.ressource-item h2 {
    font-size: 36px;
}

.guide-area {
    padding-top: 190px;
}

.guide-item h2 {
    font-size: 30px;
    margin: 0 0 15px;
}

.guide-item p {
    font-size: 20px;
    margin: 0 0 15px;
}

.guide-item2 h2 {
    font-size: 30px;
}

.guide-area-inner h2 {
    font-size: 32px;
}

.guide-item5 {
    margin-top: 50px;
}

.nous-item h2 {
    font-size: 32px;
    margin-bottom: 20px;
}

.nous-item h3 {
    font-size: 32px;
    margin: 0 0 20px;
}

.nous-item h3 img {
    max-width: 100px;
    margin: 0 15px;
    margin-bottom: -0px;
}

.nous-item p {
    margin: 0 0 50px;
}

.cap-item {
    padding-left: 0;
    padding-right: 0;
}

.cap-item > img {
    max-width: 180px;
}
























}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	







.header-area {
    padding-top: 28px;
    padding-bottom: 60px;
    background-size: cover;
}

.header-item a {
    font-size: 18px;
    width: 150px;
    height: 45px;
}

.header-item i {
    display: block;
}

.header-item2 ul li a {
    font-size: 18px;
    margin-left: 0;
    height: 100%;
    justify-content: flex-start;
    margin-top: 15px;
}

.header-item2 ul li:last-of-type a { 
    color: #000;  
    border-color: #000;
    height: 45px;
    width: 180px;
    justify-content: center;
}


.header-item2 ul li {
    display: block;
}

.header-item2 ul {
    display: none;
}

.header-item3 {
    margin-top: 70px;
}

.header-item3 h2 {
    font-size: 28px;
}

.header-item3 h2 br {
    display: none;
}

.header-item3 h2 span {
    font-size: 22px;
    margin-top: 5px;
}

.header-area2 {
    padding-top: 28px;
    padding-bottom: 60px;
}

.header-item5 > ul {
    padding-top: 15px;
}

.header-item5 ul li {
    display: block;
}

.header-item5 ul li a {
    font-size: 18px;
    margin-left: 0;
    height: 100%!important;
    text-align: left;
    margin-bottom: 15px;
    z-index: 9999999999;
}

.header-item5 > ul > li:last-of-type a {    
    height: 45px!important;
    width: 180px;
    color: #000;
    border-color: #000;
}

.header-item5 > ul > li:last-of-type a:hover {
    border-color: #fff;
}

.header-area-inner2 .header-item5 > ul > li:last-of-type a {  
    color: #fff;
    border-color: #fff;
}

.header-area-inner2 .header-item5 > ul > li:last-of-type a:hover {
    color: #000;
}

.header-item5 ul {
    display: none;
}

.header-item6 {
    margin-top: 70px;
}

.header-item6 h2 {
    font-size: 28px;
}

.header-item6 h2 br {
    display: none;
}

.header-item6 h2 span {
    font-size: 22px;
    margin-top: 5px;
}

.dans-area2 {
    padding: 20px 0 10px;
}

.dans-area {
    padding: 20px 0 10px;
}

.get-area {
    padding-bottom: 50px;
}

.owl-carousel {
    height: 220px;
    margin-bottom: 0px;
}

.get-item10 {
    background-image: none;
    height: 220px;
}

.get-item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;   
    margin-bottom: 0;
    transform: translateY(0px);
}

.get-item p {
    margin: 0 0 10px;
}

.get-item h6 {
    font-size: 24px;
}

.get-item2 {
    margin-top: 30px;
}

.get-item2 h2 {
    font-size: 28px;
    margin: 0 0 25px;
}

.verites-area {
    background-size: cover;
}

.verites-item {
    min-height: 220px;
    padding: 30px 5px;
}

.verites-item h2 {
    font-size: 18px;
}

.verites-item p {
    font-size: 16px;
}

.parte-area-inner {
    padding: 0;
}

.parte-area {
    margin-top: -220px;
    padding-bottom: 200px;
}

.parte-area .inner-container img {
	margin-bottom: 20px;
}

.parte-item {
	max-width: 100%;
    min-height: 450px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 70px;
}

.parte-item::after {
	display: none;
}

.parte-item h2 {
    font-size: 28px;
}

.make-item {
    margin-top: -220px;
}

.make-item2 {
    margin-top: -30px;
}

.make-item2 h2 {
    font-size: 28px;
    margin: 0 0 25px;
}

.make-item2 a {
    font-size: 20px;
    margin-right: auto;
}

.cap-area-inner {
    background-image: none;
    background-color: #ff798f;
    padding-left: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 15px;
}

.inner-container2 h2 {
    font-size: 28px;
    margin: 0 0 40px;
}

.cap-item2 {
    padding-left: 30px;
}

.cap-item-inner {
    min-height: 100%;
}

.cap-item-inner img {
    margin-bottom: 20px;
}

.cap-item-inner2 img {
    transform: translateY(-0px);
}

.cap-item {
    padding-left: 0;
    padding-right: 0;
}

.cap-item > img {
    max-width: 120px;
}

.cap-item p {
    font-size: 12px;
}

.cap-item p br {
    display: none;
}

.cap-item p span {
    margin-top: 15px;
}

.project-area {
	background-size: cover;
	padding-bottom: 50px;
}

.inner-container3 {
    padding-left: 0px;
    margin-bottom: 0;
}

.project-item h2 {
    margin-bottom: 30px;
}

.project-item p {
    margin-bottom: 30px;
}

.project-item2 {
    flex-direction: column;
}

.project-item2-inner2 {
    padding-left: 0px;
    margin-top: 15px;
}

.project-item2-inner {
    flex: 0 0 130px;
    max-width: 130px;
}

.project-item2-inner2 p span {
    display: block;
}

.project-item5 h2 {
    flex: 0 0 130px;
    max-width: 130px;
}

.project-item5 span {
    display: none;
}

.logo-area {
    background-image: none;
    padding-bottom: 50px;
    margin-top: -50px;
}

.logo-item ul {
	overflow: hidden;
    text-align: center;
}

.logo-item ul li a img {
	max-width: 80%;
}

.footer-item2 > a {
    font-size: 20px;
    width: 150px;
    height: 40px;
}

.footer-item p {
    font-size: 14px;
}

.footer-item a img {
    max-width: 144px;
    margin: 17px 0 0;
}

.footer-item h2 {
    font-size: 14px;
}

/*=== page 2 start ===*/

.header-area2 {
    padding-top: 28px;
    padding-bottom: 60px;
    background-size: cover;
}

.header-item4 a {
    font-size: 18px;
    width: 150px;
    height: 45px;
}

.header-item4 i {
    display: block;
}

.header-item5 ul {
    display: none;
}

.header-item6 {
    margin-top: 70px;
}

.header-item6 h2 {
    font-size: 28px;
}

.header-item6 h2 br {
    display: none;
}

.header-item6 h2 span {
    font-size: 22px;
    margin-top: 5px;
}

.dans-area2 {
    padding: 20px 0 10px;
}

.dans-area2 p {
    font-size: 20px;
}

.virtuel-area-inner {
    background-image: none;
    padding-top: 20px;
    margin-top: -0px;
}

.virtuel-area-inner h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.virtuel-area-inner2 {
    background-image: none;
}

.virtuel-item h2 {
    font-size: 28px;
}

.virtuel-item p {
    font-size: 20px;
    margin-bottom: 30px;
}

.virtuel-item2 img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.virtuel-item3 a {
    font-size: 20px;
    width: 236px;
    height: 67px;
    margin: 30px auto 0;
}

.profession-area {
    background-image: none;
    padding: 50px 0;
    margin-top: -0px;
}

.profession-item {
    margin-left: 0;
}

.profession-item h2 {
    font-size: 28px;
}

.profession-item p {
    font-size: 20px;
}

.talent-area {
    background-image: none;
    padding: 30px 0 10px;
}

.talent-area-inner h2 {
    font-size: 28px;
}

.talent-item {
    margin-top: 20px;
}

.talent-item p {
    font-size: 18px;
}

.profite-area-inner {
    background-size: cover;
    padding: 120px 0 70px;
    margin-top: -20px;
}

.profite-item h6 {
    font-size: 25px;
}

.profite-item h3 {
    font-size: 28px;
}

.profite-item2 p {
    font-size: 20px;
}

.profite-item2 a {
    font-size: 20px;
    width: 210px;
    height: 61px;
}

.progress-area {
    background-image: none;
    padding: 50px 0 30px;
    overflow: hidden;
}

.progress-item {
    margin-top: 40px;
    margin-left: 0;
}

.progress-item h2 {
    font-size: 28px;
    margin: 0 0 15px;
}

.progress-item p {
    font-size: 20px;
    margin: 0 0 30px;
}

.progress-item a {
    font-size: 20px;
    width: 280px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
}

.ressource-area {
    background-image: none;
    padding-top: 20px;
}

.ressource-item h2 {
    font-size: 28px;
}

.guide-area {
    background-size: cover;
    padding-top: 190px;
    padding-bottom: 160px;
}

.guide-area-inner p {
    font-size: 20px;
    margin: 0 0 30px;
}

.guide-item h2 {
    font-size: 28px;
}

.guide-item p {
    font-size: 20px;
}

.guide-item a {
    font-size: 20px;
    width: 244px;
    height: 61px;
}

.guide-item2 h2 {
    font-size: 28px;
}

.guide-item2 p {
    font-size: 20px;
}

.guide-item3-inner {
    transform: translate(10px, 10px);
}

.guide-area-inner h2 {
    font-size: 28px;
}

.guide-item4 .row {
    margin: 0 -0px;    
}

.guide-item4 .col-md-6 {
    padding: 0 0px;
}

.guide-item4-inner2 {
    transform: translate(10px, 10px);
}

.guide-item5 p {
    font-size: 20px;
}

.guide-item5 ul {
    padding-left: 28px;
}

.guide-item5 ul li {
    font-size: 20px;
}

.guide-item5 ul li::after {
    left: -22px;
}

.nous-item h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.nous-item h3 {
    font-size: 20px;
    margin: 0 0 20px;
}

.nous-item h3 img {
    max-width: 90px;
    margin: 0 5px;
    margin-bottom: -0px;
}

.nous-item p {
    font-size: 20px;
    margin: 0 0 50px;
}

.nous-item a {
    font-size: 20px;
    width: 216px;
    height: 67px;
}

.footer-item3 a img {
    max-width: 144px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
    margin-left: -00px;
    text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
    border: 2px solid #000;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.header-item5 > ul li {
    margin-left: -15px;
    padding-left: 14px;
    padding-top: 8px;
}

.header-item5 > ul li > ul {
    display: none!important;
    padding-top: 0;
    margin-top: -30px;
}

.header-item5 > ul li:hover > ul {
    display: none!important;
    z-index: -1;
    width: 100vw;
}

.header-item5 > ul li:hover > ul::after {
    display: none!important;
}

.for-click-menu {
    z-index: -1;
    padding-left: 15px;
    position: relative;
}

.for-bg {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 4px #fff inset;
    padding-bottom: 8px;
}




















}

@media screen and (min-width: 768px) {


.header-item2 ul {
    display: block!important;
}

.for-click-menu {
    display: none!important;
}

}




@media screen and (min-width: 2500px) {





.header-area {
    background-size: cover;
}

.header-area2 {
    background-size: cover;
}

.get-area {
    background-size: cover;
}

.profession-area {
    background-size: cover;
}



}

.Connecte_toi_Responsive {
    color: #fff !important;
    border-color: #fff !important;
}