/* =======================
= Feuille de styles ADSN =
======================= */



/* == MISE EN FORME GENERALE == */



/** STRUCTURE GLOBALE **/
body{
	margin: 0;
	height: 100%;
	text-align: left;
	font-family: "trebuchet MS", verdana, arial;
	font-size: 12px;
	background-color: #fff;
	color: #000000;
}
#enveloppe{
	padding: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 700px; /* Largeur du site */
}

/** Attributs globaux **/
img{
	border: 0px;
}
a{
	color: #000000;
	text-decoration: none;
}
p{
	text-align: justify;
	margin: 5px;
}
/** Fin d'Attributs globaux **/



/** FIN DE STRUCTURE GLOBALE **/


/** ENTETE DE FICHIER **/
#entete{
	padding: 0;
	margin-top: 0px; 				/* Marge entre le logo/entete et le haut de page du site */
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: url("/bandeau.png") no-repeat 0 0; /* Si on veut que ce soit une image plutot qu'un texte brut (ou les deux) */ 
	background-color: white;
	height: 200px; 			/* Hauteur de l'entete = hauteur de l'image si image */
	border: 0px white; 	/* Pour mise en forme */ 
}
#entete h1{
	line-height: 200px; 			/* Hauteur de l'entete = hauteur de l'image si image */
	text-align: right;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}
/** FIN D'ENTETE DE FICHIER **/



/** PAGE CENTRALE **/

/* Colonne de contenu central */
#listeProj{
	background-color: white; 	/* Couleur de fond de la liste des projets */
	border: 0px solid white;
	margin: 0;
}
#listeProj p{
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-size: 10px;
}

/* Elements relatifs a la diffusion du film de debut */
#intro{ 	
	text-align: center;
	color: white; 						/* Couleur du texte */
	margin-top: 150px; 				/* Marge entre le film et le haut de page */
	background-color: white;	/* Couleur de fond lors de diffusion */
}
#intro a{
	color: #000000;
}
/* Fin de Colonne de contenu central */

/* Pied de page */
#pied{
	background-image: url("../img/Pied.png");
	width: 700px;
	height: 65px;
	clear: left;
	position: relative;
	float: left;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	font-size: 10px;
}


/** CLASSES **/

/* Petits rectangles noirs */
.rectangle{
	margin: 0px;
	padding: 0px;
}
.rectangle li{
	list-style-type: none;
	margin-left: 10px;
	padding-top: 5px;
}
.rectangle a:hover{
	color: #8F8F90;
}

/* Bloc de texte de description d'un album */
.texte{
	margin-bottom: 8px;
	color: #000000;
}

/* Classe pour les petites vignettes et noms de projet */
.proj{
	text-align: center;
	float: left;
	width: 99%;
}
.proj img{
margin-left: auto;
margin-right: auto;
margin-top: 5px;}

/** Fin de CLASSES **/