html {
	background: url(images/motif-mauve.jpg); 
}
body {
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #583277;
}
p {
	margin-top: 10px;
	line-height: 15px;
}
strong { font-weight: bold; }

sup { line-height: 0.5em; }

a { 
	text-decoration: underline;
	color: #583277;
}
a:hover {
	text-decoration: none;
}
input:focus { outline: none; }

.fin-concertation a:link,
.fin-concertation a:visited,
.fin-concertation a:hover,
.fin-concertation a:active {text-transform:normal; font-size:1em; color:#593479;}


/* layout */

#conteneur { 
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur #contenu {
	background: #ffe025 url(images/contenu-fond.jpg) 0 100% no-repeat; 
	float: left;
	position: relative;
	width: 940px;
	min-height: 771px;
	_height: 771px;
	margin: 0px 10px;
}
body.page_sommaire #conteneur #contenu {
	min-height: 627px;
	_height: 627px;
}

#conteneur #contenu #col_gauche {
	float: left;
	position: relative;
	background-color: blue;
	width: 188px;
	overflow: hidden;
	min-height: 508px;
	_height: 508px;
	background: url(images/col-gauche-fond.png) 0 0 repeat-x;
	border-right: dashed 1px #583277;
}
body.page_sommaire #conteneur #contenu #col_gauche {
	min-height: 454px;
 	_height: 454px; 
}

#conteneur #contenu #col_centre {
	float: left;		
	position: relative;
	width: 545px;
	margin-bottom: 160px;
	background: url(images/col-centre-deg.png) 0 0 repeat-x;
}

#conteneur #contenu #col_centre #blanc {
	background-color: #fff; 
	width: 495px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 28px 15px 28px 15px; 
}

#conteneur #contenu #col_droite {
	float: left;		
	position: relative;	
	width: 204px;
	min-height: 508px;
	_height: 508px;
	border-left: dashed 1px #583277;
	background: url(images/col-droite-fond.png) 0 0 no-repeat;
}
body.page_sommaire #conteneur #contenu #col_droite {
	background: none;
	min-height: 454px;
 	_height: 454px; 
}


#conteneur #contenu #col_droite .le_logo {
	z-index: 2;
	position: absolute;
}
#conteneur #contenu #col_droite .le_texte_arr {
	padding: 15px 15px 15px 15px;
	position: absolute;
	top: 75px;
	width: 175px;
	z-index: 1;
}

#conteneur #contenu #col_droite .le_texte_arr p {
	font-size: 11px;
	line-height: 13px;
}

/* Entete */
#entete {
	float: left;
	position: relative;
	width: 940px;
	height: 300px;
	margin: 0px 10px;
	background:url(images/entete-t4.png) 0 0 no-repeat; 
}

#entete  a#logo_t4 {
	position: absolute;
	float: left;
	top: 10px; 
	left: 23px;
}

#entete  a#logo_stif {
	position: absolute;
	float: left;
	top: 0px;
	right: 0px;
}
	
#entete a { text-decoration: none; }

#entete .formulaire_recherche { float: right; }


.page_res a { 
	font-size: 11px; 
	margin: 5px 0px 5px 0px; 
	font-style: italic;
	display: block;
}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin: 15px 0px 15px 15px;
	font-size: 9px;
}

/* Pied de page */
ul#navigation-pied {
	position: absolute;
	float: right;
	bottom: 12px;
	right: 15px;
	text-align: right;
}
ul#navigation-pied li {
	display: inline;
	font-size: 10px;
}
ul#navigation-pied li a {
	font-size: 10px;
	text-decoration: none;
	color: #583277;
}


div#haut {
	margin-top: 30px;
	float: right;
	font-weight: bold;
}
div#haut a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

/* Acteurs */
ul#acteurs {
	position: absolute;
	float: right;
	bottom: 35px;
	right: 15px;
	height: 49px;
	padding-top: 5px;
	overflow: hidden;	
	text-align: right;
	background: #fff;

}
ul#acteurs li {
	display: inline;
	padding: 0px 3px 0px 3px;
}
ul#acteurs li.first {
	padding: 0px 3px 0px 7px;
}
ul#acteurs li.last {
	padding: 0px 7px 0px 3px;
}

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Typo pour le contenu */
#contenu {
	font-family: Arial, Verdana, Tahoma, sans-serif;
}

/*  menus et navigation */
ul#navigation  {
	float: left;
	height: 48px;
	width: 940px;
	overflow: hidden;
	margin: 0px 10px;
	background: #ffe025 url(images/nav-fond.png) 0 0 repeat-x;
}
ul#navigation li {	
	float: left;
	display: inline;
 	height: 48px;
	background: url(images/nav-off.png) 0px 8px no-repeat; 
}
ul#navigation li.first {
	background: none;
}
ul#navigation li a {
	display:block; 
	padding: 21px 27px 0px 27px;
	text-decoration: none;
	text-transform: uppercase; 
	text-align: center;
	color: #583277;
	font-size: 12px; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
}
ul#navigation li.on a {
	color: #fff;
}
ul#navigation li.on {
	background: url(images/nav-on.png) 0px 8px no-repeat;
}
ul#navigation li.off a:hover { 
	background: url(images/nav-roll.gif) 15px 23px no-repeat;
}

