* {
	margin: 0;
	padding: 0;
	border: none;
}

img {
	border: none;
}

body {
	min-height: 800px;
	font-size: 65%;
	font-family: Arial, verdana, sans-serif;
	background-image: url('../images/body-bas.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #6877d2;
}

.spacer {
	clear: both;
	height: 0;
	overflow: hidden;
}


/* ------------------------- */
/*  STRUCTURE                */
/* ------------------------- */

#contenant {
	width: 100%;
	background-image: url('../images/body-haut.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: transparent;
	text-align: center;
}

#ombre {
	width: 916px;
	margin: 0 auto;
	text-align: center;
	background-repeat: repeat-y;
}

#page {
	background-color: #fff;
	width: 876px;
	margin: 0 auto;
	font-size: 1em;
}

#entete {
	text-align: left;
	background-image: url('../../IMG/rubon0.jpg');
	background-repeat: no-repeat;
	padding: 54px 0 32px 0;
	height: 197px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 101px;
}

html>body #entete {
	height: 101px;
}

#menu_transversal {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -438px;
	height: 31px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 16px;
	width: 583px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 567px;
}

html>body #menu_transversal {
	width: 567px;
}
/*

body#accueil #entete {
	padding: 128px 0 67px 0;
	height: 306px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 111px;
}

html>body#accueil #entete {
	height: 111px;
}

body#accueil #menu_transversal {
	position: absolute;
	top: 306px;
	right: 50%;
	padding: 0 0 0 10px;
	height: 18px;
	width: 583px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 573px;
}

html>body#accueil #menu_transversal {
	width: 573px;
}
*/

#contenu_principal {
	clear: both;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #006;
	padding: 10px;
}


body#accueil #contenu_principal {
	padding: 20px 10px 10px 10px;
}

#pied_de_page {
	width: 916px;
	margin: 0 auto;
	background-repeat: no-repeat;
	text-align: center;
	padding-bottom: 20px;
	height: 60px;
}

/*
#pied_de_page {
	width: 916px;
	margin: 0 auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	height: 80px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 60px;
	text-align: center;
}

html>body #pied_de_page {
	height: 60px;
}
*/

/* ------------------------- */
/*  ENTETE                   */
/* ------------------------- */

#entete h1 {
	display: block;
	float: left;
	width: 107px;
	height: 81px;
}

#entete h1 a {
	display: block;
	width: 107px;
	padding-top: 81px;
	height: 0px !important;
	height /**/:81px;
	overflow: hidden;
	background-image: url('../images/h1.jpg');
	background-repeat: no-repeat;
}

#entete h2 {
	display: block;
	float: left;
	width: 211px;
	height: 81px;
}

#entete h2 a {
	display: block;
	width: 211px;
	padding-top: 81px;
	height: 0px !important;
	height /**/:81px;
	overflow: hidden;
	background-image: url('../images/h2.jpg');
	background-repeat: no-repeat;
}


#entete #accroche {
	display: block;
	float: left;
	width: 400px;
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 81px;
	height: 0px !important;
	height /**/:81px;
	overflow: hidden;
}

#entete #recherche {
	clear: left;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 30px;
	width: 347px;
}

#entete #recherche form {
}

html>body #entete #recherche form {
	height: 16px;
}

#entete #recherche fieldset {
	height: 20px;
	line-height: 20px;
	width: 305px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	background-image: url('../images/recherche-fond.png');
	background-repeat: repeat-x;
}

#entete #recherche span#lien_accueil {
	margin-left: 10px;
	margin-right: 20px;
}

#entete #recherche span#lien_accueil a {
	color: #fff;
	text-decoration: none;
}

#entete #recherche span#lien_accueil a:hover {
	color: #fff;
	text-decoration: underline;
}

#entete #recherche input#champ_recherche {
	margin-top: 1px;
	font-size: 1em;
	font-family: Arial, verdana, sans-serif;
}


