body
{
	font-size : 10pt;
	font-family : verdana,Avantgarde,Geneva;
	background-color: rgb(255, 255, 255); 
	margin: 0px;
	padding: 0px;
}

table
{
	font-size : 10pt;
}

h1  
{
	font-family : Verdana, Helvetica, "sans serif";
	color : #0000FF;
	background-color : #FFFF00;
	font-size : xx-large;
}

h2 
{
	font-size : x-large;
	font-family : Verdana, Helvetica, "sans serif";
	color : #0000FF;
	background-color : #FFFF00;
}	

h3
{
	font-family : Verdana, Helvetica, "sans serif";
	font-size : medium;
}

h4
{
	text-align : left;
	font-family : Georgia, Arial, Verdana, serif;
	font-size : 12px;
	text-decoration : underline;
}

a  
{
	color : #0000FF;
}

a img  /* Images contenues dans des liens */
{
border: none;  /* Pas de bordures */
}


/* a:Visited  
{
	color : #CC00CC;
}
*/
a:Active  
{
	color : #000000;
}

a:Hover  
{
	color : #FF0000;
}

.imageflottanteadroite
{
  float: right; /* image flotte à droite */
  text-align: center; /* pour centrer les légendes */
  font-size: x-small;
  margin-left: 1em; /* pour laisser un écart avec le texte */
  margin-bottom: 0.5em;
}

.imageflottanteagauche
{
  float: left; /* image flotte à gauche */
  text-align: center; /* pour centrer les légendes */
  font-size: x-small;
  margin-right: 1em; /* pour laisser un écart avec le texte */
  margin-bottom: 0.5em;
}

.imageaucentre
{
  text-align: center; /* pour centrer les légendes */
  font-size: x-small;
  margin-bottom: 0.5em;
}

.googlemap   /* incrustation de la carte google map */
{
   float: right; /* à droite */
   margin: 0 0 0.5em 0.5em; /* marges de 1/2 ligne à gauche */ 
   text-align: center; /* centrer la légende */
   font-size: x-small;
}

.googlemap p, .imageflottanteagauche p,
.imageflottanteadroite p, .imageaucentre p { margin-top: 0; /* position légende des cartes et images */
	margin-bottom: 0; }

.retraitpuces { list-style-position:inside; } /* pour que les puces ne mordent pas sur les images gauches */

.rouge
{
	color: red;
}

.vert
{
	color: green;
}

#dessous,.dessous 
{
  clear: both; /* stopper un flottant */
}

.colle
{
  margin: 0; 
  padding: 0;
}

.collehaut
{
  margin-top: 0; 
  padding-top: 0;
}

.collebas
{
  margin-bottom: 0; 
  padding-bottom: 0;
}

#tbl_pg /* La tableau principal de la page (logo + titre + menu + case 22 - contenu principal de la page) */
{
	border-collapse: collapse;   /* les bordures des cellules sont collées ensenble */
	width: 100%;
}
#tbl_pg td  /* Les cellules du tableau principal (logo + titre + menu + case 22 - contenu principal de la page)*/
{
	padding: 5px;
	margin: 0px;
}

#banniere td/* la 1ère ligne  */
{
	margin:0px;
	padding:0px;
}

#logo /* case 11 */
{
	text-align: center; 
	background-color : #effc20; 
	width: 105;
}

.titre  /* texte bleu, fond jaune
                        Le titre de la page 
		   la case 12*/
{
	text-align : center;
	font-size : large;
	font-family : Verdana, Helvetica, Palatino, Geneva, "sans serif";
	color : #413e3e;
	background-color : #7063fd;
	margin:0;
	padding:0;
}

#menu  /* case 21 en gros */
{
	font-family : Verdana, Palatino, Snda, "sans serif";
	/*  font-size : 80%;  */
	font-size : 8pt;
	font-weight : bold;
	
	text-align : right;
	vertical-align: top;
	
	color : #413e3e;
	background-color : #7063fd;
	
	width : 110;
}
#menu p
{
	margin: 0;
	padding: 0;
	margin-bottom: 10;
}

#menu a  
{
	color : #000000;
}



.usuel  /* case 22 = la case page texte principal (usuel pas mon choix : je laisse ce terme "usuel"
                                           pour ne pas devoir changer tous les fichiers */
{
	font-size : 10pt;
	font-family : verdana,Avantgarde,Geneva;
	vertical-align: top;
}

.titretab  /* texte jaune, fond bleu
                           des titres dans la case 22*/
{
	background-color : #7063fd;
	text-align : center;
	font-size : small;
	font-family : verdana,Avantgarde,Geneva;
	font-weight : bold;
	color : #ffffff;
	clear: both; /* stopper un flottant */
}

.photo2011  /* */
{
	text-align : center;
}

.titregris   /* texte jaune, fond bleu
                           des titres dans la case 22*/
{
	vertical-align: top;
	padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	text-align: left;
	color:#191919;
	background-color: #787878;
	border: 1px solid black;
	font-size : 12pt;
	text-align : center;
	font-family : Verdana, Helvetica, Palatino, Geneva, "sans serif";
	font-weight : bold;
}


