/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 960px;
}
#bandeauHaut {
    width: 100%;
    height: 134px;
}
#corps {
	overflow: hidden;
	width: 100%;
}
#colonneGauche {
	float: left;
	width: 220px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 470px;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width: 470px;
}
#colonneDroite {
	float: left;
	width: 260px;
}
#bandeauBas {
    width: 100%;
}
/* =============================================================================
 * STANDARD IMPLEMENTATION & STANDARD CMS
 * 	-> Éléments utilisés par l'application et une implémentation standard du CMS
 * ! Atention aux spécificités des selecteurs qui peuvent être plus importantes
 * ===========================================================================*/
/* Implémentaiton au cas par cas  */
.clear {clear : both;}
/* TPL_FORMULAIRE */
input.case {border: none;}
label.enLigne {
	float: none;
	display: inline;
}
/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
/* =============================================================================
 * FORMULAIRES
 * ===========================================================================*/
form {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 1px solid #868686;
	padding: 5px;
	margin: 5px 0;
}
legend {
	margin: 0 10px;
	padding: 0 5px;
	font-weight: bold;
}
input, textarea, select {
	border: 1px solid #868686;
	font-family: Arial, sans-serif;
	font-size: 100%;
	background-color: #C3C6C8;
	padding: 1px 2px;
}
input.case {
	border: none;
	background-color: transparent;
}
#contenu form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
	text-align: left;
}
#contenu form p label {
	float: left;
	width: 30%;
}
#contenu form p label.enLigne {
	float: none;
	width: auto;
	font-weight: normal;
}
#contenu p.info {
	font-style: italic;
}
#contenu p.action {
	text-align:right;
}
#contenu p.action input {
	background-color: #C3C6C8;
	color: #fff;
	border: 1px solid #868686;
	font-weight: bold;
	padding: 2px 8px;
	cursor: pointer;
}
/* TPL_FORMULAIRE [=>label caché] et éléments d'accessibilité */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right; margin: 0 0 5px 5px;}
a img {border-width: 0;}
acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color:;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	background: url(images/fdPage.gif) repeat-x top;
     /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
p {
    margin: 12px 0 0;
    padding: 0;
    line-height: 1.5em;
}
ul {
    margin: 0;
    padding: 0;
}
.module ul li {
    list-style-image: url(images/puceVerte.gif);
    margin-left: 20px;
}
.module ul li, #contenu ol ul li, .module ol ul li {
    list-style-image: url(images/puceVerte.gif);
}
#contenu ol li, .module ol li {list-style-image: none;}
#contenu ol li ul li, .module ol li ul li, .module ul li ul li {
    list-style-image: url(images/minipuce.gif);
    margin-left: 20px;
}
/*blockquote li{
    color: red;
}*/
a:hover, a:focus {text-decoration: none;}
/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
#document {
    margin: 0 auto;
    padding: 0;
}
#contenu .paragraphe{
    font-size: 100%;
}
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauHaut {
    background: url(images/fondHeader.jpg) no-repeat top center;
    padding: 0;
    margin: 0;
    text-align: left;
    overflow: hidden;
}
#bandeauHaut h1{
    width: 74px;
    height: 97px;
    padding: 0;
    margin: 0 0 5px 0;
    float :left;
}
#bandeauHaut a{
    padding: 0;
    margin: 0;
}
#bandeauHaut #utilisateur a {
	color : white;
}
/* =============================================================================
 * BANDEAU HAUT (FORMULAIRE RECHERCHE)
 * ===========================================================================*/
#bandeauHaut #recherche {
    float : right;
    padding-top: 5px;
}
#bandeauHaut input{
    border: 1px solid #868686;
    background-color: white;
    color : #0052A5;
    font-weight: bold;
}
#bandeauHaut label{
    border: 0;
    background: #117EBE;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}
/* =============================================================================
 * BANDEAU HAUT (MENU)
 * ===========================================================================*/
