/* ----------------------------------------------------------------------
Auteur : E. Lacombe
Date : Mai 2005

Sous-parties
. Liens
. Colonne de gauche
.. Actualités
.. Menus SIEDS
.. Plan d'accès et MP
. Centre et droite
.. Repérage et outils
. Colonne de droite
.. Sites
.. Missions
.. Voir aussi

.. Formulaire
.. Info
.. Contenu
.. Bas de Page
.. Accueil
.. Edito
.. Photo
---------------------------------------------------------------------- */
body {
	text-align: center; 	/* Pour centrer la page dans IE */
	margin:0px;
	margin-left:3%;
	margin-right:3%;
	padding:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	scrollbar-face-color: #7fbe49;
	scrollbar-base-color: #00549a;
	scrollbar-highlight-color: #e1e1e1;
	quotes: "«" "»" "<" ">";
}

div#page {
	margin: 0px;
	padding:0px;
/*	width: 940px;  180 + 760 */
	text-align: left; /* Pour décentrer le texte (voir body) */
}

div#bandeau, #bandeau {
	margin:0px;
	padding:0px;
	background: url("../images/bandeauSIEDS.jpg") no-repeat;
	height:120px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: left;
}

a.bandeau {
	display: block;
	margin:0px;
	padding:0px;
	height:120px;
	width: 180px;
}

div#container1 {
	clear: both;
	margin:0px;
	padding: 0px;
}
/* -------------------- Liens -------------------- */
a {
	color:#00549A;
	}

a:link, a:visited {
	text-decoration: none;
}
a:visited {
	/* color: #a1a1a1!important; */
}
a:hover {
	color: #7DC146;
	text-decoration: underline;
}
a:active {
	color: red;
}

/* ======================= Colonne de gauche ===================
= container2 = blocActu + blocSIEDS */

div#container2 {
	float: left;
	width:180px;
	margin: 0px;
	padding: 0px;
}
/* ------------------------ Actualité ------------------------ */
div#blocActu {
	margin:0px;
	background-color:#00549A;
	color:#FFFFFF;
	}
div#labelActu {
	padding:3px;
	font-weight:bold;
	font-size: 75%;
	}
p.breve, A.breve {
	margin:0px;
	padding-top:1px;
	padding-bottom:20px;
	font-size: 85%;
	color:#FFFFFF;
	text-align:left;
	}

marquee.breve {
	margin: 0px 5px 0px 5px;
}

div#blocSIEDS {
	margin-top: 4px;
	padding: 4px;
	background-color:#E1E1E1;
	padding-bottom:60px;
}
/* ------------------------ Menus SIEDS ------------------------ */
div.bloc1 {
	width:170px;
	padding-bottom:8px;
	}
div.menu {
	margin:0px;
	padding:0px;
	width:100%;
	height:21px;
	}
table.menu {
	width:100%;
	}
td.border {
	width:15px;
	}
.label1,.label2,.label3 {
	font-weight:bold;
	font-style:italic;
	font-size:80%;
	text-align:center;
	}
td.label1 {
	background-color: white;
	background: url("../images/fondTitreMenuBleu.gif") ;
	}
td.label2 {
	background-color: white;
	background: url("../images/fondTitreMenuVert.gif") ;
	}
td.label1 a.label {
	color:#00549A;
	text-decoration: none;
	}
td.label2 a.label {
	color:#7DC146;
	text-decoration: none;
	}
div.item1,div.item2 {
	background-color: white;
	padding:5px;
	}
div.bloc1 div.item1 {
	border-left:1px solid #0067A6;
	border-right:1px solid #0067A6;
	border-bottom:1px solid #0067A6;
	}
div.bloc1 div.item2 {
	border-left:1px solid #7DC146;
	border-right:1px solid #7DC146;
	border-bottom:1px solid #7DC146;
	}
ul.item {
	list-style: none;
	padding:0px;
	margin:0px;
	}
ul.item li {
	color:#666666;
	font-weight:bold;
	font-size:60%;
	line-height:9pt;
	}
a.item {
	text-decoration: none;
	color:#6D6D6D;
	}

/* -------------------- Plan d'accès et MP -------------------- */
div.bloc2 {
	width:168px;
	border:1px solid #B7B7B7;
	background-color: #F0F0F0;
	margin-bottom:10px;
	}
div.bloc2 div.menu{
	height:32px;
	padding:2px;
	}
.icon {
	border:0px;
	vertical-align:middle;
	}
a.label3 {
	color:#00549A;
	text-decoration: none;
	}

