@charset "utf-8" ;

/* --- AGENCE PROFIL WEB - www.profil-web.fr --- */

/* /////  FONTS ///// */

@font-face {
  font-family: 'psv';
  src: url('fonts/psv.woff?1g7i6h') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'psv' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-doctolib:before {
  content: "\e90c";
}
.icon-close:before {
  content: "\e90a";
}
.icon-print:before {
  content: "\e90b";
}
.icon-annuaire:before {
  content: "\e900";
}
.icon-cb:before {
  content: "\e901";
}
.icon-contact:before {
  content: "\e902";
}
.icon-doc:before {
  content: "\e903";
}
.icon-eye:before {
  content: "\e904";
}
.icon-locate:before {
  content: "\e905";
}
.icon-pay:before {
  content: "\e906";
}
.icon-search:before {
  content: "\e907";
}
.icon-tel:before {
  content: "\e908";
}
.icon-arrow:before {
  content: "\e909";
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* /////  RESET MEYER  ///// */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* prevent iOS bug fond gris état focus */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing: border-box;
}

*::after {
	box-sizing: border-box;
}

*::before {
	box-sizing: border-box;
}

img[src$=".svg"] {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

/* /////  GENERAL ///// */

html {
    font-size: 62.5%;   /* équivalence 16px = 1.6rem */
}

body {
	background-color: #f4f4f4;
  	font-size: 1.6rem;
    font-family: 'PT Sans Narrow';
  	color: #5b5b5b;
}

a {
	text-decoration: none;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-property: color, border-color;
	transition-property: color, border-color;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

strong,b {
	font-weight: bold;
}

abbr {
	border-bottom: 1px dotted #555;
}

sup {
	vertical-align: super;
	font-size: 0.8em;
}

.blur {
	opacity: 0.4;
}

/* -------------- Classes Génériques -----------------------------*/

.clear {
	clear: both;
}

.wrap {
	margin: 0 auto;
	width: 1000px;
    position: relative;
}

@media screen and (max-width: 999px) { /* Version tablet */
	.wrap {
		width: 768px;
	}
}

@media screen and (max-width: 767px) { /* Version mobile */
	.wrap {
		width: 100%;
	}
}

.gcols {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    grid-gap: 20px;
}

@media screen and (max-width: 999px) { /* Version mobile */
    .gcols {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

.left {
	float: left;
}

.right {
	float: right;
}

.print {
    display: inline-block;
    color: #999;
    padding: 8px;
    padding-left: 35px;
    text-transform: uppercase;
    border: 1px solid #999;
    border-radius: 3px;
    position: relative;
}

.print i {
    color: #999;
    font-size: 2.8rem;
    position: absolute;
    left: 0;
    top: 2px;
}

.print:hover {
    color: #0b3c67;
    border-color: #0b3c67;
}

.print:hover i {
    color: #0b3c67;
}

/* /////  FORMS ///// */

input::-ms-clear {   /* bug du X - IE10 */
    display: none;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="date"],
input[type="tel"],
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0 none;
	border-radius: 0;
	padding: 15px;
	font-size: 1.6rem;
	font-family: inherit;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
textarea:focus {
	outline: none;
}

input[type="submit"],
input[type="button"],
button[type="submit"],
button,
.submit {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    cursor: pointer;
	border: 0 none;
	border-radius: 0;
	background-color: #ddd;
	color: #000;
}

.submit {
	display: block;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.submit:hover,
button[type="submit"]:hover {
	text-decoration: none;
}

textarea {
	resize: vertical;
}

input:-moz-placeholder {
   
}

input::-moz-placeholder {
    
}

input:-webkit-input-placeholder {
	
}

input:-ms-input-placeholder {
    
}

textarea:-moz-placeholder {
}

textarea::-moz-placeholder {
    
}

textarea:-webkit-input-placeholder {
    
}

textarea:-ms-input-placeholder {
    
}

/* /////  CAPTCHA ///// */

#captcha #reload {
	height: 30px;
	width: 30px;
	-webkit-transition: 250ms ease all;
	transition: 250ms ease all;
}

#captcha #reload:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	cursor: pointer;
}

#captcha #reload path {
	fill: #666;
}

/* /////  HEADER ///// */

body > header {
    background-color: #fff;
}

header #top-access {
    height: 44px;
    padding-top: 7px;
    margin-bottom: 15px;
    background-color: #0b3c67;
}

header #top-access form,
header #top-access li {
    float: right;
}
header #top-access li.first{
    float: left;
    color: #0b3c67;
}

header #top-access li a {
    display: block;
    height: 30px;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 15px 0 15px;
    text-align: center;
    margin-left: 7px;
    font-size: 1.4rem;
    background-color: #7c7c7c;
    border-radius: 3px;
}

header #top-access li:first-child a {
    background-color: #00a0de;
}

header #top-access li a i {
    font-size: 1.6rem;
}

header #top-access form {
    position: relative;
}

header #top-access input[type="search"] {
    width: 310px;
    height: 30px;
    font-size: 1.5rem;
    padding: 3px 35px 0 13px;
    border-radius: 3px;
}

header #top-access input[type="submit"] {
    position: absolute;
    right: 5px;
    top: 5px;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url(img/search.svg) center center no-repeat;
}

