/* feuille CSS du site îles Comores */

/* Auteur Pierson Vanessa et Macq Jean */

/*=======================================================================*/
/*=======================================================================*/
/*=======================================================================*/

body { /* Background du body correspond a l'ombre sur les cotes du site - Repetition infini en ordonne */
        font-family:georgia, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        margin: 0;
        padding: 0;
        background: #B3F5CC url(../image/boite/ombrage2.png) top center;
        background-repeat: repeat-y;
}

/*=======================================================================*/
/*=======================================================================*/
/*=======================================================================*/

/* Definitions des liens par defaut */

a {
        color: black;
        text-decoration: underline;
}

a:visited {
        color: black;
        text-decoration: none;
}

a:hover {
        color: black;
        text-decoration: underline;
}




/*=======================================================================*/
/*=======================================================================*/


/* Definitions des differentes zones de la page */




#gauche_entete{ /* Zone d'entete contenant le logo et le slogan du site */
        width: 500px;
        height: 120px;
        float: left;
        padding-left: 1px;
        background-color: transparent;
        padding-top: 1px;
}

#droite_entete{ /* Zone d'entete contenant le deux balises de partenaires */
        width: 450px;
        height: 120px;
        position: absolute;
        left: 50%;
        margin-left: 24px;
        margin-top: 5px;
        background-color: transparent;
}


.ligne_recherche { /*div utiliser dans l'entête pour aligner le menu recherche et les deux boutons Anglais et Français*/
float: left;
padding-top: 12px;
padding-right: 5px;
}

.ligne_bouton { /*div utiliser dans l'entête pour aligner le menu recherche et les deux boutons Anglais et Français*/
float: left;
padding-top: 5px;
}

#bas_entete{ /* Zone d'entete contenant le bas de l'entête */
        position: absolute;
        left: 50%;
        margin-left: -475px;
        margin-top: 110;
        background-color: transparent;
}

#conteneur { /* Conteneur du site centre - 750 px de large - Image de background = continuite de la banniere */
        position: absolute;
        width: 954px;
        left: 50%;
        margin-left: -477px;
        background-color: #FBFEE6;
}


#menu { /* zone qui contient le menu */
        width: 250px;
        height: 528px;
        background-color: transparent;
}


#pied {/* Pied de page de hauteur 100px */
        background-color: transparent;
        text-align: center;
        font-size: 6pt;
        font-family: georgia, serif;
        }

#contenu { /* zone qui contient les informations de la page, c'est à dire tout sauf le menu, l'entête, et le pied */
        position: absolute;
        width: 745px;
        height: 395px;
        background-color: transparent;
        left: 50%;
        margin-left: -275px;
        top: 131px;
        overflow: auto;
        scrollbar-face-color: #24E16B;
        scrollbar-track-color: #B3F5CC;
        font-size: 12px;
}

/*=======================================================================*/
/*=======================================================================*/

/*code CSS utilisé pour le menu*/

ul, li { /* utilisation de liste pour le menu */
list-style-type: none;  /* suppression des puces de liste */
margin:0;
padding:0;
}

ul {
position: absolute; /* positionnement pour IE5 et IE5.5 */
left: 50%;
margin-left: -475px;
top: 129px;
background: transparent url(../image/boite/bg-menu.gif) top left no-repeat; /* arrière-plan général du menu */*/
height: 400px;
width: 220px;
text-align: left;
}

li {
display: inline; /* correction pour IE5 et IE5.5 */
}

li a { /* dimensions et définitions des liens du menu */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 20px;
width: 200px;
line-height: 15px;  /* hauteur de ligne pour éviter les paddings */
padding-left:5px;
color: #000000;
font-size: 14px;
font-weight: bold ;
font-family: georgia, serif;
text-decoration: none;
}

li a:hover { /*comportement des liens généraux des liens quand on les survolent*/
color: #FFFFFF;
text-decoration: none;
}

/*li principal { /*définition des titres principaux du menu*/
   padding-left: 0px;
   text-decoration: underline;
}

li autre { /*définitions des autres titres, les non principaux*/
   padding-left: 12px;
   text-decoration: none;
} */