/* --------- Ce ficher CSS affecte le site pour sa présentation Web --------- */

/* ------------------------------------------------------ */
/* --- Cette section modifie le cadre complet du site --- */
/* ------------------------------------------------------ */

 body{
	background-image:url('../Images/fond2.jpg');
} 

#total {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	color:#133F73;
	background-color:#FFFFFF; 

}

		/* --- Formatage du texte important --- */
.text_imp {
	text-decoration: underline;
}

		/* --- Formatage des titres principaux --- */

h1 {
	text-align:center;
	margin-top:10px;
}

		/* --- Formatage lien images --- */
.lien_image {
	border:none;
}

a{
	color:#133F73;
}

p{
	margin-bottom:none;
}
/* -------------------------------------------------------------- */
/* --- Fin de la section qui modifie le cadre complet du site --- */
/* -------------------------------------------------------------- */

/* ---------------------------------------------- */
/* --- Cette section modifie l'entête du site --- */
/* ---------------------------------------------- */

#entete {
/*	border: medium solid #133F73;  */
	width: 100%;
	height: 210px;
	text-align: center;
	background-image: url('../Images/Entete2b.jpg');
}

			/* --- Menu horizontal --- */
#menu_haut {
	text-align: right;
	background-color: #133F73;
	float: right;
	margin-top: 90px;
	margin-right: 55px;
	font-family: "Comic Sans MS";
	color: #CC9219;
}
.menu_haut {
	margin: 5px 1px 1px 1px;
	color: #CC9219;
	background-color: #133F73;
	font-size: large;
	font-weight: bold;
}
.a_menu_haut {
	color: #CC9219;
	font-weight: bold;
	text-decoration: none;
	font-size: large;
}

/* ------------------------------------------------------ */
/* --- Fin de la section qui modifie l'entête du site --- */
/* ------------------------------------------------------ */

/* ------------------------------------------------------- */
/* --- Cette section modifie le menu de gauche du site --- */
/* ------------------------------------------------------- */

#conteneur {
	clear: left;
    float: left;
    width: 100%;
    margin-bottom: 1%;
    overflow: hidden;
    position: relative;
    width:800px;
    background-image: url('../Images/fond-texte.jpg');
    /* bordure du site */  
/*    border: 5px solid #133F73; */
}

			/* --- Menu de gauche --- */	
#menu_gauche{
	float: left;
	/* largeur du menu. Si vous changez la largeur du menu de gauche, vous devez ajuster la largeur de la section du centre. */
	width: 150px;
}

.li_menu_gauche {
	/* type de puce du menu */
	list-style-type: disc;
	/* formatage du texte du menu */
	color: #133F73;
	font-weight: bold;
}
	/* formatage des images du menu */
.img_menu_gauche {
	list-style-type:none;
	margin-top:5px;
}

			/* --- Logo des loisirs --- */
.LDG-logo{
	width:75px;
	height:55px;
	border:none;
}

.lien_menu_gauche{
	text-decoration:none;
}

/* --------------------------------------------------------------- */
/* --- Fin de la section qui modifie le menu de gauche du site --- */
/* --------------------------------------------------------------- */


/* ------------------------------------------------------------------------------- */
/* --- Cette section modifie la section du centre (section principale) du site --- */
/* ------------------------------------------------------------------------------- */

/* --- certaine des caractéristique du texte son globale a tout le site. Voir donc aussi la section qui modifie le cadre 
complet du site --- */


#section_centre{
	float: right; /* largeur du la section du centre */;
	width: 635px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
	
.img_accueil {
	/* alignement centré pour le texte */
	text-align:center;
	}
	
	/* Formatage des cellules montrant les catégories d'ages du tableau de la page de location de costumes */
.loc_cos_age_cell {
	width:20%;
}
	/* Formatage des cellules montrant les spectacles du tableau de la page de location de costumes */
.loc_cos_spec_cell{
	width: 100%;
	padding-top: 10px;
	font-weight: bold;
}

.loc_cos_li_spec{
	list-style-type: none;
	padding-top: 10px;
	font-weight: bold;


}

.loc_cos_img{
	width:600px;
	height:400px;
}
.lien_haut_de_page{
	font-size: x-small;
	margin-top:2px;
}
/* --------------------------------------------------------------------------------------- */
/* --- Fin de la section qui modifie la section du centre (section principale) du site --- */
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* --- Cette section modifie le babillard de la page d'accueil (aucune pour l'instant) --- */
/* --------------------------------------------------------------------------------------- */
#babillard{
	}
/* ---------------------------------------------------------------------------------------------- */
/* --- Fin de la sectionqui modifie le babillard de la page d'accueil (aucune pour l'instant) --- */
/* ---------------------------------------------------------------------------------------------- */
	
	
/* ----------------------------------------------------- */
/* --- Cette section modifie le pied de page du site --- */
/* ----------------------------------------------------- */

#pied_page{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
        background-image: url('../Images/fond-texte.jpg');
}
/* ------------------------------------------------------------- */
/* --- Fin de la section qui modifie le pied de page du site --- */
/* ------------------------------------------------------------- */