@charset "utf-8";
/* CSS Document */
/* Reset */
htmlhtml {font-size: 100%;position:relative;width:100%;} 
body {margin: 0; padding: 0;font-size: 12px; line-height: 1.4; font-family: verdana, helvetica, sans-serif;height:100%;position:relative; color:#515151} 
ul { margin: 0; padding: 0; } 
p {margin: 0;padding:0;} 
a{ text-decoration:none;outline: none;} 
img { border: none; } 
form { margin: 0; padding: 0; border: none;} 
input, select { vertical-align: middle;}
input, select , textarea {font-family:verdana, Helvetica, sans-serif;font-size: 12px;}
.clear {clear:both;}
.gauche {text-align:left;}
.left {float:left;}
.right {float:right;}
.centre {text-align:center;}
.inline {display:inline;}
#space {white-space: nowrap;}

@font-face {
    font-family: 'HelveticaNeueLT97BlackCnRg';
    src: url('helveticalt97blackcondensed-webfont.eot');
    src: url('helveticalt97blackcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticalt97blackcondensed-webfont.woff') format('woff'),
         url('helveticalt97blackcondensed-webfont.ttf') format('truetype'),
         url('helveticalt97blackcondensed-webfont.svg#HelveticaNeueLT97BlackCnRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Propriétés générales */
body {background-color:rgb(211,243,255);z-index:0;}
h1 {color:rgb(0,165,223); font-size:42px; font-family:HelveticaNeueLT97BlackCnRg,sans-serif;}
h2 {color:rgb(0,165,223); font-size:18px;}
h3 {color:rgb(0,98,140); font-size:12px; font-weight:bold;}
h4 {color:rgb(255,168,0); font-size:12px; font-weight:bold; }
a {cursor:pointer;}
.orange {color:rgb(255,168,0);}
.rouge {color: #FFA800;}
.presentation {float: left; margin-right: 20px; margin-left: 0px; margin-bottom: 30px;}

/* Header */
#bande {width:100%; height:10px; background-color:rgb(0,167,224);z-index:2;}
#entete {margin-top:-20px; height:90px;}
#clinique {float:left;}
#menu_superieur{text-align:right; font-family: helvetica, verdana, sans-serif;}
#menu_superieur a {color:rgb(0,98,140); font-size:12px; font-weight:bold; letter-spacing:1px;}
#menu_superieur a:hover{background-color:rgb(255,168,0); color:#FFFFFF;}
#menu_superieur a.on{background-color:rgb(255,168,0);color:#FFFFFF;}
#maisonorange {display:none;}

/* Pages */
#conteneur {max-width:980px; width: 100%; min-height:100%; margin:auto; padding:30px; background-color:rgb(233,249,255);z-index:1;}
#contenu {width:630px; float:right; text-align:justify; margin-top:-10px;}
#contenu h1{ text-align:left;}
#contenu a {text-decoration:underline; color:rgb(0,165,223);}
#contenu li{list-style-position:inside;}


/* Menu_gauche */
#menu_gauche {float:left; width:260px;}
#menu_gauche a{border-left:5px solid rgb(255,168,0); width:255px; padding:5px; font-size:12px; font-weight:bold; color:rgb(0,98,140);display:block;}
#menu_gauche a:hover {background-color:rgb(255,168,0); width:255px; border-left:5px solid rgb(0,165,223);margin-top:3px; color:#FFFFFF; display:block;}
#menu_gauche a.on {background-color:rgb(255,168,0); border-left:5px solid rgb(0,165,223);margin-top:3px; color:#FFFFFF;}
#menu_gauche li{list-style-type:none;margin-top:3px;}



/* Sous_menu*/
#sous_menu {width:630px; height:300px;float:right;}
#sous_menu_biblio {background-image:url(images/img192.jpg); max-width: 100%; width:630px; height:300px;float:right;}
.biblioGauche {margin-right: 90px;}
.biblio {margin-bottom: 30px;}

#sous_menu1 {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu1_texte h1{margin:5px;}
#sous_menu1_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu1_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu1_texte li:hover{background-color:#00a5df;}
#sous_menu1_texte li.on{background-color:#00a5df;}

#sous_menu2 {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu2_texte h1{margin:5px;}
#sous_menu2_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu2_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu2_texte li:hover{background-color:#00a5df;}
#sous_menu2_texte li.on{background-color:#00a5df;}

#sous_menu3 {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu3_texte h1{margin:5px;}
#sous_menu3_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu3_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu3_texte li:hover{background-color:#00a5df;}
#sous_menu3_texte li.on{background-color:#00a5df;}

#sous_menu4 {background-image:url(images/fond_sous_menu.png);  max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu4_texte h1{margin:5px;}
#sous_menu4_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu4_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu4_texte li:hover{background-color:#00a5df;}
#sous_menu4_texte li.on{background-color:#00a5df;}

#sous_menu5 {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu5_texte h1{margin:5px;}
#sous_menu5_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu5_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu5_texte li:hover{background-color:#00a5df;}
#sous_menu5_texte li.on{background-color:#00a5df;}

#sous_menu6 {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu6_texte h1{margin:5px;}
#sous_menu6_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu6_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu6_texte li:hover{background-color:#00a5df;}
#sous_menu6_texte li.on{background-color:#00a5df;}

#sous_menu7 {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu7_texte h1{margin:5px;}
#sous_menu7_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu7_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu7_texte li:hover{background-color:#00a5df;}
#sous_menu7_texte li.on{background-color:#00a5df;}

#sous_menu_hospitalisation {background-image:url(images/clinique-pied-sans-contact.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu_hospitalisation_texte h1{margin:5px;}
#sous_menu_hospitalisation_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu_hospitalisation_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu_hospitalisation_texte li:hover{background-color:#00a5df;}
#sous_menu_hospitalisation_texte li.on{background-color:#00a5df;}

#sous_menu_guide_post_operatoire {background-image:url(images/fond_sous_menu.png); max-width: 100%;background-repeat:no-repeat; width:630px; height:300px; float:right;}
#sous_menu_guide_post_operatoire_texte h1{margin:5px;}
#sous_menu_guide_post_operatoire_texte li{text-align:center; background-color:rgb(255,168,0); list-style-type:none;width:255px; margin-top:3px; margin-right:20px;height:30px; padding-top:10px;color:#FFFFFF;}
#sous_menu_guide_post_operatoire_texte a{font-size:12px; font-weight:bold;color:#FFFFFF;}
#sous_menu_guide_post_operatoire_texte li:hover{background-color:#00a5df;}
#sous_menu_guide_post_operatoire_texte li.on{background-color:#00a5df;}

/* Blocs de gauche */
#gauche {float:left;}

/* Bloc_contact */
#bloc_contact {background-image:url(images/bloc_contact.jpg); background-repeat:no-repeat; color:#FFFFFF; text-align:right; width:270px; height:200px; margin-top:30px;}
#bloc_contact a {color:#FFFFFF}
#bloc_contact h1 {color:#FFFFFF; font-size:24px; font:Helvetica, Arial, sans-serif}
#text_contact {padding:10px; padding-top:0;}
#text_contact .savoir {margin-top:7px}
#text_contact .savoir:hover {text-decoration:underline;}

/* Lexique */
#lexique {width:630px; max-width: 100%; float:right; text-align:justify;}
#lexique h2{width:630px; background-color:#c8edfa; border-bottom:1px dashed #00a5df}
.retour{float:right;text-decoration:none;text-decoration:underline;font-size:12px; padding:3px;color:rgb(0,165,223);}
#lexique a.retour{color:rgb(0,165,223);}
#lexique ul{color:rgb(255,168,0);}
#lexique li{list-style-position:inside; margin-left:20px;}
#lexique .noir:hover{text-decoration:underline;}
#lexique .noir{color:#515151;}

/* Contact */
#itineraire {padding-right:10px;}
.carreblanc {background-color:#FFFFFF; border:1px solid #b5e2f3;margin-top:20px; border-radius:10px; padding:10px;}
#image1 {height:270px;}
#image1 p{margin-left:320px;}
#image2 {background-image:url(images/photo_doctolib2.jpg); background-repeat:no-repeat; min-height:160px;}
#image2 h2,#image2 h4,#image2 p{margin-left:150px;}
#image3 {background-image:url(images/enveloppe.png); background-repeat:no-repeat;}
#image3 h2,#image3 h4,#image3 p{margin-left:150px;}
.carreblanc h2 {color:rgb(0,165,223); font-size:14px;}
.carreblanc .left {float:left;display:block; height:150px;}
.carreblanc .right {float:right;display:block;height:150px;}

/* L'equipe */
#outters h2,#outters h4,#outters p{margin-left:150px;}
#outters {background-image:url(images/photo_doctolib2.jpg); background-repeat:no-repeat; min-height:150px;}
#furioli h2,#furioli h4,#furioli p{margin-left:150px;}
#furioli {background-image:url(images/furioli.jpg); background-repeat:no-repeat; min-height:150px;}
#tori h2,#tori h4,#tori p{margin-left:150px;}
#tori {background-image:url(images/tori.gif); background-repeat:no-repeat; min-height:150px;}
#cauver h2,#cauver h4,#cauver p{margin-left:150px;}
#cauver {background-image:url(images/cauver.jpg); background-repeat:no-repeat; min-height:150px;}
#equipe h2,#equipe h4,#equipe p{margin-left:150px;}
#equipe {background-image:url(images/equipe.jpg); background-repeat:no-repeat; min-height:150px;}
#labo h2,#labo h4,#labo p{margin-left:150px;}
#labo {background-image:url(images/labo.jpg); background-repeat:no-repeat; min-height:150px;}
.num_19 { background-image:url(images/numero-19.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }
.num_19_imagerie { background-image:url(images/numero-19-imagerie.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }
.num_19_imagerie ol { list-style-type: lower-alpha; padding-left: 10px; }
.num_19_imagerie ol li { margin-bottom: 10px; }

#doc_llafia { background-image:url(images/doc-llafia.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }
#doc_amzalag { background-image:url(images/doc-amzalag.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }
#doc_pierreisnard { background-image:url(images/doc-pierreisnard.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }
#doc_mutlu { background-image:url(images/doc-mutlu.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }

#kine { background-image:url(images/numero-23.jpg); background-repeat:no-repeat; min-height:150px; padding-left: 150px; }

#chauss_sante h2,#chauss_sante h4,#chauss_sante p{margin-left:150px;}
#chauss_sante {background-image:url(images/chauss_sante.jpg); background-repeat:no-repeat; min-height:150px;}
#chauss_femmes h2,#chauss_femmes h4,#chauss_femmes p{margin-left:150px;}
#chauss_femmes {background-image:url(images/chauss_femmes.jpg); background-repeat:no-repeat; min-height:150px;}
#chauss_hommes h2,#chauss_hommes h4,#chauss_hommes p{margin-left:150px;}
#chauss_hommes {background-image:url(images/chauss_hommes.jpg); background-repeat:no-repeat; min-height:150px;}
#petit h2,#petit h4,#petit p{margin-left:150px;}
#guillaume h2,#guillaume h4,#guillaume p{margin-left:150px;}
#petit {background-image:url(images/petit.gif); background-repeat:no-repeat; min-height:150px;}
#guillaume {background-image:url(images/guillaume.jpg); background-repeat:no-repeat; min-height:150px;}

/* Google Map */
#googlemap {background-image:url(images/plan.png);background-repeat:no-repeat; color:#FFFFFF;text-align:right;width:270px; height:200px;}
#googlemap a {color:#FFFFFF}
#googlemap h1 {color:#FFFFFF; font-size:24px; font:Helvetica, Arial, sans-serif}
#googlemap_text {padding:10px; padding-top:0;}
.localiser {padding-top:24px;}
.localiser:hover {text-decoration:underline;}

/* Footer */
#footer_retour {margin-top: 25px;}
#footer_retour a{color:#8f6004; font:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; text-decoration:none;}
#footer_retour a:visited {text-decoration:none; color:#8f6004;}
#footer {width:100%; background-color:rgb(220,220,220); z-index:2;}
#footer_text {width:905px; max-width: 100%; margin:auto; text-align:center;padding:5px; color:#585858
}


.slicknav_menu {
    display: none;
}

@media (max-width: 1030px) {
    
    img {
  border: none;
  max-width: 100%!important;
  margin-left: 0px!important;
}
    

    .slicknav_menu {
        display: block;
    }

    #entete {
        margin-top: 0;
    }
	#menu_gauche,
	#gauche,
    #menu_superieur {
		display: none;
	} 
	#sous_menu {
        max-width: 100%;
        height: 100%;
    }
	#conteneur {
		width: 90%;
		padding: 5%;
	}
    #contenu,
    #sous_menu_hospitalisation {
        max-width: 100%;
    }

    h1 {
        font-size: 32px;
        text-align: center;
    }
}

@media (max-width: 570px) {
    #image1 {
        height: auto;
    }

    .left {
        float: none;
    }

    #image1 p {
        margin-left: 0;
    }
}

