/* Feuille de style appliquée à l'index pour les mobiles*/
@media all and (max-width:1024px)
{
  #barre
  {
    display:none;
  } 
}
#body
{
 background-color: #e6eedd;
}



#cv /*partie droite de la page*/
{ 
  position : absolute;
  left: 0;
  right:0;
  top : 0;
  background-color: #e6eedd;
  
}

#header /* titre, sous titre*/
{
  position: relative;
  margin-right: 10px;
  height:200px;
  top : 0;
 background-color: #e6eedd;
background: url("echarlives.png") fixed no-repeat top right; /*icouleur en hexadécimal*/
}

#corps 
{
  margin-top : 0px;
  margin-left:20px;
  right:0px;
  width: 90%;
  padding-top: 10px;
  background-color: #e6eedd;   
}

section
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-right : 20px;
}
@media all and (max-width:1024px)
{
 section
  {
    display:block;
    width: 100%;
  } 
}

#footer/*section sur une colonne avec lien*/
{
  text-align: center;
  font-size: 0.8em;
}
  @font-face /* police importée*/
 {
   font-family: 'DayPosterBlack';
    src: url('fonts/DayPosterBlack/DAYPBL__.ttf') format('truetype');
 }
 
h1 /*titre avec police spécifique et ombrée*/
 {
    font-family: 'DayPosterBlack';
    color: #ffbf00;
    text-shadow: 2px 3px 2px #005000;
    text-align:left;
    margin-left: 150px;
    vertical-align:middle;
 }
 
strong /*initiales en h1, couleurs inversées*/
{
     font-family: 'DayPosterBlack';
    color: #005000;
    text-shadow: 2px 3px 2px #ffbf00;
    text-align:center;
    vertical-align:middle;
    font-size : 0.6em;
}   
    
 
 h2 /*titres de couleur*/
 {
   color: #005000;
   font-size: 1em;
   padding-left : 5px;
 }
 
 p /*paragraphe centré*/
 {
   text-align: center;
 }
 

a,a:visited /*lien et lien visité non soulignés et de couleur marron*/
{
  text-decoration: none;
  font-size: 0.9em;
  color: #681707;
  margin-left: 150px;
}

a:hover /*lien survolé surligné*/
 {
   background-color: rgba(198,205,164,0.8);
 }

 ul /*contenu des listes à puce*/
 {
   font-size:0.9em;
   list-style-image: url('images/planete.png');
 }
 
 /*Corrections vieille version IE Sérieusement le mieux serait de ne pas utiliser ce navigateur qui ne respecte pas le w3c !*/
 .old_ie #gauche, .old_ie #centre, .old_ie #droite
 {
    display: inline;

}