body          { font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #000; background-image: url(images/fond-body-wide.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; margin: 0; padding: 0 }
/* body{
background-image: url(images/fond-body-wide.jpg); background-repeat: no-repeat; background-position: center 0;  */ 
h1 { color: #5c5c5c; font-size: 0.8em; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h2    { color: #ff6; font-size: 1em; padding-bottom: 15px }
h3 { color: #ff6 }
h4 { color: #ff6; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
#banniere    { background-image: url(images/banniere.jpg); background-repeat: no-repeat; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; width: 988px; height: 203px; overflow: hidden }
/*corpus*/
#corps           { margin-right: auto; margin-left: auto; padding: 10px 0; width: 988px; clear: both }
#corps p  { text-align: justify }
#corps p, ul, ol     { color: #fff; font-size: 13px; padding-right: 50px; padding-left: 50px; border-right: 1px none }
#corps a { color: #fff; text-decoration: underline }
#corps a:hover { text-decoration: none }

/*animation*/
#animation        { margin-top: 20px; padding-top: 10px; padding-left: 40px; width: 400px; float: left; border-right: 1px solid #21221a }
#animation img  { }
#inca { background-image: url(images/carte.jpg); width: 383px; height: 287px }
#accueil      { color: #fff; text-align: justify; margin-top: 20px; margin-bottom: 25px; width: 520px; float: right }
#accueil p, ul  { padding-right: 40px }
.coord li { list-style-type: none }
#langue   { margin: 0 auto; padding: 0; width: 988px }
#langue li     { list-style-type: none; margin-right: 20px; float: left }
#langue img { border-width: 0 }
#menu     
      { line-height: 21px; text-align: center; list-style: none; margin: 5px auto; padding: 0; width: 820px; clear: left; font-size: 13px; font-family: Arial; font-weight: bold  }
#menu ul /* Liste */     
 { line-height: 21px; text-align: center; list-style: none; margin: 0; padding: 0 }

#menu a /* Contenu des listes */
 { color: #fff; text-decoration: none; background: #000; display: block; padding: 0; width: 144px }
#menu li /* Éléments des listes */      
 { margin-right: 7px; margin-left: 7px; float: left; border-right: 1px solid #fff; border-bottom: 1px solid #252525 }
#pied       { color: #fff; font-size: 12px; background-color: #000; display: block; margin-right: auto; margin-left: auto; padding: 5px 0; width: 800px; border: solid 1px #252525 }
#pied a { color: #fff; text-decoration: none }
#pied ul li { list-style-type: none; margin-top: 3px }
.cv li { text-align: left; list-style-type: none }
/*page info pays*/
#perou, #france, #europe    { margin-right: 0; margin-left: 10px; width: 295px; float: left; border-left: 1px dotted #ff6 }

#corps-pays            { margin-right: auto; margin-left: auto; padding: 10px 0 10px 35px; width: 988px; clear: both }
#corps-pays p  { text-align: justify }
#corps-pays p      { color: #fff; font-size: 13px; padding-right: 5px; padding-left: 15px }
#corps-pays ul, ol      { color: #fff; font-size: 13px; list-style-position: inside; padding-right: 0; padding-left: 10px }
#corps-pays a { color: #fff; text-decoration: underline }
#corps-pays a:hover { text-decoration: none }
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
 { position: absolute; left: -999em; width: 144px; border-bottom: 1px solid #252525; border-left: 1px solid #252525 }


#menu li ul li /* Eléments de sous-listes */
 { border: solid 1px #000 }

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
 { border: solid 1px #000 }

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
 { color: #000; background: #ff6 }
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/*divers class*/
.jaune-gras  { color: #ff6; font-weight: bold }
.gras { font-weight: bold }
.image-droite { font-style: italic; margin-left: 30px; float: right }
.etudes   { text-align: left; margin-left: 30px }
.etudes li { margin-bottom: 5px }
.clear { clear: both }
.expo { text-align: center; margin-right: auto; margin-left: auto; width: 800px }
.expo img { margin-top: 10px; border: solid 1px #ff6 }
.blanc { color: #fff }
.italic { font-style: italic }
.agenda   { text-align: left; margin-right: 30px; margin-left: 20px }
.agenda li    { margin-bottom: 10px }
.h2 { color: #ff6; font-size: 1.2em; font-weight: bold }
.certifie  { color: #c52b29; font-size: 0.9em }
/*formulaire*/
#formulaire { font-size: 0.9em; font-family: Arial; margin-right: auto; margin-left: auto; width: 850px }
#formulaire table { text-align: left; margin-right: auto; margin-left: auto; width: 80% }
legend { color: #ff6 }
label { color: #fff }
input { margin-top: 10px; margin-bottom: 10px }
#formulaire #envoi { margin-left: 275px; width: 100px; border: solid 1px #ff9 }
.corriger li { color: #ff6; font-weight: bold; list-style-type: none }
/*agenda photos*/
.photos li { list-style-type: none; margin-top: 5px; margin-right: 12px; float: left }
.photos li img { border-width: 0 }
/*partenaires*/
.partenaires { text-align: left; margin-left: 30px }
.partenaires li { list-style-type: none; margin-top: 5px; margin-bottom: 5px }
.logos img { margin-right: 10px }
.jaune { color: #ff6; font-weight: bold }
/*video*/
#videos { margin-right: auto; margin-left: auto; width: 60%; height: 130px }
#videos .vid   { font-style: italic; text-align: center; margin-right: 60px; margin-bottom: 2em; margin-left: 60px; width: 160px; float: left }