/*
html, body {
	height: 100%;
}
*/

p {
	margin: 0;
	border: 0;
	padding: 0;
}

form {
	margin: 0; /* Pas de saut de ligne après les balises FORM ! */
}


td.infoslegales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.petit {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.tres_petit {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}

.tres_petit_rouge {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9px;
	color: #B50008;
	font-weight: normal;
}

td.petit_gras {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

td.petit_italique {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
}

.normal {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
}

td.rubrique {
	font-family: Arial, Verdana, Helvetica;
	font-size: 18px;
	color: #000000;
}

td.normal_gras {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

td.normal_gras_gris {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
}

td.accroche1 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

td.accroche2 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

td.titre1 {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Verdana, Helvetica;
}

td.erreur {
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	color: #DD0000;
}

td.succes {
	font-family: Arial, Verdana, Helvetica;
	font-size: 16px;
	color: #2A8008;
}

td.courrier {
	font-family: Courrier;
	font-size: 12px;
	color: #000000;
}

input.formulaire {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	border : 1px solid gray;
	padding-left : 1px;
	background-image: url(/images/degrade-input.gif); 
}

.formulaire_boite {
	border: 1px solid gray;
	background-color: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 18px;
}

A:link {color: #000000; text-decoration: none}
A:visited {color: #000000; text-decoration: none}
A:hover {color: #000000; text-decoration: none}

A.rouge:link {color: #000000; text-decoration: none}
A.rouge:visited {color: #000000; text-decoration: none}
A.rouge:hover {color: #B50008; text-decoration: none}

A.rouge_gris:link {color: #777777; text-decoration: none}
A.rouge_gris:visited {color: #777777; text-decoration: none}
A.rouge_gris:hover {color: #B50008; text-decoration: none}

A.menu-pls:link {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}
A.menu-pls:visited {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}
A.menu-pls:hover {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #B50008; text-decoration: none; font-weight: normal;}

A.gris_rouge:link {color: #333333; text-decoration: none}
A.gris_rouge:visited {color: #333333; text-decoration: none}
A.gris_rouge:hover {color: #B50008; text-decoration: none}

A.petit_gris:link {color: #777777; text-decoration: none}
A.petit_gris:visited {color: #777777; text-decoration: none}
A.petit_gris:hover {color: #777777; text-decoration: none}

A.pseudo:link { font-weight: bold; font-size: 11px; text-decoration: none; color : #336699; }
A.pseudo:visited { font-weight: bold; font-size: 11px; text-decoration: none; color : #5493B4; }
A.pseudo:hover { font-weight: bold; font-size: 11px; text-decoration: none; color : #B50008; }

A.infosLegales:link { font-weight: bold; font-size: 11px; text-decoration: none; color : #000000; }
A.infosLegales:visited { font-weight: bold; font-size: 11px; text-decoration: none; color : #000000; }
A.infosLegales:hover { font-weight: bold; font-size: 11px; text-decoration: none; color : #B50008; }

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	display: inline;
}

H1.infosLegales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}

H1.chroniques_normal {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	display: inline;
}

H1.chroniques_gras {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	display: inline;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	display: inline;
}

H2.infosLegales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}

H3.infosLegales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}

.cellule_grise_lien {
	background-color: #CCCCCC;
	cursor: pointer;
}

.cellule_grise_sans_lien {
	background-color:#EEEEEE;
}

.cellule_grise {
	background-color: #DDDDDD;
	cursor: pointer;
}

.cellule_0 {
	background-color:#EFEFEF;
}

.cellule_1 {
	background-color:#F5F5F5;
}

input.bouton {
	border: 1px solid gray;
	background-color : #c8c8c8;
	color : #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.options {
	border: 1px solid gray;
	background-color : #FAFAFA;
	font-weight : bold;
}

input.ligne_aide {
	background-color: #EEEEEE;
	border-style: none;
	font-size: 10px;
}


A.annuaire1:link {color: #000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire1:visited {color: #000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire1:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

A.annuaire2:link {color: #296B94; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire2:visited {color: #296B94; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire2:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

A.annuaire3:link {color: #A58CAD; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire3:visited {color: #A58CAD; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire3:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

A.annuaire4:link {color: #84BD55; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire4:visited {color: #84BD55; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire4:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

A.annuaire5:link {color: #000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire5:visited {color: #000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire5:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

A.annuaire6:link {color: #A58CAD; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire6:visited {color: #A58CAD; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire6:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

A.annuaire7:link {color: #296B94; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire7:visited {color: #296B94; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}
A.annuaire7:hover {color: #B50008; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none}

.overflow_hidden {
	overflow: hidden;
	width: 480px;
}

.overflow_hidden_chroniques {
	overflow: hidden;
	width: 590px;
}

div.reconnaitre_btn {
	text-indent : 25px;
	text-align : justify;
}


/***********************************************/
/*************** MENU DYNAMIQUE ****************/
/***********************************************/

#menu{
  clear:both;
  position:relative;
  height:27px;
  background:url(/images/menu/menu_background.png) repeat-x left 0px;
}
#menu, #menu *{
  margin:0;
  padding:0;
}
#menu ul{
  list-style:none;
  padding-left:5px;
}
* html #menu ul{ /* bug IE6 !! */
  padding-left:0;
}
#menu li{
  float:left;
  margin:0 0 0 5px;
  padding:0 0 0 7px;
}
.IS_IE #menu li, .IS_IE #menu li ul li a { /* Attention : .hover sur le lien pour ces sous-onglets sans menu déroulant */
  _behavior:expression(addHover(this)); /* Ajout de la pseudo classe :hover pour IE */
}
#menu li, #menu li div{
  cursor:pointer;
}
#menu li div{
  background-position:right top;
  padding-right:8px;
}
#menu li.current, #menu li:hover, #menu li.hover{
  background-position:left -50px;
}
#menu li.current div, #menu li:hover div, #menu li.hover div{
  background-position:right -50px;
}
#menu li a{
  display:block;
  overflow:hidden;
  height:24px;
  text-indent:-5000px;
}
#menu li li.current:hover a{
  overflow:auto; /* Règle un problème de décalage sous IE7 */
}
#menu li div a{
  margin:0 auto
}
#menu li li{
  width:auto;
  min-width:0;
  background:none;
}
#menu li li a{
  height:27px;
}
/* -- onglets -- */
#m_rubriques div a{
  background-position:center -10px;
}

/*****************************************/
/**** Largeur des onglets de niveau 1 ****/
/*****************************************/

#m_rubriques {
	min-width:108px;
	width:9em;
}

/* texte onglets principaux */
#m_rubriques.current div a, #m_rubriques:hover div a, #m_rubriques.hover div a{ background-position:center -40px;}

/**** sous-onglets ****/
#menu ul ul{
  background:none;
  padding:0;
  position:absolute;
  left:0;
  top:0px;
  width:484px;
  display:none;
}
#menu ul li.current ul{
  display:block;
}
#menu ul ul li{
  padding:0;
  margin:0 0 0 0px;
  width:auto;
  position:relative;
  zoom:1;
}
#menu ul ul li.first{
  margin-left:0;
}
#menu ul ul li:hover, #menu ul ul li.hover, #menu ul ul li.current{
  background:none;
  z-index:29;
}

/**** Onglet RUBRIQUES ****/
#m_rubriques ul a{
  background:url(/images/menu/sous_onglets_rayon.png) no-repeat left top;
}

/* Sous-onglets RUBRIQUES, déplacement des images */
#m_rubriques #m_amazing a{width:133px; background-position:0 0;}
#m_rubriques #m_amazing.current a,
#m_rubriques #m_amazing.currentJs a,
#m_rubriques #m_amazing.hover a,
#m_rubriques #m_amazing:hover a{background-position:0 -30px;}
#m_rubriques #m_actualites a{width:85px;background-position:-140px 0;}
#m_rubriques #m_actualites.current a,
#m_rubriques #m_actualites.currentJs a,
#m_rubriques #m_actualites.hover a,
#m_rubriques #m_actualites:hover a{background-position:-140px -30px;}
#m_rubriques #m_auteurs a{width:66px;background-position:-230px 0;}
#m_rubriques #m_auteurs.current a,
#m_rubriques #m_auteurs.currentJs a,
#m_rubriques #m_auteurs.hover a,
#m_rubriques #m_auteurs:hover a{background-position:-230px -30px;}
#m_rubriques #m_dossiers a{width:73px;background-position:-301px 0;}
#m_rubriques #m_dossiers.current a,
#m_rubriques #m_dossiers.currentJs a,
#m_rubriques #m_dossiers.hover a,
#m_rubriques #m_dossiers:hover a{background-position:-301px -30px;}
#m_rubriques #m_forums a{width:69px;background-position:-379px 0;}
#m_rubriques #m_forums.current a,
#m_rubriques #m_forums.currentJs a,
#m_rubriques #m_forums.hover a,
#m_rubriques #m_forums:hover a{background-position:-379px -30px;}
#m_rubriques #m_ecrire a{width:58px;background-position:-453px 0;}
#m_rubriques #m_ecrire.current a,
#m_rubriques #m_ecrire.currentJs a,
#m_rubriques #m_ecrire.hover a,
#m_rubriques #m_ecrire:hover a{background-position:-453px -30px;}
/*
#m_rubriques #m_annuaire a{width:86px;background-position:-516px 0;}
#m_rubriques #m_annuaire.current a,
#m_rubriques #m_annuaire.currentJs a,
#m_rubriques #m_annuaire.hover a,
#m_rubriques #m_annuaire:hover a{background-position:-516px -30px;}
*/

#menu ul li ul li div.sousMenuDeroule{
  display:none;
  position:absolute;
  top:27px;
  width:150px;
  margin:0 -25px -25px -25px;
  padding:3px 5px 25px 25px;
  background:none;
}
.IS_IE #menu ul li ul li{
  behavior:expression(sousMenuAddHover(this));
}
#menu ul li ul li:hover div.sousMenuDeroule, .IS_IE #menu ul li ul li.currentJs div.sousMenuDeroule{
  display:block;
}
#menu ul li ul li ul{
  zoom:1;
}
#menu ul li ul li *{
  cursor:pointer!important;
}
#menu ul li ul li div.sousMenuDeroule ul{
  display:block;
  position:static;
  width:auto;
  background-color:#FFFFFF;
  border:solid #FFCE31;
  border-width:1px 1px 1px 1px;
}
#menu ul li ul li.derouleLeft div.sousMenuDeroule{
  left:auto;
  right:-11px;
}
#menu ul li ul li div.sousMenuDeroule li{
  float:none;
  display:block;
  height:auto;
  margin:0; /* Pour IE */
  padding:0;
  line-height:.95em;
  /*border-bottom:solid 1px #FFCE31;*/
  font-size:.9em;
  text-indent:0;
  cursor:default;
  vertical-align:bottom;
}
#menu ul li ul li div.sousMenuDeroule a{
  display:block;
  width:auto!important;
  height:auto;
  padding:5px 8px;
  line-height:1em;
  margin:0;
  font-size:1em;
  background:none;
  text-indent:0;
}
.IS_IE #menu ul li ul li div.sousMenuDeroule a{
  width:135px!important;
  zoom:1;
}
#menu ul li ul li div.sousMenuDeroule a:hover, #menu ul li ul li div.sousMenuDeroule a:focus, #menu ul li ul li div.sousMenuDeroule a.currentJs{
  background:#FFCE31;
  color:#FFF;
  text-decoration:none;
}

