* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:#000000;
border: 1px solid red;
}
#conteneur {

margin:-15px 0px 0px -12px;
position: absolute;
width: 100%;
background-color:#000000;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#header {
height: 200px;
background-repeat:no-repeat;
text-align:center;
margin:auto;
background-color: #000000;
}
#haut {
height: 30px;
background-color:#ffffff;
}
#haut a{

}


#centre {
padding-top:50px;
width:50%;
position:relative;
text-align:center;
margin : auto;
margin-left: 250px;
margin-right: 150px;
}
.clearer{
clear : both;
width : 100%;
display:block;
}
#centre li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/*margin-left: -200px;*/
text-align : left ;
}
#centre h1{
font-size:12px;
display:block;
text-align:left;
margin-left:20px;
float :left;
position:relative;
}
#centre h2{
font-size:12px;
padding-left:25px;
}
#centre p{
margin-top:10px;
text-align:left;
margin-left:10px;
float :left;
width: 40%;
font-size:10px;
display:inline;
position:relative;
}
#img{
position:absolute;
float:left;
width : 50%;
display:inline;
}
.icone{
position:relative;
float:left;
width : 250px;
display:inline;

}
#info{
position:absolute;
float:left;
width : 50%;
margin-left:300px;
}
.projet{
margin:auto;
padding:auto;
position:relative;
float:left;
width : 95%;
margin-left:-50px;
padding-bottom:30px;
padding-top:30px;
border-bottom:solid white 1px;
display:inline;
}
.projet h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color : #ff2c00;
margin : 2px;
}
.projet h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;

}
.projet p{
font-size:20px;
}
.projetTxt{
margin-left:250px;
text-align:left;
}
.projet a{
text-decoration:none;
border:0px;
}
.projet img{
border:0px;
margin-left:1px;
}
.title{
color : #ff2c00;
font-size:14px;
}
.feat{
font-style:italic;
color : #ff2c00;
}
#player{
float : left;
margin-left:25px;
display:block;
width:100%;
position:relative;
padding-bottom: 20px;
}
#gauche {
position: relative;
float : left;
width: 25%;
height:100%;
margin-top:50px;
background-color:#000000;
}
#droite {
position: relative;
margin : auto;
float : right;
display: inherit #center;
margin-right:30px;
margin-top:30px;
width: 20%;
}
#droite h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color : #ff2c00;
margin : 2px;
}
#droite h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin : 2px;
}
#droite p{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
}
#droite a{
text-decoration:none;
border:0px;
}
#droite img{
text-decoration:none;
border:0px;
}
.news{
margin-left:10px;
padding-left:20px;
padding-top:10px;
text-align:center;
}
#pied {
padding-left:10px;
text-align:center;
height: 30px;
background-image:url(../img/BANDOMENU/fond.jpg);
z-index:5;
}
#pied a{
color : white ;
}
.menuhaut {
height:50px;
background-image:url(../img/BANDOMENU/fond.jpg);
padding-left:10px;
list-style-type: none;
text-align:center;
margin: 0;
margin-bottom:50px;
}
.menuhaut li {
display: inline;
padding-top : -25px;
margin-bottom:30px;
}
.menuhaut a {
font-family: Arial black, Arial,  Helvetica, sans-serif;
text-align:top;
padding-left:10px;
color: #ffffff;
text-decoration: underline;

}
.menuhaut img{
text-decoration:none;
border:0px;

}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
width: 220px;
list-style-type: none;
margin: 0;
padding-left:20px;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 2px;
color: #ffffff;
text-decoration: underline;
font-size: 13px;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0px;
padding:0px;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: ;
color: #ffffff;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}