@CHARSET "utf-8";


@media all and (max-width:1290px) {
	#accueil-listes .accueil-liste {min-height: 380px;}
	#accueil-temoignage #accueil-temoignage-icones {display: flex;justify-content: center;flex-wrap: wrap;}
	#accueil-temoignage .accueil-temoignage-icone {margin: 10px 25px;};
	#accueil-temoignage .accueil-temoignage-icone:first-child{margin: 10px 25px;}
	#accueil-temoignage .accueil-temoignage-icone:last-child{margin: 10px 25px;}
}

@media all and (max-width:1470px) {
	#contact-formulaire #stagiaires {display: flex;justify-content: space-between;margin-right: 32px;}
	#contact-formulaire #stagiaires .floatLeft:nth-child(1) {width: auto;}
	#contact-formulaire #stagiaires .floatLeft:nth-child(2) {width: auto;}
	#pied #mentions {position: relative;}
	#pied .global {padding: 24px 10px 1px;}
	#contact-formulaire-reponse {width: 100%;}

}
@media all and (max-width:1310px) {
	#contact-formulaire #stagiaires label {display: block;text-align: left;}
	#contact-conteneur {height: 780px;}
	#contact-droite::before {border-width: 0 100px 780px 0;border-color: transparent #f6b123 transparent transparent;}
	#contact-formulaire #stagiaires .floatLeft:nth-child(1) {width: calc(50% - 35px);}
	#contact-formulaire #stagiaires .floatLeft:nth-child(2) {width: calc(50% - 35px);}
	#contact-formulaire #stagiaires .floatLeft:nth-child(2) .input-text {width: 100%;}
}


@media all and (max-width:1259px) {

	
    /* Bandeau */
    .iframe-responsive-wrapper {position: relative;}
	#centre .iframe-responsive-wrapper .iframe-ratio {   display: block;    width: 97%;   height: auto;}
	.iframe-responsive-wrapper iframe{position: absolute;top: 0;left: 0;width: 97% !important; height: 97% !important;}
		
	video {width:100%; height:auto;}
	
 } 

@media all and (max-width:1255px) {
	#bandeau .global {padding:0 20px 0 10px;}

	#accueil-lesplus .accueil-lesplus-icone {width:260px;}
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size: 27px;}
}

@media all and (max-width:1235px) {

	#accueil-lesplus .accueil-lesplus-icone {padding-left: 10px; margin-left: 10px;}
	
	#accueil-quisommesnous .accueil-quisommesnous-icone {margin: 10px 25px !important;}


}

@media all and (max-width:1155px) {

	
	#accueil-listes .accueil-liste {min-height: 400px;} 
	#accueil-listes .accueil-liste .floatRight, 
	#accueil-listes .accueil-liste .floatLeft {padding: 25px 15px !important; width: calc(100% - 30px);}
	
	#accueil-lesplus .accueil-lesplus-icone {width: calc(25% - 20px); background:none !important; padding:0 !important; margin:0px 10px 20px !important; }
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size: 25px;}

	/* #contact-formulaire {left: 0;} */
	#contact-formulaire {padding-right: 10px;}
	#contact-gauche #contact-gauche-texte {font-size: 32px;right: 16.5%;}
		
	
}
@media all and (max-width:1135px) {

	#accueil-slider .accueil-slider-li .accueil-slider-titre,
	#accueil-slider .accueil-slider-li .accueil-slider-titre h1,  
	#accueil-slider .accueil-slider-li .accueil-slider-titre p {font-size: 37px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte, 
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {font-size:21px; }
	#accueil-slider .accueil-slider-li .accueil-slider-texte p strong {font-size: 28px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {margin: 8px 0;}
	
	#accueil-listes .accueil-liste {min-height: 440px;} 
	#accueil-listes .accueil-liste h2 {font-size: 30px;}	
	
	#accueil-solution-titre h2 {font-size:28px; }
		

	
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size: 22px;}
     
    #accueil-contact-titre {font-size:38px;}        
	#accueil-contact-contenu .accueil-contact-col {margin:0;}
	#accueil-contact-contenu .accueil-contact-col #accueil-contact-civilite {width: calc(100% - 122px);}
	#accueil-contact-contenu #contact-texte {margin: 25px auto 0;}
	
	#accueil-quisommesnous h2 {font-size: 40px;}
}


