/*
Theme Name: Cytech
Theme URI: http://wordpress.org/
Description: Theme par Dix-Onze inc.
Author: Dix-Onze inc.
Version: 5.0

strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {
	display: block;
}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
}


ol, ul {list-style-type: none;}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/*---Additional Form resets---*/

button, input[type="button"] {
	background: none;
}

:required {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

/*---Typographic Styling---*/

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

u {
	text-decoration: underline;
}

pre, code {
	font-family: Monaco, Courier, monospace;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after, q:before,  q:after {
	content: "";
}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {
	cursor: pointer;
}

/*---Misc. Element Styling---*/

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}

/* End strppd.css */

/* Custom fonts */
/*
@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpictograms/modernpics-webfont.eot');
    src: url('fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal; }
*/

/* Proper box model */
* { }

/* General styles */

html {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 24px;
	background: #f6f5f4;
	font-weight: 400;
}

body {
}

a { 
	color: #79b150;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

a:hover {
	color: #000;
}

address {
}

aside {
}

b, strong {
}

blockquote {
}

button {
	cursor: pointer;
}
button:hover {
}

caption, th, td {
	vertical-align: middle;
}

.comme-h1,
h1 {
	font-size: 2.4rem;
	line-height: 1;
	color: #fff;
	font-weight: 600;
}
.v2 h1 {
	font-size: 2.6666rem;
	line-height: 1.2;
	color: #000;
	margin-bottom: 24px;
}
h2 {
	font-size: 2.6666rem;
	line-height: 1.5;
	color: #000;
	font-weight: 500;
}
.v2 h2 {
	font-size: 1.8rem;
	line-height: 1.2;
	margin-top: 72px;
	margin-bottom: 24px;
}
.v2 .call2act {
	margin-top: 48px;
	text-align: center;
}
h2.comme-h3,
h3 {
	font-size: 1rem;
	line-height: 1;
	color: #000;
	font-weight: 500;
}
.page-equipe h2 {
	margin-bottom: 30px;
}

.home h2.avant-liste {
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 500;
    display: block;
    width: 100%;
	float: none;
	clear: both;
}

h4 {
}
h5 {
}
h6 {
}

i, em {
}

img {
}

input, select, textarea {
}

input[type=radio] {
}
input[type=checkbox] {
}

label {
}

li {
	font-weight: 500;
}

p {
	font-weight: 500;
	margin: 0 0 24px 0;
}

select {
}
select option {
}

table {
	border: 0; border-spacing:0; empty-cells:show;
}

textarea {
	resize: none;
}

ul, ol {
	margin-left: 20px;
	margin-bottom: 24px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

/* Custom styles */

#entete-principale {
	width: 100%;
	position: relative;
	padding: 35px 0;
	background-color: #fff;
	z-index: 50;
}

.home #entete-principale {
	background-color: transparent;
}

#entete-secondaire {
	width: 100%;
	background: #79b150;
	padding: 35px 0 80px 0;
	position: relative;
	z-index: 25;
}

#entete-secondaire.bloc-promo {
	width: 100%;
	height: 600px;
	background: url("images/bg-accueil.jpg") no-repeat center center;
	background-size: cover;
	margin-top: -180px;
}
#entete-secondaire.bloc-promo.promo-produits {
	height: 500px;
	background: url("images/bg-produits.jpg") no-repeat center center;
}

#boite-slogan {
	position: absolute;
	left: 0;
	bottom: 280px;
	color: #000;
	font-size: 1.4444rem;
	line-height: 1.25;
	font-weight: 300;
}
#boite-slogan.pale h1,
#boite-slogan.pale p {
	color: #fff !important;
}
#boite-slogan.maj {
	/*text-transform: uppercase !important;*/
}
#boite-slogan p {
	font-size: 0.9rem;
}
.promo-produits #boite-slogan {
	bottom: 220px;
}
.promo-emploi #boite-slogan {
	bottom: 300px;
}
.promo-produits #breadcrumbs a {
    color: #79b150;
}
#boite-slogan h1 {
	color: #000;
}
#boite-slogan strong {
	font-size: 2.7777rem;
	font-weight: 600;
	line-height: 1.4;
}


#boite-promo {
	width: 380px;
	padding: 20px 30px;
	box-sizing: border-box;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #79b150;
	position: absolute;
	right: 0;
	bottom: 80px;
	font-size: 1.1rem;	
	line-height: 1.5;
	color: #fff;
}
#boite-promo h2 {
	color: #fff;
}
#boite-promo p {
	margin-bottom: 10px;
}
#boite-promo strong {
	font-weight: 600;
	font-size: 1.4rem;
}
#boite-promo a {
	color: #fff;
}
#boite-promo hr {
	border: 0;
	border-bottom: 2px solid #fff;
	margin: 30px 0 20px 0;
}

#boite-promo a.savoir-plus {
	font-size: 0.8rem;
	text-align: center;
	display: block;
}
#boite-promo a.savoir-plus:hover {
	color: #000;
}

a.btn-promo {
	background: #79B151;
	color: #fff;
	display: inline-block;
	padding: 15px 40px;
	border-radius: 40px;
	font-size: 18px;
	font-weight: normal;
}
a.btn-promo:hover {
	background-color: #000;
	color: #fff;
}