@media (max-width: 360px) {
    #guillaume,
    #tori,
    #labo,
    #chauss_sante,
    #chauss_hommes,
    #petit,
    #image3,
    #image2,
    #outters {
        background-position: center top;
        padding-top: 140px;
    }

    #guillaume h2, #guillaume h4, #guillaume p,
    #tori h2, #tori h4, #tori p,
    #labo h2, #labo h4, #labo p,
    #chauss_sante h2, #chauss_sante h4, #chauss_sante p,
    #chauss_hommes h2, #chauss_hommes h4, #chauss_hommes p,
    #petit h2, #petit h4, #petit p,
    #image3 h2, #image3 h4, #image3 p,
    #image2 h2, #image2 h4, #image2 p,
    #outters h2, #outters h4, #outters p {
        margin-left: 0;
    }

    .presentation {
        float: none;
        margin: auto;
        text-align: center;
    }

    .right img {
        margin-top: 0px!important;
    }

    #contenu.presentation {
        text-align: center;
    }

}


html, 
body, 
.container,
.scroller {
    height: 100%;
}

.scroller {
    overflow-y: scroll;
}

.scroller,
.scroller-inner {
    position: relative;
}

.container {
    position: relative;
    overflow: hidden;
    background: #34495e;
}

#menu {
    position: fixed;
    left: 0px;
    top: 0px;
    display: none;
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive,
.multilevelpushmenu_wrapper .levelHolderClass {
  background: #00A7E0!important;
}

a.doctolib-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;

    width: 230px;

    background-image: none;
    background-color: rgb(52, 152, 219);
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle;

    cursor: pointer;
    text-decoration: none;
    font-family: Arial;

    border: 1px solid transparent;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-image: none;
    border-radius: 5px;
    border-bottom-color: rgb(35, 131, 196);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-user-select: none;
}

#text_contact .doctolib-button {
    margin-bottom: 8px;
}

.doctolib-button:hover {
    background-color: rgb(7, 122, 199);
    color: white;
    text-decoration:none !important;
}