/* CSS Document */



 body
{
background-color: #333333 ;
font-family: "arial","helvetica","futura" sans-serif;
}

a img { border: none; }

.nosvies {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	line-height: 40px;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #CC0000;
	text-decoration: none;
	margin: 0px;
}
.nosvies:hover {
background-color: #FF6600 ;
}
.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #CC0000;
	text-decoration: none;
	margin: 0px;
}
.notes:hover {
background-color: #FF6600 ;
}



.grande_question
{
position: absolute;
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
color:white ; /* couleur du texte */
font-size: 50px ; /*taille du texte */
margin:150px 150px 0% 300px; /* centrage des boutons */
padding:4px; /* la marge intérieur autour des boutons est de 4 pixels*/
border:0px solid; /* il y a une bordure solide de 0 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:left; 
width: 500px;
height: 60px ;
}

#haut{width:750px;height:100px;background-image:url(images/fond_haut.png);}

a.titre_site
{
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
background-color:#CC0000 ; /* couleur du bouton */
color:white ; /* couleur du texte */
font-size:60px ; /*taille du texte */
margin:0% auto 0% auto; /* centrage des boutons */
padding:4px; /* la marge intérieur autour des boutons est de 4 pixels*/
border:0px solid; /* il y a une bordure solide de 0 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:center; /* centre le texte  */
width:300px;
}
a.mjm
{
position: absolute;
font-style: italic ;
font-size: 20pt;
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
background-color:#CC0000 ; /* couleur du bouton */
color:white ; /* couleur du texte */
margin-left : 200;
padding:4px; /* la marge intérieur autour des boutons est de 4 pixels*/
border:0px solid; /* il y a une bordure solide de 0 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:left; 
width:300px;
}

a.menu1 {
position: relative;
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
background-color:#CC0000 ; /* couleur du bouton */
color:white ; /* couleur du texte */
font-size:15px ; /*taille du texte */
font-style: italic ;
margin: 0% auto 0% 5%; /* centrage des boutons */
padding:4px; /* la marge intérieur autour des boutons est de 4 pixels*/
border:1px solid; /* il y a une bordure solide de 1 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:center; /* centre le texte de chaque bouton */
width:120px; } /* fixe la largeur de chaque bouton à 200 pixel */

a.menu1:hover {

border-top:2px solid brown; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */
border-bottom:2px solid #CC0005 ; /* change la couleur et l'épaisseur de la bordure basse lors du survol */
padding:3px 4px 3px 4px; } /* diminue la marge intérieure haute et basse du bouton survolé, pour compenser l'augmentation de la taille de la bordure */

a.propositions {
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
background-color:#CC0000 ; /* couleur du bouton */
color:white ; /* couleur du texte */
font-size:15px ; /*taille du texte */
margin:0% 5% 0% auto; /* centrage des boutons */
padding:4px; /* la marge intérieur autour des boutons est de 4 pixels*/
border:1px solid; /* il y a une bordure solide de 1 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:center; /* centre le texte de chaque bouton */
width:200px; } /* fixe la largeur de chaque bouton à 200 pixel */

a.propositions:hover {

border-top:2px solid brown; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */
border-bottom:2px solid #CC0005 ; /* change la couleur et l'épaisseur de la bordure basse lors du survol */
padding:3px 4px 3px 4px; } /* diminue la marge intérieure haute et basse du bouton survolé, pour compenser l'augmentation de la taille de la bordure */






div.texte-presentation {
position: absolute;
text-decoration:none ; /* supprime le soulignement des liens */
font-size:15px ; /*taille du texte */
color: #CCCCCC ;
margin-left: 300px;
margin-top: 300px;
text-align:justify;
width: 500px;
}



a.surlignage {

font-size: 16pt ;
 color: fuchsia ; 
 text-decoration: none ; 
 background-color: #FFFFFF ;

}


a.surlignage:hover {

font-size: 16pt ;
 color: fuchsia ; 
 text-decoration: none ; 
 background-color: #FFFF00 ;

}
background-color= #000000;