#fonaccueil {
background-image: url(images/fonaccueil.jpg);
width : 519px;
height: 134px;
margin: auto;
margin-top: 150px;
padding-top: 260px;
}

#accueil {
color: FFFFFF;
padding: 5px;

background-image: url(images/backgroundaccueil.jpg);
}

#accueilfooter {
background-image: url(images/accueilfooter.jpg);
width : 519px;
height :14px;
}



/* -------------------------------------------------------------------------------------------------------- Css de la bar menu  */

body {
margin: 0px;
background-color: #000000;

}

form {
text-align: left;
}
a {
text-decoration: none;
color:#666666;
}
a:hover, a:active {
text-decoration: underline;
color: #999999;
}

#header {
background-image: url(images/header.png);
background-repeat: no-repeat;

margin-right: auto; 
margin-left: auto; 

width: 917px;
height: 173px;


}

#corps  { 

background-color: #f4f4f4;
background-image: url(images/degrade_fond.jpg) ;
background-repeat: no-repeat;

margin-right: auto; 
margin-left: auto; 

width: 1057px; 
height: auto; 


border-width: 2px; 
border-color: #D5D5D5; 
border-style: solid;
}

#menu {

width: 1057px; 
height: 91px;
}

#logo {
position : relative ;
bottom : 40px;

float: left;
height: 32px;
width : 30px;

margin-left: 15px;
margin-right : 20px;
background-image: url(images/logo.png);
background-repeat: no-repeat;

}

#webimpact {

position : relative ;
bottom : 37px;
float: left;
width: 103px;
height: 21px;
background-image: url(images/web_impact.png);
background-repeat: no-repeat;
background-position: center;
}

/* -------------------------------------------------------------------------------------------------------- Css de la bar menu  */
#menu_bar_blanche {


background-color: #FFFFFF;



width: 1057px; 
height: 1px;

}

#menu_bar {



background-image: url(images/fon_bar.png) ;
background-repeat: repeat;

margin-top: 55px;
padding-right: 100px;



width: 957px; 
height: 25px;

border-bottom-width: 1px; 
border-bottom-color: #D9D9D9; 
border-bottom-style: solid;

border-top-width: 1px; 
border-top-color: #D9D9D9; 
border-top-style: solid;


}
#sous_menu {
list-style: none;
float: right;
position : relative ;
bottom : 126px;
}
#sous_menu li {

float: right;

}




#sous_menu li a {
color:#666666;
font-size: 80% ;
text-decoration: none;

margin-right: 100px;






}

#sous_menu li a:hover {

color:#CCCCCC;
}
/* -------------------------------------------------------------------------------------------------------- Css du menu  */



.sous_menu_horizontal {

margin-right: 50px;
position : relative ;
bottom : 101px;

list-style: none;
float:right;
display:inline;
margin-top:26px;
width:1050px;


}
.sous_menu_horizontal li {

padding-top: 15px;
float: left;

}


.sous_menu_horizontal li.fist_element {				

			padding-left:1px;
			margin-left:442px;
			display:inline;
			background:url(images/bg-menu_separator.gif) -1px bottom no-repeat;
		}
		
		

.sous_menu_horizontal li a {

font-size: 14px;
float:left;
			background:#E7E7E7 url(images/bg-menu_separator.gif) right bottom no-repeat;
			color:#4b4b4b;
			
			font-family:Arial, Helvetica, sans-serif;
			padding:6px 14px;
			text-decoration:none;



}

.sous_menu_horizontal li a.selected {
			background-image:url(images/menu_li_select.png);
			background-repeat: repeat;
			background-position: right;
			position:relative;
			top:1px;
			padding-bottom:7px;
			padding-top:5px;
		}

.sous_menu_horizontal li a:hover {
background:#ECECEC url(images/bg-menu_separator.gif) right bottom no-repeat;

}
.sous_menu_horizontal li a.selected:hover {
background-image:url(images/menu_li_select.png);
			background-repeat: repeat;
			background-position: right;
			position:relative;
			top:1px;
			padding-bottom:7px;
			padding-top:5px;
color:#4b4b4b;
}
.sous_menu_horizontal li.fist_element a.selected {

background:url(images/menu_li_select.png) -1px bottom no-repeat;
padding-left:10px;


}
/* -------------------------------------------------------------------------------------------------------- Css du contenu  */




#contenu {
position: relative;
bottom : 70px;
text-align: center;
padding-top: 15px;
text-align: left;
}


