/* CSS Document */

body
{
	width: 760px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
}
p 
{
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.texte-ital 
{
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
}
h1 /* Tous les titres h1 du corps */
{
	color: #FFFFFF;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

.photo
{
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 104%;
	margin-bottom: 80px;
	
}
.photologo
{
	padding: 0px,0px,0px,0px;
	border-color: #000000;
	border-width: 2px;
	border-style: double;
	
}
.photocadre
{
	border-color: #666666;
	border-width: 6px;
	border-style: double;
	
}

.photo2
{
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-bottom: 40px;
	margin: auto;
	width: 500px;
	padding-bottom: 40px;
	
}
.signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
}
.note1
{
	color: #FFFFFF;
	text-align: center; /* Pour aligner à droite ma signature */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #D1415C;
	border-style: double;
	border-width: 4px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 400px;
	border-color: #FFFFFF;
	margin: auto;
	margin-bottom: 50px;
	
}
.note2
{
	color: #FFFFFF;
	text-align: center; /* Pour aligner à droite ma signature */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #000000;
	border-style: double;
	border-width: 1px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 522px;
	border-color: #D1415C;
	margin: auto;
	margin-bottom: 50px;
	
}
.note2bordblanc
{
	color: #CCCCCC;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	background-color: #000000;
	border-style: double;
	border-width: 1px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 522px;
	border-color: #999999;
	margin: auto;
	margin-bottom: 50px;
	
}

.note3
{
	color: #FFFFFF;
	text-align: center; /* Pour aligner à droite ma signature */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	
	border-style: double;
	border-width: 0px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 522px;
	border-color: #D1415C;
	margin: auto;
	margin-bottom: 50px;
	
}
.note4
{
	color: #FFFFFF;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	
	border-style: double;
	border-width: 2px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 400px;
	border-color: #000000;
	margin: auto;
	margin-bottom: 10px;
	
}
.google
{
	color: #FFFFFF;
	width: 340px;
	margin: auto;
	margin-bottom: 50px;
	height: 280px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	
}
.appel-pub
{
	color: #555555;
	text-align: center; /* Pour aligner à droite ma signature */
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding-bottom: 6px;
	padding-top: 6px;
	margin: auto;
	margin-bottom: 50px;
	
}
.liens-baspage
{
	color: #FFFFFF;
	text-align: center; /* Pour aligner à droite ma signature */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #000000;
	border-style: double;
	border-width: 2px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 500px;
	border-color: #FFFFFF;
	margin: auto;
	margin-bottom: 50px;
	
}
.copyright
{
	color: #FFFFFF;
	text-align: center; /* Pour aligner à droite ma signature */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #D1415C;
	border-style: double;
	border-width: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 550px;
	border-color: #FFFFFF;
	margin: auto;
	margin-bottom: 60px;
	
}

h6
{
	color: #FFFFFF;
	width: 350px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: auto;
	margin-bottom: 100px;
	background-color: #D1415C;
	padding-bottom: 6px;
	padding-top: 6px;
}

 
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}
a {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	font-size: larger;
	color: #FFFFFF;
}
/* L'en-tête */

#en-tete
{
	width: 760px;
	height: 60px;
	margin: auto;
	text-align: center;
	background-image: url("accesimagesud.gif");
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background-position: center;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	
}
.logo-fin
{
	width: 300px;
	height: 100px;
	margin: auto;
	background-image: url("logo_imagesud.gif");
	background-repeat: no-repeat;
	margin-bottom: 20px;
	margin-top: 20px;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	border-color: #000000;
	border-width: 2px;
}



#pied-page
{
	padding: 2px;
	text-align: center;
	color: #FFFFFF;
	background-color: #D1415C;
	border: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 780px;
	border-style: double;
}