@charset "utf-8";

body    {
         background-image: url("IMG/Body.gif");
         }
#contenu h1 {     
         margin:0px;
         padding:0px;
	     font: italic normal 150% 'Times New Roman', Times, serif;
         background: white;
	     border: solid 2px #FF0000;
	     border-radius: 20px;
	     box-shadow: 4px 4px 6px black; 
}
#contenu h2{
	Font: normal 100% 'Tahoma', Times, serif;
}
img {
	border: 0px solid black;
    border-radius: 4px;
    margin:  3px;
	padding: 3px;	
}


.article{
	background-color:#F2F2F2;
	margin:30px;
	padding:20px;
	border:solid 1px #FF0000;
	border-radius:30px;
	box-shadow: 4px 4px 6px black;
	Font: normal 80% 'Tahoma', Times, serif;
	}
.Rouge{
	color: #FF5959;
}

.Bleu{
	color: #3A5996
	}

.compteur{
	position:absolute;
	top:235px;
	left:300px;
	text-align:center	     
	margin: 0px;
	padding: 0px 5px 5px 5px;
	color: black;
	}

#header {
	background-image: url("IMG/header11.gif");



    background-color:;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-bottom: solid 1px #FF0000;
	border-left: solid 1px #FF0000;
	border-right: solid 1px #FF0000;
	border-top: solid 1px #FF0000;
	font: normal 400% 'Tahoma', Times, serif;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	border-radius: 30px;
	box-shadow: 4px 4px 6px black;
	height: 180px;
	}

#liens {
	border-bottom: solid 2px #C81218;
	border-left: solid 2px #C81218;
	border-right: solid 2px #C81218;
	border-top: solid 2px #C81218;
	font: italic normal 130% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	text-align:center;	
	margin: 15px;
	padding: 5px 5px 5px 5px;
	width:auto;
	border-radius: 30px;
	box-shadow: 4px 4px 6px black;
	}

#contenu {
	background: ;
	border-bottom: solid 1px #2C2868;
	border-left: solid 1px #2C2868;
	border-right: solid 1px #2C2868;
	border-top: solid 1px #2C2868;
	font: italic normal 130% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 5px 5px 5px 5px;
	border-radius: 30px;
	box-shadow: 4px 4px 6px black;
	 }
#footer  {
	 background-color:#666666;
	 background-image: url("IMG/footer.png");	 
	 border-bottom: double 1px #FF0000;
	 border-left: solid 1px #FF0000;
	 border-right: solid 1px #FF0000;
	 border-top: solid 1px #FF0000;
	 font: italic normal 130% 'Times New Roman', Times, serif;
	 letter-spacing: 0.2em;
	 margin: 5px;
	 padding: 10px 10px 10px 10px;
	 border-radius: 30px;
	 box-shadow: 4px 4px 6px black;
     height:100px;
	 }
#contenu li{
         text-align:center;
         list-style-type:none;
         margin:10px;
         padding:5px;
         font: normal 90% 'Tahoma', Times, serif;
         background: white;
	     border: solid 1px;
	     border-radius: 30px;
	     box-shadow: 4px 4px 6px #696969; 
}
     
#contenu a {	 
	 display:block;
	 	 }

#contenu li:hover{
	color:#656;
	 background-color:#cec
}



#liens nav li {
         margin:0px;
         padding:0px;
         top:0px;
                 
	 }
#liens nav li a:hover {
	 color:red;
}
p      { 
         font: normal 80% 'Tahoma', Times, serif;
        }


#menu,#menu ul {
	 margin:0px;
	 padding:0px;
	 font-size:0px;
	 list-style-type:none;
}

#menu li{
	 display:inline-block;
	 font-size:12px;
	 position:relative;
}

#menu a {
	display: block;
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #FF5959;
	color: black;
	text-decoration: none;
	font-family: tahoma;
	border-radius: 30px;
	border: solid 1px;
	box-shadow: 4px 4px 6px black;
}

#menu li ul {
	 position:absolute;
	 left:-5000px;
}

#menu li:hover > ul {
	 left:0px;
}

#menu li li:hover > ul {
	 left:130px;
	 top:0px;
}

#menu a:hover{
	 color:#656;
	 background-color:black;
}