body {
font-size: 0.71em;
color:#4d555b;
background-color:#999;
}

/*  ------------------------------------------
/*  initialisation des styles..
/*  ------------------------------------------ */
* {
margin: 0 auto;
padding: 0;
border: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
}

/*  ------------------------------------------
/*  liens...
/*  ------------------------------------------ */
a:link { color:#DC241F; text-decoration:none;}
a:hover { color:#DC241F; text-decoration:underline;}
a:visited {color:#DC241F;}

a images {border: none;}
#carre a {text-decoration: none;color: #4d555b;}
#carre a:hover {text-decoration: none;color: #e60005;}

#menudroite a{text-decoration:none;color:#DC241F;}
#menudroite a:hover{text-decoration:underline;color:#DC241F;}
#menudroite a:visited{color:#DC241F;}

#menudroite_zoom a

#menudroite_zoom-titre a{text-decoration:none;color:#4d555b;}
#menudroite_zoom-titre a:hover{text-decoration:underline;color:#DC241F;}
#menudroite_zoom-titre a:visited{color:#4d555b;}


#menufooter a {text-decoration: none; color: #FFF;}
#menufooter a:hover {text-decoration: underline; color: #FFF;}

#inside_header a span { 
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}

.texte_article a {color: #DC241F;text-decoration:none;}
.texte_article a:hover {color:#DC241F;text-decoration:underline;}
.texte_article a:visited {color:#DC241F;}

.titre_article a {color: #707277;text-decoration:none;}
.titre_article a:hover {color:#DC241F;text-decoration:none;}
.titre_article a:visited {color:#DC241F;}

#titre_rubrique h2 a {color: #A17C00;text-decoration:none;font-size: 110%;font-weight:bold;}
#titre_rubrique h2 a:hover {color:#DC241F;text-decoration:none;font-size: 110%;font-weight:bold;}

/*  ------------------------------------------
/* Paragraphes, citations, code, poesie...
/*  ------------------------------------------ */
p {margin: 0 0 10px 0;}
p.spip {margin: 7px 0 5px 15px;}
p.spip_note {margin: 0 0 10px 0;}

#home_recherche p, #inside_recherche p{
color:#4d555b;
border:0px solid #CCC;
font-weight:bold;
font-size:90%;
padding-bottom:3px;
margin:0;}

#menudroite_zoom p{margin:2px 0 0 0;text-align:left;}

/*  titre du site qui n'apparait qu'a l'impression */
.titre_site {display:none;}

/*  ------------------------------------------
/* pointilles et images... 
/*  ------------------------------------------ */
.pointilles{
position:relative;
margin:5px 0 5px 0;
height:1px;
background-image:url(../images/pointilles.gif);
background-repeat: repeat-x;
}

#outils img{margin-bottom:-3px;}
#menudroite_contacts img{margin-left:15px;}

#menufooter img{margin-bottom:-3px;}

/*  ------------------------------------------
/* h1, h2, h3... 
/*  ------------------------------------------ */
#home_centre h1 {
margin:5px 0 5px 0;
padding:0;
font-size: 200%;
font-weight:bold;
color:#A17C00;
}

#home_centre h2{
margin:5px 0 5px 0;
font-size: 200%;
font-weight:bold;
color:#A17C00;
}

#home_centre h3{
font-size: 100%;
color:#A3A1A1;
font-weight:bold;
}

h3.spip {
text-align:left;
font-weight: bold; 
background-image:url(../images/puce_grise.gif);
background-position:0px 16px;
background-repeat:no-repeat;
padding: 13px 0 0px 15px;
}

#carre h2{
font-size:110%;
font-weight:bold;
margin:10px 5px 10px 10px;
color:#b67100;
}

#menudroite h3{
padding:0px 0 5px 0px;
font-size: 120%;
font-weight: bold;
color:#b67100;
}

#inside_centre h1 {
position:relative;
margin:-37px 0 4px 4px;
font-size: 190%;
font-weight:bold;
color:#b67100;
}

#inside_centre h2{
position:relative;
margin:7px 0 10px 0;
padding:0 0 7px 0;
font-size: 110%;
font-weight:bold;
color:#b67100;
text-transform:uppercase;
background-image:url(../images/pointilles.gif); background-repeat:repeat-x; background-position: bottom;
}

#inside_centre h3{
margin:0 0 10px 0;
font-weight:bold;
font-size: 100%;
color:#707277;
}

h4{
margin:15px 0 3px 0;
font-weight:bold;
font-size: 100%;
color:#707277;
background-image:url(../images/puce_pleine_126.gif);background-position:0px 4px;background-repeat:no-repeat; padding: 0 0 0 10px;
}

