div {
	text-align:center;
	overflow:no;
	}
div#bouton {
	-webkit-appearance: none;
	border:1px;
	border-radius:5px;
	padding:10px 20px;
	}
div#ecran {
	width:1024px;
	height:2500px;
	overflow:auto;
	margin:0px auto;
	}
div#bandeau {
	width:1024px;
	height:120px;
	background-color:#00CCFF;
	overflow:no;
	margin:0px auto;
	}
div#milieu {
	width:1024px;
    height:1100px;
	background-color:#FFCC00;
	overflow:no;
	}
div#menu {
	float:left;
	width:160px;
    height:1100px;
	background-color:#FF6699;
	overflow:no;
	}
div#menu_horizontal {
	float:left;
	width:704px;
    height:100px;
	background-color:#00CCFF;
	overflow:no;
	}
div#contenu {
	float:left;
	width:704px;
    height:1100px;
	background-color:#00CCFF;
	overflow:auto;
	}
div#bloc_news {
	float:right;
	width:160px;
    height:1100px;
	background-color:#FF6699;
	overflow:no;
	}
div#pied_page {
	clear:both;
	width:1024px;
	height:40px;
	background-color:#33FF99;
	overflow:no;
	}
html, object {
	overflow:auto; 
	border: none;
	} 
ol {
	counter-reset: repas;
	} /* on initialise et nomme un compteur */

li {
    list-style-type: none;
    counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
    margin-bottom: 10px;
	}

li:before {
    content: counter(repas); /* on affiche le compteur  */
    padding: 0 10px 6px;
    margin-right: 8px;
    vertical-align: top;
    background: #678;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.8em;
    color: white;
	}
        
.fm1{padding-top:0px;
     text-align:center;
     background-color: #f3f0cf;
     font: italic bold 11px 'arial', helvetica, sans-serif;
     color:black;
     box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
     -pie-background: linear-gradient(#EEFF99, #66EE33);
     behavior: url(/pie/PIE.htc);
}
.myButton {
	-moz-box-shadow:inset 0px 0px 20px 0px #cf866c;
	-webkit-box-shadow:inset 0px 0px 20px 0px #cf866c;
	box-shadow:inset 0px 0px 20px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:1px 1px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}
img{
    cursor:pointer;
}

#masque
       {
       display: none;
       position: fixed
       top: 0;
       right: 0;
       botton: 0;
       left: 0;
       background-color: rgba(0,0,0,0.5);
       z-index: 1000;
       }
#masque:target
              {display: block;}
              
