/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1630PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1630px) {

    
}


/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1420PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1420px) {

    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1280PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1300px) {

	.wrap {width: 80%;}
        
    .top-image-home {
        height: 50vh;    
    }
    
    h2 {
        font-size: 2rem;
        line-height: 2.4rem;
        margin: 0 0 25px 0;
    }

    h3 {
        font-size: 1.5rem;
        line-height: 1.8rem;
        margin: 0 0 20px 0;
    }

    h4 {
        font-size: 1.3rem;
        line-height: 1.5rem;
        margin: 0 0 15px 0;
    }
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1170 PX ****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1170px) {
	.wrap {width: 90%;}
	
	section.section-etapes .modules-etapes {padding: 30px 50px;}
	section.section-etapes .modules-etapes .module-etape {width: 23%;}
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 967 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 967px) {
	.wrap {width: 95%;}

	h4 {
		font-size: 1.1rem;
		line-height: 1.4rem;
		margin-bottom: 10px;
	}
	
	section.section-fonctionnalites .menu-fonctionnalites li.item-menu-fonctionnalite {margin: 0 10px;}
	
	section.section-temoignages .modules-temoignages .module-temoignage .temoignage-partie-gauche {width: 40%;}
	section.section-temoignages .modules-temoignages .module-temoignage .temoignage-partie-droite {width: 58%;}
	
	section.section-etapes .modules-etapes {flex-wrap: wrap; background-image: none; padding: 15px 20px;}
	section.section-etapes .modules-etapes .module-etape {width: 100%; text-align: left; border: 0; border-radius: 0; padding: 0;}
	section.section-etapes .modules-etapes .module-etape {display: flex; align-items: center; margin-bottom: 8px;}
	section.section-etapes .modules-etapes .module-etape:nth-child(2) {margin-left: 30px;}
	section.section-etapes .modules-etapes .module-etape:nth-child(3) {margin-left: 60px;}
	section.section-etapes .modules-etapes .module-etape:nth-child(4) {margin-left: 90px;}
	section.section-etapes .modules-etapes .module-etape .numero-etape {margin-bottom: 0;}
	section.section-etapes .modules-etapes .module-etape .numero-etape span {font-size: 20px; width: 35px; height: 35px; line-height: 35px;}
	section.section-etapes .modules-etapes .module-etape .texte-etape {margin-left: 15px;}

	/* .flex-item-moitie { */
		/* width: 100%; */
	/* } */

	/* .flex-item-quart { */
		/* width: 48%; */
	/* } */

	/* .flex-item-cinq { */
		/* width: 31%; */
	/* } */

	/* .flex-item-tiers, */
	/* .flex-item-deux-tiers { */
		/* width: 100%; */
	/* } */
    
    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 768 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
    
    h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }
	
	section {padding: 25px 0;}

	header.header {padding: 15px 0;}
		
	header #menu-menu-principal li a {
		padding: 12px 12px;
	}
	
	footer.footer {padding: 15px 0;}
	#inner-footer .container-flex {display: grid;}
	#inner-footer .container-flex .flex-item-tiers {width: 100%;}
	#inner-footer .container-flex .flex-item-tiers:nth-child(1) {grid-column: 1; grid-row: 1;}
	#inner-footer .container-flex .flex-item-tiers:nth-child(2) {grid-column: 1; grid-row: 3;}
	#inner-footer .container-flex .flex-item-tiers:nth-child(3) {grid-column: 1; grid-row: 2; padding-bottom: 40px;}
	footer .footer-apropos p {padding: 0 5px 20px 5px;}
	footer ul#menu-menu-footer {display: flex; justify-content: space-between;}
	footer ul#menu-menu-footer li {width: 30%;}
	footer ul#menu-menu-footer li a {text-decoration: underline;}
	footer .flex-item-tiers.right {text-align: center;}
	
	#content {padding-top: 15px;}

	section.section-fonctionnalites .menu-fonctionnalites {margin: 10px 0 20px;}
	section.section-fonctionnalites .item-fonctionnalite .container-flex {flex-direction: column-reverse;}
	section.section-fonctionnalites .item-fonctionnalite {border-radius: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); background: #fff; padding: 12px;}
	section.section-fonctionnalites .item-fonctionnalite .flex-item-moitie {width: 100%;}
	section.section-fonctionnalites .item-fonctionnalite .flex-item-moitie .texte-fonctionnalite {border: none; box-shadow: none;}
	section.section-fonctionnalites .item-fonctionnalite .flex-item-moitie .texte-fonctionnalite::after {display:none;}
	section.section-fonctionnalites .item-fonctionnalite img {border: none; padding: 12px;}

	section.section-applications .image-application img {width: 70%; height: auto;}
	section.section-applications .modules-application {padding-bottom: 10px;}
	section.section-applications .modules-application .module-application {margin: 0; border-radius: 12px; box-shadow: none;}
	section.section-applications .owl-carousel .owl-stage-outer {padding: 0;}

	section.section-temoignages .modules-temoignages {width: 90%; margin: 0 auto;}
	section.section-temoignages .modules-temoignages .module-temoignage .temoignage-partie-gauche {width: 100%;}
	section.section-temoignages .modules-temoignages .module-temoignage .temoignage-partie-gauche img {border-radius: 12px 12px 0 0; border: 1px solid var(--bleu_clair); border-bottom: 0;}
	section.section-temoignages .modules-temoignages .module-temoignage .temoignage-partie-droite {width: 100%; padding-right:0;}
	section.section-temoignages .modules-temoignages .module-temoignage .temoignage-partie-droite .temoignage-contenu-droite {border-radius: 0 0 12px 12px; box-shadow: none;border: 1px solid var(--bleu_clair); border-top: 0;}
	section.section-temoignages .modules-temoignages .owl-nav {position: initial; text-align: center; margin-top: 10px;}

	section.section-reassurance .modules-reasssurance {flex-wrap: wrap; padding: 10px;}
	section.section-reassurance .modules-reasssurance .module-reassurance {width: 100%; padding: 0; display: grid; grid-gap: 0 20px; text-align: left; grid-template-columns: 80px auto; margin-bottom: 15px;}
	section.section-reassurance .modules-reasssurance .module-reassurance .picto-reassurance {width: 100%; grid-column: 1; grid-row: 1 / 3; }
	section.section-reassurance .modules-reasssurance .module-reassurance .titre-reassurance {grid-column: 2; grid-row: 1; margin-bottom: 0;}
	section.section-reassurance .modules-reasssurance .module-reassurance .texte-reassurance {grid-column: 2; grid-row: 2;}


	.page-id-130 .flex-item-deux-tiers {width: 100%; text-align: center; margin-bottom: 15px;}
	.page-id-130 .flex-item-tiers {width: 100%;}
	.page-id-130 .flex-item-tiers div {text-align: center !important;}
	
	.page-id-159 .flex-item-tiers {width: 100%; text-align: left; margin-bottom: 25px;}
	.page-id-159 .flex-item-deux-tiers {width: 100%;}
	
	.padding40 {
		padding: 30px;
	}

	.padding30 {
		padding: 20px;
	}

	.rangee-image-seule {
		max-height: 25vh;    
	}

    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 600 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 600px) {
	
	header .flex-item-tiers {width: 100%; margin-bottom: 15px; text-align: center;}
	header .logo-header {height: 50px; *margin: 0 auto;}
	header .flex-item-deux-tiers {width: 100%; text-align: center;}
	
	section.section-accueil .container-flex {flex-direction: column-reverse;}
	section.section-accueil .accueil-partie-gauche {width: 100%;}
	section.section-accueil .mobile-only {display: block;}
	section.section-accueil .accueil-partie-gauche h1 {display: none;}
	section.section-accueil .accueil-partie-gauche .modules-arguments {margin: 0 5px 25px 5px; font-size: 90%;}
	section.section-accueil .accueil-partie-gauche .module-argument {width: 32%; text-align: center; border: 1px solid var(--bleu_clair); border-radius: 12px; padding: 5px;}
	section.section-accueil .accueil-partie-droite {width: 100%; margin-bottom: 15px;}


	.big, p.big {
		font-size: 1.1rem;
		line-height: 1.3rem;
		margin-bottom: 10px;
	}    
    h1 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    h2 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    h3 {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }

    h4 {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 480 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 480px) {
    
    h1,
    .top-image-home h1 {
        bottom: 20px;
        font-size: 1.6rem;
        line-height: 2rem;
    }
    
    .top-image-home {
        height: 40vh;    
    }
        
    .flex-item-trois-quart {
        width: 100%;    
    }
    
    .flex-item-quart {
        width: 100%;
    }

    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 375 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 375px) {    
    
}


@media only screen and (max-height: 800px) and (orientation: landscape) {
    
    .top-image-home {
        height: 60vh;
    }
    
}