body 
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color : #5F5F5F;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

div
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

p
{
  margin: 0px;
}

#conteneur
{
  width: 986px;
  margin: 0 auto;
  padding: 0px;
  background: url(images/fond_largeur.jpg) repeat;
  text-align: left;
}

#en_tete
{
  display: block;
  height: 111px;
  width:100%;
  background: url(images/en_tete.jpg) no-repeat left top;
}

#en_tete img
{
  border: 0px;
}

#en_tete span
{
  display: none;
}

#pub
{
  float: right;
  margin-right: 20px;
  margin-top: -95px;
  _margin-right: 10px;
  _margin-top: -97px;
}

#menu
{
  padding: 0px 25px;
  height: 51px;
  background: url(images/menu.jpg) no-repeat;
}

#menu ul
{
  float: left;
  margin: 0px;
  padding-left: 0px;
  margin-top: 14px;
  margin-left: 0px;
}

#menu ul li
{
  margin-left: 0px;
  padding: 3px 15px;
  border-left: 1px solid #AFAFAF;
  list-style: none;
  float: left;
}

#menu ul li a
{
  font-size: 14px;
  font-family: Arial, Verdana, serif;
  font-weight: bold;
  color : #5F5F5F;
  text-decoration: none;
  display: block;
}


#menu ul li a:first-letter
{
  color : #E600E6;
}

#menu ul li.premier
{
  margin-left: 0px;
  border-left: none;
  list-style: none;
  display: inline;
}

#menu ul li:hover > ul { display: block; }

#menu ul li ul
{
  list-style-type: none;
  display: none;
  position:absolute;
  padding: 0px;
  margin: 0px;
  background: url(images/menu_contenu.png) repeat-y;
  _background: url(images/login_contenu.jpg) repeat-y;
  width: 122px;
  float: none;
}

#menu ul li ul li:hover
{
  background: url(images/login_contenu.jpg) repeat-y;
}

#menu ul li ul li.bas
{
  padding: 0px;
  margin: 0px;
  height: 15px;
  background: url(images/menu_bas.png) no-repeat;
  _background: url(images/login_bas.jpg) repeat-y;
}

#menu ul li ul li
{
  float: none;
  border: 0px
}

#menu a img
{
  margin: 0px;
  float: none;
  border: 0px;
}

#menu a.drapeaux_h, #menu a.drapeaux_b
{
  margin: 0px;
  padding: 15px 4px 0px 0px;
  float: right;
}

#menu a.drapeaux_b
{
  margin: 0px;
  padding-top: 22px;
}

#corps
{
  background: url(images/fond_centre.jpg) repeat-y;
  background-position: 8px 0px;
  float: left;
}

#xiti-logo
{
  padding: 10px;
  text-align: center;
}

#xiti-logo a img
{
  border: 0px;
}

/*********************
*   Menu de gauche   *
*********************/
#gauche
{
  float: left;
  width: 130px;
  left: 0px;
  padding-left: 16px;
  _width: 144px;
}

#gauche .bloc
{
  float: left;
  display: inline;
  width: 122px;
  margin: 1px;
  margin-top: 0px;
  margin-bottom: 10px;
  background: url(images/login_contenu.jpg) repeat-y;
  text-align: center;
  font-family: Arial, Verdana, serif;
  color: #5F5F5F;
}

#gauche .bloc .haut
{
  float: left;
  width: 100%;
  height: 15px;
  background: url(images/login_haut.jpg) no-repeat;
}

#gauche .bloc .contenu
{
  float: left;
  width: 100%;
  font-size: 12px;
  text-align: left;
}

#gauche .bloc .contenu p
{
  font-weight: bold;
}

#gauche .bloc .bas
{
  float: left;
  width: 100%;
  height: 15px;
  background: url(images/login_bas.jpg) no-repeat;
}

#gauche .bloc a, .boite_news .contenu li a, .grand_bloc .contenu li a
{
  margin-left: 6px;
  font-family: Arial, Verdana, serif;
  font-size: 11px;
  color: #5F5F5F;
  text-decoration: none;
  font-weight: normal;
}