#menu{
	clear :both;
    height:35px;
    font-weight:bold;
    background:transparent url(images/bgOFF.gif) repeat-x top left;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    padding: 0 10px;
    font-size: 94%;
}
#menu ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
#menu ul li.theme{
    display:block;
    float: left;
    margin:0;
}
#menu ul li a.headTheme {
    display:block;
    float:left;
    color:#FFF;
    text-decoration:none;
    padding:9px 8px 0 8px;
    height:23px;
    background:transparent url(images/bgDIVIDER.gif) no-repeat top left;
    font-size: 107%;
}
#menu ul li#PSS_MARRON a.headTheme:hover, #menu ul li#PSS_MARRON a.selected, #menu ul li#PSS_MARRON a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnMarron.gif) repeat-x top;
}
#menu ul li#PSS_BLEU_VERT a.headTheme:hover, #menu ul li#PSS_BLEU_VERT a.selected, #menu ul li#PSS_BLEU_VERT a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnBleuVert.gif) repeat-x top;
}
#menu ul li#PSS_ROUGE a.headTheme:hover, #menu ul li#PSS_ROUGE a.selected, #menu ul li#PSS_ROUGE a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnRouge.gif) repeat-x top;
}
#menu ul li#PSS_VERT a.headTheme:hover, #menu ul li#PSS_VERT a.selected, #menu ul li#PSS_VERT a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnVert.gif) repeat-x top;
}
#menu ul li#PSS_MAUVE a.headTheme:hover, #menu ul li#PSS_MAUVE a.selected, #menu ul li#PSS_MAUVE a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnMauve.gif) repeat-x top;
}
#menu ul li#PSS_VERT_BOUTEILLE a.headTheme:hover, #menu ul li#PSS_VERT_BOUTEILLE a.selected, #menu ul li#PSS_VERT_BOUTEILLE a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnVertBouteille.gif) repeat-x top;
}
#menu ul li#PSS_BLEU a.headTheme:hover, #menu ul li#PSS_BLEU a.selected, #menu ul li#PSS_BLEU a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnBleu.gif) repeat-x top;
}
#menu ul li#PSS_PRUNE a.headTheme:hover, #menu ul li#PSS_PRUNE a.selected, #menu ul li#PSS_PRUNE a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnPrune.gif) repeat-x top;
}
#menu ul li#PSS_BLU_JEAN a.headTheme:hover, #menu ul li#PSS_BLU_JEAN a.selected, #menu ul li#PSS_BLU_JEAN a.hoverChilds{
    color:#FFF;
    background:#fff url(images/bgOnBluJean.gif) repeat-x top;
}
/*
 * Prise en chage du menu déroulant via scripting
//*/
#bandeauHaut {overflow: visible;}
.theme {position: relative;}
#navigation ul {
	position: absolute;
	left: -999em;
	height:1px;
	width: 14.5em;
	overflow:hidden;
}
#navigation li.currentTheme ul {
	left: 0;
	top: 30px;
	height:auto;
}
#bandeauHaut .theme ul a {
	display: block;
	padding:.5em;
	color:#FFF;
	text-decoration: none;
}
#PSS_MARRON ul li {background:#5d1d13 url(images/bgOnMarron.gif) repeat-x top left;}
#PSS_BLEU_VERT ul li {background:#007579 url(images/bgOnBleuVert.gif) repeat-x top;}
#PSS_ROUGE ul li {background:#ca0000 url(images/bgOnRouge.gif) repeat-x top;}
#PSS_VERT ul li {background:#2f9b00 url(images/bgOnVert.gif) repeat-x top;}
#PSS_MAUVE ul li {background:#2e0481 url(images/bgOnMauve.gif) repeat-x top;}
#PSS_VERT_BOUTEILLE ul li {background:#082b22 url(images/bgOnVertBouteille.gif) repeat-x top;}
#PSS_BLEU ul li {background:#001f6d url(images/bgOnBleu.gif) repeat-x top;}
#PSS_PRUNE ul li {background:#9b266a url(images/bgOnPrune.gif) repeat-x top;}
#PSS_BLU_JEAN ul li {background:#2000C3 url(images/bgOnBluJean.gif) repeat-x top;}

#navigation #PSS_BLU_JEAN.currentTheme ul {left: auto;right: 0;}

#bandeauHaut .theme ul a:hover, #bandeauHaut ul .theme a:focus {text-decoration: underline;}
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
#Accueil #corps{
    background-image: none;
}
#corps {
}
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE) ---- page: ACCUEIL
 * ===========================================================================*/
#Accueil  #colonneGauche h3{
    font-size: 105%;
    font-family: Arial,Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    color: #944E4C;
}
#Accueil #corps #horaires a:link, #Accueil #corps #horaires a:hover, #Accueil #corps #horaires a:visited {
    text-indent: -9999px;
    display: block;
    background: url(images/pictoHoraires.gif) no-repeat top left;
    width: 175px;
    height: 120px;
}
#Accueil  #rapport p{
    text-indent: -9999px;
    background: url(images/rapportAnnuel.gif) no-repeat top center;
    width: 175px;
    height: 55px;
}
#Accueil  #brochure p{
    text-indent: -9999px;
    background: url(images/brochureActivites.gif) no-repeat top center;
    margin-top: 10px;
    width: 175px;
    height: 55px;
}
#Accueil  .module, #Accueil  #horaires{
    margin: 0 auto;
    width: 180px;
    padding-bottom: 30px;
}
#Accueil  #brochure{
    padding-top: 30px;
    border-top: 1px dotted #999999;
}
#Accueil #colonneGauche a, #Accueil #colonneDroite a,  #Accueil #contenu a{
    color: #0052A5;
    font: bold 13px Arial;
    padding-left: 20px;
    background: url(images/puceVerte.gif) no-repeat center left;
}
#Accueil #contenu a{
  padding-left: 0;
  background: none;
}