/*  ------------------------------------------
/* Liste, puces... 
/*  ------------------------------------------ */
.spip_puce { list-style-position: outside; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li {}
li.spip { margin: 0 0 0 0; list-style-position: outside;}

#home_centre ul {margin:0 0 0 30px;padding:0;}
#home_centre li {list-style-image:url(../images/puce_pleine_rouge.gif);}

#inside_contenu2 li {list-style-image:url(../images/puce_recherche_cons.gif); margin:2px 0 8px 32px;}
#inside_contenu2 li li {list-style-image:url(../images/puce_fleche_cons.gif); margin:5px 0 5px 30px;}

#professionnels li, #collectivites li, #particuliers li, #societes li{list-style-image:url(../images/puce_grise.gif);margin:0 0 5px 0;}

#carre ul{margin-left:35px;}

#outils li {float:left;list-style-type:none;}

#menufooter li{float:left;margin-left:30px;padding:0;list-style-type:none;}

.texte_article ul {padding:0px 0 8px 0;}
.texte_article li {list-style: square;margin: 3px 0px 3px 0px;}

.titre_article ul {padding:0px 0 8px 0;}
.titre_article li {list-style: square;margin: 3px 0px 3px 0px;}

/*  ------------------------------------------
/* gabarit du site... 
/*  ------------------------------------------ */
#fond_conteneur {
background-color:#FFF;
position:relative;
width:926px;
padding:1px;
}

#home_conteneur {
position:relative;
width:926px;
background-image:url(../images/header_home.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

#bandedroite {
position:relative;
width:926px;
background-image:url(../images/fondgauche.gif);
background-repeat:repeat-y;
background-position:744px 0px;
}

#bandegauche {
position:relative;
width:926px;
background-image:url(../images/fondgauche.gif);
background-repeat:repeat-y;
background-position:0px 0px;
}

#home_gauche {
float:left;
position:relative;
width:183px;
margin-top:187px;
left:0;
border:0px solid #000;
background-color:#EFEFEF;
z-index:5;
}

#home_droite {
float:right;
position:relative;
width:182px;
margin-top:228px;
padding-bottom:13px;
top:0px;
border:0px solid #000;
background-color:#EFEFEF;
right:0;
}

#home_centre {
position:relative;
float:right;
background-color:#FFF;
padding:26px 5px 5px 5px;
margin-top:280px;
width:550px;
border:0px solid #CCC;
}

/* hack pour l'alignement de la partie centrale */
html>body #home_centre {
padding:22px 5px 5px 5px;
}

#home_centre .carre_haut{
height:10px;
border-top:3px solid #CCC;
border-left:3px solid #CCC;
border-color:#A17C00;
margin-bottom:0px;
}

#home_centre .carre_bas{
height:10px;
border-bottom:3px solid #CCC;
border-right:3px solid #CCC;
border-color:#A17C00;
}


/*  ------------------------------------------
/*  Carré de la home page
/*  ------------------------------------------ */

#carre{
border:0px solid #CCC;
width:528px;
padding:1px;
background-image:url(../images/repere.gif); background-repeat:no-repeat; background-position: 0px 0px;
}

/* hack pour l'alignement du carré */
html>body #carre{
position:absolute;
top:50px;
left:10px;
width:528px;
padding:1px;
background-image:url(../images/repere.gif); background-repeat:no-repeat; background-position: 0px 0px;
} 

#haut{width:528px;}
#bas{width:528px;}

#professionnels{width:263px;height:173px;float:left;border:0px solid #CCC;background-image:url(../images/fond_professionnels.jpg); background-repeat:no-repeat; background-position: bottom right;}
#collectivites{width:264px;height:173px;float:right;border:0px solid #CCC;background-image:url(../images/fond_collectivites.jpg); background-repeat:no-repeat; background-position: bottom right;}
#particuliers{width:263px;height:172px;float:left;border:0px solid #CCC;background-image:url(../images/fond_particuliers.jpg); background-repeat:no-repeat; background-position: bottom right;}
#societes{width:264px;height:172px;float:right;border:0px solid #CCC;background-image:url(../images/fond_societes.jpg); background-repeat:no-repeat; background-position: bottom right;}


/*  ------------------------------------------
/*  Menu de droite
/*  ------------------------------------------ */

#menudroite{
width:182px;
margin:26px 0 26px 0;
right:0;
border:0px solid #CCC;
background-color:#FFF;
background-image:url(../images/angle_cons_haut.gif); background-repeat:no-repeat; background-position: top left;
list-style-type: none;
}


