body
{
	margin: 30px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: black;
}

body img 
{
	border: none;
}
/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */

div#connexion
{
	float: right;
	width:1000px;
}

div#conteneur
{
        width: 1000px ;
	height: auto;
        margin: 0 auto ;
	text-align: left ;
        background: #899dd0 ;
}

div#conteneur h4
{
	color: white;
	font: 0.3em;
	margin: 5px;
	text-align: left;
}

div#conteneur a
{
font: 0.3em;
text-decoration: none;	
color: white;
}

div#conteneur a:hover
{
font: 0.3em;
text-decoration: none;
color: white;
}

div#graph
{
float:right;
}


div#menu
{
width:1000px;
color:white ;
float: left;	
background: #899dd0 ;
}

div#slide
{
width: 350px;
background: white ;
float: right;
height:600px;
}
div#slide h2
{
text-align:center;
}


div#page
{
width: 650px;
background: white ;
float: left;
height:600px;
}

div#page p 
{
margin-left: 10px;
}


div#pagelarge p 
{
margin-left: 10px;
}


div#pagelarge
{
float:left;
background: white ;
}



div#login a img
{
	border: 0;
	padding-left: 10px ;
}
div#login h1
{
	padding-left: 20px ;
	padding-bottom:5px;
	padding-top:5px;
        line-height: 25px ;
        color: white ;
	#text-align:left top;
}

div#login a
{
	font-size: 10px;
}
div#login
{
	float: center ;
	/*text-align: bottom ;*/
	font: 1em "Trebuchet MS", helvetica, sans-serif ;
	color:white ;
	height : 70px;
	padding-bottom:8px;
	background: #899dd0 ;
}

div#login input
{
	border:1px solid black;
	background-color:white;
	font-family:"trebuchet ms",sans-serif;
	color:red;
   	font-size:13px;	
}

div#login form
{
	margin-top:-50px;
	text-align: right;
	position:top;
	margin-right:2px;
   	font-size:13px;	
}

div#perte 
{
margin-top: 5px;
font-size: 5px;
}

div#perte a
{
	font-size: 1px;
}

div#stat
{
        font: 0.5em "Trebuchet MS", helvetica, sans-serif ;
        color:white ;
}


div#contenu
{
	width: 1000px;
	background: white;
	height:80%;
}

div#contenu table
{
border: 1px black;
float:center;
padding:5px;
}

div#contenu table th
{
background: grey;
color: white;
padding:5px;
align:left;
}

div#contenu table tr
{
background: white; 
text-align:left;
}

div#contenu table td
{
text-align:left;
}

div#contenu label {
display:block;
width:300px;
float:left;
margin-left: 5px;
}

div#contenu h1
{
       padding-left: 25px ;
       line-height: 25px ;
       color: #9b2 ;	
       border-bottom: 1px solid #9b2 ;
       border-left: 2px solid #9b2 ;
       border-right: 2px solid #9b2 ;
       border-top: 2px solid #9b2 ;
       margin-left: 5px;
}

div#contenu h2
{
	padding-left: 15px ;
	line-height: 15px ;
	font-size: 1.0em ;
	color: #9e0821 ;	
	padding-left: 20px ;
}
/* Mise en forme du titre de page, une petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	font-size: 1em ;
	border-bottom: 1px solid #9b2 ;
	color: #9b2 ;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	line-height: 1.5em ;
	margin-right: 10px ;
	margin-left:10px;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #993300;
	text-decoration: none;
	border: 0px ;
}

div#contenu a:hover
{
	color: black;
	border: 0px ;
}


div#logosrv
{
float: left;
margin-right: 10%;
}

div#descsrv
{
	margin-left: 10%;
	text-align: justify;
}

div#descsrv li
{
	type: square;
}

div#april
{
	float: right;
	margin-right: 30px;
	margin-top: 0px;
	border: 1px solid black;
}



div#footer
{
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: white ;
	font-size: 10px;	
	background: black;
}

div#footer a
{
	text-align: center;
	text-decoration: none;
	color: white ;
}


div#footer a:hover
{
	text-align: center;
	text-decoration: none;
	color: white ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */

/* menu */

#menu a
{
   font-family : Geneva, Arial, Helvetica, sans-serif;
   font-size : 14px;
   font-style : normal;
   font-weight : bold;
   color : grey;
   text-decoration : none;
}

#menu a:hover
{
   font-family : Geneva, Arial, Helvetica, sans-serif;
   font-size : 14px;
   font-style : normal;
   font-weight : bold;
   color : black;
   text-decoration : none;
}

#menu a img
{
   border: 0;
}



#menu h3
{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-style : normal;
    font-weight : bold;
    color : white;
    background-color : #9b1d1d;
    text-align : center;
    margin: 5px 0 ;
    border: 1px ; 
    
}

div#bas
{
 width: 795px;
 margin: 0 auto ;
 background: white;
 border: 2px solid white;
 text-align: center;
}

div#bas a img
{
	border:0px;OA
}

/* faire un don */

a#donation {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 63px;
	width: 63px;
	background: url(/images/make-a-donation-nw.gif) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}
a#donation:hover {
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;

}

#progress-bar {
	background: url(/images/progress_empty_150.png) no-repeat left center;
	width: 150px;
	height: 34px;
	margin: 0 auto;
	cursor: pointer;
	margin-top: 5px;
	float:left
}

#progress-level {
	background: url(/images/progress_full_150.png) no-repeat left center;
	width: 3%; /* Modifier au niveau de pourcentage voulu */
	height: 34px; 
	font-family:Lucida, sans-serif;
	font-size: 10px;
}

#progress-bar:hover>.links_tooltip {
  display: inline;
}


div#donscheques
{
margin-left: 25px;
}