/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche{
    background: url(images/filetPage.gif) no-repeat top left;
    min-height: 500px;
}
#menuGauche{
    width: 170px;
    background: #FFFFFF url(images/fdMenuGauche.gif) no-repeat top center;
}
#menuGauche ul, #menuGauche li{
    list-style-type: none;
}
#menuGauche li{
    padding: 5px 5px;
    background: url(images/sepMenu.gif) no-repeat bottom center;
}
#contenu h2{
    color: #FFF;
    margin-top: 6px;
    padding: 10px 0;
    font-size: 175%; /*200%;*/
    font-weight: normal;
}/* Comportement niveau 3*/
#menuGauche li li{
    background: url(images/puceVerte.gif) no-repeat 0 8px;
    margin-left: 20px;
    padding: 0 10px;
}

#menuGauche li li li{
    background: url(images/puceVerte.gif) no-repeat center left;
    margin-left: 15px;
    padding: 0 10px;
}
#menuGauche ul li.selected  ul li a:link, #menuGauche ul li.selected  ul li a:visited{
    font-size: 84%;
    color: #000;
}
/* =============================================================================
 * CONTENU(CHARTE GENERALE) ---- page: ACCUEIL
 * ===========================================================================*/
#chemin {margin: 0;}
#Accueil #contenu {
    padding-top: 14px;
}
#Accueil #contenu p{
    padding: 5px;
    margin: 0;
}
/*
#contenu p.petits_caracteres, #contenu span.petits_caracteres{
    font-size: 80%;
}
*/
#document #contenu .petits_caracteres{
    font-size: 10px;
}
#document #contenu .gras_noir{
    font-weight: bold;
    color: #000;
}
#Accueil #colonneGauche a.lien_sans_puce, #Accueil #colonneGauche .lien_sans_puce a {
    padding-left: 0;
    background-image: none;
}
#contenu .paragraphe h2{
    color: #000;
    font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid #000;
	clear: both;
    margin: 0;
    padding: 0;
}
#Accueil #contenu .paragraphe h3{
    color: #000;
    font-weight: bold;
	font-size: 120%;
	clear: both;
    margin: 0;
    padding: 0;
}
#Accueil #contenu .paragraphe h4{
    color: #000;
    font-weight: bold;
	font-size: 125%;
	clear: both;
    margin: 0;
    padding: 0;
}
#Accueil #contenu h2{
    color: #FFF;
    padding: 15px 0 30px 0;
    font-size: 180%;
    font-weight: normal;
}
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE) ---- page: ACCUEIL
 * ===========================================================================*/
#Accueil #colonneDroite {
    width: 258px;
    float: right;
    padding: 14px 2px 0 0;
    min-height: 500px;
}
#Accueil #colonneDroite h2{
    width: 100%;
    background: url(images/topAgenda.gif) no-repeat top center;
    padding: 50px 0 0 0;
    text-indent: -999999px;
}
#Accueil #colonneDroite .module p {background: none;}
#Accueil #colonneDroite a.tous{
    text-indent: -99999px;
    display: block;
    background: url(images/tousAgenda.gif) no-repeat bottom center;
    height: 30px;
    padding: 0;
    margin: 0;
}
#Accueil #corps #contenu .paragraphe{
    padding: 0;
}
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite{
    padding-top: 20px;
    width: 250px;
    float: right;
    background: url(images/filetPage.gif) no-repeat top right;
}
#colonneDroite #ImageAccroche{
    padding-left: 30px;
}
/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas{
    text-align: center;
    padding-top: 50px;
}
#bandeauBas ul{
    display: inline;
    list-style-type: none;
}
#bandeauBas li{
    display: inline;
}
#bandeauBas a:link, #bandeauBas a:visited{
    text-decoration: none;
    color: #999;
    padding: 20px 10px;
}
#bandeauBas a:hover{
    text-decoration: underline;
}
/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
/*.module {
	margin:;
}*/
#Accueil #colonneGauche .module{
    background: url(images/sepMenu.gif) no-repeat bottom center;
    overflow: hidden;
    padding: 10px 0;
}
#Accueil  #colonneDroite .module{
    background: none;
    padding: 0;
    margin: 0;
    width: 250px;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