@media all and (max-width:1110px) { 
	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom {width: 408px;}
	#solution-pave-26.accueil-solution-pave .accueil-solution-paves-offre {width: calc(100% - 408px);}
	#solution-pave-27.accueil-solution-pave .accueil-solution-pave-nom {width: 426px;}
	#solution-pave-27.accueil-solution-pave .accueil-solution-paves-offre {width: calc(100% - 426px);}

	/* .accueil-solution-pave:nth-child(even) .accueil-solution-pave-nom::before,
	.accueil-solution-pave:nth-child(even) .accueil-solution-pave-nom::after{border-left: 35px solid #268fd3} */

}

@media all and (max-width:1075px) {
	#contact-conteneur {height: 790px;}
	#contact-droite::before {border-width: 0 100px 790px 0;border-color: transparent #f6b123 transparent transparent;}

}
@media all and (max-width:1047px) { 	
	#accueil-temoignage .accueil-temoignage-icone {background: rgba(235, 224, 224, 0.5);padding: 15px;border-radius: 13px;}

}
@media all and (max-width:1045px) { 	
	
	#accueil-listes .accueil-liste {min-height: 470px;}  
	
	#accueil-solution-contenu h3 {font-size: 27px;}
	#contenu #accueil-solution-contenu p,
	#accueil-solution-bouton span {font-size:21px;}
	#contenu #accueil-solution-contenu p {line-height: 27px;}
	
}
@media all and (max-width:1030px) {
	#accueil-slider {height:374px;}

}

@media all and (max-width:1025px) {
	
	#accueil-contact-contenu .accueil-contact-col .form140 {width: 103px !important;}
	#accueil-contact-contenu .accueil-contact-col .form:first-child { margin-top: 0;}	
	#accueil-contact-contenu #form-texte-label {margin-bottom:10px;}
		
	#accueil-quisommesnous .accueil-quisommesnous-icone {margin: 10px 15px !important;}
}

@media all and (max-width:990px) {
		
	#bandeau #logo {padding: 20px 0 0 10px;}
	
	#contenu-bandeau {height: 245px;}   

	
	#accueil-slider .accueil-slider-li .accueil-slider-titre, 
	#accueil-slider .accueil-slider-li .accueil-slider-titre h1,
	#accueil-slider .accueil-slider-li .accueil-slider-titre p {font-size: 33px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte, 
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {font-size:19px;}
	
	#accueil-listes .accueil-liste {min-height: 440px;}  
	#accueil-listes .accueil-liste h2 {font-size: 28px;}	
	#accueil-listes .accueil-liste-texte ul li {font-size: 19px;}
	#accueil-listes .accueil-liste-texte ul li::before {font-size: 19px; top: 11px;}
	
    #accueil-solution-titre h2 {font-size:30px; }
    
	#accueil-solution-paves .accueil-solution-pave-nom {font-size:17px;} 
    
    
    #accueil-lesplus h2 {font-size:28px; margin: 0 0 25px;}
    
    #accueil-contact-titre {font-size:30px;}    	
		
	#accueil-quisommesnous h2 {font-size: 35px;}
	#accueil-quisommesnous .accueil-quisommesnous-icone {width:255px;}

	#contact-conteneur {height: 850px;}
	#contact-formulaire label {width: 90%;display: block;text-align: left;}
	#contact-formulaire .input-text {width: 100%;box-sizing: border-box;}
	#contact-formulaire {left: 0px;}
	#contact-formulaire .floatLeft:nth-child(2n+1) {margin-right: 14px;}
	#contact-formulaire .floatLeft {width: calc(50% - 7px);}
	#contact-formulaire #stagiaires {margin: 10px 0 22px 0;max-width: unset;width: calc(100% - 46px);padding: 0;}
	#contact-form #contact-message {margin: 37px 0 22px 0;max-width: unset;width: calc(100% - 46px);padding: 0;}
	#contact-bouton {margin: 20px 0;max-width: unset;width: calc(100% - 46px);padding: 0;}
	#contact-droite::before {border-width: 0 100px 850px 0;}
	#contact-gauche #contact-gauche-texte {font-size: 26px;right: 16.5%;top: 379px;}
	#contact-formulaire #stagiaires .floatLeft {width: calc(50% - 7px)!important;}
	#contact-formulaire #stagiaires .floatLeft:nth-child(2) .input-text {width: 100%;}
	#contact-form p {margin-left: 0;}
	.g-recaptcha {	margin-left: 0;	}
	#contact-formulaire-reponse {left: 0px;} 
	#contact-formulaire-texte {left: 0px;}

	#contact-formulaire #stagiaires {width:100%;}
	#contact-form #contact-message {width:100%;}
	#contact-bouton {width:100%;}

}

