/*css commun à toutes les pages*/

html{
height: 100%;
} 

body {
  font-family: 'GillSans-Light', 'Gill Sans', 'Trebuchet MS', sans-serif;
  font-size:x-large;
  color: #585858;
  height: 100%;
/*  background-image:url(petit-nice.png);
  opacity: 0.4;*/
}

#entete {
    /*background-color:#8A0808;*/
    background-color:#585858;
    color:#FFFFFF;
    text-align:center;
    font-size:130%;
    height:90px;
    /*padding-bottom:0.25em; */
    /*margin:0.1em 0;*/
    line-height:90px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
}

#footer {
    padding:1px 0;
    background-color:#585858;
    color:#FFFFFF;
    text-align:center;
    height:30px;
    line-height:30px;
    font-size:small;
}

#gauche{
    position: fixed;/*absolute;*/
  top:18%;
  left: 7%;
  width: 20%;
}

h1 {
    font-family: 'GillSans-Light', 'Gill Sans', 'Trebuchet MS', sans-serif;
    font-size:120%;
    /*color:#8A0808; */
    color:#0066ff;
}

h2 {
    font-family: 'GillSans-Light', 'Gill Sans', 'Trebuchet MS', sans-serif;
    font-size:100%;
    color:#585858;
}


.titre{
    border-left: 0.4em solid #8A0808;
    padding-left:1%;
}

a{
    text-decoration: none ;
    font-size:100%;
    color:#585858;
}

.mailob{ 
    text-decoration: none ;
    font-size:90%;
    color:white;
}

.mailob:hover{
    font-size:90%;
    color:black; 
}

.mailob2{ 
    text-decoration: none ;
    font-size:100%;
    color:#585858;
}

.mailob2:hover{
    font-size:100%;
    color:#0066ff; 
}

a:hover{
    font-size:120%;
    color:#0066FF; /*8A0808; */
}

ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  /*position: absolute;
  top:18%;
  left: 7%;
  width: 20%;*/
  text-align:left;
}

ul.navbar li {
  background: #8A0808;
  margin: 0.1em 0;
  padding: 0.2em;
  /*border-right: 1em solid #BDBDBD;*/
  border-left: 1em solid #585858;	    
}

ul.ssretrait {
  padding-left: 2em;
  margin: 0;
  text-align:left;
  list-style-type: disc;
}

li.retour{
    font-style:italic;
    list-style-type: none;
}

ul.navbar a {
    text-decoration: none;
    color:white;
    font-size:60%;
}

.refhaut a{
    /*color:#585858;*/
    font-size:small;
    font-style:italic;
    /*text-decoration: none;  */ 
}

#main{
    padding-top:0;
    margin-top:6%;
    margin-left: 31%;
    text-align:justify;
    font-size:55%;
    line-Height: 1.5;
    margin-right:31%;
}

.contact_axe{
    font-size:50%;
    font-style:italic;
    color: #585858;
    text-align:center;
}


.plus{
    font-size:100%;
    font-weight:bold;
    font-style:italic;
    color: #585858;
    
}

.plus2{
    color: #585858;
    font-weight:bold;
    font-size:115%;

}

.plus3{
    color: #585858;
    font-weight:bold;
    font-size:100%;

}




.legende{
    text-align:center;
    font-style:italic;
    font-size:50%;
    margin-top:-5%;
}

#contact_membre{
    position:fixed;/*absolute;*/
    top:18%;
    left: 76%;
    width:13%;
    height:45%;
    padding-left:0.5%;
    padding-top:10%;
    color:white;
    background-color: #0066ff;
    font-size:55%;
}


#englobe{
    position:fixed;/*absolute;*/
    top:18%;
    left: 12%;
    width:9.5%;
    height:55%;
    padding-left:2%;
    padding-top:5%;
    color:white;
    background-color: #0066ff;
/*background-color: #a3222e; couleur irphe*/
    text-align:left;
}   



#englobe a{
    color:white;
    font-size:60%;
    /*font-weight:bold;*/
}