/* ----------------------------------------------------------------------
   1. BASE MINIMUM
---------------------------------------------------------------------- */
body {
   margin: 0px 0px 0px 10px;
   font-size: 11px;
   color: #4E523F;
	font-family: Tahoma, Verdana, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   color: #424A42;
	/*background-color: #D9D6CC;*/
	background-color: #E9E9CF;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-x;
	padding: 0;
	}


.centre {
margin-left: 0px;
}

td,tr,div {
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   color: #424A42;
	
}
form {
   font-family: Verdana, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 10px;
   color: #682B1A;
}

.top_header {
background-color: transparent;
 background: transparent url(../images/header/header_new.png) top no-repeat;
height: 170px;
}

/* ----------------------------------------------------------------------
   2. LIENS - standard
---------------------------------------------------------------------- */
a, a:link {
   color: #4E523F;
   font-size: 11px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
   cursor: pointer;
}
a:visited {
   color: #4E523F;
   font-size: 11px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
}
a:hover {
   color: #A7AB97;
   font-size: 11px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
/* font-weight: bold;*/
   cursor:  pointer;
}
a:active {
   background-color: transparent;
   color: #4E523F;
   font-size: 11px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2a. LIENS - pour les menu dans les blocs.
---------------------------------------------------------------------- */
a.mainlevel:link, a.mainlevel:visited {
   background: transparent url(../images/arrow.png) left no-repeat;
   width: 100%;
   color: #787e72;
   padding-left: 15px;
   font-size: 10px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
}
a.mainlevel:hover {
   background: transparent url(../images/arrow1.png) left no-repeat;
   width: 99%;
   height: 16px;
   color: #682B1A;
   font-size: 10px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
   font-weight: bold;
   padding-left: 15px;
}
/* ----------------------------------------------------------------------
   2b. LIENS - pour les menu horizontaux.
---------------------------------------------------------------------- */
a.menulink:link, a.menulink:visited {
   color: #787e72;
   font-size: 10px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
}
a.menulink:hover {
   color: #ff6502;
   font-size: 10px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
   font-weight: bold;
}
/* ----------------------------------------------------------------------
   2c. LIENS - de style noir.
   => en général les actions « positives » quand se ne sont pas des boutons
---------------------------------------------------------------------- */
a.noir, a.noir:visited, a.noir:active {
   color: #787e72;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
a.noir:hover {
   color: #682B1A;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2d. LIENS - de style rouge.
   => en général les actions de type: annulation, suppression,
---------------------------------------------------------------------- */
.rouge, a.rouge, a.rouge:active {
   color: #FF0000;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
a.rouge:visited {
}
a.rouge:hover {
   color: #FF0000;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline ;
}
/* ----------------------------------------------------------------------
   2e. LIENS - de style box
---------------------------------------------------------------------- */
a.box, a.box:active, a.box:visited {
   background-color: transparent;
   color: #FFFFFF;
   font-size: 10px;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
}
a.box:hover {
   color: #9e5a42;
   font-family: Tahoma, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   text-decoration: underline overline;
   font-size: 11px;
}
.BOX BR {
   margin: -5px 0px 0px 10px;
}
.BOX UL {
   padding: 8px;
   margin: -5px 0px 0px 10px;
   list-style-type: disc;
}
/* ----------------------------------------------------------------------
   2f. LIENS - de style heada
   => administration, téléchargement, annuaire notamment
---------------------------------------------------------------------- */
a.heada, a.heada:visited, a.heada:active {
   color: #864732;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2g. LIENS - de style ongl
   => fortement utilisé par le CMS
---------------------------------------------------------------------- */
a.ongl {
   border-bottom: #C3C2CB 1px solid;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
a.ongl:visited {
   background-color: #dddddd;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
a.ongl:active {
   background-color: #dddddd;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
a.ongl:hover {
   background-color: #3c6ea0;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   color: #FAFAFA;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   3. LES STYLES SUR DES BALISES DE BASES
---------------------------------------------------------------------- */
p {
   background-color: transparent;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-weight: normal;
   text-decoration: none;
   font-size: 11px;
   margin-top: 0px;
   margin-bottom: 0px;
   line-height: 1.4em;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}
li {
   margin: 0px;
   padding-left: 2px;
}
/* ----------------------------------------------------------------------
   4. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.aide { /* articles, commentaires notamment */
   background-color: transparent;
   border-bottom: #C0C0C0 1px solid;
   border-left: #C0C0C0 1px solid;
   border-right: #C0C0C0 1px solid;
   border-top: #C0C0C0 1px solid;
   margin: 0px 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
}
.box { /* fortement utilisé avec les tableaux de type HEADER */
   background-color: transparent;
   color: #4A5768;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bold;
}
.boxb { /* Bloc sondage uniquement */
   color: #000099;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
}
.boxc { /* administration, articles, commentaires notamment */
   background-color: transparent;
   color: #C5BF3B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 10px;
   margin: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
}
.boxmenu { /* Chat */
   color: #C5BF3B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   margin-left: 5px;
   margin-right: 5px;
}
/* ----------------------------------------------------------------------
   5a. LES STYLES SUR LES TABLEAUX
   => Utilisés par la fonction tablos(), permet d’alterner les couleurs des lignes de tableau
---------------------------------------------------------------------- */

.ligna {
 
   background-color: #FFFFFF; 
   color: #4e523f;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   text-decoration: none;
	  border-bottom: #C3C2CB 1px solid;
}
.lignb {
	 background-color: #f4f6eb; 
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   text-decoration: none;
	border-left: 10px;
	border-top: 10px;
	
}
.lignc {
  
   background-color:  #F2F5ED;
   color: #303228;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
	vertical-align: middle;
	
}
.lignd {
   background-color: #F2F5ED;
   text-decoration: none;
	text-align: right;
	vertical-align: middle;
	 font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
}
.lign_e {
 /*  background-color: #FAFBF9; */
	 background-color: #FFFFFF;
	font-family: verdana, Arial, Helvetica, FreeSans, sans-serif;
		 font-size: 11px;
		 }  
	
	.lignf {
   background-color:  #ffffff;
   color: #424A42;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   text-decoration: none;
	
} 
/* ----------------------------------------------------------------------
   5b. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.ongl { /* Fortement utilisé pour les <TD> */
   border-bottom: #C3C2CB 1px solid;
   color: #787e72;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.opentable_theme {
  /* border: dotted 1px #773826; */
   border: solid 1px  #669334;
   padding: 5 5 5 5px;
	background: #FFFFFF;
	
}

.opentable2_theme {
   background-color: #FFFFFF;
     border: solid 1px  #669334;
     padding: 2 2 2 2px;
	  
}

.presse {
	   background: transparent url(../images/edito/presse.gif) top no-repeat;
		 padding-top:10px;
}


.semaine {
	  background: transparent url(../images/edito/avoir.gif) top no-repeat;
		padding-top:30px;
		}
/* ----------------------------------------------------------------------
   5c. LES STYLES SUR LES TABLEAUX
   => Très fortement utilisé pour la grande majorité des entêtes de tableaux
---------------------------------------------------------------------- */
.header {
 	background-color: #89c122;
   font-family: Tahoma, Arial, Helvetica;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}

.header_fiche {
   background-color: #89c122;
   font-family: Tahoma, Arial, Helvetica;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}

/* ----------------------------------------------------------------------
   6. LIGNE DE SEPARATION (MENU ADMINISTRATION, MENU MEMBRE …)
---------------------------------------------------------------------- */
.separ {
   background-image: url(../style/ligne.gif);
   background-position: right 50%;
   background-repeat: repeat-x;
   color: #000000;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 5px;
   height: 5px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-bottom: 5px;
   padding-left: 0px;
   padding-right: 180px;
   padding-top: 0px;
}
.line_h_g {
   background: transparent url(../images/ligne_h_g.gif) left no-repeat;
}
.line_h_d {
   margin-right: 5px;
   background: transparent url(../images/ligne_h_d.gif) right no-repeat;
}
/* ----------------------------------------------------------------------
   7. LES STYLES SUR LES CHAMPS DE FORMULAIRES
---------------------------------------------------------------------- */
.inputa { /* champ de saisie, LNL, moteur de recherche notamment */
   background-color: #FDFDFD;
   border-top: #864732 2px solid;
   border-bottom: #D7B39B 2px solid;
   border-left: #864732 2px solid;
   border-right: #D7B39B 2px solid;
   color: #682B1A;
   font-size: 9px;
   height: 15px;
   vertical-align: middle;
   width: 80px;
}
.textbox { /* Champs de formulaire */
   width: 95%;
   background-color: #FDFDFD;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   color: #682B1A;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   border-top: #B07A64 2px groove;
   border-left: #B07A64 2px groove;
   border-bottom: #682B1A 1px inset;
   border-right: #682B1A 1px inset;

}
.textbox_standard { /* Champs de formulaire */
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   background-color: #FDFDFD;
   border-bottom: #D7B39B 1px solid;
   border-left: #D7B39B 1px solid;
   border-right: #D7B39B 1px solid;
   border-top: #D7B39B 1px solid;
   color: #864732;
   font-size: 11px;
}
.bouton_standard { /* Champs de formulaire */
   margin-top: 6px;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   cursor: pointer;
   background-color : transparent;
   color: #8C9484;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
	border-bottom : 1px solid #a57234;
   border-left : 1px solid #a57234;
   border-right : 1px solid #a57234;
   border-top : 1px solid #a57234;
  
}
.titboxc { /* administration, commentaires, téléchargement notamment */
   background-color: transparent;
   color: #9e5a42;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
}


.titboxcont { /* bloc administrateur, bloc message à un membre notamment */
   background-color: transparent;
   color: #C5BF3B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.titre { /* Administration */
   background-color: transparent;
   color: #C5BF3B;
   font-size: 11px;
   FONT-WEIGHT: bold;
   font-family: Tahoma, Georgia, "Times New Roman", serif;
}
.titrea { /* sondages, commentaires, critiques, sections notamment */
   background-color: transparent;
   color: #682B1A;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 15px;
   font-weight: bold;
   letter-spacing  : 1px;
   text-indent     : 1px;
   padding         : 2px;
}
.titreb { /* sondages */
   background-color: transparent;
   color: #91533D;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.titrec { /* bloc de Chat */
   background-color: transparent;
   color: #D5B199;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   text-decoration: none;
}

.titre1 h2 {
   font-weight: bold; color: #000066;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   text-decoration: none;
   padding-top:2px;
   padding-bottom:0px;
   padding-left:22px;
   margin:0;
}
/* ----------------------------------------------------------------------
   8. LES STYLES SUR LES BLOCS (gauche & droite)
---------------------------------------------------------------------- */
.bloc_l_head {
	padding-top: 2px;
	color:#4E523F;
	
}
.bloc-l-fond {
	padding-left: 27px;
	background-color: transparent;
	background-position: top left;
	
}
.bloc-r-fond {
background-color: #f4f6eb;
/* background-image: url(../images/v_bloc_r.gif); */
   background-position: top right;
	background-repeat: repeat-y;
	/*padding-right: 3px;*/
}
div#bloc_left {
   background-color: #D9D6CC; 
	color: #8A8A8A;
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 7px;
}
div#bloc_right {
	background-color: #ECECEC;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 0px;
	border-right: 2px solid yellow;
}
	
.bloc_l_titre {
text-align: right;
padding-right: 10px;
	width: 100%;
	height: 33px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/nav-header.gif);
}


.bloc_r_titre {
	text-align: right;
padding-right: 10px;
	width: 100%;
	height: 33px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/nav-header.gif);
}
.bloc_l_corps {

   background-color: #f4f6eb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #424A42;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	
	}

.bloc_r_corps {
	width: 100%;
	background-color: #f4f6eb;
	color: #424A42;
	padding-left:5px;
	padding-right:5px;
}

/* ----------------------------------------------------------------------
   10. STATS - Jireck' work
---------------------------------------------------------------------- */
.graph { 
        position: relative; /* IE is dumb */ 
        width: 200px; 
        border: 1px solid #708090; 
        padding: 2px; 
    } 
.graph .bar { 
        display: block; 
        position: relative; 
        background: #682B1A; 
        text-align: center; 
        color: #FFFFFF; 
        height: 1em; 
        line-height: 1em; 
    } 
.graph .bar span { position: absolute; left: 1em; }

/* ----------------------------------------------------------------------
   10. THEME
---------------------------------------------------------------------- */
.bloc_droit { 
     background-image: url(../images/edito/breves_carre.gif);
	  background-repeat: no-repeat;
	   padding-top: 20px; 
		 padding-bottom: 0px;
		 padding-left: 18px; 
		 padding-right: 10px;
		vertical-align: top;
		  font-size : 12px;
   	} 
	  
.FICHE {
       vertical-align: top;
		 background-color: #ffffff;
		 font-family :  Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
       font-size : 10px;
		 color: #444444;
		}	
	
	/*.menu_head {
	padding-bottom: 25px;
	font-family :  Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size : 12px;
}
*/
.border_left {
   background-image: url(../images/body_left2.gif);
	background-repeat: repeat-y;	 
}
.border_right {
   background-color: transparent;
   background-image: url(../images/body_right.gif);
   background-position: top right;
   background-repeat: repeat-y;

}

.cliquez
{
	margin-top: 88px;
}


#editorial {
   margin-bottom: 0px;
}

#editorial span {
   display: none;
}

div#box_article, div#box_poll {
   background-color: #E0DFBB;
   width: 150px;
   float: right;
   margin-bottom: 5px;
   text-align: left;
   display: block;
   margin-right: 3px;
}
div#box_poll {
   float: left;
}

