sup
{
	font-size: .5em;
	font-weight: normal!important;
}

body
{
	background-color: #fff;
}

#branding
{
	background:#060623;
	padding: 30px 0;
	height: 100px;
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	z-index: 99;
	box-sizing: border-box;
}

#branding .centrer
{
	overflow: visible;
}

#main
{
	margin-top: 100px;
}


.logo
{
	float: left;
}

.logo img
{
	width: 250px;
}

.fond-blanc
{
	background-color: #fff;
}

.fond-bleu
{
	background-color: #060623;
}

.fond-mauve
{
	background-color: #DCDCF9;
}

.fond-orange
{
	background-color: #FF7933;
}

.fond-vert-clair
{
	background-color: rgba(96, 211, 148, 0.2);
}

.fond-bleu-clair
{
	background-color: #def2fb;
}

.fond-orange-clair
{
	background-color: rgba(255, 89, 0, 0.2);
}

.fond-gris-clair
{
	background-color: rgba(6, 6, 35, 0.03);

}

.alignleft
{
	margin-right: 30px;
}

.alignright
{
	margin-left: 30px;
}



#access
{
	float: right;
}

#access div > ul > li
{
	list-style: none;
	padding: 0;
	margin-left: 40px;
	  float: left;
  	text-align: right;
  	  height: 75px;
}

#access div > ul > li > a
{
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	color: #fff;
	padding: 0;
	line-height: 50px;
	padding-bottom: 20px!important;

}

#access div > ul > li > a:hover
{
	color:#F2F2F2;
	text-decoration: none;
}

#access div > ul > li > a:hover::after,
#access div > ul > li.current_page_item > a::after,
#access div > ul > li.current-page-ancestor > a::after
{
	content: "";
	width: 100%;
	position: absolute;
	left: 0;

  	bottom: 5px;
	height: 5px;
	background: #FF5900;
}

#access div > ul > li > ul 
{
  top: 70px;
  margin: 0;
  list-style: none;
  text-align: left;
  margin-left: 0;
  left: auto;
  right: 0;
  padding-top: 12px;
}

#access div > ul > li > ul::before
{
	content: "";
	background: url('images/triangle-menu.svg') no-repeat center top;
	width: 25px;
	height: 10px;
	position: absolute;
	right: 0;
	right: 10px;
  	top: 2px;
}

#access div > ul > li > ul > li 
{
	padding: 0;
}

#access div > ul > li > ul > li > a
{
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	background: #060623;
	margin-bottom: 2px;
  	padding: 10px 30px;
  	font-size: 18px;
	min-width: 250px;	
}

#access div > ul > li > ul > li > a:hover::after
{
	position: absolute;
	content: "";
  	left: 0px;
	background: #FF5900;
	width: 5px;
	height: 100%;
	top:0;
}


#access div > ul > li.menu-item-has-children > a
{
	padding-right: 20px;
	background: url('images/fleche-menu.svg') no-repeat right top 24px;
}



#access ul > li > a:hover::after,
#access ul > li.current-menu-item a::after,
#access ul > li.current_page_parent a::after
{
	
	opacity: 1;

}


#colophon, .credits
{
	
}


.section
{
	padding: 100px 0;
	scroll-margin-top: 100px;
	
	clear: both;
}

.section.fond-blanc:not(.has-image) + .section.fond-blanc 
{
	padding-top: 0;
}


.section .centrer
{
	position: relative;
	z-index: 9;

}

