/* LOGO RESPONSIVE DANS LE HEADER */

@media (max-width: 575px) {
.header-logo {
	width: 200px;
	height: 70px;
    background-image: url('../img/marketing-de-reseau-permanence-sm.png');
    background-repeat: no-repeat;
    background-size: 200px 70px;
}
}

@media (min-width: 576px) and (max-width: 1440px) { 
.header-logo {
	width: 70px;
	height: 70px;
    background-image: url('../img/marketing-de-reseau-permanence-md.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
}
}

@media (min-width: 1441px) { 
.header-logo {
	width: 426px;
	height: 45px;
    background-image: url('../img/marketing-de-reseau-permanence-lg.png');
    background-repeat: no-repeat;
    background-size: 426px 45px;
}
}



/* BOUTONS RÉSEAUX SOCIAUX */


.facebook, .linkedin {
    background-color: rgba(33,37,41,0.75);
    border-radius: 0px 25px 25px 0px;
    left: 0px;
    color: #ffffff;
    display: block;
    line-height: 1;
    font-size: 22px;
    padding: 15px 0px 15px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 999999999;
}


@media (min-width: 768px) { 
.facebook {
    top: 170px;
}

.linkedin {
    top: 245px;
}
}


@media (max-width: 767px) { 
.facebook {
    bottom: 175px;
}

.linkedin {
    bottom: 100px;
}
}


/* MENU */



/* MAIN MENU RABAISSÉ À LA MÊME HAUTEUR QUE LA BASE D'ÉCRITURE DU LOGO */ 
@media (min-width: 992px) { 
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    top: 10px;
}
}

/* PAREIL POUR LES ÉLÉMENTS SEARCH & CART */ 
#header .header-nav-features {
    top: 10px;
}

/* GROSSISSEMENT DES CARACTÈRES DU MENU 1ER NIVEAU */ 
@media (min-width: 1200px) { 
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    font-size: 16px;
}
}

/* GROSSISSEMENT DES CARACTÈRES DU MENU 2E NIVEAU */ 
@media (min-width: 1200px) { 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    font-size: 15px;
}
}


/* CHANGEMENT DE LA COULEUR DES CASES DE MENU AU SURVOL */ 
.dropdown-menu a:hover {
 background: #3abaed!important;
 color: #212529 !important;
}


/* CHANGEMENT DE LA COULEUR DE BACKGROUND DU MENU DÉROULANT */ 
#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
    background: #212529 !important;
    opacity: 1;
}

/* PAREIL EN RESPONSIVE SMALL DEVICES */ 
@media (max-width: 991px) {
#header.header-transparent .header-body.bg-dark .header-nav-main::before, html #header.header-transparent .header-body.bg-color-dark .header-nav-main::before {
    background: #212529 !important;
    opacity: 1;
}
#header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li:hover > a,
#header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li:hover > a {
 background: #3abaed!important;
 color: #212529 !important;
}
}


/* BOUTONS SOCIAUX SE CHEVAUCHENT CAR CONTAINER PAS ASSEZ LARGE DE 992 À 1200
@media (min-width: 992px) and (max-width: 1199px) { 
.container {
    max-width: 992px;
	padding-right: 10px;
	padding-left: 10px;    
}
}
 */ 

/* RÉGLAGE DE LA LARGEUR DROPDOWN DES SOUS-MENUS */ 
@media (min-width: 992px) { 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    min-width: 230px;
}
}


/* RENFORCEMENT LIGHT COULEUR DES SOUS-MENUS TEXTE BLANC */ 
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}

/* SLIDER */

/* CHANGEMENT DE COULEUR DE L'OVERLAY DES VIDÉOS */
.slider-container .tp-opacity-overlay {
    background: #212529 !important;
    opacity: 0.75;
}

/* APPARITION DU LOGO EN SLIDE 1 */


.slidelogo {
    background-image: url('../img/slides/marketing-de-reseau-permanence-slide.png');
    background-repeat: no-repeat;
}

@media (min-width: 992px) { 
.slidelogo {
	width: 400px;
	height: 321px;
    background-size: 400px 321px;
}
}


@media (min-width: 501px) and (max-width: 991px) { 
.slidelogo {
	width: 270px;
	height: 217px;
    background-size: 270px 217px;
}
}