@media all and (max-width:910px) {

	#bandeau #logo a img {height: 55px;}
	
	#bandeau-icones #bandeau-phrase {font-size: 23px;}

	#bandeau-telephone i {width: 25px; height: 25px; font-size: 22px; line-height: 26px;background-size: 15px 16px;background-position: 5px 5px;}
	#bandeau-telephone .numero {font-size:25px; width: calc(100% - 35px); margin-left: 10px; line-height: 26px;}
		
	#accueil-slider .accueil-slider-li .accueil-slider-texte {line-height: 30px; margin-top:35px;}	
		
	#accueil-lesplus .accueil-lesplus-icone {width:calc(50% - 20px); max-width:290px;}
	#accueil-lesplus .accueil-lesplus-icone-nom {padding: 15px 0 0;} 
	
	#accueil-quisommesnous .accueil-quisommesnous-icone {width:235px; margin: 10px !important;}
	
	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom {width: 340px;}
	#solution-pave-26.accueil-solution-pave .accueil-solution-paves-offre {width: calc(100% - 340px);}
	#solution-pave-27 .accueil-solution-paves-offre li,
	#solution-pave-26 .accueil-solution-paves-offre li {padding-left: 23px;font-size: 18px;}

	#accueil-solution-paves #solution-pave-27  .accueil-solution-pave-nom {font-size:19px;} 


}
@media all and (max-width:870px) {
	#solution-pave-26.accueil-solution-pave {height: auto;}
	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom {width: 100%;height: 260px;}
	#solution-pave-26.accueil-solution-pave .accueil-solution-paves-offre {width: 100%;}

	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom::before,
	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom::after,
	#contact-form #contact-message label em{font-size: 11px;}

	.accueil-solution-pave {height: auto;}

	#solution-pave-27.accueil-solution-pave .accueil-solution-pave-nom {width: 100%;height: 260px;}
	#solution-pave-27.accueil-solution-pave .accueil-solution-paves-offre {width: 100%;}


	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom::before,
	#solution-pave-26.accueil-solution-pave .accueil-solution-pave-nom::after,
	#solution-pave-27.accueil-solution-pave .accueil-solution-pave-nom::before,
	#solution-pave-27.accueil-solution-pave .accueil-solution-pave-nom::after{display: none;}
}


@media all and (max-width:840px) {
	
	#bandeau.sm #logo a img {height: 45px;}
        
	#accueil-listes .accueil-liste {width:100%; display:block; min-height:0;}
	#accueil-listes #accueil-situation {margin-right: 0px;}
	#accueil-listes .accueil-liste .floatRight, 
	#accueil-listes .accueil-liste .floatLeft {float:none; padding: 15px 15px 15px 25px !important; width: calc(100% - 40px); max-width:unset;}
	#accueil-listes .accueil-liste h2 {margin-bottom:15px;}
	#accueil-listes .accueil-liste ul li br {display:none;} 
	
	#accueil-quisommesnous .accueil-quisommesnous-icone {width:205px;}
	#accueil-quisommesnous .accueil-quisommesnous-icone-nom {font-size:25px;}
}