@media screen and (max-width: 999px) { /* Version tablet */
    header #top-access ul {
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) { /* Version mobile */
    header #top-access input[type="search"],
    header #top-access input[type="submit"]{
        display: none;
    }
    
    header #top-access form {
        border-radius: 3px;
        height: 30px;
        width: 30px;
         background: #fff url(img/search.svg) center center no-repeat;
        -webkit-background-size: 65%;
        background-size: 65%;
        cursor: pointer;
    }
    
    header #top-access form:hover {
        position: absolute;
        left: 10px;
        right: 10px;
        background-image: none;
        width: auto;
    }
    
    header #top-access form:hover input[type="search"],
    header #top-access form:hover input[type="submit"] {
        display: block;
    }
    
    header #top-access form:hover input[type="search"] {
        width: 100%;
    }
}


/* // */

header .certif-has {
    float: left;
    position: relative;
    width: 330px;
    padding-bottom: 50px;
}

header .certif-has p {
    position: absolute;
    bottom: 14px;
    left: 0;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 40px;
    color: #0b3c67;
}

header .certif-has p strong {
    color: #38C23D;
}

header .certif-has p::before {
    position: absolute;
    left: -15px;
    bottom: 0;
    content: url('img/label.svg');
    width: 50px;
    display: block;
    height: 50px;
}

header .certif-has img {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}

header #logo {
    display: block;
    width: 265px;
    height: 85px;
    background: transparent url(img/logo.jpg) 0 0 no-repeat;
    background-size: contain;
}

header #top-nav {
    float: right;
    padding-top: 30px;
}

header #top-nav > li {
    float: left;
}

header #top-nav > li > a {
    width: 160px;
    position: relative;
    height: 35px;
    padding: 0 10px;
    text-transform: uppercase;
    color: #0b3c67;
    border-left: 1px solid #dce7ea;
    font-weight: 700;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header #top-nav > li > a:hover {
    color: #92bf08;
}

header #top-nav > li.doctolib > a:hover {
    color: #0596de;
}

header #top-nav > li > a > i {
    color: #92bf08;
    margin-right: 5px;
    font-size: 2.5rem;
}

header #top-nav > li.doctolib > a > i {
    color: #0596de;
}


.doctolib i {
    color: #0596de;
}

@media screen and (max-width: 999px) { /* Version mobile */
    header .certif-has {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    header .certif-has p {
        left: -90px;
    }
    
    header #top-nav {
        float: none;
        padding-top: 0;
        width: 100%;
    }

    header #top-nav > li {
        float: left;
        width: 50%;
        padding: 2px;
    }

    header #top-nav > li > a {
        height: 75px;
        background-color: #e8f0f5;
        margin: 0;
        padding: 0 20px;
        text-align: center;
        min-width: auto;
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    
    header #top-nav > li:nth-child(even) > a {
        margin-right: 0;
    }
    
    header #top-nav > li > a > i {
        margin-bottom: 5px;
        margin-right: 0;
    } 
}

/* --- MAIN NAV --- */

/* // TOGGLE NAV // */

#main-nav  #toggle-nav {
    display: none;
    cursor: pointer;
    position: relative;
    width: 100%px;
    height: 60px;
    background-color: #0b3c67;
    margin: auto;
}

#main-nav #toggle-nav span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#main-nav  #toggle-nav span::before,
#main-nav  #toggle-nav span::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #fff;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-transition: 250ms ease all;
    transition: 250ms ease all;
}

#main-nav  #toggle-nav span::after {
    top: 12px;
}

#main-nav #toggle-nav.nav-mobile-actif span {
   background-color: #0b3c67;
}

#main-nav #toggle-nav.nav-mobile-actif span::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#main-nav #toggle-nav.nav-mobile-actif span::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: 24px -4px;
    -webkit-transform-origin: 24px -4px;
    -ms-transform-origin: 24px -4px;
    -o-transform-origin: 24px -4px;
}

@media screen and (max-width: 767px) { /* Version mobile */
    
    header .certif-has {
        padding-bottom: 60px;
    }

    header .certif-has p {
        left: 0;
        white-space: initial;
    }

    #main-nav  #toggle-nav {
        display: block;
    }
    
    #main-nav  ul.wrap {
        display: none;
    }
}

/* /// */

#main-nav > ul {
    height: 340px;
}

#main-nav > ul > li {
    border-right: 1px solid #fff;
    height: 340px;
    width: 60px;
    float: left;
    position: relative;
    overflow: hidden;
    background-color: #999;
    -webkit-transition: 250ms ease all;
    -webkit-transition: 450ms ease all;
    transition: 450ms ease all;
}

#main-nav > ul > li:last-child {
    border-right: 0;
}

#main-nav > ul > li > a {
    display: block;
    position: absolute;
    left: -140px;
    top: 140px;
    width: 340px;
    height: 60px;
    padding-left: 15px;
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 2.2rem;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#main-nav > ul > li.ouvert {
    width: 520px;
}

#main-nav > ul > li > a:hover,
#main-nav > ul > li.ouvert > a {
    font-weight: 700;
}


/* //  SOUS NAV // */

#main-nav ul > li ul {
    display: block;
    position: absolute;
    right: -230px;
    top: 0;
    width: 230px;
    height: 340px;
    padding-top: 35px;
    -webkit-transition: 250ms ease all;
    -webkit-transition: 450ms ease all;
    transition: 450ms ease all;
}

#main-nav ul > li.ouvert ul {
    right: 0;
}

#main-nav ul > li ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.8rem;
    padding-left: 30px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

#main-nav ul > li ul li a::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: 250ms ease all;
    transition: 250ms ease all;
}

#main-nav ul > li.ouvert ul li a:hover::after {
    width: 240px;
}

