@charset "utf-8";
* {margin: 0; padding: 0;}
body, ul, li, h1, h2 {font-family: 'Montserrat', sans-serif;}
/* header */
header {height: 80px; width: 100%; background-color: white; z-index: 100; position: fixed; border-bottom: solid 1px #2f2f2f;}
#entete{height: 100%; width: 100%; max-width: 1300px; margin: 0 auto;}
h2 {font-size: 32px; float: left; font-weight: lighter; margin-top: 17px;}
	h2 a {text-decoration: none; color: black;}
	h2 a:hover{color: #0178d3}
section h2 {font-size: 19px; float: none; font-weight: bold;}

@media (min-width: 980px){
	nav ul{width: auto;}
	nav li:not(:last-child):after{content:" | "; padding: 0 10px;}
	nav ul a:hover{color: #0178d3;}
	nav ul{float: right; margin-top: 30px;}
}

nav ul a{text-decoration: none; color: black}
nav li{display: block; float: left; margin-right: 5px }
#burger{display: none;}


@media (min-width: 980px) and (max-width: 1350px) {
	#entete{width: 90%;}
	h2 {font-size: 25px; margin-top: 23px;}
}


@media (max-width: 980px) {
	header{height: auto;}
	#burger{display: block; background-image: url(../../cabinet-medical/menu.jpg); background-position: center;
	 width: 50px; height: 50px; float: right; margin: 14px; cursor: pointer;}
	h2 {font-size: 25px; margin-left: 15px; margin-top: 23px;}
	ul { display: none; margin: 0; width: 100%; height: auto;}
	li {display: block; width: 100%; height: 40px; text-align: center; line-height: 40px;}
	li:not(:last-child) {border-bottom: 1px solid;}
	li:not(:last-child):after{content: none}
	li a{width: 100%; height: 100%; display: block;}
	li a:hover{background-color: #0178d3; color: white;}
	li:first-child{border-top: solid 1px #2f2f2f;}
}

@media (min-width: 980px) {
	nav ul{display: block !important;}
}

#menumarge{width: 100%; height: 79px;}
#cabinet-medical-paris{text-align: center; width: 100%; height: 300px; background-image: url(../../cabinet-medical/cabinet-paris.jpg); 
background-repeat: no-repeat; background-position: center; background-size: cover; }

@media (max-width: 500px){
	h2 {font-size: 20px; margin-top: 26px;}
}


/* header end */

#main{height: auto; margin: 20px auto;}

@media (min-width: 1350px) {
	#main{width: 1300px;}
}
@media (max-width: 1350px) {
	#main{width: 90%;}
}

/* Btn contact */
#rdv{
	margin: 30px auto;
    background-color: blue;
    background-color: #5270d2;
    border-radius: 18px;
    border: 1px solid #5270d2;
    display: block;
    width: 220px;
    height: 20px;
    color: #ffffff;
    font-size: 18px;
    padding: 19px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
    text-align:center;
}

a#rdv:hover  {
	background-color: #2867dc;
    border: 1px solid #2867dc;

}

/* structure de page */

h1, h2, h3, cite, p {margin-left: 40px;}
h2, h3, p {margin-top: 15px;}
p a {color: #2867dc;}
p {line-height: 22px;}

#sous-menu{width: 330px; height: 600px; float: right;}
#sous-menu li{ float: right; clear: both; display: block; 
	width: 100%; text-align: right; height: 30px; line-height:30px; margin-right: 40px;}
#sous-menu li a{text-decoration: none; color: #2867dc}
section{width: 970px; float: right;}
aside{clear: both; width: 100%;}

@media (max-width: 1350px) {
	#sous-menu{ width: 100%; margin: 0 auto; float: unset; clear: both; padding-top: 30px;}
	#sous-menu ul {justify-content: center; display: flex; flex-wrap: wrap; }
	#sous-menu a, #sous-menu li {width: auto; border: none;}
	section{ clear: both; width: 100%; margin: 10px auto; }
}

@media (min-width: 1350px){
	#sous-menu ul {display: block; border-right: 2px solid #5270d2; margin-top: 115px; width: 100%; min-height: 200px; height: auto;}
}

#sous-menu li:after{background-image: url(../../cabinet-medical/fleche.jpg); width:5px; height: 12px; background-color: red;}




/* avis et contact */
cite {margin-bottom: 20px;}
.wpcf7-validation-errors{border: none !important; color: red;}
.wpcf7-submit {padding:10px 15px;}
.wpcf7-mail-sent-ok{border: none !important; color: green;}
.wpcf7-list-item {margin: 0 !important}