/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

@font-face{
	font-family:ETmodules;
	font-display:block;
	src:url(/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot);
	src:url(/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf) format("truetype"),url(/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff) format("woff"), url(/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}

body {
	font-size:17px;
}
#post-284 .et_pb_ajax_pagination_container article img, a{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.acces a {
	color:#173c79;
}
p {
	text-align:justify;
}
.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
	border:none;
}
#et_top_search {
	display:none;
}
#main-header {
    line-height: 23px;
    font-weight: 500;
    background-color: transparent;
    width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    position: relative;
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
}
#logo {
	margin-top:20px;
	max-height:150px;
}
.et_pb_button:after, .et_pb_button:before {
	content:none;
}
.et_pb_button {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 40px;
    background-color: #0a2046;
	color:#fff;
	background-image:none;
    border: 2px solid #0a2046;
    border-radius: 30px;
}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
    border: 2px solid #0a2046;
    border-radius: 30px;
    padding: 10px 40px;
}
.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover, .et_pb_contact_reset:hover, .et_pb_contact_submit:hover, .et_pb_pricing_table_button:hover {
	background-color:transparent;
	color: #0a2046;
}
#top-menu a {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    padding-top: 33px;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.nav li ul {
	border-color: #0a2046 !important;
}
.nav li:first-child ul {
	width:360px;
}
.nav li:nth-child(2) ul {
	width:280px;
}
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {
    padding-right: 0;
}
#main-header .nav li ul a {
    color: #0a2046;
    font-size: 1.2em;
	text-shadow:none;
	width:auto;
}
#main-header .nav li ul li.current-menu-item a,
#main-header .nav li ul a:hover {
	background-color:#0a2046;
	color:#fff;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
	opacity:1;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    right: 50%;
    top: auto;
    bottom: 15px;
    color: #fff;
}
#top-menu li.current-menu-item>a,
#top-menu li.current-menu-ancestor>a {
	color:#0a2046;
}
#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover {
	color:#0a2046;
	opacity:1;
}
li#text-5 {
    list-style: none;
    position: absolute;
    right: 0;
    top: 40px;
}
li#text-5 a {
    background-color: #052148;
    background-image: url(picto_rdv.png);
    background-position: 50% 5px;
    background-repeat: no-repeat;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 40px 40px 10px 40px;
}
li#text-5 a:hover {
	background-color:#e28e2b;
}
/* Slideshow */
.et_pb_slide_content {
    font-size: 20px;
	text-align:left;
}
.et_pb_slider .et_pb_slide {
	background-position:top center;
	height:90vh;
}
.et_pb_slide_content h1 {
	font-size:60px;
	font-weight:600;
	margin-bottom:30px;
}
#slideshow .et_pb_slide_description {
	padding-top:160px;
}
.et_pb_bg_layout_dark .et_pb_slide_description p {
	margin-bottom:30px;
}
.et_pb_bg_layout_dark .et_pb_slide_description a.et_pb_button {
	text-shadow:none;
}
.et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2,
h2 {
	font-size:40px;
}
h3 {
	color:#e28e2b;
}
#propos .et_pb_row {
	display:flex;
	padding:0;
}
#propos .et_pb_row .et_pb_column.et-last-child {
	margin:auto;
}
h4.widgettitle,
#lieu h2,
#praticiens h2,
#pathologies h2,
#propos h2 {
	background-image:url(cercle-titre.png);
	background-position:left center;
	background-repeat:no-repeat;
	display:table;
	margin:0 auto;
	padding:10px 0 10px 70px;
	text-align:center;
}
h4.widgettitle {
	background-size:30px;
	clear:both;
	display:block;
	font-size:24px;
	padding:10px 0 10px 40px;
	text-align:left;
}
#propos .et_pb_image {
	background-image:url(bg_propos.png);
	background-position:center top;
	background-repeat:no-repeat;
	display:flex;
}
#propos .et_pb_image .et_pb_image_wrap {
	margin:auto;
}
#propos .et_pb_image img {
    margin: 70px auto 50px;
    display: flex;
}
#pathologies {
    background-image: url(bg_pathologies.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 140px 0 70px;
    margin-top: -130px;
}
#pathologies .et_pb_column_1_3 {
	margin-right:0;
	width:33.33%;
}
#pathologies .et_pb_module {
	height:228px;
	margin-bottom:0;
}
#pathologies .et_pb_module.et_pb_text_2 {
	display:flex;
}
#pathologies .et_pb_module.et_pb_text_2 > div {
	margin:auto;
}
#pathologies .et_pb_module a {
	background-color:rgba(10, 32, 70, 0);
	color:rgba(255, 255, 255, 0);
	background-position:center center;
	background-repeat:no-repeat;
	border:2px solid #fff;
	display:block;
	padding:100px 0;
	text-align:center;
}
#pathologies .et_pb_module a:hover {
	background-color:rgba(10, 32, 70, 0.8);
	color:rgba(255, 255, 255, 1);
	padding:98px 0;
}
#pathologies .et_pb_module a span {
	display:none;
}
#pathologies .et_pb_module a:hover span {
	background-image:url(trait_pathologie.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	height:1px;
	margin:0 auto;
	text-align:center;
	width:30px;
}
#vide {
	background-color:#e28e2b;
}
#hernie-lombaire {
	background-image:url(bg_endoscopique.jpg);
}
#sciatique {
	background-image:url(bg_sciatique.jpg);
}
#canal {
	background-image:url(bg_canal.jpg);
}
#hernie-cervicale {
	background-image:url(bg_cervicale.jpg);
}
#arthrodese {
	background-image:url(bg_arthrodese.jpg);
}
#mini {
	background-image:url(bg_mini.jpg);
}
#spondylolisthesis {
	background-image:url(bg_spondylolisthesis.jpg);
}
#pathologies .et_pb_module hr {
	display:block;
}
#praticiens {
    background-image: url(trait_praticiens.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: auto;
}
#praticiens p {
	text-align:center;
}
#praticiens ul {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
#praticiens ul li {
	list-style:none;
	width:33.33%;
}
#praticiens ul li a {
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
	filter:grayscale(1);
    padding: 500px 0 20px;
    text-align: center;
}
#praticiens ul li a:hover {
	filter:grayscale(0);
}
#praticiens ul li:first-child a {
	background-image:url(dr_reddy.jpg);
}
#praticiens ul li:nth-child(2) a {
	background-image:url(dr_schaelderle.jpg);
}
#praticiens ul li:last-child a {
	background-image:url(dr_vardon.jpg);
}
#rdv {
	background-image:url(bg_rdv.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#rdv h2 {
	color:#fff;
	margin-bottom:30px;
	text-align:center;
}
#rdv p {
	color:#fff;
	text-align:center;
}
#slideshow .et_pb_button,
#rdv .et_pb_button {
	background-color:#fff;
	border-color:#fff;
	color:#0a2046;
}
#rdv .et_pb_column {
	text-align:center;
}
#slideshow .et_pb_button:hover,
#rdv .et_pb_button:hover {
	background-color:#0a2046;
	color:#fff;
}
#rdv a {
	border-bottom:1px solid #fff;
	color:#fff;
}
#rdv a:hover {
	border-bottom:1px solid transparent;
}
#lieu {
    background-image: url(bg_lieu.jpg);
    background-position: 100% 100px;
    background-repeat: no-repeat;
    background-size: 90%;
    padding-top: 0;
    margin-bottom: 40px;
}
#lieu h2 {
	background-image:url(cercle-titre-b.png);
	background-size:60px;
	margin:0;
}
#lieu h3 {
	color:#052148;
	font-size:30px;
	font-weight:bold;
}
#lieu .et_pb_row {
    border-bottom: 30px solid #e28e2b;
    border-right: 30px solid #e28e2b;
    display: flex;
    padding: 0;
    width: 100%;
    max-width: 90%;
    margin: 0;
}
#lieu .et_pb_column_3_5 {
	background-image:url(img_lieu.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-right:0;
	width:60%;
}
#lieu .et_pb_column_2_5 {
	background-color:#f2f2f2;
	padding:5%;
	width:40%;
}
#lieu .et_pb_column_2_5 .et_pb_module {
	margin-left:auto;
	margin-right:auto;
	width:340px;
}
#lieu hr {
	margin-bottom:30px;
}
#footer-bottom {
	display:none;
}
#text-4 {
	float:right;
}
#main-footer .container {
    background-image: url(logo_footer.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 180px;
}
.et_pb_gutters3 .footer-widget {
	margin-bottom:30px;
}
#footer-widgets {
    padding: 30px 0 0;
}
/* Equipe */
.et_pb_section.titre {
	padding-top:0;
}
.titre.et_pb_fullwidth_section .et_pb_post_title {
	padding:10% 0;
}
.titre .et_pb_title_container h1 {
	color:#fff;
	font-size:40px;
	text-align:center;
	text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.contenu h2, .contenu#propos h2 {
	background-image:url(cercle-titre.png);
	background-position:left center;
	background-repeat:no-repeat;
    background-size: 25px;
    font-size: 26px;
    padding: 10px 0 10px 33px;
    text-align: left;
    display: block;
    margin-bottom: 10px;
    margin-top: 20px;
}
.contenu#praticiens h2 {
	padding:10px 0 10px 33px;
}
.contenu .et_pb_text ul li {
    background-image: url(cercle-titre-b.png);
    background-position: 0 9px;
    background-repeat: no-repeat;
    background-size: 8px;
    list-style: none;
    padding-left: 13px;
}
#intervention.contenu .et_pb_text ul li {
    background-image: url(cercle-titre-blanc.png);
	color:#fff;
}
.contenu#praticiens {
    background-repeat: repeat;
    padding: 30px 0;
}
#intervention.contenu h2 {
    display: table;
    margin: 0 auto 20px;
    color: #fff;
}
#intervention {
	background-attachment:fixed;
    background-image: url(bg_intervention.jpg);
    background-position:center center;
    background-repeat: no-repeat;
}
#intervention h4,
#intervention p {
	color:#fff;
}
.sticky {
    position: sticky;
    top: 0;
}

