/*commentaires*/
/*mise en forme d'une classe:
	.note1
	{
		color:green;
		font-size: 12px;
	}
*/
/*font-size:
.petit_em
{
   font-size: 0.7em;
}
.grand_em
{
   font-size: 1.3em;
}
*/
/*font familly
h1
{
   font-family: "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité 
}
p
{
   /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve 
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}
*/
/* text-align: center, justify, left, right*/
/*text-indent: 30px c'est le retrait*/
/*word-spacing : l'espace entre les mots (en pixels)*/
/*letter-spacing : l'espace entre les lettres (en pixels)/*
/*italique: font-style:normal, italic*/
/*gras: font-weight: bold, normal*/
/*font-variant: small-caps, normal*/
/*text-transform: uppercase, lowercase, capitalize, none*/
/*text-decoration: blink, underline, overline, line-through, none*/
/*color: white , silver, gray, black, red, maroon, lime, green, yellow, olive, blue, navy, fuchsia, purple, aqua, teal*/
/*color: rgb(243,65,243);*/


/*FOND
body
	{
		 background-color: black;
		 ou: background-image: url("../images/piau.jpg");
		 background-attachment: fixed ou scroll
		 background-repeat: no-repeat,  repeat-x, repeat-y, repeat
		 background-position: top, right, bottom, left, center ou a partir du coin haut gauche: 30px 50px
		color: white; /* Toutes les balises contenues dans body verront leur texte coloré en blanc...
	}
*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: black;
   color: #cfcfcf;
   /*border: 1px solid white;*/
}

a /* Tous les liens se trouvant dans un menu */
{
   color: #cfcfcf;
   text-decoration: none;
}
a:hover /* Quand on pointe sur un lien du menu */
{
   color:#ad3020;
}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/	
#en_tete
{
   width: 760px;
   height: 50px;
   background-image: url("../images/banniere.jpg");
   background-repeat: no-repeat;
   /*border-bottom: 1px solid #ad3020;*/
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#menu

{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   margin-top: 20px;
   /*border: 1px solid grey;*/
}

.element_menu
{
	border-bottom: 0.1px solid #ad3020;
    padding: 0px;
	padding-top: 8px;
	margin: 0px;
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}


.element_menu h3, .element_menu p
{   
   color: #cfcfcf;
   font-size: 0.8em;
   font-family: "Trebuchet MS", Georgia, serif;
   text-align: center;
   text-decoration: none;
   margin: 0px;
   margin-bottom: 5px;
}.element_menu h3
{   
   margin-top: 10px;
}

.element_menu a.elementactif
{
   color: #ad3020;
}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#corps
{
	min-height: 300px;
	margin: 0;
	margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	padding-top: 0;
	font-family: Georgia, serif;
}

#corps a
{
	color: #bd7050;
	text-decoration: underline;
}
#corps a:hover
{
	color: #b7b7b7;
	text-decoration: underline;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #ad3020;
   padding-right: 10px;
   text-align: center;
   font-size: 1.5em;
   font-family: "Trebuchet MS", Georgia, serif;
   margin-top: 40px;
}

#corps a.index
{
	color: #ad3020;
	text-decoration: none;
}
#corps a.index:hover
{
	color: #b7b7b7;
	text-decoration: none;
}

#corps .centre
{
   text-align: center;
}

.contact
{
	text-align: center;
	font-size: 1em;
    font-family: "Trebuchet MS", Georgia, serif;
	text-decoration: underline;
}








/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#pied_de_page
{
	clear: both;
	width: 760px;
	height: 60px;
	text-align: center;
	color: #cfcfcf;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Georgia, serif;
	border-top: 1px solid #ad3020;
}
#pied_de_page a 
{
   color: #cfcfcf;
   text-decoration: none;
}

#pied_de_page a.elementactif
{
   color: #ad3020;
}

#pied_de_page a:hover 
{
   color: #ad3020;
}
#pied_de_page p.copyright
{
	color: #bd7050;
	font-size: 0.7em;
	font-family: "Trebuchet MS", Georgia, serif;
}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* GALLERIE*/

div#gallery
{
}


div#gallery table
{
	margin: 0;
	margin-left: 20px;
	margin-bottom: 50px;
	/*border: 1px solid white;*/
	width: 600px;
	border-collapse: collapse;
}

div#gallery td.thumb
{
 	vertical-align: middle;
	text-align: center;
 	border-style: none;
	border-bottom: 1px solid #ad3020;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	height: 110px;
	width: 90px;
}

div#gallery img.thumb,
div#gallery img.activethumb
{
 	margin: 0;
 	padding: 0;
	border-style: none;
}

div#gallery img.thumb:hover 
{
 	border: 2px solid #ad3020;
}

div#gallery img.activethumb
{
 	border: 2px #ad3020 solid;
}

div#gallery p.thumb
{
	margin: 0;
 	padding: 0;
	font-size: .8em; 
}

div#gallery td#imgpg
{
	vertical-align: top;
	text-align: center;
	padding-top: 14px;
	border-style: none;
}

div#gallery img.pg
{
	max-width: 480px;
	border: 0;
	max-height: 480px;
	border: solid 2px #dddddd;
}

div#gallery img.pglabo
{
	max-width: 400px;
	border: 0;
	max-height: 400px;
	border: none;
}

div#gallery p.pg
{
	margin: 0;
	text-align: left;
 	padding: 1em 0 0 0;
}



div#mordancage table
{
	margin: 0;
	width: 600px;
	border-collapse: collapse;
}

div#mordancage td.mordancage
{
 	vertical-align: middle;
	text-align: center;
 	border: none;
	padding: 0;
	margin: 0;
}
div#mordancage img
{
	max-width: 180px;
	max-height: 180px;
}


/*page d'index*/
img.index
{
	border: none;
	width: 250px;
}
p.index
{
	text-align: center;
}