/* Indentation des paragraphes */
p {
	text-indent: 5%;
}


/* Présentation de la page "body" */	
body {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 2px;
	margin-bottom: 0;
	background-color: #ffe4c4;
	/* background-image: url("images/raq12_10.jpg"); */
}



/* Les "p class" */
.edito {
font: bold 1.5em Arial Verdana sans-serif;
color: #000000;
/* text-shadow: #00bfff 4px 2px 15px; */
}


.misajour {
font: italic 0.8em Arial, Verdana, sans-serif;
color: purple;
}

.bas_de_qui {
position: absolute;
top: 710px;
width: 750px;
font: 0.8em Arial, Verdana, sans-serif;
color: black;
background-color: #fffacd;
border: 1px solid #000000;
}

.cest_fini {
	font: 0.7em Arial, Verdana, sans-serif;
	color: black
}



/* Bandeau d'en-tête */
#en_tete {
	width: 778px;
	height: 100px;
	background-image: url("images/bann2011.png");
	margin-bottom: 3px;
}



/* Css du menu */
/* Liste */    
#menu, #menu ul {
    padding: 0; 
    margin: 0;
    list-style: none;
    line-height: 1.2em; 
    text-align: center; 
}
/* Ensemble du menu */
#menu {
	background-color: #b0c4de;
	font: normal normal normal 0.9em Verdana, sans-serif;
	height: 20px; /* on force une hauteur */
	line-height: normal;
	width: 778px; /* comme pour les div */
}
/* Contenu des listes */
#menu a  {
    display: block; 
    padding: 0;
    background-color : #4682b4 /* gray */;      
    color: white; 
    text-decoration: none; 
    width: 128px; 
}
/* Éléments des listes */
#menu li { 
    float: left; 
    /* Pour ie qui ne reconnaît pas "transparent" */
    border-right-color: 1px solid white; 
}
/* Ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li {
    border-right: 1px solid transparent ; 
}
/* Sous-listes */
#menu li ul { 
    position: absolute;
    width: 128px; 
    left: -999em;
}
/* Éléments des sous-listes */
#menu li ul li {
    /* Pour ie qui ne reconnaît pas "transparent"*/
    border-top: 1px solid white; 
}
/* Ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li { 
    border-top: 1px solid transparent; 
}
#menu li ul ul {
    margin: -15px 0 0 -128px ; 
    /* Pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left: 1px solid white ;   
}
/* Ie ne reconnaissant pas le sélecteur ">"  */
html>body #menu li ul ul {             
    border-left: 1px solid transparent ; 
}
/* Lorsque la souris passe sur un des liens */    
#menu a:hover {
	color: #8a2be2; 
    background: white; 
}
/* Sous-sous-listes lorsque la souris passe sur un élément de liste */
#menu li:hover ul ul, #menu li.sfhover ul ul {
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
/* Sous-listes lorsque la souris passe sur un élément de liste et sous-sous-listes lorsque la souris passe sur un élément de sous-liste */
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
    left: auto; 
    min-height: 0;
}
/* #menu li ul li a {
         background : transparent url("adresse de l'image transparente") repeat ;
}
*/
/* Fin du menu */



/* Le corps */
#corps {
	font-family: Arial, Verdana, sans-serif;
	width: 753px;
	height: 550px;
	margin: 5px 0px 2px;
	text-align: justify;
	padding: 10px;
	background-color: #e0ffff; 
	/*background-image: url("images/raq12_10.jpg");*/
	border: 2px solid #778899;
	overflow: auto;
}
/* Fin du corps */

#page_accueil {
	background-image: url("images/raq12_10.jpg");
}
	

/* Bandeau pied de page */
#pied_de_page {
	margin-top: 5px;
	width: 770px;
	padding: 2px;
	text-align: justify;
	font: 0.8em Arial, Verdana, sans-serif;
	color: black;
	border: 2px solid gray;
	background-color: yellow; 
}


/* Titre de chaque activité */
.TitrePage {
	color: purple;
	font: oblique small-caps bold 1.2em arial; 
	border-bottom: 2px solid purple;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}
hr 
{
clear: both;
width: 100%;
border: 0; /* Enlève toute bordure */
border-bottom: 2px #ba55d3 solid; /* Une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 2px; /* pour IE */
}

/* Les tableaux de chaque activité */
/* Titre */
caption {
	margin: auto; 
	font: 1.0em  Arial, Verdana, sans-serif;
	margin-bottom: 40px; 
}
/* Le tableau en lui-même */
table  {
	margin: auto;
	color: red;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse; 
}
/* Les cellules d'en-tête */
th {
	
	background-color: yellow;
	border: 1px solid black;
	color: black;
	font: 10px Arial, Verdana, sans-serif;
	text-align: center;
}
/* Les autres cellules  */
td {
	border: 1px solid black;
	font: bold 12px Arial, Verdana, sans-serif;
	text-align: center; 
	padding: 5px; 
	background-color: white;
}
/* Fin du tableau */





/* étude de la galerie */

div#galerie
{
	width: 410px ;
  	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
  	margin: 15px 30px ;
  	text-align: center ;
  	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
  	padding: 0 ;
  	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
  	border: 1px solid #dcb ;
}








		





/*Présentation de quelques activités...*/
#dds {
	overflow: auto;
}
#jj {
	font: 1.0em Arial, Verdana, sans-serif ;
	overflow: auto;
}
#judo {
	/* background: fixed url("images/judologo2.png"); */
	overflow: auto;
	height: 100%;
}
/*#mjcourriels{
	background: url("images/mjcourrielogo.png");
	overflow: auto;
}
*/#sofro {
	background: no-repeat  url("images/sofro.jpg");
	background-attachment: fixed;
	background-position: center 30%;
	font: 1.1em Verdana, serif;
	overflow: auto;
}