@charset "utf-8";

.Titre{
          color:white;
          background:#1b3b3d;
          margin:0px;
          padding:0px;
          height:70px;
          width:400px;
          position:relative;
          top:0px;
          left:0px;
          text-align:center;              
          border: solid 1px;
          border-radius: 10px;
          box-shadow: 8px 8px 12px #3B444B;
       }

.Rouge{ color:#F30;
	
	}

body    {
         background: #FFE4E1;
        }

#contenu h1 {
         background: #F76E8B;      
         margin:0px;
         padding:0px;
	 height:auto;
	 font: normal 200% 'comic sans ms', Times, serif;         
	 border: solid 1px;
	 border-radius: 10px;
	 box-shadow: 8px 8px 12px #aaa; 
         }

#contenu h3 {
         background: #cbade0;      
         margin:0px;
         padding:0px;
	 height:auto;
	 font: normal 100% 'comic sans ms', Times, serif;         
	 border: solid 1px;
	 border-radius: 10px;
	 box-shadow: 8px 8px 12px #aaa; 
         }


#header {
	 background-image: url("IMG/header2.gif");  	 
	 border-bottom: double 3px #aba;
	 border-left: solid 1px #9a9;
	 border-right: solid 1px #565;
	 border-top: solid 1px #9a9;
	 font: normal 400% 'comic sans ms', Times, serif;
	 letter-spacing: 0.1em;
	 margin: 0;
	 padding: 15px 10px 15px 60px;
	 border-radius: 30px;
	 box-shadow: 8px 8px 12px #aaa;
         height:250px;
	}

#liens {
	 background: #6F2586;	 
	 border-bottom: double 3px #aba;
	 border-left: solid 1px #9a9;
	 border-right: solid 1px #565;
	 border-top: solid 1px #9a9;
	 font: normal 130% 'comic sans ms', Times, serif;
	 letter-spacing: 0.1em;
	 margin: 0;
	 padding: 15px 10px 15px 30px;
	 border-radius: 30px;
	 box-shadow: 8px 8px 12px #aaa;       
	}

#contenu {
	 background: #F6CEEC;
	 border-bottom: double 3px #aba;
	 border-left: solid 1px #9a9;
	 border-right: solid 1px #565;
	 border-top: solid 1px #9a9;
	 font:normal 180% 'comic sans ms', Times, serif;
	 letter-spacing: 0.0em;
	 margin: 0;
	 padding: 15px 10px 15px 15px;
	 border-radius: 30px;
	 box-shadow: 8px 8px 12px #aaa;       
	 }
	 
#contenu img{
	width:800px;
	height:600px;
        Border:solid 1px;
	
	}

#contenu li{
         text-align:center;	  
	 list-style-type:none;
	 height:40px; 
         margin:10px;
         padding:5px;
         font: normal 101% 'comic sans ms', Times, serif;
         background: white;
	 border: solid 1px;
	 border-radius: 30px;
	 box-shadow: 8px 8px 12px #aaa; 
         }

     
#contenu a {	 
	 display:block;
         text-decoration:none;
	 }

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

#footer  {
	 background-image: url("IMG/footer.png");
	 border-bottom: double 3px #aba;
	 border-left: solid 1px #9a9;
	 border-right: solid 1px #565;
	 border-top: solid 1px #9a9;
	 font: normal 130% 'comic sans ms', Times, serif;
	 letter-spacing: 0.2em;
	 margin: 0;
	 padding: 15px 10px 15px 60px;
	 border-radius: 30px;
	 box-shadow: 8px 8px 12px #aaa;
         height:150px;
	 }

#liens nav li {
         margin:0px;
         padding:0px;
         top:0px;                 
	 }

#liens nav li a:hover {
	 color:red;
         }

p      { 
         font: normal 80% 'comic sans ms', 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:150px;
	 height:45px;
	 line-height:40px;
	 text-align:center;
	 background: White;
	 color:black;
	 text-decoration:none;
	 font-family:tahoma;
         Font-Weight: Bold;
         font-size: 20px;
	 border-radius: 30px;
	 border: solid 1px;
	 box-shadow: 0px 0px 0px #aaa;
         }

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

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

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

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