/* ------------------------- */
/*  MENU_TRANSVERSAL         */
/* ------------------------- */

#menu_transversal ul {
	list-style: none;
	overflow: hidden;
	height: 19px;
	display: block;
	width: 567px;
	background-image: url('../images/menu-transversal-fond.png');
	background-repeat: repeat-x;
}

/*
body#accueil #menu_transversal ul {
	width: 573px;
	height: 18px;
	background-image: url('../images/menu-transversal-accueil-fond.png');
}
*/

#menu_transversal ul li {
	display: inline;
	line-height: 18px;
	padding: 0 10px;
}

#menu_transversal li a {
	display: inline;
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
	border: none;
}

#menu_transversal li a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}


/* ------------------------- */
/*  PAGE D'ACCUEIL           */
/* ------------------------- */

body#accueil #contenu_principal dl {
	background-image: url('../images/dl-verte.gif');
	background-repeat: no-repeat;
	background-position: 5px 0;
	padding-bottom: 12px;
}

body#accueil #contenu_principal dl#actualites {
	background-image: url('../images/dl-guillemets-fermes.gif');
	background-position: right;
}

body#accueil #contenu_principal dl#qui_sommes_nous,
body#accueil #contenu_principal dl#developpement_durable {
	float: left;
	clear: left;
	margin-left: 30px;
	width: 325px;
}

body#accueil #contenu_principal dl#actualites,
body#accueil #contenu_principal dl#services {
	float: right;
	clear: right;
	width: 405px;
	margin-right: 30px;
}

body#accueil #contenu_principal dl#qui_sommes_nous,
body#accueil #contenu_principal dl#services {
	margin-top: 10px;
	margin-bottom: 0;
}

body#accueil #contenu_principal dl#developpement_durable,
body#accueil #contenu_principal dl#actualites {
	margin-top: 0;
	margin-bottom: 10px;
}

body#accueil #contenu_principal dt {
/*
	font-family: Georgia;
	font-size: 1.4em;
*/
	font-size: 1.2em;
	font-family: Georgia, verdana, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #c33;
	padding-bottom: 1em;
	padding-left: 35px;
}

body#accueil #contenu_principal dl#actualites dt {
	background-image: url('../images/dl-guillemets-ouverts.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}

body#accueil #contenu_principal dd {
	padding-left: 35px;
	padding-bottom: 5px;
	text-align: justify;
}

body#accueil #contenu_principal dl#actualites dd,
body#accueil #contenu_principal dl#services dd {
	padding-right: 35px;
}

dl#actualites dd a {
	padding-left: 18px;
	background-image: url('../images/puce.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
}

body#accueil #contenu_principal dd.savoir_plus {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 20px;
	color: #c33;
}

body#accueil #contenu_principal dl#qui_sommes_nous dd.savoir_plus,
body#accueil #contenu_principal dl#developpement_durable dd.savoir_plus {
	background-image: url('../images/dl-petite.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

body#accueil #contenu_principal dl#actualites dd.savoir_plus,
body#accueil #contenu_principal dl#services dd.savoir_plus {
	background-image: url('../images/dl-grande.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

body#accueil #contenu_principal dd a,
body#accueil #contenu_principal dd a:visited {
	color: #006;
	text-decoration: none;
}

body#accueil #contenu_principal dd a:hover {
	color: #c33;
	text-decoration: none;
}

body#accueil #contenu_principal dd.savoir_plus a {
	display: block;
	padding-left: 16px;
	background-image: url('../images/savoir-plus.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #c33;
	text-decoration: none;
}

body#accueil #contenu_principal dd.savoir_plus a:hover {
	color: #c33;
	text-decoration: underline;
}

body#accueil #contenu_principal dt a, body#accueil #contenu_principal dt a:visited {
	color: #c33;
	text-decoration: none;
}

body#accueil #contenu_principal dt a:hover {
	color: #c33;
	text-decoration: underline;
}

