/*X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X*\
X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X
								
				UN SOURIRE DE TOI ET J'QUITTE MA MERE
		
					FEUILLE DE STYLE "ARTICLE"
					modèle Jelly à 3 colonnes
										
		GLOBALE = INC PIEDEPAGE + MARGE = CONTAINER = page + INC ENTETE
			GLOBALE SERT A CENTRER LE SITE ET A DESSINER LA BORDURE
		     MARGE ET CONTAINER SERVENT A DESSINER LA BORDURE CRENELEE
			
X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X
\*X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X*/

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX STYLES GENERAUX  */

html {
		overflow-y: scroll;
		overflow: -moz-scrollbars-vertical;

}

body {
		margin: 0;
		padding: 0;
		background-color :  #CC9;
		text-align: center;
}

div#globale {
		position: relative;
		top: 10px;
		width: 820px;/* ICI TAILLE DU SITE !*/
		background-color :  #FeFeFe;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background-image: url(../USDT_IMG/usdt_marge_ptitlu.gif);
		/*background-image: url(../USDT_IMG/usdt_bordure_laterale.gif);*/
		background-repeat: repeat;		
		padding: 0;
		min-height: 40em;/* hauteur de page mini. */
		/*note : MSIE6 reconnait height pour min-height : application dans head de if less than IE6, height=40em */
}

div#marge {
		background-color :  #FeFeFe;
		width: 780px;
		margin: 0 20px;
		min-height: 38em;/* h mini = h mini globale - h pied de page*/		
}
div#container {
		background-color :  #FeFeFe;
		width: 730px;
		margin: -10px 25px 0 25px;
}
/* liens généraux du site */

a {		color: #930;
		font-weight: bold;
		text-decoration: none;
}

a.sfhover, a:hover {/* sfhover : javascript correction bug MSIE */
		text-decoration: underline;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ENTETE ET APEX  */

div#entete{
}

div#chemin{
		margin: 3px 0 40px 0;/*ecart entre l'entete et le contenu*/
		background-color : #FeFeFe;
		font: normal normal normal 0.7em/1em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-transform: lowercase;		
		color: #333;
}

div#legende{
		position: relative;
		width: 100%;
		height: 45px;
		background-color : black;
}

div#legende h2{/* titre du site*/
		font: normal normal lighter 1.3em/4em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		letter-spacing: 2px;
		color: white;
		margin-left: 30px;
		/*avec image :*/
		background-image: url(../USDT_IMG/usdt_legende.png);
		background-repeat: no-repeat;
		background-position: 0 15% ;
}

#banniere_top {/* banniere pub */

		width: 100%;
		height: 90px;
		margin: 0;
		padding: 0;
		background-color : #fefefe;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ZONE CENTRALE : COLONNES, ENCARTS, CARTOUCHES, PIED DE PAGE */

#principal {/* zone editoriale ou centrale*/
		float: left;
		width: 530px;
		margin: 0px;
		background-color : #FeFeFe;
		/* typographie générale : */
		font: normal normal normal 0.9em/1.3em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		color: #333;
		margin-bottom: 30px;/*marge entre le pied de page et la zone centrale */
}

#gauche {/* zone gauche*/
		float: left;
		width: 180px;
		padding: 0;
		margin: 0;		
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;	
}

#droite {/* zone droite*/
		float: left;
		width: 20px;
		height: 100%;
		margin: 0px;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		background-color: #FFF;	
}

/* .encart {
		float: right;
		width: 34%;
		margin-left: 4%;
		margin-top: 1em;
		margin-bottom: 0em;
		margin-right: 0px;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;*/
}