@media screen and (max-width: 999px) { /* Version tablet */
    #main-nav > ul > li {
        width: 50px;
    }
    
    #main-nav > ul > li.ouvert {
        width: 368px;
    }
    
    #main-nav > ul > li > a {
        top: 145px;
        left: -145px;
        height: 50px;
        padding-top: 15px;
    }
}

@media screen and (max-width: 767px) { /* Version mobile */ 
    #main-nav > ul {
        height: auto;
    }
    
    #main-nav > ul > li {
        width: 100%;
        height: auto;
        float: none;
    }
    
    #main-nav > ul > li > a {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    #main-nav ul > li ul {
        display: none;
        position: static;
        right: auto;
        top: auto;
        width: 100%;
        height: auto;
        padding: 10px 0;
    }
    
    #main-nav > ul > li.ouvert {
        display: block;
        width: 100%;
    }
    
    #main-nav > ul > li.ouvert ul {
        display: block;
        width: 100%;
        border-top: 1px solid #fff;
        right: auto;
    }
    
    #main-nav ul > li ul li a {
        margin-bottom: 0;
        height: auto;
        padding: 10px 15px;
    }
    
    #main-nav ul > li ul li a::after {
        content: none;
        display: none;
    }
}

/* /// COULEURS /// */

#main-nav .presentation > a,
#main-nav .presentation ul {
    background-color: #2f89b1;
    background-color: rgba(47,137,177,.85);
}

#main-nav .consultations > a,
#main-nav .consultations ul {
    background-color: #073a3f;
    background-color: rgba(7,58,63,.85);
}

#main-nav .chirurgie > a,
#main-nav .chirurgie ul {
    background-color: #088b7d;
    background-color: rgba(8,139,125,.85);
}

#main-nav .maternite > a,
#main-nav .maternite ul {
    background-color: #cb2e5e;
    background-color: rgba(203,46,94,.85);
}

#main-nav .medecine > a,
#main-nav .medecine ul {
    background-color: #412453;
    background-color: rgba(65,36,83,.85);
}

#main-nav .cancerologie > a,
#main-nav .cancerologie ul {
    background-color: #f2b615;
    background-color: rgba(242,182,21,.85);
}

#main-nav .geriatrie > a,
#main-nav .geriatrie ul {
    background-color: #f75f14;
    background-color: rgba(247,95,20,.85);
}

#main-nav .urgences > a,
#main-nav .urgences ul {
    background-color: #aa0707;
    background-color: rgba(170,7,7,.85);
}

#main-nav .readaptation > a,
#main-nav .readaptation ul {
    background-color: #8c7a63;
    background-color: rgba(140,122,99,.85);
}

/* /// IMAGES /// */

#main-nav .presentation {
    background-image: url(img/nav-accueil.jpg);
}

#main-nav .consultations {
    background-image: url(img/nav-consultations.jpg);
}

#main-nav .chirurgie {
    background-image: url(img/nav-chirurgie.jpg);
}

#main-nav .maternite {
    background-image: url(img/nav-maternite.jpg);
}

#main-nav .medecine {
    background-image: url(img/nav-medecine.jpg);
}

#main-nav .cancerologie {
    background-image: url(img/nav-cancerologie.jpg);
}

#main-nav .geriatrie {
    background-image: url(img/nav-geriatrie.jpg);
}

#main-nav .urgences {
    background-image: url(img/nav-urgences.jpg);
}

#main-nav .readaptation {
    background-image: url(img/nav-readaptation.jpg);
}

/* /// FB /// */

.fb {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    transition: 200ms ease all;
    margin-bottom: 20px;
    color: #3b5998;
}

.fb:hover {
    opacity: 0.5;
}

.fb img {
    width: 20px;
    min-width: 20px;
    height: auto;
    margin-right: 10px;
}

/* /////  FOOTER ///// */

body > footer {
    background-color: #0b3c67;
    color: #fff;
    padding: 25px 0;
    font-size: 1.5rem;
    line-height: 2.1rem;
}

footer .main-nav-footer,
footer #infos-psv {
    float: left;
    width: 480px;
    margin-bottom: 15px;
}

footer #infos-psv {
    width: 200px;
}

footer #nav-footer {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 0;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-width: 150px;
    -moz-column-width: 150px;
    -webkit-column-width: 150px;
    margin-bottom: 25px;
}

footer #nav-footer a {
    display: block;
    color: #fff;
    text-transform: uppercase;
}

footer #nav-footer a:hover {
    color: #046ac4;
}

footer .fb {
    color: #fff;
}

footer #infos-psv p,
footer #infos-psv ul {
    margin-bottom: 10px;
}

footer #infos-psv a {
	color: #046ac4;
}

footer #infos-psv a.btn {
	display: inline-block;
	margin-top: 5px;
	padding: 3px 5px;
	text-transform: uppercase;
	background-color: #fff;
	border: 1px solid #fff;
}

footer #infos-psv a.btn:hover {
	background-color: transparent;
	color: #fff;
}

footer #map {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 220px;
}

footer #map a {
    display: block;
    background: transparent url(img/map.jpg) center center no-repeat;
    height: 100%;
    width: 100%;
}

footer #colophon,
footer #colophon a {
    color: #046ac4;
}

footer #colophon a:hover {
    color: #fff;
}

@media screen and (max-width: 999px) { /* Version tablet */ 
    footer .wrap {
        width: 728px;
    }
    
    footer #nav-footer {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
    
    footer .main-nav-footer {
        width: 50%;
    }
    
    footer #infos-psv {
        width: 100%;
    }
}