#contenu .paragraphe{
    padding-top: 30px;
}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {}
legend {}
input, textarea,select {border: 1px solid;} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
/* Non applicable au form en MDL */
#contenu p label {
	float: left;/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 20%;
}
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation {
	text-align: center;
	/*border-bottom: 1px solid #219ab5;*/
}
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
/* =============================================================================
 * PARAGRAPHES ALAUNE / style par défaut module
 * ===========================================================================*/
#colonneDroite .module {
    background: url(images/fdLaUne.gif) no-repeat center bottom;
    padding-bottom: 11px;
    margin:0px 29px;
}
#colonneDroite .module h3{
    background: url(images/uneCE.gif) no-repeat center bottom;
    font-size: 120%;
    padding: 40px 35px 0 35px;
    margin :0;
}
#colonneDroite .module h3, #colonneDroite .module h5, #colonneDroite .module  p, #colonneDroite .module  ul, #colonneDroite .module  ol {
    background: #FFE1B5;
    padding: 0 20px 0 20px;
    margin :0;
}
#colonneDroite .module h3 {
	font-size: 120%;
}
#colonneDroite .module h4 {
    font-size: 120%;
    margin :0;
    padding:  5px 20px 0 20px;
    font-size: 80%;
    color: #FF8000;
    background: #FFE1B5;
}
#colonneDroite .module p a:link, #colonneDroite .module p a:hover,#colonneDroite .module p a:visited{
    margin: 0 0 0 70px;
    color: #FF8000;
    font: bold 11px Arial;
    padding-left: 20px;
    background: url(images/puceVerteUne.gif) no-repeat center left;
}
#colonneDroite .module strong{
    color: #000;
}
#colonneDroite .module h2 {
	 text-indent: -99999px;
    background: url(images/uneCE.gif) no-repeat center bottom;
    font-size: 90%;
    padding: 30px 35px 0 35px;
    margin: 0;
}
/* =============================================================================
 * USER TOOLS
 * ===========================================================================*/
div.userTools img{
    border: 0;
 }
div.userTools{
    margin-top: 8px;
    text-align: right;
}
strong.erreur{
    color: #F00;
}
/* =============================================================================
 * tpl_agenda - COLONNE DROITE - Liste des agendas
 * ===========================================================================*/
/*#colonneDroite .tpl_agenda_liste h2{
    text-indent: -99999px;
    background: url(images/uneCE.gif) no-repeat center bottom;
    font-size: 90%;
    padding: 30px 35px 0 35px;
    margin: 0;
}*/
/*#colonneDroite .tpl_agenda_liste h4{
    font-size: 120%;
    margin :0;
    padding: 5px 35px 0 35px;
    font-size: 80%;
    color: #FF8000;
    background: #FFE1B5;
}*/

#colonneDroite .tpl_agenda_liste strong{
	background: #FFE1B5;
}
#colonneDroite .tpl_agenda_liste div{
    background:  #FFE1B5 url(images/sepMenu.gif) no-repeat bottom center;
    padding-bottom: 10px;
  
}
/*
#colonneDroite .tpl_agenda_liste div a{
    margin: 0 0 0 70px;
    color: #FF8000;
    font: bold 11px Arial;
    padding-left: 20px;
    background: url(images/puceVerteUne.gif) no-repeat center left;
}*/

/* =============================================================================
 * tpl_agenda_fiche - COLONNE DROITE - agenda unique
 * ===========================================================================*/

/*#colonneDroite .tpl_agenda_fiche h4{
    background: url(images/uneCE.gif) no-repeat center bottom;
    font-size: 120%;
    padding: 40px 35px 0 35px;
    margin :0;
    font-size: 80%;
    color: #FF8000;
}*/
#colonneDroite .tpl_agenda_fiche strong {
	background: #FFE1B5;
}

/*#colonneDroite .tpl_agenda_fiche p{
    background: #FFE1B5;
    margin:0px 29px;
    padding: 10px;
}

#colonneDroite .tpl_agenda_fiche p a:link, #colonneDroite .tpl_agenda_fiche p a:hover, #colonneDroite .tpl_agenda_fiche p a:visited{
    margin: 0 0 0 70px;
    color: #FF8000;
    font: bold 11px Arial;
    padding-left: 20px;
    background: url(images/puceVerteUne.gif) no-repeat center left;
}*/
/* =============================================================================
 * tous tpl_agenda - COLONNE DROITE
 * ===========================================================================*/
