body
{
    background-color: rgb(250,250,250);
    font-family: Verdana, Arial, sans-serif;
    color: rgb(0,0,0);
}

A:link {color: #000000; text-decoration: none }

A:visited {color: #000000; }

A:hover {color: #000000; text-decoration: underline; font-size: 8pt. font-family: Verdana, Arial, sans-serif;}

.page
{
    width: 900px;
    margin: auto;
    background-color: rgb(250,250,250);
}

.header
{
    height: 130px;
    background-color: #FFFFFF;
#    border : 2px solid #000000;
}

.lang
{
    display: inline-block;
    width: 68%;
    padding: 2px;
    vertical-align: top;
    font-size: 7pt;
    text-align: right;
#	border: 1px solid;
}

.title
{
    float: left;
    display: inline-block;
    width: 30%;
    padding-left: 10px;
    vertical-align: top;
#    font-family: Chalkduster;
    font-family: Monotype Corsiva;
    font-size: 24px;
    font-weight: bold;
    background-color: #DDDDDD;
    color: rgb(60,60,60);
#	border: 2px dotted #0000FF;
}

.ban
{
    display: inline-block;
    width: 605px;
    height: 100px;
    margin-left: 5px;
    padding-left: 10px;
    overflow: hidden;
#    border: 2px dotted #0000FF;
}

.nav
{
    clear: both;
    vertical-align: top;
    font-size: 8pt;
#    border : 2px dotted;
}

#tabs
{
    font : bold 11px Verdana, arial, serif;
    list-style-type : none;
    padding-bottom : 24px;
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}

#tabs li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: rgb(192,192,192);
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
    list-style-type: none;
    padding-left: 0;
}

#tabs li.active
{
    border-bottom: 1px solid rgb(250,250,250);
    background-color: rgb(250,250,250);
}

#tabs a
{
    display : block;
    color : #060606;
    text-decoration : none;
    padding : 4px;
}

#tabs a:hover
{
    background : rgb(255,255,255);
}

.section
{
    height: 800px;
#    border: 1px dotted #000000;
}

.article
{
    display: inline-block;
    width: 75%;
    margin: 5px;
    padding: 5px;
    padding-left: 10px;
    text-align: justify;
    font-size: 0.8em;
    color: #000000;
#    border: 2px dotted #00FF00;
}

.side
{
    display: inline-block;
    width: 20%;
    height: 500px;
    float: right;
    margin: 10px;
    padding: 5px;
    border : 2px solid;
    border-radius: 10px;
    box-shadow: 6px 6px 6px black;
    background-color: #A0A0A0;
    color: white;
}

.sideleft
{
    display: inline-block;
    width: 150px;
    height: 500px;
    float: left;
    margin: 10px;
    padding: 5px;

    border : 2px solid;
    border-radius: 10px;
    box-shadow: 6px 6px 6px black;
    background-color: #DDDDDD;
    color: black;
    font-size: small;
}
.footer
{
    font-size: 6pt;    
}
/*
li
{
    list-style-position: inside;
}

li:before {
    content: "- ";
}
*/

.algo
{
    width: 80%;
    margin: auto;
    padding: 3px;
    padding-left: 10px;
    font-size: 1.2em;
    border: 1px solid black;
    background-color: #EEEEEE;
}