div#box_article h3, div#box_poll h3 {
   color: #404040;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
   margin: 0px;
   height: 23px;
   line-height: 25px;
}
div#box_article ul, div#box_poll ul {
   margin: 0; padding: 0;
}
div#box_article .bottom, div#box_poll .bottom {
   width: 150px;
   height: 11px;
}
div#box_article ul li, div#box_poll ul li {
   padding-left: 20px;
   list-style-type: none;
}
div#box_article .bloc_content1, div#box_poll .bloc_content1 {
   padding-left: 4px;
   padding-right: 4px;
}
div#box_article .bloc_content1 p, div#box_poll .bloc_content1 p {
   margin-top: 5px;
}
div#box_article .bloc_content1 br {
   margin: -5px 0px 0px 0px;
} 
div#box_article .bloc_content1 .noir {
   margin-left: 4px;
   padding-bottom: 2px;
   font-size: 11px;
   list-style: disc;
   display: list-item;
}
div#box_article .bloc_content2, div#box_poll .bloc_content2 {
   height: 5px;
   background: #787e72;
}
div#box_article .boxc, div#box_poll .boxc {
   background: #4e523f;
   color: #787e72;
   font-size: 11px;
   margin: 0px 0px;
}


/* menu header */
div#menu
{
	padding-top: 5px;
	padding-left: 20px;
	
}