@media screen and (max-width: 767px) { /* Version mobile */ 
    footer .wrap {
        width: 100%;
        padding: 0 15px;
    }
    
    footer #infos-psv {
        margin-left: 10px;
        float: none;
    }
    
    footer #map {
        position: static;
        right: auto;
        top: auto;
        margin: auto;
        margin-bottom: 20px;
    }
    
    footer #colophon {
        margin-left: 10px;
        margin-right: 100px;
    }
}

@media screen and (max-width: 639px) { /* Version mobile */ 
    footer .main-nav-footer {
        width: 100%;
    }

    footer #infos-psv {
        width: 100%;
    }
}

/* /////  CONTENT ///// */

#content {
    padding: 25px 0;
}

@media screen and (max-width: 999px) { /* Version tablet */ 
    #content {
        padding: 25px 10px;
    }
}

#content h1 {
    font-weight: 700;
    font-size: 4.3rem;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 0.25rem;
    color: #0b3c67;
}

#main h2,
#sidebar .bloc h2 {
    position: relative;
    font-size: 3rem;
    font-weight: 700;
    padding-left: 20px;
    color: #0b3c67;
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.1rem;
}

#main h2::before,
#sidebar .bloc h2::before {
    display: block;
    content:'';
    position: absolute;
    left: -40px;
    top: 13px;
    width: 50px;
    height: 2px;
    background-color: #00a0de;
}

.rech #main h2{
    font-size: 2rem;
}
.rech .search{
    border:1px solid #0b3c67;
    border-radius: 3px;
    padding: 8px;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}
.rech .bt-search{
    padding: 11px;
    background-color: #00a0de;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-left: 7px;
    font-size: 1.4rem;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}
.rech form{
    text-align: center;
}
.resultat a{
    font-size: 1.7rem;
    line-height: 1.5;
    color: #0b3c67;
}
/* /// BREADCRUMB /// */

#breadcrumb {
    color: #5b5b5b;
    margin-bottom: 30px;
}

#breadcrumb a {
    color: #5b5b5b;
    text-decoration: underline;
}

/* //// */

#content > #main {
    width: 676px;
    min-height: 317px;
    float: left;
    background-color: #fff;
    padding: 10px 30px;
    position: relative;
}

#content > #main.full {
    float: none;
    width: 100%;
    padding-top: 40px;
}

#actualites #content > #main {
    width:100%;
}

#sidebar {
    width: 300px;
    float: right;
}

@media screen and (max-width: 999px) { /* tablet */
    #content > #main {
        width: 400px;
        margin-bottom: 20px;
    }
    
    #home #content > #main,
    #home #sidebar {
        width: 354px;
    }
    #breadcrumb{
        padding:0 10px;
    }

}

@media screen and (max-width: 767px) { /* Version mobile */ 
    #content > #main,
    #home #content > #main,
    #home #sidebar {
        width: 100%;
        float: none;
    }

    #sidebar {
        width: 300px;
        float: none;
        margin: auto;
    }
    
    #home #content > #main {
        min-height: inherit;
    }
    
    #content > #main {
        padding: 10px 20px 20px;
        /*margin-bottom: 10px;*/
    }
}

/* HOME PAGE */

#home #content > #main {
    background-color: transparent;
    padding: 0;
}

#home #content > #main .ck {
    padding: 10px 30px;
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 310px;
}

.home-widget {
    border-radius: 8px;
    min-height: 150px;
    padding: 30px;
    text-align: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.widget-doctolib {
    background-color: #0596de;
    color: #fff;
}

.widget-payment {
    background-color: #006599;
    color: #fff;
}

.home-widget p {
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.home-widget img {
    margin-bottom: 15px;
    max-width: 130px;
    height: 50px;
}

.home-widget .btn {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #0596de;
    border: 1px solid #fff;
    text-transform: uppercase;
    border-radius: 5px;
    margin-bottom: 10px;
}

.home-widget a:not(.btn) {
    color: #fff;
}

.home-widget a:not(.btn):hover {
    opacity: 0.5;
}

.home-widget .more {
    margin-right: 5px;
}

#main .home-widget .btn:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

/* CMS - CK Editor */
.ck h3,
#sidebar h3 {
	font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: justify;
	margin-bottom: 15px;
}

.ck p {
	text-align: justify;
	line-height: 2rem;
	margin-bottom: 15px;
}

.ck img {
    max-width: 100%;
}

.ck .tac {
    text-align: center;
}

.ck ul {
	padding-left: 20px;
	border-left: 2px solid #ccc;
	margin-bottom: 15px;
}

.ck a {
    color: #00a0de;
}

.ck a:hover {
    color: #0b3c67;
}

.ck ul li {
	line-height: 2rem;
}

.ck .rdv-specialities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding-top: 40px;
    margin-bottom: 40px;
}

.ck .rdv-specialities a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 45px;
    text-align: left;
    text-transform: uppercase;
    padding: 0 20px;
    color: #00a0de;
    border: 1px solid #00a0de;
}

.ck .rdv-specialities a:hover {
    color: #fff;
    background-color: #00a0de;
}

.ck .rdv-specialities a.big {
    grid-column: span 2;
    justify-content: center;
    height: 120px;
    padding: 20px;
}

.ck .rdv-specialities a.big img {
    margin-right: 24px;
}

.ck .rdv-specialities a.big span {
    font-size: 3rem;
}