#gauche .bloc .contenu ul
{
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

#gauche .bloc .contenu ul li
{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#gauche .bloc input
{
  float: left;
  display: inline;
  marging: 0px;
  margin-left: 6px;
  margin-top: 8px;
}

#gauche .bloc form, #gauche .bloc form input.texte, #gauche .bloc form input.button, #centre .grand_bloc input.button, #centre .grand_bloc input.texte
{
  margin: 0px;
  padding: 0px;
}

#gauche .bloc form input.texte, #gauche .bloc form input.button, #centre .grand_bloc input.button, #centre .grand_bloc input.texte
{
  border: solid 1px #5F5F5F;
  margin-left: 6px;
  margin-top: 3px;
  background-color: #FFFFFF;
  height: 18px;
  _height: 20px;
}

#gauche .bloc form input.button, #centre .grand_bloc input.button
{
  color : #E600E6;
  margin-bottom: 1px;
  height: 20px;
}

#gauche .bloc form input.button:hover, #centre .grand_bloc input.button:hover
{
  border: solid 1px #000000;
  color : #9B009B;
  background-color: #F4F4F4;
}

#gauche .bloc form span.autolog, #gauche .bloc form input.autolog
{
  float: left;
  display: inline;
  height: 15px;
  margin-top: 3px;
  margin-left: 6px;
  padding: 0px;
}

#centre
{
  float: left;
  width: 828px;
}

/**************************
*  Grande boite centrale  *
**************************/
#centre .grand_bloc
{
  background: url(images/centre_milieu.jpg) repeat-y;
  width: 814px;
  float: left;
  padding: 0px 7px;
  background-position: 7px 0px;
  margin-bottom: 15px;
  _width: 828px;
}

#centre .grand_bloc .haut
{
  height: 40px;
  width: 814px;
  background: url(images/centre_haut.jpg) no-repeat;
  background-position: 0px 0px;
}

#centre .grand_bloc .haut a, #centre .grand_bloc .haut span
{
  padding-left: 16px;
  padding-top: 11px;
  float: left;
  font-size: 18px;
  font-family: Arial, Verdana, serif;
  color : #5F5F5F;
  font-weight: bold;
  text-decoration: none;
}

#centre .grand_bloc .haut img, #centre .boite_news .titre img
{
  margin: 15px 15px 0px 9px;
  float: right;
}

#centre .grand_bloc .contenu
{
  margin: 5px 10px;
  text-align: justify;
}

#centre .grand_bloc .contenu a, #centre .boite_news .contenu a
{
  font-family: Arial, Verdana, serif;
  text-decoration: none;
}

#centre .grand_bloc .bas
{
  height: 15px;
  width: 814px;
  background: url(images/centre_bas.jpg) no-repeat;
  background-position: 0px 0px;
}

#centre_gauche, #centre_droit
{
  float: left;
  width: 414px;
}

.boite_news
{
  background: url(images/news_milieu.jpg) repeat-y;
  width: 401px;
  float: left;
  padding: 0px 6px;
  margin-bottom: 15px;
  background-position: 6px 0px;
  _width: 413px;
}

.boite_news .titre
{
  height: 44px;
  background: url(images/news_haut.jpg) no-repeat;
}

.boite_news .titre a, .boite_news .titre span, #centre #titre_categorie span
{
  padding-left: 16px;
  padding-top: 11px;
  float: left;
  font-size: 18px;
  font-family: Arial, Verdana, serif;
  color : #5F5F5F;
  font-weight: bold;
  text-decoration: none;
}

.boite_news .titre a:first-letter, .boite_news .titre span:first-letter, #centre .grand_bloc .haut a:first-letter, #centre .grand_bloc .haut span:first-letter, #centre #titre_categorie span:first-letter
{
  color : #E600E6;
}

.boite_news .contenu
{
  padding: 0px 7px;
}

.boite_news .contenu ul, .boite_news .contenu li, .grand_bloc .contenu ul, .grand_bloc .contenu li
{
  padding: 0px;
  margin: 0px;
}

.boite_news .contenu ul, .grand_bloc .contenu ul
{
  padding: 0px;
  list-style-type: none;
}

.boite_news .contenu ul li img, .grand_bloc .contenu ul li img
{
  display: inline;
  padding: 0px;
  margin: 0px 0px -2px 0px;
}

.boite_news .contenu .date, .grand_bloc .contenu .date
{
  color: #E600E6;
  font-weight: bold;
}

.boite_news .bas
{
  height: 16px;
  background: url(images/news_bas.jpg) no-repeat;
}

#pied
{
  height: 37px;
  background: url(images/pied.jpg) no-repeat;
  clear: both;
}

#pied .contenu
{
  margin-top: 11px;
  float: left;
  width: 100%;
  text-align: center;  
}

#pied a, #pied span
{
  color : #E600E6;
  text-decoration: none;
}

#piedPub a
{
  color : #E49EE4;
  text-decoration: none;
  font-size: 10px;
}

piedPub
/********************
*    Inscription    *
********************/
.inscription
{
  width:100%;
}

.inscription table
{ 
  margin: 0px 10px;
  font-size: 11px;
}

.inscription table .normal {border: solid 1px #5F5F5F;}

.inscription table .valide {border: solid 1px #008000;}

.inscription table .invalide {border: solid 1px #800000;}

/********************
*   Texte general   *
********************/
.avertissement
{
  margin: 10px 10px;
  padding: 5px;
  font: bold 10px Verdana, sans-serif;
  text-align: center;
  color: #800000;
  border: solid 1px #800000;
}

.indice
{
  font-size: 10px;
}

/****************************
*  Tableau de presentation  *
****************************/
.tableau_liste
{
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.tableau_liste tr th, .tableau_liste tr th a
{
  font-size: 14px;
  color : #5F5F5F;
}

.tableau_liste tr th:first-letter, .tableau_liste tr th a:first-letter
{
  font-weight: bold;
  color : #E600E6;
}


/*********
*  Tags  *
*********/
.contenu .lien_plus
{
  padding: 0px;
  margin: 0px;
  color : #E600E6;
  font-style: italic; 
  font-weight: bold;
  display: block;
  text-align: right;
  padding-top: 3px;
}

/***************
*   Categorie  *
***************/

#titre_categorie
{
  background: url(images/titre_categorie.jpg) no-repeat;
  width: 814px;
  height: 44px;
  float: left;
  padding: 0px 7px;
  background-position: 7px 0px;
  margin-bottom: 15px;
  _width: 828px;
}

/***************
*    Divers    *
***************/

.contenu .sous_titre
{
  font-size: 14px;
  color : #5F5F5F;
  font-weight: bold;
}

.contenu .sous_titre:first-letter
{
  color : #E600E6;
}

/************************
*  Actu personnalisées  *
************************/
#categories .handle
{
  margin: 0px
  padding: 0px;
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 5px;
  width: 100%;
  font-weight: bold;
  cursor : move;
}

#categories .handle:first-letter
{
  color : #E600E6;
  font-size: 18px;
}

#categories .handle img
{
  margin-left: 8px;
  width: 13px;
  heigh:13px;
  margin-bottom: -2px;
}

#categories ul
{
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}

#categories ul li
{
  margin: 0px;
  padding: 0px;
  margin-left:25px;
}

#categories ul li ul li
{
  margin: 0px;
  padding: 0px;
  margin-left:25px;
  cursor : move;
}

#categories ul li ul li:hover, #categories ul li div.handle:hover
{
  color: #000000;
}

#categories ul li img
{
  margin-right:5px;
  width: 13px;
  heigh:13px;
  border:0px;
}

#sites table
{
  width:389px;
}

/************************
*     Lire une news     *
************************/

.contenu .iframe{
	width: 790px;
	height: 600px;
}

.contenu .commentaire{
  width: 80%;
  _width: 90%;
  margin-left: 10%;
  margin-bottom: 10px;
}

.contenu .commentaire .legende{
  width: 100%;
  background-color: #FEF7FF;
}

.contenu .commentaire .texte{
  width: 100%;
  background-color: #F7F7F7;
}