/* @override 
	http://www.infomie.net/squelettes/style_new.css
	http://www.infomie.net/squelettes/style.css
*/

body {
	color: #2b0101;
	font: 11px Verdana, Arial, "Lucida Grande", Lucida, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	margin:0;
	padding:0;
	background: #310000 url("../IMG/fond_page.jpg") repeat-x top left;
}

ul { list-style: none; }

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li, p { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }


/* Les liens */

#identification a, #identification-rubrique a {
	color: #515151;
	font-weight: normal;
}

#identification a:hover, #identification-rubrique a:hover {
	text-decoration: none;
}

a, a.spip_in, a.spip_out {
	color: #360000;
	font-weight: bold;
}

a:hover, a.spip_in:hover, a.spip_out:hover {
	text-decoration: none;
} 

/* Le haut de page */

#header {
	background-color: #141312;
	color: #f1e9cc;
	width: 100%;
	height: 84px;
}

#header h1 {
	width:400px;
	height:84px;
	display:block;
	margin:0;
	padding:0;
	background: #141312 url("../IMG/fond_h1_header_site.png") no-repeat top left;
}

#header h1  a {
	width:400px;
	margin:0;
	padding:0;
	height:84px;
	/*background:  #141312 url("../IMG/fond_h1_header_site.png") no-repeat top left;*/
	display:block;
	float:left;
}

#header h1 a:hover {
	/*background: #F0E9CE url("../IMG/fond_h1_header_site.png") no-repeat top left;*/
}


#header h1 a span, #header h2 span {
display:none;
}


/* le menu du haut */

#menu-haut {
	position: absolute;
	right: 0;
	top: 45px;
	width: 250px;
	height: 30px;
}

#menu-haut a {
	color: #2b0101;
	text-decoration: none;
	font-weight: normal;
}

#menu-haut a:hover {
	text-decoration: underline;
}

.menu-haut1 {
	float: left;
	height: 20px;
	line-height:20px;
	margin-left: 10px;
	background-color: #F0E9CE;
	padding: 0 5px 0 5px;
}

/* Publicité */

#infoMIE_pub {
	position: relative;
	/*width: 100%;*/
	text-align: center;
	height: 110px;
	/*background-color: #141312;*/
	background-color: #888887;
	/*margin-top: -106px;*/
	/*margin-bottom: 35px;*/
	/*margin-left: 20px;*/
}

#infoMIE_pub img {
	margin: 5px;
	border: 5px solid white;
}


/* le menu général */

#menu-gene {
	height: 130px;
	width: 100%;	

}

#menu-gene.accueil {
	height: 60px;
}

#menu {
	height: 24px;
	width: 100%;
	background-color: #5F5F5E;
}

#menu li {
	float: left;
	text-transform: uppercase;
	margin-right: 5px;
	margin-left: 5px;
	font: normal 10px/24px "Trebuchet MS", arial, sans-serif;
}

#menu li a {
	color: #F0E9CE;
	font-weight: normal;
	text-decoration: none;
}

#menu li a:hover, #menu li a.on {
	color: #141312;
}

.menu2, .menu4 {
	height: 24px;
	width: 100%;
	background-color: #959594;
}

.menu2 li, .menu3 li, .menu4 li {
	float: left;
	text-transform: uppercase;
	margin-right: 5px;
	margin-left: 5px;
	font: normal 10px/24px "Trebuchet MS", arial, sans-serif;
}

.menu2 a, .menu4 a {
	color: #141312;
	font-weight: normal;
	text-decoration: none;
}

.menu2 li a:hover, .menu2 li a.on, .menu4 li a:hover, .menu4 li a.on  {
	color: #DECD95;
}

.menu3 {
	height: 24px;
	width: 100%;
	background-color: #f1e9cd;
}


.menu3 a {
	color: #4b4b4a;
	font-weight: normal;
	text-decoration: none;
}

.menu3 li a:hover, .menu3 li a.on{
	color: #310000;
}

/* Le container */

#container {
	position: relative;
	/*width: 100%;*/
	padding-left: 1%;
}

/* Boite gauche */

#infoMIE_gauche {
	position: relative;
	width: 20%;
	float: left;
	/*margin-top: 0px;*/
	/*margin-right: 20px;*/
	/*margin-left: 2%;*/
	margin-right: 2%;
	/*margin-top: -20px ;*/
}