.cartouche {/* = titre d'article + surtitre + soustitre */

		margin-bottom: 0em;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX BARRE DE RACOURCIS   */


a.spip_barre img {
		border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #aa9966;
		border-bottom: 1px solid #aa9966;
		padding: 3px;
		background-color: #FFDDAA;
}
a.spip_barre.sfhover img, a.spip_barre:hover img {
		border: 1px solid #808080;
		padding: 3px;
		background-color: #f8f8f4;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX BARRE DE NAVIGATION PRINCIPALE   */

#navigation {	
		width: 100%;
		text-align: left;
		background-color : #996;
}

div#menu {
		height: 2.5em;/*hauteur menu*/
		padding: 0;
		margin-left: 15px;
		border: 0;
		background-color : #996;
		font-size: 60%;
}
div#menu ul {
		z-index: 50;/*placé sur parent*/
		background: none;/*presence pour correction bug MSIE */
		padding: 0;
		margin: 0;		
}
div#menu ul li {
		float: left;
		/*width: 15%;*/
		height: 2.5em;/*hauteur menu*/
		line-height: 2em;
		margin: 0 10px;
		padding: 0;
		background-color : #996;
		list-style: none; /*pas de puces*/				
}
div#menu ul li ul {/*etat non survolé*/
		display: none;	    
		width: 15%;/*largeur du sous-menu*/
		padding: 0;	
		margin: 0;
}
div#menu ul li ul li{
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		height: auto;/*hauteur entrees sous-menu*/
		border-top: 1px dotted #ccc;
		list-style: none; /*on enleve les icones de liste */				
}
div#menu li a{
		display: block;/*pour que les balises a occupent toute la place dans leur parents*/
		padding: 0.25em 0 0.25em 5px;
		/* typographie : */
		color: black;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		text-decoration: none;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
}
/*  menu principal niveau 2 : sous-menu déroulants. 

sfhover fait appel à une fonction javascript qui permet l'utilisation de l'etat hover avec MSIE   */

div#menu ul li.sfhover, div#menu ul li:hover{/*etat survolé, correction de bugs MSIE*/
		background: none;
		z-index: 50;
}
div#menu ul li.sfhover ul, div#menu ul li:hover ul {/*etat survolé menu principal*/
		position: absolute;/* positionnement par défaut à top:auto et left:auto */
		display: block;
		background-color : #FF6;
}
div#menu ul li:active{/*etat survolé, correction bug MSIE*/
		background: none;
		z-index: 50;
}
div#menu ul li:active ul {/*etat cliqué*/
		position: absolute;
		display: block;
		background-color : #FF6;
} 
div#menu ul li ul li.sfhover a, div#menu ul li ul li:hover a{/*etat survolé sous-menu*/
		color: black;
		text-decoration: none;
} 		   
div#menu ul li ul li:active a{/*etat survolé sous-menu*/
		color: black;
		text-decoration: none;
} 		
				
/*.menu-liste li{
}*/

/*
.menu-item {
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX BARRE DE NAVIGATION SECONDAIRE LATERALE   

les style des barres de navigation secondaires (inc_liste et inc_alphabet) se trouvent dans liste.css */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX BARRE DE NAVIGATION PIED DE PAGE   */

div#pieddepage{
		margin : 0;
		padding: 0;
		width: 100%;
		background-color : #996;
		height: 2em;
		text-align: center;
		line-height: 2em;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;

}

.menu_pied ol {
		margin: 0;
		padding: 0;
		width: 100%;/* largeur du site*/		
}

.menu_pied li{
		display: inline;
		color: white;
		font-size: 60%;
		letter-spacing: 0.2em;
		/*border: 1px solid #a0a0a0;*/
		border-top: 0px;
		padding: 0px;
		margin: 0px;
}
.menu_pied a {
		color:black;
		text-decoration: none;
}

.menu_pied a.sfhover, .menu_pied a:hover {
		color: white;
		text-decoration: none;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX TYPOGRAPHIE DE LA COLONNE PRINCIPALE (CONTENU) */


.chapo {
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		font-weight: bold;
		text-align: justify;
		font-size: 0.8em;
		line-height: 1.4em;
		margin-top: 15px;		
}
.date {
		margin-top:15px;
		font-family: Georgia, Times New Roman, serif;/* VERIFIER ! */
		color: #CCC;
		font-size: 0.8em;
}
.texte {
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-align: justify;
		font-size: 0.8em;
		margin-top: 2em;
}

.texte p.spip {
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-align: justify;
}
.ps {
		padding-top: 10px;
		margin-top: 20px;
		border-top: 1px dotted #a0a0a0;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-align: justify;
		font-size: 0.8em;
}
.notes {
		padding-top: 10px;
		margin-top: 20px;
		border-top: 1px dotted #a0a0a0;
		font: normal normal normal 0.7em/1.3em "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-align: left;
		letter-spacing: 0.02em;
}
.docjoint {	
}

.docjoint p{
		padding: 0;
		margin: 0;
		font-size: 0.7em;
		letter-spacing: 0.02em;		
}
.docjoint h3{
		padding: 2px 5px;
		margin: 20px 0 5px 0;
		font-size: 0.9em;
		font-weight: bolder;
		color: black;
		background-color : #996;
}


.contenu {
}
.contenu h1,h2 {
		font-size: 120%;
		font-weight: bold;
}

.contenu h1,h2.titre-extrait {
}
		font-size: 1.35em;
		font-weight: bold;
}
.contenu h1,h2.titre-texte {/*titre d'article*/
		font-size: 1.45em;
		font-weight: bold;
		color: black;
		line-height: 1.2em;
}
.contenu hr {/* séparateur entre articles*/
		margin-top : 20px;
		margin-bottom : 10px;
		border: none;
		border-bottom: 2px dotted #333;
}
.contenu .surtitre {
		text-transform:uppercase;
		font-size: 0.75em;
		margin-top: 0em;
		margin-bottom: 0em;
		color:#666;
		letter-spacing:0.08em;
		line-height: 1.2em;
}
.contenu .soustitre {
		font-size: 1.2em;
		font-weight: bold;
		color: #F00;
		line-height: 1.2em;
		margin-top: 0.2em;
}
.contenu .detail {
		font-size: 80%;
		color: #303030;
		margin-left: 2em;		
}
.contenu .detail .important {
		color: #a02020;
}

