body                                                                                                                                                    /*PAGE ENTIERE*/
{
   width: 97%;   /* Taille de la page a adapter selon la résolution d'ecran */
   margin: auto;   /* Pour centrer la page automatiquement */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
   margin-bottom: 20px; /* Idem pour le bas du navigateur */
   background-image: url("../images/fond_page.jpg"); /*Fond de Page*/
   background-attachment: fixed;  /* Le fond de la page reste fixe*/
   font-size: 80%;  
   font-family:  "Comic Sans MS", Arial, Georgia, Verdana, Helvetica, Tahoma, Times, serif; 
}
#en_tete                                                                                                                          /*BANNIERE HAUT DE PAGE  SEIZEART*/
{
   width: 100%;
   height: 90px;  
   background-image: url("../images/banniere.png");
   background-repeat: no-repeat;
   background-position: left;
   margin-bottom: 10px; 
}
#photo                                                                                                                   /*PHOTO DE REMPLACEMENT PLACE EN HAUT A DROITE*/
{
   width: 110px;   /*Largeur à mettre obligatoirement*/
   height: 150px; /*Hauteur à mettre obligatoirement*/
   text-align: center;
   background-image: url("../images/photo_vide.jpg");                 /*PHOTO PROFIL DE REMPLACEMENT*/
   background-repeat: no-repeat; 
   margin: auto;   
}