/* --------------------------------------
|
|	menu_horizontal
|
----------------------------------------- */

#menu_horizontal {
	text-align: left;
	padding-bottom: 20px;
}

#menu_horizontal ul {
	list-style: none;
}

#menu_horizontal li {
	display: inline;
	margin-right: 15px;
	padding-bottom: 20px;
	background-image: url('../images/dl-petite.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

#menu_horizontal li a {
	padding: 0 10px 0 20px;
	font-size: 1.1em;
	font-family: Georgia, verdana, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #7E8DE0;
	text-decoration: none;
}

#menu_horizontal li.secteur a {
	background-image: url('../images/dl-rouge.gif');
	background-position: 0 3px;
	background-repeat: no-repeat;
	color: #c33;
}

#menu_horizontal li a:hover {
	color: #c33;
	text-decoration: underline;
}

/* --------------------------------------
|
|	menu_vertical
|
----------------------------------------- */

#menu_vertical {
	float: left;
	width: 200px;
}

#menu_vertical h4 {
	font-size: 1em;
	padding-left: 7px;
	padding-top: 7px;
	color: #c33;
}

#menu_vertical ul {
	list-style: none;
}

#menu_vertical li {
	padding: 7px;
	background-image: url('../images/ligne.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

#menu_vertical li a {
	display: block;
	width: 100%;
	padding: 2px;
	padding-left: 20px;
	background-image: url('../images/croix-bleue.gif');
	background-repeat: no-repeat;
	background-position: 10px 6px;
	color: #576CC7;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

html>body #menu_vertical li a { width: auto; }

#menu_vertical li a.selection,
#menu_vertical li a:hover,
#menu_vertical li a:active {
	background-image: url('../images/croix-rouge.gif');
	color: #DB0E21;
}

#menu_vertical li a:active {
	color: #c33;
}

#menu_vertical ul ul {
	display: none;
}

#menu_vertical li li {
	background-image: none;
	padding: 0 10px;
}

#menu_vertical li li a {
	display: block;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: none;
	width: 100%;
	background-image: none;
}

#menu_vertical li li a:hover {
	background-image: url('../images/arborescence.gif');
	background-position: 10px 5px;
	background-repeat: no-repeat;
}

ul.active {
	display:block !important;
}

a.active  {
	color: #DB0E21 !important;
	background: url('../images/croix-rouge.gif') 10px 5px no-repeat !important;
}



/* --------------------------------------
|
|	milieu
|
----------------------------------------- */

#milieu {
	clear: right;
	float: right;
	width: 630px;
}

#milieu #texte {
	padding: 10px;
	width: 450px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 430px;
}

html>body #milieu #texte {
	width: 430px;
}

#milieu #texte a {
	color: #006;
	text-decoration: none;
	font-weight: bold;
}

#milieu #texte a:hover {
	color: #006;
	text-decoration: underline;
	font-weight: bold;
}

#milieu #texte h2 {
	font-size: 1.2em;
	padding: 0 0 20px 25px;
	background-image: url('../images/h2-vert.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #2A3EB1;
	font-weight: bold;
}

#milieu #texte h2.local {
	display: none;
}

#milieu #texte h3 {
	font-size: 1.1em;
	margin-top: 1em;
	margin-left: 10px;
	padding: 0 0 20px 25px;
	background-image: url('../images/h2-vert.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-weight: bold;
	color: #576CC7;
}

#milieu #texte h4 {
	font-size: 1.15em;
	padding: 0 auto 20px auto;
	text-align: center;
	font-weight: bold;
	color: #DB0E21;
}

#milieu #texte h2 a,
#milieu #texte h3 a {
	color: #2A3EB1;
	font-weight: bold;
	text-decoration: none;
}

#milieu #texte h3 a {
	color: #576CC7;
}

#milieu #texte h2 a:hover,
#milieu #texte h3 a:hover {
	text-decoration: underline;
}