#accueil-realisations {
	text-align: center;
}
#accueil-realisations h2 {
	font-size: 1.5rem;
	margin: 0 0 30px 0;
}

#contenu-principal {
	width: 98%;
	max-width: 1600px;
	margin: -50px auto 90px auto;
	padding: 80px 0;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.20);
	position: relative;
	z-index: 50;
}
.home #contenu-principal {
	max-width: 1900px;
}
#contenu-principal.avec-sous-contenu {
	margin-top: -100px;
	margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
    position: relative;
    z-index: 50;	
} 

#piedpage-principal {
	padding: 35px 0;
	background: #000;
	color: #fff;
	font-size: 0.7777rem;
	line-height: 1rem;
}

#piedpage-principal ul.widget-area {
	list-style: none;
	margin: 0;
}

#piedpage-principal a {
	color: #fff;
	font-weight: 600;
}
#piedpage-principal a:hover {
	text-decoration: underline;
}

#piedpage-principal .menu {
	list-style: none;
	margin: 0;
}
#piedpage-principal .menu li {
	padding-bottom: 20px;
}
#piedpage-principal .menu a {
	color: #79b150;
}
#piedpage-principal h2 {
	font-size: 1rem;
	line-height: 1rem;
	padding-bottom: 20px;
	font-weight: 600;
	color: #79b150;
}
#piedpage-principal .menu a:hover {
	color: #fff;
	text-decoration: none;
}


#piedpage-copyright {
	padding: 10px 0;
	background: #000;
	color: #737373;
	text-align: center;
	font-size: 0.7778rem;
	line-height: 1.25rem;
	font-weight: 500;
}

#entete-logo {
	display: block;
	margin-top: -15px;
}

#entete-menu {
	/* width: calc(100% - 220px); */
	width: 100%;
	box-sizing: border-box;
	padding-right: 30px;
	font-size: 0.8888rem;
	float: left;
	margin-top: 8px;
}

#entete-menu hr {
	width: 80%;
	border: 0;
	border-bottom: 2px solid #79b150;
	margin: 15px 0 15px auto;
}

#entete-pub {
	width: 220px;
	background: #79b150;
	box-sizing: border-box;
	display: block;
	float: right;
	padding: 25px 30px;
	margin-top: -35px;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: 600;
}
#entete-pub:hover {
	background: #3c5828;
}
#entete-pub hr {
	border: 0;
	border-bottom: 2px solid #fff;
	margin: 15px 0;
}

#entete-pub span {
	font-size: 0.8889rem;
	line-height: 0.75rem;
}

#logo-principal {
	width: auto;
	height: 125px;
	display: block;
}

#entete-menu {
	text-align: right;
}

#breadcrumbs {
	font-family: Consolas, monaco, monospace;
	font-weight: bold;
	font-size: 0.8333rem;
	line-height: 1.2;
	margin-bottom: 10px;
}
#breadcrumbs .breadcrumb_last,
#breadcrumbs a {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}
#breadcrumbs a {
	color: #fff;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
	
#menu-principal {
	margin-top: 15px;
}
	#menu-principal .sf-menu {
		margin: 0;
	}
	#menu-principal li {
		margin-left: 20px;
		background: none;
		border: none;
	}
	#menu-principal li:first-child {
		margin-left: 0;
	}
	#menu-principal li a {
		color: #79B151;
		font-size: 0.7777rem;
		font-weight: 600;
		margin: 0;
		padding: 0;
		border: none;
	}
	#menu-footer-3 li.en-avant {
		padding-top: 14px;
	}
	#menu-footer-3 li.en-avant a,
	#menu-principal li.en-avant a {
		background: #79B151;
		color: #fff !important;
		padding: 0 10px;
		border-radius: 20px;
	}
	#menu-footer-3 li.en-avant a {
		padding: 8px 16px;
	}
	#menu-principal li a:hover {
		color: #000;
	}
	#menu-principal li.en-avant:hover a {
		background: #000;
	}
 	#menu-footer-3 li.en-avant:hover a {
		background: #fff;
		color: #000 !important;
	}
	#menu-principal li.current-page-ancestor a,
	#menu-principal li.ccurrent-menu-ancestor a,
	#menu-principal li.current-menu-parent a,
	#menu-principal li.current-menu-item a {
		color: #000;
	}

	#menu-principal li.en-avant.current-menu-item a {
		background: #000;
	}

	#menu-principal ul.sub-menu {
		background: #79b150;
		border-top: none;
		border-radius: 8px;
		padding: 10px;
	}
	#menu-principal ul.sub-menu li {
		text-align: left;
		margin: 0;
		padding: 2px 12px;
	}
	#menu-principal ul.sub-menu li a {
		color: #fff;
	}
	.sf-menu ul {
		min-width: 10em !important;
	}
	#menu-principal ul.sub-menu:before { 
		content: ''; 
		height: 0; 
		position: absolute; 
		top: -6px; 
		left: 50% !important;
		width: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #79b150;
    	transform: translateX(-50%) !important;
	}
 	#menu-principal ul.sub-menu i {
		font-size: 14px;
		color: #fff;
		margin-right: 6px;
	}
	.sf-menu {
		float: right !important;
	}

