/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 juil. 2018, 18:30:34
    Author     : laurent
*/
a
{
color: #24A;
}
a:hover
{
color: #89A;
}
.sticky-wrapper
{
position: relative;
z-index: 999999999999999;
opacity: .9
}
body
{
position: relative;
font-family: 'Muli', sans-serif;
font-size: 17px;
text-align: justify;
}
.active
{
    color: red;
}
.container
{
    width: 95%;
    position: relative;
}
.bouton
{
position: relative;
font-size: 18px;
margin-right: 20px;
float: left;
top: 1px;
}
.bouton:hover
{
color: #000;
}

.bouton:hover
{
    color: #579;
}
.banniere
{
position: relative;
   margin:0;
  padding:0;
}
.cont_infirm
{
text-align: right;
bottom:20px;
right: 0px;
z-index: 10000;

}
.infirmiere
{
position: absolute;
float: right;
text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
color: #f4f7f9;
font-size: 50px;
line-height: 45px;
text-align: right;
bottom: 30px;
right:50px;
}
.de
{
color: #0FF;
font-size: 30px;
line-height: 20px;
top: -10px;
position: relative;

}



.cont_bouton
{
  height: 43px;
border-top: solid;
border-bottom: solid;
border-width: 1px;
border-color: #785;;
line-height: 37px;
position: relative;
margin-top: 4px;
background-color: #fff;  
}
.titre
{
font-size: 36px;
color: #4a9;
margin-top: 20px;
}
.sous_titre
{
font-size: 24px;
color: #33677b;
margin-top: 20px;
}
.nom
{
 font-size: 33px;
color: #33677b;
margin-top: 20px; 
}
.telephone
{
    font-weight: 700;
font-size: 20px;
}
.diplome
{
color: #000;
position:relative;
top: -8px;
}
.ecole
{
    font-size: 16px;
}
#mapid
{
margin-top: 20px;
width: 100%;
height: 500px;
margin-bottom: 20px;
}
.footer
{
color: white;
background-color: #789;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
font-size: 16px;
line-height: 32px;
}

#lien_footer
{
position: relative;
top: -3px;
color: #007;
}
#lien_footer:hover
{
position: relative;
top: -2px;
color: #FFF;
}
@media only screen and (max-width:700px)
{
    .infirmiere
    {
    bottom: 15px;
    right: 30px;
    }
}
@media only screen and (max-width:600px)
{
  .infirmiere
{
position: absolute;
float: right;
text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
color: #f4f7f9;
font-size: 30px;
line-height: 30px;
text-align: right;
bottom:15px;
right:30px;
}
.de
{
color: #0FF;
font-size: 20px;
line-height: 20px;
top: -10px;
position: relative;

}  
.bouton
{
font-size: 16px;
margin-right: 10px;
float: left;
}
    
}
@media only screen and (max-width:500px)
{
     .infirmiere
    {
    bottom: 8px;
    right: 25px;
    font-size: 20px;
line-height: 22px;
    }
    .de
    {
        font-size: 16px;
        top: -5px;
    }
}