/* Fichier "design.css" */



body

{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

p 

{

	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */

	font-size: 11px;

	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */

	margin: 0 0 10px 0;

	text-align: justify; /* Le texte sera justifiée */

	color: #000000;

}
h1
{
	color: #FFFFFF;
}
h2
{
	color: #FF0000;
}
h3
{
	color: #000000;
}
.intro

{

font-weight: bold; /* En gras */

font-size: 14px; /* Ecrit légèrement plus gros que la normale */

}
.titre_cadre

{

font-weight: bold; /* En gras */

font-size: 16px; /* Ecrit légèrement plus gros que la normale */

}
.titre_article

{
color: #FFFFFF;/* En blanc*/
font-weight: bold; /* En gras */
font-size: 24px; /* Ecrit légèrement plus gros que la normale */

}
.titre_paragraphe_rouge
{
	color: #FF0000;
	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: large;
	font-weight: bold;
}
.titre_paragraphe_blanc
{
	color: #FFFFFF;
	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: large;
	font-weight: bold;
	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
}
.remerciement 
{
color: #FF0000;
font-size: 12px;
font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
}
.resultats
{
color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
}
.resultats_titre
{
	color: #FFFFFF;
	font-size: 18px;
	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
	font-weight: bold;
}
.commentaires
{
color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
}
.signature
{
color: #FFFF00;
	font-size: 12px;
	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
font-weight: bold;	
}
#conteneur 

{
	width: 800px;
	margin:0 auto;
	background: white url("images\background\degrade.gif") repeat-y top right;
}

#header 

{
	height: 80px;
	background-color: #FFFFFF;
	background-image: url(/logos/PS7-8-00046OPT.gif);
	background-repeat: no-repeat;
}
#haut {
height: 30px;
background-color:#FFFFFF;
}
#centre 

{

background-color:#FFFFFF;

margin-left: 150px;

margin-right: 150px;

}

#gauche

{
	float:left;
	width: 150px;
	background-color: #FFFFFF;
}

#droite 

{

	float:right;

	width: 150px;

	background-color: #000000;

}

#pied 

{
	height: auto;
	background-color: #FFFFFF;
	clear: both;
}

#pied a {

margin: 0 2px;
color: gray; /* Les liens seront en gris au lieu de bleu */
text-decoration: none; /* Les liens ne seront plus soulignés */

}

#pied a:hover {

color: red; /* Les liens seront en rouge au lieu de bleu */
text-decoration: underline; /*Les liens deviendront souligne quand on passera dessus*/
font-style: italic; /* Les liens seront en italique */

}
ul#navlist
{
margin-left: 25px;
padding-left: 25px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #000000;
background-color: #E8E8E8;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #666666;
text-decoration: none;
}

.menugauche {

list-style-type: none;

margin: 0;

padding:0;

}

.menugauche li {

margin-bottom: 5px;

color: gray;

}

.menugauche a {

margin: 0 2px;

color: gray;

text-decoration: none; /* Les liens ne seront plus soulignés */

}

.menugauche a:hover {

color: red;

font-style: italic; /* Les liens seront en italique */

font-size: 15px; 

background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */

}

.menudroit {

list-style-type: none;

margin: 0;

padding:0;

}

.menudroit li {

margin-bottom: 5px;

}

.menudroit a {

margin: 0 2px;

color: #000000;

text-decoration: underline;

}

.menudroit a:hover {

text-decoration: none;

}

table {

	border-style:solid;

	border-width:1px;

	border-color:black;

	width: 500px;

}

td {
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	color: #FFFFFF;
	font-size: 12px;

}
.gras
{
	font-weight: bold;
	font-size: 14px;
}

.fullsample { 

margin-left: auto;

margin-right: auto;

width: 350px;

border-radius: 10px 10px;

-moz-border-radius: 10px;

background-color: #FFFFFF;

padding: 5px;

}
.fullsample p
{
	color: #000000;
}

.fullsample li {

color: gray;

}

.fullsample a {

color: gray;

}

