/*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%;
}

#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%;
}

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

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

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;
}

a:hover{
    font-size:120%;
    color:#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;	    
}

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;
}


/*-----------------------------------------------------------------------*/
/* index.html */


#contact{
    font-size:40%;
    font-style:italic;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 25%;
    left: 85%;
    width: 18em;
}

#blabla{
    padding-top:2%;
    margin-top:6%;
    padding-left: 32%;
    width: 45%;
    text-align:justify;
    font-size:55%;
    line-Height: 1.8;
}

#bandeau{

    padding-top:2%;
    margin-left:28%;
    margin-right:18%;
}

address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted;
  font-size:50%;
}

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

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

}

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

/*-----------------------------------------------------------------------*/
/*activites*/

ul.interm {
   list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-left:8%;
  text-align:left;
  line-height:1;
  background-color:#FFFFFF;
}

ul.interm li {
  background: #FFFFFF;
  /*margin: 0.5em 0;*/
  padding-top: 0.1em;
  border-left: 0.3em solid #8A0808;
}

ul.interm a {
    text-decoration: none;
    color:#585858;
}


/*-----------------------------------------------------------------------*/
/*membres*/

.theme{
    margin-left:5%;
    list-style-type: square;
}



#contact_membre{
    position:fixed;/*absolute;*/
    top:18%;
    left: 76%;
    width:11%;
    height:50%;
    padding-left:0.5%;
    padding-top:10%;
    color:white;
    background-color: #8A0808;
    font-size:50%;
}


#englobe{
position:fixed;/*absolute;*/
    top:18%;
    left: 12%;
    width:9.5%;
    height:50%;
    padding-left:2%;
    padding-top:10%;
    color:white;
    background-color: #8A0808;
/*background-color: #a3222e; couleur irphe*/
    text-align:left;
}   



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

/*-----------------------------------------------------------------------*/
/*publi*/


/*-----------------------------------------------------------------------*/
/*offres*/


/*-----------------------------------------------------------------------*/
/*enseignement*/



/*-----------------------------------------------------------------------*/
/*page perso*/

.cvcarine{
    font-variant:small-caps;
    border-bottom:1px solid #8A0808;
    border-top:1px solid #8A0808;
    font-size:120%;
    color:#8A0808;
}


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


ul.ssretraitvdp {
  padding-left: 1em;
  margin: 0;
  text-align:left;
  list-style-type: circle;
}