/* CSS Document */

/* inhibition de toutes les margin et les paddings implémentés dans la CSS du browser */
*{ margin: 0; padding: 0;}

.imageflottanteright
{
   float: right;
}
.imageflottanteleft
{
   float: left;
}

#global {   
position:absolute;   
left: 50%;      
width: 1200px;   
height: 400px;   
margin-top: 10px; /* moitié de la hauteur */   
margin-left: -600px; /* moitié de la largeur */    
}

#container {
width:1220px;
height:190px;
padding:0px;
position: relative;
}

#titre {
width:1200px;
height: 120px;
/*background-color:#FFFFFF;*/
border-left:1px dashed #000000; 
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-image:url(../images/banniere.jpg);
text-align: center;
position: relative;
border-style: datted;
}

table {
border: medium solid #EB6F27;
border-collapse: collapse;
/*width: 50%;*/
}
th {
font-family: sans-serif;
/*font-family: monospace;*/
border: thin solid #EB6F27;
/*width: 50%;*/
padding: 5px;
background-color: #C0C0C0;
}

td {
font-family: sans-serif;
border: thin solid #EB6F27;
/*width: 50%;*/
padding: 5px;
/*text-align: Left;*/
background-color: #ffffff;
}

#player1{
margin: 10px 10px 10px 10px;
width:476px;
height: 120px;
border-left:1px dashed #000000; 
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
text-align: center;
position: relative;
border-style: datted;
}


#menumain{
width:200px;
height:125px;
top:140px;
text-align: center;
position: absolute;
}

#menu0{
width:200px;
height:50px;
/*top:110px;*/
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}
#menu1 {
width:200px;
height:50px;
top:10px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu2 {
width:200px;
height:50px;
top:20px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu3 {
width:200px;
height:50px;
top:30px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu4 {
width:200px;
height:50px;
top:40px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu5 {
width:200px;
height:50px;
top:50px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}
#menu6 {
width:200px;
height:50px;
top:60px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu7 {
width:200px;
height:50px;
top:80px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu9 {
width:200px;
height:50px;
top:70px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/menu.jpg);
text-align: center;
position: relative;
}

#menu8 {
width:200px;
height:200px;
top:100px;
/*border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#FFFFFF;*/
background-image:url(../images/logo.jpg);
text-align: center;
position: relative;
}


#text {
width:982px;
height:920px;
top:140px;
left:220px;
background-image:url(../images/fondtext.jpg);
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
position: absolute;
overflow-y:hidden;
}

#texthaut {
width:982px;
height:150px;
top:140px;
left:220px;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-top:1px solid #000000;
border-style: datted;
position: absolute;
overflow-y:hidden;
}

#textbas {
width:982px;
height:770px;
top:290px;
left:220px;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
border-style: datted;
position: absolute;
overflow-y:hidden;
}


/*======FONTS======*/
#menumain ul {
	font: 100% bold Arial;
	font-family:Arial,Sans-serif;
	font-size : 16px;
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px;
	color : #ffffff;
}

#menumain li a:visited {
	font: 100% bold Arial;
	font-family:Arial,Sans-serif;
	font-size : 16px;
	text-decoration: none;
	color: #ffffff;
}

#menumain li {
	font: 100% bold Arial;
	font-family:Arial,Sans-serif;
	font-size : 16px;
	line-height: 1; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 15px 0 0 0;
	list-style-type: none;
}

#menumain li a:link {

	font: 100% bold Arial;
	font-family:Arial,Sans-serif;
	font-size : 16px;	
	text-decoration: none;
	color: #ffffff;
}

#menumain li a:hover {
	font: 100% bold Arial;
	font-family:Arial,Sans-serif;
	font-size : 16px;
	text-decoration: none;
	color: #EB6F27;
}

#menumain li a:active {
	font-weight : 50;
	font-family:Arial,Sans-serif;
	font-size : 16px;
	text-decoration: none;
	color: #ffffff;
}


/*=====Police=====*/
/* Titre */
h1{	
	font-family: Arial,Sans-serif,bold;
	text-align : Left;
	font-size : 18px;
	color: #000000;
	border-bottom: 2px solid #000000;
	margin : 10px 10px 10px 10px;
}
h1c{	
	font-family: Arial,Sans-serif,bold;
	text-align : Center;
	font-size : 18px;
	color: #000000;
	border-bottom: 2px solid #000000;
	margin : 10px 10px 10px 10px;
}
/* Menu */
h2{	
	font-weight : 100;
	font-family: Arial,Sans-serif,bold;
	text-align : Center;
	font-size : 15px;
	color : #FFFFFF;
	margin : 15px 10px 10px 10px;
}

h3{	
	font-weight : 300;
	font-family: Arial,Sans-serif;
	text-align : Left;
	font-size : 14px;
	color : #000000;
	margin : 0 0 0 10px;
}
h4{	
	font-weight : 300;
	font-family: Arial,Sans-serif;
	text-align : center;
	font-size : 14px;
	color : #000000;
	margin : 0 0 0 10px;
}
h5{
	font-family: Arial,Sans-serif;
	text-decoration: underline; 
	font-weight : 300;
	font-family: Arial,Sans-serif,;
	text-align : center;
	font-size : 14px;
	color : #000000;
	margin : 0 0 0 10px;
}
h6{	 
	font-weight : 300;
	font-family: Arial,Sans-serif,;
	text-align : center;
	font-size : 14px;
	color : #000000;
}
h7{	
	font-weight : 300;
	font-family: Arial,Sans-serif;
	text-align : Left;
	font-size : 18px;
	color : #000000;
	margin : 0 0 0 10px;
}