@charset "UTF-8";
/*
Theme Name: Caussade Semences
Theme URI: http://caussade.fr/
Author: Agence E-Denzo
Author URI: http://e-denzo.fr/
Description: Thème sur-mesure pour Caussade Semences
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
#cookie-notice {
font-size: 1em;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
line-height: inherit;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #343434!important;
color: #fff!important;
}
.cookie-notice-container {
padding: 10px 20px;
max-width: 1280px;
margin: auto;
}
.cookie-notice-container strong{ color: #fff; }
.cookie-notice-container a{ color: #fff; }
#cookie-notice .cn-button{
background: #2a804d;
color: #fff;
padding: 5px 10px;
text-transform: uppercase;
display: inline-block;
position: relative;
font-weight: 700;
font-size: 0.8em;
border-radius: 5px;
font-family: 'Barlow', sans-serif;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin: 5px;
}
#cookie-notice .cn-button#cn-refuse-cookie{ background: #f8ab1b;}
#cookie-notice .cn-button:hover {
background: #fff;
color: #343434;
}
#cookie-notice .cn-button#cn-refuse-cookie:hover {
background: #fff;
color: #343434;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* ==========================================================================
# GENERAL
========================================================================== */
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 16px;
color: #343434;
background: #fff;
}
#page {
position: relative;
padding: 0px;
width: 100%;
min-height: 100vh;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
#page::before {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background: rgba(0,0,0,0.8);
}
.container {padding: 0 60px;}
/*#primary {padding-top: 100px;}*/
a {
text-decoration: none;
color: #515151;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 700;
}
p {line-height: 1.6;}
strong {
font-weight: 700;
color: #515151;
}
ul, ol {list-style: none;}
li {}
h1, h2, h3, h4 {
font-weight: 300;
text-transform: uppercase;
}
.wrap-btn {
display: block;
margin: auto;
text-align: center;
}
.btn {
text-transform: uppercase;
font-weight: 700;
color: #8bbb43;
font-size: 0.9em;
padding: 10px 20px;
display: inline-block;
position: relative;
line-height: normal;
border-radius: 25px;
margin-top: 30px;
background: #fff;
text-align: left;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.btn span{
display: inline-block;
vertical-align: middle;
}
.btn i{
font-size: 1em;
margin-left: 5px;
vertical-align: middle;
}
.btn-bleu {
background: #01bcef;
color: #fff;
}
.btn-bleu span{
max-width: 110px;
}
.btn-bleu i{
font-size: 1.5em;
}
.btn:hover {
background: #8bbb43;
color: #fff;
}
.btn-bleu:hover {
background: #444444;
}
section#primary, #main {
position: relative;
}
section#primary {
padding-top: 100px;
}
#front-page section#primary {
display: flex;
min-height: 100vh;
align-items: center;
justify-content: center;
}
section#primary #main > .container{
/* padding-bottom: 120px;*/
}
article {
line-height: 1.6;
}
article h1{
font-size: 3em;
font-weight: 900;
line-height: 1.2;
margin:0;
}
article h2{
font-size: 2.8em;
margin: 0;
line-height: 1.2;
font-weight: 300;
}
article h2 strong{
font-weight: 900;
}
article h3 {
font-size: 1.4em;
font-weight: 300;
line-height: 1.2;
}
.entry-content ul, .entry-content ol {
list-style: square;
padding: 1em;
}
.entry-content li {
margin-top: 0.5em;
}
.entry-content p {
margin-top: 1.4em;
}
.entry-content a {
box-shadow: inset 0 -1px 0 0 #515151;
}
.entry-content a:hover {
/* box-shadow: inset 0 -2em 0 0 #fecf37;*/
box-shadow: inset 0 -2em 0 0 #0077a2;
color: #fff;
}
.wp-block-columns {margin-top: 1.4em;}
.has-3-columns .wp-block-column {
margin: 40px;
text-align: center;
}
.has-3-columns .wp-block-column .wp-block-image {
margin: 20px;
}
.disabled {
color: rgba(17,17,17,0.5);
cursor: not-allowed;
}
/* ==========================================================================
# HEADER
========================================================================== */
header#masthead {
z-index: 500;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transition: transform 0.3s ease 0s;
-o-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
header#masthead.hide {
top: -150px;
position: fixed;
background: rgba(52, 52, 52,0.9);
box-shadow: 0 0px 20px 1px rgba(0,0,0,0.3);
}
header#masthead.scrollUp {
-webkit-transform: translateY(150px);
-ms-transform: translateY(150px);
-o-transform: translateY(150px);
transform: translateY(150px);
}
.inner-header {
display: flex;
width: 100%;
padding-right: 60px;
padding-left: 60px;
align-items: center;
justify-content: space-between;
}
/* ## logo
========================================================================== */
.inner-header .logo-site {
margin: 0;
width: auto;
height: auto;
z-index: 50;
position: relative;
overflow: hidden;
margin: 0 30px;
}
.inner-header .logo-site span{
display: flex;
align-items: center;
justify-content: center;
padding: 15px 15px 15px 15px;
/* background: #fff;*/
height: 100px;
width: 100%;
position: relative;
border-radius: 5ps;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.inner-header .logo-site:hover {
}
.inner-header .logo-site img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: block;
}
/* ## btn-nav
========================================================================== */
.btn-header {
color: rgba(255,255,255,0.9);
background: none;
border-radius: 5px;
padding: 15px;
border: none;
/* color: #343434;*/
cursor: pointer;
height: 50px;
width: 50px;
position: relative;
line-height: 1;
flex: 0 0 auto;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.btn-header:hover {
background: #fff;
color: #343434;
}
.btn-header i{
position: absolute;
font-size: 1.8em;
line-height: 1;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
/*
.hide .btn-header#burger-open {
background: rgba(52,52,52,0.9);
color: #fff;
}
*/
/*
.hide .btn-header:hover {
background: rgba(52,52,52,1)!important;
color: #fff;
}
*/
/* ## header-plus
========================================================================== */
#header-plus {
display: flex;
padding-left: 10px;
}
#rs-wrapper {
display: flex;
align-items: center;
flex-flow: column;
justify-content: space-between;
}
#rs-wrapper a{
display: block;
border-radius: 5px;
color: #fff;
height: 18px;
width: 18px;
font-size: 0.7em;
position: relative;
font-weight: 400;
}
#rs-wrapper a:hover{
background: #fff;
color: #343434;
}
#rs-wrapper i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hide #rs-wrapper a{ color: #343434;}
.hide #rs-wrapper a:hover{color: #fff; background: #343434;}
/* ## search-bar
========================================================================== */
#search-bar {
/* display: block;*/
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-o-flex: 1 0 auto;
flex: 1 0 auto;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: flex;
position: fixed;
background: rgba(52, 52, 52,0.9);
top: 0;
left: 0;
height: 100vh;
width: 100vw;
}
#search-bar.open {
opacity: 1;
visibility: visible;
}
#search-bar .container {
position: absolute;
top: 150px;
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
#search-bar form {
display: flex;
margin: auto;
max-width: 1024px;
}
#search-bar .search-field {
border-radius: 5px;
background: rgba(255,255,255,0.9);
color: #343434;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
font-size: 1.2em;
padding: 10px 20px;
border: none;
height: 55px;
line-height: 1;
-webkit-flex: 1 1 0;
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
-o-flex: 1 1 0;
flex: 1 1 0;
margin-right: 10px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#search-bar .search-field:focus {
background: #fff;
}
#search-bar .search-submit {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 700;
font-size: 1.8em;
color: #fff;
border: none;
border-radius: 5px;
background: rgba(255,255,255,0.9);
color: #343434;
height: 55px;
width: 55px;
text-transform: uppercase;
line-height: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
}
#search-bar .search-submit:hover {
background: #fff;
color: #343434;
}
/*
.hide #search-bar .search-field {
background: rgba(52,52,52,0.05);
}
.hide #search-bar .search-field:focus {
background: rgba(52,52,52,0.1);
}
*/
/*menu lang*/
#menu-lang {
display: none;
margin-left: 10px;
}
#list-lang{
display: flex;
align-items: center;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
-o-flex-flow: column;
flex-flow: column;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
#list-lang li {
margin: 0;
padding: 0;
}
#list-lang li a {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
color: #fff;
height: 18px;
width: 18px;
font-size: 0.7em;
position: relative;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
#list-lang li a:hover {
background: #fff;
color: #343434;
}
.hide #list-lang li a {
color: #343434;
}
.hide #list-lang li a:hover {
background: #343434;
color: #fff;
}
/* ==========================================================================
# MENU
========================================================================== */
/* ## Nav
========================================================================== */
#menu {
display: block;
position: fixed;
left: -100vw;
top: 0;
height: 100%;
max-height: 100vh;
background: rgba(52, 52, 52,0.9);
z-index: 1000;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
#menu.opened {
-webkit-transform: translateX(100vw);
-ms-transform: translateX(100vw);
-o-transform: translateX(100vw);
transform: translateX(100vw);
opacity: 1;
visibility: visible;
}
#menu #logo-menu {
}
#menu #logo-menu span{
background: none;
}
#menu #logo-menu:hover {
}
#menu. #logo-menu img{
}
#mastnav {
overflow: auto;
max-height: 100%;
height: auto;
}
#mastnav .menu {
padding: 0 0 0 60px;
margin: 0;
}
#mastnav .menu li {
display: block;
padding: 0 60px 0 0;
}
#mastnav .menu > li:first-child > a{
border: none;
}
#mastnav .menu li a {
display: block;
color: #fff;
padding: 20px 60px 20px 20px;
font-family: 'Barlow', sans-serif;
text-transform: uppercase;
font-size: 1.6em;
font-weight: 400;
border-top: 1px solid rgba(255,255,255,0.2);
position: relative;
}
#mastnav .menu > li.menu-item-27:hover > a, #mastnav .menu > li.menu-item-4041:hover > a {
background: rgba(254,150,229,0.9);
color: #fff;
}
#mastnav .menu > li.menu-item-25:hover > a, #mastnav .menu > li.menu-item-4042:hover > a, #mastnav .menu > li.menu-item-5396:hover > a {
background: rgba(255,199,92,0.9);
color: #fff;
}
#mastnav .menu > li.menu-item-24:hover > a, #mastnav .menu > li.menu-item-4043:hover > a {
background: rgba(176,198,89,0.9);
color: #fff;
}
#mastnav .menu > li.menu-item-23:hover > a, #mastnav .menu > li.menu-item-4044:hover > a {
background: rgba(0,213,239,0.9);
color: #fff;
}
#mastnav .menu > li:hover > a {
background: rgba(255,255,255,0.9);
color: #343434;
}
#mastnav .menu li .subarrow {
height: 100%;
position: absolute;
right: 20px;
top: 0;
}
#mastnav .menu li .subarrow i{
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#mastnav .menu li.menu-item-27 .subarrow i, #mastnav .menu > li.menu-item-4041 .subarrow i {
color: #fe96e5;
}
#mastnav .menu li.menu-item-25 .subarrow i, #mastnav .menu > li.menu-item-4042 .subarrow i, #mastnav .menu > li.menu-item-5396 .subarrow i {
color: #ffc75c;
}
#mastnav .menu li.menu-item-24 .subarrow i, #mastnav .menu > li.menu-item-4043 .subarrow i {
color: #b0c659;
}
#mastnav .menu li.menu-item-23 .subarrow i, #mastnav .menu > li.menu-item-4044 .subarrow i {
color: #00d5ef;
}
#mastnav .menu li:hover.menu-item-27 .subarrow i, #mastnav .menu > li:hover.menu-item-4041 .subarrow i, #mastnav .menu li:hover.menu-item-25 .subarrow i, #mastnav .menu > li:hover.menu-item-4042 .subarrow i, #mastnav .menu li:hover.menu-item-24 .subarrow i, #mastnav .menu > li:hover.menu-item-4043 .subarrow i, #mastnav .menu li:hover.menu-item-23 .subarrow i, #mastnav .menu > li:hover.menu-item-4044 .subarrow i, #mastnav .menu > li:hover.menu-item-5396 .subarrow i {
color: #fff;
}
/*submenu*/
#mastnav .menu > li > .sub-menu {
position: absolute;
background: rgba(52, 52, 52,0.9);
top: 0;
height: 100%;
max-height: 100vh;
opacity: 0;
visibility: hidden;
left: 100%;
padding: 60px 40px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
overflow: auto;
}
#mastnav .menu > li.menu-item-27:hover > .sub-menu, #mastnav .menu > li.menu-item-4041:hover > .sub-menu {
background: rgba(254,150,229,0.9);
}
#mastnav .menu > li.menu-item-25:hover > .sub-menu, #mastnav .menu > li.menu-item-4042:hover > .sub-menu, #mastnav .menu > li.menu-item-5396:hover > .sub-menu {
background: rgba(255,199,92,0.9);
}
#mastnav .menu > li.menu-item-24:hover > .sub-menu, #mastnav .menu > li.menu-item-4043:hover > .sub-menu {
background: rgba(176,198,89,0.9);
}
#mastnav .menu > li.menu-item-23:hover > .sub-menu, #mastnav .menu > li.menu-item-4044:hover > .sub-menu {
background: rgba(0,213,239,0.9);
}
#mastnav .menu > li:hover > .sub-menu {
opacity: 1;
visibility: visible;
min-width: 100%;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
#mastnav .menu > li > .sub-menu > li {
padding: 0;
margin-bottom: 30px;
}
#mastnav .menu > li > .sub-menu > li > a {
padding: 10px 20px 10px 20px;
font-weight: 700;
border: none;
}
#mastnav .menu > li > .sub-menu > li:first-child > a{
border-top: none;
}
#mastnav .menu > li > .sub-menu > li > .sub-menu > li {
padding: 0 20px;
}
#mastnav .menu > li > .sub-menu > li > .sub-menu > li > a {
padding: 10px 20px 10px 20px;
font-weight: 400;
font-family: 'Barlow Condensed', sans-serif;
text-transform: none;
}
#mastnav .menu > li > .sub-menu li a:hover {
background: #fff;
color: #343434;
}
#mastnav .menu > li.menu-item-27 > .sub-menu li a:hover, #mastnav .menu > li.menu-item-4041 > .sub-menu li a:hover {
color: #fe96e5;
}
#mastnav .menu > li.menu-item-25 > .sub-menu li a:hover, #mastnav .menu > li.menu-item-4042 > .sub-menu li a:hover, #mastnav .menu > li.menu-item-5396 > .sub-menu li a:hover {
color: #ffc75c;
}
#mastnav .menu > li.menu-item-24 > .sub-menu li a:hover, #mastnav .menu > li.menu-item-4043 > .sub-menu li a:hover {
color: #b0c659;
}
#mastnav .menu > li.menu-item-23 > .sub-menu li a:hover, #mastnav .menu > li.menu-item-4044 > .sub-menu li a:hover {
color: #00d5ef;
}
#primary, #colophon #masthead {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#page.blured #primary, #page.blured #colophon, #page.blured #masthead, #page.blured #section-actualite {
-webkit-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
}
/*#page.blured #colophon {z-index: -1;}*/
#page::after {
content: "";
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
#page.blured::after {
display: block;
}
#page.blured {
min-height: inherit;
max-height: 100vh;
overflow: hidden;
margin: 0!important;
}
/* ==========================================================================
# HEADING
========================================================================== */
/* ==========================================================================
# TEMP FRONT PAGE
========================================================================== */
#page-temporaire {
max-width: 850px;
text-align: center;
background-color: rgba(0,0 ,0, .5);
border-radius: 20px;
color: #fff;
}
#page-temporaire h1 {
font-weight: bold;
margin: 35px 0;
text-transform: none;
}
/* ==========================================================================
# FRONTPAGE
========================================================================== */
#wrapper-front, #wrapper-post {
margin-bottom: 120px;
}
#wrapper-front .container {
display: flex;
justify-content: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
padding-top: 30px;
padding-bottom: 50px;
align-items: center;
}
#wrapper-front #wrapper-post{
width: 40%;
margin-bottom: 0;
}
#wrapper-front #wrapper-post #content-post {
color: #fff;
background: none;
}
#wrapper-front .wrapper-quickentries {
width: 60%;
display: flex;
}
#wrapper-front .wrap-blocmainpage{
margin: 20px;
/* width: calc((100% / 4) - (120px / 4));*/
width: 50%;
}
#wrapper-front .bloc-mainpage {
display: flex;
justify-content: flex-end;
flex-flow: column;
height: 100%;
/* width: calc((100% / 4) - (120px / 4));*/
background: #fff;
/* margin: 30px 0;*/
border-radius: 5px;
overflow: hidden;
box-shadow: -20px 40px 10px 0px rgba(0,0,0,0.25);
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#wrapper-front .a-mainpage{
height: 100%;
width: 100%;
display: block;
}
#wrapper-front .a-mainpage:hover .bloc-mainpage {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
/*
rose {background: #fe96e5;}
jaune {background: #ffc75c;}
vert {background: #b0c659;}
bleu {background: #00d5ef;}
*/
#wrapper-front .bloc-mainpage.rose .title-mainpage, #wrapper-front .bloc-mainpage.rose .img-mainpage{background: rgba(254,150,229,0.9);}
#wrapper-front .bloc-mainpage.jaune .title-mainpage, #wrapper-front .bloc-mainpage.jaune .img-mainpage{background: rgba(255,199,92,0.9);}
#wrapper-front .bloc-mainpage.vert .title-mainpage, #wrapper-front .bloc-mainpage.vert .img-mainpage{background: rgba(176,198,89,0.9);}
#wrapper-front .bloc-mainpage.bleu .title-mainpage, #wrapper-front .bloc-mainpage.bleu .img-mainpage{background: rgba(0,213,239,0.9);}
/*
#wrapper-front .a-mainpage:hover .bloc-mainpage.rose {background: rgba(254,150,229,1);}
#wrapper-front .a-mainpage:hover .bloc-mainpage.jaune {background: rgba(255,199,92,1);}
#wrapper-front .a-mainpage:hover .bloc-mainpage.vert {background: rgba(176,198,89,1);}
#wrapper-front .a-mainpage:hover .bloc-mainpage.bleu {background: rgba(0,213,239,1);}
#wrapper-front .bloc-mainpage.rose.opened {background: rgba(254,150,229,1);}
#wrapper-front .bloc-mainpage.jaune.opened {background: rgba(255,199,92,1);}
#wrapper-front .bloc-mainpage.vert.opened {background: rgba(176,198,89,1);}
#wrapper-front .bloc-mainpage.bleu.opened {background: rgba(0,213,239,1);}
*/
.bloc-mainpage .title-mainpage {
padding: 30px;
text-align: center;
/* position: relative*/
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.bloc-mainpage .img-mainpage {
padding-bottom: 100%;
height: 0;
width: 100%;
position: relative;
}
.bloc-mainpage .img-mainpage img {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: calc(100% - 60px);
width: auto;
height: auto;
max-width: calc(100% - 60px);
}
.bloc-mainpage.rose .title-mainpage img {height: 80px;}
.bloc-mainpage.jaune .title-mainpage img {height: 70px;}
.bloc-mainpage.vert .title-mainpage img {height: 60px;}
.bloc-mainpage.bleu .title-mainpage img {height: 70px;}
.bloc-mainpage .title-mainpage h2{
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-size: 1.8em;
}
.bloc-mainpage .btn-plus {
background: rgba(255,255,255,0.4);
display: block;
position: absolute;
height: 50px;
width: 50px;
border-radius: 5px;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #fff;
font-size: 2em;
top: 75%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.bloc-mainpage.opened .btn-plus {
opacity: 0;
visibility: hidden;
}
.bloc-mainpage .btn-plus:hover {
background: rgba(255,255,255,0.8);
}
.bloc-mainpage.rose .btn-plus:hover {color: #fe96e5;}
.bloc-mainpage.jaune .btn-plus:hover {color: #ffc75c;}
.bloc-mainpage.vert .btn-plus:hover {color: #b0c659;}
.bloc-mainpage.bleu .btn-plus:hover {color: #00d5ef;}
.bloc-mainpage .btn-plus span {
position: absolute;
display: block;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bloc-mainpage .div-discover {
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: -20px;
text-align: center;
}
.bloc-mainpage .discover {
margin: auto;
display: inline-block;
background: #fff;
border-radius: 5px;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
font-size: 1.2em;
line-height: 1;
padding: 10px 20px;
left: 50%;
color: #343434;
}
.bloc-mainpage.rose .discover {color: #fe96e5;}
.bloc-mainpage.jaune .discover {color: #ffc75c;}
.bloc-mainpage.vert .discover {color: #b0c659;}
.bloc-mainpage.bleu .discover {color: #00d5ef;}
.bloc-mainpage .discover:hover {
background: #343434;
color: #fff;
}
.bloc-mainpage .list-children {
display: block;
position: relative;
text-align: center;
padding: 20px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
}
.bloc-mainpage.opened .list-children {
opacity: 1;
visibility: visible;
}
.bloc-mainpage .list-children ul{
padding: 0;
display: block;
margin: 0;
}
.bloc-mainpage .list-children ul li{
position: relative;
margin: 0;
padding: 0;
}
.bloc-mainpage .list-children ul li a {
color: #fff;
font-weight: 500;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
padding: 10px 20px;
border-top: 1px solid #fff;
position: relative;
display: block;
font-size: 1em;
}
.bloc-mainpage .list-children ul li:first-child a {border: none;}
.bloc-mainpage .list-children ul li a:hover {
background: #fff;
}
.bloc-mainpage.rose .list-children ul li a:hover {color: #fe96e5;}
.bloc-mainpage.jaune .list-children ul li a:hover {color: #ffc75c;}
.bloc-mainpage.vert .list-children ul li a:hover {color: #b0c659;}
.bloc-mainpage.bleu .list-children ul li a:hover {color: #00d5ef;}
/*provisoire*/
.bloc-mainpage #list-especes {
padding-left: 10px;
padding-right: 10px
}
.bloc-mainpage #list-especes > div{
display: flex;
justify-content: center;
}
.bloc-mainpage #list-especes a{
display: block;
position: relative;
height: 55px;
width: 55px;
border-radius: 100%;
background: rgba(255,255,255,0.7);
box-shadow: -2px 2px 0 0 rgba(148, 180, 46,1);
margin: 10px;
z-index: 10;
}
.bloc-mainpage #list-especes a:hover{
background: #fff;
z-index: 10000;
}
.bloc-mainpage #list-especes a[data-title] {
font-size: 0.8em;
color: #b0c659;
position: relative;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
}
.bloc-mainpage #list-especes a[data-title]::before {
content: attr(data-title);
position: absolute;
display: inline-block;
white-space: nowrap;
background: #fff;
border-radius: 5px;
padding: 10px 20px;
right: -15px;
top: 50%;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
transform: translate(100%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.bloc-mainpage #list-especes a[data-title]::after {
content: '';
position: absolute;
top: 50%;
right: -15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
border: 8px solid transparent;
border-right: 10px solid #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.bloc-mainpage #list-especes a[data-title]:hover::before, .bloc-mainpage #list-especes a[data-title]:hover::after{
opacity: 1;
visibility: visible;
}
.bloc-mainpage #list-especes a span{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: calc(100% - 20px);
width: calc(100% - 20px);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
background-size: contain;
background-image: url('assets/img/fronticon-colza.png');
}
.bloc-mainpage #list-especes a#espece-mais span{
background-image: url('assets/img/fronticon-mais.png');
}
.bloc-mainpage #list-especes a#espece-tournesol span{
background-image: url('assets/img/fronticon-tournesol.png');
}
.bloc-mainpage #list-especes a#espece-colza span{
background-image: url('assets/img/fronticon-colza.png');
}
.bloc-mainpage #list-especes a#espece-fourrageres span{
background-image: url('assets/img/fronticon-fourrageres.png');
}
.bloc-mainpage #list-especes a#espece-vegetaux span{
background-image: url('assets/img/fronticon-vegetaux.png');
}
.bloc-mainpage #list-especes a#espece-cereals span{
background-image: url('assets/img/fronticon-cerreals.png');
}
.bloc-mainpage #list-especes a#espece-sorgho span{
background-image: url('assets/img/fronticon-sorgho.png');
}
.bloc-mainpage #list-especes a#espece-legumesecs span{
background-image: url('assets/img/fronticon-legumesecs.png');
}
.bloc-mainpage #list-especes a#espece-soja span{
background-image: url('assets/img/fronticon-soja.png');
}
/* ## Actualités front
========================================================================== */
#section-actualite {
background: #fff;
/* margin-top: 60px;*/
position: fixed;
width: 100%;
bottom: 0;
}
#section-actualite.magic {position: absolute; bottom: 0;}
#butitle-actu {
display: block;
background: #ffc75c;
box-shadow: 0 0px 20px 1px rgba(0,0,0,0.3);
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#butitle-actu h2 {
font-weight: 900;
font-size: 1.5em;
line-height: 1;
text-transform: uppercase;
padding: 0 20px;
color: #fff;
padding: 10px 20px 10px 95px;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#butitle-actu h2::before, #butitle-actu h2::after {
content: "";
height: 100%;
width: 55px;
top: 0;
left: 20px;
display: inline-block;
position: absolute;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#butitle-actu h2::before {
background-image: url('assets/img/icon-actu_blanc.png');
opacity: 1;
visibility: visible;
}
#butitle-actu h2::after {
background-image: url('assets/img/icon-actu_jaune.png');
opacity: 0;
visibility: hidden;
}
#butitle-actu h2 span {
font-weight: 400;
}
#butitle-actu #actu-incitator {
padding: 0 20px;
font-size: 2em;
display: flex;
align-items: center;
}
#butitle-actu #actu-incitator #txt-incitator {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 700;
font-size: 0.7em;
color: #fff;
margin: 0;
padding-right: 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease ;
-o-transition: all 0.3s ease ;
transition: all 0.3s ease ;
}
#butitle-actu:hover #actu-incitator #txt-incitator {
color: #ffc75c;
}
#butitle-actu #actu-incitator #txt-incitator span {
font-weight: 400;
}
#butitle-actu #actu-incitator #picto-incitator {
position: relative;
}
#butitle-actu #actu-incitator #picto-incitator i{
-webkit-animation-name: incitation;
-o-animation-name: incitation;
animation-name: incitation;
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
#butitle-actu #actu-incitator #picto-incitator::before, #butitle-actu #actu-incitator #picto-incitator::after {
content: "\f054";
display: block;
position: absolute;
bottom: 0;
margin: auto;
font-size: 1em;
font-family: 'Font Awesome 5 Free';
font-weight: 700;
-webkit-animation-name: incitation;
-o-animation-name: incitation;
animation-name: incitation;
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#butitle-actu #actu-incitator #picto-incitator::before {
left: -0.5em;
-webkit-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#butitle-actu #actu-incitator #picto-incitator::after {
right: -0.5em;
-webkit-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@keyframes incitation {
0% {
opacity: 1;
visibility: visible;
}
25% {
opacity: 0;
visibility: hidden;
}
75% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
/*
#section-actualite.open #butitle-actu #actu-incitator::after {
content: '\f077';
display: block;
font-family: "Font Awesome 5 Free";
position: absolute;
opacity: 0;
visibility: h
}
*/
#section-actualite.open #butitle-actu #actu-incitator #picto-incitator::before, #section-actualite.open #butitle-actu #actu-incitator #picto-incitator::after {
display: none;
}
#section-actualite.open #butitle-actu #actu-incitator #picto-incitator i{
-webkit-animation-name: none;
-o-animation-name: none;
animation-name: none;
opacity: 0;
visibility: hidden;
}
#butitle-actu:hover {
background: #fff;
color: #ffc75c;
}
#butitle-actu:hover h2{
color: #ffc75c;
}
#butitle-actu:hover h2::before{ opacity: 0; visibility: hidden;}
#butitle-actu:hover h2::after{ opacity: 1; visibility: visible;}
#wrapper-actus {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#section-actualite.open #wrapper-actus {
max-height: 100vh;
box-shadow: 0 10px 10px 1px rgba(0,0,0,0.15);
}
/*
#section-actualite.open #wrapper-actus::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
box-shadow: 0 0px 20px 1px rgba(0,0,0,0.3);
}
*/
#wrapper-actus .container{
display: flex;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
}
#wrapper-actus #switch-actu {
padding: 0 20px;
}
#wrapper-actus #switch-actu .button-choice {
height: 100px;
width: 100px;
border: 3px solid #ffc75c;
border-radius: 5px;
margin: 20px;
color: #ffc75c;
display: block;
position: relative;
font-weight: 900;
text-transform: uppercase;
font-size: 1.5em;
cursor: pointer;
background: #fff;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#wrapper-actus #switch-actu .button-choice.active {
}
#wrapper-actus #switch-actu .button-choice span {
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#wrapper-actus #switch-actu .button-choice.active, #wrapper-actus #switch-actu .button-choice:hover {
background: #ffc75c;
color: #fff;
}
#wrapper-actus #switch-actu #button-video {
border-color: #b0c659;
color: #b0c659;
}
#wrapper-actus #switch-actu #button-video.active, #wrapper-actus #switch-actu #button-video:hover {
background: #b0c659;
color: #fff;
}
#wrapper-actus .wrap-typeactu {
display: flex;
justify-content: space-between;
align-items: center;
-webkit-flex: 1 0 0;
-moz-flex: 1 0 0;
-ms-flex: 1 0 0;
-o-flex: 1 0 0;
flex: 1 0 0;
margin: 0;
overflow: hidden;
}
#wrapper-actus .wrap-line {display: flex;}
#wrapper-actus .slick-track { display: flex;}
#wrapper-actus .une-actu {
/* width: calc(100% / 3)!important;*/
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 20px 0 20px 40px;
overflow: hidden;
height: auto;
}
#wrapper-actus .content-actu {
width: 100%;
display: flex;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px;
/* align-items: center;*/
height: 100%;
}
#wrapper-actus .une-actu a:hover .content-actu{
background: #ffc75c;
}
#wrapper-actus .une-actu.actu-video a:hover .content-actu{
background: #b0c659;
}
#wrapper-actus .thumb-actu {
/*width: 45%;*/
width: 220px;
height: 220px;
border-radius: 5px;
background-attachment: scroll;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #ffc75c;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: hidden;
position: relative;
}
#wrapper-actus .thumb-actu {
background-color: #b0c659;
}
#wrapper-actus .une-actu a:hover .thumb-actu {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
#wrapper-actus .thumb-actu::after {
display: block;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffc75c;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px 0 0 5px;
}
#wrapper-actus .actu-video .thumb-actu::after {
background: #b0c659;
}
#wrapper-actus .une-actu a:hover .thumb-actu::after {
opacity: 0.5;
visibility: visible;
}
#wrapper-actus .entry-actu {
width: 55%;
padding: 40px 20px;
}
#wrapper-actus .entry-actu h3{
color: #343434;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.2em;
line-height: 1;
font-weight: 900;
}
#wrapper-actus .entry-actu time {
color: #ffc75c;
font-size: 0.8em;
text-transform: uppercase;
font-weight: 900;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#wrapper-actus .actu-video .entry-actu time {
color: #b0c659;
}
#wrapper-actus .une-actu a:hover time{
color: #fff;
}
#wrapper-actus .entry-actu .excerpt-actu {
font-size: 0.9em;
font-weight: 400;
}
/*bxslider*/
#wrapper-actus .bx-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
#wrapper-actus .bx-viewport {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
}
#wrapper-actus .bx-has-pager {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
/* padding-left: 40px;*/
}
#wrapper-actus .bx-has-pager .bx-pager-link{
display: block;
font-size: 0;
height: 10px;
width: 10px;
background: rgba(52,52,52,0.2);
border-radius: 100%;
margin: 5px 0;
}
#wrapper-actus .bx-has-pager .bx-pager-link:hover {
background: rgba(52,52,52,0.5);
}
#wrapper-actus .bx-has-pager .bx-pager-link.active {
background: #ffc75c;
}
/*slick*/
#wrapper-actus .slick-dots{
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
-o-order: 1;
order: 1;
margin: 0;
padding: 0;
position: relative;
bottom: inherit;
width: auto;
}
#wrapper-actus .slick-dots li{
display: block;
}
#wrapper-actus .slick-dots li button{
}
#wrapper-actus .slick-dots li button::before {
color: rgba(52,52,52,0.2);
opacity: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 10px;
}
#wrapper-actus .slick-dots li button:hover::before {
color: rgba(52,52,52,0.5);
}
#wrapper-actus .slick-dots li.slick-active button::before {
color: #ffc75c;
}
#wrapper-actus .video .slick-dots li.slick-active button::before {
color: #b0c659;
}
#wrapper-actus .slick-list {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
-o-order: 2;
order: 2;
width: 100%;
}
/* ==========================================================================
# PAGE
========================================================================== */
/* ## Breadcrumb
========================================================================== */
#wrapper-breadcrumb {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
font-family: 'Barlow Condensed', sans-serif;
line-height: 1;
padding: 10px 0;
}
#breadcrumb {
color: rgba(255,255,255,0.6);
font-size: 1em;
}
#breadcrumb a{
color: #fff;
line-height: 1;
}
#breadcrumb a:hover{
color: #343434;
}
#breadcrumb i{
margin: 0 5px;
}
#btn-previously {
border-radius: 5px;
background: #fff;
padding: 5px 10px;
text-transform: uppercase;
border: none;
color: #343434;
font-weight: 700;
font-size: 1em;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
line-height: 1;
}
#btn-previously:hover {
background: #343434;
color: #fff;
}
#btn-previously i{
margin-right: 5px;
}
/* ## post
========================================================================== */
#wrapper-post {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#le-post {
/* border-radius: 5px;*/
overflow: hidden;
width: 100%;
flex: 1 0 0;
}
#le-post #inner-lepost{
border-radius: 5px;
overflow: hidden;
}
#post-title {
padding: 20px 40px;
background: #343434;
border-radius: 5px 5px 0 0;
}
.post-rose #post-title{background: #fe96e5;}
.post-jaune #post-title{background: #ffc75c;}
.post-vert #post-title{background: #b0c659;}
.post-bleu #post-title{background: #00d5ef;}
#post-title h1, #post-title .h1{
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-size: 1.6em;
text-transform: uppercase;
line-height: 1.2;
margin: 0;
}
#content-post {
background: rgba(255,255,255,0.9);
border-radius: 0 0 5px 5px;
/* overflow: hidden;*/
line-height: 1.6;
}
#wrap-subpages {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
background: #f5f5f5;
padding: 5px 35px;
}
.subpage {
/* display: inline-block;*/
color: #343434;
background: #fff;
border-radius: 5px;
margin: 5px;
padding: 5px 10px;
font-size: 1em;
font-weight: 700;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
box-shadow: 0 0px 10px 0px rgba(0,0,0,0.1);
}
.post-rose .subpage{color: #fe96e5;}
.post-jaune .subpage{color: #ffc75c;}
.post-vert .subpage{color: #b0c659;}
.post-bleu .subpage{color: #00d5ef;}
.subpage:hover {
color: #fff;
background: #343434;
}
.post-rose .subpage:hover {background: #fe96e5; }
.post-jaune .subpage:hover {background: #ffc75c; }
.post-vert .subpage:hover {background: #b0c659; }
.post-bleu .subpage:hover {background: #00d5ef; }
.content {
padding: 20px 60px;
font-size: 18px
}
.content h1 .content h2, .content h3, .content h4{
text-transform: uppercase;
}
.content h1 {
}
.content h2 {
font-weight: 700;
font-size: 1.4em;
margin: 1.5em 0 0.5em
}
.content h3 {
font-size: 1em;
color: #6e6e6e;
background: #fff;
padding: 5px 10px;
font-weight: 700;
display: inline-block;
margin: 1em 0 0.5em -10px;
}
.content h4 {
}
.content p{
margin-bottom: 1em;
}
.content i {}
.content strong {
}
.content ul, .content ol {
margin: 1em 0;
padding-left: 60px;
overflow: auto;
}
.content ul ul, .content ol ol{
padding: 0;
margin: 0.5em 0;
}
.content li{
padding-left: 1.5em;
position: relative;
}
/*
.content ul li::before {
content: "\f111";
display: block;
color: #ffc75c;
position: absolute;
left: 0;
top: 1.4em;
font-size: 0.4em;
font-family: "Font Awesome 5 Free";
font-weight: 700;
}
*/
.content ul li::before {
content: "";
background-image: url(assets/img/icon-leaf.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
position: absolute;
left: 0;
top: 0.5em;
height: 0.8em;
width: 0.8em;
}
.content ul ul li::before {
background-image: url(assets/img/icon-graines.png);
}
.content ol {
counter-reset: section;
}
.content ol li {
/* padding-left: 1.5em; */
}
.content ol li::before {
counter-increment: section;
content: counters(section,".") ". ";
font-size: 1em;
font-weight: 700;
color: #ffc75c;
position: absolute;
left: 0;
top: 0;
}
.content ul.wp-block-gallery {
padding: 0;
margin: 2em 0;
}
.content ul.wp-block-gallery li {
padding: 0;
}
.content ul.wp-block-gallery li::before{
display: none;
}
.content a {
box-shadow: inset 0 -2px 0 0 #ffc75c;
font-weight: 400;
}
.content a:hover {
box-shadow: inset 0 -1rem 0 0 #ffc75c;
}
.content .wp-block-button__link {
display: inline-block;
color: #fff;
background: #b0c659;
border-radius: 10px 5px 10px 10px;
margin: 0;
padding: 8px 13px 5px 10px;
font-size: 1em;
font-weight: 700;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
box-shadow: inset -3px 3px 0 0 #fff;
border: 2px solid #b0c659;
position: relative;
}
.content .wp-block-button__link:hover {
border-color: #ffc75c;
background: #ffc75c;
box-shadow: inset -3px 3px 0 0 #fff;
}
.content .wp-block-button__link:active {
box-shadow: inset 0px 0px 0 0 #fff;
padding-top: 5px;
padding-right: 10px;
border-top-right-radius: 10px;
margin-bottom: 3px;
margin-right: 3px;
}
/*
.post-jaune .content .wp-block-button__link{color: #ffc75c;}
.post-vert .content .wp-block-button__link{color: #b0c659;}
*/
.content blockquote {}
.content img {
height: auto!important;
width: auto;
max-width: 100%;
}
/*CHIFFRES CLES*/
#wrap-chiffrescles {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
width: calc(100% + 60px);
margin: 0px -30px;
}
.chiffre-cle {
width: calc((100% / 3) - 60px);
margin: 30px 30px 0;
}
.chiffre-cle .flex{
display: flex;
font-size: 1.2em;
}
.chiffre-cle .picto-cle {
display: inline-block;
padding-right: 30px;
}
.chiffre-cle .picto-cle img{
max-height: 50px;
height: auto;
width: auto;
}
/*PRESSE*/
#wrap-presse {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
width: calc(100% + 40px);
margin: 40px -20px 0 ;
}
.une-presse {
width: calc((100% / 2) - 40px);
margin: 10px 20px;
border-radius: 5px;
background: #fff;
overflow: hidden;
}
.content-presse {
display: flex;
position: relative;
height: 100%;
}
.thumb-presse {
width: calc(100% / 3);
height: 100%;
background-attachment: scroll;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
}
.entry-presse {
padding: 20px;
margin-left: auto;
width: calc(100% * (2 / 3));
}
.entry-presse h3 {
color: #343434;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.2em;
line-height: 1;
font-weight: 900;
margin-bottom: 1em;
text-align: left;
}
.entry-presse .diffusion-presse {
color: #6e6e6e;
font-size: 0.8em;
font-weight: 300;
}
.entry-presse .dl-presse {
display: inline-block;
border-radius: 5px;
background: #343434;
color: #fff;
font-size: 1em;
text-transform: uppercase;
font-weight: 700;
font-family: 'Barlow Condensed', sans-serif;
line-height: 1;
padding: 5px 10px;
cursor: pointer;
margin-top: 1em;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.entry-presse .dl-presse:hover {
background: #f5f5f5;
color: #343434;
}
.entry-presse .dl-presse i{
margin-right: 5px;
}
/* ## aside
========================================================================== */
#le-aside {
width: 300px;
margin-left: 30px;
display: block;
position: relative;
}
.fixed #inner-aside{
position: fixed;
top: 10px;
width: inherit;
}
/*
.botted #inner-aside{
position: absolute;
top: inherit;
bottom: 0;
width: 100%;
}
*/
#inner-aside {
position: absolute;
top: 0px;
bottom: inherit;
width: 100%;
}
/*bloc ancetre*/
.bloc-aside {
border-radius: 5px;
overflow: hidden;
background: rgba(255,255,255,0.9);
margin-bottom: 10px;
position: relative;
}
.bloc-aside .title-blocaside{
display: flex;
padding: 20px 30px;
border-bottom: 1px solid #343434;
color: #343434;
text-transform: uppercase;
font-size: 1.2em;
font-weight: 700;
font-family: 'Barlow Condensed', sans-serif;
}
#le-aside.post-rose .bloc-aside .title-blocaside{color: #fe96e5; border-color: #fe96e5;}
#le-aside.post-jaune .bloc-aside .title-blocaside{color: #ffc75c; border-color: #ffc75c;}
#le-aside.post-vert .bloc-aside .title-blocaside{color: #b0c659; border-color: #b0c659;}
#le-aside.post-bleu .bloc-aside .title-blocaside{color: #00d5ef; border-color: #00d5ef;}
#le-aside.post-rose .bloc-aside a.title-blocaside:hover{background: #fe96e5; color: #fff;}
#le-aside.post-jaune .bloc-aside a.title-blocaside:hover{background: #ffc75c; color: #fff;}
#le-aside.post-vert .bloc-aside a.title-blocaside:hover{background: #b0c659; color: #fff;}
#le-aside.post-bleu .bloc-aside a.title-blocaside:hover{background: #00d5ef; color: #fff;}
#open-filters {
color: #fff;
background: #343434;
border-radius: 5px;
padding: 15px;
border: none;
color: #fff;
cursor: pointer;
height: 30px;
width: 30px;
position: relative;
line-height: 1;
flex: 0 0 auto;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
align-items: center;
justify-content: center;
display: none;
cursor: pointer;
}
#open-filters:hover {
background: #fff;
color: #343434;
}
#link-ancestors #children-ancestor {
padding: 0;
margin: 0;
}
#link-ancestors #children-ancestor li {
border-top: 1px solid rgba(52,52,52,0.2);
}
#link-ancestors #children-ancestor > li:first-child {
border: none;
}
#link-ancestors #children-ancestor li a{
padding: 10px 30px;
display: block;
font-weight: 400;
color: #343434;
position: relative;
}
#link-ancestors #children-ancestor > li > a{
font-size: 1em;
font-weight: 500;
}
#link-ancestors #children-ancestor li > a:hover{
color: #fff;
background: rgba(52,52,52,0.9);
}
#le-aside.post-rose #link-ancestors #children-ancestor li > a:hover {background: rgba(254,150,229,0.9);}
#le-aside.post-jaune #link-ancestors #children-ancestor li > a:hover {background: rgba(255,199,92,0.9);}
#le-aside.post-vert #link-ancestors #children-ancestor li > a:hover {background: rgba(176,198,89,0.9);}
#le-aside.post-bleu #link-ancestors #children-ancestor li > a:hover {background: rgba(0,213,239,0.9);}
#link-ancestors #children-ancestor > li.current_page_ancestor > a, #link-ancestors #children-ancestor > li > .children li.current_page_parent a, #link-ancestors #children-ancestor li.current_page_item > a {
color: #fff;
background: #343434
}
#le-aside.post-rose #link-ancestors #children-ancestor > li.current_page_ancestor > a, #le-aside.post-rose #link-ancestors #children-ancestor > li.current_page_item > a{background: #fe96e5;}
#le-aside.post-jaune #link-ancestors #children-ancestor > li.current_page_ancestor > a, #le-aside.post-jaune #link-ancestors #children-ancestor > li.current_page_item > a{background: #ffc75c;}
#le-aside.post-vert #link-ancestors #children-ancestor > li.current_page_ancestor > a, #le-aside.post-vert #link-ancestors #children-ancestor > li.current_page_item > a{background: #b0c659;}
#le-aside.post-bleu #link-ancestors #children-ancestor > li.current_page_ancestor > a, #le-aside.post-bleu #link-ancestors #children-ancestor > li.current_page_item > a{background: #00d5ef;}
#link-ancestors #children-ancestor li > .children{
opacity: 0;
visibility: hidden;
overflow: hidden;
max-height: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#link-ancestors #children-ancestor li.open > .children{
max-height: 200px;
opacity: 1;
visibility: visible;
}
#link-ancestors #children-ancestor > li > .children li a{
font-size: 0.8em;
}
#le-aside.post-rose #link-ancestors #children-ancestor > li > .children li.current_page_parent a, #le-aside.post-rose #link-ancestors #children-ancestor > li > .children li.current_page_item a{background: #fe96e5;}
#le-aside.post-jaune #link-ancestors #children-ancestor > li > .children li.current_page_parent a, #le-aside.post-jaune #link-ancestors #children-ancestor > li > .children li.current_page_item a{background: #ffc75c;}
#le-aside.post-vert #link-ancestors #children-ancestor > li > .children li.current_page_parent a, #le-aside.post-vert #link-ancestors #children-ancestor > li > .children li.current_page_item a{background: #b0c659;}
#le-aside.post-bleu #link-ancestors #children-ancestor > li > .children li.current_page_parent a, #le-aside.post-bleu #link-ancestors #children-ancestor > li > .children li.current_page_item a{background: #00d5ef;}
#link-ancestors #children-ancestor li a .plus{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 30px;
font-size: 0.9em;
z-index: 10;
}
#link-ancestors #children-ancestor li a .plus i{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*liens des autres mainpage*/
.link-mainpage {
margin-bottom: 10px;
overflow: hidden;
border-radius: 5px;
}
.link-mainpage .inner-mainpage{
background: #343434;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.link-mainpage a:hover .inner-mainpage{
color: #343434;
background: #fff;
}
.link-mainpage.rose .inner-mainpage {background: rgba(254,150,229,0.9);}
.link-mainpage.jaune .inner-mainpage {background: rgba(255,199,92,0.9);}
.link-mainpage.vert .inner-mainpage {background: rgba(176,198,89,0.9);}
.link-mainpage.bleu .inner-mainpage {background: rgba(0,213,239,0.9);}
.link-mainpage.rose a:hover .inner-mainpage{color: #fe96e5;}
.link-mainpage.jaune a:hover .inner-mainpage{color: #ffc75c;}
.link-mainpage.vert a:hover .inner-mainpage{color: #b0c659;}
.link-mainpage.bleu a:hover .inner-mainpage{color: #00d5ef;}
.link-mainpage .inner-mainpage .title-mainpage{
text-transform: uppercase;
font-weight: 900;
font-size: 1.2em;
display: flex;
align-items: center;
}
.link-mainpage .inner-mainpage .lilicon-mainpage{
height: 60px;
width: 60px;
display: block;
position: relative;
margin-right: 10px;
}
.link-mainpage .inner-mainpage .lilicon-mainpage > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 1;
visibility: visible;
}
.link-mainpage a:hover .inner-mainpage .lilicon-mainpage > span {
opacity: 0;
visibility: hidden;
}
.link-mainpage .inner-mainpage .lilicon-mainpage > .lilicon-color {
opacity: 0;
visibility: hidden;
}
.link-mainpage a:hover .inner-mainpage .lilicon-mainpage > .lilicon-color {
opacity: 1;
visibility: visible;
}
.link-mainpage .inner-mainpage i {
font-size: 1em;
margin-left: 20px;
}
/*aside contact*/
.post-contact .link-mainpage {
text-align: center;
}
.post-contact .link-mainpage i{
margin: 0;
font-size: 2em;
line-height: 60px;
}
.post-contact #link-ancestors #content-ancestor{
padding: 10px 30px;
font-size: 1.2em;
}
.post-contact #link-ancestors #map-ancestor{
overflow: hidden;
height: 0;
padding-bottom: 100%;
position: relative;
border-top: 1px solid rgba(52,52,52,0.2);
}
.post-contact #link-ancestors #map-ancestor iframe{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
/*filtre*/
.un-filtre {}
.un-filtre .titre-filtre {
padding: 10px 30px;
display: block;
font-weight: 500;
color: #343434;
position: relative;
text-transform: uppercase;
}
.un-filtre .wrap-le-filtre {
padding: 10px 30px;
background: rgba(255,255,255,0.9);
font-size: 0.8em;
color: #343434;
font-weight: 400;
}
.filtres .list-filtres {
overflow: auto;
max-height: 10em;
}
.filtres .list-filtres ul{
padding-left: 15px;
}
.filtres .list-filtres label {
display: block;
margin: 5px 0;
}
.filtres .list-filtres input {
margin-right: 15px;
}
/*
.un-filtre .list-filtres ul li{
margin: 5px 0;
}
.un-filtre .list-filtres .fake-checkbox{
border: none;
background: none;
}
.un-filtre .list-filtres .fake-checkbox span{
display: inline-block;
margin-right: 15px;
}
.un-filtre .list-filtres .fake-checkbox span::before{
content: "\f0c8";
display: block;
font-family: "Font Awesome 5 Free";
position: relative;
color: #000;
}
.un-filtre .list-filtres .fake-checkbox.mixitup-control-active span::before{
content: "\f14a";
font-weight: 900;
}
*/
#filters-espece {
margin-top: 20px;
margin-bottom: 0;
}
/* ==========================================================================
# SEARCH
========================================================================== */
#wrapper-search {
display: flex;
justify-content:space-between
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
padding: 20px 0 0 0;
margin: 0 -20px;
}
.wrap-pagination {
width: 100%;
padding: 20px 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
margin: auto;
}
.wrap-pagination#pagination-bottom {
padding-top: 20px;
padding-bottom: 0;
}
.wrap-pagination .results {
color: #fff;
font-size: 0.7em;
}
.wrap-pagination.lang-en .results .results-fr{display: none;}
.wrap-pagination.lang-fr .results .results-en{display: none;}
.wrap-pagination .page-numbers {
display: block;
}
.wrap-pagination .page-numbers li{
display: inline-block;
vertical-align: middle;
margin: 0 0px;
}
.wrap-pagination .page-numbers li .page-numbers {
font-weight: 400;
color: #fff;
font-size: 0.8em;
/* padding: 5px 10px;*/
border-radius: 5px;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
}
.wrap-pagination .page-numbers li .page-numbers.next, .wrap-pagination .page-numbers li .page-numbers.prev {
width: inherit;
padding: 0px 10px;
}
.wrap-pagination .page-numbers li a.page-numbers:hover {
background: #fff;
color: #343434;
}
.wrap-pagination .page-numbers li .page-numbers.current {
background: #343434;
color: #fff;
}
.wrap-pagination .btn-showall {
border-radius: 5px;
background: #343434;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 1em;
padding: 5px 10px;
border: none;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 0.8em;
cursor: pointer;
display: none;
}
.wrap-pagination .btn-showall:hover {
background: #fff;
color: #343434;
}
#wrapper-search .une-recherche {
width: calc((100% / 3));
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 10px 20px 10px 20px;
}
#wrapper-search .content-search{
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px;
background: rgba(255,255,255,0.9);
padding: 20px 40px;
font-weight: 400;
font-size: 1em;
line-height: 1.2;
height: 100%;
box-shadow: 0 0px 10px 0px rgba(0,0,0,0.1);
position: relative;
}
/*
#wrapper-search .content-search .fake-more {
display: block;
position: absolute;
padding: 5px 10px;
background: #343434;
color: #fff;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1em;
border-radius: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#wrapper-search a:hover .content-search .fake-more {
opacity: 1;
visibility: visible;
}
*/
#wrapper-search a:hover .content-search{
background: #343434;
color: #fff;
}
#wrapper-search .content-search h2 {
text-transform: uppercase;
font-size: 1.2em;
line-height: 1;
font-weight: 900;
}
#wrapper-search .content-search p {
line-height: 1.2;
margin-top: 1em
}
/* ==========================================================================
# HOME
========================================================================== */
#wrapper-tri {
background: #f5f5f5;
padding: 10px 40px;
margin-top: 40px;
border-radius: 5px;
}
#wrapper-tri label {
font-weight: 700;
margin-right: 20px;
}
#wrapper-tri select {
background: rgba(0,0,0,0.05);
border: none;
color: rgba(0,0,0,0.5);
font-family: 'Barlow', sans-serif;
padding: 5px 10px;
}
#wrapper-tri select::after {
content: "";
}
#wrapper-tri button {
border: 2px solid #343434;
border-radius: 5px;
font-weight: 900;
text-transform: uppercase;
color: #343434;
background: #fff;
padding: 5px 10px;
margin-right: 10px;
font-size: 1em;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#wrapper-tri button#button-news { border-color: #ffc75c; color: #ffc75c;}
#wrapper-tri button#button-video { border-color: #b0c659; color: #b0c659;}
#wrapper-tri button:hover, #wrapper-tri button.active {
background: #343434;
color: #fff!important;
}
#wrapper-tri button#button-news:hover, #wrapper-tri button#button-news.active { background: #ffc75c; }
#wrapper-tri button#button-video:hover, #wrapper-tri button#button-video.active { background: #b0c659; }
#wrapper-articles {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
padding: 20px 0 0 0;
margin: 0 -20px;
}
#wrapper-articles .une-actu{
width: calc((100% / 3));
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 10px 20px 10px 20px;
overflow: hidden;
}
#wrapper-articles .content-actu {
width: 100%;
display: flex;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px;
background: #fff;
}
#wrapper-articles .une-actu a:hover .content-actu{
background: #ffc75c;
}
#wrapper-articles .actu-video a:hover .content-actu{
background: #b0c659;
}
#wrapper-articles .thumb-actu {
width: 45%;
height: 0;
padding-bottom: 45%;
border-radius: 5px;
background-attachment: scroll;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #ffc75c;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: hidden;
position: relative;
}
#wrapper-articles .une-actu a:hover .thumb-actu {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
#wrapper-articles .actu-video .thumb-actu {
background-color: #b0c659;
}
#wrapper-articles .thumb-actu::after {
display: block;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffc75c;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px 0 0 5px;
}
#wrapper-articles .actu-video .thumb-actu::after {
background: #b0c659;
}
#wrapper-articles .une-actu a:hover .thumb-actu::after {
opacity: 0.5;
visibility: visible;
}
#wrapper-articles .entry-actu {
width: 55%;
padding: 40px 20px;
}
#wrapper-articles .entry-actu h3{
color: #343434;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.2em;
line-height: 1;
font-weight: 900;
}
#wrapper-articles .entry-actu time {
color: #ffc75c;
font-size: 0.8em;
text-transform: uppercase;
font-weight: 900;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#wrapper-articles .actu-video .entry-actu time {
color: #b0c659;
}
#wrapper-articles .une-actu a:hover time{
color: #fff;
}
#wrapper-articles .entry-actu .excerpt-actu {
font-size: 0.9em;
font-weight: 400;
}
/* ==========================================================================
# SINGLE
========================================================================== */
#data-post {
background: #f5f5f5;
padding: 20px 40px;
display: flex;
align-items: center;
/* justify-content: space-between;*/
}
#data-post time {
color: #6e6e6e;
font-size: 1em;
font-weight: 400;
font-family: 'Barlow Condensed', sans-serif;
}
#data-post .post-format {
border-radius: 5px;
font-weight: 900;
text-transform: uppercase;
background: #ffc75c;
color: #fff;
padding: 5px 10px;
margin-right: 15px;
}
#data-post .post-format#format-video {
background: #b0c659;
}
#data-post .post-format#format-media {
background: #343434;
}
/*media*/
.entry-attachment {text-align: center;}
.entry-caption {text-align: center;}
/* ==========================================================================
# OFFRES
========================================================================== */
.une-offre {
width: calc((100% / 3));
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 10px 20px 10px 20px;
overflow: hidden;
}
.content-offre {
width: 100%;
display: flex;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px;
background: #fff;
}
/*
.une-offre a:hover .content-offre {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
*/
.entry-offre {
width: 100%;
padding: 20px;
color: #343434;
font-weight: 400;
}
.entry-offre h3 {
color: #343434;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.3em;
line-height: 1;
font-weight: 900;
margin-bottom: 1em;
text-align: left;
}
.entry-offre .dateref {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
}
.entry-offre time {
color: #00d5ef;
font-size: 0.8em;
text-transform: uppercase;
font-weight: 900;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-right: 20px;
}
.entry-offre .ref {
font-size: 0.8em;
background: #f5f5f5;
padding: 5px 10px;
border-radius: 5px;
line-height: 1;
}
.entry-offre .ref strong{
}
/*
.entry-offre .lieutype {
display: flex;
}
*/
.entry-offre .lieutype span{
display: block;
}
.entry-offre .lieutype span i{
margin-right: 5px;
color: #6e6e6e;
}
.entry-offre .wrap-postul {
text-align: center;
}
.entry-offre .fake-postul {
display: inline-block;
border-radius: 5px;
background: #00d5ef;
color: #fff;
font-size: 1em;
text-transform: uppercase;
font-weight: 700;
font-family: 'Barlow Condensed', sans-serif;
line-height: 1;
padding: 5px 10px;
cursor: pointer;
margin-top: 1em;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.entry-offre .fake-postul:hover {
background: #343434;
}
.entry-offre .fake-postul i{
margin-left: 5px;
}
/* ==========================================================================
# SINGLE OFFRE
========================================================================== */
#data-post .ref-offre {
border-radius: 5px;
font-weight: 900;
text-transform: uppercase;
background: #00d5ef;
color: #fff;
padding: 5px 10px;
margin-right: 15px;
}
#postuler {
display: block;
margin: 30px auto 0;
border-radius: 5px;
font-weight: 900;
text-transform: uppercase;
background: #343434;
color: #fff;
padding: 5px 10px;
border: none;
line-height: 1.6;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#data-post #postuler {margin: 0 0 0 auto;}
#postuler:hover {
color: #343434;
background: #f5f5f5;
}
#data-post #postuler:hover {
color: #343434;
background: #fff;
}
.wrapper-descoffre {
display: flex;
justify-content: space-between;
margin: 0 -30px;
width: calc(100% + 60px);
}
.wrapper-descoffre .wrap-descriptif, .wrapper-descoffre .wrap-descposte{
margin: 0 30px;
width: 50%;
}
.wrap-descriptif {
clear: both;
overflow: hidden;
}
#logo-societe {
margin: 1em 60px 1em 0;
float: left;
}
#logo-societe img{
max-width: 200px;
height: auto;
}
.wrap-descposte {
width: 100%;
}
.wrap-descposte .details-poste {
margin: 15px 0;
}
.wrap-descposte .intitul-details {
display: block;
color: #6e6e6e;
}
.wrap-descposte .intitul-details strong{ text-transform: uppercase; color: #6e6e6e;}
.wrap-descposte .intitul-details i { margin-right: 10px;}
#pop-form {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100vh;
width: 100vw;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
#pop-form.open {
background: rgba(52,52,52,0.9);
opacity: 1;
visibility: visible;
}
.form-candidature {
display: block;
position: absolute;
top: 50%;
left: 50%;
background: #f5f5f5;
border-radius: 5px;
padding: 60px 60px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#close-pop {
background: #343434;
color: #fff;
height: 30px;
width: 30px;
line-height: 30px;
position: absolute;
right: 0;
top: 0;
border-radius: 5px;
border: none;
font-size: 1.2em;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#close-pop:hover {
color: #343434;
background: #fff;
}
.form-candidature .hidden {
display: none;
}
.form-candidature br {display: none;}
.form-candidature label {
color: rgba(52, 52, 52, 0.6);
font-size: 1.2em;
font-family: 'Barlow Condensed', sans-serif;
display: block;
/* background: #fff;*/
padding: 0px 19px;
/* border-radius: 5px;*/
}
.form-candidature label .wpcf7-form-control {
font-size: 1em;
/* padding: 0;*/
/* border: none;*/
margin-left: -19px;
margin-right: -19px;
width: calc(100% + 38px);
}
.form-candidature .wpcf7-form-control {
font-size: 1.2em;
font-family: 'Barlow Condensed', sans-serif;
padding: 8px 18px;
line-height: 1;
border: none;
background: #fff;
color: #343434;
border-radius: 5px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
margin-bottom: 20px;
}
.form-candidature .wpcf7-form-control:focus {
border-color: #343434;
}
.form-candidature input.wpcf7-submit {
background: #343434;
color: #fff;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
border: none;
width: auto;
margin: 30px auto 0;
position: relative;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.form-candidature input.wpcf7-submit:hover {
background: #fff;
color: #343434;
}
.form-candidature .wpcf7-form > div.valid {
width: 100%;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.form-candidature .wpcf7-form > div.valid small{
margin-left: 0;
margin-right: auto;
}
.form-candidature .wpcf7-form .wpcf7-acceptance {
padding: 0;
line-height: 1;
border: 1px solid #343434;
height: 15px;
width: 15px;
border-radius: 5px;
position: relative;
display: block;
margin-right: 10px;
margin-bottom: 0;
color: #343434;
}
.form-candidature .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
display: block;
height: calc(100% + 2px);
width: calc(100% + 2px);
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.form-candidature .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
opacity: 0;
}
.form-candidature .wpcf7-form .wpcf7-acceptance:hover {
border-color: #ffc75c;
color: #ffc75c;
}
.form-candidature .wpcf7-form .wpcf7-acceptance::before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 0.7rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.form-candidature .wpcf7-form .wpcf7-acceptance.checked::before {
opacity: 1;
}
.form-candidature a {
box-shadow: inset 0 -2px 0 0 #ffc75c;
font-weight: 400;
}
.form-candidature a:hover {
box-shadow: inset 0 -1rem 0 0 #ffc75c;
}
/* ==========================================================================
# HOME ESPECE
========================================================================== */
#wrapper-postespece {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
padding: 20px 0 0 0;
margin: 0 -10px;
}
.une-espece {
width: calc((100% / 6));
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
/* padding: 10px 20px 10px 20px;*/
padding: 10px;
overflow: hidden;
}
.content-espece {
width: 100%;
display: flex;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
-o-flex-flow: column;
flex-flow: column;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px;
background: #fff;
overflow: hidden;
height: 100%;
}
.thumb-espece {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 5px 5px 0 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.thumb-espece img{
position: absolute;
opacity: 0;
visibility: hidden;
}
.entry-espece {
width: 100%;
padding: 15px;
color: #343434;
font-weight: 400;
text-align: center;
font-size: 1.1em;
}
.entry-espece h3 {
color: #343434;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.3em;
line-height: 1;
font-weight: 900;
margin-bottom: 1em;
text-align: center;
}
.wrap-precocite {margin-top: 20px;}
.une-espece:hover{
box-shadow: 0 0 0 0#b0c659;
}
/*update*/
.mixitup-page-list {
display: block;
}
.wrap-pagination .page-numbers li {
display: inline-block;
vertical-align: middle;
margin: 0 0px;
}
.mixitup-page-list .mixitup-control{
display: inline-block;
margin: 0;
vertical-align: middle;
font-weight: 400;
color: #fff;
font-size: 0.8em;
padding: 5px 10px;
border-radius: 5px;
height: 25px;
width: 25px;
text-align: center;
border: none;
background: transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.lang-en .mixitup-page-list .mixitup-control.button-fr {display: none;}
.lang-fr .mixitup-page-list .mixitup-control.button-en {display: none;}
.mixitup-page-list .mixitup-control-active {
background: #343434!important;
color: #fff!important;
cursor: default;
}
.mixitup-page-list .mixitup-control:hover {
background: #fff;
color: #343434;
}
.mixitup-page-list .mixitup-control-truncation-marker {
cursor: default;
background: transparent!important;
color: #fff!important;
}
.mixitup-page-list .mixitup-control-prev, .mixitup-page-list .mixitup-control-next {
width: inherit;
padding: 0 10px;
}
.wrap-pictos {
margin-top: 20px;
}
.wrap-pictos .picto-espece{
height: 50px;
width: 75px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-attachment: scroll;
margin-left: 5px;
margin-top: 5px;
}
.filtres {
padding: 10px 50px;
font-size: 0.8em;
color: #343434;
font-weight: 400;
display: flex;
flex-wrap: wrap;
}
.filtres fieldset {
border: none;
font-weight: 400;
padding: 10px 0px;
margin: 10px;
background: #fff;
border-radius: 5px;
max-width: 240px;
flex: 1 0 auto;
}
.filtres legend {
display: block;
/* padding: 10px 30px;*/
/* margin: 0 -30px;*/
position: relative;
width: 100%;
font-weight: 500;
color: #343434;
font-size: 1rem;
position: relative;
text-transform: uppercase;
background: #fff;
border-radius: 5px;
padding: 10px 20px;
}
.filtres .accordion-content {
/* padding: 0 30px;*/
background: #f4f8fc;
border-radius: 5px;
padding: 10px;
margin: 0 20px;
}
.filtres label {
display: block;
margin: 5px 0;
}
.filtres label input{
margin-right: 15px;
}
.filtres select {
border: none;
background: none;
width: 100%;
}
.filtres button {
background: #343434;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border: none;
cursor: pointer;
margin: 10px auto 0;
display: block;
top: 10px;
right: 30px;
position: absolute;
}
.filtres button:hover {
background: #fff;
color: #343434;
}
.filtres ul#list-carac, .filtres ul.list-checkbox {
max-height: 55px;
overflow: auto;
max-height: 60px;
}
.filtres ul#list-carac ul, .filtres ul.list-checkbox ul{
padding-left: 15px;
}
.filtres ul#list-bio {
}
.filtres ul#list-bio li, .filtres ul.list-radio li{
display: inline-block;
padding-right: 30px;
}
/* ==========================================================================
# CATEGORIES ESPECE (NEW)
========================================================================== */
#wrapper-catespece {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
padding: 20px 0 0 0;
margin: 0 -20px;
}
.categorie-espece {
width: calc((100% / 4));
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 10px 20px 10px 20px;
overflow: hidden;
}
.content-cat {
width: 100%;
display: flex;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
-o-flex-flow: column;
flex-flow: column;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 5px;
background: #fff;
overflow: hidden;
height: 100%;
}
.thumb-cat {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
border-radius: 5px 5px 0 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/*
.categorie-espece:hover .thumb-cat {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
*/
.thumb-cat.default-thumb-cat {
background-size: auto 66%;
}
.thumb-cat img{
position: absolute;
opacity: 0;
visibility: hidden;
}
.entry-cat {
width: 100%;
padding: 20px;
color: #343434;
font-weight: 400;
text-align: center;
font-size: 1em;
background: #fff;
position: relative;
}
.entry-cat h3 {
color: #343434;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.3em;
line-height: 1;
font-weight: 900;
margin-bottom: 0;
text-align: center;
}
.categorie-espece:hover{
box-shadow: 0 0 0 0#b0c659;
}
/* ==========================================================================
# SINGLE ESPECE
========================================================================== */
#use-produit{
border-radius: 5px;
font-weight: 900;
text-transform: uppercase;
background: #b0c659;
color: #fff;
padding: 5px 10px;
margin-right: 15px;
}
.liens-produit {
margin: 0 0 0 auto;
display: flex;
}
.firstinfo-bloc {
display: flex;
width: 100%;
padding-bottom: 30px;
}
#firstinfo-left, #firstinfo-right {
width: 50%;
}
#firstinfo-left {
padding-right: 30px;
}
#firstinfo-right {
padding-left: 30px;
text-align: right;
}
#firstinfo-right figure {
border-radius: 5px;
overflow: hidden;
}
#firstinfo-right figure img {
display: block;
}
.content figure {
margin: 1em 0;
}
#popup-media {
display: block;
position: fixed;
opacity: 0;
visibility: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 100%;
width: 100%;
background: rgba(52, 52, 52,0.9);
z-index: 9999999;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#popup-media.open {
opacity: 1;
visibility: visible;
}
#popup-media #wrap-iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 0;
width: 66%;
padding-bottom: calc(66% * (9 / 16));
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#popup-media.open #wrap-iframe {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#popup-media #wrap-iframe iframe{
height: 100%;
width: 100%;
position: absolute;
}
#close-popup {
background: rgba(255,255,255,0.9);
border-radius: 5px;
border: none;
color: #343434;
cursor: pointer;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: -45px;
right: -45px;
line-height: 1;
font-size: 1.5em;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#close-popup:hover {
background: #fff;
}
#page.popuped {
min-height: inherit;
max-height: 100vh;
overflow: hidden;
margin: 0 !important;
}
.tableau-sanitaire {
border: none;
background: #fff;
border-radius: 5px;
font-size: 1.1em;
}
.tableau-sanitaire tr {
}
.tableau-sanitaire th, td{
padding: 5px 20px;
}
.tableau-sanitaire th{
text-align: left;
color: #6e6e6e;
}
.tableau-sanitaire .note-lettre {
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
font-weight: 900;
color: #ffc75c;
}
.notation {
color: #ffc75c;
}
/*update*/
#single #content-post {
overflow: initial;
}
#wrap-infos {
/*
display: flex;
justify-content: space-between;
*/
display: block;
}
#wrap-infos #aside-infos {
width: 300px;
margin-top: -50px;
}
#product-thumbnail, .photo-aside {
overflow: hidden;
margin: 30px 60px 0 0;
text-align: center;
max-width: 800px;
width: calc(50% - 30px);
}
.photo-aside {
margin-top: 30px;
margin-bottom: 0;
}
#product-thumbnail img, .photo-aside img {
display: inline-block;
border-radius: 5px;
}
#yt-container {
width: calc(50% - 30px);
flex: 1 0 auto;
margin-top: 30px;
}
#yt-wrapper {
height: 0;
width: 100%;
padding-bottom: 56.25%;
position: relative;
border-radius: 5px;
overflow: hidden;
}
#yt-wrapper iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#avis-expert {
border: 1px solid #b0c659;
border-radius: 10px;
background: #fff;
padding: 10px 20px 20px 20px;
margin-top: 30px;
width: 100%;
}
#avis-expert h2 {
color: #b0c659;
font-size: 1.4em;
margin: 0 0 1em 0;
padding-left: 30px;
position: relative;
}
#avis-expert h2::before {
content: "";
display: inline-block;
position: absolute;
left: -10px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 5px;
background-image: url(assets/img/icon-quote.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
background-color: #b0c659;
height: 35px;
width: 35px;
}
#wrap-infos #main-infos {
width: 100%;
}
#main-infos #header-infos{
display: flex;
justify-content: space-between;
position: relative;
}
#main-infos #sstitre{
display: inline-block;
background: #fff;
border-radius: 5px;
font-size: 0.9em;
font-weight: 400;
padding: 5px 10px;
}
#main-infos .pictos-wrapper {
display: block;
margin-left: 60px;
}
#main-infos .picto-espece {
height: 75px;
width: 100px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-attachment: scroll;
margin-left: 5px;
margin-top: 5px;
}
.picto-espece#nouveaute { background-image: url('assets/img/picto-nouveaute'); }
.picto-espece#semoulerie {background-image: url('assets/img/picto-semoulerie'); }
.picto-espece#conditions-sechantes { background-image: url('assets/img/picto-sechantes'); }
.picto-espece#fourrage { background-image: url('assets/img/picto-fourrage'); }
.picto-espece#grain { background-image: url('assets/img/picto-grain'); }
.picto-espece#waxy { background-image: url('assets/img/picto-waxy'); }
.picto-espece#biogaz { background-image: url('assets/img/picto-biogaz');}
.picto-espece#approuve { background-image: url('assets/img/picto-approuve');}
.picto-espece#oisellerie { background-image: url('assets/img/picto-oisellerie');}
.picto-espece#orobanche { background-image: url('assets/img/picto-orobanche');}
.picto-espece#tmt { background-image: url('assets/img/picto-tmt');}
.picto-espece#linoleique { background-image: url('assets/img/picto-linoleique');}
.picto-espece#high-oleic { background-image: url('assets/img/picto-oleic');}
.picto-espece#sulfo { background-image: url('assets/img/picto-sulfo.png');}
.picto-espece#bio { width: 55px; background-image: url('assets/img/picto-bio.png');}
.picto-espece#clearfield { background-image: url('assets/img/picto-clearfield.png');}
.picto-espece#clearfield-plus { background-image: url('assets/img/picto-clearfield-plus.png');}
/*VERSION FR*/
.picto-espece.nouveaute { background-image: url('assets/img/picto-nouveaute'); }
.picto-espece.semoulerie {background-image: url('assets/img/picto-semoulerie'); }
.picto-espece.conditions-sechantes { background-image: url('assets/img/picto-sechantes'); }
.picto-espece.fourrage { background-image: url('assets/img/picto-fourrage'); }
.picto-espece.grain { background-image: url('assets/img/picto-grain'); }
.picto-espece.waxy { background-image: url('assets/img/picto-waxy'); }
.picto-espece.biogaz { background-image: url('assets/img/picto-biogaz');}
.picto-espece.approuve { background-image: url('assets/img/picto-approuve');}
.picto-espece.oisellerie { background-image: url('assets/img/picto-oisellerie');}
.picto-espece.orobanche { background-image: url('assets/img/picto-orobanche');}
.picto-espece.tmt { background-image: url('assets/img/picto-tmt');}
.picto-espece.linoleique { background-image: url('assets/img/picto-linoleique');}
.picto-espece.high-oleic { background-image: url('assets/img/picto-oleic');}
.picto-espece.sulfo { background-image: url('assets/img/picto-sulfo.png');}
.picto-espece.bio { width: 55px; background-image: url('assets/img/picto-bio.png');}
.picto-espece.clearfield { background-image: url('assets/img/picto-clearfield.png');}
.picto-espece.clearfield-plus { background-image: url('assets/img/picto-clearfield-plus.png');}
.picto-espece.hybride { background-image: url('assets/img/picto-hybride.png');}
.picto-espece.lignee { background-image: url('assets/img/picto-lignee.png');}
.picto-espece.phoma { background-image: url('assets/img/picto-phoma.png');}
.picto-espece.tuyv { background-image: url('assets/img/picto-tuyv.png');}
.picto-espece.clearfield-colza { background-image: url('assets/img/picto-clearfield_colza.png');}
.picto-espece.alimentation-humaine { background-image: url('assets/img/picto-alimentationhumaine.png');}
.picto-espece.bb { background-image: url('assets/img/picto-bb.png');}
.picto-espece.bps { background-image: url('assets/img/picto-bps.png');}
.picto-espece.baf { background-image: url('assets/img/picto-baf.png');}
.picto-espece.bp { background-image: url('assets/img/picto-bp.png');}
.picto-espece.vrm { background-image: url('assets/img/picto-vrm.png');}
.picto-espece.bpmf { background-image: url('assets/img/picto-bpmf.png');}
.picto-espece.vo { background-image: url('assets/img/picto-vo.png');}
.picto-espece.vo-bio { background-image: url('assets/img/picto-vobio.png');}
.picto-espece.mosaiques { background-image: url('assets/img/picto-mosaiques.png');}
.picto-espece.fusariose { background-image: url('assets/img/picto-fusariose.png');}
.picto-espece.septo { background-image: url('assets/img/picto-septo.png');}
.picto-espece.rendement-paille-elevee { background-image: url('assets/img/picto-rendementpaille.png');}
.picto-espece.chlortoluron { background-image: url('assets/img/picto-chlortoluron.png');}
.picto-espece.variete-rustique { background-image: url('assets/img/picto-rustique.png');}
.picto-espece.pietin-verse { background-image: url('assets/img/picto-pietin.png');}
.picto-espece.ps-eleve { background-image: url('assets/img/picto-pseleve.png');}
.picto-espece.pl-equilibre { background-image: url('assets/img/picto-plequilibre.png');}
.picto-espece.agrifaune { background-image: url('assets/img/picto-agrifaune.jpg');}
.picto-espece.greenpower { background-image: url('assets/img/picto-greenpower.jpg');}
.picto-espece.objectif-proteine { background-image: url('assets/img/picto-proteine.png');}
.picto-espece.teneur-en-proteines-elevee { background-image: url('assets/img/picto-high-prot-content.png');}
.picto-espece.rangs-2 { background-image: url('assets/img/picto-2r.png');}
.picto-espece.rangs-6 { background-image: url('assets/img/picto-6r.png');}
/*VERSION EN*/
.english .picto-espece.nouveaute { background-image: url('assets/img/picto-new'); }
.english .picto-espece.semoulerie {background-image: url('assets/img/picto-semolina'); }
.english .picto-espece.conditions-sechantes { background-image: url('assets/img/picto-dry-conditions'); }
.english .picto-espece.fourrage { background-image: url('assets/img/picto-forage'); }
.english .picto-espece.grain { background-image: url('assets/img/picto-grain-en'); }
.english .picto-espece.waxy { background-image: url('assets/img/picto-waxy-en'); }
.english .picto-espece.biogaz { background-image: url('assets/img/picto-biogas-en');}
.picto-espece.approuve { background-image: url('assets/img/picto-approuve');}
/*.english .picto-espece.oisellerie { background-image: url('assets/img/picto-oisellerie');}*/
.english .picto-espece.orobanche { background-image: url('assets/img/picto-broomrape');}
/*.english .picto-espece.tmt { background-image: url('assets/img/picto-tmt');}*/
.english .picto-espece.linoleique { background-image: url('assets/img/picto-linoleic');}
/*.english .picto-espece.high-oleic { background-image: url('assets/img/picto-oleic');}*/
/*.english .picto-espece.sulfo { background-image: url('assets/img/picto-sulfo.png');}*/
.english .picto-espece.bio { width: 55px; background-image: url('assets/img/picto-bio-en.png');}
/*
.english .picto-espece.clearfield { background-image: url('assets/img/picto-clearfield.png');}
.english .picto-espece.clearfield-plus { background-image: url('assets/img/picto-clearfield-plus.png');}
*/
.english .picto-espece.hybride { background-image: url('assets/img/picto-hr-en.png');}
/*.english .picto-espece.lignee { background-image: url('assets/img/picto-lignee.png');}*/
/*.english .picto-espece.phoma { background-image: url('assets/img/picto-phoma.png');}*/
/*.english .picto-espece.tuyv { background-image: url('assets/img/picto-tuyv.png');}*/
/*.english .picto-espece.clearfield-colza { background-image: url('assets/img/picto-clearfield_colza.png');}*/
.english picto-espece.alimentation-humaine { background-image: url('assets/img/picto-humannutrition.png');}
.english .picto-espece.bb { background-image: url('assets/img/picto-bicuit.png');}
.english .picto-espece.bps { background-image: url('assets/img/picto-atype.png');}
.english .picto-espece.baf { background-image: url('assets/img/picto-etype.png');}
/*.english .picto-espece.bp { background-image: url('assets/img/picto-bp.png');}*/
/*.english .picto-espece.vrm { background-image: url('assets/img/picto-vrm.png');}*/
/*.english .picto-espece.bpmf { background-image: url('assets/img/picto-bpmf.png');}*/
/*.english .picto-espece.vo { background-image: url('assets/img/picto-vo.png');}*/
/*.english .picto-espece.vo-bio { background-image: url('assets/img/picto-vobio.png');}*/
.english .picto-espece.mosaiques { background-image: url('assets/img/picto-mosaic.png');}
.english .picto-espece.fusariose { background-image: url('assets/img/picto-fusariosis.png');}
/*.english .picto-espece.septo { background-image: url('assets/img/picto-septo.png');}*/
/*.english .picto-espece.rendement-paille-elevee { background-image: url('assets/img/picto-rendementpaille.png');}*/
/*.english .picto-espece.chlortoluron { background-image: url('assets/img/picto-chlortoluron.png');}*/
.english .picto-espece.variete-rustique { background-image: url('assets/img/picto-rustic-variety.png');}
.english .picto-espece.pietin-verse { background-image: url('assets/img/picto-eyespot.png');}
.english .picto-espece.ps-eleve { background-image: url('assets/img/picto-high-spec-weigh.png');}
/*.english .picto-espece.pl-equilibre { background-image: url('assets/img/picto-proteingoal.png');}*/
/*.english .picto-espece.agrifaune { background-image: url('assets/img/picto-agrifaune.jpg');}*/
/*.english .picto-espece.greenpower { background-image: url('assets/img/picto-greenpower.jpg');}*/
.english .picto-espece.objectif-proteine { background-image: url('assets/img/picto-proteine.png');}
/*
.english .picto-espece.teneur-en-proteines-elevee { background-image: url('assets/img/picto-high-prot-content.png');}
.english .picto-espece.rangs-2 { background-image: url('assets/img/picto-2r.png');}
.english .picto-espece.rangs-6 { background-image: url('assets/img/picto-6r.png');}
*/
.wrap-pictos .picto-espece#bio { width: 40px; }
.wrap-pictos .picto-espece.bio { width: 40px; }
.btn-produit {
display: block;
position: absolute;
top: -38px;
right: 0;
}
.btn-produit a, button.btn-produit{
display: block;
border-radius: 5px;
font-weight: 900;
text-transform: uppercase;
background: #343434;
color: #fff;
padding: 5px 10px;
border: none;
line-height: 1.6;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-left: 10px;
box-shadow: none;
}
.btn-produit a:hover, button.btn-produit:hover {
color: #343434;
background: #ffff;
box-shadow: none
}
.btn-produit i {
margin-right: 5px;
font-size: 1.2em;
}
#main-infos #bloc-essentiel {
margin-top: 30px;
flex: 1 0 auto;
}
#main-infos #bloc-essentiel.full {
width: 100%;
}
#main-infos #bloc-essentiel.mid {
width: calc(50% - 30px);
}
#main-infos #bloc-essentiel > h2, .bloc-info > h2 {margin-top: 0;}
#bloc-essentiel #wrapper-essentiel {
display: flex;
border: 1px solid #b0c659;
background: #fff;
border-radius: 10px;
padding: 10px;
justify-content: space-between;
flex-wrap: wrap;
}
#bloc-essentiel.mid #wrapper-essentiel {
flex-flow: column;
}
#bloc-essentiel #wrapper-essentiel .un-essentiel {
padding: 10px;
font-size: 1em;
font-weight: 700;
padding-left: 45px;
position: relative;
line-height: 1.2;
}
#bloc-essentiel #wrapper-essentiel .un-essentiel::before {
content: "";
position: absolute;
display: block;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('assets/img/icon-leaf');
height: 24px;
width: 24px;
left: 10px;
top: 0;
bottom: 0;
margin: auto;
}
#main-infos #reste-infos {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
}
#reste-infos .bloc-info {
width: calc(50% - 30px);
margin-top: 30px;
}
#reste-infos .inner-info {
border-radius: 10px;
padding: 15px 30px;
display: block;
background: #fff;
}
#reste-infos .inner-info.inner-img {
padding: 0;
}
#wrapper-postespece.produits-lies {
margin: 20px 0 0;
}
#wrapper-postespece h2 {
width: 100%;
background-color: #fff;
padding: 10px 35px;
border-radius: 5px;
font-size: 1.5em;
margin-bottom: 10px;
}
#wrapper-postespece.produits-lies .une-espece button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
display: block;
margin: 0 auto 20px;
border-radius: 10px;
padding: 7px 15px;
text-transform: uppercase;
background-color: #b0c659;
font-weight: bold;
cursor: pointer;
font-size: .9em;
color: #fff;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
#wrapper-postespece.produits-lies .une-espece button:hover {
background-color: #343434;
}
/* ==========================================================================
# CONTACT
========================================================================== */
#content-form {
background: #f5f5f5;
margin-top: 30px;
border-radius: 5px;
}
.content .wpcf7-form {
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
}
.content .wpcf7-form > p {margin: 0;}
.content .wpcf7-form br {display: none;}
.content .wpcf7-form fieldset {
padding: 0;
margin: 0;
border: none;
width: 50%;
}
.content .wpcf7-form fieldset.infos {padding-right: 30px;}
.content .wpcf7-form fieldset.message {padding-left: 30px;}
.content .wpcf7-form .wpcf7-form-control {
font-size: 1.2em;
font-family: 'Barlow Condensed', sans-serif;
padding: 8px 18px;
line-height: 1;
border: none;
background: #fff;
color: #343434;
border-radius: 5px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.content .wpcf7-form input.wpcf7-form-control {
margin-bottom: 20px;
}
.content .wpcf7-form textarea.wpcf7-form-control {
max-height: 153px;
}
.content .wpcf7-form .wpcf7-form-control:focus {
border-color: #343434;
}
.content .wpcf7-form input.wpcf7-submit {
background: #343434;
color: #fff;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
border: none;
width: auto;
margin-bottom: 0;
}
.content .wpcf7-form input.wpcf7-submit:hover {
background: #fff;
color: #343434;
}
.content .wpcf7-form > div.valid {
width: 100%;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.content .wpcf7-form > div.valid small{
margin-left: 0;
margin-right: auto;
}
.content .wpcf7-form .wpcf7-acceptance {
padding: 0;
line-height: 1;
border: 1px solid #343434;
height: 15px;
width: 15px;
border-radius: 5px;
position: relative;
display: block;
margin-right: 10px;
color: #343434;
}
.content .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
display: block;
height: calc(100% + 2px);
width: calc(100% + 2px);
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
opacity: 0;
}
.content .wpcf7-form .wpcf7-acceptance:hover {
border-color: #ffc75c;
color: #ffc75c;
}
.content .wpcf7-form .wpcf7-acceptance::before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 0.7rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.content .wpcf7-form .wpcf7-acceptance.checked::before {
opacity: 1;
}
/* ==========================================================================
# DISTRIBUTEURS MAP
========================================================================== */
.map-multi-marker #infobulle {}
#page .map-multi-marker #infobulle .wrap-desc-markeur {
width: 100%!important;
padding: 10px 20px!important;
}
#page .map-multi-marker .gm-style #infobulle h2 {
margin: 0 0 0 0 !important;
font-size: 18px!important;
padding-bottom: 10px;
color: #343434!important;
}
#page .map-multi-marker #infobulle .contact-list li {
font-size: 14px!important;
line-height: inherit!important;
padding-left: 20px!important;
}
#page .map-multi-marker #infobulle .contact-list li a {
box-shadow: inset 0 -2px 0 0 #ffc75c!important;
color: #343434!important;
}
#page .map-multi-marker #infobulle .contact-list li a:hover {
box-shadow: inset 0 -1rem 0 0 #ffc75c!important;
text-decoration: none!important;
}
/* ==========================================================================
# FOOTER
========================================================================== */
footer {
padding: 0;
position: relative;
clear: both;
background: #e5e5e5;
/*
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
*/
}
.flex-footer {
display: flex;
justify-content: space-between;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
}
.inner-footer {
padding: 0 20px;
flex: 1 0 50%;
}
.inner-footer#footer-col2, .inner-footer#footer-col3 {
flex-basis: 25%;
}
/* ## footer #finfos-footer
========================================================================== */
#infos-footer {
background: rgba(255,255,255,0.6);
background: #f5f5f5;
padding-top: 30px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
}
.content-footer {padding-bottom: 30px;}
.content-footer h3 {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 700;
font-size: 1.4em;
color: #343434;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.content-footer h3 span{
font-weight: 400;
}
/* coordonnees*/
#coordonnees .flex-footer {
align-items: center;
justify-content: flex-start;
}
#coordonnees i {
margin-right: 10px;
}
#coordonnees a, #coordonnees span {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
font-size: 1em;
color: #343434;
margin: 5px 20px 5px 0
}
#coordonnees a {
padding: 10px;
background: none;
border-radius: 5px;
}
#coordonnees a#mailto {
background: #fff;
margin-right: 0;
}
#coordonnees a:hover {
background: #343434!important;
color: #fff;
}
/* quick-nav*/
#quick-nav .menu{
display: block;
}
#quick-nav .menu > li{
display: inline-block;
margin: 5px 5px 5px 0;
}
#quick-nav .menu > li > a{
display: block;
background: #fff;
color: #343434;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
padding: 10px;
border-radius: 5px;
}
#quick-nav .menu > li.menu-item-75 > a, #quick-nav .menu > li.menu-item-4035 > a {
background: #fe96e5;
color: #fff;
}
#quick-nav .menu > li.menu-item-73 > a, #quick-nav .menu > li.menu-item-4036 > a {
background: #ffc75c;
color: #fff;
}
#quick-nav .menu > li.menu-item-74 > a, #quick-nav .menu > li.menu-item-4037 > a {
background: #b0c659;
color: #fff;
}
#quick-nav .menu > li.menu-item-72 > a, #quick-nav .menu > li.menu-item-4038 > a {
background: #00d5ef;
color: #fff;
}
#quick-nav .menu > li > a:hover {
background: #343434!important;
color: #fff;
}
/* filiales*/
#filiales {
height: 100%;
}
#link-filiales {
height: 100%;
width: 100%;
display: block;
position: relative;
border-radius: 5px;
font-weight: 900;
font-size: 1.2em;
text-transform: uppercase;
padding: 10px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#link-filiales #filiales-map {
display: block;
height: 100%;
background-image: url(assets/img/filiale-footer.png);
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.2;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#link-filiales span {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#link-filiales:hover{
background-color: #fff;
}
/* newsletter*/
#newsletter form{}
#newsletter form label{
font-size: 0.8em;
display: block;
}
#newsletter form input{
font-size: 1em;
font-family: 'Barlow Condensed', sans-serif;
padding: 8px 18px;
line-height: 1;
border: none;
background: #fff;
color: #343434;
border-radius: 5px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#newsletter form input{
max-width: calc(100% - 46px);
}
#newsletter form input:focus{
border-color: #343434;
}
#newsletter form input.wpcf7-submit {
background: #343434;
color: #fff;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
border: none;
width: auto;
}
#newsletter form input.wpcf7-submit:hover {
background: #fff;
color: #343434;
}
/* follow*/
#follow h3, #follow #rs-footer { display: inline-block; vertical-align: middle; margin-bottom: 0;}
#follow #rs-footer {margin-left: 10px;}
#follow #rs-footer .rs-link {
display: inline-block;
border-radius: 5px;
vertical-align: middle;
background: #fff;
color: #343434;
height: 30px;
width: 30px;
position: relative;
font-weight: 400;
margin-left: 10px;
}
#follow #rs-footer .rs-link:hover {
background: #343434;
color: #fff;
}
#follow #rs-footer .rs-link i{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1em;
}
/* ## footer #credits
========================================================================== */
footer#colophon #credits {
color: rgba(0,0,0,0.5);
text-align: center;
font-size: 0.8em;
padding: 10px 0;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background: #e5e5e5;
}
footer#colophon #credits p{
margin: 0;
font-weight: 400;
}
footer#colophon #credits a{
font-weight: 900;
color: rgba(0,0,0,0.5);
}
footer#colophon #credits a:hover{
color: #000000
}
/************************************************
RESPONSIVE
*************************************************/
/*
@media screen and (max-height: 965px) {
.filtres fieldset { padding-top: 1px; padding-bottom: 1px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.filtres .accordion-content { max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.filtres fieldset legend {cursor: pointer; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.filtres fieldset legend::after {content: "\f067"; display: block; font-family: "Font Awesome 5 Free"; font-size: 0.9em; font-weight: 900; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.filtres fieldset.open legend::after {content: "\f068";}
.filtres fieldset.open {padding-top: 10px; padding-bottom: 10px; }
.filtres fieldset.open .accordion-content { max-height: 150px;}
.filtres fieldset legend:hover {background: #343434; color: #fff;}
}
*/
@media screen and (max-height: 805px) {
}
@media screen and (max-width: 1599px) {
/*single espece*/
#main-infos #header-infos {display: block;}
#main-infos .pictos-wrapper {margin-top: 15px; margin-left: 0;}
#bloc-essentiel #wrapper-essentiel {display: block;}
#reste-infos .bloc-info {width: 100%;}
}
@media screen and (max-width: 1439px) {
/*single espece*/
/*footer*/
.inner-footer#footer-col1 {flex: 1 0 75%;}
}
@media screen and (max-width: 1279px) {
}
/************************************************
TEST NEW VERSION
*************************************************/
/*contact*/
.content .wpcf7-form .wpcf7-form-control.hidden {
display: none;
}
#wrapper-cartecontact {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#wrapper-cartecontact #carte-contact {
order: 7;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
width: calc(100% / 3);
}
.bloc-equipe {
display: flex;
flex-wrap: wrap;
width: calc(100% / 3);
}
.bloc-equipe .bloc-personne {
border-radius: 5px;
background: #343434;
display: flex;
align-items: flex-start;
margin: 10px;
}
.bloc-equipe.region-aucune {order: 5; width: 100%; justify-content: center;}
.bloc-equipe.region-ouest {order: 6; flex-flow: column;}
.bloc-equipe.region-est {order: 8; flex-flow: column;}
.bloc-equipe.region-sud {order: 9; width: 100%; justify-content: center;}
.bloc-equipe.region-est .bloc-personne {background: #00b050;}
.bloc-equipe.region-ouest .bloc-personne {background: #006600;}
.bloc-equipe.region-sud .bloc-personne {background: #ffc000;}
.bloc-equipe .bloc-personne .thumb-personne{
background: #fff;
border-radius: 5px;
display: flex;
width: 150px;
min-height: 100px;
overflow: hidden;
flex: 0 0 auto;
}
.bloc-equipe .bloc-personne .thumb-personne > img{
position: relative;
min-width: 100%;
}
.bloc-equipe .bloc-personne .infos-personne {
color: #fff;
display: flex;
flex-flow: column;
padding: 20px;
align-items: flex-start;
}
.bloc-equipe .bloc-personne .infos-personne h3 {
margin: 0;
color: #fff;
background: none;
padding: 0;
display: block;
text-transform: inherit;
font-size: 1.2em;
}
.bloc-equipe .bloc-personne .infos-personne p {
margin-bottom: 0.5em;
}
.bloc-equipe .bloc-personne .infos-personne .telmail {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
font-size: 1em;
margin: 0 0 10px 0;
line-height: 1.15;
word-wrap: break-word;
word-break: break-word;
}
.bloc-equipe .bloc-personne .infos-personne a.telmail {
border: 2px solid #fff;
padding: 10px;
border-radius: 5px;
box-shadow: none;
color: #343434;
background: #fff;
}
.bloc-equipe.region-est .bloc-personne .infos-personne a.telmail{color: #00b050;}
.bloc-equipe.region-ouest .bloc-personne .infos-personne a.telmail{color: #006600;}
.bloc-equipe.region-sud .bloc-personne .infos-personne a.telmail{color: #ffc000;}
.bloc-equipe .bloc-personne .infos-personne .telmail i{
margin-right: 10px;
}
.bloc-equipe .bloc-personne .infos-personne a.telmail:hover {
box-shadow: none;
background: #343434;
color: #fff;
}
.bloc-equipe.region-est .bloc-personne .infos-personne a.telmail:hover{background: #00b050;}
.bloc-equipe.region-ouest .bloc-personne .infos-personne a.telmail:hover{background: #006600;}
.bloc-equipe.region-sud .bloc-personne .infos-personne a.telmail:hover{background: #ffc000;}
.bloc-equipe .bloc-personne .infos-personne a.mail {
text-transform: uppercase;
font-weight: 700;
}
@media screen and (max-width: 1919px) {
}
@media screen and (max-width: 1799px) {
/*contact*/
#wrapper-cartecontact #carte-contact { width: 100%; order: 0;}
.bloc-equipe, .bloc-equipe.region-ouest, .bloc-equipe.region-est { width: 100%; flex-flow: wrap;}
.bloc-equipe.region-aucune, .bloc-equipe.region-sud {justify-content: flex-start;}
.bloc-equipe .bloc-personne {width: calc(50% - 20px);}
}
@media screen and (max-width: 1599px) {
}
@media screen and (max-width: 1439px) {
/*contact*/
.bloc-equipe .bloc-personne .thumb-personne { width: 125px;}
}
@media screen and (max-width: 1279px) {
/*contact*/
#wrapper-cartecontact #carte-contact { padding: 0 0 40px 0;}
.bloc-equipe .bloc-personne {width: 100%;}
.bloc-equipe .bloc-personne .thumb-personne { width: 150px;}
}
@media screen and (max-width: 567px) {
.bloc-equipe .bloc-personne .thumb-personne {width: 100px;}
.bloc-equipe .bloc-personne .infos-personne {text-align: inherit;}
}
@media screen and (max-width: 399px) {
/*contact*/
.bloc-equipe .bloc-personne .thumb-personne { width: 125px;}
.bloc-equipe .bloc-personne { flex-flow: column;}
}
/*MENU*/
#mastnav {max-height: calc(100% - 115px);}
#mastnav .menu li .subarrow {width: 60px; right: 0; text-align: center;}
#mastnav .menu li .subarrow i{right: 0; left: 0;}
#mastnav .menu > li.menu-item-27 > .sub-menu { background: rgba(254,150,229,0.9);}
#mastnav .menu > li.menu-item-25 > .sub-menu {background: rgba(255,199,92,0.9);}
#mastnav .menu > li.menu-item-24 > .sub-menu { background: rgba(176,198,89,0.9);}
#mastnav .menu > li.menu-item-23 > .sub-menu {background: rgba(0,213,239,0.9);}
#header-plus {align-items: center;}
/*PAGE*/
.content ul, .content ol { padding-left: 30px;}
#btn-previously {
flex: 0 0 auto;
margin-left: 15px;
}
.inner-footer {
flex:initial;
width: 50%;
}
.inner-footer#footer-col2, .inner-footer#footer-col3 {
flex-basis: auto;
width: 25%;
}
.content-offre {height: 100%;}
#wrapper-articles .content-actu {height: 100%;}
/*share*/
.share-bar {
margin: 40px -60px -20px -60px;
background-color: #f5f5f5;
padding: 10px 60px;
border-radius: 5px;
font-size: 1em;
line-height: 1.2em;
font-weight: 300;
text-align: right;
}
.share-bar .addtoany_list a, .share-bar .widget .addtoany_list a { margin: 0 5px; padding: 0;}
.share-bar .addtoany_list a, .share-bar .addtoany_list a:hover {box-shadow: none;}
.share-bar .addtoany_list a:hover img, .share-bar .addtoany_list a:hover span {opacity: 1;}
.share-bar .addtoany_list a > span {
background-color: #fff!important;
width: 30px!important;
height: 30px!important;
line-height: 30px!important;
border-radius: 5px!important;
display: block;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.share-bar .addtoany_list a:hover > span { background-color: #343434!important;}
.share-bar .a2a_svg svg {
height: calc(100% * (2 / 3));
width: calc(100% * (2 / 3));
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.share-bar .addtoany_list a > span path {
fill: #343434!important;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.share-bar .addtoany_list a:hover > span path { fill: #fff!important;}
.a2a_menu div.a2a_full_footer { display: none;}
.a2a_localize.a2a_menu a {color: #343434;}
/************************************************
RESPONSIVE
*************************************************/
@media screen and (max-width: 1919px) {
/*list espece*/
.une-espece { width: calc(100% / 5); }
}
@media screen and (max-width: 1799px) {
}
@media screen and (max-width: 1599px) {
/*list espece*/
.une-espece { width: calc(100% / 4); }
/*LIST ACTUS*/
#wrapper-articles .une-actu {width: 50%;}
/*LIST cATEGORIES*/
.categorie-espece { width: calc((100% / 3)); }
/*SEARCH*/
#wrapper-search .une-recherche { width: 50%;}
/*SINGLE*/
#bloc-essentiel #wrapper-essentiel {flex-flow: column;}
#reste-infos .bloc-info {width: 100%;}
}
@media screen and (max-width: 1439px) {
/*FRONT*/
.bloc-mainpage .title-mainpage h2 {font-size: 1.6em;}
/*LIST OFFRES*/
.une-offre {width: 50%;}
/*FILTRES*/
/* .filtres fieldset { flex: 1 0 50%;}*/
/*SINGLE*/
#product-thumbnail, .photo-aside {width: 100%; margin-right: 0;}
#yt-container {width: 100%;}
/*FOOTER*/
.inner-footer#footer-col1 {width: 75%; flex: initial}
.inner-footer#footer-col3 {width: 100%;}
}
@media screen and (max-width: 1279px) {
.container {padding-left: 30px; padding-right: 30px;}
.content { padding-left: 30px; padding-right: 30px;}
#post-title {padding-left: 20px; padding-right: 20px;}
/*HEADER*/
.inner-header .logo-site span { padding: 10px 10px 10px 10px; height: 80px;}
.btn-header, #search-bar .search-submit {height: 45px; width: 45px;}
.inner-header {padding-right: 30px; padding-left: 30px;}
#search-bar .search-field {height: 45px; font-size: 1.1em;}
.btn-header i { font-size: 1.5em;}
#mastnav {max-height: calc(100% - 90px);}
#mastnav .menu { padding-left: 30px;}
#mastnav .menu li {padding-right: 30px;}
#mastnav .menu > li > .sub-menu {padding: 30px 20px;}
#mastnav .menu > li > .sub-menu > li { margin-bottom: 15px;}
/*FRONT*/
/*
#wrapper-front .wrap-blocmainpage { width: calc((100% / 2) - (30px / 2)); margin: 15px 0;}
#wrapper-front .bloc-mainpage { box-shadow: -10px 20px 10px 0px rgba(0,0,0,0.25); width: inherit; min-height: 250px;}
*/
#wrapper-front .container {flex-flow: column;}
#wrapper-front #wrapper-post { width: 100%;}
#wrapper-front .wrapper-quickentries { width: 100%; padding: 0 10px;}
/*PAGE*/
.content ul, .content ol { padding-left: 15px;}
.chiffre-cle { width: calc((100% / 2) - 30px); margin: 15px 15px 0;}
.chiffre-cle .picto-cle {padding-right: 15px;}
/*PRODUIT*/
.une-espece {width: calc(100% / 3);}
#wrap-infos {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column;}
#wrap-infos {position: relative;}
#wrap-infos #main-infos {width: 100%; }
#wrap-infos #aside-infos {width: 100%; margin-top: 30px;}
#aside-infos #product-thumbnail {width: 250px; height: 200px; position: absolute; top: 15px; right: 0px; text-align: right;}
#aside-infos #product-thumbnail img {max-width: 100%; max-height: 100%;}
#main-infos #header-infos {padding-right: 280px;}
.filtres {padding-left: 20px; padding-right: 20px;}
.filtres fieldset { flex: 1 0 calc(50% - 20px); max-width: inherit;}
/*LIST cATEGORIES*/
.categorie-espece { width: 50%; }
/*LIST OFFRES*/
.une-offre { padding-left: 15px; padding-right: 15px;}
#pop-form {overflow: auto; }
.form-candidature {padding: 40px 30px; position: relative; margin: 30px auto; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: inherit; top: inherit; max-width: 66%}
#wrapper-tri { padding-right: 30px; padding-left: 30px;}
/*OFFRE*/
.wrapper-descoffre { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column;}
.wrapper-descoffre .wrap-descriptif, .wrapper-descoffre .wrap-descposte {width: 100%; margin-left: 0; margin-right: 0; padding-left: 30px; padding-right: 30px;}
#data-post {-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;}
#data-post #postuler { break-before: left; margin-left: 0; margin-top: 10px;}
/*PRESSE*/
.une-presse {width: 100%;}
#wrapper-articles .thumb-actu { width: 150px; padding-bottom: 150px;}
/*LIST ACTUS*/
/* #wrapper-articles .une-actu { padding-left: 15px; padding-right: 15px;}*/
#wrapper-articles .une-actu {width: 100%;}
/*SEARCH*/
#wrapper-search {margin: 0 -15px;}
#wrapper-search .une-recherche { padding-left: 15px; padding-right: 15px;}
#wrapper-search .content-search { padding-left: 20px; padding-right: 20px;}
/*share*/
.share-bar { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;}
/*CONTACT*/
.content .wpcf7-form fieldset.message { padding-left: 15px;}
.content .wpcf7-form fieldset.infos {padding-right: 15px;}
/*SINGLE*/
#main-infos #header-infos { padding-right: 0;}
/*FOOTER*/
}
@media screen and (max-width: 1023px) {
/*HEADER*/
#mastnav .menu > li:hover > .sub-menu {opacity: 0; visibility: hidden; min-width: inherit;}
#mastnav .menu > li.open > .sub-menu { opacity: 1; visibility: visible; min-width: 100%; -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; max-height: none; padding-top: 30px; padding-bottom: 30px;}
/*PAGE*/
#wrapper-post {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column;}
#le-aside { width: 100%; margin-left: 0; order: 1; height: auto!important;}
#le-post {flex: 1 0 auto; order: 2;}
#inner-aside, .fixed #inner-aside { position: relative; top: inherit; width: 100%; bottom: inherit; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between;}
.link-mainpage {display: none; }
.bloc-aside, {width: calc(50% - 15px); }
#page .bloc-aside {width: 100%;}
#page .bloc-aside#link-ancestors {display: none;}
/*LIST cATEGORIES*/
.categorie-espece { width: calc((100% / 3)); }
/*PRODUITS*/
#main-infos .picto-espece {width: 75px; height: 50px;}
/*CONTACT*/
#le-aside.post-contact {order: 2; margin-top: 30px; display: grid; -ms-grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px;}
.post-contact .link-mainpage {display: block; -ms-grid-column: 2; grid-column: 2;}
#page .post-contact .bloc-aside { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1 / 10; grid-row: 1 / 10;}
/*FOOTER*/
#butitle-actu {-webkit-flex-flow: column; -moz-flex-flow:column ; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column;}
#butitle-actu #actu-incitator {padding-top: 10px; padding-bottom: 10px;}
.inner-footer#footer-col1 { width: 100%; order: 1;}
.inner-footer#footer-col3, .inner-footer#footer-col2 {width: 50%;}
.inner-footer#footer-col2 {order: 3;}
.inner-footer#footer-col3 {order: 2;}
footer#colophon #credits {padding-left: 20px; padding-right: 20px;}
}
@media screen and (max-width: 767px) {
/*HEADER*/
#search-bar {position: fixed; background: rgba(52, 52, 52,0.9); top: 0; left: 0; height: 100vh; width: 100vw;}
#search-bar .container {position: absolute; top: 150px; width: 100%; padding-left: 60px; padding-right: 60px;}
#search-bar .search-submit {background: rgba(255,255,255,0.9); color: #343434;}
#search-bar .search-submit:hover {background: #fff; color: #343434;}
.hide #search-bar .search-field {background: rgba(255,255,255,0.9)}
.hide #search-bar .search-field:focus {background: #fff;}
#mastnav .menu li.menu-item .subarrow i::before { content: "\f078";}
#mastnav .menu > li > .sub-menu { position: relative; left: 0; max-height: 0; padding: 0px 20px}
/*FRONT*/
#wrapper-front .wrapper-quickentries { flex-flow: column; padding: 0 30px;}
#wrapper-front .wrap-blocmainpage { width: 100%; margin-left: 0; margin-right: 0;}
.bloc-mainpage .img-mainpage { padding-bottom: 56.25%;}
/*PAGE*/
#page { margin-bottom: 0!important;}
.bloc-aside {width: 100%;}
.wp-block-image .alignleft, .wp-block-image .alignright {float: none; margin-left: 0; margin-right: 0;}
#wrapper-breadcrumb { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; align-items: flex-start;}
#btn-previously { margin-left: auto; order: 1; margin-bottom: 10px;}
#breadcrumb {order: 2;}
/*PRODUIT*/
#main-infos #header-infos { padding-right: 0;
/* padding-top: 230px;*/
}
#aside-infos #product-thumbnail {width: 100%; text-align: left;}
.btn-produit {position: relative; display: inline-block; top: inherit; margin-top: 15px;}
.wrap-pictos {display: none;}
.wrap-pictos .picto-espece {height: 45px; width: 65px;}
/* .filtres fieldset {flex: 1 0 100%;}*/
/*LIST cATEGORIES*/
.categorie-espece { width: 50%; }
/*LIST OFFRES*/
.entry-offre .dateref {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; align-items: flex-start;}
.entry-offre .ref {margin-top: 5px;}
.form-candidature { max-width: 75%;}
/*OFFRE*/
#data-post {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; align-items: flex-start;}
#data-post .ref-offre { order: 1;}
#data-post time { order: 3; margin-top: 10px;}
#data-post #postuler {order: 2;}
/*SEARCH*/
#wrapper-search .une-recherche {width: 100%;}
/*CONTACT*/
.content .wpcf7-form {display: block;}
.content .wpcf7-form fieldset {width: 100%;}
.content .wpcf7-form fieldset.infos {padding-right: 0;}
.content .wpcf7-form fieldset.message {padding-left: 0;}
#le-aside.post-contact { display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; grid-column-gap: 0;}
.post-contact #link-ancestors #map-ancestor {padding-bottom: 56.25%;}
.post-contact .link-mainpage {width: calc(50% - 5px);}
/*FOOTER*/
#butitle-actu h2 { font-size: 1.2em; padding: 10px 10px 10px 75px;}
#butitle-actu #actu-incitator { padding: 0 10px; font-size: 1.5em;}
#butitle-actu h2::before, #butitle-actu h2::after { left: 10px;}
#wrapper-actus .container { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; display: block;}
#wrapper-actus #switch-actu { text-align: center;}
#wrapper-actus .une-actu { padding-left: 0;}
#wrapper-actus #switch-actu {padding: 0;}
#wrapper-actus #switch-actu .button-choice { display: inline-block; height: auto;text-align: center; padding: 5px 10px; margin: 10px;}
#wrapper-actus #switch-actu .button-choice span {position: relative;top: inherit; left: inherit; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
#wrapper-actus .slick-dots li { display: inline-block;}
#wrapper-actus .wrap-typeactu { flex-flow: column;}
#section-actualite, #section-actualite.magic {position: relative; bottom: inherit!important;}
#link-filiales {position: absolute;}
#infos-footer { position: relative; z-index: 0; bottom: 0!important;}
.inner-footer { padding: 0 10px; }
#filiales {width: 100%; height: 0; padding-bottom: 56.25%; margin: auto; position: relative; margin-bottom: 30px; display: none;}
.inner-footer#footer-col1 { order: 2;}
.inner-footer#footer-col3 {order: 3; width: 100%;}
.inner-footer#footer-col2 {order: 1; width: 300px; position: relative; }
footer#colophon #credits {position: relative;}
}
@media screen and (max-width: 567px) {
/*HEADER*/
#menu {width: 100%;}
#mastnav .menu li a { font-size: 1.2em;}
/*FRONT*/
#wrapper-front .wrap-blocmainpage {width: 100%;}
/*PAGE*/
.content {font-size: 16px; text-align: justify; text-justify: inter-word; }
/* .content h1, .content h2, .content h3, .content h4 {}*/
.content ul, .content ol { padding-left: 0px;}
#breadcrumb {font-size: 0.9em;}
.chiffre-cle { width: calc(100% - 60px); margin: 15px 30px 0;}
#post-title h1, #post-title .h1 { font-size: 1.4em;}
/*LIST PRODUITS*/
.une-espece {width: calc(100% / 2);}
.wrap-pagination {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column; padding-left: 0; padding-right: 0;}
.wrap-pagination .results {margin-bottom: 15px;}
/*PRODUITS*/
.bloc-aside .title-blocaside {justify-content: space-between; align-items: center;}
.filtres button { right: 80px; top: 12.5px;}
#open-filters { display: flex;}
.filtres { max-height: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: hidden; padding-top: 0; padding-bottom: 0;}
#filters-espece.open .filtres {padding-top: 10px; padding-bottom: 10px;
max-height: 1000px;}
.filtres .btn-reset {opacity: 0; visibility: hidden;}
#filters-espece.open .filtres .btn-reset {opacity: 1; visibility: visible;}
#main-infos .picto-espece {width: 65px; height: 45px;}
#wrapper-postespece h2 {font-size: 1.2em;}
.filtres fieldset { flex: 1 0 calc(100% - 20px); margin-left: 0; margin-right: 0;}
/*LIST OFFRES*/
.content-presse {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column;}
.une-offre {width: 100%; position: relative;}
.thumb-presse {position: relative; width: 100%; padding-bottom: 56.25%;}
.entry-presse {margin-left: 0; width: 100%;}
.form-candidature {max-width: calc(100% - 30px); margin-top: 15px; margin-bottom: 15px;}
/*CONTACT*/
.content .wpcf7-form > div.valid {-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;}
.content .wpcf7-form > div.valid small {width: calc(100% - 25px);}
.content .wpcf7-form input.wpcf7-submit { margin-top: 15px; margin-left: 0;}
.post-contact .link-mainpage {width: 100%;}
/*FOOTER*/
#butitle-actu h2 { font-size: 1em; padding: 10px 10px 10px 55px;}
#butitle-actu #actu-incitator { padding: 0 0px 0 10px; font-size: 1.2em;}
#butitle-actu h2::before, #butitle-actu h2::after { left: 0px; width: 45px;}
.inner-footer { padding: 0;}
}
@media screen and (max-width: 449px) {
.container, .content {padding-left: 15px; padding-right: 15px;}
/*HEADER*/
.inner-header {padding-right: 15px; padding-left: 15px;}
#mastnav .menu {padding-left: 15px;}
#mastnav .menu li {padding-right: 15px;}
#mastnav .menu > li.open > .sub-menu {padding-top: 15px; padding-bottom: 15px;}
#search-bar .container {padding-left: 30px; padding-right: 30px;}
/*FRONT*/
#wrapper-front .wrapper-quickentries { padding: 0 10px;}
.bloc-mainpage .title-mainpage { padding: 20px;}
/*ASIDE*/
.bloc-aside .title-blocaside { padding-left: 15px; padding-right: 15px;}
#link-ancestors #children-ancestor li a {padding-left: 15px; padding-right: 15px;}
.post-contact #link-ancestors #content-ancestor { padding-left: 15px; padding-right: 15px;}
.filtres legend {padding-left: 15px; padding-right: 15px;}
.filtres .accordion-content {padding-left: 15px; padding-right: 15px;}
.filtres button {right: 60px;}
/*PAGE*/
.content {font-size: 14px;}
#breadcrumb {font-size: 0.8em;}
#post-title h1, #post-title .h1 { font-size: 1.2em;}
#wrap-subpages {padding-left: 15px; padding-right: 15px;}
/*LIST cATEGORIES*/
.categorie-espece { width: 100%; }
/*LIST PRODUITS*/
.mixitup-page-list .mixitup-control-prev, .mixitup-page-list .mixitup-control-next, .wrap-pagination .page-numbers li .page-numbers.next, .wrap-pagination .page-numbers li .page-numbers.prev {font-size: 0;}
.mixitup-page-list .mixitup-control-prev i, .mixitup-page-list .mixitup-control-next i, .wrap-pagination .page-numbers li .page-numbers.next i, .wrap-pagination .page-numbers li .page-numbers.prev i {font-size: 0.8rem;}
.wrap-pagination .page-numbers li .page-numbers.next i, .wrap-pagination .page-numbers li .page-numbers.prev i {line-height: 25px;}
/*PRODUITS*/
#reste-infos .inner-info {padding-left: 15px; padding-right: 15px;}
article h1 {font-size: 2em;}
.wrap-pictos .picto-espece {height: 40px; width: 60px;}
#main-infos .picto-espece {width: 60px; height: 40px;}
.entry-espece h3 {font-size: 1.2em;}
.entry-espece {font-size: 1em;}
#wrapper-postespece h2 {font-size: 1em;}
/*LIST OFFRES*/
#wrapper-tri { padding-right: 15px; padding-left: 15px;}
/*OFFRE*/
.entry-presse {width: 100%;}
#data-post {padding-left: 15px; padding-right: 15px;}
/*LIST ACTUS*/
#wrapper-articles .content-actu {-webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; -o-flex-flow: column; flex-flow: column;}
#wrapper-articles .entry-actu {width: 100%;}
#wrapper-articles .thumb-actu {padding-bottom: 200px; width: 200px; margin: auto; border-radius: 0 0 5px 5px;}
#wrapper-articles .entry-actu {padding: 20px;}
/*share*/
.share-bar { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
/*FOOTER*/
#wrapper-actus .content-actu {display: block;}
#wrapper-actus .thumb-actu { width: 200px; height: 0; padding-bottom: 200px; margin-left: auto; margin-right: auto;}
#wrapper-actus .entry-actu {padding: 20px; width: 100%;}
}
@media screen and (max-width: 399px) {
/*FRONT*/
.bloc-mainpage .img-mainpage {padding-bottom: 100%;}
.bloc-mainpage .title-mainpage h2 { font-size: 1.4em;}
}
#page::before {
background: rgba(0,0,0,0.0);
}
#page-5368 #page::before {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background: rgba(0,0,0,0.8);
}
#front-page section#primary.old-front-page {
display: block;
}
.old-front-page #wrapper-front, .old-front-page #wrapper-post {
margin-bottom: 120px;
}
.old-front-page #wrapper-front .container {
display: flex;
justify-content: space-between;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
padding-top: 30px;
padding-bottom: 50px;
}
.old-front-page #wrapper-front .wrap-blocmainpage{
margin: 30px 0;
width: calc((100% / 4) - (120px / 4));
}
.old-front-page #wrapper-front .bloc-mainpage {
min-height: 500px;
/* width: calc((100% / 4) - (120px / 4));*/
background: #343434;
/* margin: 30px 0;*/
border-radius: 5px;
height: auto;
box-shadow: -20px 40px 10px 0px rgba(0,0,0,0.25);
position: relative;
padding: 20px 0 40px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.old-front-page #wrapper-front .a-mainpage:hover .bloc-mainpage {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
/*
rose {background: #fe96e5;}
jaune {background: #ffc75c;}
vert {background: #b0c659;}
bleu {background: #00d5ef;}
*/
.old-front-page #wrapper-front .bloc-mainpage.rose {background: rgba(254,150,229,0.9);}
.old-front-page #wrapper-front .bloc-mainpage.jaune {background: rgba(255,199,92,0.9);}
.old-front-page #wrapper-front .bloc-mainpage.vert {background: rgba(176,198,89,0.9);}
.old-front-page #wrapper-front .bloc-mainpage.bleu {background: rgba(0,213,239,0.9);}
.old-front-page #wrapper-front .a-mainpage:hover .bloc-mainpage.rose {background: rgba(254,150,229,1);}
.old-front-page #wrapper-front .a-mainpage:hover .bloc-mainpage.jaune {background: rgba(255,199,92,1);}
.old-front-page #wrapper-front .a-mainpage:hover .bloc-mainpage.vert {background: rgba(176,198,89,1);}
.old-front-page #wrapper-front .a-mainpage:hover .bloc-mainpage.bleu {background: rgba(0,213,239,1);}
.old-front-page #wrapper-front .bloc-mainpage.rose.opened {background: rgba(254,150,229,1);}
.old-front-page #wrapper-front .bloc-mainpage.jaune.opened {background: rgba(255,199,92,1);}
.old-front-page #wrapper-front .bloc-mainpage.vert.opened {background: rgba(176,198,89,1);}
.old-front-page #wrapper-front .bloc-mainpage.bleu.opened {background: rgba(0,213,239,1);}
.old-front-page #wrapper-front .bloc-mainpage.vert .title-mainpage,
.old-front-page #wrapper-front .bloc-mainpage.jaune .title-mainpage,
.old-front-page #wrapper-front .bloc-mainpage.rose .title-mainpage,
.old-front-page #wrapper-front .bloc-mainpage.bleu .title-mainpage { background-color: transparent; }
.old-front-page .bloc-mainpage .title-mainpage {
padding: 20px 20px;
text-align: center;
/* position: relative*/
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.old-front-page .bloc-mainpage.opened .title-mainpage {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.old-front-page .bloc-mainpage .title-mainpage img {
height: 80px;
max-height: auto;
width: auto;
max-width: 100%;
}
.old-front-page .bloc-mainpage.rose .title-mainpage img {height: 80px;}
.old-front-page .bloc-mainpage.jaune .title-mainpage img {height: 70px;}
.old-front-page .bloc-mainpage.vert .title-mainpage img {height: 60px;}
.old-front-page .bloc-mainpage.bleu .title-mainpage img {height: 70px;}
.old-front-page .bloc-mainpage .title-mainpage h2{
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-size: 1.8em;
padding-top: 20px;
}
.old-front-page .bloc-mainpage .btn-plus {
background: rgba(255,255,255,0.4);
display: block;
position: absolute;
height: 50px;
width: 50px;
border-radius: 5px;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #fff;
font-size: 2em;
top: 75%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.old-front-page .bloc-mainpage.opened .btn-plus {
opacity: 0;
visibility: hidden;
}
.old-front-page .bloc-mainpage .btn-plus:hover {
background: rgba(255,255,255,0.8);
}
.old-front-page .bloc-mainpage.rose .btn-plus:hover {color: #fe96e5;}
.old-front-page .bloc-mainpage.jaune .btn-plus:hover {color: #ffc75c;}
.old-front-page .bloc-mainpage.vert .btn-plus:hover {color: #b0c659;}
.old-front-page .bloc-mainpage.bleu .btn-plus:hover {color: #00d5ef;}
.old-front-page .bloc-mainpage .btn-plus span {
position: absolute;
display: block;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.old-front-page .bloc-mainpage .div-discover {
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: -20px;
text-align: center;
}
.old-front-page .bloc-mainpage .discover {
margin: auto;
display: inline-block;
background: #fff;
border-radius: 5px;
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
font-size: 1.2em;
line-height: 1;
padding: 10px 20px;
left: 50%;
color: #343434;
}
.old-front-page .bloc-mainpage.rose .discover {color: #fe96e5;}
.old-front-page .bloc-mainpage.jaune .discover {color: #ffc75c;}
.old-front-page .bloc-mainpage.vert .discover {color: #b0c659;}
.old-front-page .bloc-mainpage.bleu .discover {color: #00d5ef;}
.old-front-page .bloc-mainpage .discover:hover {
background: #343434;
color: #fff;
}
.old-front-page .bloc-mainpage .list-children {
display: block;
position: relative;
text-align: center;
padding: 20px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
}
.old-front-page .bloc-mainpage.opened .list-children {
opacity: 1;
visibility: visible;
}
.old-front-page .bloc-mainpage .list-children ul{
padding: 0;
display: block;
margin: 0;
}
.old-front-page .bloc-mainpage .list-children ul li{
position: relative;
margin: 0;
padding: 0;
}
.old-front-page .bloc-mainpage .list-children ul li a {
color: #fff;
font-weight: 500;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
padding: 10px 20px;
border-top: 1px solid #fff;
position: relative;
display: block;
font-size: 1em;
}
.old-front-page .bloc-mainpage .list-children ul li:first-child a {border: none;}
.old-front-page .bloc-mainpage .list-children ul li a:hover {
background: #fff;
}
.old-front-page .bloc-mainpage.rose .list-children ul li a:hover {color: #fe96e5;}
.old-front-page .bloc-mainpage.jaune .list-children ul li a:hover {color: #ffc75c;}
.old-front-page .bloc-mainpage.vert .list-children ul li a:hover {color: #b0c659;}
.old-front-page .bloc-mainpage.bleu .list-children ul li a:hover {color: #00d5ef;}
/*provisoire*/
.old-front-page .bloc-mainpage #list-especes {
padding-left: 10px;
padding-right: 10px
}
.old-front-page .bloc-mainpage #list-especes > div{
display: flex;
justify-content: center;
}
.old-front-page .bloc-mainpage #list-especes a{
display: block;
position: relative;
height: 55px;
width: 55px;
border-radius: 100%;
background: rgba(255,255,255,0.7);
box-shadow: -2px 2px 0 0 rgba(148, 180, 46,1);
margin: 10px;
z-index: 10;
}
.old-front-page .bloc-mainpage #list-especes a:hover{
background: #fff;
z-index: 10000;
}
.old-front-page .bloc-mainpage #list-especes a[data-title] {
font-size: 0.8em;
color: #b0c659;
position: relative;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
}
.old-front-page .bloc-mainpage #list-especes a[data-title]::before {
content: attr(data-title);
position: absolute;
display: inline-block;
white-space: nowrap;
background: #fff;
border-radius: 5px;
padding: 10px 20px;
right: -15px;
top: 50%;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
transform: translate(100%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.old-front-page .bloc-mainpage #list-especes a[data-title]::after {
content: '';
position: absolute;
top: 50%;
right: -15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
border: 8px solid transparent;
border-right: 10px solid #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.old-front-page .bloc-mainpage #list-especes a[data-title]:hover::before, .old-front-page .bloc-mainpage #list-especes a[data-title]:hover::after{
opacity: 1;
visibility: visible;
}
.old-front-page .bloc-mainpage #list-especes a span{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: calc(100% - 20px);
width: calc(100% - 20px);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
background-size: contain;
background-image: url('assets/img/fronticon-colza.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-mais span{
background-image: url('assets/img/fronticon-mais.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-tournesol span{
background-image: url('assets/img/fronticon-tournesol.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-colza span{
background-image: url('assets/img/fronticon-colza.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-fourrageres span{
background-image: url('assets/img/fronticon-fourrageres.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-vegetaux span{
background-image: url('assets/img/fronticon-vegetaux.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-cereals span{
background-image: url('assets/img/fronticon-cerreals.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-sorgho span{
background-image: url('assets/img/fronticon-sorgho.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-legumesecs span{
background-image: url('assets/img/fronticon-legumesecs.png');
}
.old-front-page .bloc-mainpage #list-especes a#espece-soja span{
background-image: url('assets/img/fronticon-soja.png');
}
/*****************
* RESPONSIVE
* *****************/
@media screen and (max-width: 1279px) {
.old-front-page #wrapper-front .wrap-blocmainpage { width: calc((100% / 2) - (30px / 2)); margin: 15px 0;}
.old-front-page #wrapper-front .bloc-mainpage { box-shadow: -10px 20px 10px 0px rgba(0,0,0,0.25); width: inherit; min-height: 250px;}
}
@media screen and (max-width: 600px) {
.old-front-page #wrapper-front .wrap-blocmainpage { width: 100%; margin: 15px 0;}
}