@font-face {
    font-family: 'GoodDogRegular';
    src: url('GoodDog-webfont.eot');
    src: url('GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('GoodDog-webfont.woff') format('woff'),
         url('GoodDog-webfont.ttf') format('truetype'),
         url('GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotethisRegular';
    src: url('Note_this-webfont.eot');
    src: url('Note_this-webfont.eot?#iefix') format('embedded-opentype'),
         url('Note_this-webfont.woff') format('woff'),
         url('Note_this-webfont.ttf') format('truetype'),
         url('Note_this-webfont.svg#NotethisRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalligraffitiRegular';
    src: url('Calligraffiti-webfont.eot');
    src: url('Calligraffiti-webfont.eot?#iefix') format('embedded-opentype'),
         url('Calligraffiti-webfont.woff') format('woff'),
         url('Calligraffiti-webfont.ttf') format('truetype'),
         url('Calligraffiti-webfont.svg#CalligraffitiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChantelliAntiquaRegular';
    src: url('Chantelli_Antiqua-webfont.eot');
    src: url('Chantelli_Antiqua-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chantelli_Antiqua-webfont.woff') format('woff'),
         url('Chantelli_Antiqua-webfont.ttf') format('truetype'),
         url('Chantelli_Antiqua-webfont.svg#ChantelliAntiquaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
   width: 900px;
   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-image: url("fond_ecran.png");*/ /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-color: rgb(254,247,216);
   border: 3px ridge brown;
   border-radius: 7px;
   font-family: "Trebuchet MS";
   color: rgb(80,40,0);
}

#intro
{
	width: 900px;
	text-align: center;
	font-family: 'CalligraffitiRegular';
	font-size: 20px;
	background: url('separateur.png') repeat-x bottom;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#page
{
}

#en_tete
{
	width: 900px;
	height: 80px; /* 80px a la base */
	text-align: center;
	font-family: 'GoodDog',"Comic sans MS", Arial;
	font-size: 75px;
	color: brown;
	margin-top : 10px
}

#coin-slider
{
   width: 860px;
   height: 252px;
   margin: auto;
   background-position: center;
   margin-bottom: 10px;
   margin-top: 10px;
   box-shadow: 0px 4px 4px #1c1a19;
   border: 1px ridge rgb(128,64,0);
}

#saparation
{
	background: url('separateur.png') repeat-x bottom;
}

#menu
{
   display: inline-block; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
   margin-left: 10px; 
   vertical-align: top;
   font-size: small;
}

#corps
{
	margin-top: 5px;
	width: 650px;
	display: inline-block;
	vertical-align: top;
	background-color: rgb(247,235,204);
	padding: 5px;
	margin-left: 10px;
	font-size: small;
	border: 2px solid rgb(128,64,0);
	box-shadow: 2px 2px 2px brown;
}
/*
#pied_de_page
{
	height: 70px;
	width: 900px;
	background-image: url('fondbot.png');
	font-family: 'NotethisRegular', Arial;
}*/

.element_menu
{
	border: 2px solid rgb(128,64,0);
	margin-top: 5px;
	padding-left: 2px;
	background-color: rgb(247,235,204);
	box-shadow: 2px 2px 2px brown;
}

.element_menubis
{
	border: 2px solid rgb(128,64,0);
	margin-top: 5px;
	padding: 10px;
	background-color: rgb(247,235,204);
	box-shadow: 2px 2px 2px brown;
	text-align: justify;
}

h1
{
	font-size: large;
	font-family: "Comic Sans MS", Arial;
}

h2
{
	font-style: italic;
	font-size: normal;
}

h5
{
	font-size: xx-large;
	font-family: "ChantelliAntiquaRegular";
	text-align: center;
	margin-top: 10px;
}


.puce
{
	list-style-image: url("puce_liste2.jpg");
}

.br
{
	margin-bottom : 20px;
}


.separateurbot
 {
	background: url('ombre.png') repeat-x bottom;
}

a:hover
{
	background-color: #eccda0;
}

a:visited
{
	color: rgb(80,40,0);
	text-decoration: normal;
}

a
{
	text-decoration: none;
	color: rgb(80,40,0);
}

.texte
{
	margin-left : 10px;
	text-align: justify;
	margin-right : 10px;
	font-size : 15px;
}