*{margin:0; padding:0; border:0;}
a{text-decoration:none; color:#555555; cursor:pointer;}
a:hover{text-decoration:none; color:#1f1f1f;}

body {
	width: 887px;
	margin:0 auto;
	font: normal Tahoma, Verdana, sans-serif, Arial;
	color:#8d8d8d;
	background: #ededed; 
}


/*///////////////////////////////////  GLOBAL  //////////////////////////*/
#global {
	margin:0 auto;
	float:left;
	width:900px;
	background:#ededed url(../images/fondcontenu.png) repeat-y left top;
}

/*///////////////////////////////////  HEADER  //////////////////////////*/

#compte
{
	position: absolute;
	text-align: justify;
	margin: 75px 0 0 600px;
}

#header {
	width:900px;
	height:301px;
	color:#555555;
	background:#ededed url(../images/header.png) no-repeat left top; 
	font-size:11px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	
}

#infos_membre {
text-align:center;
border-width:1px;
border-color: #1b2d3a;
border-style:solid;
background-color:#b7d0de;
color:#4a4a4a;
margin-bottom:10px;
width:200px;
margin-left:650px;
top:50px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
position:absolute;
padding-top:7px;
padding-bottom:7px;
}

#connexion-header label {
display:block;
width:105px;
float:left;
}

#connexion-header {
margin-left:135px;
float:left;
padding-top:195px;
}

#connexion-header input {
border-width:1px;
border-style:inset;
border-color:#878787;
}

#connexion-header input[type=submit], input[type=button] {
border-width:1px;
border-style:solid;
border-color:#878787;

cursor:pointer;

}



/*///////////////////////////////////  MENU  A GAUCHE //////////////////////////*/
#menu {
	float:left;
	display:inline;
	width:177px;
	text-align:left;
	margin:0 0 0 50px;
}
#menu h2 {
	width:177px;
	height:30px;
	line-height:30px;
	font-size:10pt;
	margin:0;
	padding:0 0 0 10px;
	color:#8d8d8d;
	background: url(../images/rubrique.png) no-repeat left top;
}
#menu ul {
	margin:0 0 15px 0;
	width:162px;
	font-size:10pt;
	list-style:none;
}

#menu ul li {
	width:177px;
}

#menu ul li a {
	display:block;
	margin:0px;
	padding:0 0 0 13px;
	width:177px;
	height:29px;
	line-height:29px;
	text-decoration:none;
	color:#557e98;
	background: url(../images/lien.png) no-repeat left top;
}

#menu ul li a:hover {
	text-decoration:underline;
}

/*///////////////////////////////////  CORPS  //////////////////////////*/

#corps {
	margin:0 40px 0 225px;
	padding:10px;
	font: normal 10pt Sylfaen, "Times New Roman", Tahoma, Verdana, sans-serif, Arial;
}

.floatl {
	float:left;
	padding-right:1em;
	margin:0;
}


#corps h1 {
	color:#557e98;
	margin:0 10px 10px;
	padding:0 5px;
	font: bold 11pt Tahoma,Verdana,sans-serif, Arial;
}

#corps h2 {
	color:#557e98;
	margin:0 35px 10px;
	padding:0 5px;
	font: bold 10pt Tahoma,Verdana,sans-serif, Arial;
}

#corps p {
	color:#8d8d8d;
	text-indent:15px;
	margin:5px 5px 5px 0;
}
#corps p a {
	color:#557e98;
}

#corps p.right {
	margin-right:15px;
	text-align:right;
	font-weight:bold;
	font-size:9px;
	letter-spacing:1px;
	color:#8d8d8d;
}

#corps label {
display:block;
width:220px;
float:left;
}

#corps input {
border-width:1px;
border-style:inset;
border-color:#878787;
background-color:#dcdcdc;
font: normal 10pt Sylfaen, "Times New Roman", Tahoma, Verdana, sans-serif, Arial;
padding:1px;
margin:1px;
}

#corps input[type=submit], #corps input[type=button],#corps input[type=reset] {
border-width:1px;
border-style:solid;
border-color:#878787;
background-color:#dcdcdc;
font: normal 10pt Sylfaen, "Times New Roman", Tahoma, Verdana, sans-serif, Arial;
padding:1px;
cursor:pointer;
margin:1px;
}

#corps textarea {
border-width:1px;
border-style:inset;
border-color:#878787;
background-color:#dcdcdc;
font: normal 10pt Sylfaen, "Times New Roman", Tahoma, Verdana, sans-serif, Arial;
padding:3px;
margin:1px;
}

#corps select {
border-width:1px;
border-style:inset;
border-color:#878787;
background-color:#dcdcdc;
margin-top:3px;
margin-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
}

legend {
padding-right:5px;
padding-left:5px;
}

#corps fieldset {
border-color:#878787;
border-width:1px;
border-style:solid;
padding:5px;
}

#news_com {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#DDDDDD;
border:1px solid #BCBCBC;
width:100%;
padding:2px;
}


/*///////////////////////////////////  FOOTER  //////////////////////////*/
p#footer {
	clear:both;
	width:900px;
	height:98px;
	padding-top:30px;
	font-size:9px;
	text-align:center;
	color:#8d8d8d;
	background:#ededed url(../images/footer.png) no-repeat left top;
}

p#footer a{
color:#557e98;
}

/*///////////////////////////////////  AUTRES  //////////////////////////*/

#erreur
{
width : 450px;
margin-top:100px;
padding:20px;
font-weight : bold;
text-align : center;
background-color : white;
border-width:3px;
border-color: #dcdcdc;
border-style:inset;
}

#choix_date
{
border-width:1px;
border-color: #dcdcdc;
border-style:inset;
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
vertical-align: middle;
}

/*///////////////////////////////////  INFOS BULLES  //////////////////////////*/

a.info {
   position: relative;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none;
   z-index: 500;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: 30px;
   left: 20px;
   background: white;
   color: grey;
   padding: 5px;
   border: 1px solid;
   border-left: 4px solid;
   border-radius: 10px 10px; -moz-border-radius: 10px;
   min-width:200px;
}