#menu_haut {
    border-top: 2px solid #79b150;
    margin-top: 15px;
	padding-top: 15px;
}


#menu-sup {
	margin-bottom: 0;
}
#menu-sup li {
	padding-left: 20px;
	display: inline-block;
}
#menu-sup li:first-child {
	padding-left: 0;
}
#menu-sup li a {
	color: #000;
}
#menu-sup li a:hover {
	color: #79B151;
}

#menu-mobile {
	cursor: pointer;
	display: none;
}
#menu-mobile:before {
	font-size: 24px;
}

.grid-parent-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	position: relative;
}

.grid-parent-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	position: relative;
}

.liste-employes {
	margin-bottom: 90px;
}
.liste-employes .grid-child,
#liste-realisations .grid-child {
	background: #f5f4f2;
}

	.un-produit,
	.une-realisation {
		position: relative;
	}
	.un-produit figure img,
	.un-employe figure img,
	.une-realisation figure img {
		display: block;
	}
	.un-produit figure a.principale {
		background-color: #f5f4f2;
	}
	.un-produit figure img {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.un-produit figure a.principale,
	.une-realisation figure a {
		position: relative;
		display: block;
	}
	.un-produit figure a.principale .ur-over,
	.une-realisation figure a .ur-over {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
		display: none;
	}
	.un-produit figure a.principale .ur-over {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.un-produit figure a.principale:hover .ur-over,
	.une-realisation figure a:hover .ur-over {
		display: block;
	}
	.un-produit figure a.principale .ur-over i,
	.une-realisation figure a .ur-over i {
		color: #79b150;
		font-size: 56px;
		line-height: 1;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.un-produit .la-marque {
		height: 70px;
		text-align: center;
		background-color: #79b150;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		position: relative;
	}
	.un-produit .la-marque img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: block;
	}


	.une-realisation .ur-contenu {
		padding: 26px;
	}
	.un-produit .ur-contenu {
		padding: 20px;
	}
	.un-employe {
		padding: 20px;
	}
	.un-employe .ur-contenu {
		padding-top: 20px;
	}
	.un-employe .ur-contenu h3,
	.une-realisation .ur-contenu h2 {
		text-transform: uppercase;
		padding-bottom: 6px;
	}
	.une-realisation .ur-contenu a.savoir-plus {
		display: inline-block;
		color: #17232b;
		font-weight: 600;
		font-size: 0.9rem;
		border-bottom: 2px solid #79b150;
		margin-top: 40px;
	}
	.une-realisation .ur-contenu a.savoir-plus:hover {
		color: #79b150;
		border-bottom: none;
	}
	.un-employe .ur-contenu p:last-child,
	.une-realisation .ur-contenu p:last-child {
		margin-bottom: 0;
	}
	.un-employe .ur-contenu h3 {
		padding-bottom: 0;
		font-weight: 600;
	}
	.un-employe .ur-contenu h3,
	.un-employe .ur-contenu p {
		font-size: 0.7778rem;
		line-height: 1.8;
	}
	.un-produit .ur-contenu h2 {
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.un-produit .ur-contenu h2 a {
		font-weight: 700;
		color: #000;
	}
	.un-produit .ur-contenu p {
		font-size: 0.85rem;
		line-height: 1.25;
	}

	.un-employe .ur-contenu a {
		color: #79b150;
	}

.wp-pagenavi {
	text-align: center;
	margin-top: 48px;
}
	.wp-pagenavi .pages {
		display: none !important;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		border: none !important;
		height: 30px;
		width: 30px;
		padding: 0 !important;
		line-height: 30px !important;
		text-align: center;
		display: inline-block;
	}
	.wp-pagenavi a {
		color: #000;
		background-color: #fff;
	}
	.wp-pagenavi span.current {
		color: #fff;
		background-color: #000;
	}

.le-produit h2 {
	font-size: 2rem;
	line-height: 1.5;
	margin: 20px 0;
	font-weight: 600;
}

.les-documents {
	list-style: none;
	margin: 0;
}
.les-documents li {
	margin-bottom: 10px;
}
.les-documents a {
	font-size: 0.8rem;
	line-height: 1;
	color: #000;
}
.les-documents img {
	margin-right: 10px;
	vertical-align: middle;
}

.grid-parent-2 {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 0;
	position: relative;
	align-items: center;
}

.pr-contenu {
	grid-template-columns: 60% 40%;
	background-color: #231f20;		
}
	.pr-texte {
		padding: 60px;
	}
	.pr-texte h2 {
		color: #79b150;
		font-size: 1rem;
		text-transform: uppercase;
	}
	.pr-texte p {
		color: #fff;
		font-size: 0.8rem;
		line-height: 2;
	}
	.pr-texte *:last-child {
		margin-bottom: 0;
	}
	.pr-contenu img {
		display: block;
	}

.une-promo {
	margin-top: 50px;
}
.une-promo:nth-child(2n+1) {
	background-color: #f6f5f4;
	border-radius: 20px;
}
	.promo-image {
		padding: 20px;
	}
	.promo-image img {
		display: block;
	}

	.promo-texte {
		padding: 0 60px;
	}
	.promo-texte li,
	.promo-texte p {
		font-size: 0.9rem;
		line-height: 1.75;
	}

	.promo-texte .gros-texte {
		font-size: 1.5rem;
	}

	.promo-texte *:last-child {
		margin-bottom: 0;
	}

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

#sidebar {
	list-style: none;
	margin: 0 0 0 auto;
	padding: 0;
	max-width: 280px;
}
	#sidebar h2 {
		font-size: 1.2rem;
		line-height: 1.3;
		margin-bottom: 30px;
	}
	#sidebar .widget_nav_menu {
		padding: 30px 0 ;
		border-top: 2px solid #79b150;
		border-bottom: 2px solid #79b150;
	}

