@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;}

}
@media all and (max-width:1310px) {
	#contact-formulaire #stagiaires label {display: block;text-align: left;}
	#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;}

	#accueil-texte h1 {font-size: 36px;}
	
 } 

@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;}

	#accueil-solution-paves-conteneur #accueil-solution-paves {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	#accueil-solution-paves-conteneur .accueil-solution-pave {margin: 10px;}
}

@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::before {display: none;}
	#accueil-lesplus .accueil-lesplus-icone {width: calc(25% - 20px);padding:0 !important; margin:0px 10px 20px !important; }
	#accueil-lesplus .accueil-lesplus-icone-nom {font-size: 25px;}


		
	
}
@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:38px; }
	#contact-Titre h2 {font-size:38px; }
		

	
	#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: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:1050px) { 
	#contact-formulaire .input > label {display: block;width: auto;text-align: left;}
	#contact-formulaire .input > input {margin-left: 0;}
	#contact-formulaire .floatLeft.radio {margin-left: 0;}
	#contact-form .form {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

}

@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: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) {
		
	
	#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; }
    #contact-Titre h2 {font-size:30px; }
    

    
    
    #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;}



}
@media all and (max-width:960px) {
	#contact-form #contact-message label br{display: none;}
	
}
@media all and (max-width:930px) {
	/* #contact-gauche {width: 210px;}
	#contact-gauche .titre-conteneur { font-size: 23px; line-height: 30px;}
	#contact-coordonnees > div {margin:0 0 40px; height: 27px;}
	#contact-coordonnees > div span,
	#contact-coordonnees > div#contact-telephone a {font-size:15px;}
	#contact-coordonnees > div i {width: 25px;height: 22px;font-size: 20px;padding-top: 4px;}
	#contact-coordonnees > div span {line-height: 26px;}	
	#contact-coordonnees > div#contact-mail i { padding-top: 5px; height: 21px; font-size: 16px;}
	#contact-coordonnees > div#contact-telephone {height:auto; min-height:27px;}
	#contact-coordonnees > div#contact-telephone span {line-height: 20px;}
	#contact-coordonnees > div#contact-telephone i {vertical-align:middle;}
	#contact-coordonnees > div#contact-telephone a:nth-child(2n+2)::before {display:none;}
	
	#contact-droite {width: calc(100% - 230px); margin-left: 20px;}
	#contact-formulaire { padding-right: 45px;  width: calc(100% - 45px);}  */
}

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

	
	#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;}




}
@media all and (max-width:895px) {
	#accueil-paves-conteneur {top: 428px}
	
}
@media all and (max-width:870px) {

	#contact-form #contact-message label em{font-size: 11px;}
}


@media all and (max-width:840px) {
	
        
	#accueil-listes .accueil-liste {width:100%; display:block; min-height:0;}
	#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;}

	#contact-form .form {-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#contact-form #contact-message label {width: 100%;text-align: left;}
	#contact-form #contact-message-textarea {width: 100%;}
}

@media all and (max-width:790px) {
	#contact-formulaire .input > input {width: 100%;}
	#contact-formulaire .floatLeft {width: calc(50% - 15px);}

}

/* 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;}
   
}

@media all and (max-width:730px) {
	#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-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:685px) {
	#contact-gauche { padding-right: 45px;  width: calc(100% - 45px);}
	#contact-gauche h2 {text-align:left;}
	#contact-coordonnees {text-align: center;}
	#contact-coordonnees > div {width:205px; margin: 10px 5px;}
	#contact-coordonnees > div#contact-mail,
	#contact-coordonnees > div#contact-telephone {  display: inline-block;  vertical-align: middle; text-align: left;}
	#contact-coordonnees > div#contact-telephone i {margin-right: 15px;}	
	#contact-coordonnees > div#contact-telephone span {    width: calc(100% - 45px);}
	
	#contact-droite {width: 100%; margin:20px 0;}
	#contact-gauche .titre-conteneur { text-align: center;}
	#contact-gauche .titre-conteneur span {display:inline;}
	#contact-gauche .titre-conteneur::after {margin: 25px auto 0; display:block;}
	    
	
	#contact-bouton .bouton {width:calc(100% - 10px); font-size: 17px; min-width:unset; padding: 0px 5px; letter-spacing: 1px;}

}

@media all and (max-width:630px) {
	
	.lg {height: 110px;}
	.sm { height: 65px;}
		
	#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 #logo a img,
	#bandeau.sm #logo a img {height: 25px;}
	#bandeau #logo {padding: 40px 0 0 0px;}

    #bandeau-icones {margin-top: 13px;margin-right: 0;}
	#bandeau-icones #bandeau-phrase  {display:none;}
	

	#bandeau-telephone .numero {font-size: 20px;}
	#bandeau-texte span {letter-spacing: 0.60px;font-size: 13px;}
	
	#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;}
	#accueil-texte h1 {font-size: 23px;line-height: 30px;}
	#accueil-texte p {font-size: 20px;line-height: 26px;}

	#accueil-paves-conteneur {
		top: 355px;
	}

}
@media all and (max-width:602px) {
	#accueil-paves-conteneur .global {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#accueil-paves-conteneur .accueil-pave {width: calc(50% - 2px);}
}

@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-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;}
	
	.bloc-pave-offre > div {width: 129px;}
	.bloc-pave-offre-titre span { font-size: 17px;}

}

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

	.lg {height: 110px;}
	.sm { height: 75px;}
	
	#bandeau.sm #logo {margin-top: 0;}
	#bandeau.sm #logo {padding-top: 5px;}
	#bandeau.sm #logo a img {height: 20px;}
	#bandeau.sm #bandeau-texte span {font-size: 12px;letter-spacing: 0;line-height: 15px;}
	#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;width: 24px;height: 24px;}
	#bandeau.sm #bandeau-mail i {font-size: 15px;height: 24px;top: 0;left: 0;}
	
	#bandeau #logo {text-align:center; float:none; padding:10px 0 0; margin: 0px auto;}
	
	#bandeau-icones {text-align: center; float:none; margin-top: 7px;}
	#bandeau-texte {margin-bottom: 2px;line-height: 0;}
	#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;}
    #contact-Titre h2 {font-size: 26px; line-height: 25px;}
	#contact-Titre h2 em {font-size:23px;}

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



    #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;}

	#accueil-texte .global {
		padding-top: 140px;
	}
		
}

@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-solution-titre h2 {line-height: 25px;}
    #contact-Titre {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;}

		
	.bloc-pave-offre > div {width: 119px;}
	.g-recaptcha iframe {width: 265px;}
}

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

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