html;body 
{
    width:100%;
    height:100%;
    margin:auto auto auto auto;
}
h1,h2,h3
{
    color: white;
}
a:link 
{ 
 text-decoration:none; 
}
.formatTitre a:visited 
{ 
 text-decoration:none; 
 color:black;
}
a:visited 
{ 
 text-decoration:none; 
}
a:hover /* Apparence au survol des liens */
{
   color: blue;
}
nav a:visited /* Quand le visiteur a déjà vu la page concernée */
{
    color: white; /* Appliquer une couleur grise */
}
nav
{
    display: inline-block;
} 
nav ul
{
    list-style-type: none;
    padding-left: 0px;
}
 
nav li
{
    display: inline-block;
    margin-right: 15px;    
}
 
nav a
{
    font-size: 1.3em;
    color: white;
    padding-bottom: 3px;
    text-decoration: none;    
}
 
nav a:hover
{
    height: 20px;
    position: relative;
    background-color: #00BFFF;
    border-radius: 5px;
    text-align: center;
    padding: 2px 0px 2px 0px;
    color: white;
    text-decoration: none; 
}
nav a:link 
{ 
 text-decoration:none; 
}
/*
color: #FFFFFF;
color: rgb(240,96,204);
*/
.titre_noir
{
    color: black;
}
h1,h2,h3,h4,h5,h6,ul,li,ol
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
}
p
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
}
@media only screen and (max-width:1800px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.9em;
}
}
@media only screen and (max-width:1600px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.8em;
}
}
@media only screen and (max-width:1400px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.6em;
}
}
@media only screen and (max-width:1000px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.5em;
}
}
@media only screen and (max-width:800px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.4em;
}
}
@media only screen and (max-width:600px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.3em;
}
}
@media only screen and (max-device:500px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.25em;
}
}
@media only screen and (max-device:300px) {
p,h1,h2,h3,h4,h5,h6,ul,li,ol,a,span,div
{
    font-family: Helvetica "Times New Roam", Verdana, sans-serif;   
    text-align: center;
    font-size:0.15em;
}
}
.imageflottante
{
    float: left;
}
.stopImageFlottante
{
    clear: both;
}
#imageBody
{
    background: url('images/image4_mini.jpg') no-repeat;
    background-attachment: fixed; /* Le fond restera fixe */    
}
#imageUs
{
    position:absolute;
    background: url('images/image2_1.jpg');
    background-repeat: no-repeat; /* Le fond ne sera pas répété */
    height:45%;
    top:0%;    
    right:0%;
    left:0%;
    bottom:50%;    
}
#imageContact
{
    position:absolute;
    background: url('images/image1_1.jpg');
    background-repeat: no-repeat; /* Le fond ne sera pas répété */
    height:45%;
    top:0px;    
    right:0px;
    left:0px;        
}
.fondBody
{
    position: absolute;
    background-color: #87785D;
    background-attachment: fixed; /* Le fond restera fixe */    
    /*background-position: top center; Le fond sera placé en haut à droite */    
    right: 0%;
    bottom: 0%;
    left: 0%;
    height:55%;
    top: 45%;      
}
.fondFooter
{
    background-color: #8A8A8D;
    background-attachment: fixed; /* Le fond restera fixe */
    background-repeat: no-repeat; /* Le fond ne sera pas répété */
    /*background-position: top center; Le fond sera placé en haut à droite */
    position: absolute;
    right: 0%;
    height: 6%;
    left: 0%;
    top: 94%;      
}
.formatTitreHome
{    
    border: 3px solid black;	
    background-color:#666666;	
    top: 0px; 
    padding:0px 8px 0px 8px;
    opacity: 0.8;
    text-align:center;
    vertical-align:text-top;
}
.formatBandeauTitreHome
{    		
    position: absolute;
    right: 2%;
    top: 0%;
    height:15%;
    left: 60%;   
    text-align:center;
    opacity: 0.8;
}
.formatEnteteHome
{    
    background-color:#666666;
    position: absolute;
    top: 20%;   
    right: 2%;
    left: 60%;
    text-align:center;
    padding:0px 0px 0px 0px;
    opacity: 0.8;	
}
.formatTitre
{
    vertical-align:middle;
    border: 3px solid black;
    text-align: center;
    padding:0px 8px 0px 8px;
    vertical-align:text-top;
}
.formatBandeauTitre
{
    position: absolute;
    top: 30%;
    left:5%;
    height:12%;
    vertical-align:middle;    
}
.formatEntete
{
    position: absolute;
    left: 42%;
    right: 2%;
    top: 2%;   
}
.formatCorpsPrincipal
{
    position: absolute;
    right: 0px;
    left: 42%;
    right:2%;
    top: 10%;      
}
.formatCorpsPrincipalHome
{
    position: relative;
    background-color:#8A8A8D;
    padding:0px 8px 0px 8px;
    opacity: 0.8;
    padding:8px 8px 8px 8px;       
}
.formatBandeauCorpsPrincipalHome
{
    position: absolute;
    right: 2%;
    left: 60%;    
    top: 30%;
    bottom:0%;     
}
.imageCorpsPrincipalHome
{
    position: absolute;
    right: 2%;
    height:33%;
    left: 60%;    
    top: 30%;
    /*background:url('images/elevator1.jpg');
    background-attachment: fixed; /* Le fond restera fixe */
    background-repeat: no-repeat;
}
/*.formatTitreCorpsPrincipalHome
{
    height: 50px;
    width:530px;
    position: relative;
    border: 2px solid black;
    padding:15px 8px 0px 8px;
}*/
.formatAside                          
{
    background-color: #8A8A8D;
    background-attachment: fixed; /* Le fond restera fixe */
    background-repeat: no-repeat; /* Le fond ne sera pas répété */	
    position: absolute;
    width: 18%;
    left:22%;
    text-align:right;
    top: 14%;      
    bottom:0%;
}
.bouton_Nav
{
    height: 20px;
    position: relative;
    background-color: #00BFFF;
    border-radius: 5px;
    text-align: center;
    padding: 2px 0px 2px 0px;
    color: white;
    text-decoration: none; 
}
.bouton_Nav img
{
    border: 0;
}
.bouton_link
{
    width: 100%;
    position: relative;
    background-color: #00BFFF;
    border: 1px solid #760001;
    text-align: center;
    text-decoration: none; 
    right:0px;
    font-size:1.3em;    
    border-radius: 5px;    
    padding: 1% 0% 1% 0%
}
.bouton_link2
{
    width: 100%;
    position: relative;
    background-color: #FF958B;
    border: 1px solid #760001;
    text-align: center;
    text-decoration: none; 
    right:0px;
    font-size:1.3em;    
    border-radius: 5px;    
    padding: 1% 0% 1% 0%
}
.bouton_link3
{
    width: 100%;
    position: relative;
    background-color: #FF5847;
    border: 1px solid #760001;
    text-align: center;
    text-decoration: none; 
    right:0px;
    font-size:1.3em;    
    border-radius: 5px;    
    padding: 1% 0% 1% 0%
}
.bouton_link4
{
    width: 100%;
    position: relative;
    background-color: #C2B38F;
    border: 1px solid #760001;
    text-align: center;
    text-decoration: none; 
    right:0px;
    font-size:1.3em;    
    border-radius: 5px;    
    padding: 1% 0% 1% 0%
}