.fullsample a:hover {

text-decoration: none;

color: red;

}
.fullsample h2
{
	color: #000000;
	font-size: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.fullsample_article { 
width: 450px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #FFFFFF;
padding: 5px;
}
.fullsample_article li {
color: gray;
}
.fullsample_article a {
color: gray;
}
.fullsample_article a:hover {
text-decoration: none;
color: red;
}
.fullsample_article_fond { 
width: 430px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #CCCCCC;
padding: 5px;
}
.fullsample_article_fond li {
color: gray;
}
.fullsample_article_fond a {
color: gray;
}
.fullsample_article_fond a:hover {
text-decoration: none;
color: red;
}
.fullsample_article_fond p {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
}
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 200px;
padding-top: 33px;
background: url(images/cadre/haut.gif) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/cadre/bas.gif) bottom left no-repeat;
padding-bottom: 33px;
}
div#bloccadre p {
	margin: 0 30px 0 20px;
	color: #000000;
}
div#cadre_gauche {/* conteneur global et arrière-plan du titre du cadre */
	width: 140px;
	padding-top: 47px;
	background: url(images/cadre/haut_gauche.gif) top left no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
}
div#bloccadre_gauche {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/bas_gauche.gif) bottom left no-repeat;
	padding-bottom: 42px;
}
div#bloccadre_gauche p {
	margin: 0 30px 0 20px;
	color: #000000;
}
div#cadre_dernier_article {/* conteneur global et arrière-plan du titre du cadre */
	width: 242px;
	padding-top: 47px;
	background: url(images/cadre/dernierarticle_haut.gif) top left no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
}
div#bloccadre_dernier_article {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/dernierarticle_bas.gif) bottom left no-repeat;
	padding-bottom: 25px;
	margin-bottom: 0px;
}
div#bloccadre_dernier_article p {
	margin: 0 10px 0 10px;
	color: #000000;
	text-indent: 20px;
}
div#cadre_dernier_test {/* conteneur global et arrière-plan du titre du cadre */
	width: 242px;
	padding-top: 47px;
	background: url(images/cadre/derniertest_haut.gif) top left no-repeat;
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}
div#bloccadre_dernier_test {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/dernierarticle_bas.gif) bottom left no-repeat;
	padding-bottom: 37px;
	margin-bottom: 0px;
}
div#bloccadre_dernier_test p {
	margin: 0 10px 0 10px;
	color: #000000;
	text-indent: 20px;
}
div#cadre_photo {/* conteneur global et arrière-plan du titre du cadre */
	width: 490px;
	padding-top: 52px;
	background: url(images/cadre/photodumois_haut.gif) top left no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	clear: left;
	margin-top: 0px;
}
div#bloccadre_photo {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/photodumois_bas.gif) bottom left no-repeat;
	padding-bottom: 31px;
}
div#bloccadre_photo p {
	margin: 0 20px 0 20px;
	color: #000000;
	text-indent: 20px;
}
div#cadre_articles {/* conteneur global et arrière-plan du titre du cadre */
	width: 399px;
	padding-top: 70px;
	background: url(images/cadre/touslesarticles_haut.gif) top left no-repeat;
	margin-left: 50.5px;
}
div#bloccadre_articles {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/touslesarticles_bas.gif) bottom left no-repeat;
	padding-bottom: 20px;
}
div#bloccadre_articles p {
	margin: 0 20px 0 20px;
	color: #000000;
	text-indent: 20px;
}
div#cadre_test {/* conteneur global et arrière-plan du titre du cadre */
	width: 400px;
	padding-top: 58px;
	background: url(images/cadre/touslestests_haut.gif) top left no-repeat;
	margin-left: 50px;
}
div#bloccadre_test {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/touslestests_bas.gif) bottom left no-repeat;
	padding-bottom: 20px;
}
div#bloccadre_test p {
	margin: 0 20px 0 20px;
	color: #000000;
	text-indent: 20px;
}
div#cadre_prochainement {/* conteneur global et arrière-plan du titre du cadre */
	width: 200px;
	padding-top: 37px;
	background: url(images/cadre/prochainement_haut.gif) top left no-repeat;
	float: left;
	margin-left: 20px;
	margin-bottom: 0px;
}
div#bloccadre_prochainement {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(images/cadre/dernierarticle_bas.gif) bottom left no-repeat;
	padding-bottom: 37px;
}
div#bloccadre_prochainement p {
	margin: 0 10px 0 10px;
	color: #000000;
	text-indent: 20px;
}