@media all and (max-width:790px) {
	#contact-conteneur {overflow: hidden;}
	#contact-gauche{display: none!important;}
	#contact-droite{width: 100%;}
	#contact-conteneur .contact-bloc {padding: 0 10px;}
	#contact-formulaire {padding-right: 0;}
	#contact-formulaire-texte {width: 100%; left: 0;}
	#contact-formulaire label {width: 100%;}

}

/* Tablette */
@media all and (max-width:780px) {

    body {width:100%; font-size:16px;}

    #global {min-width:inherit; margin:0 auto; width:auto; }
	
	#contenu-bandeau {height: 215px;}
	
	#accueil-slider .accueil-slider-li .accueil-slider-imageordi {display:none;}
	#accueil-slider .accueil-slider-li .accueil-slider-imagetablette {display:block;}
	#accueil-slider .accueil-slider-li .accueil-slider-imagemobile {display:none;}
	
	#accueil-slider .accueil-slider-li .accueil-slider-titre, 
	#accueil-slider .accueil-slider-li .accueil-slider-titre h1,
	#accueil-slider .accueil-slider-li .accueil-slider-titre p {font-size: 29px; }
	#accueil-slider .accueil-slider-li .accueil-slider-texte, 
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {line-height:30px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte p strong {font-size:24px;}
 
    /* Centre */
    #centre {width:auto; margin:0; padding-top:0px;}
    #centre .global .contenu-wrapper {padding-top:0px;}
   
    /* Fil d'ariane */
    #ariane {display:none;}

    /* Contenu */      	
	
	#accueil-contact #accueil-contact-telephone {height:auto; padding:0px; margin: 0 auto 15px;}
	
	#contact-conteneur {height: auto;}
	#contact-form #contact-message-textarea  {resize: vertical;}
}

@media all and (max-width:730px) {
	#accueil-slider {height: 282px;}
	#accueil-texte #accueil-logo {top: -70px;left: calc(50% - 70px);}
	#accueil-texte #accueil-logo img{width: 140px;}
}

@media all and (max-width:695px) {

	.bleu {font-size:25px;}
	
	#bandeau #logo {padding:20px 0 0 0px;}
	#bandeau #logo a img {height:45px;}
	
	#bandeau-icones #bandeau-phrase  {font-size: 24px;}
	#bandeau-telephone {margin-right:20px;}
	#bandeau-telephone i {display:none;}
	#bandeau-telephone .numero,
	#bandeau.sm #bandeau-telephone .numero {margin:0; width:auto; line-height: initial;}
	#bandeau.sm #bandeau-telephone i {left: -2px;width: 19px;height: 19px;top: 1px;background-size: 12px 12px;background-position: 4px 3px;}
		
	#accueil-quisommesnous h2 {font-size: 30px;}	
	#accueil-quisommesnous .accueil-quisommesnous-icone {width: calc(33.333% - 20px);}  
	#accueil-quisommesnous .accueil-quisommesnous-icone-nom {font-size:20px;}
}

@media all and (max-width:630px) {
	
	.lg {height: 110px;}
	.sm { height: 65px;}
		
	#bandeau.sm #bandeau-icones {margin-top: 18px;}
	#bandeau.sm #bandeau-telephone {display:inline-block; margin: 0 10px 0px 0; }
	#bandeau.sm #bandeau-telephone .numero {font-size:18px;}
	#bandeau.sm #bandeau-mail {display:inline-block;}
    	 
    #bandeau-icones {margin-top: 13px;}
	#bandeau-icones #bandeau-phrase  {display:none;}
	
	#bandeau-telephone {display: block; margin: 0 0 15px 0;}
	#bandeau-telephone .numero {font-size: 20px;}
	#bandeau-mail {display:block;margin: 0 auto;}
	
	#contenu h2 {font-size:26px;}
	
	#accueil-slider .accueil-slider-li .accueil-slider-imageordi {display:none;}
	#accueil-slider .accueil-slider-li .accueil-slider-imagetablette {display:none;}	
	#accueil-slider .accueil-slider-li .accueil-slider-imagemobile {display:block;}
	
	#accueil-slider .accueil-slider-li .accueil-slider-titre,
	#accueil-slider .accueil-slider-li .accueil-slider-titre h1, 
	#accueil-slider .accueil-slider-li .accueil-slider-titre p {font-size: 26px; }
	#accueil-slider .accueil-slider-li .accueil-slider-texte p strong {font-size:22px;}
	/*#accueil-slider .accueil-slider-li .accueil-slider-titre h1 br {display:none;}*/
		
	#accueil-solution-contenu h3 {font-size: 24px;}
	#contenu #accueil-solution-contenu p,
	#accueil-solution-bouton span {font-size:18px;}
	#contenu #accueil-solution-contenu p {line-height: 23px;}
	#accueil-solution-bouton span {line-height: 24px;}
	
	
	#accueil-quisommesnous .accueil-quisommesnous-icone-image img {width: 60px; height: auto;}  
	#accueil-quisommesnous .accueil-quisommesnous-icone-nom {font-size:19px;}



}

@media all and (max-width:560px) {
	
	#accueil-listes .accueil-liste .floatRight, 
	#accueil-listes .accueil-liste .floatLeft { padding: 15px 10px !important; width: calc(100% - 20px);}

	
	#accueil-lesplus .accueil-lesplus-icone {width: calc(50% - 20px); margin: 0 10px 15px !important;}		
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size:20px; padding: 10px 0 0;}
	#accueil-lesplus .accueil-lesplus-icone-nom br {display:none;}


	#accueil-quisommesnous .global {padding:20px 10px;}
	#accueil-quisommesnous #accueil-quisommesnous-icones {text-align:left;}
	#accueil-quisommesnous .accueil-quisommesnous-icone {margin: 10px auto 24px !important; width: 100%; max-width: 280px; display: block;text-align: center; }	
	#accueil-quisommesnous .accueil-quisommesnous-icone-image {text-align:center; display:block;height: auto;}
	#accueil-quisommesnous .accueil-quisommesnous-icone-nom {display:block;padding: 0px 0 0 12px; height:auto;}
	#accueil-quisommesnous .accueil-quisommesnous-icone-nom div {height: 100%; display: flex; flex-direction: column; justify-content: center;} 
	#accueil-quisommesnous .accueil-quisommesnous-icone-nom div br {display:none;}

}

