/*css document */
*{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:middle;
padding:10px;
}



html {
margin: 0;
padding: 0;
height: 100%;
}


body {
font:11px Arial, Helvetica, sans-serif;
background-color: #000000;
height: 100%;
margin:0;
padding:0;
color:#fff;
}

#fond {
	position:relative;
    width: 1280px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0;
	height:100%;
	background: #000000 url(../img/fond.jpg) no-repeat bottom;
	/*border:solid 1px #ff1;*/
}

#fond2 {
	position:relative;
    width: 1280px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0;
	bottom: 0; 
	height:100%;
	background: #000000 url(../img/fond2.jpg) no-repeat bottom;
	}

#fond3 {
	position:relative;
    width: 1280px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0;
	height:100%;
	background: #000000 url(../img/fond3.jpg) no-repeat bottom;
}

#fond4 {
	position:relative;
    width: 1280px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0;
	height:100%;
	background: #000000 url(../img/fond4.jpg) no-repeat bottom;
}

#conteneur {
  position: relative;
    width: 1000px;
	height:100%;
 	/*border:solid 1px #f01;*/
	margin:0 auto;
}


/*menu*/
ul#menu {
width:425px;
height:50px;
margin: 0 287px 0 287px;
list-style-type:none;
background: url(../img/menu2.png) no-repeat top center !important;
background: url(../img/menu.gif) no-repeat top center;
position: absolute;
bottom: 0; 

}

ul#menu li {
margin-top:10px;
float:left;
text-align:center;
color:#FFF;
}

ul#menu li a {
width:105px;
line-height:40px;
font-size:11px;
letter-spacing:1px;
color:#fff;
display:block;
text-decoration:none;

}

/*menu actif*/
ul#menu li a:hover {
color:#ff007e;
}

ul#menu li a.actif {
color:#ff007e;
}

#page {
	width:100px;
	height:30px;
	margin: 0 450px 0 450px;
	}

/*sousmenu*/
ul#sousmenu {
margin:0;
list-style-type:none;
position:absolute;
}

ul#sousmenu li {
float:left;
text-align:center;
}

ul#sousmenu li a {
width:50px;
line-height:20px;
font-size:11px;
color:#fff;
display:block;
text-decoration:none;
}

/*sousmenu actif*/
ul#sousmenu li a:hover {
color:#ff007e;
}

ul#sousmenu li a.actif {
color:#ff007e;
}


/*contenu*/
#contenu {
	/*border:solid 2px #fff;*/
	width:1000px;
	margin-bottom: 50px;
	position: absolute;
	bottom: 0; 
}

#gauche {
width:130px;
height:320px;
float:left;
text-align:right;
margin-top:100px;
}


#centre {
width:740px;
/*width:800px;*/
float:left;
}


#centre a:hover img  {
padding:10px;
background: url(../img/ombre.png) no-repeat bottom;
}
	
#droite {
width:130px;
height:320px;
float:right;
margin-top:100px;
text-align:left;
}

#gauche2 {
width:250px;
height:320px;
float:left;
text-align:right;
margin-top:100px;
}


#centre2 {
width:500px;
/*width:800px;*/
float:left;
}


#droite2 {
width:250px;
height:320px;
float:right;
margin-top:100px;
text-align:left;
}

#textehome {
/*position:absolute;*/
/*border:solid 2px #0ff;*/
margin-left:330px;
width:300px;
height:372px;
text-align: center;
background: url(../img/fondnoir.png) repeat-x !important ;
background:transparent;
padding:20px;
}

#textepage {
text-align: center;
background: url(../img/fondnoir2.png) repeat-y !important ;
background:transparent;
padding:2px;
}

h1 {
text-align: center;
margin-top:120px;
color:#fff !important;
color: #333333;
font-size:11px;
}

h2 {
margin:10px;
text-align: center;
color:#fff !important;
color: #333333;
font-size:11px;
}

/*contenu des paragraphes*/
div#contenu p {
text-align: center;
margin-bottom:10px;
color:#fff !important;
color: #333333;
}

/*apparence des liens dans le texte*/
div#contenu a {
text-decoration:none;
color:#fff !important;
color: #333333;
font-size:11px;
}

div#contenu a:hover {
color:#ff007e !important;
color:#ff007e;
}