/* ======================= Centre et droite ============================*/

div#container3 {
	margin:0px;
	padding: 0px;
	margin-left: 188px;
}
/* -------------------- Repérage et outils -------------------- 
= repere = chemin + assistance + form */

div#repere {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 12pt;
}
p.chemin{
	font-size:60%;
	margin:0px;
	padding-top: 8px;
	}
p.chemin a{
	color:#6D6D6D;
}
ul.assistance {
	padding:0px;
	margin:0px;
	border:0px;
	}
ul.assistance li {
	list-style: none;
	margin: 0;
	padding-right:10px;
	display: inline;
	font-size:60%;
	}
ul.assistance li a{
	text-decoration: none;
	color:#6D6D6D;
	}
div#assistance {
	float: right;
}

form#formRecherche {
	float: right;
	margin: 0px;
	padding-top: 4px;
	}
input#Recherche {
	color:#6d6d6d;
	width:120px;
	font-size:80%;
	}
p.formulaire {
	margin:0px;
	padding:0px;
	}
p.formulaire img {
	vertical-align:top;
	}

/* =================== colonne de droite =================== */
div#container4 {
	position: absolute;
	top: 162px;
	margin: 0px;
	padding: 0px;
	width:180px;
	right: 3%;
}

/* -------------------- Sites -------------------- */

div#blocSites {
	text-align:center;
	white-space: nowrap;
	}
img.logo {
	border:0px;
	margin:0px;
	height:56px;
	width:56px;
	}

/* -------------------- Missions -------------------- */

div.blocMissions {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-bottom:8px;
	margin-right:8px;
	background-color:#F3F3F3;
	width:180px;
	vertical-align:top;
	}

div.labelMissions {
	margin: 0px;
	padding: 5px;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color:#00549A;
	border-bottom:4px solid #4E9CDC;
	color:#FFFFFF;
	font-size:70%;
	font-weight:bold;
	}
ul.missions{
	margin-top:12px;
	margin-bottom:0px;
	margin-left:8px;
	padding-left:16px;
	}
li.mission {
	list-style-image: url("../images/puceMission.gif");
	font-size:80%;
	}
.spip li {
	font-size:70%;
	margin-left:0px;
	}
li.mission a {
	text-decoration: none;
	color:#6D6D6D;
	}
li.mission a:hover {
	text-decoration: underline;
	}


/* -------------------- Voir aussi -------------------- */

div#blocVoir {
	float:left;
	margin: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	width:180px;
	background-color:#F3F3F3;
}

div.labelVoir {
	background-color:#7DC146;
	color:#FFFFFF;
	font-size:70%;
	padding:5px;
	font-weight:bold;
	}

div#voirAussi ul.voirAussi{
	margin-top:12px;
	margin-bottom:0px;
	margin-left:8px;
	padding-left:16px;
	}
li.voir {
	list-style-image: url("../images/puceMenu.gif");
	font-size:70%;
	}
li.voir a {
	text-decoration: none;
	color:#6D6D6D;
	}
li.voir a:hover {
	text-decoration: underline;
	}

/* -------------------- Formulaire -------------------- */

div.blocForm, .spip_forms {
	margin: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	background-color:#F3F3F3;
	width: 70%;
	font-size: 80%;
	}
.spip_form_champ {
	margin: 10px;
}
div.labelForm, .spip_forms h3 {
	background-color:#7DC146;
	color:#FFFFFF!important;
	padding:5px;
	font-weight:bold;
	font-size:120%!important;
	}
label, div.blocForm b {
	font-weight:bold;
	font-size:90%;
	}
label.button {
	display:inline;
	background-color:#00549B;
	color:#FFFFFF;
	border:1px solid #999999;
	padding:3px 12px 3px 12px;
	}
input.radio {
	background-color:#FFFFFF;
	border:1px solid #999999;
	}
button {
	padding-top:12px;
	}
input, select, textarea {
	background-color: white!important;
	vertical-align:middle;
	}
.spip_form_ok,.spip_form_erreur {
	color: red;
	font-size: 130%;
}

/* écrasement des styles SPIP */
.spip_encadrer {
	background-color: #F3F3F3;
	border: 0px;
	font-size: 80%;
}

input.spip_bouton {
	background-color: #00549B!important;
	color: white;
	border: 1px solid #999999;
}

/* -------------------- Info -------------------- */

div#blocInfo {
	float:left;
	margin: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	width:180px;
	}
div#borderInfo {
	border: solid 1px #7DC146;
	padding: 5px;
	}


