body{
 background:rgb(247,247,247);
 }
 
 .conteneur{      /* bloc conteneur g?n?ral*/
 width:70%;
 min-width:950px;
 margin-left:auto;
 margin-right:auto;
 background:white;
 }
 
 .entete{    /* en t?te, logo Cabinet m?dical */
 width: 100%;
 }
 
 .separ{       /* S?parateur vertical entre en t?te et Niveau 1 de Menu */
  width: 100%;
  height:0.5em;
  text-align:center;
  }
  
.acces_trav{
width:25%;
 text-align:center;
 left:0px;
 }

 .presgauche{    /* bloc gauche, informations g?n?rales fixes */
 width:25%;
 margin-top:3em; /* si suppression bloc acces_trav: 6.2em */
 text-align:center;
 left:0px;
 font-size:0.75em;
 font-family:arial;
 }


 .blocinfocomplet{
float:right;
 margin-top:5em;
 margin-right:5%;
 /*border:solid 1px black;*/
 width:65%;
}

 .infos{   /* bloc d'information praticien, google Map */
 /*float:right;
 margin-top:5em;
 margin-right:5%;*/
padding-top:0.1em;
padding-bottom:0.1em;
 width:100%;
 background:rgb(222,226,254);
 box-shadow: 8px 8px 12px #aaa;
 }
 
 .infosdiet{   /* bloc texte de la recette */
padding-top:0.1em;
padding-bottom:0.1em;
padding-left:1em;
 width:100%-1em;
 background-color:grey;
 text-align:left;
 font-size:1.2em;
 /*box-shadow: 8px 8px 12px #aaa;*/
 }
 
 
 #descriptif{         /* zone centrale d'infos: description m?decin, map*/
position:relative;
font-family:arial;
font-size: 0.75em;
margin:1%;
height:30em;
background:rgb(222,226,254);
text-align:center;
/*border:1em;*/
padding:0.5em;
/*border:solid 1px black;*/
z-index:1;
 }
 
 .infosgales{  /* bloc d'infos Gales(SAMU, pharmacies de garde, etc...)*/
 margin-top:1.5em;
 width:100%;
 margin-bottom:1em;
 }

.sous_bloc_infosGales{
float:left;
width:24%;
text-align:center;
cursor:pointer;
box-shadow: 4px 4px 8px #aaa;
}

 
.load{
background:url('chargement.gif') no-repeat center;
} 

.hautgauche{      /* zone en t?te description m?decin */
left:0px;
height:25%;
text-align:left;
padding-left:1em;
}

.photo{
float: right;
width:20%;
margin-right:1em;
box-shadow: 5px 5px 12px #aaa;
}

.basgauche{         /*zone horaires m?decins */
float:left;
left:0px;
height:70%;
bottom:0px;
width:32%;
padding-top:1em;
text-align:center;
font-size:0.95em;
box-shadow: 5px 5px 12px #aaa;
}
 
.basmilieu{       /* zone tarifs partie Gche */
float:left;
height:70%;
bottom:0px;
width:32%;
margin-left:2.5%;
padding-top:1em;
}

.basdroite{     /* zone tarifs partie Dte */
float:left;
height:70%-2em;
bottom:0px;
width:30%;
margin-left:1.5%;
}

.infosup{            /*zone d'affichage des infos suppl?mentaires*/
float:left;
left:0px;
/*height:70%;*/
bottom:0px;
width:99%;
padding-top:1em;
text-align:center;
font-size:0.95em;
}

.enteteinfosup{
width:100;
}

.colonneinfosup{
float:left;
height:70%;
bottom:0px;
width:30%;
padding-top:1em;
padding-left:5px;
padding-right:10px;
font-size:0.9em;
text-align:left;
/*border:solid 1px blue;*/
}

.plusinfos{       /* bouton plus d'infos et retour*/
position:absolute;
bottom:0.3em;
margin-top:2em;
margin-right:1em;
right:1em;
width:7em;
height:1.5em;
text-align:center;
cursor:pointer;
box-shadow: 5px 5px 8px #aaa;
}

.menuNiv1{       /* menu de 1er niveau   spécialités */
position:relative;
float:left;
width:12%;
background-image:url('fondmenu1.jpg');
color:white;
font-size:0.75em;
font-family:arial;
text-align:center;
border-right:solid 1px white;
list-style-type:none;
z-index:2;
}

.menuNiv1:hover{color:white; font-weight:bold; cursor:default;}
.menuNiv1:hover .menuNiv2{display:block; cursor:pointer;}