.encart  /* block texte noir ; fond jaune; cadre bleu 
                          des cadres dans la case 22*/ 
{
	font-size : 10pt;
	color : #000000;
	background-color : #e5fd57;
	padding : 5px;
	margin: 10px;
	border-width : thin;
	border-color : #0000FF;
	border-style : solid;
	text-align : center;
}

.rem  /* fond blanc
                   sous table principal 
	        ex. Devenez membres de Rando Vélo */
{
	background-color : #EEEEEE;
	text-align : center;
	font-size : xx-small;
	font-family : verdana,Avantgarde,Geneva;
}

.rem_left  /* fond blanc
                   sous table principal 
	        ex. Devenez membres de Rando Vélo */
{
	background-color : #EEEEEE;
	font-size : xx-small;
	font-family : verdana,Avantgarde,Geneva;
	text-align : left;

}

.bandeauannonce {
	background-color: #91b750;
	color:  #eff8f7;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
	margin: 1em 15% 1em 15%;
	padding: 1em 15% 1em 15%;
}

/* ********  */
/* index.php */
/* ******** */
.alaune  /* texte noir ,fond blanc, cadre noir*/
{
	border: 2px solid rgb(0, 0, 0); 
	font-size: 12px;
	padding: 5px; 
	margin: 10px;
	text-align: left;	
	width: 95%;
	color: rgb(0, 0, 0); 
	background-color: rgb(255, 255, 255);
}

.alaune h6
{
	font-size: 9px;
	padding: 0px; 
	margin: 0px; 
	text-align: left;
	color: rgb(0, 0, 0);
	width: 100%
}
/* ********** */
/* rvagenda.php  */
/* ********* */
/*.agenda   */
.agendarv  /* texte noir ,fond blanc, cadre noir*/
{
  margin-top: 0; 
  padding-top: 0;
	background-color: rgb(253, 254, 156);
}
 

/* ********** */
/* report.php  */
/* ********* */
/*.reportages 
{
	vertical-align: top;
}
*/
.reportages li
{
	margin: 20px;
}

/* *********************  */
/* veadr.php  page contacts */
/* ********************* */

#contacts caption /* Titre du tableau */
{
	margin: auto; /* Centre le titre du tableau */
	font-family: Arial, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.2em;
	color : #ffffff;
	background-color : #7063fd;
	padding: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#contacts  thead /* Le thead du tableau  */
{
	margin: auto; /* Centre le tableau */
	border: 1px solid black; 
	color : #ffffff;
	background-color : #787878;
}


#contacts  /* Le tableau en lui-même */
{
	margin: auto;  /* Centre le tableau */
	border: 1px solid black; /* Bordure du tableau  */
	border-collapse: collapse; /* Colle les bordures entre elles */
}


#contacts th, #contacts td
{
	vertical-align: top;
	padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/* *******************************  */
/* venous.php  page Qui sommes-nous ? */
/* ******************************* */
#nous p
{
	font-size: 14px;
	font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
}

blockquote
{
	text-align: justify;
	margin-top: 2;
}

#nous li
{
	font-size: 11px;
	font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
}


  /* ************************************  */
 /* liensvep.php  et liensrvv.php :  pages liens */
/* ********************************** */
.liens caption  /* Titre du tableau */
{
	margin: auto; /* Centre le titre du tableau */
	font-family: Arial, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.2em;
	color : #FFFF00;
	background-color : #7063fd;
	padding: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */	
}
.liens  /* Le tableau en lui-même */
{
	margin: auto; /* Centre le tableau */
	border: 1px solid black; /* Bordure du tableau  */
	border-collapse: collapse; /* Colle les bordures entre elles */
	margin-bottom: 20px;
	width: 100%;
}

.liens th
{
	vertical-align: top;
	padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	text-align: center;
	color:#191919;
	background-color: #787878;
	border: 1px solid black;
}

.liens td
{
	vertical-align: top;
	padding: 8px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	font-size: 11px;
	font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
	border: 1px solid black; 
	text-align: center;
}


  /* ************ */
 /* ideerando.php  */
/* ************** */
.idee caption  /* Titre du tableau */
{
	margin: auto; /* Centre le titre du tableau */
	font-family: Arial, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.2em;
	color : #FFFF00;
	background-color : #7063fd;
	padding: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */	
}
.idee  /* Le tableau en lui-même */
{
	margin: auto; /* Centre le tableau */
	border: 1px solid black; /* Bordure du tableau  */
	border-collapse: collapse; /* Colle les bordures entre elles */
	margin-bottom: 20px;
	width: 100%;
}

.idee th
{
	vertical-align: top;
	padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	text-align: center;
	color:#191919;
	background-color: #787878;
	border: 1px solid black;
}

.idee td
{
	vertical-align: top;
	padding: 8px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	font-size: 11px;
	font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
	border: 1px solid black; 
	text-align: left;
}