body { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; }
.typo2 { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; }
.grey {	color: #353535; } .green { color: #00a49e; } .text-center { text-align: center; } @media only screen and (max-width:980px) { 
.mobile-text-center { text-align: center; } 
} .margin-auto { margin-left: auto; margin-right: auto; } .ellipsis-bloc  {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.small-text { font-size: 0.9em; line-height: 1.4em; }
.flexboxes {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
#et-top-navigation { height: 75px;
}
.et-fixed-header #et-top-navigation { 
height: 54px;
}
nav#top-menu-nav {
background-color: #00a49e;
position: absolute;
overflow: hidden;
top: -250px; right: 0%;
margin-right: 20px;
padding: 2.5em 1.5em 1.2em 1.5em; 
}
#main-header:not(.et-fixed-header) nav#top-menu-nav {
top: 0px;
transition: all 0.5s 0.5s ease;
}
#main-header #et_mobile_nav_menu {
display: block;
position: relative;
top: -50px;
opacity: 0;
transition: opacity,top 0.5s 0.5s ease;
}
#main-header.et-fixed-header #et_mobile_nav_menu {
top: 0px;
opacity: 1;
margin-top: -6px;
}
nav#top-menu-nav ul li { display: block; }
nav#top-menu-nav ul li  a { 
color: #FFF !important; 
font-size: 1.3em; 
line-height: 1.1em; 
padding-bottom: 0.3em !important; 
}
nav#top-menu-nav ul li.current-menu-item a { opacity: .7; font-style: italic; } @media only screen and (min-width:981px) { 
#main-header:not(et-fixed-header) { 
box-shadow: none;
}
} @media only screen and (min-width:981px) { 
.home #main-header:not(.et-fixed-header) {
display: none !important;
}
} @media only screen and (max-width:980px) { 
.logo-home { display: none !important; }
#menu-home { display: none !important; }
} .calendrier-home .date b { display: block; }
.calendrier-home .calendar-text b {
font-size: 16px;
line-height: 20px;
display: inline-block;
margin-bottom: 15px;
} 
@media only screen and (max-width:980px) {
.calendrier-home.flexboxes { display: block !important; }
.calendrier-home .date {
margin-right: 0px !important;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #AAA;
}
.calendrier-home .date b { display: inline; }
}  #main-header #mobile_menu.et_mobile_menu, #menu-home { 
padding: 4em 2em 2em 2em;
background-color: #00a49e;
width: auto;
max-width: 320px;
top: -14px;
right: 38px;
left: auto;
text-align: right; 
}
#mobile_menu.et_mobile_menu li a, #menu-home li a {
color: #ffffff;
text-transform: uppercase;
padding: 0px;
border: 0;
text-align: right; 
font-size: 1.2em;
line-height: 1.6em;
}
.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
padding: 0px;
} @media only screen and (max-width:517px) {
#main-header #mobile_menu.et_mobile_menu {
}
}
@media only screen and (max-width:980px) { nav#top-menu-nav {
display: none; 
}
#main-header.et-fixed-header {
position: fixed;
}
#main-header #et_mobile_nav_menu {
top: 0px;
opacity: 1;
}
#main-header #mobile_menu.et_mobile_menu { top: 51px !important;
right: 0px;
}
#main-header.et-fixed-header #mobile_menu.et_mobile_menu { top: 36px !important;
}
}  .mobile_menu_bar:before,.mobile_menu_bar:after { display: none; }
.mobile_menu_bar .icon-bar {
position: relative;
display: block;
height: 7px;
width: 30px;
line-height: 0px;
overflow: hidden;
font-size: 35px;
background-color: transparent !important;
-webkit-transition: -webkit-transform 0.3s ease !important;
transition: -webkit-transform 0.3s ease !important;
transition: transform 0.3s ease !important;
transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
}
.mobile_menu_bar .icon-bar:nth-child(2) {
opacity: 1;
visibility: visible;
}
.mobile_menu_bar .icon-bar:last-child {
width: 65%;
margin: 0;
}
.opened .mobile_menu_bar .icon-bar:nth-child(1) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
-webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(3px, 2px, 0); 
transform: rotate3d(0, 0, 1, 45deg) translate3d(3px, 2px, 0); 
}
.opened .mobile_menu_bar .icon-bar:nth-child(2) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-1px, -1px, 0); 
transform: rotate3d(0, 0, 1, -45deg) translate3d(-1px, -1px, 0); 
}
.opened .mobile_menu_bar .icon-bar:nth-child(3) {
transition: opacity 0.3s ease;
opacity: 0;
} .logo-home { display: inline-block;
}
#menu-home {
background-color: #00a49e;
top: -20px;
position: absolute;
padding: 140px 5px 5px 5px;
text-align: left;
font-size: 1.2em;
z-index: 100;  
}
#menu-home ul { 
padding: 0px 0px 20px 0px;
}
#menu-home ul li { 
list-style: none; 
display: block; 
}
#menu-home li a { 
color: #FFFFFF;
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
width: 100%;
display: block;
text-align: left;
padding: 0px 20px;
}
#menu-home li a:hover { 
color: #b1dad9;
} h2.title-with-border {
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 1.8em;
color: #00348d !important;
line-height: 1.8em;
border-left: 3px solid #00348d;
padding-left: 15px;
padding-bottom: 5px;
padding-top: 5px;
}
h2.title-with-border.white { color: #FFFFFF !important;
border-left: 3px solid #FFFFFF;
}
@media only screen and (max-width:980px) { h2.title-with-border {
font-size: 1.5em;
}
} a.squared-arrowed-hercule-button, 
a.squared-arrowed-hercule-button:focus, a.squared-arrowed-hercule-button:active, a.squared-arrowed-hercule-button:hover {
color: #00348d!important;
border-color: #78cfcb !important;
font-size: 14px;
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 700!important;
padding: 1em 1em 1em 2em !important;
min-width: 160px;
}
a.squared-arrowed-hercule-button:hover {
padding-left: 3em !important;
}
a.squared-arrowed-hercule-button::after { content: ""; }
a.squared-arrowed-hercule-button::before {
color: #00348d;
content: "\24" !important; font-family: ETmodules; 
display: block !important;
opacity: 1 !important;
left: 18px;
margin-top: -3px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}
a.squared-arrowed-hercule-button:hover::before {
left: 32px;
}
a.rounded-arrowed-hercule-button, 
a.rounded-arrowed-hercule-button:focus, a.rounded-arrowed-hercule-button:active, a.rounded-arrowed-hercule-button:hover {
display: block;
border-radius: 50%;
height: 120px;
width: 120px;
padding: 0px !important;
background-color: #00a49e;
border: 0px;
color: #FFF !important;
cursor: pointer;
}
a.rounded-arrowed-hercule-button.blue {
background-color: #00348d;
}
a.rounded-arrowed-hercule-button span {
position: relative;
top: 16px;
width: 80px;
display: block;
left: 36px;
font-weight: bold;
line-height: 1.3em;
}
a.rounded-arrowed-hercule-button:hover {
background-color: #01918c;
}
a.rounded-arrowed-hercule-button.blue:hover {
background-color: #013da5;
}
a.rounded-arrowed-hercule-button::after { 
content: "";
}
a.rounded-arrowed-hercule-button::before {
color: #FFFFFF;
font-size: 35px;
content: "\24" !important; font-family: ETmodules; 
display: block !important;
opacity: 1 !important;
position: relative;
top: 48px;
left: -12px;
margin-top: -3px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}
a.rounded-arrowed-hercule-button:hover::before {
left: 0px;
} .custom-illust .et_parallax_bg {
background-size: 60%;
background-position: right top;
}
@media only screen and (max-width:980px) { .custom-illust .et_parallax_bg {
display: none; 
background-image: none;
}
}
path { fill:#00348D; }