@media (max-width: 500px) { 
.slidelogo {
	width: 220px;
	height: 176px;
    background-size: 220px 176px;
}
}




/* APPARITION BOX MÉTHODE DE TRAVAIL SLIDE 2 */

.slidebox1 {
    background-image: url('../img/slides/box-slider-1.png');
    background-repeat: no-repeat;
}

@media (min-width: 992px) { 
.slidebox1 {
	width: 400px;
	height: 300px;
    background-size: 400px 300px;
}
}


@media (min-width: 501px) and (max-width: 991px) { 
.slidebox1 {
	width: 300px;
	height: 225px;
    background-size: 300px 225px;
}
}



@media (max-width: 500px) { 
.slidebox1 {
	width: 220px;
	height: 165px;
    background-size: 220px 165px;
}
}


/* APPARITION BOX FORMATIONS GRATUITES SLIDE 3 */

.slidebox2 {
    background-image: url('../img/slides/box-slider-2.png');
    background-repeat: no-repeat;
}

@media (min-width: 992px) { 
.slidebox2 {
	width: 400px;
	height: 300px;
    background-size: 400px 300px;
}
}


@media (min-width: 501px) and (max-width: 991px) { 
.slidebox2 {
	width: 300px;
	height: 225px;
    background-size: 300px 225px;
}
}



@media (max-width: 500px) { 
.slidebox2 {
	width: 220px;
	height: 165px;
    background-size: 220px 165px;
}
}


/* BACKGROUND POUR TOUS LES FONDS DU SLIDER */

.homeslidebg {
	background: #18405a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #2a7db3 0%, #143348 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #2a7db3 0%,#143348 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #2a7db3 0%,#143348 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7db3', endColorstr='#143348',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 	background-size: cover;
 	background-position: center center;
 	width: 100%; height: 100%;
 	opacity: 1;
 	visibility: inherit;
 	z-index: 2; 
}


/* Hn */

h3.letterspacing1 {
    letter-spacing: .01rem;
}


@media (max-width: 575px) { 
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.4em;
}
}

h3 {
    text-transform: none;
}


/* BTN */

.btn-primary {
    border-color: #3abaed!important;
    color: #FFF;
}

html .btn-primary:hover {
    color: #212529 !important;
}


.btn-orange {
    border-color: #fbad31;
    color: #fbad31;
}

html .btn-orange:hover {
    color: #212529;
    background-color: #fbad31;
}

.btn-orange.btn-outline {
    border-width: 3px;
}

html body .btn-light, html body .btn-outline.btn-light {
    border-color: #d9d9d9 #d9d9d9 #d9d9d9;
}



html .btn.btn-light:hover {
	color: #212529 !important;
	border-color: #212529 !important;
}

/* <a></a> */

a.light:hover {
    color: #ffffff;
}

/* IMG */

img.rounded {
    border-radius: 18px !important;
}


/* MÉTHODE DE TRAVAIL IMAGES FRAME GROSSIR TEXTE */

.thumb-info .thumb-info-title {
    letter-spacing: 0;
    font-size: 21px;
}

.thumb-info .thumb-info-inner em {
    font-size: 0.9em;
}

.thumb-info .thumb-info-type {
    border-radius: 15px;
    font-size: 0.8em;
    letter-spacing: 0;
    margin: 20px -2px -15px 0px;
    padding: 2px 12px;
}

.thumb-info .thumb-info-action-icon i {
    font-size: 25px;
}

/* COOKIES ALERT */

.alert-cookies {
    background-color: #FFF;
    border-color: #aee0f7;
    border-radius: 35px;
    border-width: 2px;
    color: #aee0f7;
}


.alert-cookies:hover {
    background-color: #aee0f7;
    border-color: #aee0f7;
    border-radius: 35px;
    border-width: 2px;    
    color: #a6a6a6;
}

.alert-cookies a { 
    color: #a6a6a6;
}

.alert-cookies a:hover { 
    color: #212529;
}




/* LOGOS OWL CAROUSEL AVEC ALTERNANCE NB ET COULEUR */

.owl-carousel.carousel-center-active-item .owl-item {
    opacity: 0.1;
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);    
}

