/* ---------------------------------
/* eife2f - Escuela de frances para estudiantes extranjeros
/* Lyon - Francia
/* ---------------------------------
*/

/* ---------------------------------
/* Corps principal
/* ---------------------------------
*/

@import url(reset.css);
@import url(commune.css);

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
}

img {
display:block;
border:0;
float:right;
margin:10px;
}

.gauche {
float:left;
}

/* ---------------------------------
/* En tete
/* ---------------------------------
*/

#entete_gauche{
position:relative;
left:456px;
top:0px;
width:200px;
float:left;
}

#entete_droit{
width:30px;
float:right;
}

#entete h1 {
padding: 0 10px 10px 5px;
font-size:1em;
}

#entete h1 a{
color:#999999;
}

#entete h1 a{
color:#999999;
}

#entete h2 {
height: 110px;
padding: 0px;
text-indent: -9000px;
}

#entete h2 a{
display: block;
width:100%;
height:110px;
background: url(../img/nav/blog_es.png) no-repeat;
}

#entete h2>a{
width:auto;
}

#entete h2 a:hover{
background: url(../img/nav/blog_es.png) no-repeat 0 -110px;
}

/* ----- MENU LANGUES ----- */

#entete_droit ul{
width:30px;
margin: 0;
padding: 0;
}

#entete_droit ul li {
width:100%;
height:20px;
margin: 0 0 4px 0;
padding: 0;
text-indent: -9000px;
}

#entete_droit ul li a{
display: block;
width:100%; 
height:20px;
}

/* Notation pour Netscape et Firefox*/
#entete_droit ul li>a{
width:auto;
}

/* Drapeaux : 30x20*/
#francais {
background: url(../img/nav/drapeau_fr.gif) no-repeat;
}

#anglais {
background: url(../img/nav/drapeau_gb.gif) no-repeat;
}

#espagnol {
background: url(../img/nav/drapeau_es.gif) no-repeat;
}

#allemand {
background: url(../img/nav/drapeau_al.gif) no-repeat;
}

#sitemap{
background: url(../img/nav/map.gif) no-repeat;
}

/* ---------------------------------
/* Barre de navigation superieure
/* ---------------------------------
*/

#navigation {
width: 700px;
height:25px;
margin:0;
padding:0;
padding-bottom:15px;
list-style:none;
background: #FFF url(../../cursos-de-frances-en-francia/img/nav.gif) no-repeat;
clear:both;
}

#navigation li {
height:25px;
margin:0;
padding:0;
float:left;
text-indent:-9000px;
}

#navigation a {
display:block;
height:100%;
}

#navigation li a:link, #navigation li a:visited {
color: #FFF;
font-variant: small-caps;
font-weight: bold;
}

#navhome {
width: 79px;
background:    url(../../cursos-de-frances-en-francia/img/nav_accueil.gif) no-repeat;
}


#nav1 {
width: 76px;
background:    url(../../cursos-de-frances-en-francia/img/nav_ecole.gif) no-repeat;
}

#ecole #nav1 {
background:    url(../../cursos-de-frances-en-francia/img/nav_ecole_o.gif) no-repeat;
}


#nav2 {
width: 73px;
background:    url(../../cursos-de-frances-en-francia/img/nav_cours.gif) no-repeat;
}

#cours #nav2 {
background:    url(../../cursos-de-frances-en-francia/img/nav_cours_o.gif) no-repeat;
}


#nav3 {
width: 160px;
background:    url(../../cursos-de-frances-en-francia/img/nav_calendrier.gif) no-repeat;
}

#calendrier #nav3 {
background:    url(../../cursos-de-frances-en-francia/img/nav_calendrier_o.gif) no-repeat;
}

#nav4 {
width: 122px;
background:    url(../../cursos-de-frances-en-francia/img/nav_preinscription.gif) no-repeat;
}

#preinscription #nav4 {
background:    url(../../cursos-de-frances-en-francia/img/nav_preinscription_o.gif) no-repeat;
}

#nav5 {
width: 183px;
background:    url(../../cursos-de-frances-en-francia/img/nav_information.gif) no-repeat;
}

#informations #nav5 {
background:    url(../../cursos-de-frances-en-francia/img/nav_information_o.gif) no-repeat;
}

/* ---------------------------------
/* Colonne principale gauche
/* ---------------------------------
*/

#ecole #article h1 {
padding-bottom: 50px;
}

h4 {
padding: 20px 0 20px 40px;
background-color:#E64;
}

h4 a:link, h4 a:visited {
color:#525252;
}

h5 a{
color:#525252;
}

a:link, a:visited {
color:#F30;
font-weight:bold;
}

a:hover {
color:#888;
text-decoration:underline;
}

#article table {
/*background:#eee;*/
/*border:1px solid #EEE;*/
/*font-size: 0.9em;*/
}

/* ---------------------------------
/* Pied de page
/* ---------------------------------
*/

#pied p{
font-size: 11px;
padding: 3px 0 5px 0;
margin: 0 0 15px 0;
color:#FFF;
line-height: 130%;
}


.atraduire{
color:#0099FF;
}