/* CSS Document */

/*Pour positionnement*/
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

#header {
	background-color: #00FF00;
	margin:5px;
}

#conteneur {
	position: absolute;
	width: 100%;
}

#centre {
	background-color:#99FF99;
	margin-left: 255px;
	margin-right: 155px;
}

#gauche {
	background-color: #808080;
	font-size: small;
	color: #FFFFFF;
	font-size: 0.8em;
	position: absolute;
	left:0;
	width: 245px;
	margin:5px;
	}

#droite {
	background-color: #808080;
	font-size: small;
	color: #FFFFFF;
	font-size: 0.8em;
	position: absolute;
	right:0;
	width: 145px;
	margin:5px;
}

#pied {
	background-color: #00FF00;
	margin: 5px;
}

#conteneurgauche{margin: 0.5em; /*gestion des espaces interparagraphes */}
#conteneurdroit{margin: 0.5em; /*gestion des espaces interparagraphes */}
#conteneurcentre{margin: 0.5em; /*gestion des espaces interparagraphes */}

.menugauche {
	list-style-type: none;
	margin: 0;
}

.menugauche li {
	margin-bottom: 5px;
	margin-left: 5px;
}

.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
}

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}

.menudroit li {
margin-bottom: 5px;
}

.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menudroit a:hover {
text-decoration: none;
}

p {margin: 0 0 10px 0;}

/* propriétés communes à l'ensemble des 4 coins du titre de page */
#hautgauchetitre, #hautdroittitre, #basgauchetitre, #basdroittitre {
height: 18px; width: 18px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauchetitre {
background: url(../IMG/arrondi_gauche_haut_titre.gif);
}
#hautdroittitre {
float: right;
background: url(../IMG/arrondi_droit_haut_titre.gif);
}
#basgauchetitre {
background: url(../IMG/arrondi_gauche_bas_titre.gif);
}
#basdroittitre {
float: right;
background: url(../IMG/arrondi_droit_bas_titre.gif);
}
/* propriétés communes à l'ensemble des 4 coins du texte de page */
#hautgauchetexte, #hautdroittexte, #basgauchetexte, #basdroittexte {
height: 18px; width: 18px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauchetexte {
background: url(../IMG/arrondi_gauche_haut_texte.gif);
}
#hautdroittexte {
float: right;
background: url(../IMG/arrondi_droit_haut_texte.gif);
}
#basgauchetexte {
background: url(../IMG/arrondi_gauche_bas_texte.gif);
}
#basdroittexte {
float: right;
background: url(../IMG/arrondi_droit_bas_texte.gif);
}




/* propriétés communes à l'ensemble des 4 coins du pied de page */
#hautgaucheorange, #hautdroitorange, #basgaucheorange, #basdroitorange {
height: 9px; width: 9px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgaucheorange {
background: url(../IMG/arrondi_gauche_haut_orange.gif);
}
#hautdroitorange {
float: right;
background: url(../IMG/arrondi_droit_haut_orange.gif);
}
#basgaucheorange {
background: url(../IMG/arrondi_gauche_bas_orange.gif);
}
#basdroitorange {
float: right;
background: url(../IMG/arrondi_droit_bas_orange.gif);
}

/* propriétés communes à l'ensemble des 4 coins des côtés des menus gauche et droit */
#hautgauchemenu, #hautdroitmenu, #basgauchemenu, #basdroitmenu {
height: 9px; width: 9px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauchemenu {
background: url(../IMG/arrondi_gauche_haut_marron.gif);
}
#hautdroitmenu {
float: right;
background: url(../IMG/arrondi_droit_haut_marron.gif);
}
#basgauchemenu {
background: url(../IMG/arrondi_gauche_bas_marron.gif);
}
#basdroitmenu {
float: right;
background: url(../IMG/arrondi_droit_bas_marron.gif);
}


.hmpnet {
	font-size: 75%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#pied a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}


/*mise en page texte*/
.logoarticle{
	background-color: #FF9900;
	padding: 3px;
	float: left;
	height: 120px;
	width: 120px;
	text-align: center;
	}
	
.logoarticlemini{
	background-color: #FF9900;
	padding: 3px;
	float: left;
	height: 50px;
	width: 50px;
	text-align: center;
	}	

.chapeau{
	font-size: x-small;
	font-weight: bold;
	font-style: italic;
	border: thin double #FF6600;
	background-color: #FFFF99;
	text-align: center;
	margin: 1px;
	padding: 3px;
	}
	.centretitrefixe {
	font-size: large;
	font-weight: bold;
	color: #000000;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #33FF33;
	}
	.gilbert {
	text-align: center;
	border: double #660000;
	font-weight: bold;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}






	





.descriptif_rubrique{
	font-size: x-small;
	font-weight: bold;
	font-style: italic;
	border: thin double #FF6600;
	background-color: #FFFF99;
	text-align: center;
	margin: 1px;
	padding: 3px;
	}






a {
	color:#000000;
	text-decoration: none;
}


a:hover {
	color:#FF9900;
	text-decoration: underline;
}




P {
	MARGIN: 0px 0px 10px
}
.menudroitlien a {
	font-size: small;
	color: #FFFFFF;
}

.menudroittitre {
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	padding-right: 3px;
	padding-left: 3px;
	background-image: url(../IMG/fond_titre_d.gif);
	background-repeat: no-repeat;
	background-position: -1px;
}

	
.comines_warneton{
	font-size: large;
	font-weight: bold;
}	

.petit{
font-size: 9px

}

hr {
	background-color: #FF5400;
	color: #FF5400;
}
h1,h2,h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: center;
	margin-top : 40px;
	margin-bottom : 40px;
	padding: 0em;
	color: #330000;
}
.misenenboitecentre {
	background-color: #CCCC00;
	text-align: center;
	margin: 3px;
	border: double #660000;
	position: relative;
	font-weight: bold;
}

.misenenboitecentresouspartie {
	background-color: #CCCC66;
	margin: 3px;
	border: double #660000;
	position: relative;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	margin-top : 40px;
	margin-bottom : 40px;
	padding: 0em;
	color: #FFFFFF;
	background-color: #330000;
}
.misenenboitecentre h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: right;
	padding: 0em;
	color: #990000;
	background-color: #FFFFFF;
}
.misenenboitecentre h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: right;
	margin-top : 5px;
	padding: 0em;
	color: #990000;
	background-color: #FFFFFF;
}


/*style php*/
.spip_surligne { background-color: #FFFF66; }

h3.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	margin-top : 40px;
	margin-bottom : 40px;
	padding: 0em;
	color: #FFFFFF;
	background-color: #330000;
}

li {
	list-style-image: url(../IMG/puce.gif);
}



ol {
	list-style-type: decimal;
}


table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}

table.spip tr.row_first {
	background-color: #FF6600;
}

table.spip tr.row_odd {
	background-color: #FFFF99;
}

table.spip tr.row_even {
	background-color: #FFCC66;
}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}
p.spip_note {
	font-size: xx-small;
	font-weight: bold;
	background-color: #CCCCCC;
	border: thin solid #FF9900;
}