/****************************************************
*                                                    *
*               Body et Container                    *
*                                                    *
*****************************************************/

body
	{padding:0;
	margin:0;
	background-color:RGB(231,206,214);
	background-image:url("img/fond.jpg");	/* Bande verticale en bleu dégradé */
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:"times";
	text-align:justify;
	font-weight:normal;
	font-style:normal;
	font-size:13pt;
	color:#000088;}							/* Tous les caractères sont en bleu foncé */ 

div.container
	{width: 900px;
	margin-top: 0px;
	margin-bottom:40px; 
	margin-left: auto;
	margin-right: auto;
	vertical-align:top;}
	

/*****************************************************
*                                                    *
*               Mise en forme de la page             *
*                                                    *
******************************************************
* Le container de la page entière contienent 3 sections :
* TOP, MIDDLE et BOTTOM.	
* Les motifs sont des petites bandes horizontales répétées
* "n" fois de façons à créer un fond de page.*/ 


/********** TOP : Image du haut (patineurs...) *********/
div.top
	{height:310px;
	margin-top:30px;
	background-image:url("img/peintures.jpg");}

/********** MIDDLE : Contient les boutons de navigation et l'article *********/
div.motif_middle
	{padding-top:15px;
	padding-bottom:40px;
	background-image:url("img/middle_1cadre.jpg");}
	
article
	{width:605px;
	margin-top:0px;
	margin-left:147px;
	text-align:center;}

	
/********** BOTTOM : Fin de page *********/
div.motif_bottom
	{height:45px;
	padding-bottom:20px;
	background-image:url("img/bottom_1cadre.jpg");}



/*****************************************************
*                                                    *
*            Mise en forme de l'article              *
*                avec la balise <p>                  *
*                                                    *
*****************************************************/

div.menu_button_right
	{margin-top:0px;
	margin-bottom:20px;
	margin-right:70px;
	text-align:right;}
p
	{margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	font-family:"times";
	font-size:14pt;
	text-align:center;}

p.p100
	{margin-top:0px;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:50px;
	font-family:"times";
	font-size:14pt;
	text-align:left;}



/**************************************************
*
*               Balises originales
*
**************************************************/

h1
	{margin-top:10px;
	margin-bottom:5px;
	text-indent:0px;
	font-family:"arial";
	font-size:16pt;
	font-weight:bold;
	text-align:center;}




/**************************************************
*
*               Affichage des Toiles
*
**************************************************/

	

div.toiles					/* Centrage des peintures */
	{margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	font-size:14pt;}
	
div.toiles3					/* Centrage des peintures */
	{width:605px;
	height:277px;
	margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	font-size:14pt;}
	
img.paint600
	{width:600px;
	border:2px solid black;}
	
img.paint350
	{width:350px;
	border:2px solid black;}
	
img.paint3x			/* Pour le triptyque */
	{width:193px; 
	height:270px;
	border:2px solid black;}