/* menu de droite - zoom sur */
#menudroite_zoom{
margin:0 10px 0 10px;
padding:10px 0 0 0;
width:162px;
border:0px solid blue;
background-image:url(../images/pointilles.gif); background-repeat:repeat-x; background-position: bottom;
}

#menudroite_zoom .lien_zoom{
margin:5px 0px 0px 0;
padding-bottom:10px;
text-align:right;
}


/* menu de droite - question  */
#menudroite_question{
margin:5px 10px 0 10px;
padding:0px 0 0px 0;
width:162px;
right:0;
border:0px solid green;
background-color:#FFF;
list-style-type: none;
background-image:url(../images/pointilles.gif); background-repeat:repeat-x; background-position: bottom;
}

#menudroite_question .lien_question{
margin:2px 0px 0px 0;
padding-bottom:10px;
text-align:right;
}

/* menu de droite - contacts  */
#menudroite_contacts{
margin:0 0px 0 10px;
padding:5px 0 10px 0;
width:172px;
margin-top:0px;
border:0px solid red;
background-image:url(../images/angle_cons_bas.gif); background-repeat:no-repeat; background-position: bottom right;
}


/*  ------------------------------------------
/*  outils impression...
/*  ------------------------------------------ */

#outils{
position:absolute;
top:5px;
right:40px;
border:0px solid #CCC;
}

/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------ */

#footer {
clear:both;
position:relative;
width:926px;
height:24px;
background-color: #b67100;
padding:7px 0 0 0;
border:0px solid #a17c00;

}


/*  ------------------------------------------
/*  Page intérieur
/*  ------------------------------------------ */

/* fil d'arianne */
#fil_arianne{
position:absolute;
top:-80px;
left:-35px;
}

#inside_conteneur {
position:relative;
width:926px;
background-image:url(../images/header_inside.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

#inside_header {
position:absolute;
width:926px;
margin-top:-1px;
margin-left:-1px;
border:0px solid #000;
z-index:5;
}

#inside_logo {   
float: left;
margin-left: 23px;
margin-top: 1px;
}

html>body #inside_logo {   
float: left;
margin-left: 45px;
margin-top: 1px;
}

#bandedroiteinside {
position:relative;
width:926px;
background-image:url(../images/fonddroiteinside.gif);
background-repeat:repeat-y;
background-position:750px 0px;
}

#bandegaucheinside {
position:relative;
width:926px;
background-image:url(../images/fondgaucheinside.gif);
background-repeat:repeat-y;
background-position:0px 0px;
}

#inside_gauche {
float:left;
position:relative;
width:175px;
margin-top:132px;
padding-top:3px;
left:0;
border:0px solid #000;
background-color:#EFEFEF;
z-index:5;
}

#inside_droite {
float:right;
position:relative;
width:176px;
margin-top:175px;
top:0px;
border:0px solid #000;
background-color:#EFEFEF;

}

#inside_centre {
position:relative;
float:left;
background-color:#FFF;
margin-top:175px;
width:520px;
padding:5px 43px 0px 10px;
border:0px solid #CCC;
text-align:justify;
}

#inside_titre{
border:0px solid #CCC;
width:515px;
height:100%;
margin:0 0 0 15px;
padding:0 0 0px 0;
}

#inside_contenu1{
width:510px;
height:100%;
margin:0 0 0 10px;
padding:0 0 10px 0;
border:0px solid #CCC;
background-image:url(../images/pointilles.gif); background-repeat:repeat-x; background-position: bottom;
}

#inside_contenu2{
clear:both;
margin:20px 0 10px 5px;
padding:0 0 15px 0;
border:0px solid #CCC;
background-image:url(../images/pointilles.gif); background-repeat:repeat-x; background-position: bottom;
}


/* carres de fin d'article */
.ponctuation{
margin:20px 0 0 0;
height:32px;
background-image:url(../images/ponctuation.gif); background-repeat:no-repeat; background-position: bottom right;
}


#logo_consignations{
height:86px;
width:176px;
border-top:2px solid #FFF;
background-image:url(../images/consignations_droite.gif); background-repeat:no-repeat; background-position: bottom right;
background-color:#c98c3c;
}

#fond_tampon{
position:absolute;
background-image:url(../images/fond_tampon.gif); background-repeat:no-repeat; background-position: 0px 0px;
width:176px;
height:314px;
top:140px;
left:0px;
z-index:1;
}


/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */
.titre_rubrique {
text-align:justify;
margin-left:5px;
margin-bottom:5px;
padding:5px 0 5px 0;
}