.infoMIE_boite_gauche {
	background: #f1e9cc url("../IMG/fond_presentation.jpg") repeat-x top left;
	position: relative;
	float: left;
	border: 1px solid #580000;
	width: 100%;
	margin-bottom: 20px;
}

.infoMIE_boite_gauche h1 {
	color: #540000;
	font: normal 15px/17px "Trebuchet MS", arial, sans-serif;
	margin: 10px 0 5px 10px;
}

.infoMIE_boite_gauche h3 {
	margin: 5px 0 5px 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	color: #6b5a3e;
}

.infoMIE_boite_gauche ul {
	margin: 0 10px 10px 20px;
}

.infoMIE_boite_gauche li, .infoMIE_boite_gauche li.spip {
	margin-top: 5px;
	margin-bottom: 5px;
}

.infoMIE_boite_gauche li {
	margin-bottom: 1em;
}


.infoMIE_boite_gauche li a {
	text-decoration: none;
}

.infoMIE_boite_gauche li a:hover {
	text-decoration: underline;
}

/* Colonne centrale */

#texte-presentation {
	background-color: #f3e8cb;
	border: 1px solid #580000;
	float: left;
	background: #f1e9cc url("../IMG/fond_presentation.jpg") repeat-x top left;
	position: relative;
	width: 50%;
	padding: 0;
	margin-right: 2%;
	margin-top: 0;
	margin-bottom: 0;
}


#rubrique-presentation {
	background-color: #f3e8cb;
	border: 1px solid #580000;
	float: left;
	background: #f1e9cc url("../IMG/fond_presentation.jpg") repeat-x top left;
	position: relative;
	width: 50%;
	padding: 0;
	margin-right: 2%;
	margin-top: 0;
	margin-bottom: 0;
}

#texte-presentation h1, #rubrique-presentation h1 {
	color: #540000;
	font: normal 15px/17px "Trebuchet MS", arial, sans-serif;
}

.rub {
	margin: 10px 20px 20px;
}

.rub ul {
	margin-right: 50px;
	margin-left: 50px;
}

.rub2 {
	margin: 10px 20px 20px 30px;
}

.rub2 ul {
	margin-right: 50px;
	margin-left: 60px;
}

.rub li, .rub2 li {
	margin-bottom: 0.5em;
}


#identification {
	/*position:absolute;*/
	background-color: #FFF;
	/*left: 480px;*/
	width: 200px;
	/*top: 150px;*/
	border: 1px dashed #191919;
	display: block;
	position: relative;
	float: right;
	margin: -65px 5px 5px;
	padding: 5px;
}

#identification p {
	margin: 5px;
	color: #787878;
}

#identification h2.bonjour {
	color: #515151;
	font: bold 12px/14px "Trebuchet MS", arial, sans-serif;
	margin: 5px;
}


#identification-rubrique {
	position: relative;
	float: left;
	border: 1px dashed #191919;
	/*width: 100%;*/
	margin-bottom: 20px;
	background-color: white;
	padding: 5px;
}


/* Les textes */



.texte-article, .texte {
	/*width: 100%;*/
	float: left;
	position: relative;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	line-height: 1.5em;
		text-align: justify;

}

#texte-presentation div.texte-article p, #rubrique-presentation div.texte p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	text-align: justify;
}




#texte-presentation h1 {
	margin: 10px;
}

#rubrique-presentation h1 {
	margin: 20px 20px 10px;
}

.surtitre, .soustitre, .chapo, .lien,  .notes, .notes h2, #documents_joints {
	margin: 5px 40px;
}

h2.forum-repondre {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Le forum */

#rubrique-presentation h2 {
	margin: 20px 20px 10px;
}

#rubrique-presentation .formulaire_forum p {
	margin: 5px 0;
}

ul.forum {
	margin-left: 25px;
}

/* Le contexte */

#droite {
	width: 20%;
	float: left;
	/*margin-top: -20px;*/
	/*margin-left: 2%;*/
	/*margin-right: 2%;*/
	}

.liste-articles, #agenda {
	margin-bottom: 10px;
	background-color: #f3e8cb;
	border: 1px solid #580000;
	/*width: 210px;*/
	float: left;
}

#identification-rubrique h2, .liste-articles h2 {
	color: #540000;
	font: bold 12px/14px "Trebuchet MS", arial, sans-serif;
	margin: 10px;
}