#menu-services {
	list-style: none;
	margin: 0;
}
	#menu-services li a {
		font-size: 1rem;
		line-height: 1.5;
		color: #000;
	}
	#menu-services li:hover a {
		color: #79b150;
	}
	#menu-services li.current-menu-item a {
		font-weight: 600;
		color: #79b150;
	}

.widget-realisations {
	padding: 30px 0;
}

.accueil-realisation-bloc,
.sidebar-realisation {
	width: 280px;
	height: 190px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	color: #fff;
	border-bottom: 2px solid #79b150;
}
.accueil-realisation-bloc {
	float: left;
	border-bottom: 0;
	border-right: 2px solid #79b150;
}
.sidebar-realisation.premier .sr-over,
.sidebar-realisation.premier {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.accueil-realisation-bloc.premier .sr-over,
.accueil-realisation-bloc.premier {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.sidebar-realisation.dernier .sr-over,
.sidebar-realisation.dernier {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.accueil-realisation-bloc.dernier .sr-over,
.accueil-realisation-bloc.dernier {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.accueil-realisation-bloc.dernier {
	border-right: 0;
}
.sidebar-realisation.dernier {
	border-bottom: 0;
}

.sr-over {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.sr-texte {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 10;
}

.accueil-realisation-bloc:hover,
.sidebar-realisation:hover {
	color: #fff;
}
.accueil-realisation-bloc:hover .sr-over,
.sidebar-realisation:hover .sr-over {
	background-color: #79b150;
}



/* Formulaire */

.un-tiers {
	width: calc(40% - 20px);
	float: left;
}
.deux-tiers {
	width: calc(60% - 20px);
	float: left;
}
.moitier {
	width: calc(50% - 20px);
	float: left;
}
.un-tiers.gauche,
.deux-tiers.gauche,
.moitier.gauche {
	padding-right: 20px;
}
.un-tiers.droite,
.deux-tiers.droite,
.moitier.droite {
	padding-left: 20px;
}

.wpcf7 {
	padding-top: 60px;
}
#formulaire-postuler .wpcf7 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
}

.wpcf7-form-control-wrap {
	margin-bottom: 30px;
	display: block;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 20px;
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.5;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #444444;
	color: #000;
}
.wpcf7 input[type="file"] {
	max-width: 100%;
	overflow: hidden;
}

#formulaire-postuler .wpcf7 input[type="text"],
#formulaire-postuler .wpcf7 input[type="email"],
#formulaire-postuler .wpcf7 textarea,
#formulaire-postuler .wpcf7 select {
	border: 0;
	border-radius: 8px;
}

.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 textarea::placeholder { 
	font-weight: normal;
	color: #777;
}

.wpcf7 textarea {
	width: 100%;	
}

.wpcf7 input[type="submit"] {
	width: auto;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	display: inline-block !important;
	border-radius: 30px;
	font-size: 1rem;
	line-height: 1;
	background-color: #79b150;
}

#formulaire-postuler .wpcf7 input[type="submit"] {
	float: right;
}

#formulaire-postuler .note {
	font-size: 12px;
	line-height: 1;
}

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


.wpcf7 textarea:focus, .wpcf7 input:focus{
    outline: none;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border: 0 !important;
	color: #fff;
	margin: 0 0 30px 0 !important;
	padding: 10px !important;
}
div.wpcf7-validation-errors {
	background-color: #c6213d !important;
}
span.wpcf7-not-valid-tip {
	color: #c6213d !important;
}
div.wpcf7-mail-sent-ok {
	background-color: #398F14;
}
span.wpcf7-not-valid-tip {
	font-size: 14px;
}

.wpcf7-response-output {
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;
	background: rgb(255 185 0 / 55%);
	padding: 8px 20px !important;
	margin: 24px 0 0 0 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: rgb(70 180 80 / 55%);
}



/* Cartes */

.adresse-carte {
	height: 575px;
	background-color: #000;
	margin-top:  90px;
	position: relative;
}

.adresse-carte.bg-gris {
	background-color: #474646;
}

.ac-adresse,
.ac-carte {
	width: 50%;
	height: inherit;
	float: left;
	position: relative;
}

.acd-texte {
	width: 100%;
	max-width: 570px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.acd-texte h2,
.acd-texte p {
	color: #fff;
}
.acd-texte h2 {
	font-size: 2rem;
	line-height: 1;
	font-weight: bold;
}
.acd-texte hr {
	max-width: 160px;
	border: 0;
	border-bottom: 2px solid #79b150;
	display: block;
	margin: 10px auto 20px 0;
	
}
.acd-texte a:hover {
	color: #fff;
}


/* Accueil */

#accueil-contenu {
	margin-top: 90px;
}
	#accueil-contenu h1 {
		font-size: 2.6rem;
		line-height: 1;
		font-weight: 600;
		color: #000;
		margin-bottom: 5px;
	}
	#accueil-contenu h2 {
		font-size: 1.3333rem;
		line-height: 1;
		font-weight: 300;
		color: #000;
		margin-bottom: 30px;
		text-transform: uppercase;
	}
	#accueil-contenu strong {
		font-weight: 600;
	}

