/*
	Style Sheet pour le site Web stephanpelletier.com
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
body
	{
	margin:0;
	padding:0;
	background-color:#0a7354;}
	}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */
.vert {color:rgb(10,115,84)} /*  #0a7354  */
.brunorange {color:rgb(211,135,28);} /*  #d3871c  */
.brunjaune {color:rgb(182,152,48);} /*  #b69830  */
.brunrouge {color:rgb(179,94,47);} /*  #b35e2f  */
.bleupale {color:rgb(65,164,189);} /*  #41a4bd  */
.bleufonce {color:rgb(59,128,168);} /*  #3b80a8  */

/* les LIENS */
a:link {color:#3b80a8;}
a:visited {color:#b35e2f;}
a:hover {color:#41a4bd;}
a:active {color:#FF0000;}

/* Formatage du texte */
body, p, td, th, div, blockquote, dl, ul, ol
	{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
.lettrenormal {font-family:Arial,Verdana,sans-serif;font-size:10px;}
.feature {font-family:Arial,Verdana,sans-serif;font-size:14px;color:rgb(179,94,47);}
.asterisque {color:rgb(179,94,47);font-size:20px;}
.soustitre {font-family:Arial,Verdana,sans-serif;font-size:11px;}
.cache {font-size:8px;color:rgb(255,247,220);}
.plan {font-family:Arial,Verdana,sans-serif;font-size:20px;margin-right:30px;}
h1
	{
	color:rgb(0,0,0);
	background-image:url(images/Peinture_brun.gif);
	background-repeat:no-repeat;
	}
h2 {color:rgb(211,135,28);}
h3 {color:rgb(211,135,28);}

/* Formatage des images */
img {border:none;}

/* ***********   Les DIV de formatage de page   ************ */
#entete
	{
	margin-top:20px;
	margin-bottom:0; 
	padding:0;
	}
#toile
	{ 
	position:relative;
	background-image:url(images/Tuile_creme.jpg);
	text-align:left;
	margin-top:0;
	margin-right:20px;margin-left:20px;margin-bottom:20px;
	}
#contenu
	{
	padding:10px;
	margin-right:330px;
	}
#nav
	{
	position:absolute;
	top:0;right:2px;
	width:320px;
	}
#extra
	{
	position:absolute;
	top:420px;right:20px;
	width:250px;
	background-image:url(images/Peinture_feature.gif);
	background-repeat:no-repeat;
	}
#extra2
	{
	position:absolute;
	top:420px;right:20px;
	width:250px;
	background-image:url(images/Peinture_feature2.gif);
	background-repeat:no-repeat;
	}
#extra3
	{
	position:absolute;
	top:420px;right:20px;
	width:280px;
	}
#bas
	{
	clear:both;
	}
#bas p {text-align:center;}