.petit-texte{
    font-size:90%;
    font-family:Verdana, Arial, Helvetica, sans-serif; /* "Trebuchet MS", Tahoma, Verdana, Arial; */
    color:navy;
    text-align:right;
}
/*
 * Mise en page des textes (bordures...)
 */

.ps {
    padding-top: 0.6em;
    margin-top: 0.6em;
    border-top: 1px dashed #404040;
}
.notes {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    border-top: 1px solid #a0a0a0;
    padding: 1.5em;
}

/*
 * Habillage des menus et de la navigation
 */
 
.menu {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}
.menu ul {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-bottom: 4px;
    list-style: none;
}
.menu ol {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-bottom: 4px;
    list-style: none;
}
.menu-titre {
    display : block;
    border-top: 0px solid ;  
    border-bottom: 1px solid  ; 
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif; /* "Trebuchet MS"; */
}
.menu-liste {
    display : block;
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 70%;
    font-family: Arial, Helvetica, sans-serif; /* "Trebuchet MS"; */
    /*border-bottom: 2px solid green;*/
}

.menu-item {    
    display : block;
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 70%;
    font-family: Arial, Helvetica, sans-serif; /* "Trebuchet MS";*/
    /*border-bottom: 2px solid green;*/
}
/* ============================================== */
/* Des couleurs specifiques selon les types de menus */
/* ============================================== */
.menu {
    border: 2px solid green; /*#a0a0a0; */
    color: yellow;
    background-color: #33CC66; 
}

.general        { background-color: #f8f8e8; text-align:center; }
.general .menu-titre    { background-color: #fcfcf0; }

.rubriques      { background-color: #33CC66  ; color: yellow;}
.rubriques .menu-titre  { 
    text-decoration:none;
    background-color: #33CC66; /*#fff2f2 */
    text-align:center;
    color: yellow;
}
.rubriques .menu-titre:hover{
    border-color:#FFCC00;
    color: #FFCC00;
    background-color:#6633FF;
}
.rubriques .menu-liste:hover{
    border-color:#FFCC00;
    color: #FFCC00;
    background-color:#6633FF;
}
.rubriques .menu-item:hover{
    border-color:#FFCC00;
    color: #FFCC00;
    background-color:#6633FF;
}

.breves         { background-color: #33CC66 ; /* #ffeaea; */}
.breves .menu-titre { 
    background-color: #33CC66; /*#fff2f2 */
    text-align:center;
    color: yellow;
}
.breves .menu-item:hover    {
    border-color:#FFCC00;
    color: #FFCC00;
    background-color:#6633FF;
}

.divers         { background-color: #33CC66 ; /* #eaeaff;*/ }
.divers .menu-titre { 
    background-color: #33CC66 ;  
    text-align:center; 
    color: yellow;
    /* font-family: times new roman; */
}
.divers .menu-item:hover    {
    border-color:#FFCC00;
    color: #FFCC00;
    background-color:#6633FF;
}

.forums         { background-color: #33CC66 ; /* #ffeaea; */}
.forums .menu-titre { 
    background-color: #33CC66; /*#fff2f2 */
    text-align:center;
    color: yellow;
}
.forums .menu-item:hover    {
    border-color:#FFCC00;
    color: #FFCC00;
    background-color:#6633FF;
}

/* ============================================================================== */
/* Styles pour le contenu (c-a-d. la colonne principale)                                               */
/* ============================================================================== */
.contenu {
    /*margin: 15px;*/
    left: 22%;
}
.contenu h2.titre-extrait {
}
.contenu h2.titre-texte {
}
.contenu .surtitre {
    margin-top: 0em;
    margin-bottom: 0em;
}
.contenu .detail {
    margin-left: 2em;
}
.contenu .detail .important {
    color: #a02020;
}
.extrait {
    /* margin: 10px;
    padding: 10px; */
    line-height: 1.4em;
    color:navy;
    font-family: Arial, Helvetica, sans-serif; /* "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; */
    font-weight: normal;
}
.liste-articles {
    margin-top: 1em;
    margin-bottom: 1em;
   /*  clear: left;*/
    font-family: Arial, Helvetica, sans-serif; /* "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
    color : navy;
    font-size : 14px;
    font-weight: bold;
}

.contenu .forum-repondre {
    font-family: Arial, Helvetica, sans-serif; /* "MS Trebuchet"; */
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    margin-top: 0.6em;
}


/* =============================================================== */
/* Disposition a l'ecran : colonnes, encarts, cartouches                       */
/* =============================================================== */
html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background-image: URL(courrier_image/design/bckgrd.gif);
}
#container {
    position: relative;
    min-height: 100%;
}
#entete{
    position:relative; /* absolute; */
    width:100%;
    top: 0px;
    text-align:center;
    height : 142px;
    background-image: URL(courrier_image/design/entete.gif);
}
#entete .haut {
	position:relative;
	top:0px;
	height:80px;
	width:100%;
	background-color: #42b6ff;
 }
#entete .haut .gauche{
    position: absolute;
    float: left;
    left: 1%;
    top:10px;
    height:80%;
    width: 178px; /*18%;*/
    vertical-align: text-top;
}
#entete .haut .centre{
    position: absolute;
    float : center;
    padding-top:2px;
    position: relative;
    right: 195px; /* 20% */
    top: 0px;
    margin: 0px;
    margin-left: 400px;
}
#entete .haut .droite{
    position: absolute;
    float: right;   
    top:10px;
    width:178px; /*18%;*/
    right: 0.5%;
    height:80%;
}
#entete .bas{
	position:relative;
	width:98%;
	top:0px; 
	height:40px;
    /* text-align:top; */
} 