.owl-carousel.carousel-center-active-item .owl-item.current {
    opacity: 1 !important;
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);      
}


/* BADGE MRP LABEL LOGO FOOTER */

 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    position: absolute;
    left: 50%;
    z-index: 30;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
}

/* Style the back side */
.flip-card-back {
    transform: rotateY(180deg);
} 


/* Ajout des background a front et a back */

.front-logo {
    background-image: url('../img/mrp-label-logo.png');
    background-repeat: no-repeat;
    position: absolute;  
    cursor: pointer;   
}

.back-logo {
    background-image: url('../img/mrp-label-logo-hover.png');
    background-repeat: no-repeat;
    position: absolute;    
    cursor: pointer;
}


@media (max-width: 424px) { 
.flip-card {
  	width: 124px;
  	height: 124px;
    margin-left: -62px;  
}

.front-logo, .back-logo {
	width: 124px;
	height: 124px;
    background-size: 124px 124px;
    margin-left: -62px;
}
}

@media (min-width: 425px) and (max-width: 767px) { 
.flip-card {
  	width: 124px;
  	height: 124px;
    margin-left: -62px;  
}


.front-logo, .back-logo {
	width: 124px;
	height: 124px;
    background-size: 124px 124px;
    margin-left: -62px;
}
}

@media (min-width: 768px) and (max-width: 991px) { 
.flip-card {
  	width: 150px;
  	height: 150px;
    margin-left: -75px;  
}

.front-logo, .back-logo {
	width: 150px;
	height: 150px;
    background-size: 150px 150px;
    margin-left: -75px;
}
}

@media (min-width: 992px) and (max-width: 1779px) { 
.flip-card {
  	width: 176px;
  	height: 176px;
    margin-left: -88px;  
}

.front-logo, .back-logo {
	width: 176px;
	height: 176px;
    background-size: 176px 176px;
    margin-left: -88px;
}
}

@media (min-width: 1780px) { 
.flip-card {
  	width: 230px;
  	height: 230px;
    margin-left: -115px;  
}

.front-logo, .back-logo {
	width: 230px;
	height: 230px;
    background-size: 230px 230px;
    margin-left: -115px;
}
}


/* TESTIMONIALS */

.testimonial .testimonial-author span {
    font-size: 1.2rem;
}

.testimonial.testimonial-style-2 .testimonial-author img {
    margin: 0 auto 15px;
    max-width: 100px;
}

.testimonial.testimonial-with-quotes blockquote::before {
    font-size: 100px;
}

.parallax blockquote span {
    font-size: inherit;
}

.section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong {
    opacity: 1;
}

.testimonials-bg {
	background: #18405a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #2a7db3 0%, #143348 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #2a7db3 0%,#143348 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #2a7db3 0%,#143348 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7db3', endColorstr='#143348',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.testimonial .testimonial-arrow-down {
    border-top: 13px solid #CCC;
}


.testimonial.testimonial-style-guillemets blockquote:before {
	top: 5px !important;
	left: 15px !important;
	color: #fff !important;
	font-size: 100px !important;
}

.testimonial.testimonial-style-guillemets blockquote:after {
	color: #fff !important;
	font-size: 100px !important;
	bottom: -25px !important;
	right: 20px !important;
}




/* PARALLAX BG */
.parallax-bg {
	background: #18405a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #2a7db3 0%, #143348 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #2a7db3 0%,#143348 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #2a7db3 0%,#143348 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7db3', endColorstr='#143348',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 4em;
}


/* SECTION PARALLAX AVEC FLECHE INTERIEURE */
.call-to-action.call-to-action-in-footer {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}


.call-to-action.call-to-action-in-footer {
    padding-top: 60px;
    padding-bottom: 50px;
}


/* IMAGES PARAGRAPHES */

.post-author img {
    max-height: 150px;
    max-width: 150px;
}

@media (max-width: 575px) { 
.post-author img {
    max-height: 100px;
    max-width: 100px;
}
}

.post-author .img-thumbnail {
    background: transparent;
}


/* TEXT-COLORS */

html .text-color-orange, html .text-orange {
    /* color: #f67e36 !important; */
    /* color: #fe7ea9 !important; */
    color: #fbad31 !important;    
}