#milieu #texte .ligne_top {
	margin-top: 1.5em;
	padding-top: 10px;
	background-image: url('../images/ligne.gif');
	background-repeat: repeat-x;
	background-position: top;
}

#milieu #texte .descriptif {
	padding-bottom: 10px;
/* MD : ne pas afficher le descriptif */
	display: none;
}

#milieu #texte .texte {
	padding-bottom: 10px;
}

#milieu #texte p {
	padding-bottom: 10px;
}

#milieu #texte address p.spip {
	padding: 0;
	margin: 0;
}

#milieu #texte ul {
	list-style: none;
	padding-bottom: 10px;
}

#milieu #texte ol {
	margin-left: 30px;
}

body#plan #milieu #texte ul {
	padding-top: 0;
	padding-bottom: 0;
}

#milieu #texte li {
	padding: 2px 0 2px 30px;
	/* color: #DB0E21;  Modif MD */
}

#milieu #texte ul li {
	background-image: url('../images/puce.gif');
	background-repeat: no-repeat;
	background-position: 14px 4px;
}

#milieu #texte ol li {
	padding-left: 0;
}

#milieu #texte li a {
	color: #DB0E21;
	font-weight: normal;
	text-decoration: none;
}

#milieu #texte li a:hover {
	color: #DB0E21;
	font-weight: normal;
	text-decoration: underline;
}

#milieu #texte .article {
	clear: left;
	margin-bottom: 10px;
	background-image: url('../images/ligne.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

#milieu #texte .lire_plus {
	text-align: right;
}

#milieu #texte .lire_plus a {
	padding-left: 16px;
	background-image: url('../images/savoir-plus.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #c33;
	text-decoration: none;
}

#milieu #texte .lire_plus a:hover {
	color: #c33;
	text-decoration: underline;
}

#milieu #texte .pagination {
	float: right;
	display: block;
	letter-spacing: 1px;
	font-size: 10px;
	margin-right: -20px;
	height: 18px;
	width: 400px;
	background-image: url('../images/pagination.png');
	background-repeat: no-repeat;
	background-position: left/top;
}

#milieu #texte .pagination dl {
	display: block;
	margin: 0;
	padding: 0;
}

#milieu #texte .pagination dl dt {
	font-size: 10px;
	display: block;
	font-weight: normal;
	float: left;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	padding: 0 20px 0 40px;
	color: #fff;
}

#milieu #texte .pagination dl dd {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	color: #fff;
	background-image: none;
}

#milieu #texte .pagination dl dd a {
	float: left;
	display: block;
	height: 18px;
	color: #fff;
	line-height: 18px;
	text-decoration: underline;
	font-weight: normal;
	background-image: none;
}

#milieu #texte .pagination dl dd.en_cours a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	font-style: italic;
}

#milieu #texte .pagination dl dd a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

/* --------------------------------------
|
|	logo
|
----------------------------------------- */

#milieu .logo {
	padding-top: 10px;
	margin-left: 12px;
	margin-bottom: 12px;
	float: right;
	clear: right;
	width: 170px;
	text-align: center;
}

#milieu .logo .image {
	margin: 0 auto;
	display: block;
}

#milieu .logo .image .wrap1,
#milieu .logo .image .wrap2,
#milieu .logo .image .wrap3 {
	display: inline-table;
	/* \*/display: block;/**/
} 

#milieu .logo .image .wrap1 {
	float: left;
	background: url('../images/shadow.gif') right bottom no-repeat;
}

#milieu .logo .image .wrap2 {
	background-image: url('../images/corner_bl.gif');
	background-repeat: no-repeat;
	background-position: -18px 100%;
}

#milieu .logo .image .wrap3 {
	padding: 0 16px 16px 0;
	background-image: url('../images/corner_tr.gif');
	background-position: 100% -18px;
	background-repeat: no-repeat;
}

#milieu .logo .image .wrap3 img {
	display: block;
}

