@import "static.css";

body
{
   width: 100%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #231f20;
}

a
{
   color: #66bd29;
   text-decoration: none;
}

/* L'en-tête */

#en_tete
{
   width: 780px;
   height: 80px;
   background-image: url("img/header.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


/* Le menu */

#menu
{
   float: left;
   width: 120px;
}


/* Le corps de la page */

#corps
{
   margin-left: 130px;
   margin-bottom: 20px;
   padding: 5px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #f0f7e7;
}

#corps h1
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corpsnews h2
{
   height: 72px;
   background-image: url("img/barre.gif");
   background-repeat: repeat-x;
   padding-left: 30px;
   margin-bottom: -36px;
   color: black;
   text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   text-align: right;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif, bold;
   color: white;
   margin-right: 20px;
   margin-bottom: -20px;
}

#barrelogin
{
   margin-left: 24px;
   margin-bottom: 30px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 20px;

}

#corpsnews
{
   margin-right: 255px;

}


td {border: 1px solid black; background-color: #f1f1f1; vertical-align:center; padding: 5px;}
th {background-color: #66bd29; border: 1px solid black; height: 35px;}

.news
{
padding: 15px;
background-color: white;
}

h3
{
background-color: white;
height: 50px;
}


#contenufutursomm {
height: 750px;
}
html>body #contenufutursomm {
height: auto;
min-height: 750px;
} 

img
{
border: 0px
}

.titre { width:61%;}
.nombremessages { width:2%; }
.nombrevu { width:4%; }
.nombresujets { width:2%; }
.auteur { width:7%; }
.derniermessage { width:18%; }
.categorie { width:92%;}
.mp_titre { width:65%; }
.mp_expediteur { width:10%; }
.mp_time { width:20%; }


.element_menu
{
   width: 200px;
   float: left;
}

.cadreanim {
width: 95%;
background-color: #c9e49c;
margin: auto;
text-align: center;

}

.animdate {
width: 150px;
height: 20px;
background-color: #a3d869;
padding: 5px;
margin-right: 10px;
margin-left: 10px;
float: left;
}

.animnom {
height: 20px;
background-color: #a3d869;
padding: 5px;
margin-left: 180px;
margin-right: 10px;
margin-top: -3px;
}

.animprix {
width: 150px;
height: 20px;
background-color: #66bd29;
padding: 5px;
margin-right: 10px;
margin-left: 10px;
margin-top: -5px;
float: left;
}

.animlieu {
height: 20px;
background-color: #66bd29;
padding: 5px;
margin-left: 180px;
margin-right: 10px;
margin-top: -23px;
}

.animlien {
width: 150px;
height: 20px;
padding: 5px;
margin-right: 10px;
margin-left: 10px;
margin-top: -5px;
float: left;
}

.animlienpermanent {
height: 20px;
background-color: #5da631;
padding: 5px;
margin-left: 180px;
margin-right: 10px;
margin-top: -23px;
}

.animdescriptionflux {
background-color: #a3d869;
padding: 5px;
margin-left: 180px;
margin-right: 10px;
}

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