@media screen and (max-width: 999px) { /* tablet */
    .ck .rdv-specialities {
        grid-template-columns: repeat(3, 1fr);
    }

    .ck .rdv-specialities a.big {
        grid-column: span 3;
    }
}

@media screen and (max-width: 768px) { /* tablet */
    .ck .rdv-specialities {
        grid-template-columns: repeat(2, 1fr);
    }

    .ck .rdv-specialities a.big {
        grid-column: span 2;
    }
}

@media screen and (max-width: 500px) { /* tablet */
    .ck .rdv-specialities {
        grid-template-columns: 1fr;
    }

    .ck .rdv-specialities a.big {
        grid-column: auto;
    }
}

/* // ACTUS // */

.actu p {
    text-align: justify;
    margin-bottom: 10px;
}

.more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    background-color: #00a0de;
    color: #fff!important;
    text-align: center;
    border-radius: 3px;
}

.more:hover {
    background-color: #0b3c67!important;
}

#all {
    display: block;
    height: 30px;
    text-transform: uppercase;
    color: #fff;
    padding-top: 8px;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 1.4rem;
    background-color: #7c7c7c;
    border-radius: 3px;
}

#all:hover {
    background-color: #00a0de;
}

#all span {
    letter-spacing: 0.1rem;
}

#all i {
    display: none;
}

@media screen and (max-width: 639px) { /* Version mobile */
    #all span {
        display: none;
    }
    
    #all i {
        display: block;
    }
}

#main > #all,
#home #all {
    position: absolute;
    right: 20px;
    top: 20px;
}

#main .actu {
    float: left;
    width: 290px;
    margin-right: 30px;
}

#main .actu + .actu {
    margin-right: 0;
}

#actualites #main > .actu {
    margin-right: 30px;
    min-height: 135px;
}

#actualites #main .actu:nth-child(3n+3) {
    margin-right: 0;
}

@media screen and (max-width: 999px) { /* tablet */
    #home #main .actu + .actu {
        display: none;
    }
    
    #main .actu {
        width: 100%;
    }
}

@media screen and (max-width: 639px) { /* Version mobile */ 
    #main > #all,
    #home #all {
        width: 30px;
    }
}

/* // CONTACT // */

#contact input, 
#contact textarea {
    display: block;
    width: 100%;
    background-color: #eee;
    color: #0b3c67;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

#contact textarea {
    min-height: 150px;
}

#contact input:focus,
#contact textarea:focus{
    background-color: #fff;
    border-color: #0b3c67;
}

#contact input#captchaInput {
    width: 50%;
    float: right;
}

@media screen and (max-width: 380px) { /* Version mobile ++ */ 
    #contact #captcha > img {
        padding-top: 12px;
        width: 80px;
    }
}

#contact #content input[type="submit"] {
    height: 45px;
    width: 250px;
    display: block;
    margin: auto;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    background-color: #0b3c67;
    border: 1px solid #0b3c67;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

#contact input[type="submit"]:hover {
    background-color: transparent;
    color: #0b3c67;
}


/* //// SIDEBAR // */

#sidebar .bloc {
    background-color: #fff;
    padding: 10px 25px 20px 30px;
    margin-bottom: 10px;
}

#sidebar .bloc:only-child {
    min-height: 270px;
}

.actu h3,
#sidebar h3 {
    color: #0b3c67;
    margin-bottom: 10px;
}

#sidebar li, 
#sidebar p {
    margin-bottom: 7px;
}

.page #sidebar .bloc ul:not(:last-child) {
    margin-bottom: 25px;
}

/* // BTN CONTACT // */

#btn-contact li a {
    display: block;
    width: 100%;
    color: #fff;
    height: 75px;
    font-size: 2.5rem;
    padding-left: 65px;
    padding-top: 26px;
    position: relative;
    background-color: #ccc;
    margin-bottom: 10px;
    border-radius: 3px;
    letter-spacing: 0.1rem;
}

#btn-contact li a:hover {
    background-color: #0b3c67!important;
    box-shadow: 0 2px 0 0 rgba(6,41,71,1)!important;
}

#btn-contact li a i {
    position: absolute;
    left: 0;
    top: 14px;
    font-size: 4.5rem;
}

#btn-contact li a span {
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 4.5rem;
}

/* // INFOS PRATIQUES // */

#infos ul {
    margin-bottom: 15px;
}

#infos p {
	line-height: 1.3;
	margin-bottom: 20px;
}

#infos li strong,
#infos p a {
    color: #00a0de;
}

.btn-livret {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #fff!important;
    background-color: #0b3c67;
    border: 1px solid #0b3c67;
    padding: 7px;
    margin-bottom: 15px;
}

.btn-livret:hover {
    color: #0b3c67!important;
    background-color: transparent;
}

/* /// COLORS // */

/* PRESENTATION - rgb(47,137,177) */

#presentation #content h1,
#presentation .bloc:not(#actus) li strong,
#presentation .ck a,
#presentation .bloc a {
    color: rgb(47,137,177);
}

#presentation #main h2::before,
#presentation #sidebar .bloc h2::before,
#presentation #btn-contact li a,
#presentation .actu .more {
    background-color: rgb(47,137,177);
}

#presentation #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(21, 86, 114,.8);
}

/* CONSULTATIONS - rgb(7,58,63) */

#consultations #content h1,
#consultations .bloc:not(#actus) li strong,
#consultations .ck a,
#consultations .bloc a {
    color: rgb(7,58,63);
}

#consultations #main h2::before,
#consultations #sidebar .bloc h2::before,
#consultations #btn-contact li a,
#consultations .actu .more {
    background-color: rgb(7,58,63);
}