@media all and (max-width:515px) {
	.lg {height: 100px;}
	.sm { height: 65px;}

	#bandeau .global {padding: 0 10px;}
	
	#bandeau #logo a img {height:35px;}
	
	#bandeau-icones {margin-top: 15px;}
	#bandeau-telephone {margin: 0 0 10px 0;}
	#bandeau-telephone .numero { font-size: 18px; }
	#bandeau-mail {width:30px; height:30px;}
	#bandeau-mail i.fa-envelope-o {font-size: 18px;}
	
	#accueil-contact-contenu .accueil-contact-col .form {margin: 5px 0 14px;}
	#accueil-contact-contenu .accueil-contact-col .form140 {float:none; text-align:left;}
	#accueil-contact-contenu #accueil-contact-civilite-conteneur .form140 {display:none;}
	
	#accueil-contact-contenu .accueil-contact-col .input-text {max-width: none;}
	#accueil-contact-contenu .accueil-contact-col #accueil-contact-civilite {width:100%;}
	#accueil-contact-contenu #form-texte-label {margin-right: 15px;}
	
	#accueil-contact-contenu #contact-submit {font-size: 20px;}

	#contact-conteneur {
		height: 865px;
	}
	
}

@media all and (max-width:480px) {
		
	#bandeau.sm #bandeau-icones {margin-top: 2px;}
	
	#bandeau.sm #bandeau-telephone {display:block; margin: 0 0px 6px 0; }
	#bandeau.sm #bandeau-mail {display:block;}
	
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {margin: 2px 0;}	
	
	
    #accueil-contact #accueil-contact-telephone {height: 37px;}
    #accueil-contact #accueil-contact-telephone i {font-size:20px; width: 25px; height: 25px; line-height: 27px; }
    #accueil-contact #accueil-contact-telephone .numero {font-size: 24px; width: calc(100% - 35px); line-height: 33px;}

    #back-to-top {width:55px; height:58px;}
	#back-to-top i {width:55px; line-height:50px;}
	
	/* #solution-pave-26 .bloc-pave-offre > div {width: 129px;} */
	#solution-pave-26 .bloc-pave-offre {padding: 35px 5px 0;}
	#solution-pave-26 .bloc-pave-offre-titre span { font-size: 17px;}

}

