/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles de la page de contenu :
1. Propriétés de l'impression
2. Propriétés de la page et conteneurs principaux
3. Zones non visibles ŕ l'impression
4. Entęte
5. Centre
6. Droite
7. Galeries
__________________________________________________________________________________________________________________________*/


/*__________________________________________________________________________________________________________________________

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;}
a {border: 1px solid red;}
*/

/*__________________________________________________________________________________________________________________________

      1. PROPRIETES DE L'IMPRESSION
__________________________________________________________________________________________________________________________*/

body
{	
	/* Dimensions et positionnement */
	width: 21cm;
	height: 29,7cm;
	/* Marges */
	margin: 0;
	padding: 0;
	/* Texte */
	text-align: left;
	/* Décoration */
	background: transparent;
}

#centre a:after, #droite a:after { 
	/* les urls des liens s'affichent dans les navigateurs supportant css2, donc pas IE */
	content: " (" attr(href) ") ";
}

/*__________________________________________________________________________________________________________________________

      2. PROPRIETES DE LA PAGE ET CONTENEURS PRINCIPAUX
__________________________________________________________________________________________________________________________*/

a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #F48F1E;
	font-weight: bold;
	/* ___Décoration */
	text-decoration: underline;
}

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

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

/* ________________________________ Blocs qui contiennent l'ensemble du site et tout le contenu ________________________________ */		
#conteneur, #contenu
{
	/* ___Dimensions et positionnement */
	width:auto;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-align: left;
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      3. Zones non visibles ŕ l'impression
__________________________________________________________________________________________________________________________*/

h1 span, #menu_pratique, .bienvenue, .logo_enfant_roy, #spacer, #gauche, .btn_haut, .btn_zoom, #pied
{
	/* ___Dimensions et positionnement */
	display:none;
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      4. ENTETE
__________________________________________________________________________________________________________________________*/

#entete
{
	/* ___Dimensions et positionnement */
	width: 271px;
	height: 117px;
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
}

/* ________________________________ Logo du Plessis-Macé ________________________________ */
h1 a
{
	/* ___Dimensions et positionnement */
	width: 271px;
	height: 117px;
	/* ___Marges */
	/* ___Texte */ 
	/* ___Décoration */
	border: 0;
}

/*__________________________________________________________________________________________________________________________

      5. CENTRE
__________________________________________________________________________________________________________________________*/


/*______________________________________________ Zone de texte ______________________________________________ */
#centre
{
	/* ___Dimensions et positionnement */
	float:left;
	width: 60%;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	font-size: 11pt;
	color: #424242;
	/* ___Décoration */
}

#centre h2
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 0 0 0;
	padding: 0 ;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 18pt;
	color: #900D19;
	/* ___Décoration */
}

#centre h3
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 0 1em 0;
	padding: 0;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	letter-spacing: 1px;
	font-style: italic;
	font-size: 14pt;
	color: #900D19;
	/* ___Décoration */
}

#centre h3 span
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 0.7em;
	color: #999;
	/* ___Décoration */
}

#centre h4
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 0 0 0;
	padding: 0 0 0 10px;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	letter-spacing: 1px;
	font-size: 12pt;
	color: #424242;
	/* ___Décoration */
	border-bottom: 1px dotted #D5CBBE;
}

#centre p
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	text-align: justify;
	/* ___Décoration */
}

#centre .legende
{
	/* ___Dimensions et positionnement */
	display:block;
	/* ___Marges */
	margin: 0.5em;
	padding:0;
	/* ___Texte */
	font-size:0.8em;
	color:#CCCCCC;
	text-align:center;
	/* ___Décoration */
}

#centre .legende_noir
{
	/* ___Dimensions et positionnement */
	display:block;
	/* ___Marges */
	margin: 0.5em;
	padding:0;
	/* ___Texte */
	font-size:0.8em;
	color:#424242;
	text-align:center;
	/* ___Décoration */
}

#centre img
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0 auto;
	/* ___Texte */
	/* ___Décoration */
}

#centre li
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	list-style-image: url(../images/contenu/puce_rouge.gif);
}

/*_________________________________________  Mise en forme des tableaux _________________________________________ */
#centre table th, #centre table tr , #centre table td
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 3px;
	/* ___Texte */
	/* ___Décoration */
}

#centre table
{
	/* ___Dimensions et positionnement */
	width:100%;
	/* ___Marges */
	margin: 10px 0 10px 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#centre table th
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-weight: bold;
	/* ___Décoration */
	border: 1px solid #ccc;
	background: #F2EDE6;
}

#centre table td
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: 1px solid #ccc;
}

#centre table.sansbordures
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 10px 0 10px 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	border-collapse: collapse;
	border: none;
}

#centre table.sansbordures th
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-weight: bold;
	/* ___Décoration */
	border: none;
	background: #F2EDE6;
}

#centre table.sansbordures td
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: none;
}

/*__________________________________________________________________________________________________________________________

      6. DROITE
__________________________________________________________________________________________________________________________*/


/*______________________________________________ Zone de texte ______________________________________________ */
#droite
{
	/* ___Dimensions et positionnement */
	float: left;
	width: 196px;
	/* ___Marges */
	margin: 0 0 0 0.5cm;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	border-left: 3px solid #424242;
}

#droite h2
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	color: #424242;
	font-size: 1.2em;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	/* ___Décoration */
}

#menu_contextuel
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 5px;
	/* ___Texte */
	text-align: left;
	/* ___Décoration */
}

#menu_contextuel h3
{
	/* ___Dimensions et positionnement */
	/* ___Marges*/
	margin: 0;
	padding: 0; 
	/* ___Texte */
	font-size: 1.1em;
	color: #873014;
	/* ___Décoration */
}

#menu_contextuel p
{
	/* ___Dimensions et positionnement */	
	/* ___Marges */
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 0;
	/* ___Texte */
	/* ___Décoration */
	
}

#menu_contextuel ul
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin-left: 0px;
	margin-top: 0.5em;
	padding: 0;
	/* ___Texte */
	line-height: 1.5em;
	/* ___Décoration */
	list-style-type: none;
}

/*______________________________________________ Logo Anjou ______________________________________________ */
#logo_anjou
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      7. GALERIES 
__________________________________________________________________________________________________________________________*/	

/*______________________________________________ Galerie photo ______________________________________________ */

#centre.galerie{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	list-style: none ;
}

.galerie_mini{
	/* ___Dimensions et positionnement*/
	height: 100%; 
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	list-style: none ;
}

.galerie_mini li{
	/* ___Dimensions et positionnement */
	width: 150px ;
	float: left ;
	height: 120px;
	/* ___Marges */
	/* ___Texte */
	text-align:center;
	/* ___Décoration */
	list-style: none ;
	background:none;
}

/*______________________________________________ Légende ______________________________________________ */
.galerie_mini li span{
	/* ___Dimensions et positionnement */
	width: 150px;
	display:block;
	/* ___Marges */
	padding: 0.5em 0 1em 0;
	/* ___Texte */
	color: #ccc;
	font-size: 0.8em;
	line-height: 1.2em;
	/* ___Décoration */
}

/*______________________________________________ Vignette ______________________________________________ */
.galerie_mini li a img{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 5px ;
	/* ___Texte */
	/* ___Décoration */
	border: 1px solid #ccc;
}