#consultations #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(7,38,41,1);
}

/* CHIRURGIE - rgb(8,139,125) */

#chirurgie #content h1,
#chirurgie .bloc:not(#actus) li strong,
#chirurgie .ck a,
#chirurgie .bloc a { 
    color: rgb(8,139,125);
}

#chirurgie #main h2::before,
#chirurgie #sidebar .bloc h2::before,
#chirurgie #btn-contact li a,
#chirurgie .actu .more {
    background-color: rgb(8,139,125);
}

#chirurgie #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(9,71,64,1);
}

/* MATERNITE - rgb(203,46,94) */

#maternite #content h1,
#maternite .bloc:not(#actus) li strong,
#maternite .ck a,
#maternite .bloc a {
    color: rgb(203,46,94);
}

#maternite #main h2::before,
#maternite #sidebar .bloc h2::before,
#maternite #btn-contact li a,
#maternite .actu .more {
    background-color: rgb(203,46,94);
}

#maternite #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(125,23,54,1);
}

/* MEDECINE - rgb(65,36,83) */

#medecine #content h1,
#medecine .bloc:not(#actus) li strong,
#medecine .ck a,
#medecine .bloc a {
    color: rgb(65,36,83);
}

#medecine #main h2::before,
#medecine #sidebar .bloc h2::before,
#medecine #btn-contact li a,
#medecine .actu .more {
    background-color: rgb(65,36,83);
}

#medecine #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(33,13,45,1);
}

/* CANCEROLOGIE - rgb(242,182,21) */

#cancerologie #content h1,
#cancerologie .bloc:not(#actus) li strong,
#cancerologie .ck a,
#cancerologie .bloc a {
    color: rgb(242,182,21);
}

#cancerologie #main h2::before,
#cancerologie #sidebar .bloc h2::before,
#cancerologie #btn-contact li a,
#cancerologie .actu .more {
    background-color: rgb(242,182,21);
}

#cancerologie #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(206,151,2,1);
}

/* GERIATRIE - rgb(247,95,20) */

#geriatrie #content h1,
#geriatrie .bloc:not(#actus) li strong,
#geriatrie .ck a,
#geriatrie .bloc a {
    color: rgb(247,95,20);
}

#geriatrie #main h2::before,
#geriatrie #sidebar .bloc h2::before,
#geriatrie #btn-contact li a,
#geriatrie .actu .more {
    background-color: rgb(247,95,20);
}

#geriatrie #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(162,53,0,1);
}

/* URGENCES - rgb(247,95,20) */

#urgences #content h1,
#urgences .bloc:not(#actus) li strong,
#urgences .ck a,
#urgences .bloc a {
    color: rgb(170,7,7);
}

#urgences #main h2::before,
#urgences #sidebar .bloc h2::before,
#urgences #btn-contact li a,
#urgences .actu .more {
    background-color: rgb(170,7,7);
}

#urgences #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(97,6,6,1);
}

/* READAPTATION - rgb(140,122,99) */

#readaptation #content h1,
#readaptation .bloc:not(#actus) li strong,
#readaptation .ck a,
#readaptation .bloc a {
    color: rgb(140,122,99);
}

#readaptation #main h2::before,
#readaptation #sidebar .bloc h2::before,
#readaptation #btn-contact li a,
#readaptation .actu .more {
    background-color: rgb(140,122,99);
}

#readaptation #btn-contact li a {
     box-shadow: 0px 2px 0px 0px rgba(140,122,99,1);
}

/* //// METEO // */

#meteo {
	color: #0b3c67;
    position: relative;
    min-height: 135px;
}

#meteo.bloc > h2 {
    font-size: 2.4rem;
}

#meteo .temp {
    position: absolute;
    right: 120px;
    top: 75px;
	font-size:4rem;
    color: #00a0de;
}

#meteo .condition {
    background-image: url(img/meteo.png);
    background-repeat: no-repeat;
    -webkit-transform: scale(0.5);/* Saf3.1+, Chrome */
    -moz-transform: scale(0.5); /* FF3.5+ */
    -ms-transform: scale(0.5); /* IE9 */
    -o-transform: scale(0.5); /* Opera 10.5+ */
    transform: scale(0.5);
    display: block;
    position: absolute;
    top: 30px;
    left: 20px;
}

.condition-averses-de-neige-faible-big-png {
    width: 125px;
    height: 125px;
    background-position: -816px -0px;
}
.condition-averses-de-neige-faible-png {
    width: 45px;
    height: 45px;
    background-position: -816px -784px;
}
.condition-averses-de-pluie-faible-big-png {
    width: 125px;
    height: 125px;
    background-position: -680px -680px;
}
.condition-averses-de-pluie-faible-png {
    width: 45px;
    height: 45px;
    background-position: -928px -728px;
}
.condition-averses-de-pluie-forte-big-png {
    width: 125px;
    height: 125px;
    background-position: -544px -680px;
}

.condition-averses-de-pluie-forte-png {
    width: 45px;
    height: 45px;
    background-position: -872px -728px;
}

.condition-averses-de-pluie-moderee-big-png {
    width: 125px;
    height: 125px;
    background-position: -408px -680px;
}

.condition-averses-de-pluie-moderee-png {
    width: 45px;
    height: 45px;
    background-position: -816px -728px;
}

.condition-brouillard-big-png {
    width: 125px;
    height: 125px;
    background-position: -272px -680px;
}