ul.menu-contex {
	margin: -10px 1px 20px 0px;
	width: 188px;
}

ul.menu-contex ul {
	margin: 0px 1px 20px 0px;
}
ul.menu-contex li {
	border-bottom: dashed 1px #583277;
}
ul.menu-contex li.first {
	border-top: dashed 1px #583277;
}

ul.menu-contex li a {
	display: block;
	padding: 7px 10px 7px 27px;
	text-decoration: none; 
	text-align: left;
	color: #583277;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
}
ul.menu-contex li a:hover {
	background: url(images/menuc-on.gif) 10px 9px no-repeat;
}
ul.menu-contex li.on {
	background: #ffe025 url(images/menuc-on.gif) 10px 9px no-repeat;
}
ul.menu-contex li.on a {
	font-weight: bold;
}

ul.menu-contex ul a {
	padding: 7px 10px 7px 37px;
	font-size: 11px;
}
ul.menu-contex ul li a:hover {
	background: none;
	text-decoration: underline;
}
ul.menu-contex ul li.on {
	background: none;
}
ul.menu-contex ul li.on a {
	font-weight: bold;
}

/*  titraille
---------------------------------------------- */
h1.titre {
	font-size: 18px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 10px;
}
h2.titre {
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 20px;
}
h3.titre {
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin: 0px 0px  5px 0px;
	padding-top: 10px;
}
h3.titre a {
	font-size: 14px;
	text-decoration: none;
}
#contenu .surtitre, #contenu .soustitre { 
	font-size: 14px; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: center;
}


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-top: 25px;
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 15px;
}

.accroche {
	padding: 0px 20px 10px 20px;
}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { }

.ps, .notes {
	margin-top: 10px;
	padding-top: 5px;
}
.ps { font-size: 10px; }
.notes { clear: both; font-size: 9px; }
.ps h2, .notes h2 { font-size: 10px; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	margin-top: 20px;
	width:495px;
}
#documents_portfolio dl {
	float: left;
	display: inline;
	width: 150px;
	padding-right: 15px;
	padding-bottom: 8px;

}
#documents_portfolio dt.vignette {
	float: left;
	display: inline;
	height:100px;	
	width: 150px;
	overflow: hidden;
}
#documents_portfolio dt.titre {
	float: left;
	display: inline;
	width: 140px;
	overflow: hidden;
	padding: 2px 5px 1px 5px;
	background-color: #583277;
	color: #ffe025;
	font-size: 11px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	
}
#documents_portfolio h2 { 
	font-style: italic;
	font-size: 11px;
	margin: 10px 0px;
}

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 160px;
	width: 200px;
}
#documents_joints div.spip_doc_logo {
	float: left;
	display: inline; 
	margin-left: 20px; 
	margin-top: 5px;
	width: 100px;
}
#documents_joints div.spip_doc_titre { 
	float: left; 
	display: inline; 
	margin-top: -40px; 
	margin-left: 80px; 
	padding-right: 10px; 
	font-size: 12px; 
	line-height: 12px; 
	font-weight: bold; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#documents_joints a { text-decoration: none; }
#documents_joints h2 { margin-bottom: 5px; font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: center; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 5px; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}



/* divers */

.pagination { padding-top:10px; font-size: 12px; text-align: center; color: #c7b1d5; }
.pagination span { color: #583277; font-size: 13px; }
.pagination a {text-decoration: none; }
.pagination a:hover {text-decoration: underline; }

.texteencadre-mauve {
	background: #c7b1d5; 
 	margin: 10px 0;	
	padding: 0px 15px 10px 15px;	
	position: relative;
}

.texteencadre-violet {
	background: #583277; 
 	margin: 10px auto;	
	padding: 0px 15px 10px 15px;	
	position: relative;
	color: #c7b1d5;
	width: 475px;

}
.texteencadre-violet a {
	color: #c7b1d5;
}
.texteencadre-violet a .gl_mot {
	color: #c7b1d5;
	font-weight: bold;
}

/*  formulaires */
.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

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


/* Formulaire de recherche */
div.formulaire_recherche { 
	height: 161px;
}
.formulaire_recherche label { 
	display: none;
}
input#recherche { 
	background: none;
	border: none;
	color: gray;
	font-size: 12px;
	width: 138px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 44px;
	left: 21px;
	padding: 0px 5px;
}
input.boutonok {
	display: block;
	position: absolute;
	top: 81px;
	left: 138px;
}

/* col gauche */
div.bouton {
	padding: 0px 0px 6px 13px;
}


/* plan du site */

.page_plan #contenu #col_centre h2 {
	clear: both;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 15px;
	margin: 20px 0px 5px 0px;
	background: url(images/menuc-on.gif) 0px 3px no-repeat;
}

.page_plan #contenu #col_centre ul {
	display: block;
	clear: left;
	margin: 10px 0px 5px 15px;
	border-left:1px dashed #583277;
}
	
