/*
 * CSS du site Gregory-Bauge.com
 *
 * Site web réalisé par E-Koala.com ©®
 * Toute reproduction partielle ou totale est 
 * interdite sans l'autorisation de l'auteur
 */

/* 
 * Le BODY :
 * La taille de la page, le centrage, la couleur du fond
 */
html,body{
    margin:0;
    padding:0;
    height:100%;
}

body{
    width:825px;
    height:100%;
    min-height:100%;
    margin:auto;
    background-color:#C7C7C7;
}

/* 
 * header :
 * La banniere (en tete) de la page.
 * Composée d'une image de fond
 */
#header{
    width:100%;
    height:271px;
    background-image: url('../images/header.jpg');
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
}

/* 
 * corps : 
 * Le corps de la page,
 * contient toute la page sauf le header et le footer
 * contient donc aussi le menu
 * image de fond de la page (sur toute la largeur)
 */
#corps{
    height:auto;
    margin:0px;
    padding:0px;
    background:url('../images/background.jpg') repeat-y;
    min-height:100%;
}

/* 
 * menu : 
 * Menu Gauche
 * menu contenant les liens interne du site
 * contient toute la partie gauche
 */
#menu{    
    width:260px;
    float:left;
    padding:0px;
    margin:0px;
}

/* menuContenu : 
 * Contient l'image de fond du menu.
 * Les liens seront dans cette partie
 * Cette sous partie sert pour 
 * l'image tout en bas du menu
 */
#menuContenu{
    background:url('../images/fondMenu.jpg') repeat-y;
}

/*
 * menu img : 
 * les images dans le menu
 */ 
#menu img{
    border:0px;
    padding:0px;
    margin:0px;
}

/* contenu : 
 * Le contenu de la page 
 * Toute la partie centrale du site
 */
#contenu{
    margin:0px;
    margin-left:261px;
    padding:0px;
}

/*
 * contenu a :
 * les liens dans la partie centrale
 */
#contenu a{
    text-decoration:none;
    color:#BF9D78;
    font-weight:bold;
    font-size:0.9em;
}

/* 
 * contenu h2 :
 * les h2 dans cette partie centrale
 */
#contenu h2{
    margin:0px;
    padding:0px;
    font-size:0.95em;
    color:#838383;
    font-weight:normal;
    font-family:Verdana, serif;
}

#contenu h1{
    font-size:1em;
    font-weight:bold;
    font-family:Vedana, serif;
    color:#64AB45;
}

/* contenu .nomGregory
 * une classe dans l'id contenu
 * Pour quand on écrit le nom de 
 * Gregory Baugé
 */
#contenu .nomGregory{
    color:#64AB45;
    margin:0px;
    padding:0px;
}

#contenu p{
    font-family:Verdana, serif;
    font-size:0.7em;
    text-align:justify;
    width:85%;
    margin:0px;
    padding:0px;
    margin-left:0px;
    text-indent:5px;
    padding-bottom:0px;
}

.indexPalmares{
    width:55%;
    margin-left:0px;
    font-family:Arial, verdana, serif;
    font-size:1.0em;
    border-top:1px solid black;
    border-bottom:1px solid black;
}

.indexPalmares a{
    font-family:Arial, verdana, serif;
    font-size:1.0em;
}

/* 
 * Sur la page calendrier : 
 */

/*
 * listeCalendrier
 */
ul, li{
    margin:0px;
    padding:0px;
    margin-left:15px;
    text-align:justify;
    font-size:0.8em;
    font-family:Verdana, serif;
    list-style-type:circle;
}

.listEvnmt ul, li{
    margin:0px;
    padding:0px;
    margin-left:15px;
    text-align:justify;
    font-size:1em;
    font-family:Verdana, serif;
    list-style-type:circle;
}

.titreEvenement{
    color:#64AB45;
    text-decoration:underline;
    font-weight:bold;
}

.dateEvenement{
    font-size:0.9em;    
}

/*
 * Page d'ajout d'un évenement au calendrier
 */
#contenu fieldset{
    width:80%;
    text-align:left;
}

#contenu .champs{
    border:none;
    border-bottom:1px dashed;
    margin-bottom:3px;
}

#contenu .submit{
    margin:10px;
}

#contenu .retour{
    width:80%;
    text-align:right
}

#contenu .imageIndex{
    float:right;
    margin:15px;
    margin-right:55px;
}

#contenu .imageIndex img{
    width:172px;
    height:284px;
}

#foot{
    text-align:center;
    font-size:0.7em;
    color:#BF9D78;
}

#foot a{
    color:#BF9D78;
    text-decoration:none;
}

.design th, td{
    text-align:center;
}

.design table{
    width:80%;
    border-collapse:collapse;
    border:2px solid black;
    margin:auto;
}

.design th, td{
    border:1px solid black;
    font-size:0.9em;
}

#flash{
    width:90%;
    border:1px solid black;
    font-size:0.9em;
    margin-left:10px;
    text-align:justify;
    padding:3px;
}