body {
	font:	12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	background:#b0cca6;
	margin:10px 10px 15px 10px;
    padding:0px;
	}
	
a {
	text-decoration:none;
	font-weight:bold;
	color:green;
	}
	
a:hover {
    text-decoration: underline;
    }
	
pre {
	font-size:11px;
	color:green;
	}
	
.greek {
	color:#999;
	}
	


ol {
	margin-right:40px;
	}
ul {
	list-style-type:square;
	}

li {
	margin-bottom:10px;
	}
   

	
	#leftcontent {
                color:#763244;
		position: absolute;
		left:10px;
		top:171px;
		width:200px;
		background:#9cb480;
		border:1px solid #000;
		padding-top:5px;
		}
		
	#centercontent {
		background:#c5e5be;
		border:1px solid #829d4c;		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:50px;
		}
	html>body #centercontent {
   		margin-left: 201px;
   		margin-right:50px;
		}
		
	#centercontent #content {
        width:220px;
        background:#c5e5be;
        border-left:1px solid #829d4c; 
        border-bottom:1px solid #829d4c;
        float:right;
        background:#eee;
        margin: 0px 0px 10px 10px;
		padding:5px;
	}
	
	#rightcontent {
		position: absolute;
		right:10px;
		top:170px;
		width:200px;
		background:#829d4c;
		border:1px solid #829d4c;
		}
	
	#banner {
		background:#c5e5be;
		height:170px;
		padding:5px;
   		margin-right:50px;
		border-top:1px solid #829d4c;
		border-right:1px solid #829d4c;
		border-left:1px solid #829d4c;
		voice-family: "\"}\"";
		voice-family: inherit;
		}
	html>body #banner {
		height:170px;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	#centercontent h1 {
                color:#811454;
		font-size:20px;
		padding-top: 10px;
		padding-left: 10px;
                border-bottom: solid;
		}
		
	#centercontent h2 {
                color:#811454;
		font-size:15px;
		padding-top: 10px;
		padding-left: 10px;
                border-bottom: groove;
		}
		
        #centercontent h3 {
                color:#811454;
		font-size:14px;
		padding-top: 10px;
		padding-left: 10px;
		}
		
	#banner h1 {
		font-size:14px;
		padding:10px 10px 0px 10px;
		margin:0px;
		}
	
	#rightcontent p {
		font-size:10px
		}
    #content p {
		font-size:10px
		}
.note_soustitre {
                font-weight:bold
    }
    #rubriques p {
		font-size:11px
		}
		
     #leftcontent p {
		font-size:10px
            font-size:15px;
		}
		
   #footer {
		background:#c5e5be;
   		margin-left: 199px;
   		margin-right:50px;
		border-right:1px solid #829d4c;
		border-left:1px solid #829d4c;
		border-bottom:1px solid #829d4c;		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:50px;
		}
	html>body #footer {
   		margin-left: 201px;
   		margin-right:50px;
   		}

.player {
    display: block;
    background-image: url("/png/Kreski-lines-video-grand.png");
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
    left:25%;
    right:25%;
    width:50%;
    border:solid red;
}

.player_boutons_barre{
    border: none;
    display: block;
    position:relative;
    left:25%;
    right:25%;
    width:50%;
}

a.player_boutons:link { 
    color:transparent;
    border:none;
    }
a.player_boutons:hover { 
    color:transparent;
    border:none;
    }
a.player_boutons:visited { 
    color:transparent;
    border:none;
    }

.avertissement {
    display: block;
    background-color: black;
    position:relative;
    left:20%;
    right:20%;
    width:60%;
    border:solid red;
    color: white;
    font-size: 14px;
}

.title { font-size: 48px; font-weight: bold; color: #811454;}