/* Smartphone */
@media all and (max-width:435px) {	

	.lg {height: 110px;}
	.sm { height: 73px;}
	
	#bandeau.sm #logo {margin-top: 0;}
	#bandeau.sm #logo a img {height: 30px;}
	#bandeau.sm #bandeau-icones {margin-top: 3px;}
	#bandeau.sm #bandeau-telephone {display:inline-block; margin: 0 10px 0px 0;}
	#bandeau.sm #bandeau-telephone .numero {font-size: 17px;}
	#bandeau.sm #bandeau-mail {display:inline-block;}
	
	#bandeau #logo {text-align:center; float:none; padding:10px 0 0; margin: 0px auto;}
	
	#bandeau-icones {text-align: center; float:none; margin-top: 10px;}
	#bandeau #bandeau-telephone {display:inline-block; margin: 0 10px 0px 0; }
	#bandeau #bandeau-mail {display:inline-block;}
	
    #centre {padding-top:0px;}
    
    #accueil-solution-titre {min-height:100px;}
    #accueil-solution-titre h2 {font-size: 26px; line-height: 25px;}
	#accueil-solution-titre h2 em {font-size:23px;}

	#solution-pave-26 .bloc-pave-offre-titre span,
	#solution-pave-27 .bloc-pave-offre-titre span {font-size: 18px;}
	#solution-pave-26 .bloc-pave-offre-titre span em,
	#solution-pave-27 .bloc-pave-offre-titre span em {font-size: 17px;}
	#solution-pave-26 .accueil-solution-paves-offre li,
	#solution-pave-27 .accueil-solution-paves-offre li {font-size: 16px;}

	#solution-pave-26 #accueil-solution-bouton span br,
	#solution-pave-27 #accueil-solution-bouton span br { display: none;}
    
	#accueil-lesplus .accueil-lesplus-icone {width: 180px; margin: 0 5px 10px !important;}		
	#accueil-lesplus .accueil-lesplus-icone-nom {padding: 5px 0 0;}
		
}

@media all and (max-width:385px) {
	#global { padding-top: 110px;}
	
	#contenu-bandeau { height: 145px;}

	#accueil-slider .accueil-slider-li .accueil-slider-contenu {height: 100%; top:0;}
	
	#centre img {float:none !important;  margin: 10px auto !important;}
	#accueil-texte #accueil-logo img {margin: 0!important;}
		
    #accueil-solution-titre h2 {line-height: 25px;}

	#accueil-lesplus .accueil-lesplus-icone {width: 160px; }		
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size:18px;}
	
	#accueil-contact-contenu #contact-submit {font-size: 20px;}

		
	/* #solution-pave-26 .bloc-pave-offre > div {width: 119px;} */
}

@media all and (max-width:340px) {	

	#accueil-lesplus .accueil-lesplus-icone {width: 150px; }		
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size:16px;}
}