body {
        color: #262626; /* #000 */
		background: #ff0000; /* Old browsers */		
		background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%, #000000 90%); /* ff3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ff0000), color-stop(90%, #000000)); /* safari4+,chrome */
		background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%, #000000 90%); /* safari5.1+,chrome10+ */
		background: -o-radial-gradient(center, ellipse cover, #ff0000 0%, #000000 90%); /* opera 11.10+ */
		background: -ms-radial-gradient(center, ellipse cover, #ff0000 0%, #000000 90%); /* ie10+ */
		background: radial-gradient(ellipse at center, #ff0000 0%, #000000 90%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
        background-attachment:fixed;
		font-family: 'Trebuchet MS', sans-serif;
        font-size: 80%;
        text-align: center;
    }
	img {
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	ul {
	list-style-type: none;
		}
	/* pas erreur: bug selon navigateurs & versions +doctype HTML */	
	ul { margin-left: 15px; padding-left: 0;}
	//ou
	ul {margin-left: 0; padding-left: 15px;}
		}
    h1 {}
    h2 { font-size: 1.2em; color: #A0A0A0;}
	mark { background-color:yellow; color:black;}
	span.souligne {
		color: black;
		background-color: yellow;
		text-decoration: underline;
		-moz-text-decoration-color: #5D7C4F;
		}
	span.bdbulle {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
	span.bdbulle:hover {
	z-index:25;
	}
	span.bdbulle span {
	display: none;
	}
	span.bdbulle:hover span {
	display:block;
	position:absolute;
	left:-20px;
	width:350px;
	border:3px ridge #fc0;
	color: #fff;
	padding: 10px;
	background-color: #555; opacity: .8;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 8px 8px 16px black;
	-moz-box-shadow: 8px 8px 16px black;
	-webkit-box-shadow: 8px 8px 16px black;
	text-shadow: 0pt 0pt 4px white, 0pt -1px 5px rgb(0, 136, 255), 1px -2px 7px rgb(102, 255, 221), -1px -3px 11px rgb(51, 255, 136), 2px -5px 14px rgb(0, 255, 34);
	}
	
    #page{
        background-color: #5D7C4F; 
		width: 55%;
        margin: 24px auto;
        padding: 12px;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
		font-weight:bold;
		border-radius: 5px 5px 5px 5px;
    }
	#fond{
		width: 75%;
        margin: -8px auto;
    }
	#cadre{
        color: #000;	
		overflow: hidden;		
        background-color: #000;
		border-radius: 0px 0px 5px 5px;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
		position: absolute;
		top: 295px;
		right: 10px;
		width: 12%;
		text-align: left;
    }
	#insert{
        color: #000;	
		overflow: hidden;		
        background-color: #004A7F;
		border-radius: 0px 0px 0px 0px;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
		position: absolute;
		top: 160px;
		right: 10px;
		width: 12%;
		text-align: left;
    }	
	#menu{
        color: #000;	
		overflow: hidden;		
        background-color: #A80000;
		border-radius: 5px 5px 0px 0px;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
		position: absolute;
		top: 24px;
		right: 10px;
		width: 12%;
		text-align: left;
    }	
    #header{
        padding: 1px ;
    }
    .header{ color: #AD9148; 
		text-shadow: 1px 2px 3px rgba(0,0,0, 0.5);
		/#f0b7a1+0,8c3310+17,752201+83,bf6e4e+100 */
		background: #f0b7a1; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #f0b7a1 0%, #8c3310 17%, #752201 83%, #bf6e4e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f0b7a1), color-stop(17%,#8c3310), color-stop(83%,#752201), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #f0b7a1 0%,#8c3310 17%,#752201 83%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #f0b7a1 0%,#8c3310 17%,#752201 83%,#bf6e4e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #f0b7a1 0%,#8c3310 17%,#752201 83%,#bf6e4e 100%); /* IE10+ */
		background: linear-gradient(135deg, #f0b7a1 0%,#8c3310 17%,#752201 83%,#bf6e4e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		border-radius: 5px 5px 5px 5px;
		}
    #content {
        padding: 4px 0 24px 0;
    }
	#bord {
	text-align: left;
	padding: 0 0 0 20px;
    }
	#lien {
        padding: 4px 0 4px 0;
		text-align: left;
		font-size: large;
    }
	a {
	text-decoration: underline;
	color: #fff;
	}
	a:visited {
	color: #808080;
	}
	a:hover, a:focus, a:active {
	text-decoration: none;
	color: #000;
	background: #800;
	}
	#bloc {
    color: navy;
	text-align: left;
    background: #658756;
    padding: 1px 20px;
    border-left:solid 1px #7EA86B;
    font-size: 1em;
    }
    #bloc a {
        color: #000000;
    }
    #bloc a:hover {
        color: #ffffff;
    }
    #footer {
        color: #fff;
        background: #526B45;
        padding: 1px 20px;
        border-top: 1px #efefef solid;
        font-size: 0.8em;
		border-radius: 0px 0px 5px 5px;
    }
    #footer a {
        color: #000000;
    }
    #footer a:hover {
        color: #ffffff;
    }