/* CSS : contient toute la mise en page */


body {/* la mise en page par default*/
background-color:#000000;/* couleur de fond de page : noir*/
color:#FFFFFF;/* couleur du texte*/
background-image: url(../images/fond.png);/*image d'arriere plan */
background-repeat: no-repeat;/* qui n'est pas répétée*/
background-attachment: fixed;/* qui ne defile pas avec le texte*/
background-position:50% 75%;/* position de cette image*/
margin: 0px;/* Pour virer les marges de la page (qu'elle soit bien collée vers le haut)*/
overflow:hidden;/* Pas de barre de defilement (tout de même affichée avec internet explorer)*/

}

.contenu {/* Le contenu du site, ce qui est en dessous du sommaire*/
height:420px;/* hauteur*/
overflow: auto;/* Met une barre de defilmeent si cela depasse la hauteur*/
text-align:left;/* alignement du texte a gauche*/
padding: 10px;/* marge interne de 10 px*/
margin-right: 70px;/* marge externe droite*/
margin-left: 70px;
}
.contour {/* Correspond aux bar des cotés*/
background-image: url(../images/contour_cote.PNG);/* l'image des cotés*/
background-repeat: repeat-y;/* seulement une repetition vers le bas */
background-attachment: fixed;
width: 7%;
position: absolute;
height: 520px;
}


.contour_droit {/* spécifie la position pour la colonne droite*/
left: 93%;
background-position:right;
text-align:right;
}

.contour_gauche {/* spécifie la position pour la colonne gauche*/
background-position:left;
text-align:left;
}

.contour_bas {/* Correspond aux bar des cotés : la petite portion de dégardé du bas*/
background-image: url(../images/contour_bas.png);
background-repeat:no-repeat;
background-attachment: fixed;
width: 7%;
position: absolute;
height: 67px;
z-index: 10;/*Pour spécifier que cet element se place par dessus le texte*/
top:500px;/*position verticale*/
border:0px;
padding: 0px;
}

.titre {/*Mise en page des titres*/
color:#FF7200;
font-size: 30px;
text-align: center;
text-decoration: underline;
margin-bottom: 30px;
}


.sous_titre {/*Mise en page des sous-titres*/
color:#FF7200;
font-size: 20px;
text-align: left;
margin: 15px;
}

.lien {/*mise en page des liens*/
color: #FFFFFF;

}
.lien:hover {/*Lien, au passage de la souris (changement de couleur,..)*/
color:#FF7200;
font-weight:700;
cursor:pointer;
}

.pochette {/*spécifie des marges pour les images des pochettes d'albums, afin qu'elles ne soient pas collées aux texte*/
margin-top: 15px;
margin-right: 15px;
}

.album {/*Mise en page pour le titre des albums*/
text-decoration: underline;
color:#FFA200;
}

.copy {
color: #505050;
font-size: small;
position: relative;
top: 10px;
}

.div_photo {/*Les photos de la page photos : une ptite marge pour qu'elles ne se collent pas*/
margin: 15px;
}

.lien_haut {
font-size: small;
color: #FF93FF;
text-decoration: none;
}

.mini_sommaire {/*le résumé, dans la bibliographie : les liens internes*/
font-size: small;
text-decoration: none;
color: #c0c0c0;
}

ul {
text-align: justify;/*texte justifié : collé sur les coté afin de former un bloc*/
}
.lien_accueil {
color: #ffffff;
text-decoration: none;/*premet de virer le soulignement par default des liens*/
font-size: 18px;
}
.lien_accueil:hover {
color:#FF7200;
}