html .text-color-greylight, html .text-greylight {
    color: #a9a7a7 !important;    
}


/* TEXT-MARGING */
.steps-end {
    margin-left: -1.1rem !important;
}

.icon-circle {
    border: 2px solid #3abaed;
    height: 60px;
    width: 60px;
    min-height: 60px;
    min-width: 60px;   
}

div.feature-box-icon.icon-circle:hover {
    background-color: #3abaed; 
}

i.icon-pin.icons.text-color-dark:hover::before {
    color: #ffffff; 
}

.feature-box.feature-box-style-5 .feature-box-icon {
	min-width: 3.8em;
}

.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons {
    font-size: 1.8em;
}

@media (max-width: 450px) { 
.steps-end {
    margin-left: -2.3rem !important;
}

.icon-circle {
    border: 2px solid #3abaed;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;   
}

.feature-box.feature-box-style-5 .feature-box-icon {
	min-width: 0.5em;
	margin-left: 10px;
	padding: 0;
}

.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons {
    font-size: 1em;
}

.feature-box .feature-box-info {
    padding-left: 10px;
}

.feature-box .feature-box-icon {
    width: 2.1em;
    height: 2.1em;
}

.process-vertical .process-step {
    padding-bottom: 35px;
}

}

/* LETTER SPACING */

.ls-2 {
	letter-spacing: 0.01em;
}


/* PROCESS STEP (POURQUOI CE SITE ?) */


@media (max-width: 450px) { 

.process-vertical .process-step-circle {
	height: 30px;
	width: 30px;
	margin: 0 8px 0 0;
	min-height: 30px;
	min-width: 30px;
}


.process-vertical .process-step::after {
    height: calc(100% - 50px);
    top: 40px;
    left: 15px;
}

.process .process-step-circle-content {
    font-size: 1.2em;
}

}

/* AUDIO-LIVRES */

.featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*="fa-"] {
    font-size: 1.2em;
    margin-bottom: 15px;
    color: #777;    
}

.featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons {
    color: #777;
}

.featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons:hover {
    color: #777;
}

.featured-boxes-full .featured-box-full:not(.featured-box-full-light) a {
    color: #777;
    line-height: 3;
}

.featured-boxes-full .featured-box-full {
    padding: 25px;
}


/* FOOTER BACKGROUND COLOR */

#footer .footer-copyright {
	background: #18405a; /* Old browsers */
}


/* FOOTER LINKS COLOR */

#footer a:not(.btn) {
    color: #ccc;
}

#footer a:not(.btn):hover {
    color: #3abaed;
}

#footer .footer-copyright p {
    color: #ccc;
}


/* CONTACT */

.sans-titre {
	width: 505px;
	height: 42px;
    background-image: url('../img/imsk/sans-titre.jpg');
    background-repeat: no-repeat;
    background-size: 505px 42px;
}


@media (max-width: 504px) { 
.sans-titre {
	max-width: 100%;
	background-image: url('../img/imsk/sans-titre.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
}
}


/* FORMATIONS GRATUITES */

.thumb-info.thumb-info-lighten .thumb-info-wrapper::after {
    background: #3abaed;
}



.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {
    border-radius: 0;
}

.border-formation {
    border-bottom: 3px solid #3abaed;
}

@media (max-width: 500px) { 
.not-in-small {
    display: none;
}
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
    top: -30px;
    width: 45px;
    height: 45px;
    margin-left: 5px;
    margin-right: 5px;
}
}

@media (min-width: 501px) { 
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
    top: 15px;
    width: 45px;
    height: 45px;
    margin-left: 25px;
}
}


/* FLÈCHE DANS LE BACKGROUND (INDEX) */

.flechebg::before {
    content: "";
    display: block;
    position: absolute;
    border-left: 20px solid 
transparent;
border-right: 20px solid
transparent;
border-top: 20px solid
    #FFF;
    height: 20px;
    width: 20px;
    top: -5px;
    left: 50%;
    margin-left: -20px;
}



/* FOND ROND COULEUR ICÔNES */

.circle-icon-tertiary {
    background: #fbad31;
    padding:10px;
    border-radius: 50%;
}