#milieu {

text-align: center;


}
#milieu form{

margin-left: auto;
margin-right: auto;
}

 #preferences {
width: 500px;


}

#connection {
color: #ffffff;
text-align: center;
margin: auto;

}
#connection table {
color: #ffffff;
}

#record .titre {

background-image: url(images/table_record_titre.png);
width: 800px;
font-size: 100%;
color: #333333;
text-align: center;
height: 23px;
}
#record .premiere_colone{
text-align: left;
}
#record {

margin-left: auto;
margin-right: auto;
text-align: left;

width: 1000px;

border-left: #cccccc;
border-left-style: solid;
border-left-width: 1px;



border-bottom: #cccccc;
border-bottom-style: solid;
border-bottom-width: 1px;

}

#record td {
text-align: center;
padding-left: 10px;
font-size: 80%;
height: 23px;
border-top: #CCCCCC ;
border-top-style: solid;
border-top-width: 1px;

border-right: #CCCCCC ;
border-right-style: solid;
border-right-width: 1px;
}
#sous_compte ul {

padding: 0pt;
margin-left: 45px;
width: 300px;
background-image: url(images/table_record.png);
list-style: none;


border: #CCCCCC ;
border-style: solid;
border-width: 1px;
}

#sous_compte #premier {
background-image: url(images/table_record_titre.png);
}

#sous_compte {
margin-left: auto;
margin-right: auto;
width : 400px;


}

#sous_compte li {
height :23px;
width: 300px;


}

#miseajour_textarea {
 width: 800px;

}
#miseajour_textarea input {
margin-left: 310px;

}

#form_miseajour_recherche {
width : 350px;
}
#form_miseajour table {

float: left;
text-align: left;

}

#submit {

position : relative ;
top : 150px; 
right : 220px;


}
#sous_compte {

width : 400px;
}
#changer_sous_pseudo {
width : 400px;


}
#alliance {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 500px;

}
#alliance table {

margin-left: auto;
margin-right: auto;
width: 300px;
}

#form_miseajour {
font-size: 80%;
width: 800px;
margin-bottom : 700px;
margin-top: 50px;
}

#miseajour_planete {

width: 300px;
position: relative;
bottom : 150px;
right : 70px;
}

#camembert .fond {
padding-right: 30px;
padding-left: 430px;

}

#photo_planete {

margin-top : 20px;
background-image: url(images/planete/photo_planete.png);
background-repeat: no-repeat;
z-index: 10;
position : absolute ;
top : 50px;
left : 30px;
height : 133px ;
width: 155px;


}

#photo_lune{

background-image: url(images/planete/photo_lune.png);
background-repeat: no-repeat;

height : 73px ;
width: 84px;
position : absolute ;
top : 150px;
left : 130px;
z-index: 0;

}

#photo_lune:hover{
z-index: 11;




}

.voirlune {
float: left;
color:#4b4b4b;
text-decoration: underline;
margin-left: 40px;
position: relative;
top : 70px;
right: 225px;
}

#sous-header {
margin-top : 20px;
padding-top: 40px;
height: 180px;
width : 1053px;
text-align: left;
color:#4b4b4b;
padding-left: 240px;



}
#sous-header h4 {
margin: 2px;
}

.menu-deroulant {

float: left;
position : relative ;
bottom : 60px;
left : 150px;
color: #470046 ;
background-color: #EEE7F4 ;
width: 170px;
}


#barre_separatrice {

height: 11px;
width : 1053px;
margin-top: 15px;

margin-bottom: 60px;
background-image: url(images/barre_separatrice.png);
background-repeat: no-repeat;
}
#barre_separatrice_miseajour {

height: 3px;
width : 1053px;
margin-top: 15px;

margin-bottom: 15px;
background-image: url(images/barre_separatrice.png);
background-repeat: no-repeat;
background-position: top;
}


/* -------------------------------------------------------------------------------------------------------- Css du footer  */


#contenu_footer 
{

background-image: url(images/barre_separatrice.png);
background-repeat: no-repeat;
background-position: top;

padding-top: 1px;

width : 1053px;

position: relative;
bottom : 53px;
right : 89px;

text-align: right;
}

#footer {

background-image: url(images/footer.png) ;
background-repeat: no-repeat;

margin-right: auto; 
margin-left: auto; 


width: 870px;
height: 72px;

position: relative;
bottom : 0px;
}