div#labelInfo {
	padding:3px;
	font-weight:bold;
	font-size: 70%;
	}
p.info {
	margin:0px;
	padding:3px;
	font-size: 60%;
	}

/* -------------------- Contenu -------------------- */

div#contenu {
	margin: 0px;
	margin-right: 200px;
	padding-right: 10px;
}

.titreRub {
	color: #00549A;
	font-size: 115%;
	margin: 0px;
}

img.logoRub {
	border:0px;
	margin-right:10px;
	float:left;
	}
p.introRub {
	font-size:75%;
	line-height:120%;
	text-align:justify;
	color:#045197;
	margin-bottom:40px;
	font-weight: bold;
	}
h1.titre {
	color:#00549A;
	font-size: 100%;
	}
h3.spip {
	color:#7EC249;
	font-size: 90%;
}
div#contenu h1.titre {
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	}

h1.titre a{
	color:#7EC249;
	text-decoration: none;
	font-size:90%;
	}
h1.titre a:hover{
	text-decoration: underline;
	}

p.extrait {
	margin-top:0px;
	text-align:justify;
	font-size:75%;
	color:#666666;
	}
div.suite {
	text-align:right;
	height:20px;
	font-size:70%;
	font-weight:bold;
	}
div#contenu div.suite {
	border-bottom:1px solid #CCCCCC;
	}
.suite a {
	color:#00549A;
	text-decoration: none;
	}

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

/* -------------------- Bas de page -------------------- */

div#outils {
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	height:20px;
	margin-right: 200px;
	}
div#outils p{
	text-align:right;
	margin:0px;
	font-size:60%;
	}
div#outils p a {
	color:#00549A;
	text-decoration: none;
	}
img.outil{
	float:left;
	border:0px;
	padding-right:10px;
	}

.spip_documents{
	font-size : 70%;
}

div#documents {
	margin: 0px;
	margin-right: 200px;
	padding: 0px;
	padding-bottom:10px;
	background-color:#F3F3F3;
	}
div#documents h1.titre {
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	margin:0px;
	font-size:75%;
	}
div#documents ul.voirAussi{
	margin:0px;
	margin-left:8px;
	padding-left:16px;
	}
div#documents ul li {
	font-size:70%;
	}

div#bas {
	float: left;
	padding-top: 10px;
	font-size:65%;
	width: 500px;
}
div#bas a{
	text-decoration: none;
	color:#6D6D6D;
	}

/* -------------------- Accueil -------------------- */
div.accueil {
	margin: 0px;
	display: block;
	overflow: hidden;
	}

div#blocSitesAccueil {
	float:right;
	margin:0px;
	margin-top:16px;
	height:100px;
	}
div#blocSitesAccueil a img.logo {
	border:0px;
	margin:0px;
	height:100px;
	width:100px;
	}

img.picto {
	border:0px;
	margin:0px;
	float:right;
	}

table.groupMissions {
	clear:right;
	margin:0px;
	margin-top:10px;
	padding:0px;
	}
tr.space {
	height:8px;
	}
td.space {
	padding:4px;
	}
td.blocMissions {
	margin: 0px;
	padding: 0px;
	padding-bottom:8px;
	margin-right:8px;
	background-color:#F3F3F3;
	width:33%;
	vertical-align:top;
	}

.out-min-height {
	padding-top:140px;          /* voici le min-height (200px) */
	min-height: 1px;           /* pour Opéra */
	}
.in-min-height {  
	margin-top: -140px         /* pour compenser le padding-top */ 
	}


div.groupMissions div.blocMissions div.labelMissions{
	font-size:60%;
	}

ul.sites{
	margin-bottom:0px;
	margin-left:8px;
	padding-left:16px;
	font-size:65%;
	}

li.OE {
	list-style-image: url("../images/puceOuestEnergie.gif");
	}
li.RS {
	list-style-image: url("../images/puceRegieSieds.gif");
	}
li.RE {
	list-style-image: url("../images/puceRegieEau.gif");
	}
li.OE a, li.RE a, li.RS a{
	text-decoration: none;
	font-weight:bold;
	color:#00549A;
	font-size:110%;
	}
#BDDA {
	width: 750px;
	height: 500px;
	border-width: 0px;
}
/* -------------------- Edito -------------------- */

div#accueil {
	}
div#blocEdito {
	margin: 0px;
	margin-right:220px;
	border: solid 1px #CCCCCC;
	padding: 5px;
	min-height:100px;
}

div#labelEdito {
	padding:3px;
	font-weight:bold;
	font-size: 75%;
	color:#00549A;
	}