#corps{
    position: relative;
}
#corps .navigation {
    position: relative;
    float: left;
    left: 0.5%;
    width: 160px; 
    vertical-align: text-top;
    background-color: #42b6ff;
    }
#corps .principal {
    position: relative;
    margin-left: 210px;
    margin-right:190px;
	color:blue;
    font: 12px/1.5 verdana, arial, helvetica, sans-serif;
    text-align: justify;
    Background-color: #e5f6fd;
}
#corps .encart {
    position: relative;
    float: right;   
    width:178px; /*18%;*/
    right: 0.5%;
    Background-color: #e5f6fd;
}

#footer {
    position: relative;
    bottom: 0px;
    left: 20%;
    width: 60%;
    font-size:100%;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif; */
    font-size: 10px;
}

#plan {
    position: absolute;
    left: 2em;
    top: 0px;
    margin: 0px;
    padding: 0px;
    margin-right: 2em;
    margin-top: 2em;
}

.cartouche {
    padding-top: 0em;
    margin-bottom: 0em;
    background-image: URL(courrier_image/design/titre_nad.png); 
    background-repeat: no-repeat;
    background-position : top center; 
    z-index: 1;
}

.cartouche .spip_logos {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0.8em;
}
.cartouche .titre-texte {
    height: 92px;
    color: /* #fbe637; */ #fb8637; 
    text-align:center;          
    font-family: Times new roman, Vivaldi, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 300%;
    padding-top:30px;
}

/* =========================================================================== */
/* liste avec  description                                                                                  */
/* =========================================================================== */
.galerie_photos {
	margin-left: 5px;
	}
.galerie a {
	 display: block;
	 border-right: 2px solid #7DA437; 
	 border-bottom : 2px solid #7DA437;
	 border-left : 2px solid #B1E8C0;
	 border-top : 2px solid #B1E8C0;
	 border-width: 2px;
	 margin: 0;
	 padding: 2px 3px 2px 3px;
	 background-color: #005aff; /* 2BAC62;  */
	 color: yellow;
	 text-decoration: none; 
	 text-align: center;
	 font-size:11px; 
	 font-weight:bold;
	 font-family: Arial, Helvetica, sans-serif;
	}

.list_item {    
    font-size:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
	text-decoration: none;
	color: blue;}

.list_item .logo_impair{    
	margin : 0px;
    padding-left: 10px;
	text-decoration: none;
	float: right;
}
.list_item .logo_pair{    
	margin : 0px;
    padding-right: 10px;
	text-decoration: none;
	float: left;
}
.list_item h2 { 
	font-size: 12px; 
	font-weight: bold; 	
	text-decoration: none;
	}
	
.list_item h2:hover { text-decoration: underline;}

.list_item a {
	font-weight: bold;
	text-decoration: none;
	margin-top: 20px;
} 

