@charset "utf-8";
/* CSS Document */

img {
border: 0; /* Eviter que firefox mette une bordure aux liens images */
}

							/*Style dans html*/

html {
/*background-color:#FFFFFF; 	/*couleur de fond html*/
/*background-image:url(img/fondindex.jpg);*/  /*une image de fond dans html*/
}
							/*Style dans Body*/
							
#global {
position: relative;
background: url(img/fd_site.jpg) repeat-y ; /*fond du global du site*/
width: 800px;
margin: 0 auto;
}

#entete {
position: relative;
background: url(img/bd_entete.jpg); /* bandeau */
position: relative;
width: 800px;
height: 310px;
margin: 0 auto;
}

body {
/*background-color:#999999;*/ /*couleur de fond du body*/
/*background-image: url(img/fondindex6.jpg); /* image de fond :p */
font-family : "trebuchet MS", Arial, Helvetica, sans-sherif;
font-size:16px;	/*gérer la taille dpar défaut de la police 16px*/
width:800px;  /*largeur du body*/
margin-top: 10px;  /*marge du haut, pour la coller noté 0*/
margin-bottom : 5px; /*marge du bas*/
margin-left:auto; /*marge de gauche*/
margin-right:auto; /*marge des droite*/
/*margin: auto; Pour centrer notre page */
color:#000000;	/*couleur du texte*/
}

/*proprieté du body de la page index du body _ just modif img ar-pl*/
body#bodyindex {
/*background-image: url(img/fondindex6.jpg); /* image de fond*/
font-family : "trebuchet MS", Arial, Helvetica, sans-sherif;
font-size:14px;	/*gérer la taille du site taille standard 16px*/	
width:800px;  /*largeur du body*/
margin-top: 10px;  /*marge du haut, pour la coller noté 0*/
margin-bottom : 5px; /*marge du bas*/
margin-left:auto; /*marge de gauche*/
margin-right:auto; /*marge des droite*/
/*margin: auto; Pour centrer notre page */
color:#000000;	/*couleur du texte*/
}

ul#menu {
list-style: none; /*pas de puces*/
padding-top:auto;
padding-bottom:5px;
border-bottom-color: /*#330099;*/
border-bottom-style: dotted;
text-align:center; /*Alignement du menu, soit centrer*/
}

ul#menu li{
display:inline;  	/* mettre la liste en ligne*/
margin-right: 10px;
font-family: "mistral", Georgia, Times New Roman, Times, serif;
font-size:30px;
}



/* Selecteur de pseudo classe de style pour les liens */

a{
text-decoration: none;  /*ne pas souligner les liens*/
}

a {					/*couleur des liens*/
color:#000000;
}

a:visited {	
color:#330000;		/*couleur des liens visités*/
}

a:hover {
color:#990000;		/*couleur des liens au survol*/
}


/*Famille de police des titres h1, h2,      text-transform pour les capital - font-variante pour les petites capital soit small-caps soit normal*/
h1, h2, h3, h4, h5{
fonct-family: Georgia, "Times New Roman", Times, serif;
text-transform:none;
font-variant:small-caps;
}

/*Couleur titre h1 ... */
h1 {
color:#FFFFFF;
padding-left:280px;
}

/*Couleur titre h2*/
h2 {
color:#990000;
padding-left:25px;
font-family: mistral, Georgia, "Times New Roman", Times, serif;
}

h4 {
padding-left:20px;
}


/*pour décaler la liste entiere dt et dd*/    /*pour décaler un  seule élément de la lise nomé cet élément  noté ds html <dt="nom"> et dans ccss noté  .nom {padding-left:00px}*/
dt, dd {padding-left:20px   
}

/*rubrique page web*/
div#rubrique {
background:url(img/rubriq.jpg); /* image de fond */
/*background-color:#FF0000;*/
width:200px;
height:343px;
margin-right:40px;
float:right;
position: relative;
}

div#rubrique h3{
color:#CC3300;
text-align:center;
font-weight: bold;
}

div#rubrique li{
color:#330000;
/*list-style:none;*/
}

div#rubrique a {					/*couleur des liens*/
color:#663300;
font-size:12px;
text-transform:uppercase;
font-weight: bold;
}
/*fin rubrique*/


div#contenu {
width: 800px;
padding-bottom: 10px;
padding-bottom: 10px;
margin-left: 20px;
margin-right: auto;
float:left;
position: relative;
}

/*div#contenu ul{
list-style:none;
}*/

div#sommaire {
color:#FF00F6;
font-size:10px;
text-transform:uppercase;
background-color:#F6F6F4;
width:350px;
margin-left:10px;
}

div#general {
padding-top: 2px;
color:#333333;
padding-bottom:10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
width: auto;
height: auto;
}


div#couleur {
padding-top: 2px;
color:#333333;
padding-bottom: 10px;
margin-right: 20px;
margin-left: 20px;
width:auto;
height: auto;
}

/*page web*/
div#culture {
	padding-top: 2px;
	color:#333333;
	padding-bottom:10px;
	margin-left: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	width: auto;
	height: auto;
}

div#html {
padding-top: 2px;
color:#333333;
padding-bottom: 10px;
margin-right: 20px;
margin-left: 20px;
width:auto;
height: auto;
}
/*page web*/


div#print {
text-align:center;
}


#typo {
text-align:center;
}

.typo2 {
margin-left: 190px;
}

ul#post{
margin-left:auto; /*marge de gauche*/
text-align:center;
list-style:none;
}

.computer {
margin-left: 120px;
}

.email {
padding-left :15%;
margin-left: 50px;
}

.fille {
margin-left: 50px;
}


/*pied de page*/
ul#lien_pied_de_page {
margin-top: 40px; /*marges au dessus du bolc lien*/
margin-bottom : 20px;	/*marges sous  le bloc lien*/
list-style: none; /*pas de puces*/
text-align: center;
clear:both;
}

ul#lien_pied_de_page li {
display:inline;  	/* mettre la liste en ligne proporiete de li*/
}

ul#lien_pied_de_page a {		/*proprites pour les liens - style le + proche qui l'emporte*/
/*color:#000000;				couleur blanc pour liens- ciblé avec a (le plus proche)car déja un style pour les leins*/
font-size:12px;
font-weight: bolder;
display: inline;  	/* mettre la liste la ligne*/
text-align: center; /*Alignement du menu, soit centrer*/
}

div#pied_de_page {
	/*propriete du bandeau*/
background: transparent url(img/fond_pied.jpg) no-repeat; /*bandeau footer*/
position:relative;
height:50px;
line-height:50px;
text-align: center;
text-transform:uppercase;
}

div#copyright{
clear: both;
/*color:#000000*/
font-size:10px;
text-align: center;
/*background-color:#000000;*/
margin: 0 auto;
}