.condition-brouillard-png {
    width: 45px;
    height: 45px;
    background-position: -928px -672px;
}

.condition-ciel-voile-big-png {
    width: 125px;
    height: 125px;
    background-position: -136px -680px;
}

.condition-ciel-voile-png {
    width: 45px;
    height: 45px;
    background-position: -872px -672px;
}

.condition-couvert-avec-averses-big-png {
    width: 125px;
    height: 125px;
    background-position: -0px -680px;
}

.condition-couvert-avec-averses-png {
    width: 45px;
    height: 45px;
    background-position: -816px -672px;
}

.condition-developpement-nuageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -680px -544px;
}

.condition-developpement-nuageux-png {
    width: 45px;
    height: 45px;
    background-position: -928px -616px;
}

.condition-eclaircies-big-png {
    width: 125px;
    height: 125px;
    background-position: -544px -544px;
}

.condition-eclaircies-png {
    width: 45px;
    height: 45px;
    background-position: -872px -616px;
}

.condition-ensoleille-big-png {
    width: 125px;
    height: 125px;
    background-position: -408px -544px;
}

.condition-ensoleille-png {
    width: 45px;
    height: 45px;
    background-position: -816px -616px;
}

.condition-faiblement-nuageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -272px -544px;
}

.condition-faiblement-nuageux-png {
    width: 45px;
    height: 45px;
    background-position: -928px -560px;
}

.condition-faiblement-orageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -136px -544px;
}

.condition-faiblement-orageux-png {
    width: 45px;
    height: 45px;
    background-position: -872px -560px;
}

.condition-faibles-passages-nuageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -0px -544px;
}

.condition-faibles-passages-nuageux-png {
    width: 45px;
    height: 45px;
    background-position: -816px -560px;
}

.condition-fortement-nuageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -680px -408px;
}

.condition-fortement-nuageux-png {
    width: 45px;
    height: 45px;
    background-position: -928px -504px;
}

.condition-fortement-orageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -544px -408px;
}

.condition-fortement-orageux-png {
    width: 45px;
    height: 45px;
    background-position: -872px -504px;
}

.condition-neige-faible-big-png {
    width: 125px;
    height: 125px;
    background-position: -408px -408px;
}

.condition-neige-faible-png {
    width: 45px;
    height: 45px;
    background-position: -816px -504px;
}

.condition-neige-forte-big-png {
    width: 125px;
    height: 125px;
    background-position: -272px -408px;
}

.condition-neige-forte-png {
    width: 45px;
    height: 45px;
    background-position: -928px -448px;
}

.condition-neige-moderee-big-png {
    width: 125px;
    height: 125px;
    background-position: -136px -408px;
}

.condition-neige-moderee-png {
    width: 45px;
    height: 45px;
    background-position: -872px -448px;
}

.condition-nuit-avec-averses-big-png {
    width: 125px;
    height: 125px;
    background-position: -0px -408px;
}

.condition-nuit-avec-averses-de-neige-faible-big-png {
    width: 125px;
    height: 125px;
    background-position: -680px -272px;
}

.condition-nuit-avec-averses-de-neige-faible-png {
    width: 45px;
    height: 45px;
    background-position: -816px -448px;
}

.condition-nuit-avec-averses-png {
    width: 45px;
    height: 45px;
    background-position: -928px -392px;
}

.condition-nuit-avec-developpement-nuageux-big-png {
    width: 125px;
    height: 125px;
    background-position: -544px -272px;
}

.condition-nuit-avec-developpement-nuageux-png {
    width: 45px;
    height: 45px;
    background-position: -872px -392px;
}

.condition-nuit-bien-degagee-big-png {
    width: 125px;
    height: 125px;
    background-position: -408px -272px;
}

