/*
	Style Sheet pour le site Web de LaSourcière.com
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
body
	{
	font:1.0em verdana,arial,sans-serif;
	color:rgb(159,114,81);  /*  brun lettre  */
	background-color:#ffffff;
	text-align:center;
	}
* {margin:0;padding:0;}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */
.rouge {color:rgb(140,6,0);} /*  #8c0600  */
.mauve {color:rgb(80,81,148);} /*  #505194  */
.invisible {color:rgb(255,255,255);} /*  #ffffff  */

/* les LIENS */
a:link {color:#505194;}
a:visited {color:#505194;}
a:hover {color:#8c0600;}
a:active {color:#990099;}

/* Formatage du texte */
p, td, th, div, blockquote, dl, ul, ol
	{
	font-family: verdana,arial,sans-serif;
	color: #000000;
	}
.lettrepetit {font-size:10px;}
.minirouge {font-size:10px;color:rgb(192,38,27);}
.feature {font-size:1.4em;color:#8c0600;}
.asterisque {color:#c0261b;font-size:2.0em;}
.cache {font-size:8px;color:rgb(251,243,232);}
.conseil {font-size:1.6em;color:rgb(211,135,28);}
.plan {font-size:2.0em;margin-right:30px;}
.imagedroit {float:right;margin-left:10px;}
.imagegauche {float:left;margin-right:20px;}
.grosorange {font-size:1.6em;color:rgb(192,38,27);}

h1
	{
	color:rgb(140,6,0);
	font-size:1.6em;
	margin-bottom:1.0em;
	}
h2 {color:rgb(80,81,148);;font-size:1.4em;margin-bottom:0.8em;}
h3 {color:rgb(140,6,0);font-size:1.2em;margin-bottom:0.6em;}
h4 {color:rgb(80,81,148);font-size:1.0em;margin-bottom:0.6em;}

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

/* ***********   Formatage des tables IMPORTANT   ************ */
.important
	{
	background-color:#ffffff;
	font-size:12px;color:#c0261b;
	border:1px solid #c0261b;
	padding:5px;
	}
.important td {color:#c0261b;}
.important li {color:#c0261b;}

/* ***********   Les DIV de formatage de page   ************ */
#complet
	{
	text-align:left;
	width:940px;
	margin-right:auto;margin-left:auto;
	padding:0;
	background-image:url(images/Fond_accueil.jpg);
	background-repeat:repeat-y;
	}

/*  Les formatages de ENTETE  */
#entete
	{
	height:235px;
	margin:5px 0 0 0;
	padding:0;
	}
#entete p
	{
	font-size:1.0em;
	margin-bottom:0.8em;
	text-align:center;
	}
#entete ul
	{
	margin:10px 0 10px 0;
	}
#entete li
	{
	float:left;
	list-style-type:none;
	margin:0 10px 0 10px;
	}
	
/*  Les formatages de CONTENU  */
#contenu
	{
	padding:10px;
	}
#contenu p
	{
	font-size:0.8em;
	margin-bottom:0.8em;
	}
#contenu ul
	{
	font-size:0.8em;
	margin:0 0 0.8em 40px;
	}
#contenu td {font-size:12px;}
/* ***********   Formatage des tables FRAMING   ************ */
#contenu .framing
	{
	/* background-color:#ffffff; */
	color:#c0261b;
	background-image:url(images/Cadre_texte.jpg);
	background-repeat:no-repeat;
	}
#contenu .framing td
	{
	font-size:11px;
	color:#8c0600;
	padding:20px 15px 10px 15px;
	}

.france
	{
	background:transparent url(images/Cours_france2008.jpg) no-repeat top right;
	width:710px;
	height:170px;
	padding:50px 5px 0 200px;
	font-size:16px;
	text-align:left;
	border:1px solid #8c0600;
	}
	
/*  Les formatages de FOOTER  */
#footer
	{
	padding:10px;
	}
#footer p
	{
	font-size:0.8em;
	margin-bottom:0.8em;
	}
#footer p.gros
	{
	font-size:1.0em;
	color:rgb(80,81,148);
	}
#footer .invisible
	{
	font-size:6px;
	color:#c8c9c4;
	}