.section.has-image::before
{
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 1;

	background: linear-gradient(rgba(6, 6, 35, 0) 0%, #060623 100%);

}

.section .centrer,
.section .full
{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	align-items: center;

	row-gap: 20px;
	column-gap: 20px;

  overflow: visible;
}

.section .centrer.grid-align-milieu
{
	align-items: center;
}


.section .centrer.grid-align-haut
{
	align-items: normal;
}



.section a
{
}

.section b,
.section strong
{
	font-weight: 600;
}



blockquote
{

}

blockquote p,
blockquote p b,
blockquote p strong
{
	font-size: 28px;
	line-height: 34px;
}


.excerpt_more
{
	display: none;
}

#access .burger
{
	display: none;
}

#cookie-notice span
{
	  font-size: 12px;
}

#cn-notice-buttons
{
	color:#fff;
}

#cookie-notice .cn-button
{
	background: #fe5400;
}


.texte-gros
{
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}



.bouton
{
	padding: 12px 40px;
	border-radius: 24px;
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 18px;
	transition: .3s ease all;
}

.bouton.bouton-jaune
{
	background: #FDE74C;
	color:#060623;
}

.bouton.bouton-jaune:hover
{
	background: #FEF295;
}

.bouton.bouton-noir
{
	background: #060623;
	color:#FFFFFF;
}

.bouton.bouton-noir:hover
{
	background: #141474;
}

.bouton.bouton-fil
{
	background: transparent;
	color:#FFFFFF;
	border: 2px solid #fff;
}

.bouton.bouton-fil:hover
{
	color:#060623;
	background: #fff;
}

.bouton.bouton-blanc
{
	background: #fff;
	color:#060623;
}

.bouton.bouton-blanc:hover
{
	color:#fff;
	background: #060623;
}

.bouton.bouton-vert
{
	background: #60D394;
	color:#fff;
}

.bouton.bouton-vert:hover
{
	color: #60D394;
	background:#fff;
}



a + a .bouton
{
	margin-left: 20px;
}




.section-fond-bleu-1 .bouton-blanc:hover
{
	color:#304EF2;
}

.section-fond-bleu-2 .bouton-blanc:hover
{
	color:#576EF2;
}

.section-fond-bleu-3 .bouton-blanc:hover
{
	color:#8d9cf2;
}

.grid-item
{ 
	  width: 33.33%;
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 0px;
  cursor: pointer;
}

.grid-item img
{
	display: block;
}


.grid-item .titre.active
{
	display: block;
}

.grid-item .titre
{
	display: none;
	position: absolute;
	bottom:10px;
	left: 10px;
	background: rgba(255,255,255,.5);
	padding: 5px;
	font-size: 12px;
}

.popin.active
{
	display: block;
}

.popin
{
	display: none;
}

.popin .fond-noir
{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 99;
	cursor: pointer;
}

.popin .contenu
{
	position: fixed;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	background: #000;
	z-index: 999;
	padding: 10px;
	box-sizing: border-box;
}

.popin .croix
{
	position: absolute;
	right: -15px;
	cursor: pointer;
	top: -15px;
	text-transform: uppercase;
	font-size: 30px;
	background: #000 url('images/x.svg') no-repeat left 10px top 12px;
	
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	overflow: hidden;
}

.popin .contenu img
{
	max-width: calc(90vw - 40px) ;
	max-height: calc(90vh - 40px);
}

.grid-item-home
{ 
	
	position: relative;
  display: block;
  float: left;
  box-sizing: border-box;
  
  cursor: pointer;
}

.grid-item-home img
{
	display: block;
	width: 100%;
	transition: .3s ease all;
}

.grid-item-home:hover img
{
	opacity: .5
}

.grid-item-home .texte
{
	position: absolute;
	left: 0;
	width: 100%;
	top:50%;
	transform: translateY(-50%);
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
	transition: .3s ease all;
	opacity: 0; 
}

.grid-item-home:hover .texte
{
	opacity: 1;
}

.grid-item-home .type
{
	text-transform: uppercase;
	padding-top: 20px;
	display: block;
	font-family: "neulis-sans";
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 0.11em;
	text-align: center;
	color: #fff;

}

.grid-item-home h2
{
	text-transform: uppercase;
	font-family: "neulis-sans";
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 0.11em;
	line-height: 35px;
	text-align: center;
	color: #fff;

}

.grid-item-home h2
{
	right: auto;
	left: 10px;
}



img[title="Verified by MonsterInsights"]
{
	display: none!important;
}

.slider .slick-arrow
{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	text-indent: -10000px;
	background: no-repeat center;
	width: 50px;
	height: 50px;
	border:none;
	box-shadow: none;
	z-index: 999;
	background-size: 30px auto;
	cursor: pointer;
	transition: .3s ease all;
}

.slider .slick-prev
{
	background-image: url('images/arrow-left.svg');
	left: 20px;
}

.slider .slick-prev:hover
{
	left: 15px;
}

.slider .slick-next
{
	background-image: url('images/arrow-right.svg');
	right: 20px;
}

.slider .slick-next:hover
{
	right:15px;
}

.hero-home
{
	padding: 300px 0;
	padding-top: 385px;
}

.hero-page{
	padding: 100px 0;
}


.bouton
{

}

.bouton:hover
{
}


.grid-home
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	
}

