body{
	font-size: 22px;
}
h1{
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 40px;
}
h2{
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 30px;
}
h3, .block h2{
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 24px;
}
h4, .field--name-field-lien{
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 21px;
}
h5{
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 21px;
}
h6, .field--name-field-date{
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 16px;
}



/* MENU */
.horizontal-menu{
	text-align: right;
	top: 15px;
}
#horizontal-menu a{
	font-size: 18px;
	padding-left: 0.9em;
	padding-right: 0.9em;
	background-color: transparent; /* ajouté après mise à jour mai 2020 */
	color: #fff;/* ajouté après mise à jour mai 2020 */
}
#block-marquedusite, #block-horizontalmenu, #block-selecteurdelangue{
	display: inline-block;
	position: absolute;
}
#block-selecteurdelangue{
	right: 20px;
	top: 20px;
}
#block-horizontalmenu{
	right: 80px;
}
.region-barremenu{
	padding-right: 20px;
}
.barremenu{
	height: 100px;
}
#block-selecteurdelangue ul{
	padding-left: 25px;
	border-left: 1px solid #fff;
}
#block-marquedusite{
	width: 200px;
}
.menu-item{
	padding: 0;
}
.horizontal-menu li{
	display: inline-block;
    cursor: pointer;
    margin: 20px 0;
    height: 35px;
    text-align: center;
    position: relative;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.horizontal-menu li:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* Effect 1 */
.horizontal-menu li:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 1px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */
.horizontal-menu li:hover {
    background: rgba(255, 255, 255, 0.1);
}
.horizontal-menu li:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* HEADER */
.page-node-type-page .entete .field--type-image{
	height: 600px;
}
.page-node-type-page h1.page-title{
	color: #fff;
	top: 260px;
}
#block-titreaccueil, #block-headerordi{
	display: block;
}
#block-titreaccueilmobile, #block-headermobile{
	display: none;
}
#block-titreaccueil{
	top: 300px;
}
#block-titreaccueil h1{
	margin: 0;
}
#block-titreaccueil h2{
	margin: 0 0 5px 0;
}
.page-node-1 .entete, .page-node-15 .entete{
	background-image: url("/sites/default/files/header/HAccueil2.jpg");
}
.page-node-2 .entete{
	background-image: url("/sites/default/files/header/HProduit.jpg");
}
.page-node-3 .entete{
	background-image: url("/sites/default/files/header/HEntreprise-0.jpg");
}
.page-node-4 .entete{
	background-image: url("/sites/default/files/header/HTechniques.jpg");
}
.page-node-5 .entete{
	background-image: url("/sites/default/files/header/HConseils2.jpg");
}
.page-node-6 .entete{
	background-image: url("/sites/default/files/header/HContacts.jpg");
}
.page-node-12 .entete{
	background-image: url("/sites/default/files/header/Blog.jpg");
}
.page-node-13 .entete{
	background-image: url("/sites/default/files/header/Semences.jpg");
}
#block-headerordi, #block-headerordi img{
	width: 100%!important;
}

/* CONTENT */
.page-node-type-page .layout-content{
	margin-top: 420px;
	position: relative;
	z-index: 10;
}
.page-node-1 .layout-content .field--name-body{
	width: 90%;
}
.layout-content .region-content{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#block-views-block-video-accueil-block-1{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/* FORMULAIRE */
.js-form-item-prenom, .js-form-item-nom, .js-form-item-telephone, .js-form-item-courriel{
	width: calc(50% - 3px);
	display: inline-block;
}
.js-form-item-ville, .js-form-item-province-ou-etat{
	width: calc(40% - 3px);
	display: inline-block;
}
.js-form-item-code-postal{
	width: calc(20% - 3px);
	display: inline-block;
}
.field--name-field-formulaire{
	padding: 70px 55px 70px 70px;
}
.field--name-field-formulaire .webform-has-field-suffix input{
	width: 30px;
	height: 40px;
	padding: 5px 0 5px 20px;
	margin-right: 20px;
}


/* FOOTER */
.footer .region{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}