.liste-btn-services {
	max-width: 1600px;
	list-style: none;
	margin: 0 auto;
}
.liste-btn-services:after {
	content: '';
	clear: both;
	float: none;
}
	.liste-btn-services li {
		width: 20%;
		box-sizing: border-box;
		display: block;
		float: left;
	}
	.liste-btn-services li a {
		padding: 25px 0;
		display: block;
		background: #79b150;
		color: #fff;
		text-align: center;
		font-size: 0.85rem;
		line-height: 1;
		font-weight: 500;
		border-right: 2px solid #fff;
	}
	.liste-btn-services li:hover a {
		background: #3c5828;
	}
	.liste-btn-services li.premier a {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.liste-btn-services li.dernier a {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-right: 0;
	}

/* Moitier */


img.coins-ronds {
	border-radius: 20px;
}

.lp-entete {
	height: 336px;
	position: relative;
	margin-bottom: 60px;
}

.lp-image img {
	display: block;
}
.lp-texte {
	height: inherit;
	position: relative;	
}
.lp-texte-pos {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.p-filtre {
	margin-bottom: 60px;
	text-align: center;
}

.bg-marque {
	background-color: #79b150;
	display: inline-block;
	text-align: center;
	padding: 8px 6px 4px 6px;
	border-radius: 10px;
}

.btn-filtre {
	display: inline-block;
	padding: 20px 60px;
	color: #fff;
	background-color: #79b150;
}
.btn-filtre:hover {
	color: #fff;
	background-color: #3c5828;
}

.p-filtre a {
	margin-right: 20px;
}
.p-filtre a:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.p-filtre a:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-right: 0;
}

.img-gauche img {
	display: block;
	margin-left: auto;
}

.liste-realisations.grid-parent-4 .grid-child,
.liste-employes.grid-parent-4 .grid-child {
	overflow: hidden;
}

.une-realisation figure img {
	margin: 0 auto;
}

.realisation-info {
	font-size: 0.9rem;
	line-height: 1.25;
}
.realisation-info p {
	margin-bottom: 15px;
}

.pr-texte p {
	margin-bottom: 0;
}


.les-blocs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content;
	gap: 40px 0px;
	grid-auto-flow: row;
	grid-template-areas:
	"Bloc-1 Bloc-1"
	"Bloc-2 Bloc-2";
}

.bloc-1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content;
	gap: 0 80px;
	grid-auto-flow: row;
	grid-template-areas:
	"bloc-1-contenu bloc-1-image";
	grid-area: Bloc-1;
	align-items: center;
}

.bloc-1-contenu { grid-area: bloc-1-contenu; }

.bloc-1-image { grid-area: bloc-1-image; }
.bloc-1-image.a-droite {
    display: grid;
    justify-items: end;
}

.bloc-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content;
	gap: 0px 80px;
	grid-auto-flow: row;
	grid-template-areas:
	"bloc-2-image bloc-2-contenu";
	grid-area: Bloc-2;
	align-items: center;
}

.bloc-2-contenu { grid-area: bloc-2-contenu; }

.bloc-2-image { grid-area: bloc-2-image; }

.bloc-1-image img,
.bloc-2-image img {
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}

.bloc-1-contenu h2,
.bloc-2-contenu h2 {
	color: #79B151;
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 40px;
}

.un-emploi {
	display: grid;
	grid-template-columns: calc(30% - 30px) 50% calc(20% - 30px);
	grid-template-rows: max-content;
	gap: 0px 30px;
	grid-auto-flow: row;
	grid-template-areas:
	"poste-image poste-description poste-lien";
	border-radius: 20px;
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.20);
	margin-bottom: 24px;
	align-items: center;
	color: #000;
	transition: none;
}