.grille
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
		align-items: center;

}

.grille-1
{
	grid-template-columns: repeat(1, 1fr);
}

.grille-2
{
	grid-template-columns: repeat(2, 1fr);
}

.grille-3
{
	grid-template-columns: repeat(3, 1fr);
}

.grille img
{
	display: block;
	width: 100%;
}

.full .grid-home,
.full .grille,
.full .grid
{
	margin:-60px -20px;
}

.grid-home.grid-2
{
	grid-template-columns: repeat(2, 1fr);
}

.grid-home.grid-3
{
	grid-template-columns: repeat(3, 1fr);
}

.credits 
{
	
}

.credits .titre-foot
{

}

.credits a,
.credits p
{
	font-size: 16px;
	
	font-weight: 300;
	display: block;
	line-height: 30px;
}

.credits p a
{
	display: inline;
}

.credits small
{
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 20px;
	color:#fff;
	font-weight: 300;
}

.credits small a{
	font-weight: 300;
	color:#fff;
	font-size: 10px;
	display: inline;
}


.image-texte
{
	text-align: center;
}

h4
{
	text-transform: uppercase;
}

#breadcrumbs
{
	font-size: 14px;
	color:#fff;
	text-align: center;
}

#breadcrumbs a
{
	font-weight: 500;
	color:#fff;
}

.liste-frise
{

}

.liste-frise .bloc-frise
{
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
}

.liste-frise .bloc-frise::before
{
	position: absolute;
	content: "";
	left: 340px;
	top:0;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #304EF2;
}

.liste-frise .bloc-frise::after
{
	position: absolute;
	content: "";
	left: 349px;
	top:0;
	bottom:0;
	width: 2px;
	background: #304EF2;
}

.liste-frise .bloc-frise .titre
{
	width: 300px;
	float: left;
	margin-top: -10px;

}

.liste-frise .bloc-frise .texte
{
	width: calc(100% - 400px);
	float: right;
	margin-top: -10px;

}

.bloc-avec-bouton .col
{
	position: relative;
	padding-bottom: 50px;
}

.bloc-avec-bouton .col .bouton
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:0;
	  white-space: nowrap;
}

.article .date
{
	text-transform: uppercase;
	font-size: 14px;
	opacity: .7;
	display: block;
}

.col > .article
{
	padding: 20px;
	background: #fff;
	height: 100%;
	box-sizing: border-box;
	padding-bottom: 50px;
	position: relative;
}

.col > .article .bouton
{
	position: absolute;
	bottom: 20px;
  left: 20px;
}

.input-100
{

}

.input-100 label
{
	display: block;
	margin-bottom: 10px;
}

.input-100 input[type="text"],
.input-100 input[type="email"],
.input-100 textarea
{
	display: block;
	width: 100%;
	border: none;
	height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
}

.input-100 textarea
{
	height: 100px;
	resize: none;
}


.pagination
{
	margin-top: 40px;
}

.col-hero-home
{
	padding-top: 250px;
}

.col-hero-page
{
	padding: 150px 0;
}


.bloc-chiffre .chiffre
{
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 60px;
	text-align: center;
  	line-height: 60px;
}

.bloc-chiffre .texte-chiffre
{
	font-family: "Work Sans";
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	color: rgba(6, 6, 35, 0.5);
}

.bloc-chiffre .chiffre-bleu
{
	color: #060623;
}

.bloc-chiffre .chiffre-orange
{
	color: #FF5900;
}

.bloc-services .bloc-service
{
	border-radius: 20px;
	overflow: hidden;
	background: #60D394;
}


.bloc-services .bloc-service+.bloc-service
{
	background: #5BC0EB;
}

.bloc-services .bloc-service+.bloc-service+.bloc-service
{
	background: #FDE74C;
}

