body
{
	background-image: url("images/fond.jpg");  /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
/*	background-repeat:no-repeat;
	background-attachment:fixed;*/
}

.site
{
	width: 100%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}

.en_tete
{
	text-align: center;
	width: 100%;
	height: 122px;
/*	height: 150px; */
	margin-bottom: 30px;
}

/* le menu gauche */

#menugauche
{
	float: left;
	width: 200px;
	height: 100%;
	margin-bottom: 2px;
}


.menu
{
   width: 200px;
   height: 200px;
   background-image: url("images/menu.jpg");
   border: 2px solid black;
   margin-bottom: 20px;
   
}

.menu ul
{
list-style-type:none;
margin:0;
padding:0;
}

.menu a:link
{
display:block;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

.menu a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

.menu a:hover,a:active
{
color:#000000;
background-color:#FFFFFF;
}


.menu h3 
{
   text-align: center;
   color: white;
}

/* le menu d'identification */

.identification
{
	width: 200px;
	height: 270px;
	text-align: center;
	color: white;
	background-image: url("images/menu.jpg");
	border: 2px solid black;
	margin-bottom: 20px;
   
}
.twitter
{
	width: 204px;
	height: 300px;
	margin-bottom: 20px;
}

.facebook
{
	width: 200px;
	height: 600px;
	margin-bottom: 20px;*/
   
}

.identification a
{
	color: white;
}

/* le menu droit */

#menudroit
{
	float: right;
	width: 200px;
	height: 100%;
	margin-bottom: 2px;
}

.visite
{
	width: 200px;
	height: 80px;
	text-align: center;
	color: white;
	background-image: url("images/menu.jpg");
	border: 2px solid black;
	margin-bottom: 20px;
   
}

/* Le corps de la page */

.corps
{
   margin-left: 220px; 
   margin-right: 220px; 
   margin-bottom: 5px;
   padding: 5px;
   border: 2px solid black;
   text-align: center;
   background-color:#ffffff;
}

.corps h1
{
font-family:"Arial";
}

/* les articles du blog */

.article
{
   padding: 5px;
   background-color:#ffffff;
   border: 2px solid black;
}

.formhaut1{
   width:25%;
   float:left;
   text-align: left;
}

.titre
{
   width:50%;
   float:left;
   text-align: center;
}

.titre:link{color: #0000ff;}
.titre:visited{color: #000044;}
.titre:active{color: #6600ff;}
.titre:hover{color: #0088ff;}

.formhaut2{
   width:25%;
   float:left;
   text-align: right;
}

.texteart
{
text-align: justify;
}

object
{
display: block;
text-align: center;
margin: 0 auto;
}

.centrer
{
text-align:center;
}

.formpied1{
   width:33%;
   float:left;
}
.formpied2{
   width:33%;
   float:left;
   text-align: center;
}
.formpied3{
   width:33%;
   float:left;
   text-align: right;
}

.liencom img
{
	text-decoration:none;
	border:0px;
}

.liencom a
{
	text-decoration:none;
	border:0px;
}

.nblu
{

text-align: right;

}

/* les images*/

.texteart img {
display: block;
text-align: center;
margin: 0 auto;
} 

/* les commentaires de la page article */
.commentaireart
{
   padding: 5px;
   text-align: left;
   background-color:#ffffff;
   border: 2px solid black;
}

.commentaireartnull
{
   padding: 5px;
   text-align: center;
   background-color:#ffffff;
   border: 2px solid black;
}

/* les commentaires du blog */
.commentaire
{
   padding: 5px;
   width: 550px;
   text-align: left;
   background-color:#ffffff;
   border: 2px solid black;
}

/* pour ecrire un commentaire sur la page article */
.ecrirecomart
{
   padding: 5px;
   text-align: center;
   background-color:#ffffff;
   border: 2px solid black;
}


/* pour ecrire un commentaire */
.ecrirecom
{
   padding: 5px;
   width: 550px;
   text-align: center;
   background-color:#ffffff;
   border: 2px solid black;
}
/* Pagination */

  .pagination {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#006666;
  padding: 3px;
  margin: 3px;
  margin-left:20px;
  }
  .pagination ul, li{
  list-style-type:none;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#006666;
  }

  .pagination a {
  background-color: #fff;
  border: 1px solid #9aafe5;
  color: #105cb6;
  margin: 1px;
  padding: 2px 5px;
  text-decoration: none
  }
  .pagination a:hover,active {
  background-color: #9aafe5;
  border: 1px solid #9aafe5;
  color: #fff;
  margin: 1px;
  padding: 2px 5px
  }
  .pagination span.courante {
  background-color: #90cc12;
  border: 1px solid #90cc12;
  color: #fff;
  font-weight: bold;
  margin: 1px;
  padding: 2px 5px
  }
  .pagination span.desactive {
  background-color: #fff;
  border: 1px solid #eee;
  color: #ddd;
  margin: 1px;
  padding: 2px 5px
  }

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

.pied_de_page
{
   padding: 5px;
   clear: both;
   text-align: center;
   background-color:#ffffff;
   border: 2px solid black;
}