.poste-image {
	height: 100%;
	grid-area: poste-image;
	background: #656565;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.poste-image img {
	max-width: 100%;
    height: 100%;
    display: block;	
	object-fit: cover;
	object-position: center center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.poste-description {
	grid-area: poste-description;
	padding: 50px 0;
}
.poste-description *:last-child {
	margin-bottom: 0;
}
.poste-description h3 {
	display: inline-block;
	font-size: 24px;
	border-bottom: 3px solid #79B151;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.poste-lien {
	grid-area: poste-lien;
	text-align: center;
}
.nav-emploi,
.poste-lien {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.nav-emploi {
	display: inline-block;
	vertical-align: middle;
	margin-top: 40px;
}
.nav-emploi span,
.poste-lien span {
	width: 70px;
	height: 70px;
	font-size: 30px;
	line-height: 70px;
	border-radius: 50%;
	margin: 0 auto 12px auto;
	background: #79B151;
	display: block;
	text-align: center;
}
.nav-emploi span {
	vertical-align: middle;
	display: inline-block;
}
.nav-emploi span,
.poste-lien span i {
	color: #fff;
}
.nav-emploi:hover span {
	background: #000;
}

.un-emploi:hover {
	background: #f4f4f4;
}
/*
.un-emploi:hover,
.un-emploi:hover .poste-lien{
	color: #fff;
}
*/

.btn-contact,
.btn-postuler {
	background: #79B151;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	padding: 15px 40px;
	border-radius: 40px;
	font-size: 18px;
}
.btn-contact {
	color: #79B151;
	background: #fff;
}
.btn-postuler.a-droite {
	float: right;
}
.btn-contact:hover,
.btn-postuler:hover {
	background: #000;
	color: #fff;
}
.btn-contact i,
.btn-postuler i {
	margin-left: 10px;
}

.sous-contenu-principal {
    width: 98%;
	max-width: 1600px;
	padding: 80px 0;
    margin: 0 auto;
}

.bg-blanc {
	background: #fff;
}
.bg-vert {
	background: #79B151;
}
.bg-noir {
	background: #000;
}
.bg-gris {
	background: #E6E6E6;
}

.avec-padding {
	padding: 80px 0;
}

.grid-parent-3.blocs-icones {
	grid-gap: 50px;
}

.blocs-icones .grid-child .bicone-image {
	width: 125px;
	height: 125px;
	text-align: center;
	margin: 0 auto 52px auto;
	padding-bottom: 24px;
	border-bottom: 4px solid #000;
}
.blocs-icones .grid-child .bicone-image img {
	display: block;
	object-fit: cover;
	object-position: center center;
}

.blocs-icones .grid-child .bicone-contenu p {
	text-align: center;
	color: #fff;
	font-size: 16px
}
.blocs-icones .grid-child .bicone-contenu h3 {
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 42px;
	text-transform: uppercase;
}

.sous-contenu-principal h2 {
	font-size: 40px;
	margin-bottom: 60px;
	text-align: center;
}
.page-template-page_carrieres h2,
.page-template-page_serriculture h2 {
	font-weight: bold !important;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg p,
.dark-bg li {
	color: #fff;
}

#formulaire-postuler h2 {
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 24px;
	line-height: 1;
}

.moitier-gauche {
	width: 50%;
	box-sizing: border-box;
	padding-right: 1%;
	float: left;
}
.moitier-droite {
	width: 50%;
	box-sizing: border-box;
	padding-left: 1%;
	float: right;
}

.bloc-incitatif {
	border: 3px solid #79B151;
	border-radius: 20px;
	padding: 50px;
	text-align: center;
	margin-top: 80px;
}
.bloc-incitatif *:last-child {
	margin-bottom: 0;
}
.bloc-incitatif h2 {
	color: #79B151;
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 24px;
}
.bloc-incitatif p {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

h2.emploi-vert {
	font-size: 40px;
	line-height: 1.2;
	color: #79B151;
	margin-bottom: 50px;
}

.l-emploi h3 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 20px;
	color: #79B151;
}

.l-emploi h4 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 500;
	border-bottom: 3px solid #79B151;
	padding-bottom: 12px;
	margin-bottom: 24px;
	margin-top: 60px;
	display: inline-block;
}

.l-emploi ul {
	list-style: none;
	margin-left: 0;
}
.l-emploi ul li {
	background: url('images/puce.png') no-repeat left 5px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.invisible {
	display: none !important;
}

.page-template-page_carrieres h2,
.single-emploi h2 {
	font-weight: 600;
}

.centre h2,
.centre h3,
.centre h4,
.centre h5,
.centre h6,
.centre p,
.centre li {
	text-align: center;
}


.grid-partenaire-serre {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	position: relative;
	align-items: center;
	margin-top: 60px;
}

.grid-partenaire-serre .grid-child {
	text-align: center;
}
.grid-partenaire-serre .grid-child img {
	max-width: 90%;
	height: auto;
}

.txt-blanc h1,
.txt-blanc h2,
.txt-blanc h3,
.txt-blanc h4,
.txt-blanc h5,
.txt-blanc h6,
.txt-blanc p,
.txt-blanc li {
	color: #fff;
}

.mtng {
	margin-top: -20px;
}



.grid-galerie {  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px 0px;
  grid-auto-flow: row;
}
.grid-galerie .grid-child:nth-child(6n + 1) {
  grid-column: auto /span 2;
  grid-row: auto /span 2;
}
.grid-galerie .grid-child:nth-child(6n + 4) {
  grid-column: auto /span 1;
  grid-row: auto /span 2;
}

.grid-galerie .grid-child {
	display: flex;
}
.grid-galerie .grid-child a {
	display: flex;
}
.grid-galerie .grid-child img {
	display: flex;
	object-fit: cover;
	object-position: center center;
}

/* Ajustement menu et marge */
#entete-principale {
    z-index: 200 !important;
}



/* Responsive */

@media screen and (max-width: 1600px) {
	.liste-btn-services {
		width: calc(100% - 20px);
		margin: 0 10px;
	}
}

/* Mobile */
@media screen and (min-width: 1226px) {
	#menu-mobile {
		display: none;
	}

	#menu-principal > ul {
		display: block !important;
	}
}
@media screen and (max-width: 1225px) {
	.hide-1200 {
		display: none !important;
	}
	#entete-principale {
		background: #fff !important;
	}
	#entete-secondaire.bloc-promo {
		height: 260px;
		margin-top: 0;
	}
	#entete-secondaire.bloc-promo.promo-produits {
		display: none;
	}
	
	#boite-promo {
		display: none !important;
	}
	#boite-slogan {
		position: relative;
		left: auto;
		bottom: auto;
		padding-top: 100px;
	}
	a.btn-promo {
		width: 100%;
		font-size: 1.2rem;
		display: block;
		background-color: #79b150;
		padding: 10px 20px;
		box-sizing: border-box;
		border: 0;
		border-radius: 15px;
	}
	a.btn-promo:hover {
		border: 0;
	}
	
	#boite-slogan {
		width: 100%;
		text-align: center;
	}
	
	.promo-emploi #boite-slogan {
		bottom: 200px;
	}
	
	img {
		max-width: 90%;
	}
	
	.liste-btn-services li {
		width: calc(50% - 5px);
		margin-right: 5px;
		margin-bottom: 10px;
		border: none;
	}	
	.liste-btn-services li:nth-child(2n) {
		margin-left: 5px;
		margin-right: 0;
	}
	.liste-btn-services li a {
		border-radius: 0 !important;
	}
	.liste-btn-services li:nth-child(2n+1) a {
		border-top-left-radius: 10px !important;
		border-bottom-left-radius: 10px !important;
	}
	.liste-btn-services li:nth-child(2n) a {
		border-top-right-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
	}

	#liste-produits.grid-parent-4,
	.liste-employes.grid-parent-4 {
		grid-template-columns: repeat(3, 1fr);
	}
	.un-produit figure img {
		max-width: 100%;
	}
	.grid-parent-2.une-promo {
		grid-template-columns: repeat(1, 1fr);
	}	
	.promo-image {
		padding: 30px 0 0 0;
	}
	.promo-image img {
		max-width: 600px;
		margin: 0 auto;
	}
	.promo-texte {
		padding: 30px 0;
		text-align: center;
	}
	
	.un-employe figure img {
		max-width: 400px !important;
		margin: 0 auto;
	}
	.ur-contenu {
		text-align: center;
	}
	
	.un-tiers.gauche,
	.deux-tiers.gauche,
	.moitier.gauche {
		padding-right: 5px;
	}
	.un-tiers.droite,
	.deux-tiers.droite,
	.moitier.droite {
		padding-left: 5px;
	}
	.moitier {
		width: calc(50% - 5px);
	}
	
	.adresse-carte {
		margin-top: 30px;
		padding: 30px 0;
		height: auto;
	}
	.ac-adresse,
	.ac-carte {
		width: 98%;
		height: auto;
		padding-left: 1%;
		padding-right: 1%;
		float: none;
		clear: both;
	}
	.acd-texte {
		max-width: none;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		text-align: center;
	}
	.acd-texte hr {
		margin: 15px auto;
	}
	.acd-texte *:last-child {
		margin-bottom: 0;
	}
	
	.sf-menu li {
		white-space: normal !important;
	}
	
	.lp-entete {
		height: auto;
	}
	.lp-entete .deux-tiers img {
		max-width: 448px;
		margin-bottom: 30px;
	}
	.lp-entete .deux-tiers,
	.lp-entete .un-tiers {
		width: 100%;
		padding: 0;
		display: block;
		clear: both;
		float: none;
	}
	.lp-texte-pos {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
	}
	
	.le-produit h2 {
		margin-top: 0;
		font-size: 1.5rem;
	}

}

