@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	
	

}

#arriere {
	/* l'image occupe toute la place du body */
	width : 100%;
	height: 100%;
	
}



div#compet
{   width: 170px;
	
	float:left;
	margin-top:34%;
	
	margin-left : 18%;
	position:absolute; 
	display: block;


	}
	
div#compet5
{   width: 170px;
	
	float:left;
	margin-top:45%;
	
	margin-left : 15%;
	position:absolute; 
	display: block;


	}	
	
div#compet2
{   width: 150px;
	height :auto;
	float:left;
	margin-top:27%;
	text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
	margin-left : 15%;
	position:absolute; 
	display: block;

	}
	
div#compet3
{   width: 254px;
	height :auto;
	float:left;
	margin-top:32%;
	font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
	margin-left : 16%;
	position:absolute; 
	display: block;


	}


div#sondage
{   width: 10%;
	height :auto;
	float:left;
	margin-top:30%;
	margin-left : 17%;
	position:absolute; 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

	}

a.lien1 { text-decoration: none;   color:#FF0000 ;   }

div#flash
{ 
	widht:auto;
	height:auto;
margin-top:10%;
margin-left:3%;
position:absolute;
display: block;


}

#titre {
       text-decoration: blink;
	   font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:center
	   
}
	
div#musique
{ 
	widht:auto;
	height:auto;
margin-top:15%;
margin-left:;
position:absolute;
display: block;
background: #0099FF

}
#flash a
{
color:red;
}


div#accueil
{float:left;
width:90%;
height:58%;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
position:absolute;
text-indent: 30px;
margin-top:15%;
margin-left:22%;
float:right;
padding-right:8px;
display: block;
}



div#long
{float:left;
width:45%;
height:20%;
margin-left:10%;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;
text-indent: 30px;
float:right;
padding-right:8px;
display: block;
}

div#grand
{float:left;
width:30%;
height:80%;

text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;
text-indent: 30px;
margin-top:19%;
margin-left:19%;
float:right;
padding-right:8px;
display: block;
}

div#haut1
{float:left;
width:27%;
height:70%;
overflow:auto;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;
text-indent: 30px;
margin-top:23%;
margin-left:8%;
float:right;
padding-right:8px;
display: block;
}

div#hautdroite
{float:left;
width:27%;
height:70%;
overflow:auto;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;
text-indent: 30px;
margin-top:23%;
margin-left:37%;
float:right;
padding-right:8px;
display: block;
}

div#hautdroitetitre
{float:left;
width:25%;
height:100%;

text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;
text-indent: 30px;
margin-top:15%;
margin-left:79%;
float:right;
padding-right:8px;
display: block;
}

div#contenu
{float:left;
width:41%;
height:65%;
overflow: auto;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;
text-indent: 30px;
margin-top:22%;
margin-left:33%;
float:right;
padding-right:8px;
display: block;
}

div#contenu5
{float:left;
width:43%;
height:65%;
overflow:auto;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:absolute;

margin-top:25%;
margin-left:33%;
float:right;
padding-right:8px;
display: block;
}

div#contenu6
{float:left;
width:43%;
height:65%;

text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
position:absolute;

margin-top:25%;
margin-left:38%;
float:right;
padding-right:8px;
display: block;
}
div#contenu2
{
width:50%;
height:60%;
overflow: auto;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-indent: 30px;
display: block;
position:absolute;
margin-top: 22%;
margin-left: 25%;
padding-right:10px; 
}

div#contenu3
{
width:250px;
height:auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
position:absolute;
margin-top: 22%;
margin-left: 33%;
overflow: auto;
 
}

div#contenu4
{
width:90%;
height:auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
position:absolute;
margin-top: 10%;
margin-left: 15%;
overflow: auto;
 
}

div#contact
{
width:50%;
height:50%;
overflow: auto;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-indent: 30px;
display: block;
position:absolute;
margin-top: 30%;
margin-left: 25%;
padding-right:10px; 
}


div#contact2
{
width:50%;
height:50%;
overflow: auto;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-indent: 30px;
display: block;
position:absolute;
margin-top: 20%;
margin-left: 25%;
padding-right:10px; 
}


div#contenunationale
{float:left;
width:50%;
height:40%;

text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
position:absolute;
text-indent: 30px;
margin-top:35%;
margin-left:33%;
float:right;
padding-right:8px;
display: block;
}

div#contenunationale2
{float:left;
width:75%;
height:33%;

text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
position:absolute;
text-indent: 30px;
margin-top:38%;
margin-left:7%;
float:right;
padding-right:8px;
display: block;
}

div#resultat
{
width:350px;
height:auto;

display: block;
position:absolute;
margin-top: 19%;
margin-left: 26%;
 
}

div#resultat2
{
width:350px;
height:auto;

display: block;
position:absolute;
margin-top: 21%;
margin-left: 33%;
 
}
div#resultat3
{
width:350px;
height:auto;

display: block;
position:absolute;
margin-top: 25%;
margin-left: 33%;
 
}
div#photos
{
width:63%;
height:45%;
padding-right:1px;
overflow: auto;
display: block;
position:absolute;
margin-top: 30%;
margin-left: 20%;
 
}


div#pied
{ 

position:absolute;
width:10%; 
margin-left:87%;
text-align:center;
font-family: "Arial Narrow";
font-size: 14px;
margin-top:55%;
display: block;

}

div#compteur
{ 

position:absolute;
width:auto; 
margin-left:80%;
text-align:center;
font-family: "Arial Narrow";
font-size: 14px;
margin-top:55%;
display: block;

}


div#pied2
{ 

position:absolute;
width:10%; 
margin-left:90%;
text-align:center;
font-family: "Arial Narrow";
font-size: 14px;

display: block;

}

div#titre
{
	width:200px;
	height:100px;
margin-top:15%;
	margin-left:41%;
	float:left;
	font-family: "Arial Narrow";
	font-size: 18px;
	position:absolute; 
	display: block;


}

div#titre2
{
	width:335px;
	height:40px;
	float:left;
	font-family: "Arial Narrow";
	font-size: 18px;
	position: absolute;
	text-align:justify;
	text-indent: 30px;
	margin-top:17%;
	margin-left:35%

}

h1
{font-family: "Arial Narrow";
font-size: 24px;
text-align:center;
color:#1D6893;

}

h2
{font-family: "Arial Narrow";
font-size: 18px;
margin-left:60px;

color:#FF0000;
text-indent: 40px;

}
h3
{font-family: "Arial Narrow";
font-size: 10px;
color: #000000;
font-style:italic;
text-align:center
}
h4
{font-family: "Arial Narrow";
font-size: 14px;
color: #000000;
text-align:center

}
h5
{font-family: "Arial Narrow";
font-size: 16px;
color: #FF0000;
text-align:center;



}
h6
{font-family: "Arial Narrow";
font-size: 12px;
font-style:italic
}

img 
{bottom: 50%;
}


a span {
  display: block;
}


p
{text-align:justify}

li
{list-style:none;
margin-left: 50px}

ul.liste1
{text-align:left; 
width:200px; 
}

li.liste1
{list-style:circle}