.list_item a:hover {text-decoration: underline;}

.list_item .detail { 
	/* margin-left : 5px;
    padding-left: 5px; */
	text-align: justify;
	font-weight: normal; 
	text-decoration: none;
	line-height:15px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
	
.list_item .detail_breve { 
	/* margin-left : 5px;
    padding-left: 5px; */
	text-align: justify;
	font-weight: normal; 
	text-decoration: none;
	line-height:15px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom : 2px inset grey;
	}

.list_event {    
    font-size:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px;
	  text-decoration: none;
	color: blue;}

.list_event a {text-decoration: none;  }	
.list_event td {vertical-align: top; }
/* .voyages .detail:hover {text-decoration: underline;} */
/* =========================================================================== */
/* Habillage du plan du site                                                                                */
/* =========================================================================== */
.plan-secteur {
    margin-top: 0em;
    margin-bottom: 3em;
    clear: right;
}
/*
.plan-secteur h1 {
    display: block;
    border: 1px solid #a0a0a0;
    margin: 0px;
    padding: 8px;
    font-size: 150%;
    font-weight: bold;
    background-color: #e0ffe0;
    text-align:center;
}
*/
.plan-rubriques {
    clear: left;
    display: block;
    list-style: none;
}
.plan-rubrique {
    display: inline;
    border: 1px solid #a0a0a0;
    padding: 3px;
    font-weight: bold;
}
.plan-articles {
    clear: left;
    margin-top: 0.5em;
    margin-bottom: 1em;
    list-style: square;
}

/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique {
    background-color: #e0ffe0;
    border-color: #b8b8b8;
}
ul ul .plan-rubrique {
    background-color: #eaffea;
    border-color: #d0d0d0;
}
ul ul ul .plan-rubrique {
    background-color: #f4fff4;
    border-color: #e8e8e8;
}


/* ========================================================== */
/*  Formulaires                                                                       */
/* ========================================================== */

.formrecherche {
    background-color: white; 
    color: navy; /* #505030; */
    margin: 0px;
    border: 1px #909090;
    font-weight: normal;
    width: 100%;
}

.forml {
    background-color: #FFFFFF; 
    margin: 2px;
    padding: 1px;
    border: solid 1px #909090;
    font-family: Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 11px;
	
}
.spip_bouton {
    border: 2px solid #404040;
    padding: 3px;
    background: #d0d0d0;
    font-family: Arial, Helvetica, sans-serif; 
}
.spip-admin {
    position: fixed;
    bottom: 0px;
    font-size: 90%;
    padding: 2px;
    line-height: 1.4em;
}

/* Correction des styles HTML par defaut */
.formulaire_spip form, .form_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: 0; background: none; }

/* Styles des formulaires de Spip */
/*.formulaire_spip {
    text-align: left;
    font-size: 0.77em;
} */

.form_spip p {
    font-size: 100%;
    }

.formulaire_spip formulaire_forum {background-color:red; }

.form_recherche 
{
	/* border : 1px solid red; */
}
.form_recherche input 
{
	background-color:white;
	border: 1px inset #42b6ff;
	/* margin-top: 3px; */
	margin-left: 15px;
	/* margin-bottom: 5px; */
	padding:2px; 
	font-size: 100%; 
	width: 100px;
	font-family: Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	float: left;
}

.bouton_go input {
	border: 2px outset blue;  
	background-color: #cce9fc; 
	color: blue;
	font-weight: bold;
	margin-right: 12px;
	text-align: center;
	width:28px; 
	/* float: right; */ 
}

.bouton_go:hover input {
	border: 2px inset #fb8637; 
	background-color: #fbe637; 
	color: blue;
	font-weight: bold;
	/* border: 1px groove #42b6ff;
	background: URL(courrier_image/design/ok_hover.gif) no-repeat; */
	}
	
.bouton_haut {
		background: URL(courrier_image/design/up.gif) no-repeat;
	}

.formulaire_spip legend { 
    font-weight: bold; 
    padding: 3px;
    background: #FFF; /* Sinon, superposition dans MSIE */ }

.spip_bouton { text-align: center; background-color: transparent; border-width:0px;}

.spip_bouton input {
    border: 2px outset;
    font-weight: normal;
    font-size: 10px;
    text-align:center; }