a {color: #700000; text-decoration: underline;} /* Bordeaux*/
a:hover, a:hover span {color: #00FF00;}  /*Vert Claire*/
img                                                                                                                                                      /*IMAGES DE PAGE */
{
   border-top: 1px solid white;
   border-bottom: 2px solid #444444;
   border-left: 1px solid white;
   border-right: 2px solid #444444; 
}
a:hover img                                                                                                              /*LIENS IMAGES AU PASSAGE DE LA SOURIS DE PAGE*/
{
   border-bottom: 1px solid white;
   border-top: 2px solid #444444;
   border-right: 1px solid white;
   border-left: 2px solid #444444;
}
hr                                                                                                                                     /*LIGNE 'ESPACEMENT HORIZONTALE DE PAGE*/
{
   width: 70%;
   color: #800101; /*bordeau*/
   background-color: #700000; /*bordeau*/
}
h1, h2, h3, h4, h5, h6                                                                                                                      /* TITRES DE PAGE */   
{    
   color: #400101;         
   font-family: Arial, "Arial Black", "Times New Roman", Times, Helvetica, serif;
   text-align: center;   
}
table, td, caption {text-align: center; margin: auto;}
                                                
												/*LES CLASSES*/

/*Fonds*/
.fond_vert_claire {background-color: #CCCC99;}												
												
/*Look*/
.gras {font-weight: bold;}
.italique {font-style: italic;}
.sans_soulignement a {text-decoration: none;}

/*Positions*/
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.block {display: block;}
.inline {display: inline;}
.top-15 {margin-top: -15px;}
.left-10 {margin-left: -10px;}
.padding10 {padding: 10px;}
			
/*Dimentions*/
.police_80 {font-size: 80%;}
.police_90 {font-size: 90%;}
.police_100 {font-size: 100%;}
.police_110 {font-size: 110%;}
.police_120 {font-size: 120%;}
.police_130 {font-size: 130%;}
.police_140 {font-size: 140%;}
.police_150 {font-size: 150%;}
.police_160 {font-size: 160%;}
.police_170 {font-size: 170%;}
.police_180 {font-size: 180%;}
.proprietes_grand_dessin img {width: 400px;}
.proprietes_miniature_dessin img {width: 80px;} 

/*Directions*/
.left {text-align: left; margin-left: 20px;}
.right {text-align: right; margin-right: 20px;}
.center {text-align: center;}
.justify {text-align: justify;}
.image_left {float: left;}
.image_right {float: right;}

/*Couleurs*/
.blanc {color: white;}
.jaune_claire {color: #E6E3B9;}
.jaune {color: #FFFF66;}
.orange {color: #FF9933;}
.bordeau {color: #700000;}
.vert {color: #00FF00;}
.vert_fonce {color: #003300;}
.vert_claire {color: #99FF88;}
.vert_pastel {color : #666633;}		
.bleu {color: #3399FF;}
.bleu_pseudo {color: #0046BF;}
.brun_fonce {color: #400101;}
.brun_claire {color: #A66255;}  
.gris {color: #444444;}
.noir {color: black;}

/*Tableau des Membres*/										
.liste_membres {margin: auto; width: 96%;}
.liste_membres td   
{
   text-align: left;
   color: #003300;
   background-color: #b9ad7b;
   padding: 5px;
   border: 2px outset white;
}
td.titre_liste_membres
{
   font-weight: bold;   
   color: #00FF00;
   background-image: url("../images/titre_long.png");
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 10px;
}
.liste_membres a {text-decoration: none; color: #0046BF;} 
.liste_membres a:hover {color: #00FF00;} 																								

table.galerie                                                               
{
   margin: auto; 
   width: 84%;   
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 5px; 
   text-align: center;
   font-size: 90%;
   font-family: "Comic Sans MS", Arial, Verdana, Helvetica, Arial, Helvetica, sans-serif;
   background-image: url("../images/fond_galerie.jpg"); 
   color: black;
   border: 2px outset white; 
}
table.galerie img        /*Images des TABLEAUX DES GALERIES*/
{
   float: left;
   width: 80px;
   margin-right: 30px;
   margin-left: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
}
table.galerie a {text-decoration: none; color: #FFFF66;}
table.galerie a:hover {color: #00FF00;}

table.menu_galerie    
{
   margin: auto; 
   width: 96%;   
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 90%;
   font-family: "Comic Sans MS", Arial, Verdana, Helvetica, Arial, Helvetica, sans-serif;
   background-image: url("../images/fond_menu_galerie.jpg");
   color: black;
   border: 2px outset white; 
}
table.menu_galerie a {text-decoration: none; color: #FFFF66;}
table.menu_galerie a:hover {text-decoration: none; color: #00FF00;}
.menu_galerie td {padding-left: 10px; padding-right: 10px;}

.titre_galerie
{
   font-weight: bold; 
   font-family: "Comic Sans MS", Arial, Georgia, "Times New Roman", Times, Helvetica, serif;
   color: #400101; /*Brun Foncé*/
}

/* Propriétés des Pseudos des Exposants*/
.pseudo_galerie                                               
{
   font-weight: bold; 
   font-family: "Comic Sans MS", Arial, Georgia, "Times New Roman", Times, Helvetica, serif;
   font-size: 130%;
   color: #0046BF; /*Bleu*/
   font-weight: bold;   
   padding-left: 10px;
   padding-right: 10px;
} 
 
/*Image SANS Bordures simple*/ 
.sans_bordure0 img, .sans_bordure0 a:hover img 
{  
   margin-left: 0px;
   margin-right: 0px;
   border: 0px;
}	

/*Image SANS Bordures avec un espace à gauche et à droite*/
.sans_bordure img, .sans_bordure a:hover img 
{  
   margin-left: 10px;
   margin-right: 10px;
   border: 0px;
}

/*La Première lettre en Grand d'un texte*/
.letterine1:first-letter         
{
   font-size: 160%;    
   font-family: "Comic Sans MS", Arial, Georgia, "Times New Roman", Times, Helvetica, serif; 
   font-weight: bold;   
   margin-right: 3px;          
   margin-left: 10px;                                                          
   color: #700000;
}

/* La Première lettre Moyen d'un texte*/
.letterine2:first-letter     
{
   font-family: "Comic Sans MS", Arial, Georgia, "Times New Roman", Times, Helvetica, serif; 
   color: #700000;
   font-size: 130%;
   font-weight: bold; 
   margin-right: 3px;
}

/* Milieu des Pages */
.corps    
{
   font-size: 110%;       
   text-align: center;                                
   margin-left: 150px;                                 
   margin-right: 150px;                               
   margin-bottom: 10px;                               
   padding-left: 20px;                                 
   padding-right: 20px;                                
   padding-bottom: 10px;
   color: black;                                  
   background-image: url("../images/fond_milieu_colonne.png");
   background-repeat: repeat; 
   border: 2px solid black; /*Epaisseur, type et couleur de la bordure*/
}

/* Texte Défilant  */
div.message_accueil
{
   width: 98%;
   height: 25px;   
   background-image: url("../images/crayon.png");
   background-repeat: no-repeat;
   margin-top: 5px;
   padding-top: 5px;
   font-family: "Arial, Comic Sans MS", Georgia, "Times New Roman", Times, Helvetica, serif;
   font-size: 12px;
}

.fond    
{ 
   width: 80%;
   background-image: url("../images/fond_galerie.jpg");
   text-align: center;
   color: black; 
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 10px;
   border: 2px outset white;
}
.fond img 
{
   margin-left: 5px;
   margin-right: 5px;
}
.fond a {text-decoration: none; color: #FFFF66;} /*Jaune*/
.fond a:hover {color: #00FF00;} /*Vert Claire*/

/* Tableaux des Pages vos_galeries01, 02, 03, etc...... */
.table_vos_galeries                                                               
{
   margin: auto; 
   width: 90%;   
   margin-top: 10px;
   font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "Times New Roman", Helvetica, sans-serif;
   background-color: #b9ad7b; 
   color: black;
   border-top: 5px solid #004400;
}
.table_vos_galeries td {padding-left: 5px; padding-right: 5px;}

/* Tableaux des Pages miniatures_dessins_peudo01, 02, 03, etc...... */
.table_miniatures_dessins                                                               
{
   margin: auto; 
   width: 89%;   
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "Times New Roman", Helvetica, sans-serif;
   background-color: #b9ad7b; 
   color: black;
   border: 2px solid #666633;

}
.table_miniatures_dessins img {width: 80px;}

/* Tableaux des Pages Presentation */
.table_presentation_galerie     
{ 
   width: 96%;
   background-color: #b9ad7b;
   text-align: center;
   color: black; 
   margin: auto;
   border: 2px outset white;
}
.table_presentation_galerie td {padding-left: 10px; padding-right: 10px;}
.table_presentation_galerie th 
{
   background-image: url("../images/titre_long.png");
   padding-left: 15px;
   padding-top: 3px;
   padding-bottom: 3px;
}

/* Tableaux des 5 Derniers Commentaires des Galeries présent dans les page presentation.php*/
.table_derniers_commentaires_galerie     
{ 
   width: 96%;
   background-color: #CCCC99;
   text-align: center;
   color: black; 
   margin: auto;
   border: 2px outset white;
}
.table_derniers_commentaires_galerie th 
{
   background-image: url("../images/titre_long.png");
   padding-left: 15px;
   padding-top: 3px;
   padding-bottom: 3px;
}
.table_derniers_commentaires_galerie td {border: 1px solid #999944;}

/* Tableau du Dessin présent dans la page dessin.php */
.table_dessin {width: 96%;}
.table_dessin td 
{
   margin: auto;
   margin-bottom: 10px;
   padding: 10px;   
   background-color: #b9ad7b; 
   border: 2px outset white;  
}
td.titre_dessin
{
   color: #00FF00;
   background-image: url("../images/titre_long.png");
   padding: 3px;
   padding-left: 10px;
}

/* Tableau de la Vidéo présent dans la page dessin.php */
.table_video                                                               
{
   margin: auto; 
   width: 80%;   
   padding: 10px;
   background-color: #CCCC99; 
   border: 5px solid #367000;
}

/*Texte d'accueil   présent au début du corp de la page index.php */
.texte_accueil
{
   margin: auto;
   margin-bottom: 10px; 
   text-align: left;
   font-size: 16px;
   font-family: "Times New Roman", Times, Helvetica, serif;
}

/* Tableau du Texte  présent au début du corp de la page index.php */
.table_texte_accueil
{
   float: left;
   width: 215px;
   margin: auto; 
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 8px;
   margin-right: 20px; 
   text-align: center;
   padding: 4px;
   font-size: 12px;
   border: 2px inset white; 
}

/* Tableau des Derniers Dessins , des News et Statistiques présent dans la page index.php */
.table_mes_derniers_dessins_et_news_et_statistiques {width: 98%;}
.table_mes_derniers_dessins_et_news_et_statistiques td
{
   margin: auto;
   padding: 5px;  
   background-color: #b9ad7b; 
   border: 2px outset white;
}
.table_mes_derniers_dessins_et_news_et_statistiques img {width: auto; margin-left: 5px; margin-right: 5px; margin-top: 5px;}
td.titre_table_mes_derniers_dessins_et_news_et_statistiques 
{
   color: #00FF00;
   background-image: url("../images/titre_long.png");
   padding-top: 3px;
   padding-bottom: 3px;
}

/* Tableau des Statistiques présent dans la page statistiques_detaillees.php */
.table_statistiques {width: 96%; text-align: left;}
.table_statistiques td 
{
   margin: auto;
   margin-bottom: 10px;
   padding: 10px;
   text-align: left;   
   background-color: #b9ad7b; 
   border: 2px outset white;  
}
td.titre_statistiques 
{
   text-align: left;
   color: #00FF00;
   background-image: url("../images/titre_long.png");
   padding: 3px;
   padding-left: 10px;
}

/* Tableau des Faq présent dans les pages faq_sur_vos_.........php */
.table_faq {width: 96%; margin-bottom: 10px;}
.table_faq td 
{
   margin: auto;
   padding: 10px;  
   background-color: #b9ad7b; 
   border: 2px outset white;  
}
td.titre_faq 
{
   color: #00FF00;
   background-image: url("../images/titre_long.png");
   padding: 3px;
   padding-left: 10px;
}

/* Tableau du Profil des Exposants s'affichant aléatoirement dans la page index.php */
table.galerie_hasard                                                              
{
   margin: auto; 
   width: 98%;   
   font-size: 80%;
   font-family: "Comic Sans MS", Arial, Verdana, Helvetica, Arial, Helvetica, sans-serif;
   background-color: #CCCC99; 
   color: black;
   border: 2px outset white; 
}
.galerie_hasard img {width: 80px; margin-left: 5px; margin-right: 5px;}
td.titre_galerie_hasard
{
   color: #00FF00;
   background-image: url("../images/titre_long.png");
   padding-top: 3px;
   padding-bottom: 3px;
}

/* Tableau des Liens et des Suivant/Précédent des pages */
.liens_suivant_precedent 
{ 
   width: 90%;   
   margin-top: 10px;
   font-family: Arial, "Comic Sans MS", Verdana, Helvetica, "Times New Roman", Helvetica, sans-serif;
   font-weight: bold;
   background-color: #ffffc9; 
   color: #666633;
   border: 2px outset white;
}
.liens_suivant_precedent td {padding-left: 10px; padding-right: 10px;}
.liens_suivant_precedent a {text-decoration: none;}