* {margin:0; padding:0;}
    body  {
    	font-family:"Comic Sans MS";
    	margin: 0; 
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x.  */
	    background: #eeffdd;
		font-size: 0.9em;
    }


.misenpage #conteneur { 
    	width: 100%;
    }  
.misenpage #entete { 
    	padding: 5px; 
		text-align: left;
    } 
.misenpage #entetelogo { 
    	position: absolute;
		left: 10px;
		top: 10px;
    } 
.misenpage #entete h1 {
    	margin: 0; 
    	padding: 10px;
    }
.positionescargot { 
		position: absolute;
		left: 10px;
		top: 10px;
    }
.positiontest { 
		position: absolute;
		left: 770px;
		top: 0px;
    }		
.misenpage #menu {
		float: left; 
    	width: 200px;
    }	
.misenpage #menu h3, .misenpage #menu p {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
ul {height:360px;}
li {display:inline;}

li a {
	display:block; 
	width:200px; 
	height:40px; 
	text-indent:-1000px;
	}
.un a {background:transparent url(../images/accueil_150.gif) no-repeat  25px 5px; }
.deux a {background:transparent url(../images/comptoir_150.gif) no-repeat 25px 5px; }
.trois a {background:transparent url(../images/forum_150.gif) no-repeat 25px 5px; }
.quatre a {background:transparent url(../images/info_150.gif) no-repeat 25px 5px; }
.cinq a {background:transparent url(../images/acces_150.gif) no-repeat 25px 5px; }
.six a {background:transparent url(../images/partage_150.gif) no-repeat 25px 5px; }
.sept a {background:transparent url(../images/pseudo_150.gif) no-repeat 25px 5px; }
.huit a {background:transparent url(../images/liens_150.gif) no-repeat 25px 5px; }
.neuf a {background:transparent url(../images/contact_150.gif) no-repeat 25px 5px; }
.un a:hover, .un a:focus {width:200px; height:40px; background:transparent url(../images/accueil.gif) no-repeat left top; }
.deux a:hover, .deux a:focus { width:200px; height:40px; background:transparent url(../images/comptoir.gif) no-repeat left top; }
.trois a:hover, .trois a:focus {width:200px; height:40px; background:transparent url(../images/forum.gif) no-repeat left top; }
.quatre a:hover, .quatre a:focus {width:200px; height:40px; background:transparent url(../images/info.gif) no-repeat left top; }
.cinq a:hover, .cinq a:focus {width:200px; height:40px; background:transparent url(../images/acces.gif) no-repeat left top; }
.six a:hover, .six a:focus {width:200px; height:40px; background:transparent url(../images/partage.gif) no-repeat left top; }
.sept a:hover, .sept a:focus {width:200px; height:40px; background:transparent url(../images/pseudo.gif) no-repeat left top; }
.huit a:hover, .huit a:focus {width:200px; height:40px; background:transparent url(../images/liens.gif) no-repeat left top; }
.neuf a:hover, .neuf a:focus {width:200px; height:40px; background:transparent url(../images/contact.gif) no-repeat left top; }

.misenpage #firefox {
    margin-top: 10px;
	margin-bottom: 10px;
		}

.misenpage #contenu  {
	margin-left: 200px;
	margin-right: 200px;
	padding: 50px; 

    } 
.misenpage #contenu  p{
	font-size: 0.8em;

    }
.misenpage #comptoir {
	margin-left: 200px;
	text-align: left;
	padding: 20px; 
	font-size: 0.9em;
    } 
	
.misenpage #promotion {
    border: 4px ridge green;
	float: right; 
    width: 196px; 
	height: 504px;  
    }
.misenpage #promotion h3, .misenpage #promotion p {
    margin-left:10px; 
    margin-right: 10px;
    }
.misenpage #promo1 {
	height: 156px;
	}
.imgpromo1{
  margin-top: 1px;
	}
.misenpage #promo2 {
    border-top: 2px dotted green;
	border-bottom:2px dotted green; 
	height: 160px;
	}
.imgpromo2,.imgpromo3{
  margin-top: 5px;
	}
.misenpage #promo3 {
	height: 160px;
	}
.misenpage #piedepage { 
    border-top: 1px dotted green;
	font-size: 0.7em;
	text-align: center;
	}
.espacedroite { 
    margin-right: 5px;
    }
.espacegauche { 
    margin-left: 5px;
    }
.enligne { 
    display: inline;
    }
.enbloc { 
    display: block;
    }
.flottead { 
    float: right;
    margin-left: 8px;
    }
.flotteag {
    float: left;
    margin-right: 8px;
    }
.fixe { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    }
	form
	{
	text-align:center;
	}
	.blue
	{
	color:blue;
	}
	.red
	{
	color:red;
	}
--> 
	</style><!--[if IE]>
		<style type="text/css"> 
    	.misenpage #menu, .misenpage #promotion { padding-top: 30px; }
		.misenpage #contenu { zoom: 1; padding-top: 15px; }
		/* petites bidouilles importante pour internet explorer afin d' éviter plusieurs bogues */
	</style>
<![endif]-->