.entry-content tr td {
border-style: none;
} #mendo-happy-healthy-header h3 {
font-size: 70px;
color: #4bb3e6;
font-family: 'lulo_cleanone_bold';
letter-spacing: -8px;
line-height: 100px;
}
#mendo-happy-healthy-header {
margin-top: -20px !important;
}
.box {
height: 478px;
position: relative;
overflow: hidden;
width: 476px;
margin-left: 0;
margin-right: 0;
}
.box img {
position: absolute;
left: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.box .overbox {
background-color: #00abbbc4;
position: absolute;
top: 0;
left: 0;
color: #fff;
z-index: 100;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
opacity: 0;
width: 500px;
height: 500px;
padding: 50% 20px;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.box .title {
font-size: 25px;
text-transform: none;
opacity: 0;
transition-delay: 0.1s;
transition-duration: 0.2s;
font-family: 'Raleway', sans-serif;
}
.box:hover .title,
.box:focus .title {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.box .tagline {
font-size: 17px;
opacity: 0;
transition-delay: 0.2s;
transition-duration: 0.2s;
text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.mendo-links {
font-size: 36px;
position: relative;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
text-align: center;
vertical-align: middle;
margin-top: 66%;
}
.mendo-links-purpose {
font-size: 40px;
position: absolute; 
top: 40%;
left: 21%;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links-passion {
font-size: 40px;
position: absolute; 
top: 40%;
left: 23%;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
position: absolute;
width: 37%;
top: 33%;
left: 32% !important;
}
.box:hover h4 {
display: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.box:hover .mendo-lines {	
display: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.mendo-links-outline {
position: absolute;
width: 91%;
top: 5%;
left: 4.5% !important;
}
.mendo-links-title {
font-size: 35px;
font-family: 'neue haas - 75bold',Helvetica,Arial,Lucida,sans-serif;
text-align: center;
margin-top: -60px !important;
}
.mendo-links-description {
text-align: center;
margin-left: 40px;
margin-right: 40px;
margin-top: 22px;
line-height: 23px;
margin-bottom: 10px;
}
.mendo-links-read-more {
color: white;
font-size: 19px;
font-weight: bold;
}
.overbox.containerCategoriesHome.hoverPatrimoine {
background-color: #ed6f69c9;
}
.overbox.boxHoverCulture.hoverTourisme {
background-color: #475359d8!important;
}
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
margin: 0 5px;
}
i.fab.fa-facebook {
font-size: 22px;
}
#main-footer {
display: none;
}
div#diapoHome .et_pb_slide_description{
padding: 16% 0% 11% 52%!important;
}
.et-pb-active-control a{
display: inline-block;
width: 75px;
height: 8px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.et-pb-controllers a {
width: 22px;
height: 7px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
h1.entry-title {
color: #00a8b9;
font-family: 'neue haas - 75bold',Helvetica,Arial,Lucida,sans-serif;
}
div.et_pb_slide_description {
text-shadow:none!important;
}
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 50%;
background: #00aabb; height: 3px; -webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
}
body a.et_pb_button.et_pb_more_button{
padding: 0.6vw 1.7vw!important;
}  @media (min-width: 320px) and (max-width:768px){
.box {
height: 250px;
position: relative;
overflow: hidden;
width: auto;
margin-left: 0;
margin-right: 0;
}
.box img {
position: absolute;
left: 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.box .overbox {
background-color: #43bab6c9;
position: absolute;
top: 0;
left: 0;
color: #fff;
z-index: 100;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
opacity: 1;
width: 100%;
height: 100%;
padding: 10px 0;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
transform: none(0);
-webkit-transform: none;
}
.box .title {
font-size: 25px;
text-transform: none;
opacity: 1;
transition-delay: 0.1s;
transition-duration: 0.2s;
font-family: 'Raleway', sans-serif;
}
.box:hover .title,
.box:focus .title {
opacity: 1;
transform: none;
-webkit-transform: none;
}
.box .tagline {
font-size: 17px;
opacity: 1;
transition-delay: 0.2s;
transition-duration: 0.2s;
text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.mendo-links {
font-size: 36px;
position: relative;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
text-align: center;
vertical-align: middle;
margin-top: 66%;
}
.mendo-links-purpose {
font-size: 40px;
position: absolute; 
top: 40%;
left: 21%;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links-passion {
font-size: 40px;
position: absolute; 
top: 40%;
left: 23%;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
position: absolute;
width: 37%;
top: 33%;
left: 32% !important;
}
.box:hover h4 {
display: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.box:hover .mendo-lines {	
display: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.mendo-links-outline {
position: absolute;
width: 91%;
top: 5%;
left: 4.5% !important;
}
.mendo-links-title {
font-size: 20px;
font-family: 'neue haas - 75bold',Helvetica,Arial,Lucida,sans-serif;
text-align: center;
margin-top: 13% !important;
}
.mendo-links-description {
text-align: center;
margin-left: 0;
margin-right: 0px;
margin-top: 4px;
line-height: 23px;
margin-bottom: 0;
font-size: 14px;
}
.mendo-links-read-more {
color: white;
font-size: 19px;
font-weight: bold;
}
.overbox.containerCategoriesHome {
background-color: #43bab6be;
}
.overbox.boxHoverPatrimoine {
background-color: #ed7069c2;
}
.overbox.boxHoverCulture {
background-color: #42424291;
}
#containerCategoriesHome {
width: 100%;
}
div#infosFooter {
width: 100%;
} body.page-id-23 .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular.et_pb_section_first,
body.page-id-25 .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular.et_pb_section_first
{
background-size: cover;
}
}
@media (min-width: 1024px) and (max-width: 1440px)
{
.et_pb_module.et_pb_text.et_pb_text_0.et_pb_bg_layout_light.et_pb_text_align_left p 
{
font-size: 55px;
line-height: 60px;
}
.et_pb_module.et_pb_text.et_pb_text_0.et_pb_bg_layout_light.et_pb_text_align_left
{
margin-left: 0px!important;
}
div#containerHomePresentation {
padding-bottom: 30px;
}
div#containerHomeConcept {
padding-top: 0px;
padding-bottom: 0px;
}
div#homeRéalisationsContent {
display: flex;
flex-direction: column-reverse;
}
.et_pb_column.et_pb_column_2_5.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
padding-top: 0;
}
.et_pb_section.et_pb_section_5.et_section_regular {
padding-top: 38px;
padding-bottom: 26px;
}
.box {
height: 330px;
position: relative;
overflow: hidden;
width: auto;
margin-left: 0;
margin-right: 0;
}
.box img {
position: absolute;
left: 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.box .overbox {
background-color: #43bab6c9;
position: absolute;
top: 0;
left: 0;
color: #fff;
z-index: 100;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
opacity: 1;
width: 100%;
height: 100%;
padding: 10px 0;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
transform: none(0);
-webkit-transform: none;
}
.box .title {
font-size: 25px;
text-transform: none;
opacity: 1;
transition-delay: 0.1s;
transition-duration: 0.2s;
font-family: 'Raleway', sans-serif;
}
.box:hover .title,
.box:focus .title {
opacity: 1;
transform: none;
-webkit-transform: none;
}
.box .tagline {
font-size: 17px;
opacity: 1;
transition-delay: 0.2s;
transition-duration: 0.2s;
text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.mendo-links {
font-size: 36px;
position: relative;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
text-align: center;
vertical-align: middle;
margin-top: 66%;
}
.mendo-links-purpose {
font-size: 40px;
position: absolute; 
top: 40%;
left: 21%;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links-passion {
font-size: 40px;
position: absolute; 
top: 40%;
left: 23%;
color: white;
text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
position: absolute;
width: 37%;
top: 33%;
left: 32% !important;
}
.box:hover h4 {
display: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.box:hover .mendo-lines {	
display: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.mendo-links-outline {
position: absolute;
width: 91%;
top: 5%;
left: 4.5% !important;
}
.mendo-links-title {
font-size: 26px;
font-family: 'neue haas - 75bold',Helvetica,Arial,Lucida,sans-serif;
text-align: center;
margin-top: 23% !important;
}
.mendo-links-description {
text-align: center;
margin-left: 0;
margin-right: 0px;
margin-top: 4px;
line-height: 23px;
margin-bottom: 0;
font-size: 14px;
}
.mendo-links-read-more {
color: white;
font-size: 19px;
font-weight: bold;
}
.overbox.containerCategoriesHome {
background-color: #43bab6be;
}
.overbox.boxHoverPatrimoine {
background-color: #ed7069c2;
}
.overbox.boxHoverCulture {
background-color: #42424291;
}
.mendo-links-description {
width: 92%;
margin: 0 auto;
}
.et_pb_row.et_pb_row_4.et_pb_equal_columns.et_pb_gutters2 {
padding-top: 0px;
padding-bottom: 0px;
}
}