/* ---------------------------------
/* Ecole interculturelle de francais pour étrangers
/* Lyon - France
/* ---------------------------------
*/

/* ---------------------------------
/* 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.png) no-repeat;
}

#entete h2>a{
width:auto;
}

#entete h2 a:hover{
background: url(../img/nav/blog.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;
/* le lien doit prendre 100% de la place pour etre activé lors du survol
Dans IE, si width:auto; le lien n'est activé que si la souris passe sur le texte*/
width:100%; 
height:20px;

}

/* Notation pour Netscape et Firefox*/
#entete_droit ul li>a{
width:auto;
/* auto obligatoire pour Netscape et Firefox, alors qu'avec IE, doit valoir 100%*/
}

/* 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(../../cours-de-francais-en-france/img/nav.gif) no-repeat;
}

#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: 78px;
background:    url(../../cours-de-francais-en-france/img/nav_accueil.gif) no-repeat;
}


#nav1 {
width: 75px;
background:    url(../../cours-de-francais-en-france/img/nav_ecole.gif) no-repeat;
}

#ecole #nav1 {
background:    url(../../cours-de-francais-en-france/img/nav_ecole_o.gif) no-repeat;
}


#nav2 {
width: 69px;
background:    url(../../cours-de-francais-en-france/img/nav_cours.gif) no-repeat;
}

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


#nav3 {
width: 161px;
background:    url(../../cours-de-francais-en-france/img/nav_calendrier.gif) no-repeat;
}

#calendrier #nav3 {
background:    url(../../cours-de-francais-en-france/img/nav_calendrier_o.gif) no-repeat;
}

#nav4 {
width: 123px;
background:    url(../../cours-de-francais-en-france/img/nav_preinscription.gif) no-repeat;
}

#preinscription #nav4 {
background:    url(../../cours-de-francais-en-france/img/nav_preinscription_o.gif) no-repeat;
}

#nav5 {
width: 180px;
background:    url(../../cours-de-francais-en-france/img/nav_information.gif) no-repeat;
}

#informations #nav5 {
background:    url(../../cours-de-francais-en-france/img/nav_information_o.gif) no-repeat;
}



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

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.95em;*/
}





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

#pied {
height:150px;
/*background-color:#CC3366;*/
clear: both;
background: #FFF url(../../cours-de-francais-en-france/img/pied.gif) no-repeat;
/*text-align:center;*/
border-bottom:solid 1px #777;
}


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

#pied h5 {
font-size: 0.9em;
margin:0;
text-align:left;
}

.pied_gauche{
float:left;
padding:18px 0 0 0;
}

.pied_droit{
float:right;
}


.atraduire{
color:#0099FF;
}


.premlettre {
color:#F7A54A;
float:left;
font-size:400%;
line-height:30px;
margin-right:2px;
padding-top:4px;
}