.bloc-services .bloc-service .texte
{
	padding: 20px 40px;
  	padding-top: 10px;
}

.bloc-services .bloc-service img
{
	border-radius: 0;
}


.texte-fin-services
{
	opacity: .5;
	margin-top: 20px;
}

.slider-avis .inslide
{
	margin:0 10px;
	height: 400px;
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	position: relative;
	padding: 60px 40px;
}

.slider-avis .note
{
	text-indent: -10000px;
	width: 180px;
	height: 26px;
	margin-bottom: 40px;
}

.slider-avis .note-5
{
	background: url('images/5-star.svg') no-repeat center;
}

.slider-avis .note-4
{
	background: url('images/4-star.svg') no-repeat center;
}

.slider-avis .note-3
{
	background: url('images/3-star.svg') no-repeat center;
}

.slider-avis .note-2
{
	background: url('images/2-star.svg') no-repeat center;
}

.slider-avis .note-1
{
	background: url('images/1-star.svg') no-repeat center;
}

.slider-avis .nom
{
	position: absolute;
	left: 40px;
	bottom: 60px;
}

.slider-avis .temoignage
{
	overflow: auto;
  	max-height: 170px;
}

.slider-avis .slick-arrow
{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width: 18px;
	height: 32px;
  	padding: 0;
  	text-indent: -10000px;
  	border: none;
  	cursor: pointer;

  	transition: .3s ease all;
}

.slider-avis .slick-arrow.slick-prev
{
	left:-30px;
	background: url('images/left-orange.svg') no-repeat left center;
	

}

.slider-avis .slick-arrow.slick-next
{
	right:-30px;
	background: url('images/right-orange.svg') no-repeat right center;
	

}

.slider-avis .slick-arrow.slick-prev:hover
{
	
	left:-35px;

}

.slider-avis .slick-arrow.slick-next:hover
{
	right:-35px;
	
}

.liste-lien-sidebar a
{
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: #060623;
	display: block;
	padding: 12px 0;
	border-radius: 24px;
	background: #fff;
	border: 1px solid #060623;
	margin-bottom: 20px;
	text-decoration: none;

	transition: .3s ease all;
}

.liste-lien-sidebar a:hover
{
	background: #060623;
	color:#fff;
}

.bloc-devis
{
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 40px;
	border-radius: 20px;
	  overflow: hidden;
}

.bloc-devis::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(rgba(6, 6, 35, 0) 0%, #060623 100%);
}

.bloc-devis *
{
	position: relative;
	z-index: 9;
}

.galerie-simple
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.col img
{
	border-radius: 20px;
}

.element-accordeon .titre-accordeon
{
	border: none;
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	color: #060623;
	padding: 15px 0;
	display: block;
	background: #FFF;
	border-bottom: 1px solid rgba(6, 6, 35, 0.2);
	width: 100%;
	cursor: pointer;
	padding-right: 30px;
	background: url('images/faq-bas.svg') no-repeat right center;
}

.element-accordeon.active .titre-accordeon
{
	border-color:#fff;
	background: url('images/faq-haut.svg') no-repeat right center;

}

.element-accordeon.active .texte-accordeon
{
	border-bottom: 1px solid rgba(6, 6, 35, 0.2);
}

.liste-savoir-faire
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

.liste-savoir-faire .savoir-faire
{
	padding: 20px;
	background: #fff;
	border-radius: 20px;
}

.liste-savoir-faire .savoir-faire h3,
.liste-savoir-faire .savoir-faire p
{
	color:#060623;
}

.liste-savoir-faire .savoir-faire p
{
	font-size: 14px;
	line-height: 16px;
}

.liste-savoir-faire .savoir-faire .image
{
	height: 80px;
	text-align: center;
}

.liste-savoir-faire .savoir-faire .image img
{
	max-height: 100%;
	border-radius: 0;
}



.liste-contact
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}

.liste-contact .bloc-contact
{
	padding: 20px;
	background: #F7F7F8;
	border-radius: 20px;
}


.liste-contact .bloc-contact p
{
	font-size: 14px;
	line-height: 16px;
}

.liste-contact .bloc-contact .picto
{
	height: 22px;
	text-align: center;
}

