@import url("https://fonts.googleapis.com/css?family=La+Belle+Aurore"); @font-face {
font-family: 'ElegantIcons';
src:url(//www.piscine-a-tous-prix.com/wp-content/themes/Les2Frangines/fonts/Eleganttheme_icons/ElegantIcons.eot);
src:url(//www.piscine-a-tous-prix.com/wp-content/themes/Les2Frangines/fonts/Eleganttheme_icons/ElegantIcons.eot?#iefix) format('embedded-opentype'),
url(//www.piscine-a-tous-prix.com/wp-content/themes/Les2Frangines/fonts/Eleganttheme_icons/ElegantIcons.woff) format('woff'),
url(//www.piscine-a-tous-prix.com/wp-content/themes/Les2Frangines/fonts/Eleganttheme_icons/ElegantIcons.ttf) format('truetype'),
url(//www.piscine-a-tous-prix.com/wp-content/themes/Les2Frangines/fonts/Eleganttheme_icons/ElegantIcons.svg#ElegantIcons) format('svg');
font-weight: normal;
font-style: normal;
} [data-icon]:before {
font-family: 'ElegantIcons';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  .ds_grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); }   #ple-animates {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}  #cookie-notice .button.wp-default {
background: none; 
border-color: #f9f9f9;
color: #fff;
text-shadow: none;
}
#cookie-notice .button.wp-default:hover, #cookie-notice .button.wp-default:focus {
background: none;
border-color: #00A5B7;
color: #00A5B7;
}  .et_mobile_menu {
text-transform: uppercase;
}  #top-menu li a {
text-transform: uppercase !important;
}
#top-menu > li.current-menu-item > a::before,
#top-menu > li.current_page_item > a::before {
content: "";
position: absolute;
z-index: 2;
left: 7px;
right: 7px;
background: #00A5B7; }
#top-menu > li > a:before {
content: "";
position: absolute;
z-index: -2;
left: 7px;
right: 100%;
bottom: 40%;
background: #fff; height: 2px; -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;
}
#main-header #top-menu .sub-menu li a:hover {
color: #00A5B7 !important;
}
#top-menu > li > a:hover:before {
right: 7px;
}
#top-menu > li.menu-item-has-children.current-menu-item > a::before,
#top-menu > li.menu-item-has-children.current_page_item.menu-item-has-children > a::before,
#top-menu > li.menu-item-has-children > a:hover:before {
right: 27px !important;
}
#top-menu li li a:before {
bottom: 10%;
} .nav li ul {
width: 280px;
}
#top-menu li li a {
width: 240px;
}  #et-info {
float: none;
text-align:center;
}   .scroll-down {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
} #accueil .et_pb_header_description {
font-family: 'La Belle Aurore', cursive;
} #julien-boube img{
border-radius: 100%;
max-height: 300px;
} .hover-bio-wrapper {
position: relative;
color: rgba(0,0,0,0);
height: 100%;
}
.hover-bio{
height: 100%;
}
figure.hover-bio img{
display: block;
width: 100%;
}
figure.hover-bio {
position: relative;
overflow: hidden;
margin: 0;
padding: 0; line-height: 0;
height:100%;
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(//www.piscine-a-tous-prix.com/wp-content/uploads/Julien_Boube_pisciniste_toulouse.jpg) no-repeat;
background-size: cover;
background-position: center; }
figure.hover-bio::before, figure.hover-bio::after{
position: absolute;
background: black;
opacity: 0.3;
content: '';
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
figure.hover-bio figcaption{
position: absolute; background: #011B3C;
display: block;
line-height: 1.7em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: right;
padding: 10px 10px 50px 10px;
z-index: 2;
width: 100%;
max-height: 100%;
overflow: hidden;
top: 50%;
left: 0;
-moz-transform: translate3d(-100%, -50%, 0);
-webkit-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0);
opacity: 0;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
figure.hover-bio img{
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
figure.hover-bio figcaption{
top: 100%;
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.hover-bio:hover img {
opacity: .7;
}
figure.hover-bio:hover figcaption{
background-color: #011B3C;
color: #fff;
opacity: .9;
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
transition: all 0.8s;
box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);
} .et_pb_code_2 {
background-color: #494C51;
} .et_pb_code_4 {
background-color: #011B3C;
}  #nos_metiers img{
border-radius: 100%;
}
#nos_metiers .et_pb_row.et_pb_row_fullwidth, #nos_metiers .et_pb_specialty_fullwidth > .et_pb_row {
width: 100% !important;
max-width: 100% !important;
} #nos_metiers .et_pb_tabs_controls {
text-align:center;
background: transparent;
}
#nos_metiers .et_pb_tabs_controls li {
display:inline-block;
float:none;
text-align: center;
padding:4px 30px 4px;
border: none;
}
#nos_metiers .et_pb_tabs_controls li a {
text-transform: uppercase;
font-size: 17px;
color: #fff;
padding: 0;
font-weight: 900;
}
#nos_metiers .et_pb_column h2{
font-family: 'La Belle Aurore', cursive;
font-size: 27px;
}	
#nos_metiers img{
border: solid 1px #fff;
padding: 9px;
border-radius: 100%;
overflow: hidden;
}	
#nos_metiers .et_overlay{
border-radius:100%;
} #nos_metiers .et_pb_tabs_controls li:not(.et_pb_tab_active) a:after {
content : "";
position: absolute;
left    : 30%;
bottom  : 0;
height  : 2px;
width   : 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
#nos_metiers .et_pb_tabs_controls li:not(.et_pb_tab_active) a:hover::after {
width: 40%;
background: #fff;
} #nos_metiers .et_pb_tab_active a {
color: #00A5B7!important;
} #nos_metiers .et_pb_tab_active a:after {
content : "";
position: absolute;
left    : 30%;
bottom  : 0;
height  : 2px;
width   : 40%;
background: #00A5B7;
}
#nos_metiers ul.et_pb_tabs_controls:after, .et_pb_tabs{
border: none;
}
#nos_metiers .et_pb_tab {
padding: 24px 0;
} #nos_metiers .blurb:hover {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); 
border-radius: 5px;
}
@media (max-width: 980px) { #nos_metiers .et_pb_section .et_pb_column .et_pb_module {
margin-bottom: 30px;
text-align: center;
margin: 0 0 0px 0;
} #et-info-email {
display: block;
}
} a.disable_button:active{
pointer-events: none;
} .et-pb-slider-arrows, .et-pb-controllers{
display:none;
}
.et_pb_gallery_0 .et_pb_gallery_item {
pointer-events: none;
cursor: default;
}  #blog_decallage {
margin-bottom: 50px;
} #contact .et_pb_social_media_follow li a.icon::before {
color: #494949;
} .et_pb_map{
overflow:hidden;
z-index:2;
}
.carte_fine .et_pb_map{
max-height: 300px;
-webkit-filter: grayscale(1); filter: grayscale(1); 
} .logo_showcase img {
max-height: 150px;
width: auto;
border: none !important;
}   .form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after {
content: "";
display: table;
clear: both;
} @media only screen and (min-width: 768px) { 
.column-half{
width: 50%;
}
}
.wpcf7-recaptcha {
text-align: center;
}
.wpcf7-recaptcha > div {
margin: auto ;
}
.cf7submitdiv {
text-align: center;
}
.wpcf7 input[type=text], .wpcf7 input[type=password], .wpcf7 input[type=tel], .wpcf7 input[type=email], .wpcf7 input[type=search], .wpcf7 textarea, .wpcf7 select, .wpcf7-captchar {
font-family: inherit;
background-color: #eee;
border: 1px solid #494949;
width: 100%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
color: #454949;
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}  .wpcf7 textarea:focus, .wpcf7 select:focus, .wpcf7 input[type=password]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus {
outline: none;
border: 1px solid #00A5B7; } .wpcf7 input[aria-invalid="true"], .wpcf7 select[aria-invalid="true"], .wpcf7 textarea[aria-invalid="true"] { border: 1px solid #ff0000; } .wpcf7-list-item > label > input[type=checkbox] {					
display:none;
-webkit-appearance: none;
}
span.first {
margin-left: -3px;
}
.wpcf7-list-item > label > input[type=checkbox] + span.wpcf7-list-item-label {
padding-left:25px;
height:15px; 
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0; vertical-align:middle;
cursor:pointer;
}
.wpcf7-list-item > label > input[type=checkbox]:checked + span.wpcf7-list-item-label {
background-position: 0 -15px;
}
.wpcf7-list-item > label > span.wpcf7-list-item-label {
background-image:url(//www.piscine-a-tous-prix.com/wp-content/uploads/Violet_checkbox.png);
background-size: 15px 30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-5px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(5px, 0, 0);
}
}
.wpcf7-submit {
color: #fff;
margin: 10px auto 0 auto;
cursor: pointer;
font-size: 15px;
font-weight: 500;
background: transparent;
line-height: 1.7em;
border: 2px solid;
border-color:#fff;
padding: 6px 20px; 
border-radius: 5px;
z-index:2;
text-transform: uppercase;
}
.wpcf7-submit:hover { 
color: #fff;
background-color: #00A5B7;
border-radius: 5px;
line-height: 1.7em;
border: 2px solid;
border-color: #00A5B7; 
padding: 6px 20px; 
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
z-index:2;
}
div.wpcf7-validation-errors {
border: 2px solid #ffa500;
}
div.wpcf7-response-output {
margin: 1em 0;
padding: 10px;
border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;	
}
input[type="checkbox"] {
margin: 3px 3px 0px 4px;
} .wpcf7_required{
color:red;
}  #et-info-phone:hover{
opacity: 0.7;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}  @media (max-width: 980px){
.et_header_style_left #logo, .et_header_style_split #logo {
max-height: 30%;
max-width: 70%;
}} 
@media (max-width: 800px){
#main-header #et_top_search  {
display:none;
}}
@media (max-width: 350px){
.et_header_style_left #logo, .et_header_style_split #logo {
max-height: 70%;
max-width: 70%;
}}  #main-content .container:before {   
width: 0px;
top: inherit;
}
#header_blog .et_pb_fullwidth_header {
padding-top: 166px !important;
}
#main-content .container {
padding-top: 58px !important;
} #main-footer .et_pb_section {
padding-top: 0 !important;
}
#left-area .et_pb_section {
padding-top: 0 !important;
}
#left-area .et_pb_post h2 {
margin-top: 0;
}
#sidebar .widgettitle {
text-align:center;
padding-bottom: 20px;
border-bottom: solid 2px #00A5B7;
margin-bottom: 25px;
}
#sidebar .cat-item a{
color: #fff;
}
#sidebar .cat-item a:hover{
color: #2B2C2A;
}
#sidebar .cat-item {
text-align:center;
background-color: #00A5B7;
padding: 10px;
}
#sidebar .clearfix {
text-align:center;
}
#sidebar .et_pb_widget {
margin-bottom: 40px !important;
}
#sidebar .tagcloud a{
color: #fff;
}
#sidebar .tagcloud a:hover{
color: #2B2C2A;
}
#sidebar .tagcloud {
text-align:center;
background-color: #00A5B7;
padding: 10px;
}
#left-area .type-post .post-meta a{
color: #fff;
}
#left-area .type-post .post-meta a:hover{
color: #2B2C2A;
}
#left-area .type-post .post-meta a{
text-align:center;
background-color: #00A5B7;
padding: 10px;
}
#left-area .type-post .post-meta {
margin-top: 10px;
}
#left-area .type-page .post-meta {
padding-bottom:0px;
}
.widget_search #searchsubmit {
font-family: 'ETmodules';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.widget_search #searchsubmit:hover {
color: #00A5B7;
}
@media (max-width: 767px){
.et_pb_post h2, .et_pb_blog_grid h2 {
padding-bottom: 10px;
font-size: 26px;
}} .blog_custo .et_pb_post {
margin-bottom: 0 !important;
}
.et_pb_blog_grid h2 {
font-family: 'La Belle Aurore', cursive;
}
#left-area .entry-title {
font-family: 'La Belle Aurore', cursive;
font-size: 30px;
}
.blog_custo a.more-link {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
float: none;
display: inherit;
padding: 8px 16px;
border-radius: 60px;
background-color: #f7f9fb;
border: 2px solid #e9eff5;
text-align:center;
}
.blog_custo a.more-link:hover {
color: #fff;
background-color:#00A5B7;
}
.blog_custo .et_pb_post .entry-title {
margin-bottom: 20px;
margin-top: 0px;
text-align: center;
}
.et_pb_blog_grid .et_pb_image_container img {
height: 200px;
}   body.home #footer-top-curve{
display: none !important;
} .et-social-vimeo a.icon:hover::before {
color:#00B3EC !important;
}
.et-social-linkedin a.icon:hover::before {
color:#0177B5 !important;
}
.et-social-google-plus a.icon:hover::before {
color:#DB4437 !important;
}
.et-social-facebook a.icon:hover::before {
color:#3B5998 !important;
}
.et-social-twitter a.icon:hover::before {
color:#00ACED !important;
}
.et-social-instagram a.icon:hover::before {
color:#E81F4E !important;
}
#main-footer a:hover{
color: #00a5b7 !important;
opacity: 1;
}
#footer-info  {
float: none; 
text-align:center;
} @media only screen and (max-width: 980px) {
.et_pb_fullscreen .et_pb_fullwidth_header_container.center {
min-height: 80vh !important;
}
}