.titre_article {
color:#b67100;
text-align:justify;
margin-left:30px;
margin-bottom:0px;
}

/*  ------------------------------------------
/*  Formulaire dans un article
/*  ------------------------------------------ */
#carte_agence form{
position:absolute;
top:100px;
right:45px;
width:290px;
height:204px;
background:url(../images/carte_agence.gif); background-repeat:no-repeat; background-position: top right;
}

#carte_interlocuteur form{
position:absolute;
top:100px;
right:45px;
width:290px;
height:204px;
background:url(../images/carte_interlocuteur.gif); background-repeat:no-repeat; background-position: top right;
}

#inside_centre select{
position:absolute;
top:115px;
right:0;
height:17px;
color:#4d555b;

}

.bordure-select{
border:1px solid #999;
}

#replacement-1, #replacement-2 {
width: 89px;
height: 30px;
padding: 30px 0 0 0;
border: 0px solid blue;
overflow: hidden;
vertical-align: middle;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
}

#replacement-1 {background: transparent url(../../squelettes/images/contact_valider.gif) no-repeat top left;}
#replacement-2 {background: transparent url(../../squelettes/images/contact_confirmer.gif) no-repeat top left;}


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

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

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

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

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

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	border:1px solid #CCC;
	padding:2px 2px 0 3px;
	font-family: inherit;
	font-size: inherit; 
	color:#4d555b;
}

.formulaire_spip .previsualisation{	color:#b67100;font-weight:bold;}
p.guillemets{background: transparent url(../images/guillemets.gif) no-repeat top left;font-size:1em;padding-left:70px;height:59px;border:0px solid red;}


.spip_bouton { text-align: right; }

#inside_centre .spip_bouton1 {padding: 20px 0px 0px 342px;}

/* hack pour l'alignement du bouton valider dans Firefox*/
html>body #inside_centre .spip_bouton1 {padding: 160px 0px 0px 345px;}


#inside_centre .spip_bouton2 {padding: 20px 0px 5px 342px;}

/* hack pour l'alignement du bouton valider dans Firefox*/
html>body #inside_centre .spip_bouton2 {padding: 20px 0px 15px 345px;}
	
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	float: right;
	}


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

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



/*  ------------------------------------------
/*  Bloc de recherche
/*  ------------------------------------------ */
#home_recherche, #inside_recherche{
background: url(../images/fond_moteur.gif) no-repeat scroll 0px 0px;
height:45px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#4d555b;
border-top:2px solid #FFF;
border-bottom:2px solid #FFF;
}
#home_recherche{
width:172px;
right:0px;
padding:3px 2px 0 8px;}

#inside_recherche{
width:168px;
right:0px;
padding:3px 0px 0 7px;}

#moteurChamp{
	background: transparent url(../images/fond_moteurChamp.gif) no-repeat scroll 0px 0px;
	border:0px solid red;
	padding:0px 0 0 0;
	margin-top:13px;
	margin-left:0px;
	width:154px;
	height:25px;
}

#moteurChamp .forml {
	border:0px solid red;
	color:#4d555b;
	font-family: inherit;
	font-size: 100%;
	margin-left:5px;
	padding: 2px 0px 0 4px;
	width: 82%;
	}



#home_recherche #submit, #inside_recherche #submit{
position:relative;
top:4px;
border:0px solid #CCC;
}



/* ---
#home_recherche input, #inside_recherche input{
position:relative;
height:17px;
top:0px;
margin:-15px 0 0 0;
font-size:100%;
color:#4d555b;
padding:2px 2px 0 3px;

}
--- */
/* --- hack pour régler le margin du champ texte recherche dans Firefox 
html>body #home_recherche input, #inside_recherche input{
margin:-30px 0 0 0;
}


--- */
/* --- hack pour régler la hauteur du bouton valider recherche dans Firefox 
html>body #home_recherche #submit, #inside_recherche #submit{
top:5px;
}
--- */



.spip_surligne {
color:#b67100;
background-color:#cbd254;
}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 5px; margin-bottom: 5px; margin-top:4px;}
.spip_documents_right { float: right; margin-left: 5px; margin-bottom: 5px; margin-top:4px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* 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: 2px;
	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; }

/* * Couleurs des liens de Spip */
a.spip_note { color: #DC241F; } /* liens vers notes de bas de page */
a.spip_in { color: #DC241F; } /* liens internes */
a.spip_out { color: #DC241F; } /* liens sortants */
a.spip_url { color: #DC241F; } /* liens url sortants */
a.spip_glossaire { color: #DC241F; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #DC241F; } /* liens exposes */