.page_plan #contenu #col_centre ul ul {
	border: none;
	margin: 3px 0px 3px 0px;
}

.page_plan #contenu #col_centre li {
	padding-left: 15px;
}

.page_plan #contenu #col_centre h2 a, .page_plan #contenu #col_centre ul a, .page_plan #contenu #col_centre ul a {
	text-decoration: none;
}
.page_plan #contenu #col_centre h2 a:hover, .page_plan #contenu #col_centre ul a:hover, .page_plan #contenu #col_centre ul a:hover {
	text-decoration: underline;
}


/* glossaire */

dl#glossaire {
	margin-top: 50px;
}

dl#glossaire dt {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
dl#glossaire dd {
	margin-left: 10px;
	padding-left: 10px;
	border-left:1px dashed #583277;
}

/* acteurs */


ul#acteurs-liste {
}
ul#acteurs-liste li {
	display: block;
	position: relative;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
ul#acteurs-liste li div.acteur-logo {
	float: left;
	width: 120px;
	margin: 0px 20px 0px 0px;
	text-align: center;
}
ul#acteurs-liste li div.acteur-contenu {
	float: right;
	width: 325px;
}
ul#acteurs-liste li div.acteur-contenu h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


/* formulaire avis */

.spip_forms {
	margin-bottom: 45px;
	padding: 6px;
	font-weight: normal;
}
.spip_forms form {
	padding:5px 0 0 0;
	width:425px;
}
.spip_forms form label {
	float:none;
}
.spip_forms fieldset legend {
	display: none;
}

.spip_forms div.spip_descriptif {
	border:0;
	margin:0;
	clear:both;
}
.spip_forms .spip_form_champ {
	margin-bottom: 0;
	display: block;
	clear: both;
	margin-top: 1em;
}
.spip_forms .spip_form_label {
  	font-weight: bold;
  	text-align:left;
  	display: block;
}
.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
	text-align:left;
  	font-weight: bold;
}
.spip_forms .spip_form_label_obligatoire {
	font-weight: normal;
	font-style:italic;
	font-size:.9em;
}
.spip_forms .obligatoire_oublie {
	color:red;
}
.spip_forms .spip_form_label_details{
	display:block;
	font-style:italic;
	text-align:left;
	font-size: 11px;
}

.spip_forms .spip_form_choix_unique {
	display:block; 
}
.spip_forms .spip_form_choix_unique label {
	font-size: 11px;
}
.spip_forms .spip_form_choix_multiple label {
	font-size: 11px;	
}

.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
	width:auto;
}

.spip_forms .spip_form_choix_unique label {
	margin:0 0 5px 0;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
	width:auto;
	margin:0 5px 0 0;
}
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique{
	list-style:none;
	float:left;
	padding-left:5px; 
	width:100%; 
}
.spip_forms li {
	display: inline;
}
.spip_forms .spip_form_erreur {
	font-weight:bold;
	color:red;
}
.spip_forms .spip_form_ok {
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: .6em;
}
.spip_forms .spip_form_ok a {
	color:#FFF9E2;
}
.spip_forms .spip_form_ok a:hover {
	color:#DEB55E;
}
.spip_forms .spip_form_ok_confirmation{
	display:block;
}
.spip_forms .forml, .spip_forms .formo {
	width:100%;
	border-bottom:solid 1px #E2CEC1;
	border-right:solid 1px #E2CEC1;
	border-top:1px solid #AF896F;
	border-left:1px solid #AF896F;
	font-size:1em;
	padding:.25em;
}
.spip_forms .forml, .spip_forms .fondl {
	background: #FFFDE7;
	color:#4A4336;
	width:100%;
}
.spip_forms .formo, .spip_forms .fondo {
	background-color: white;
	color:#4A4336;
	width:100%;
}
.spip_forms .champ_obli_oubli {
	border:2px solid red;
}
.spip_forms .spip_bouton input {
	background-color: white;
	border: 2px solid #583277;
	cursor:pointer;
	padding:.4em;
	font-weight:bold;
	font-size:14px;
	width:100px ;
	color:#583277;
	margin: 20px 0px 0px 0px;
}

.spip_forms .fichier {
	background: none;
	border: none;
}

.spip_forms p.spip_form_ok, .spip_forms p.spip_form_erreur, .spip_forms form {
	clear:both;
}
span.nettoyeur{
	clear:both;line-height:1px;font-size:1px;display:block;
}
span.erreur {
	display:block;
	font-weight:bold;
	color:red;
}


/* lire les avis */

ul#avis h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	margin: 15px 0px  0px 0px;
}

ul.docs {
	margin: 15px 0px 5px 0px;
}
ul.docs li {
	position: relative;
	height: 60px;
	line-height: 60px;
	width: 400px;
}
ul.docs li a.desc {	
	display: block;
	position: absolute;
	top: 15px;
	left: 60px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
}
ul.docs li a.desc:hover {	
	text-decoration: underline;
}
ul.docs li a.desc small {
	font-size: 9px;	
}

div#avis-haut {
	float: right;
	display: inline;
	margin-top: 30px;
	margin-right: 20px;
	font-weight: bold;
}
div#avis-haut a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}