/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles commun des pages:
1. Propriétés de la page
2. Entête
__________________________________________________________________________________________________________________________*/


/*__________________________________________________________________________________________________________________________

POUR VERIFIER LES EVENTUELS PBS DE MISE EN PAGE : VISUALISATION DU DECOUPAGE 
__________________________________________________________________________________________________________________________
table {border: 1px solid black;}
td {border: 1px dotted gray;}
div {border: 1px solid orange;}
img, form {border: 1px dashed blue;}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow;}
ul {border: 1px solid green;}
li {border: 1px solid lightgreen;}
*/

/*__________________________________________________________________________________________________________________________

      1. PROPRIETES DE LA PAGE
__________________________________________________________________________________________________________________________*/

/* ________________________________ Propriétés du body ________________________________ */		
body
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* ___Décoration */
}

/* ________________________________ Supression du bug ________________________________ */		
img
{
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

a img
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: 0;
}

/* ________________________________ Bloc qui contient l'ensemble du site ________________________________ */		
#conteneur
{
	/* ___Dimensions et positionnement */
	width: 760px;
	/*height: 100%;
	 ___Marges */
	margin: 0 auto;
	padding: 0;
	/* ___Texte */
	text-align: left;
	/* ___Décoration */
	background: url(../images/commun/ombre_page.jpg);
}

/* ________________________________ Bloc qui contient tout le contenu ________________________________ */
#contenu
{
	/* ___Dimensions et positionnement */
	width: 740px;
	height: 100%; 
	min-height: 100%; 
	/* ___Marges */
	margin: 0 10px;
	padding: 0;
	/* ___Texte */
	/* ___Décoration 
	background: #900D19;*/
	background: url(../images/contenu/dupli_gauche.gif) repeat-y;
}

/*__________________________________________________________________________________________________________________________

      2. ENTETE
__________________________________________________________________________________________________________________________*/

#entete
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0 10px;
	/* ___Texte */ 
	/* ___Décoration */
}

/* ________________________________ Logo du Plessis-Macé ________________________________ */
h1
{
	/* ___Dimensions et positionnement */
	float: left;
	height: 117px;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */ 
	/* ___Décoration */
}

h1 a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
	border: 0;
}

h1 span
{
	/* ___Dimensions et positionnement */
	display: none;
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
}

/* ________________________________ Menu pratique ________________________________ */
#menu_pratique
{
	/* ___Dimensions et positionnement 
	height: 18px;*/
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */ 
	/* ___Décoration */
	list-style: none;
	background: url(../images/commun/fd_menu_pratique.jpg) top left no-repeat;
	background-color: #F48F1E;
}

#menu_pratique li
{
	/* ___Dimensions et positionnement */
	display: inline;
	/* ___Marges */
	margin: 0;
	padding: 0 5px 0 8px;
	/* ___Texte */ 
	/* ___Décoration */
	background: url(../images/commun/puce_menu_pratique.gif) top left no-repeat;
}

#menu_pratique li a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */ 
	color: #900D19;
	font-size: 0.8em;
	/* ___Décoration */
	text-decoration: none;
}

#menu_pratique li a:hover
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */ 
	color: #fff;
	/* ___Décoration */
}

/* ________________________________ Image bienvenue au château ________________________________ */
.bienvenue
{
	/* ___Dimensions et positionnement */
	float: left;
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
}

/* ________________________________ Logo sur la piste de l'enfant roy ________________________________ */
.logo_enfant_roy
{
	/* ___Dimensions et positionnement */
	float: right;
	width: 69px;
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
}

#spacer
{
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}