.tpl_agenda_accueil div {
    border-bottom: 1px solid #bababa;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.tpl_agenda h4, #colonneDroite .tpl_agenda_accueil h4{
    background: transparent;
    font-size: 80%;
    color: #FF8000;
    padding-left: 5px;
}

.tpl_agenda strong , .tpl_agenda_accueil strong {
    font-size: 120%;
    padding-left: 5px;
    color: #000;
    
}
.tpl_agenda_accueil strong {display: block;}
#colonneDroite .tpl_agenda_accueil p {
    padding-left: 5px;
    background: none;
}
.tpl_agenda p  {
    padding: 0 5px 10px 5px;
}

#Accueil #document .tpl_agenda_accueil  .enSavoirPlus {text-align: right;}
#Accueil #document .tpl_agenda_accueil  .enSavoirPlus a{
    margin: 0 0 0 70px;
    color: #FF8000;
    font: bold 11px Arial;
    padding-left: 20px;
}
/* =============================================================================
 * tpl_agenda - CONTENU
 * ===========================================================================*/
 
#contenu .tpl_agenda div{
    background: url(images/sepMenu.gif) repeat-x bottom;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#contenu .tpl_agenda strong  {
    color: #BBB;
    font-size: 95%;
    padding: 0;
}
#contenu .tpl_agenda h3 {color: #000;}
#contenu .tpl_agenda h4{
    padding-left: 0;
    font-size: 80%;
    color: #FF8000;
}
#contenu .tpl_agenda h5{
    font-size: 120%;
}

#contenu .tpl_agenda p {
    padding: 0;
}
#contenu .tpl_agenda p.enSavoirPlus , #contenu .enSavoirPlus p {
    text-align: right;
}
#contenu .tpl_agenda .enSavoirPlus a ,  #contenu .enSavoirPlus a  {
    margin: 0 0 0 70px;
    color: #FF8000;
    font: bold 11px Arial;
    padding-left: 20px;
    background: url(images/puceVerte.gif) no-repeat center left;
}

#contenu .tpl_agenda_fiche strong {
	color:#000000;
}
#contenu .tpl_agenda_fiche .infos_pratiques {
	padding-left : 10px;
	background-color: #ddd; /* #EFEFEF; */
	display :block;
}
#contenu .tpl_agenda_fiche li{
    list-style-image: url(images/puce.gif);
    margin-left: 20px;
}
#contenu .tpl_agenda_fiche .detail {
	display :block;
}
#contenu .tpl_agenda_fiche h4 {
    background: transparent;
    font-size: 80%;
    color: #FF8000;
    padding-left: 5px;
}
/* =============================================================================
 * tpl_formulaire
 * ===========================================================================*/
#contenu fieldset{
    border: 1px solid #FF8000;
}
#contenu legend{
    font-size: 150%;
    color: #FF8000;
}
#contenu input, #contenu select, #contenu textarea{
    border: 1px solid #FF8000;
    background: #FEF9D3;
}
#contenu p.action input{
    background: #FF8000;
    border: 1px solid #FF8000;
}
#contenu form p label{
    width: 100%;
}
.tpl_login p a:link, .tpl_login p a:visited{
    color: #FF8000;
}

#contenu .tpl_login form p label.isNotNull{
    width: 250px;
}
/* =============================================================================
 * Haut de Page
 * ===========================================================================*/
#contenu .hautDePage{
    text-align: right;
    font-size: 80%;
}
p.hautDePage a {
	 background: url(images/puce_haut_de_page.gif)  no-repeat left center;
	 padding-left: 10px;
}
#contenu .hautDePage a{
    color : #0052A5;  
}

#contenu .tpl_plansite a ,#contenu .tpl_sommairePage a, #contenu .tpl_sommairePage a.visited{
	color : #0052A5;
}
#contenu .tpl_plansite ul {
	padding-bottom : 5px;
}
/* =============================================================================
 * Resultat de recherche
 * ===========================================================================*/
#contenu .tpl_recherche li {
    margin-bottom: 1em;
}
#contenu tpl_recherche a , #contenu tpl_recherche a.visited{
    color: #0052A5;
}
/* =============================================================================
 * Modification fonctionnement listes
 * ===========================================================================*/
body #document #contenu ul li{
	background: url(images/puce-fleche-orange.gif) no-repeat left top;
	padding-left: 14px;
	list-style: none;
}
body #document #contenu ul li ul li{
	background: url(images/puce-cercle-orange.gif) no-repeat left top;
	padding-left: 14px;
	list-style: none;
}
body #document #contenu ul li ul li ul li{
	background: url(images/puce-disque-orange.gif) no-repeat left top;
	padding-left: 14px;
	list-style: none;
}