.compteur2 {
	position : fixed;
	float: left;
	width : 450px;
	height : 350px;
	bottom :300px;
	left: 60px;
	}
	
body
{
	width: 980px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;    
	background-color : #9c7c58;
	background-image : linear-gradient(315deg, #fefefc -50%, #916f47);
	background-image : -o-linear-gradient(315deg, #fefefc -50%, #916f47);
	background-image : -ms-linear-gradient(315deg, #fefefc -50%, #916f47);
	background-image : -moz-linear-gradient(315deg, #fefefc -50%, #916f47);
	background-image : -webkit-linear-gradient(315deg, #fefefc -50%, #916f47);
	background-attachment : fixed;
}

/*La bannière*/
#banniere {
width : 100%;
height: auto;
max-width : 1370px;
min-width : 660px;
margin : 0 0 0 8px;

}

/* Le menu */

#menu{
    width: 100%;
	margin : 0 auto;
	text-align: center;
}
	
.navigation, .navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation li {
	display: inline-block;
	position: relative;
	font-size: 12px;
	border : #9c7c58 ridge 1px;
	background-color: #CBBCA8;	
}

.navigation a {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	height: auto;
	text-align: center;
	font-size : 2.0em;
	background: transparent;
} 

.navigation ul {
	display: none;
	position: absolute;
	background: #cab9a5;
	z-index : 33;
}

.navigation li:hover > ul {
	display: block;
	left: 0;
}

.navigation li li:hover > ul {
	left: 150px;
	top: 0;
}

.navigation li li {
	font-size : 0.7em;
			background-color: #E1DFCE;	
}

.navigation a:hover {
	color: #bd0303;
	background: #fcda0f;
}

a {
	text-decoration: none;
	color: #472701;
}

/* Couleur Lien */

a.telecharg {
	width : 220px;
	height : auto;
	border : #9c7c58 ridge 3px;
	background : #b6a28b;
	background : linear-gradient(#7a6145, #b29b7e);
	background : -o-linear-gradient(#7a6145, #b29b7e);
	background : -ms-linear-gradient(#7a6145, #b29b7e);
	background : -moz-linear-gradient(#7a6145, #b29b7e);
	background : -webkit-linear-gradient(#7a6145, #b29b7e);
	border-radius : 8px;
	text-shadow : 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow : 0 0 0 rgba(0, 0, 0, 1), 0 -1px 0 rgba(255, 255, 255, 1);
	padding : 0 10px 0 10px;
	margin: 0 0 0 10px;
	font-family : Arial, sans-serif;
	font-size : 1.6em;
	text-align : center;
	background-color : transparent;
	text-decoration : none;
	color : #b3e03f;
}

a.telecharg:hover {
	color : #8c0000;
	background : #b6a28b;
	background : linear-gradient(#b29b7e, #7a6145);
	background : -o-linear-gradient(#b29b7e, #7a6145);
	background : -ms-linear-gradient(#b29b7e, #7a6145);
	background : -moz-linear-gradient(#b29b7e, #7a6145);
	background : -webkit-linear-gradient(#b29b7e, #7a6145);
}

a.telecharg:active {
	color : #000;
	background : #7a6145;
	box-shadow : 1px 1px 10px black inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}


h1 {
	text-align : center;
	text-shadow : 5px 5px 5px #6f6f6f;
	color : black;
}

h2 {
   color: black;
   text-shadow : 5px 5px 5px #6f6f6f;
   padding-left: 140px;   
   font-family : "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

h3, h4 {
   color: black;
   text-align: justify;
   text-shadow : 5px 5px 5px #6f6f6f;   
  font-family : "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

p {
   padding-left: 40px;
}

hr {
  width:100%;
}
/* Le corps de la page */ 		
#corps
{
   width: 800px;   
   margin-left: 45px;
   margin-right: 80px;  
   margin-bottom: 20px;
   padding: 5px;
   padding-top: 20px;
   padding-left: 50px;
   padding-right: 50px;
   color: black;
   background-color: #e1dfce;
   background-repeat: repeat;   
   background-image: url("frame/carnet.jpg");
   /*background-attachment: fixed;*/
   border : #9c7c58 ridge 10px;
   font-family : "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

blockquote {
   margin-left: 100px;
}

img.displayed {
	height : 90%;
	width : 90%;
	border : #9c7c58 ridge 10px;
	border-radius : 20px;
	box-shadow : 15px 15px 10px #aaa;
	margin : 0% 0% 0% 5%;
}

img.displayed:hover {
	height : 130%;
	width : 130%;
	margin-left : -150px;
	padding : 3px;
	position : relative;
	background : #dadada;
   border : #9c7c58 ridge 10px;
	box-shadow : 20px 20px 20px #555555;
}

#validator {
	width: 130px;
	height: 80px;
	float: left;
	/*background-color: white; */
	margin: -100px 0 0 -50px;
}	

#validator1 {
	width: 130px;
	height: 80px;
	float: right;
	/*background-color: white; */
	margin: -100px 0 0 -50px;
}

a.hautpage {
	width : 220px;
	height : auto;
	z-index : 3;
	border : #9c7c58 ridge 3px;
	background : #b6a28b;
	background : linear-gradient(#7a6145, #b29b7e);
	background : -o-linear-gradient(#7a6145, #b29b7e);
	background : -ms-linear-gradient(#7a6145, #b29b7e);
	background : -moz-linear-gradient(#7a6145, #b29b7e);
	background : -webkit-linear-gradient(#7a6145, #b29b7e);
	border-radius : 8px;
	text-shadow : 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow : 0 0 0 rgba(0, 0, 0, 1), 0 -1px 0 rgba(255, 255, 255, 1);
	position : fixed;
	float : right;
	bottom : 10%;
	left : 700px;
	padding : 0 0 0 0;
	margin: 0 0 0 0;
	font-family : Arial, sans-serif;
	font-size : 1.6em;
	text-align : center;
	background-color : transparent;
	text-decoration : none;
	color : #b3e03f;
}

a.hautpage:hover {
	color : #8c0000;
	background : #b6a28b;
	background : linear-gradient(#b29b7e, #7a6145);
	background : -o-linear-gradient(#b29b7e, #7a6145);
	background : -ms-linear-gradient(#b29b7e, #7a6145);
	background : -moz-linear-gradient(#b29b7e, #7a6145);
	background : -webkit-linear-gradient(#b29b7e, #7a6145);
}

a.hautpage:active {
	color : #000;
	background : #7a6145;
	box-shadow : 1px 1px 10px black inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}