.condition-nuit-bien-degagee-png {
    width: 45px;
    height: 45px;
    background-position: -816px -392px;
}
.condition-nuit-claire-big-png {
    width: 125px;
    height: 125px;
    background-position: -272px -272px;
}
.condition-nuit-claire-et-stratus-big-png {
    width: 125px;
    height: 125px;
    background-position: -136px -272px;
}
.condition-nuit-claire-et-stratus-png {
    width: 45px;
    height: 45px;
    background-position: -928px -336px;
}
.condition-nuit-claire-png {
    width: 45px;
    height: 45px;
    background-position: -872px -336px;
}
.condition-nuit-faiblement-orageuse-png {
    width: 45px;
    height: 45px;
    background-position: -816px -336px;
}
.condition-nuit-faiblement-orageuse_big-png {
    width: 125px;
    height: 125px;
    background-position: -0px -272px;
}
.condition-nuit-legerement-voilee-big-png {
    width: 125px;
    height: 125px;
    background-position: -680px -136px;
}
.condition-nuit-legerement-voilee-png {
    width: 45px;
    height: 45px;
    background-position: -928px -280px;
}
.condition-nuit-nuageuse-big-png {
    width: 125px;
    height: 125px;
    background-position: -544px -136px;
}
.condition-nuit-nuageuse-png {
    width: 45px;
    height: 45px;
    background-position: -872px -280px;
}
.condition-orage-modere-big-png {
    width: 125px;
    height: 125px;
    background-position: -408px -136px;
}
.condition-orage-modere-png {
    width: 45px;
    height: 45px;
    background-position: -816px -280px;
}
.condition-pluie-et-neige-melee-big-png {
    width: 125px;
    height: 125px;
    background-position: -272px -136px;
}
.condition-pluie-et-neige-melee-faible-big-png {
    width: 125px;
    height: 125px;
    background-position: -136px -136px;
}
.condition-pluie-et-neige-melee-faible-png {
    width: 45px;
    height: 45px;
    background-position: -928px -224px;
}
.condition-pluie-et-neige-melee-forte-big-png {
    width: 125px;
    height: 125px;
    background-position: -0px -136px;
}
.condition-pluie-et-neige-melee-forte-png {
    width: 45px;
    height: 45px;
    background-position: -872px -224px;
}
.condition-pluie-et-neige-melee-moderee-big-png {
    width: 125px;
    height: 125px;
    background-position: -680px -0px;
}
.condition-pluie-et-neige-melee-moderee-png {
    width: 45px;
    height: 45px;
    background-position: -816px -224px;
}
.condition-pluie-et-neige-melee-png {
    width: 45px;
    height: 45px;
    background-position: -928px -168px;
}
.condition-pluie-faible-big-png {
    width: 125px;
    height: 125px;
    background-position: -544px -0px;
}
.condition-pluie-faible-png {
    width: 45px;
    height: 45px;
    background-position: -872px -168px;
}
.condition-pluie-forte-big-png {
    width: 125px;
    height: 125px;
    background-position: -408px -0px;
}
.condition-pluie-forte-png {
    width: 45px;
    height: 45px;
    background-position: -816px -168px;
}
.condition-pluie-moderee-big-png {
    width: 125px;
    height: 125px;
    background-position: -272px -0px;
}
.condition-pluie-moderee-png {
    width: 45px;
    height: 45px;
    background-position: -952px -112px;
}
.condition-stratus-big-png {
    width: 125px;
    height: 125px;
    background-position: -136px -0px;
}
.condition-stratus-png {
    width: 45px;
    height: 45px;
    background-position: -952px -56px;
}
.condition-stratus-se-dissipant-big-png {
    width: 125px;
    height: 125px;
    background-position: -0px -0px;
}
.condition-stratus-se-dissipant-png {
    width: 45px;
    height: 45px;
    background-position: -952px -0px;
}

/* POPUP */

body.mode-popup::after {
    display: block;
    content: '';
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9998;
}

.popup {
    display: none;
    position: relative;
    padding: 30px;
    text-align: center;
}

.popup.open {
    display: block;
    background-color: #fff;
    color: #333;
    text-align: left;
    position: fixed;
    top: 10%;
    left: 50%;
    height: auto;
    width: 90%;
    max-width: 790px;
    margin-left: -395px;
    z-index: 9999;
}

.popup h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2.5rem;
}

.popup h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.7rem;
}

.popup ul li {
    margin-bottom: 20px;
}

.popup ul li a {
    color: #92bf08;
    font-size: 1.8rem;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #92bf08;
    padding: 5px;
    padding-left: 0;
}

.popup ul li a:hover {
    color: #fff;
    background-color: #92bf08;
}

.popup ul.lst,
.popup p {
    margin-bottom: 20px;
}

.popup .lst li {
    margin-bottom: 0;
    padding-left: 15px;
    border-left: 2px solid #92bf08;
}

.popup .cols {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup .btn {
    background-color: #92bf08;
    color: #fff;
    font-size: 1.8rem;
    border-radius: 3px;
    height: 50px;
    padding: 0 15px;
    text-align: center;
    margin: 0 5px;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.popup .btn.btn-docto {
    min-width: 380px;
    background-color: #0596de;
}

.popup .btn.variant {
    background-color: #0b3c67;
    border: 1px solid #0b3c67;
    margin: auto;
}

.popup .btn.variant:hover {
    background-color: #fff;
    color: #0b3c67;
    border-color: #0b3c67;
}

.popup .btn img {
    display: inline-block;
    margin: 0 5px;
    max-height: 40px;
}

.popup .btn:hover {
    background-color: #0b3c67;
}

@media screen and (max-width: 880px) { /* 640 */
    .popup.open {
        left: 5%;
        right: 5%;
        width: auto;
        max-width: 90%;
        margin-left: 0;
    }
}

.popup .close-popup {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 3rem;
    color: #333;
}

@media screen and (max-width: 639px) { /* 640 */
    .popup.open {
        left: 0;
        right: 0;
        max-width: 100%;
        top: 0;
        bottom: 0;
        overflow-y: scroll;
    }
    
    .popup .close-popup {
        position: fixed;
    }

    .popup .cols { 
        flex-direction: column;
    }

    .popup .btn {
        width: 100%;
    }

    .popup .btn.btn-docto {
        min-width: 0;
    }
}

@media screen and (max-width: 320px) { 
    #main-nav > ul > li > a{
        font-size: 2.05rem;
    }
}
@media screen and (max-width: 639px) {
    #content h1{
        font-size: 3rem;
        letter-spacing: 0.10rem;
        padding: 10px;
    }
    #main h2, #sidebar .bloc h2{
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 480px) {
    .page #main.ck img{
        max-width: 100%;
        height:auto !important;
        margin-bottom: 10px;
    }
    
}

.rgpd {
    display: flex;
}

.rgpd input {
    width: auto !important;
    margin-right: 10px;
}

/* COOKIES */
.cookie-consent {
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    min-height: 200px;
    color: #fff;
    background-color: #00a0de;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cookie-consent h3 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
}

.cookie-consent p {
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 20px;
}

.cookie-consent form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookie-consent input[type="submit"] {
    margin: 0 10px;
    appearance: none;
    background-color: #fff;
    height: 50px;
    width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    color: #00a0de;
}