#limites .et-last-child {
	border-left:5px solid #e28e2b;
	padding:0 0 30px 30px;
}
#post-228 #risques,
#post-114 #limites,
#post-131 #limites,
#retour,
#indications {
	background-color:#f2f2f2;
}
#post-228 #risques .et_pb_row,
#post-228 #risques .et_pb_row > div,
#limites .et_pb_row,
#limites .et_pb_row > div,
#retour .et_pb_row > div,
#retour .et_pb_row,
#indications .et_pb_row > div,
#indications .et_pb_row,
#intervention .et_pb_row > div,
#intervention .et_pb_row {
	display:flex;
}
#post-228 #risques .et_pb_row > div .et_pb_image,
#intervention .et_pb_row > div .et_pb_text,
#limites .et_pb_row > div .et_pb_text,
#retour .et_pb_row > div .et_pb_image,
#indications .et_pb_row > div .et_pb_image {
	margin:auto;
}
.triple-blanc > div,
.triple-blanc {
	display:flex;
}
.triple-blanc > div {
	background-color:#fff;
	padding:20px;
}
.triple-blanc > div > div {
	margin:auto !important;
}
#post-131 #retour {
	background-color:#ffff;
}
/* Contact */
#formulaire-contact {
	margin:0 auto;
	width:420px;
}
#propos #formulaire-contact h2 {
	margin-bottom:30px;
}
.wpcf7-form label {
	display:block;
	width:120px;
	float:left;
}
.wpcf7-form textarea, .wpcf7-form input {
	width:300px;
}
.wpcf7-form .wpcf7-list-item input {
	width:auto;
}
.wpcf7-form span.wpcf7-list-item {
	margin:0;
}
input.wpcf7-submit {
	background-color: #052148;
    border: 1px solid #052148;
    color: #fff;
	cursor:pointer;
    width: 140px;
    text-align: center;
	padding:10px 20px;
    margin: 10px auto 25px;
    display: block;
    font-size: 16px;
}
input.wpcf7-submit:hover {
	background-color:#fff;
	color: #052148;
}
#tel-medecins strong {
	color:#173c79;
	display:block;
	font-size:1.2em;
}
#acces {
	background-attachment:fixed;
    background-image: url(bg_acces.jpg);
    background-position:center center;
    background-repeat: no-repeat;
}
#acces .et_pb_row {
	background-color:rgba(255, 255, 255, 0.8);
	padding:30px;
}
.acces td p,
.acces td {
	text-align:center;
}
.acces td h3 {
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:90px;
	text-align:center;
}
.acces td:first-child h3 {
	background-image:url(picto_bus.png);
}
.acces td:last-child h3 {
	background-image:url(picto_metro.png);
}
.et_pb_accordion .et_pb_toggle {
	border:1px solid #173c79;
}
.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before,
.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title,
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
	color:#173c79;
	font-size:1.2em;
}
/* Actualités */
.single-post #main-header {
    background-color: #173c79;
    height: 200px;
	position:relative;
}
.single-post .et_pb_section {
	padding:0;
}
.single-post .et_pb_image_wrap img {
	border-bottom: 10px solid #e28e2b;
    border-right: 10px solid #e28e2b;
	margin-bottom:30px;
}
#post-284 .et_pb_ajax_pagination_container {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
#post-284 .et_pb_ajax_pagination_container article {
	margin-bottom:30px;
	width:45%;
}
#post-284 .et_pb_ajax_pagination_container article img {
    border-bottom: 10px solid rgba(0, 0, 0, 0.1);
    border-right: 10px solid rgba(0, 0, 0, 0.1);
}
#post-284 .et_pb_ajax_pagination_container article img:hover {
	border-bottom: 10px solid #e28e2b;
    border-right: 10px solid #e28e2b;
}
h2.entry-title a:hover {
	color:#e28e2b;
}
.et_pb_widget a.et_pb_button {
    color: #fff;
    display: block;
}
.et_right_sidebar #main-content .container::before {
    right: 36% !important;
}
.et_right_sidebar #left-area {
    float: left;
    padding-right: 5.5%;
	width:64.5%;
}
#sidebar {
    float: left;
    width: 30%;
}
.et_pb_widget a {
	color:#0a2046;
}
.et_pb_widget a:hover {
	color:#e28e2b;
}
body .et_pb_button:hover {
	border-radius:30px;
}
.et_pb_widget a.et_pb_button:hover {
	color:#173c79;
}
.g-recaptcha div {
	display:block;
	margin:0 auto;
}
@media (min-width: 981px) {
.et_pb_section {
    padding: 2% 0;
}
#slideshow.et_pb_section {
    padding:0;
}
}
@media (max-width: 1400px) {
#top-menu a {
	font-size:22px;
}
}
@media (max-width: 1300px) {
#top-menu a {
	font-size:20px;
}
}
@media (max-width: 1200px) {
#top-menu a {
	font-size:18px;
	font-weight:bold;
}
.et_pb_slide_content h1 {
	font-size:40px;
}
#lieu .et_pb_column_2_5 {
	width:auto;
}
}
@media (max-width: 1100px) {

#lieu h2, #praticiens h2, #pathologies h2, #propos h2 {
	font-size:30px;
	padding:15px 0 15px 70px;
}
.titre.et_pb_fullwidth_section .et_pb_post_title {
    padding: 20% 0 5%;
}
.et_pb_gutters3.et_pb_footer_columns2 .footer-widget {
	margin-right:0;
	width:100%;
}
#text-3 p,
#text-3 {
	text-align:right;
	width:100%;
}
.et_pb_gutters3 .footer-widget {
    margin-bottom: 10px;
}
#propos .et_pb_row {
	display:block;
}
.et_pb_gutters3 #propos .et_pb_column_1_2 {
	margin-right:0;
	width:100%;
}
}