.liste-contact .bloc-contact .picto img
{
	max-height: 100%;
	border-radius: 0;
}

.wpcf7-form
{

}


.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form input[type="tel"]
{
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	height: 38px;
	border-radius: 10px;
	background: transparent;
	border: 1px solid rgba(6, 6, 35, 0.2);
	margin-top: 10px;
} 

.wpcf7-form input[type="text"]:hover,
.wpcf7-form input[type="email"]:hover,
.wpcf7-form textarea:hover,
.wpcf7-form input[type="tel"]:hover,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input[type="tel"]:focus
{
	border: 1px solid #060623;
}

.wpcf7-form textarea
{
	height: 300px;
	resize: none;
}

.wpcf7-form input[type="submit"]
{
padding: 12px 40px;
	border-radius: 24px;
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 18px;
	transition: .3s ease all;
background: #060623;
	color:#FFFFFF;
	border:none;
	display: block;
	text-transform: uppercase;
	  width: 100%;
	  cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover
{
	background: #141474;
}

iframe
{
	max-width: 100%;
}



@media (max-width: 1300px)
{

	.bloc-devis
	{
		padding: 30px;
	}


}

@media (max-width: 1000px)
{
	.logo img
	{
		width: 200px;
	}

	#main {
	  margin-top: 80px;
	}

	#branding
	{
		height: 80px;
		padding: 22px 0;
	}

	#access .burger
	{
		display: block;

		background: url('images/burger.svg') no-repeat center;
		border: none;
		color:#fff;
		text-transform: uppercase;
    	font-size: 10px;
    	float: right;
    	cursor: pointer;
    	width: 36px;
    	height: 35px;
	}

	#access .burger+div
	{
		display: none;
	}

	#access .burger.active+div
	{
		display: block;
		position: fixed;
		top:80px;
		background: #060623;
		bottom:0;
	    right: 0;
        width: 100%;
            padding-top: 50px;
	}

	#access div > ul > li
	{
		height: auto;
	    float: none;
	}

	#access div > ul > li > a
	{
		height: auto;
		  text-align: left;
		      display: block;


      text-transform: uppercase;
		font-weight: bold;
		font-size: 18px!important;
		text-align: left;
		color: #fff;
		  line-height: 20px!important;

	}


	#access div > ul > li > a:hover::after, #access div > ul > li.current_page_item > a::after, #access div > ul > li.current-page-ancestor > a::after {
	  display: none;
	}

	#access > div > ul > li > ul
	{
		display: block;
		position: static;
		background: none;
	}

	#access > div > ul > li > ul
	{
		padding: 0;
		padding-left: 0px;
		    padding-bottom: 20px;
	}

	#access div > ul > li > ul > li > a
	{
		color:#FFF;
		font-family: "DM Sans";
		font-weight: normal;
		font-size: 18px;
		text-align: left;
		color: #fff;
		text-transform: uppercase;
		line-height: 20px!important;
		padding-left: 0;
	    padding: 0;
	    margin-bottom: 10px;
	}

	#access div > ul > li > ul > li > a::before
	{
		content: ">";
		padding-right: 10px;
	}	

	#access div > ul > li > ul > li > a::after
	{
		display: none;
	}

	#access div > ul > li.menu-item-has-children > a
	{
		background: none;
	}


	h1
	{
		font-size: 38px!important;
  		line-height: 44px!important;
		padding: 10px 0!important;
		hyphens: auto;
	}

	h2
	{
		font-size: 30px!important;
		  line-height: 40px!important;
		  padding: 10px 0!important;
		  hyphens: auto;
	}

	h3
	{
		font-size: 23px!important;
  		line-height: 29px!important;
		padding: 10px 0!important;
		hyphens: auto;

	}

	h4
	{
		font-size: 16px!important;
  		line-height: 20px!important;
	}

	blockquote p, blockquote p b, blockquote p strong {
	  font-size: 23px;
	  line-height: 29px;
	}

	p, li, ol,
	p b, li b, ol b,
	p strong, li strong, ol strong
	{
		font-size: 16px!important;
	}

	.col-100.gauche-1.droite-1
	{
		margin:0;
	}

	.section .col-25
	{
		  grid-column: span 6;
		  margin-bottom: 30px;
	}

	.liste-frise .bloc-frise .titre
	{
		width: 200px;
	}

	.liste-frise .bloc-frise .texte
	{
		  width: calc(100% - 300px);
	}

	.liste-frise .bloc-frise::before 
	{
		left: 240px;
	}

	.liste-frise .bloc-frise::after
	{
		  left: 249px;
	}

	.col-hero-home
	{
		padding-top: 100px;
	}

	.bloc-chiffre .chiffre
	{
		font-size: 45px;
	  line-height: 40px;
	}

	.section .col-50
	{
		  grid-column: span 12;
	}

	.col-50.gauche-1
	{
		margin-left: 0;
	}

	.slider-avis .note
	{
		  margin-bottom: 20px;
		  width: 100px;
    	background-size: contain !important;
	}

	.col-hero-page
	{
		padding: 50px 0;
	}

	.faq,
	.sidebar
	{
		margin:0;
	}

	img.alignleft,
	img.alignright
	{
		float: none;
		display: block;
		margin: 20px auto;
	}

	.liste-savoir-faire,
	.liste-contact
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.special-generation .col-25
	{
		display: none;
	}

	.special-generation .col-25+.col-25
	{
		display: block;
	}

	.special-generation .col-25+.col-25+.col-25+.col-25
	{
		display: none;
	}
}