.liste-articles {
		margin-top: 1em;
		margin-bottom: 1em;
		clear: left;
}
.contenu .forum-repondre {
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-align: left;
		font-size: 90%;
		font-weight: bold;
		margin-top: 0.6em;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX TYPOGRAPHIE DE LA PAGE D'ACCUEIL */
/* note : cf. article=10.html */

div.accueil div.texte {
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		text-align: justify;
		font-size: 0.8em;
		margin-top: 10px;
}
.extrait {/*corps du texte de l'extrait en page d'accuiel*/
		font-size: 1em;
		margin: 0.5em 0.1em 0.5em 0;
		line-height: 1.4em;
}
.spip_logos {
		margin: 3px 10px 3px 0;
		border-width: 0px;
		float: left;
}
.accueil h1,h2 {
		font-size: 120%;
		font-weight: bold;
}
.accueil h1,h2.titre-extrait {
		margin-top: 5px;
		font-size: 1.2em;
		font-weight: bold;
}
.accueil .surtitre {
		text-transform:uppercase;
		font-size: 0.75em;
		margin-top: 0em;
		margin-bottom: 0em;
		color:#996;
		letter-spacing:0.08em;
		line-height: 1.2em;
}
.accueil .soustitre {
		font-size: 1.2em;
		font-weight: bold;
		color: #996;
		line-height: 1.2em;
		margin-top: 0.2em;
}

.accueil a {		
		color: black;
		font-weight: bold;
		text-decoration: none;
}

.accueil a.sfhover, a:hover {/* sfhover : javascript correction bug MSIE */
		text-decoration: none;
}
.accueil a:active {/* sfhover : javascript correction bug MSIE */
		text-decoration: none;
}

.accueil hr.sep {
		width:100%; 
		height: 1px; 
		color: #CC9; 
		background-color: #CC9; 
		border: none;"
}

#gauche a.archives {
		color: #444;
		font-size: 0.65em;
		padding: 5px 0;
		margin-top: 20px;
		display: block;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PAGE PARTENAIRES */
div.partenaire{
		margin-bottom: 15px;
		clear: both;
}
.contenu h2.titre_partenaire {/*titre de partenaire : classement alphabetique*/
		font-size: 0.9em;
		font-weight: bold;
		color: #F00;
		color: #F00;
}
.texte_partenaire {
		text-align: justify;
		font-size: 0.8em;
		margin-left: 90px;/*taille du logo=80px + 10px marge = logo hors colonne texte */
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PAGE ARCHIVES */

div.listearchives{
		margin: 15px 0;	
		padding: 0;
}
.listearchives a{
		color: black;
		font-size: 0.8em;
		margin: 0;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX RACCOURCIS TYPOGRAPHIQUES / SAISIE TEXTE (.spip) */

a.spip_url {/*URL transformées en liens*/
}
a.spip_in {/*liens internes*/
}
a.spip_out {/*liens externes*/
}
a.spip_glossaire {
 }

.spip_code {/*écrire du code informatique*/
 }

p.spip_note {/*notes bas de page*/
		padding: 0;
		margin: 0;
 }

h3.spip {/*intertitres insérés dans un article*/
		font: normal normal bold 130% "Trebuchet MS", Trebuchet,Tahoma, Arial, sans-serif;
		text-align: left;
		margin-top : 25px;
		margin-bottom : 15px;
		padding: 0em;
		color: black;		
}

h3.spip:first-letter {
		text-transform: uppercase;
}

hr.spip {/*separateur insérés dans le texte*/
		margin-top : 15px;
		margin-bottom : 15px;
		border: none;
		border-top: 1px dotted #999;
		width: 20%;
		height : 0;
		text-align: center;

}

b.spip {/*texte gras*/
}
i.spip {/*texte italique*/
}

blockquote.spip {/*citation entrées avec <quote>*/
		margin: 10px 0px 10px 40px;
		border :0;
		background-color: #ffffff;
		padding-left: 10px;
		padding-right: 10px;
		font-style: italic;
}
.spip_encadrer {/* pour les formulaires */
		font-family: "Trebuchet MS", Trebuchet,Tahoma, Arial, sans-serif;
		width : 95%;
		background-color: #FFFFFF;
		padding: 10px;
		border: 1px solid #666666;
}

.spip_cadre {/*texte placé dans un textarea*/
		width : 95%;
		background-color: #FFFFFF;
		padding: 5px;
		margin-top: 10px;
}

div.spip_poesie {/*poésie entrées avec <poésie>*/
		margin-bottom: 5px;
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px dotted #999;
}
div.spip_poesie div {
		text-indent: -60px;
		margin-left: 60px;
		font-style: italic;
}


.spip_surligne { background-color: #FFFF66; }

/* listes */

.spip_puce {/* liste avec puce.gif */
		border-width: 0px;
		list-style-image:url(../USDT_IMG/puce.gif);
		text-align: left;
}

ul.spip{
		list-style-image:url(../USDT_IMG/puce2.gif);
		text-align: left;
		
}

ol.spip{
		/*list-style-image:url(../USDT_IMG/puce.gif);*/
		text-align: left;
}

li.spip{
		/*list-style-image:url(../USDT_IMG/puce.gif);*/text-align: left;
}

/* documents illustrants un article (image), ne pas confondre avec documents joint (pdf) */

.spip_documents{/* doc insérés dans le texte : image... */
		color: #888;
		margin : 5px 7px;
		padding : 0;

}
.spip_documents img{/* doc insérés dans le texte : image... */
		margin-bottom : 5px;
}
.spip_doc_titre{/* titre legende doc insérés dans le texte : image... */
		text-align: left;
		font-size: 0.8em;
		text-transform: uppercase;
		padding-bottom: 0;
		line-height: 1.1em;
		margin : 0 3px;
}
.spip_doc_descriptif{/* legende doc insérés dans le texte : image... */
		text-align: left;
		font-size: 0.8em;
		letter-spacing: 0.02em;
		line-height: 1.1em;
		margin : 0 3px;
}

/*tableau inséré dans le texte : */

table.spip {
	border: 1px solid #333;
	border-collapse: collapse;
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
}

table.spip tr.row_first {
		background-color: black;
		color: white;
		font-variant: small-caps;
}

table.spip tr.row_odd {/*ligne alternée*/
}

table.spip tr.row_even {/*ligne alternée*/
}

table.spip td {
		padding: 1px 3px;
		text-align: left;
		vertical-align: middle;
		border: 1px solid #666;
		empty-cells: show;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX HABILLAGE DU PLAN DU SITE  */

#plan {/* remplace principal sur la page plan*/
		float: left;
		width: 530px;
		margin: 0px;
		background-color : #FeFeFe;
		/* typographie générale : */
		text-align: left;
		font: normal normal normal 0.8em/1.3em "Trebuchet MS", Trebuchet,Tahoma, Arial, sans-serif;
		margin-bottom: 30px;/*marge entre le pied de page et la zone centrale */
}

#plan a {
		color: #333;
}

.plan-secteur {
		clear: right;
}

.plan-secteur h1 {
		display: block;
		background-color : black;
		color: white;
		padding: 2px 0 2px 10px;
		margin: 0.5em 0 1em 0;
		text-transform: uppercase; 
		font-size: 1em;
		font-weight: normal;
		letter-spacing: 0.1em;
}
/*.plan-secteur h1:first-letter {
		text-transform: uppercase; 
}*/

h2.plan-ssrubriques{
		font-weight: bold;
		border-bottom: 2px dotted #a0a0a0;
		margin-bottom: 0.5em;
		padding-bottom: 5px;
		font-size: 1.2em;
		color: black;
		text-transform: lowercase;
}
h2.plan-ssrubriques:first-letter {
		text-transform: uppercase; 
}
.plan-intro ul{
		font-weight: normal;
		padding-left: 18px;
		list-style-image: url(../USDT_IMG/puce2.gif);		
}
div.plan-racine ul{
		font-weight: normal;
		margin-top: 0.5em;
		margin-bottom: 1em;
		padding-left: 18px;
		list-style-image: url(../USDT_IMG/puce2.gif);		
}
ul.plan-article{
		padding-left: 0;
		list-style-type: none;		
}
ul.plan-article li ul{
		display: none;	
		margin: 0;
		padding: 0;
}
ul.plan-article li a#survol{
		font-size: 0.7em;
		padding-left: 18px;
}

ul.plan-article li.sfhover ul, ul.plan-article li:hover ul{
		display: block;
		font-weight: normal;
		margin-top: 0.5em;
		margin-bottom: 1em;
		padding-left: 18px;
		list-style-image: url(../USDT_IMG/puce2.gif);		
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX HABILLAGE DES FORUMS  */

ul.forum-total {
		display: block;
		padding: 0px;
		margin: 0px;
		list-style: none;
}
.forum-fil {
		margin-top: 3em;
}
.forum-fil ul {
		display: block;
		margin: 0px;
		margin-left: 2em;
		padding: 0px;
		list-style: none;
}

.forum-titre {
		font-weight: bold;
		font-size: 120%;
}

.forum-item {
		margin: 0px;
		padding: 1em;
		padding-top: 0.5em;
		padding-bottom: 0em;
		text-align: justify;
		color: #303030;
		font-size: 80%;
}

.forum-repondre-message {
		text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
		border: 1px solid #909090;
		padding: 0px;
		margin: 0px;
		margin-bottom: 1em;
}
ul ul .forum {
		border: 1px solid #a4a4a4;
}
ul ul ul .forum {
		border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
		border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
		border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
		border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
		border: 0px;
		border-bottom: 1px dashed #b8b8b8;
		margin: 0px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 3px;
		padding-bottom: 2px;
		font-size: 90%;
		background: #c4e0e0;
}
ul ul .forum-chapo {
		background: #d4e8e8;
}
ul ul ul .forum-chapo {
		background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
		background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
		background: #ffffff;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX HABILLAGE DES PETITIONS */

.signatures {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 1em;
		margin-bottom: 1em;
		width: 100%;
}
.signatures td, .signatures th {
		-moz-border-radius: 0.4em;
}
.signatures-titre {
		clear: right;
		font-weight: bold;
		font-size: 120%;
		text-align: center;
		padding: 0.5em;
		margin: 0px;
}
.signature-date {
		white-space: nowrap;
		background: #e4f0f0;
		padding: 0.5em;
}
.signature-nom {
		font-weight: bold;
		background: #ecf4f4;
		padding: 0.2em;
		text-align: center;
}
.signature-message {
		font-size: 85%;
		background: #f4f8f8;
		padding: 0.4em;
		text-align: justify;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FORMULAIRES  */


.formulaire {/* style général des formulaires */
		color: black;
		margin: 0px;
		margin-bottom: 16px;
		padding: 0;
		border-width:0;
		background-color: #CC9;
		font-family: Verdana, Arial, sans-serif;
		font-size: 80%;
		font-weight: normal;
}
.forml {/* appliqué aux champs de saisie des formulaires */
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: 80%;
		width: 155px;
}

.formrecherche {/* style du formulaires de recherche*/
		background-color: #CC9;
		height: 16px;
		width: 155px;
		border: 0;
		text-indent: 5px;
		font: normal normal normal 85% Tahoma, Arial,Verdana,sans-serif;
		color: white;
		margin-bottom: 30px;
}

.reponse_formulaire {
		font-size: 0.9em;
}

.spip_bouton {/* bouton des formulaires*/
		border: 0;
		padding: 1px 3px;
		color: white;
		background-color: black;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
		font-size: 80%;
		font-weight: bold;
}

.spip-admin {
}

.bloogletter-right {
		text-align:right;
}
.bloogletter-center {
		text-align:center;
}
.bloogletter-left {
		text-align:left;
}

div.form_newsletter{
		padding: 15px 20px;
		border: 1px dotted black;
}

div.form_newsletter fieldset{
		background-color : #EEE;
		border: 0;
		width: 250px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX BOUTON ACCES TRADUCTION */

div.traduc {
		width: 155px;
		text-align: center;
}

div.traduc span{
		font-size:70%;
}
.btn_traduc {/* style général des formulaires */
		width: 50%;
		margin: 0 auto 20px auto;
		padding: 3px 2px;
		border: 1px dotted black;
		background-color: #EEE;
		font-size: 80%;
		font-weight: normal;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX typographie  styles HTML par defaut */

 
h1,h2,h3,h4 {
		margin-top: 0em;
		margin-bottom: 0em;
		font-size: 100%;
		font-weight: normal;
}