/***********************************************
 * definition des proprietes des liens
 */
/*a:hover { text-decoration: none; color: #303030; background: #e8e8e8; }*/
a:hover {
/*	color:#FF9900;*/
	text-decoration: underline;
        /*background: transparent;*/
}
a { 
	font-weight: bold;
        text-decoration: none; 
        color: #084098; 

}
a.spip_in:visited, a:visited { 
	font-weight: normal;
        color: #202020;
        text-decoration: underline; 
}

a.spip_in { 
        text-decoration: none; 
        color: #f90; 
}
a.spip_out, a.spip_url { 
	font-weight: bold;
        text-decoration: none;
        color: #084098; 
/*        color: #f90; */
}
a.spip_glossaire { 
        text-decoration: none; color: #20a020; }

/***********************************************/

/*div {        border: 1px solid;}*/
BODY
{
        Color: Black;
        Background-Color: #E5E5E5;
}

#PAGE{
	color:#000;
	background-color: #FFFFFF; border: 1px #98AAB1 solid;
	width: 100%;

}


/* Colonne de gauche */
#GAUCHE {
        width: 180px;
        float: left;
/*	margin:0 0.5em;
	*/border: solid #98AAB1 0px;
	border-right-width: 1px;
	list-style-type: none;
/*height:100%;*/
}

#GAUCHE a{
	color:#f60;
	background-color:transparent;
	font-weight:700;
	text-decoration:none;
}
#GAUCHE a:hover{
  background-color: #EFEFEF;
	color:#f60;
}


.boite h2, h3 {
	border-color:#f90;
	border-style:solid;
	border-width:0 0 2px 0;
	font-size:medium;
	font-weight:700;
  background-color: #EFEFEF;
}
.boite h3 {
	text-transform:uppercase;
}
#MAIN {
        margin: 0 0.5em;
	height:100%;
        background-color:transparent;
}
/* minimum height for WinIE */
#MAIN {
  height: 320px;
}
/* Windows IE ignores the following */
html>body #MAIN {
  height:auto; min-height: 320px;
  overflow:hidden;
}

#DROITE, .droite {
        float: right;
/*	padding:0.5em;
	padding-top:0;
	*/margin:0;
/*	margin-left: 0.5em;*/
	border: solid #98AAB1 0px;
 	border-left-width: 1px;
  background-color:white;
  list-style-type : none;
}


/* minimum height for WinIE */
#DROITE {
  height: 200px;
	width : 200px;
}
.droite { width:200px; }
/* Windows IE ignores the following */
html>body #DROITE {
  height:auto; min-height: 200px;
}


#DROITE li  {
	color:084098;
	font-weight:700;
	font-size:small;
	font-style:none;
}
#DROITE a { 
/*        text-decoration: none; */
        color: #f90; 
}
.date {
	font-style:italic;
}

#HIERARCHIE {
	background-color: #EFEFEF;
	border: solid #f90 0px;
 	border-bottom-width: 1px;
 	font-weight: bold;
}

#HIERARCHIE a{
 	font-weight: normal;
	color:084098;
	text-decoration: none
}

h3.spip {
	text-decoration: underline;
	color:084098;
	border: solid #98AAB1 0px;
 	border-top-width: 1px;
 	margin-bottom:0.3em;
	padding-top:0.5em;
	text-align: left;
}


/* spacer pour colonnage correct */
.spacer {
        clear: both;
        visibility: hidden;
}


/* formulaires */
#formulaire table{
        vertical-align:top;
	border: solid #98AAB1 1px;

/*<table BORDER="10" CELLSPACING="0" WIDTH="70%" BGCOLOR=#FFCCD000 summary="">*/
}
#formulaire td {
        vertical-align:top;
	border-color:#f90;
	border-style:solid;
	border-width:0 0 1px 0;
}

#formulaire .form-label {
	border-color:#f90;
	border-style:solid;
	border-width:0 0 0 0;
        background-color:#f8e490;
	font-size:medium;
	font-weight:700;
	text-transform:uppercase;
}
/*
#formulaire tr{
<tr><td VALIGN='Top'><b><font face="Arial,Helvetica" color="#000099">Nom*</font></b></td>
    <td><input type="text" name="nom" size="35" value=""></td></tr>
*/

/** format des tables pour l'agenda **/
table.spip-agenda {
  width:"100%"
}
table.spip-agenda th {
  background-color: #FCF4D0;
  text-align: left;
}

table.spip-agenda tr.row {
  background-color: #F0F0F0;
  cursor:default;
}

table.spip-agenda tr.rowon {
  background-color: #C0C0C0;
  cursor:pointer;
}

table.spip-agenda td {
  padding: 1px;
  text-align: left;
  vertical-align: top;
}
.article { 
  border: solid #98AAB1 1px;
  margin:0.5em 0;
padding:0.5em;
 }
.titre { 
  border-color:#f90;
  border-style:solid;
  border-width:0 0 2px 0;
/*	font-size:large;*/
  font-weight:700;
/*  text-transform:uppercase;*/
}


/***************************************************
 * affichage de la derniere nouvelle sur la page de garde
 ***************************************************/
.derniere-nouvelle { 
  clear:right;
  border: solid #98AAB1 1px;
  margin:0.5em 0;
/*  font-size:smaller;*/
}
.derniere-nouvelle .titre { 
	border-color:#f90;
	border-style:solid;
	border-width:0 0 2px 0;
/*	font-size:large;*/
	font-weight:700;
	text-transform:uppercase;
 }

.center-box { 
  border: solid #98AAB1 1px;
  margin:0.5em 0;
/*  font-size:smaller;*/
}
.center-box .titre { 
	border-color:#f90;
	border-style:solid;
	border-width:0 0 2px 0;
/*	font-size:large;*/
	font-weight:700;
	text-transform:uppercase;
 }