@media screen and (max-width: 900px) {	
	.hide-900 {
		display: none !important;
	}

	
	#menu-mobile {
		display: block;
	}

	#menu-principal {
		bottom: 40px;
	}
    
    #menu_haut {
		width: calc(100vw - 8%) !important;
		background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 4%;
        top: 210px !important;
    }
    
    #menu-principal li.current-page-ancestor a, #menu-principal li.ccurrent-menu-ancestor a, #menu-principal li.current-menu-parent a, #menu-principal li.current-menu-item a {
        color: white;
    }

	#menu-principal ul {
        width: 100%;
        box-sizing: border-box;
		display: none;
		padding: 12px;
		background: rgba(0, 0, 0, 0.8);
		text-align: center;
	}
	#menu-principal > ul {
		border-radius: 2px;
	}    
		#menu-principal ul li {
			display: block;
			float: none;
			clear: both;
		}

		#menu-principal ul a {
			color: #fff;
			line-height: 35px;
			margin: 0;
		}
		#menu-principal ul li a:hover:not(.active) {
			border: none;
		}	
		#menu-principal ul.sub-menu {
			position: relative;
			left: auto;
			top: auto;
			right: auto;
			box-sizing: border-box;
		}
		#menu-principal li {
			margin-left: 0;
		}
		#menu-principal ul.sub-menu:before {
			left: 75px;
		}
	.sf-menu ul {
		min-width: inherit !important;
	}
	
	#menu-principal li a {
		line-height: 1.25;
		padding: 4px 0;
	}
	
	#menu-principal ul {
		top: 172px;
		right: 80px;
	}
	#menu-principal ul.sub-menu li {
		text-align: center;
	}
	
	#menu-footer-3 li.en-avant a,
	#menu-principal li.en-avant a {
		padding: 4px 0;
		background: none;
	}
	#menu-footer-3 li.en-avant {
		padding-top: 0;
	}	

	div[class*="grid_"] {
		width: 92% !important;
		padding-left: 4% !important;
		padding-right: 4% !important;
		float: none !important;
		clear: both !important;
		display: block !important;
		text-align: center !important;
	}
	
	div[class*="grid_"].hide-mobile,
	.hide-mobile {
		display: none !important;
	}
	li {
    	list-style-position: inside !important;
	}	
	
	#entete-logo img {
		margin: 0 auto;
	}

	#liste-produits.grid-parent-4,
	#liste-realisations.grid-parent-3,
	.liste-employes.grid-parent-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.grid-parent-2.pr-contenu {
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-parent-2.pr-contenu img {
		max-width: 100%;
	}
			
	#sidebar {
		max-width: none;
	}
	
	#entete-menu {
		width: 100%;
		padding: 0;
	}
	#entete-menu ul {
		margin-left: 0;
	}
	#menu-sup {
		text-align: center;
	}
	#menu-sup li {
		padding-left: 0;
		padding-top: 15px;
	}
	
	#menu_haut {
		border: 0;
	}
	
	#menu-principal {
		padding-top: 15px;
		border-top: 2px solid #79b150;
	}
	
	#logo-principal {
		height: 80px;
	}
	
	#entete-secondaire.bloc-promo {
		height: 380px;
	}
	#entete-secondaire.bloc-promo.promo-produits {
		height: 180px;
	}	
	
	#boite-slogan {
		font-size: 1rem;
		bottom: 250px;
	}
	#boite-slogan strong {
		font-size: 2rem;
	}
	
	#accueil-contenu h1 {
		font-size: 2rem;
		margin-top: 30px;
	}	
	#accueil-contenu {
		margin-top: 30px;
	}
	#contenu-principal {
		padding: 40px 0;
	}
	.une-realisation .ur-contenu a.savoir-plus {
		margin-top: 0;
	}
	h1 {
		font-size: 1.7rem;
		line-height: 1.25;
	}
	
	.padding-top-50 {
		padding-top: 15px;
	}
	
	.pr-texte {
		padding: 30px;
	}	
	
	#contenu-principal {
		margin-bottom: 45px;
	}

	#entete-secondaire.bloc-promo {
		height: auto;
		margin-top: 0 !important;
	}
	
	.home #entete-principale {
		background-color: #fcfafb;
		padding-bottom: 0;
	}
	
	#boite-slogan {
		position: relative;
		padding: 0 0 120px 0;
		bottom: auto !important;
		left: auto !important;
	}
	.promo-emploi #boite-slogan {
		bottom: -30px !important;
	}
	
	#boite-promo {
		bottom: 0 !important;
	}
	
	.p-filtre a {
		display: block;
		border-radius: 20px;
		margin: 0 0 10px 0;
	}
	
	.lp-entete .deux-tiers img {
		margin: 0 auto 30px auto;
	}
	
	.bloc-1,
	.bloc-2 {
		display: block;
	}
	
	.bloc-1-image,
	.bloc-2-image {
		margin-bottom: 40px;
	}
	
	.grid-parent-3.blocs-icones {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.moitier-gauche {
		width: 100%;
		padding-right: 0;
		float: none;
		clear: both;
	}
	.moitier-droite {
		width: 100%;
		padding-left: 0;
		float: none;
		clear: both;
	}
	
	.btn-postuler.a-droite {
		display: none;
	}
	
	.l-emploi {
		text-align: left !important;
	}
	.mtng {
		margin-top: 30px;
	}
	
	.bloc-1-image.a-droite {
		margin-top: 60px;
		display: grid;
		justify-items: center;
	}
    
    /* Ajustement menu */

}

@media screen and (max-width: 767px) {
	.un-emploi {
		display: block;
	}
	.poste-image,
	.poste-image img {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0;
	}	
	.poste-image {
		height: 200px;
	}
	.poste-image img {
		width: 100%;
	}
	.poste-lien {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 620px) {
	#liste-produits.grid-parent-4,
	#liste-realisations.grid-parent-3,
	.liste-employes.grid-parent-4 {
		grid-template-columns: repeat(1, 1fr);
	}
	.moitier.gauche {
		padding-right: 0;
	}
	.moitier.droite {
		padding-left: 0;
	}
	.moitier {
		width: 100%;
		clear: both;
		float: none;
	}	
	.liste-btn-services li {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}	
	.liste-btn-services li a {
		border-radius: 10px !important;
	}

	#boite-slogan {
		font-size: 0.8rem;
		bottom: 200px;
	}
	#boite-slogan strong {
		font-size: 1.4rem;
	}
	.bloc-1-contenu h2,
	.bloc-2-contenu h2,
	.sous-contenu-principal h2,
	.bloc-incitatif h2 {
		font-size: 30px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 450px) {
    #menu_haut {
       top: 250px !important;
    }
}