div#menu #menu_items
{
	width:191px;
}


div#menu #menu_items a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4E523F;
	font-weight: normal;
	line-height:18px;
	background: url('../images/menu_a.gif') no-repeat center left;
	padding-left:18px;
}
div#menu #header_text_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4E523F;
	font-weight:normal;
	text-align:left;
	padding-top:30px;
	padding-left:70px;
}
div#menu #header_text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4E523F;
	line-height:16px;
	padding-left:70px;
	padding-top:5px;
	padding-bottom:5px;
	width:450px;
}

div#menu_head	{
padding-top: 88px;	
font-size:13px;
text-decoration: none;
}

div#menu_head a {
color: #FFFFFF;
font-size:13px;
text-decoration: none;
}

div#menu_head a:hover {
color: #444444;
font-size:13px;
text-decoration: none;
}


/* modules Links */
.links {
	background-color: transparent;
	font-weight: bold;
	border-bottom : 1px solid #C3C2CB;
}

div.links_index_cat_box {
    border-width: thin; 
    width: 46%;
    float: left;
    margin: 20px 20px 1px 0px;
}

div.links_index_cat {
    background-color: transparent;
/*    color: #FFFfff;*/
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
	 width: 100%;
    padding: 1px 3px 1px 3px;
	 float: left;
	 border-bottom: 1px  solid #C3C2CB;
}
div.links_index_desc {
    padding: 2px 1px 0px 2px;
	 
}
div.links_index_sscat {
  border-width: thin; 
  
    width: 40%;
    float: left;
    margin: 3px 10px 1px 0px;
    margin-left: 20;
}
/* modules Links */

/* infobulle */
a.info {
   position: relative;
   color: #404040;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
	text-decoration: none;
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: -20px;
   font-size : 11px;
   background:#f4f6eb;
   border-bottom : 1px solid #8C9484;
   border-left : 1px solid #8C9484;
   border-right : 1px solid #8C9484;
   border-top : 1px solid #8C9484;
   color: #787e72;
   padding: 3px;
   text-decoration : none;
}
/* fin infobulle */

.scrapper {

	 padding: 1px 32px 1px 32px;
	
}