#milieu .logo .legende {
	clear: both;
	display: block;
	padding: 10px;
	color: #576CC7;
	font-style: italic;
}

/* --------------------------------------
|
|	Documents joints
|
----------------------------------------- */


#doc_joints ul {
	padding-top: 0;
	padding-bottom: 0;
}

#doc_joints li {
	padding: 2px 0 2px 30px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 14px 4px;
}

#doc_joints li a {
	color: #DB0E21;
	font-weight: normal;
	text-decoration: none;
}

#doc_joints a:hover {
	color: #DB0E21;
	font-weight: normal;
	text-decoration: underline;
}

/* --------------------------------------
|
|	pied_de_page
|
----------------------------------------- */

#pied_de_page ul {
	display: block;
	height: 38px;
	width: 874px;
	margin: 0 auto 0 0;
	text-align: right;
	list-style: none;
	background-image: url('../images/pied-de-page-fond.png');
	background-repeat: repeat-x;
}

/* MD: Remet la marge par défaut pour navigateurs récents <> IE6 */
html>body #pied_de_page ul {
	margin-left: auto;
}

#pied_de_page ul li {
	display: inline;
	padding-top: 10px;
	padding-right: 30px;
}

#pied_de_page ul li a {
	display: inline;
	font-size: 1em;
	letter-spacing: 1px;
	text-decoration: none;
	color: #7E8DE0;
	border: none;
}

#pied_de_page ul li a:hover {
	letter-spacing: 1px;
	color: #7E8DE0;
	text-decoration: none;
	border-bottom: 1px solid #7E8DE0;
}


/* --------------------------------------
|
|	formulaire_ecrire_auteur
|
----------------------------------------- */

.formulaire_ecrire_auteur {
	width: 350px;
	overflow: auto;
}

.formulaire_ecrire_auteur legend {
	font-size: 1.2em;
	color: #576CC7;
	font-weight: bold;
	padding: 10px 0 20px 25px;
	background-image: url('../images/h2-vert.gif');
	background-repeat: no-repeat;
	background-position: 0 12px;
}

.formulaire_ecrire_auteur dt {
}

.formulaire_ecrire_auteur dd {
	padding: 5px 0 5px 0;
}

.formulaire_ecrire_auteur dd.formulaire_ecrire_auteur_email {
	padding: 0;
	font-style: italic;
}

.formulaire_ecrire_auteur input,
.formulaire_ecrire_auteur textarea {
	font-size: 1em;
	font-family: Verdana, sans-serif;
	background-color: #fff;
	color: #576CC7;
	border: 1px solid #ddd;
}

.formulaire_ecrire_auteur input.submit {
	float: right;
}

.formulaire_ecrire_auteur p {
	clear: both;
	padding: 0 0 10px 0;
}

.formulaire_ecrire_auteur p.formulaire_ecrire_auteur_erreur {
	color: #DB0E21;
}

.formulaire_ecrire_auteur input[type=hidden] {
	display: none;
}


/* --------------------------------------
|
|	styles spip + formatages divers du texte
|
----------------------------------------- */
address {
	/*font-family: monospace;*/
	padding: 0.5em;
	border: 1px solid #EEE;
	white-space: pre;
}

address, pre {
	/*font-family: monospace;*/
	font-style: normal;
	font-family: Arial, verdana, sans-serif;
}


p.spip {
	text-align: justify;
}

table.spip {
	margin: 10px 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
	font-size: 1em;
	font-family: Arial, verdana, sans-serif;
}

tr.centered td {
	text-align:center;
}

table.spip td, table.spip th {
	padding: 0.5em;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

.spip_surligne {
	background-color: #ff6;
}

strong.spip {
	color: #DB0E21;
	font-weight: bold;
}

.spip_out, .spip_glossaire{
	background-image: url(../images/spip_out.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
	display: inline;
}

div.slogan {
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	color: black;
	padding-top: 1em;
	padding-bottom: 2em;
}