@media (max-width: 980px) {
#et_mobile_nav_menu {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
}
.mobile_menu_bar {
    float: right;
    margin-right: 70px;
    margin-top: 30px;
}
.mobile_menu_bar::before {
	font-size:60px;
	text-shadow:0 0 2px #fff;
}
#mobile_menu {
	top:100px;
}
#text-5 {
	z-index:99;
}
#propos .et_pb_row {
	display:block;
}
#pathologies {
	margin:0;
	padding:0;
}
#pathologies h2 {
	margin-bottom:30px;
}
#pathologies .et_pb_module {
	height:auto;
}
#pathologies .et_pb_column_1_3 {
	margin-bottom:0;
    margin-right: 0;
    width: 100%;
}
#praticiens ul li {
	width:100%;
}
#lieu .et_pb_column_2_5 .et_pb_module {
	width:auto;
}
.titre.et_pb_fullwidth_section .et_pb_post_title {
    padding: 240px 0 90px;
}
#praticiens ul,
.et_pb_column.et_pb_column_empty,
.triple-blanc > div, .triple-blanc,
.et_pb_image .et_pb_image_wrap,
#post-228 #risques .et_pb_row, #post-228 #risques .et_pb_row > div, #limites .et_pb_row, #limites .et_pb_row > div, #retour .et_pb_row > div, #retour .et_pb_row, #indications .et_pb_row > div, #indications .et_pb_row, #intervention .et_pb_row > div, #intervention .et_pb_row {
    display: block;
}
#post-228 #risques .et_pb_row > div .et_pb_image, #intervention .et_pb_row > div .et_pb_text, #limites .et_pb_row > div .et_pb_text, #retour .et_pb_row > div .et_pb_image, #indications .et_pb_row > div .et_pb_image {
	margin:0 auto;
}
.et_pb_image_wrap img {
	display:block;
	margin:0 auto;
}
.footer-widget:nth-child(n) {
	width:100% !important;
}
#footer-widgets .footer-widget:nth-last-child(-n+2) {
    margin-bottom: 20px !important;
}
#post-284 .et_pb_ajax_pagination_container article {
    width: 100%;
}
}
@media (max-width: 850px) {

}
@media (max-width: 768px) {
.et_pb_slider .et_pb_slide {
	min-height:400px;
}
#slideshow .et_pb_slide_description {
    padding-top: 190px;
}
.et_pb_slide_content h1 {
    font-size: 30px;
    margin-bottom: 0;
}
.et_pb_bg_layout_dark .et_pb_slide_description p {
    margin-bottom: 10px;
    line-height: 1.3;
}
.et_pb_button {
	font-size:16px;
}
#main-footer .container {
    background-position: 50% 20px;
    background-size: 100px;
    padding-left: 0;
    padding-top: 40px;
}
#text-4 {
    float: none;
}
#text-4, #text-4 p, #text-3 p, #text-3 {
    text-align: center;
    width: 100%;
}
#footer-widgets .footer-widget:nth-last-child(-n+2) {
    margin-bottom: 0 !important;
}
#footer-widgets .footer-widget .fwidget:last-child#text-4 {
    margin-bottom: 10px !important;
}
.et_pb_fullwidth_post_title_0, .et_pb_fullwidth_post_title_0.et_pb_featured_bg {
	background-position:right center;
}
}
@media (max-width: 550px) {
#formulaire-contact {
	width:auto;
}
.wpcf7-form textarea, .wpcf7-form input {
    width: 100%;
}
table td {
	display:block;
	width:auto;
}
}
@media (max-width: 460px) {
.et_pb_slider .et_pb_slide {
	min-height:400px;
}
}