/* RESPONSIVE */
@media(max-width:575px){
	.procool-header .navbar-nav{
		padding-top: 30px;
	}

	.procool-header .navbar-nav .nav-link{
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}

	.procool-header{
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.procool-home-header{
		min-height: 500px !important;
        max-height: 500px !important;
        height: 500px;
	}

	.procool-page-std{
		padding-top: 0;
	}

	.procool-title{
		font-size: 40px;
		line-height: 44px;
	}

	.procool-contact{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.procool-contact input, .procool-contact textarea, .procool-contact label.procool-label{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 25px;
	}

	.procool-contact textarea{
		padding-left: initial;
		padding-right: initial;
	}

	.procool-contact .procool-form-content .wpcf7-form-control-wrap{
		padding-left: 7px;
		padding-right: 7px;
	}

	.procool-contact .wpcf7-checkbox{
	    display: block;
	}

	.procool-contact .wpcf7-checkbox .wpcf7-list-item{
		display: block;
	}

	.procool-footer{
		padding-top: 50px;
	}

	.procool-footer-logo{
		max-width: 80% !important;
	}

	.procool-footer-links{
		padding-top: 50px;
	}

	.procool-footer-agencies{
		flex-direction: column;
		row-gap: 50px;
	}

	.procool-solution-advantages{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.procool-vh{
		min-height: initial;
		height: auto;
		max-height: initial;
		padding-top: 60px;
	}

	.procool-solution-header{
		top: 0;
	}

	.procool-title-big, .procool-title-big b, .procool-title-big strong{
		font-size: 60px;
		line-height: 50px;
	}	

	.procool-introduction{
		font-size: 26px;
		line-height: 30px;
		padding-bottom: 60px;
	}

	.procool-solution-title-icon{
		margin-bottom: 30px;
		transform-origin: center center;
		transform: scale(0.7);
	}

	.procool-solution-content{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.procool-presentation-content{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.procool-separator{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	/* ACCORDION */
	.procool-solutions-list {
		flex-direction: column;
		height: auto;
		gap: 50px;
	}

	.procool-solutions-list .procool-solutions-element{
		flex: none;
		height: auto;           /* hauteur automatique pour que tout soit visible */
		cursor: default;        /* pas de hover nécessaire */
		overflow: visible;      /* laisser le texte passer à la ligne */
	}

	.procool-solutions-list .procool-solutions-element .procool-solutions-element-span {
		white-space: normal;    /* texte multiline */
		overflow: visible;      
		text-overflow: unset;
		opacity: 1;
	}

	.procool-solutions-last{
		background-size: auto 100%;
	}

	.procool-solutions-element, .procool-solutions-last{
		padding: 60px 30px;
	}

	.procool-solutions-title{
		font-size: 25px;
		line-height: 35px;
	}
	/* ACCORDION */

	.procool-certifications{
		flex-direction: column;
		align-items: center !important;
		row-gap: 30px;
	}

	.procool-engagements{
		grid-template-columns: 1fr;
	}

	.procool-home-subtitle{
		font-size: 22px;
		line-height: 32px;
	}

	.procool-home-overlay{
		max-width: 80% !important;
		margin: auto;
	}

	.procool-presentation-overlay{
		bottom: 0px;
		right: 0;
		opacity: 0.2;
	}

	.procool-presentation{
		padding-top: 0px;
		padding-bottom: 0;
	}

	.procool-presentation-row{
		margin-top: -50vh;
		z-index: 999;
	}

	.procool-presentation-row .procool-col-p{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.procool-header-sticky .procool-header-link img{
		display: none;
	}

	.procool-presentation-image{
		max-width: 80% !important;
		margin: auto;
	}

	.procool-page-faq{
		padding-top: 50px;
	}

	.procool-faq-elements .accordion-button{
		font-size: 20px;
		line-height: 20px;
	}

	.procool-faq-elements .accordion-body{
		padding-left: 1.25rem;
		font-size: 16px;
	}
}

@media(min-width:576px) and (max-width:767px){
	.procool-header .navbar-nav{
		padding-top: 30px;
	}

	.procool-header .navbar-nav .nav-link{
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}
	
	.procool-header{
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.procool-home-header{
		min-height: 400px !important;
		max-height: 400px !important;
	}

	.procool-page-std{
		padding-top: 0;
	}

	.procool-title{
		font-size: 40px;
		line-height: 44px;
	}

	.procool-contact{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.procool-contact input, .procool-contact textarea, .procool-contact label.procool-label{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 25px;
	}

	.procool-contact textarea{
		padding-left: initial;
		padding-right: initial;
	}

	.procool-footer{
		padding-top: 50px;
	}

	.procool-footer-logo{
		max-width: 80% !important;
	}

	.procool-footer-links{
		padding-top: 50px;
	}

	.procool-footer-agencies{
		flex-direction: column;
		row-gap: 50px;
	}

	.procool-contact .procool-form-content .wpcf7-form-control-wrap{
		padding-left: 7px;
		padding-right: 7px;
	}

	.procool-contact .wpcf7-checkbox{
	    display: block;
	}

	.procool-contact .wpcf7-checkbox .wpcf7-list-item{
		display: block;
	}

	.procool-presentation-overlay{
		right: 0;
	}

	.procool-vh{
		min-height: initial;
		height: auto;
		max-height: initial;
		padding-top: 60px;
	}

	.procool-solution-header{
		top: 0;
	}

	.procool-title-big, .procool-title-big b, .procool-title-big strong{
		font-size: 60px;
		line-height: 35px;
	}	

	.procool-introduction{
		font-size: 26px;
		line-height: 30px;
		padding-bottom: 60px;
	}

	.procool-solution-title-icon{
		margin-bottom: 30px;
		transform-origin: center center;
		transform: scale(0.7);
	}

	.procool-solution-content{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.procool-presentation-content{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.procool-separator{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	/* ACCORDION */
	.procool-solutions-list {
		flex-direction: column;
		height: auto;
		gap: 50px;
	}

	.procool-solutions-list .procool-solutions-element{
		flex: none;
		height: auto;           /* hauteur automatique pour que tout soit visible */
		cursor: default;        /* pas de hover nécessaire */
		overflow: visible;      /* laisser le texte passer à la ligne */
	}

	.procool-solutions-list .procool-solutions-element .procool-solutions-element-span {
		white-space: normal;    /* texte multiline */
		overflow: visible;      
		text-overflow: unset;
		opacity: 1;
	}

	.procool-solutions-element, .procool-solutions-last{
		padding: 60px 30px;
		background-size: cover;
	}

	.procool-solutions-title{
		font-size: 25px;
		line-height: 35px;
	}
	/* ACCORDION */

	.procool-certifications{
		flex-direction: column;
		align-items: center !important;
		row-gap: 30px;
	}

	.procool-engagements{
		grid-template-columns: 1fr;
	}

	.procool-home-overlay{
		max-width: 80% !important;
		margin: auto;
	}

	.procool-presentation-overlay{
		bottom: 0px;
		right: 0;
		opacity: 0.2;
	}

	.procool-presentation{
		padding-top: 0px;
		padding-bottom: 0;
	}

	.procool-presentation-row{
		margin-top: -50vh;
		z-index: 999;
	}

	.procool-presentation-row .procool-col-p{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.procool-header-link img{
		display: none;
	}

	.procool-presentation-image{
		max-width: 70% !important;
		margin: auto;
	}

	.procool-page-faq{
		padding-top: 50px;
	}

	.procool-faq-elements .accordion-button{
		font-size: 20px;
		line-height: 20px;
	}

	.procool-faq-elements .accordion-body{
		padding-left: 1.25rem;
		font-size: 18px;
	}
}

@media(min-width:768px) and (max-width:991px){
	.procool-header{
		position: relative;
		padding-top: 20px;
	}

	.procool-home-header{
		min-height: 500px !important;
		max-height: 500px !important;
	}

	.procool-page-std{
		padding-top: 0;
	}

	.procool-header .navbar-nav .nav-link{
		padding: 15px 25px;
	}

	.procool-header .navbar-nav{
		margin:auto !important;
		margin-top: 20px !important;
	}

	.procool-contact textarea{
		padding-left: 30px;
		padding-right: 30px;
	}

	.procool-footer{
		padding-top: 50px;
	}

	.procool-footer-logo{
		max-width: 80% !important;
	}

	.procool-footer-links{
		padding-top: 50px;
	}

	.procool-contact .procool-form-content .wpcf7-form-control-wrap{
		padding-left: 7px;
		padding-right: 7px;
	}

	.procool-contact .wpcf7-checkbox{
	    grid-template-columns: 1fr 1fr;
	}

	.procool-presentation-overlay{
		right: 0;
	}

	.procool-vh{
		min-height: initial;
		height: auto;
		max-height: initial;
		padding-top: 60px;
	}

	.procool-solution-header{
		top: 0;
	}

	.procool-title-big, .procool-title-big b, .procool-title-big strong{
		font-size: 60px;
		line-height: 35px;
	}	

	.procool-introduction{
		font-size: 26px;
		line-height: 30px;
		padding-bottom: 60px;
	}

	.procool-solution-title-icon{
		margin-bottom: 30px;
		transform-origin: center center;
		transform: scale(0.7);
	}

	.procool-solution-content{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.procool-presentation-content{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.procool-separator{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	/* ACCORDION */
	.procool-solutions-list {
		flex-direction: column;
		height: auto;
		gap: 50px;
	}

	.procool-solutions-list .procool-solutions-element{
		flex: none;
		height: auto;           /* hauteur automatique pour que tout soit visible */
		cursor: default;        /* pas de hover nécessaire */
		overflow: visible;      /* laisser le texte passer à la ligne */
	}

	.procool-solutions-list .procool-solutions-element .procool-solutions-element-span {
		white-space: normal;    /* texte multiline */
		overflow: visible;      
		text-overflow: unset;
		opacity: 1;
	}

	.procool-solutions-element, .procool-solutions-last{
		padding: 60px 30px;
		background-size: cover;
	}

	.procool-solutions-title{
		font-size: 25px;
		line-height: 35px;
	}
	/* ACCORDION */

	.procool-engagements{
		grid-template-columns: 1fr 1fr;
	}

	.procool-home-overlay{
		max-width: 80% !important;
		margin: auto;
	}

	.procool-presentation-overlay{
		bottom: 0px;
		right: 0;
		opacity: 0.2;
	}

	.procool-presentation{
		padding-top: 0px;
		padding-bottom: 0;
	}

	.procool-presentation-row{
		margin-top: -50vh;
		z-index: 999;
	}

	.procool-presentation-row .procool-col-p{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.procool-presentation-image{
		max-width: 60% !important;
		margin: auto;
	}
}

@media(min-width: 992px) and (max-width:1330px){
	.procool-header{
		position: relative;
		padding-top: 20px;
	}

	.procool-home-header{
		min-height: 600px !important;
		max-height: 600px !important;
	}

	.procool-page-std{
		padding-top: 0;
	}

	.procool-header .navbar-nav .nav-link{
		padding: 15px 25px;
	}

	.procool-header .navbar-nav{
		margin:auto !important;
		margin-top: 20px !important;
	}

	.procool-footer-agencies{
		flex-direction: column;
		row-gap: 50px;
	}

	.procool-footer{
		padding-top: 50px;
	}

	.procool-footer-links{
		padding-top: 50px;
	}

	.procool-contact input, .procool-contact textarea, .procool-contact label.procool-label{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}

	.procool-contact .procool-form-content .wpcf7-form-control-wrap{
		padding-left: 7px;
		padding-right: 7px;
	}

	.procool-contact .wpcf7-checkbox{
	    grid-template-columns: 1fr 1fr;
	    row-gap: 15px;
	    font-size: 16px;
	}

	.procool-vh{
		padding-top: 0;
	}

	.procool-solution-header{
		top: 0;
	}

	/* ACCORDION */
	.procool-solutions-list {
		flex-direction: column;
		height: auto;
		gap: 50px;
	}

	.procool-solutions-list .procool-solutions-element{
		flex: none;
		height: auto;           /* hauteur automatique pour que tout soit visible */
		cursor: default;        /* pas de hover nécessaire */
		overflow: visible;      /* laisser le texte passer à la ligne */
	}

	.procool-solutions-list .procool-solutions-element .procool-solutions-element-span {
		white-space: normal;    /* texte multiline */
		overflow: visible;      
		text-overflow: unset;
		opacity: 1;
	}

	.procool-solutions-element, .procool-solutions-last{
		padding: 60px 30px;
		background-size: cover;
	}
	/* ACCORDION */

	.procool-engagements{
		grid-template-columns: 1fr 1fr 1fr;
	}

	.procool-presentation-image{
		max-width: 60% !important;
		margin: auto;
	}

	.procool-page-faq{
		padding-top: 50px;
	}

	.procool-faq-elements .accordion-button{
		font-size: 20px;
		line-height: 20px;
	}

	.procool-faq-elements .accordion-body{
		padding-left: 1.25rem;
		font-size: 18px;
	}
}

@media(min-width: 1200px) and (max-width:1696px){
	.procool-solution-advantages{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.procool-solution-advantages.procool-content-small{
		font-size: 17px;
		line-height: 24px;
	}

	.procool-solution-advantages .procool-title{
		font-size: 40px;
	}

	.procool-solutions-element, .procool-solutions-last{
		padding: 60px 30px;
		background-size: cover;
	}

	.procool-solutions-title{
		font-size: 22px;
		line-height: 32px;
	}

	.procool-solutions-content{
		font-size: 14px;
		line-height: 18px;
	}

	.procool-engagements{
		grid-template-columns: 1fr 1fr 1fr;
	}

	.procool-presentation-image{
		max-width: 60% !important;
		margin: auto;
	}
}

@media(min-width: 1400px) and (max-width:1696px){
	.procool-solution-advantages{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.procool-presentation-overlay{
		opacity: 0.2;
	}
}

@media(min-width: 1331px) and (max-width:1399px){
	.procool-contact .procool-form-content .wpcf7-form-control-wrap{
		padding-left: 7px;
		padding-right: 7px;
	}

	.procool-contact .wpcf7-checkbox{
	    grid-template-columns: 1fr 1fr;
	    row-gap: 15px;
	}
}

@media(min-width: 1400px) and (max-width:1696px){
	.procool-contact .procool-form-content .wpcf7-form-control-wrap{
		padding-left: 7px;
		padding-right: 7px;
	}

	.procool-contact .wpcf7-checkbox{
	    grid-template-columns: 1fr 1fr;
	    row-gap: 15px;
	}
}

@media(min-width: 1697px){
	
}
/* RESPONSIVE */