@media (max-width: 740px)
{
	.section
	{
	}
	
	.section .col-25,
	.section .col-33,
	.section .col-50,
	.section .col-66,
	.section .col-100,
	.section .col-1,
	.section .col-2,
	.section .col-3,
	.section .col-4,
	.section .col-5,
	.section .col-6,
	.section .col-7,
	.section .col-8,
	.section .col-9,
	.section .col-10,
	.section .col-11,
	.section .col-12
	{
  	grid-column: span 12;	 
	}




	input[type="text"], input[type="email"], textarea, select, input[type="number"]
	{
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.grid-home, 
	.grid-home.grid-2,
	.grid-home.grid-1,
	.grid-home.grid-3,
	.grille-3,
	.grille-2,
	.grille-1
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.credits
	{
		text-align: center;
	}

	.section-fond-gris
	{
		background-image: none!important;
	}

	.liste-frise .bloc-frise .titre
	{
		float: none;
	    width: auto;
	        padding-left: 30px;

	}

	 .liste-frise .bloc-frise .texte {
	    width: auto;
	    float: none;
	        padding-left: 30px;
	  }

    .liste-frise .bloc-frise::before {
		left: 0;
	}

	.liste-frise .bloc-frise::after {
	    left: 9px;
	  }

	  a + a .bouton
	  {
	  	margin: 0;
	  	margin-top: 20px;
	  }


	 .sidebar {
        /* En mobile, nous voulons que la sidebar soit SOUS le contenu principal */
        /* On la met donc sur la deuxième ligne */
        grid-column: 1; /* Toujours sur la seule colonne */
        grid-row: 2; /* <-- Placer la sidebar sur la deuxième ligne */
    }

    .contenu-apres-sidebar {
        /* En mobile, nous voulons que le contenu principal soit EN HAUT */
        /* On le met donc sur la première ligne */
        grid-column: 1; /* Toujours sur la seule colonne */
        grid-row: 1; /* <-- Placer le contenu principal sur la première ligne */
    }

     .col-hero-home {
	    padding-top: 50px;
	  }

	  .centrer .centrer
	  {
	  	padding: 0;
	  }

	  .slider-avis .slick-arrow.slick-next
	  {
	  	right: -15px;
	  }

	  .slider-avis .slick-arrow.slick-prev
	  {
	  	left: -15px;
	  }

	  .galerie-simple,
	  .liste-savoir-faire, .liste-contact 
	  {
	  	  grid-template-columns: repeat(1, 1fr);
	  }

	  .slider-avis .temoignage
	  {
	  	max-height: none;
	  }

	  .slider-avis .nom
	  {
	  	position: static;
	  	margin-top: 20px;
	  }

	  .slider-avis .inslide
	  {
	  	height: auto;
	  }

}