/***************************************************
 * styles de la lettre des nouveautes
 ***************************************************/
.nouveautes .titre { 
	text-decoration: underline;
	color:084098;
	border: solid #98AAB1 0px;
 	border-top-width: 1px;
 	margin-bottom:0.3em;
	padding-top:0.5em;
	text-align: left;
	font-weight:700;
 }
.section-nouveautes { 
	border-color:#f90;
	border-style:solid;
	border-width:0 0 2px 0;
	font-size:large;
	font-weight:700;
	text-transform:uppercase;
	text-align: center;
 }
.boite
{
  margin: 0.5em;
}
#DROITE .boite{ 
  margin-right:0;
}
/*
 * Definition de l'entete de chaque page. contient:
 *   - un logo
 *   - un titre
 *   - un menu horizontal
 *   - un champ de recherche
 */

#HEADER {
  background-color:transparent;
  background-image :  url(bg_header.gif);
  background-repeat: repeat-x;
  height:75px;
}

#H-LOGO {
	height:100%;
	margin:0 0.5em;
        float: left;
        width: 180px;
	border-width:0;
/*	background-image :  url(<?php echo $IMAGES; ?>/hlogo.gif);*/
}
#H-LOGO IMG {
	border-width:0;
}
#H-TITRE {
	color:084098;
	text-align: center;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight:bold;
	background-color:transparent;
        height: 50px;
}

.h-search {
        width: 200px;
        float: right;
        height: 20px;
	margin-right:  0.5em;
}
.formrecherche {
        height: 100%;
        width: 100%;
}

.h-menu {
	background-color:transparent;
        height: 22px;
        float:left;
}

.h-menu a {
      color:#f60;
      background-color:transparent;
      font-weight:700;
      text-decoration:none;
      margin-right:0.5em;
	border: solid #f90 0px;
 	border-width: 1px 0;
}
.h-menu a:hover{
 	border-width: 2px 0 2px 0;
}
.h-menu a:visited{
      color:#f60;
      background-color:transparent;
      font-weight:700;
      text-decoration:none;
      margin-right:0.5em;
}
/*
 * Menu
 */
menu { 
        background-color:transparent;
	font-size:9pt;
	margin:0;
	padding-left:0em;
	list-style-type : none;

/*        padding-left:18px;
	list-style-position : inside;
	list-style-type : none;*/
/*        text-indent: -18px;*/
}
/*************************************
 * menu ancienne version
**************************************/

.nav-menu {
        background-color:transparent;
	font-size:9pt;
	margin:0;
	padding-left:0em;
	list-style-type : none;

        padding-left:18px;
/*	list-style-position : inside;
	list-style-type : none;*/
        text-indent: -18px;
}

.secteuroff { font-weight: bold; }
.rubriqueoff { font-weight: normal; }
.secteuron, .rubriqueon { font-weight: bold; color: #ff9999; }
.secteur, .rubrique { font-weight: bold; color: #ff3333; }

/***** FOOTER ****/
#FOOTER {
  clear: both;
  text-align : center;
  font-size:10px;
  margin-left:180px;
}

.copyright{ 
float:left;
  text-align : center;
}

.f-menu{
  float:right; 
}

/*****************************Forum Article ********************/
p.repondrearticle{
	margin: 30px 0px 20px 0px;
}
#reponsearticle{
	margin: 0px;
	padding: 0px;
}
#reponsearticle ul, #reponsearticle ul.paire{
	padding: 5px;
	margin: 0px 0px 30px 0px;
}
#reponsearticle ul.paire ul, #reponsearticle ul ul{
	margin: 0px 0px 0px 20px;
}
#reponsearticle ul p, #reponsearticle ul.paire p{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 10px 0px;
}
#reponsearticle ul p img, #reponsearticle ul.paire p img{
	padding-right: 5px;
}
#reponsearticle ul div, #reponsearticle ul.paire div{
	padding: 5px;
	margin: 0px 0px 10px 0px;
}
#reponsearticle ul div p, #reponsearticle ul.paire div p{
	margin: 0px;
}
/* bloc forum article */
p.repondrearticle{
	border-bottom: 1px solid #99CCCC;
}
#reponsearticle ul, #reponsearticle ul ul {
	position: relative;
	border: 1px solid #006666;
	background-color: #EDF5F5;
}
#reponsearticle ul ul {
	border: 1px solid #EDF5F5;
}
#reponsearticle ul.paire, #reponsearticle ul.paire ul {
	position: relative;
	border: 1px solid #333;
	background-color: #F7F7F7;
}
#reponsearticle ul.paire ul {
	border: 1px solid #F7F7F7;
}
#reponsearticle ul p img, #reponsearticle ul.paire p img {
	float: left;
	position: relative;
}
/* pour que les smileys apparaissent en ligne */
#reponsearticle ul p img.smileys, #reponsearticle ul.paire p img.smileys {
	float: none;
	display: inline;
}
#reponsearticle ul div {
	border-left: 2px solid #006666;
}
#reponsearticle ul.paire div {
	border-left: 2px solid #333;
}
#reponsearticle li, #reponsearticle ul.paire li, #reponsearticle ul li, #reponsearticle, #reponsearticle ul.paire , #reponsearticle ul {
	list-style-type: none;
	list-style-position: outside;
}


/* \*/
* html .hollyfix {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
}

/* */

/* \*/
i {content: "\"/*" }
* html .hollyfix {
	height : 1%;
} 
/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

/*.page-plan .contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }
*/
.page-plan .contenu ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: disc; }
.page-plan .contenu li { list-style: inherit; }