/*****************************************************
*                                                    *
*               Body et Container                    *
*                                                    *
******************************************************
* Ces deux styles, Body et Container, sont communs à
* toutes les pages.*/
	
	
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 contient 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. */

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

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

div.motif_middle							/* Motif de l'article */
	{padding-top:1px;
	padding-bottom:40px;
	background-image:url("img/middle_1cadre.jpg");}

div.motif_bottom							/* Motif en fin d'article */
	{height:68px;
	background-image:url("img/bottom_1cadre.jpg");}



/**************************************************
*
*           Bouton du haut "Menu"
*
***************************************************
* Ce bouton se trouve en haut à droite de certaines pages. */

div.menu_button_right
	{margin-top:15px;
	margin-bottom:20px;
	margin-right:50px;
	text-align:right;}



/**************************************************
*
*                     Article
*
**************************************************/

article
	{margin-top: 0px;
	margin-bottom:0px;
	margin-left: 80px;
	margin-right: 80px;
	font-family:"times";
	font-size:14pt;
	font-weight:normal;
	text-align:justify;
	color:#000088}	

div.center					/* Centrage du titre, de la vidéo et du bouton Menu en bas de l'article */
	{margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	font-size:14pt;}



/**************************************************
*
*                       Images
*
**************************************************/

img
	{width:100px;}		/* Largeur des deux boutons Menu */

img.paint200
	{width:200px;}

img.paint300
	{width:300px;}
	
img.paint500
	{width:500px;
	border:2px solid black;}
	
img.paint700
	{width:700px;
	border:2px solid black;}	

img.home				/* Boutons dans perso_index.htm */
	{border: 0px;
	border-spacing:0px;
	margin-top:30px;
	margin-left:0px;
	width: 150px;
	height: 40px;}




/**************************************************
*
*               Balises originales
*
***************************************************
* Ces balises n'ont pas besoin de complément du type
* class="xxxx". Ce sont des classes CSS par défaut.*/

h1
	{margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	text-indent:0px;
	font-family:"arial";
	font-weight:bold;
	font-size:20pt;
	text-align:center;
	color:#0000EE;}

h2
	{margin-left:0px;
	margin-right:0px;
	margin-top:50px;
	margin-bottom:15px;
	text-indent:0px;
	font-family:"arial";
	font-weight:bold;
	font-size:16pt;
	text-align:center;
	color:#0000EE;}
	
h3
	{margin-left:50px;
	margin-right:40px;
	margin-top:40px;
	margin-bottom:6px;
	text-indent:0px;
	font-family:"arial";
	font-weight:bold;
	font-size:14pt;
	text-align:left;
	color:#0000EE;}

p
	{margin-left:50px;
	margin-right:40px;
	margin-top:0px;
	margin-bottom:9px;
	text-indent:30px;
	font-size:14pt;}

p.p12
	{margin-left:50px;
	margin-right:40px;
	margin-top:0px;
	margin-bottom:9px;
	text-indent:30px;
	font-size:12pt;}
	
p.red
	{margin-left:50px;
	margin-right:40px;
	margin-top:0px;
	margin-bottom:9px;
	text-indent:0px;
	font-family:"times";
	text-align:justify;
	font-weight:normal;
	font-size:14pt;
	color:#FF0000;}	

p.photos
	{margin-left:0px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:40px;
	text-indent:0px;
	font-family:"times";
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:13pt;
	color:#000088;}	

ul
	{margin-top:0px;
	margin-bottom:0px;
	margin-right:40px;
	margin-left:70px; 
	text-indent:0px;
	text-align:justify;}	

ol
	{margin-top:0px;
	margin-bottom:0px;
	margin-right:40px;
	margin-left:70px; 
	text-indent:0px;
	text-align:justify;}