img.edito {
	border:0px;
	margin-left:5px;
	float:right;
	}
p.edito {
	margin:0px;
	padding:3px;
	font-size: 70%;
	color:#666666;
	}
div#blocEdito div.suite {
	float:right;
	padding-right:4px;
	}
.alignement {
	clear:right;
	}

/* -------------------- Article -------------------- */

p.spip, .spip_image, li.spip {
	font-size: 75%;
	color: #4040404;
	margin-top:8px;
	margin-bottom:12px;
	text-align:justify;
	}

.spip_titre_document {
	font-size: 75%;
	color:red;
	margin-top:8px;
	margin-bottom:12px;
	text-align:center;
}

p.interet{
	float:right;
	width:200px;
	font-size:60%;
	text-align:right;
	}
p.mel {
	text-align:right;
	color:#999999;
	font-size:65%;
	clear: right;
	}	
p.spip_note {
	color:#999999;
	font-size:60%;
	}	
/* -------------------- Photo -------------------- */

div#blocPhoto {
	float:left;
	margin: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-color:#F3F3F3;
	width:180px;
	height: 220px;
	text-align:left;
	}
#voirPhoto {
	}
div#labelPhoto {
	background-color:#7E7E7E;
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
	font-size:70%;
	}
div#blocPhoto p {
	font-size:70%;
	text-align:center;
	vertical-align:top;
	}
img.pictophoto {
	border:0;
	margin-right:6px;
	}

/* -------------------- Recherche -------------------- */

p.resultat {
	font-size:70%;
	}
p.domaine {
	font-weight: bold;
	font-size: 90%;
	color: #00549B;
	padding-bottom:5px;
	border-bottom: 1px solid #cccccc;
	}
.spip_surligne {
	background-color:#e1e1e1;
	font-weight: bold;
	}
span.highlight {
	background-color:#7DC146;
	font-weight: bold;
	}
h1 span.highlight {
	color: #00549B;
	}
span.hlrub {
	font-weight: bold;
	}

div.listeresultats {
	margin-left:15px;
	}
div.listeresultats h1.titre {
	margin:0px;
	padding:0px;
	}
p.contexte a {
	font-size:90%;
	color:#666666;
	}

/* -------------------- Plan -------------------- */

ul.missions ul.sites {
	margin-left:0px;
	padding-left:0px;
	font-size:100%;
	}

ul.missions ul.sites li.mission {
	margin-left:0px;
	padding-left:16px;
	font-size:100%;
	}
li.sub {
	list-style:none;
	font-size:70%;
	margin:0px;
	padding:0px;
	background-color:#red;
	display:inline;
	}
li.sub ul.sites {
	margin:0px;
	padding:0px;
	}
/* -------------------- Diaporama -------------------- */

div#galerie {
	background-color:#F3F3F3;
	border:1px solid #7DC146;
	margin-top:15px;
	margin-left:30px;
	margin-right:30px;
	padding-top:15px;
	}
ul#galerie_mini {
	list-style:none;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	}
ul#galerie_mini li {
	display:inline;
	}
ul#galerie_mini li img, dd img {
	border:1px solid #7DC146;
	}
dl#photo {
	margin-top:0px;
	text-align:center;
	margin-right:30px;
	}
dl#photo dt {
	color:#7EC249;
	font-size: 80%;
	font-weight:bold;
	}

/* -------------------- Accessibilité -------------------- */

#accessibilite {
		display: none;
	}

/* -------------------- Images -------------------- */

.spip_images {
	margin: 0px 10px 10px 10px;
}

/* -------------------- Tableaux -------------------- */


table.spip {
	font-size: 80%;
	margin-left: auto; margin-right: auto;
}

table.spip tr.row_first {
	background-color: #2D4991;
	color: white;
}

table.spip td {
	vertical-align: top!important;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}

tr.row_first td {
	text-align: center!important;
}

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

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

/* -------------------- Impression -------------------- */

@media print {
	div#container3,div#contenu {
		margin: 0px;
		padding: 0px;
	}
    div#container2, div#repere, div#container4, .spip-admin-float, div#bas, div#bandeau, div#outils {
		background: none;
		display: none;
	}
}


/* CSS from the ALA Article */

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1 {
  float: left;
  background:url(../images/shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background:url(../images/corner_bl.gif) -4px 100% no-repeat;
}
.wrap3 {
	padding:0 16px 16px 0;
	background:url(../images/corner_tr.gif) 100% -4px no-repeat;
}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;
}