@import url(http://fonts.googleapis.com/css?family=Capriola&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Quando&subset=latin,latin-ext);

*, a {
	font: 99% 'Capriola', Verdana, MingLiU, sans-serif;
}


/* Le eacute du commentaire suivant ne doit pas être le dernier caractère... */
/* La couleur majoritaire : bleu foncé. */

.bleu {
background: #393E8D;
}


/* Les boutons des menus */

a.bouton {
font: bolder 1.1em Verdana, MingLiU;
text-decoration: none;
}

a.curbouton {
font: bolder 1.1em Verdana, MingLiU;
text-decoration: none;
/* background: darkred; */
}

a.bouton:link, a.bouton:visited {
color: white;
}

a.curbouton:link, a.curbouton:visited {
color: #F5B500;
}

a.bouton:hover {
color: #F6C94B;
/* text-decoration: overline underline; */
}

a.curbouton:hover {
cursor: default;
}

/* Taille maximale sinon ça décale les drapeaux en espagnol */
#devis {
	font-size: 1.5em;
}

/* Le slogan */

.wetranslate {
font: bold 2em Verdana;
color: white;
position:absolute; top:20px; right:25%;
}

.wetranslate2 {
font: bold italic 1em Verdana;
color: white;
position:absolute; top:70px; right:25%;
}


/* Le titre d'une page */

.title {
font: bolder 32px Arial,Verdana,MingLiU;
background: #F5B500;
color: white;
text-align: center;
opacity:0.8;
}


/* Les titres de paragraphes */

h1 {
font: bolder 1.5em Verdana;
text-shadow: 4px 4px 4px #aaa;
color: #393E8D;
line-height: 17px; elle est un peu plus collée à la ligne suivante
/* border-bottom-width: thin; // sans effet */
}



/* La mention de copyright */

.copyright {
font: normal 0.7em Arial,Verdana;
color: yellow;
position:absolute; left:20px;
}

.copyright2 {
font-size: 1.1em;
}


/* Le "Select your language". Il est cliquable, mais ça ne se voit pas. */

.select, a.select:link, a.select:visited {
color: white;
text-align: center;
font: italic 1.1em 'Verdana';
text-decoration: none;
cursor: text;
}
.lien, a.lien:link, a.lien:visited {
color: black;
text-align: center;
text-decoration: none;
cursor: text;
}
.petitlien, a.petitlien:link, a.petitlien:visited {
color: gray;
font: normal 0.6em Verdana;
text-align:center;
}
.liendiscret, a.liendiscret:link, a.liendiscret:visited {
color: #606060;
font: normal 1.4em Verdana;
text-align:center;
}



/*  Le "what is Esperanto" qui apparaît quand cette langue est sélectionnée */

.esperanto {
font: normal 1.1em Verdana;
color:red;
}

a.esperanto:link, a.esperanto:visited {
color: lightred;
text-decoration: none;
}

a.esperanto:hover {
color: lightblue;
}


/*  Les "success stories" */

.ss {
float:right;
margin:8px; /*  padding est sans effet sur IE */
}

.sstitle {
background:#E0A030;
font: bold 1em Verdana;
text-align:center;
opacity:0.8;
}

.ssbody {
background:#D8E0FF;
font: 0.8em Quando, Verdana;
opacity:0.7;
}

.ssbody:first-letter {
	font-size: 150%;
}

.ssfooter {
background:#A8C0FF;
font: bold 0.8em Verdana;
text-align:center;
opacity:0.8;
}

/* La bande FAQ à droite */
.faq 
{
background:white;
font: 0.75em Quando, Verdana;
text-align:center;
}

.lf {
	font-variant:small-caps;
	font-size: bigger;
	font-weight: bolder;
}