.menuNiv2{     /* menu de 2è niveau, 'sous ensemble spécialité' ou praticien */
position:absolute;
width:140%;
font-family:arial;
font-weight:normal;
color:rgb(180,180,180);
border-top:solid 1px white;
text-align:left;
margin:0px;
padding:0px;
list-style-type:none;
display:none;
box-shadow: 2px 2px 4px #aaa;
}

.menuNiv2 li {background:rgb(77,77,77); border-top:solid 1px white;}
.menuNiv2 li:hover {color:white;}
.menuNiv2 li:hover .menuNiv3 {display:inline;}


.menuNiv3{       /* menu de 3è Niveau    praticiens */
position:absolute;
font-family:arial;
font-weight:normal;
color:rgb(180,180,180);
margin-left:-0.2em;
margin-top:5px;
padding:0px;
width:120%;
list-style-type:none;
display:none;
box-shadow: 2px 2px 4px #aaa;
}
.menuNiv3 li{background-color:rgb(41,41,41); padding-left:1em; 
padding-right:1em;}
.menuNiv3 li:hover {color:white; c}


a:link {color:rgb(180,180,180); text-decoration:none; outline:none;}
a:visited {color:rgb(180,180,180); text-decoration:none;}
a:hover {color:white; text-decoration:none;}
a:active {color:rgb(180,180,180); text-decoration:none;}
 
 .menudiet {
 width:80%;
 font-family:arial;
font-weight:normal;
}

.menudiet li:hover{color:grey; cursor:pointer;}
.menudiet li{margin-top:1.25em;}

#popup {
position:absolute;
width:550px;
height:330px;
top:260px;
left:35%;
text-align:center;
font-family:arial;
background-color:rgb(242,242,242);
box-shadow: 5px 5px 12px black;
z-index:2;
display:none;
}

.curseur{
margin-left:auto;
margin-right:auto;
text-align:left;
width:400px;
height:16px;
}

.echelle{
margin-left:auto;
margin-right:auto;
width:400px;
height:50px;
}

.annonce{
border:none;
background-color:rgb(242,242,242);
font-weight:bold;
text-align:center;
width:99%;
}

.separ{
width:99%;
heigth:1em;
display:block;
}

#connect_prat{
position:absolute;
display:block;
border:solid 1px blue;
text-align:center;
box-shadow:2px 2px 7px grey;
padding:20px;
padding-top:30px;
background-image:url("verrou.png");
background-size:100% 100%;
top:150px;
left:250px;
}

/* .......................  CSS prise de RDV en ligne   */

#cadre{
position:relative;
width:400px;
height:350px;
margin:auto;
text-align:center;
background-image:url("fond-arob.png");
background-size:100% 100%;
}

.bout1{
margin-top:160px;
color:rgb(222,226,254);
background:grey;
border:none;
border-radius:5px;
font-size:18px;
width:150px;
height:30px;
line-height:30px;
text-align:center;
}

.bout1:hover{
color:white;
}

input[type=button]{
cursor:pointer;
}

input[type=text]{
margin-top:10px;
}

input[type=password]{
margin-top:10px;
}

.form_connect_pat{
position:relative;
margin-top:80px;
display:none;
border-radius:5px;
box-shadow:2px 2px 5px grey;
padding:20px;
width:200px;
margin-left:auto;
margin-right:auto;
background:white;
}

#mdp_oubli{
color:blue;
font-size:9px;
position:absolute;
right:5px;
bottom:3px;
cursor:pointer;	
}
/* ******************************************************selection praticien RDV en ligne ************************************************* */

.op{
color:#F5F5F5;
font-family:arial;
font-style:normal;
font-size:16px;
font-weight:bold;
text-shadow:1px 1px 2px #000000;
margin-top:10px;
}

option{
color:black;
font-size:12px;
text-shadow:none;
cursor:pointer;
}

option:hover{background:silver;}
select option[selected]{border:none;}

.rr:hover{background:none;}

.cache{
width:221px;
margin-left:auto;
margin-right:auto;
border:solid 1px black;
overflow:hidden;
padding-bottom:-2px;
}

#choix_spe{
position:relative;
width:240px;
padding-left:10px;
padding-right:10px;
margin-left:-2px;
margin-top:-2px;
border-bottom:none;"
}

#info_rdv{
position:absolute;
display:none;
/*border:solid 2px blue;*/
border-radius:3px;
box-shadow:5px 5px 10px grey; /*#191970;*/
top:100px;
left:100px;
background:#F014C8; /*#8FBC8F; /*white;*/
padding:15px;
font-family:arial;
font-weight:bold;
color:navy;
font-size:15px;
line-height:20px;
z-index:4;
}