/* Mise en page globale */
body
{
	margin: 0;
	padding: 0;
	font-family:  helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	background: #ddeeaa;
	height: 100%;
	background-image: url(img/fond.jpg);
}
/* On définit les marges haute et basse à 0 et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 4px solid #4D3600 ;
	background: #FDE272 ;
}
/* Une bordure autour de l'ensemble de la page, et couleur "chair" pour le fond de celle-ci */

div#header
{	
	height: 213px;
}
/* Une image de fond correspondant aux 204 pixels de l'entête */

div#contenu
{
	padding: 0em 1em 0em 1em;
}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* Mise en page du texte : PAO */
p#TextIntro
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
}

p#inscrits_samedi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	background-color: #FEC54A;
	text-align: center;
	border: 2px ridge #CF6608;
	position: relative;
	left: 130px;
	width: 485px;
	font-style: oblique;
	font-weight: bold;
	text-decoration: blink;
	vertical-align: middle;
	margin-top: 50px;
	margin-bottom: 2em;
}

#contenu #inscrits_samedi a {
	color: #333333;
	text-decoration: none;
}

#contenu #inscrits_samedi a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

p#inscrits_dimanche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	background-color: #8FC241;
	text-align: center;
	border: 2px ridge #079F52;
	position: relative;
	left: 130px;
	width: 485px;
	font-style: oblique;
	font-weight: bold;
	text-decoration: blink;
	vertical-align: middle;
	margin-top: 50px;
	margin-bottom: 2em;
}

#contenu #inscrits_dimanche a {
	color: #333333;
	text-decoration: none;
}

#contenu #inscrits_dimanche a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

p#footer
{
	margin: 0 ;
	line-height: 1.4em;
	text-align: center;
	color: #F0E7D7;
	font-size:.7em;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#contenu h1
{
	padding-left: 0.1em;
	line-height: 1.4em;
	font-size: 1.8em;
	font-family:Tahoma,Helvetica, sans-serif;
	font-weight:bold;
	color: #CF6608;
	border-bottom: 2px solid #934918;
}
/* Mise en forme du titre de page, texte noir Arial Bold et on met une bordure basse */

div#contenu h2
{
	padding-left: 0.1em;
	line-height: 1.4em;
	font-size: 1.4em;
	font-family:Tahoma,Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
}
/* Mise en forme du titre de page, texte noir Arial Bold et on met une bordure basse */

div#contenu h3
{
	padding-left: 0.2em;
	line-height: 1.4em;
	font-size: 1.3em;
	font-family:Tahoma,Helvetica, sans-serif;
	font-weight:bold;
	color: #333333;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
.gras
{font-weight:bold;
}
.justify
{text-align:justify;
}

.boldcenter
{
	text-align:center;
	font-weight: bold;
	background-color:#FEC54A;
}
.center580
{
	margin :0 0 30px 95px;
}
.center400
{
	margin :0 0 20px 185px;
}
.puce {
list-style-type:none;
background-image:url(img/puce.jpg);
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:15px;
}
.gauche {
border-style:none; 
width:375px;
float:left;
}

.droite {
	border-style:none;
	padding:0px 5px 5px 10px;
	margin-top: 0px;
}

.titre_staff {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.4em;
	FONT-FAMILY: Arial, Verdana;
	text-align: center;
}
.nom_staff {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.4em;
	FONT-FAMILY: Arial, Verdana;
	text-align: left;
	font-style: italic;
}
.adresse_staff {
	FONT-SIZE: smaller;
	FONT-FAMILY: Arial, Verdana;
	text-align: center;
}
.telephone_staff {
	FONT-SIZE: 0.95em;
	FONT-FAMILY: Verdana;
	text-align: center;
	font-weight: bold;
	color: #CC0000;
}
.mail_staff {
	FONT-FAMILY: Helvetica, Arial, Verdana;
	text-align: center;
	font-weight: normal;
	color: #CC0000;
	font-size: .9em;
}
.staff {
	FONT-FAMILY: Helvetica, sans-serif; Verdana; Arial; 
	text-align: left;
	font-weight: normal;
	color: #CC0000;
	font-size: 1em;
}
.commentaire {
	FONT-FAMILY: "Comic Sans MS"; Verdana; Arial; 
	text-align: left;
	font-weight: bold;
	color: #666666;
	font-size: 1em;
}

/* Tout ce qui concerne la partie "edition" : les inscrits etc. */
.inscrits_samedi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	background-color: #FEC54A;
	text-align: center;
	border: 2px ridge #CF6608;
	position: relative;
	left: 130px;
	width: 485px;
	font-style: oblique;
	font-weight: bold;
	text-decoration: blink;
	vertical-align: middle;
	margin-top: 50px;
	margin-bottom: 2em;
}

div#contenu .inscrits_samedi a {
	color: #333333;
	text-decoration: none;
}

div#contenu .inscrits_samedi a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.inscrits_dimanche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	background-color: #8FC241;
	text-align: center;
	border: 2px ridge #079F52;
	position: relative;
	left: 130px;
	width: 485px;
	font-style: oblique;
	font-weight: bold;
	text-decoration: blink;
	vertical-align: middle;
	margin-top: 50px;
	margin-bottom: 2em;
}

div#contenu .inscrits_dimanche a {
	color: #333333;
	text-decoration: none;
}

div#contenu .inscrits_dimanche a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #CF6608;
	text-decoration: none;
	font-weight: bold;
}

div#contenu a:hover
{
	color: #990000;
	text-decoration: underline;
}

div#contenu .mail_staff a
{
	color: #CC0000;
	font-weight: normal;
}

div#contenu .mail_staff a:hover
{
	color: #FDE272;
	text-decoration: none;
	background-color: #CC0000;
}
div#contenu .staff a
{
	color: #CC0000;
	font-weight: lighter;
}

div#contenu .staff a:hover
{
	font-weight: bolder;
	text-decoration: none;
	color: #CC0000;
}
/* On met en forme les liens contenu dans la page */


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleurs différentes pour les span.comment, les span utilisés pour les commentaires */


		
#navcontainer { }
#navcontainer a { text-decoration: none; }

#navcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer li { display: inline; }

/*1st level elements*/
#navcontainer ul
{
border-top: 1px solid #CF6608;
border-bottom: 1px solid #CF6608;
background-color: #CF6608;
padding: 2px 0;
margin-bottom: 2em;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited
{
background-color: #CF6608;
border: 1px solid #CF6608;
color: white;
padding: 0px 5px;
}

#navcontainer ul a:hover,
#navcontainer ul a:focus
{
background-color: #FE8D11;
border: 1px solid black;
color: black;
}

/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited 
{ 
font-weight: bold;
}

/*Second and subsequent levels*/
#navcontainer ul ul
{
font-size: 80%;
position: absolute;
top: 23px;
left: 0;
width: 100%;
border-top: none;
background-color: #FE8D11;
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
background-color: #FE8D11;
border: 1px solid #FE8D11;
color: black;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
background-color: #FDE272;
border: 1px solid black;
color: black;
}

/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }

/* Toutes les mises en page, avec "class" */

.imagedroite
{ float : right ;
}