/* L'agenda */

#agenda, .liste-articles {
	background: #f1e9cc url("../IMG/fond_presentation.jpg") repeat-x top left;
	color: #5a2806;
}

#agenda h1, .liste-articles h1, #identification-rubrique h1 {
	color: #540000;
	font: normal 15px/17px "Trebuchet MS", arial, sans-serif;
}

#agenda h1 {
	margin: 10px 0 5px 10px;
}

#agenda h3.agenda {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	color: #362d1e;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 0;
	margin: 1em;
}

ul.agenda {
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 20px;
}

li.agenda, ul.agenda li.spip {
	margin-top: 10px;
	float: left;
}

.promo {
	color: #245f7c;
}

.promo a {
	color: #1c4a61;
}

/* La liste des articles */

.liste-articles h1, #identification-rubrique h1 {
	margin: 10px 0 0 20px;
}

.liste-articles p, .infoMIE_boite_gauche p {
	margin: 10px 5px 0 20px;
}
 
.liste-articles ul {
	margin-left: 30px;
	margin-right: 10px;
}

.liste-articles li {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

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

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

.formulaire_spip p {
	margin: 5px;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
	
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #e2d4a3; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 150px;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit;
	background-color:#fff; }
	
	

.spip_bouton { text-align: center; }
.spip_bouton input {
	color: #fff;
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	background-color: #310000;
	 }

.formulaire_forum {
	width: 600px;
	margin: 10px;
}

.formulaire_forum input.forml {
	width: 450px;
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele {float:right; display:block; border:1px dotted gray; width:180px;}

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }


.formulaire_spip textarea {
	width: 400px;
}

#sujet_message_auteur_43, #email_message_auteur_43 {
	width: 250px;
	padding: 1px;
	border: 1px solid #7f7f7f;
	font-family: inherit;
	font-size: inherit;
	background-color:#fff; 
}


#formulaire_ecrire_auteur_43 li {
	margin-bottom: 1em;
}

#formulaire_ecrire_auteur_43 form.noajax p.boutons input.submit {
	padding: .5em;
	border: 1px solid #7f7f7f;
	background-color: #300200;
	color: white;
}



.formulaire_ecrire_auteur {
	width: 460px;
}

.formulaire_ecrire_auteur .forml {
	width: 250px;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit;
	background-color:#fff; 
	}
	
.login .forml {
	/*width: 150px;*/
}	
	
form#login {
	/*width: 190px;
	margin: 10px;*/
}	
	
form#login fieldset	{
	/*width:170px*/
}
	
form#login fieldset input	{
	/*width:150px;*/
}

form#login fieldset div.spip_bouton input	{
	width:70px;
}
		
	
 Reponse du formulaire 
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */

.formulaire_recherche .forml {
	width: 155px;
	float: left;
}

.formulaire_recherche {
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	font-size: 12px;
}

.formulaire_recherche label { display: none; }

a.BTNsubmit:link, a.BTNsubmit:visited,a.BTNsubmit:hover { 
	width: 32px;
	height: 18px; 
	text-decoration: none; text-indent: -999px;
	display: block;
	float: left;
	margin: 4px;
	background: #ae9467 url("../IMG/BTN_ok.gif") no-repeat center center;
}

.infoMIE_choix, .infoMIE_choix_nav {
	margin-left: 15px;
	margin-bottom: 15px;
}

.infoMIE_choix .form_choix select {
	width: 75%;
}

.infoMIE_choix .form_choix2 select {
	width: 98%;
}

.choix {
	
	font-size: 11px;
	background-color: white;
	padding: 2px;
}

/* Le pied */

#infoMIE_pied {
	clear: both;
	text-align: center;
	width: 100%;
	height: 1%;
}

#infoMIE_pied ul {
	margin: 10px auto;
	color: #e0d09c;
}

#infoMIE_pied li {
	
	display: inline;
	margin: 5px;
}

#infoMIE_pied a {
	color: #e0d09c;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#infoMIE_pied a:hover {
	text-decoration: underline;
}

.infoMIE_abo {
	/*width: 450px;*/
	float: left;
	position: relative;
}

.infoMIE_abo strong {
	display: block;
	margin-top: 5px;
	margin-bottom: -5px;
	
}