/*---------------------------
	STYLES DE BASE 
-------------------------- */ 
* {margin: 0; padding: 0; list-style: none;}
html, body {width: 100%; height: 100%;}
html {font-size: 100%;}
fieldset, img, abbr, acronym {border: 0;}

.format_png { behavior: url(http://recette.dijonjetaime.fr/squelettes/js/win_png.htc); }

/* Clear Floated Elements
----------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* ajouter pour containers elements floatants */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* fin containers elements floatants */

body { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 1.4;
  color: black; 
	background: white url(../charte/bg-page.gif) repeat-y 50% 0;
  text-align: center;
} 
/* Containers
----------------------------------------------------------------------------------------------------*/
#page_container {
	padding: 0 0 40px 0;
	margin: 0 auto;
	width: 997px;
	position: relative;
	text-align: left;
}
#content {width: 997px;
}	

/*---- Titres ------------- */ 
h1, h2, h3, h4, h5, h6 { 
  font-weight: normal; 
} 
h1 { 
  font-size: 20px;
  color: #ec6602; 
} 
h2 { 
  font-size: 15px; 
} 
h3 { 
  font-size: 15px; 
} 
h4 { 
  font-size: 12px; 
} 
 
/*---- Listes ------------- */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/*---- Contenu ------------ */ 
p { 
  margin: 0 0 10px 0; 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
}
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/*---- Liens -------------- */ 
a { 
  text-decoration: underline; 
  color: #11C; 
} 
a:hover { 
  color: #00F; 
} 

a, img { 
  border: none; 
} 
 
/*---- Formulaires -------- */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; 
}
/* ---- Conteneurs s?mantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display: block;}



/* ---- Mise en page ---- */
header{
	background: #fff url(../charte/bg-header.jpg) no-repeat 50% 19px;
	height:350px;
	width: 997px;
}
nav ul {list-style:none;}
nav ul li {display:inline;}

footer nav ul{background:#7cbd01;line-height:2em;text-align:center;font-size: 12px;width: 100%;margin: 0; padding: 0;}
footer a {color:#fff;text-decoration:none;margin:0px 10px;}
footer a:hover {text-decoration:underline;}

/* ---- AJAX : recherche commercant ---- */
.recherche_loading{
	height:80px;
	background:#fff url(../charte/ajax_loading.gif) no-repeat 50% 50%;
}

#logo {
	padding: 40px 0 0 387px;
}
* html #logo img { behavior: url(http://recette.dijonjetaime.fr/squelettes/js/win_png.htc); }
#ariane {
	padding: 5px 0 0 9px;
	height: 23px;
	color: #999999;
}
#ariane a {
	color: #999999;
	text-decoration: none;
}
#ariane a:hover {
	text-decoration: underline;
}

#menu {
	position: absolute;
	top: 315px;
	left: 0;
	margin: 0 -55px 0 0;
	width: 997px;
	height: 35px;
}
#menu ul {
	padding: 0;
	margin: 0;
	width: 997px;
}
#menu ul li {
	display: block;
	height: 35px;
	float: left;
}
#menu ul li.ticket_parking {
	padding: 0 3px 0 9px;
}
* html #menu ul li {
	display: inline;
	width: 40px;
	white-space: nowrap;
}
#menu ul li.menu a {
	display: block;
	height: 35px;
	font-size: 14px;
	background: #ec6602 url(../charte/bg-menu.gif) no-repeat 100% 0;
	color: #FFF;
	text-decoration: none;
}
#menu ul li.menu a.menu_01 {background-color: #d16aa1;}
#menu ul li.menu a.menu_02 {background-color: #63c2d4;}
#menu ul li.menu a.menu_03 {background-color: #c3ca3e;}
#menu ul li.menu a.menu_04 {background-color: #795c92;}
#menu ul li.menu a.menu_05 {background-color: #cc99cc;}
#menu ul li.menu a.menu_06 {}
#menu ul li.menu a:hover {
	background-color: #ec6602;
}
#menu ul li.menu a span {
	display: block;
	height: 25px;
	padding: 5px 15px 5px 9px;
	background: transparent url(../charte/bg-menu.gif) no-repeat 0 -35px;
}
/* moteur de recherche */
#menu ul li#search {
	display: block;
	position: absolute;
	right: 14px;
	height: 35px;
	width: 186px;
	background: transparent url(../charte/bg-recherche.gif) no-repeat 0 0;
	padding: 0 0 0 8px;
}

#espace {
	position: absolute;
	left: 38px;
	top: 206px;
	width: 110px;
}
#espace h3 {
	color: #FFF;
	font-size: 11px;
}
#espace label {
	display: none;
}
#espace input {
	display: block;
	margin: 5px 0 0 0;
}
#espace input.ok {
	clear: both;
	display: block;
	margin: 5px 0 0 70px;
}

.formulaire_recherche label {
	display: none;
}
.formulaire_recherche input#recherche {
	width: 145px;
	border: 0;
	float: left;
	margin: 10px 0 0 0;
}
.formulaire_recherche input.submit {
	float: right;
}

div.savoir {
	margin: 7px 0 0 0;
	height: 30px;
}
a.savoir {
	color: #FFF;
	background: #c3bec2 url(../charte/bg-savoir.gif) no-repeat 100% 0;
	padding: 0 7px 0 0;
	font-weight: bold;
	display: block;
	float: left;
	white-space: nowrap;
}
a.savoir:hover {
	background-color: #ec6602;
	text-decoration: none;
}
a.savoir span {
	color: #FFF;
	background: transparent url(../charte/bg-menu.gif) no-repeat 0 -70px;
	padding: 4px 0 5px 7px;
	display: block;
	float: left;
}

.voir a {
	color: #FFF;
	background: #795c92 url(../charte/bg-bouton.gif) no-repeat 100% 0;
	padding: 0 10px 0 0;
	text-decoration: none;
	display: block;
	float: left;
	white-space: nowrap;
}
.voir a:hover {
	background-color: #ec6602;
}
.voir a span{
	color: #FFF;
	background: transparent url(../charte/bg-bouton-span.gif) no-repeat 0 0;
	padding: 2px 0 0 10px;
	height: 18px;
	font-weight: bold;
	display: block;
	float: left;
}
/* ==================== */

aside {
	float: right;
	width: 194px;
	padding: 0 14px 0 0;
}

.encadre {/* encadre = nav */
	float: left;
	width: 195px;
	position: relative;
	left: 9px;
}
.contenu_actualites .fond,
.encadre .fond,
aside .fond {
	padding: 0 10px 5px 10px;
}
.contenu_actualites h2,
.encadre h2,
aside h2 {
	color: white;
	margin: 0;
}

#contenu {
	float: left;
	width: 594px;
}
#contenu_nav_aside {
	width: 981px;
	padding: 0 0 0 9px;
}
#contenu_aside {
	width: 768px;
	float: left;
}
#contenu_nav {
	width: 773px;
	padding: 0 0 0 9px;
	float: left;
}


.boutons_accueil a {float: left;}

.gauche {float: left; margin-right: 10px;}
.droite {float: right; margin-left: 10px;}
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top: 5px; }
.spip_documents_left {float: left; margin-right: 10px;}
.spip_documents_right {float: right; margin-left: 10px;}

.separateur {
	font-size: 1px;line-height: 1px;height: 1px;margin: 4px 0;
}
.contenu_actualites .separateur {
	font-size: 1px;
	background: #63c2d4;
}
h3 {
	font-size: 15px;
}
.marques h3 {
	color: #afca00;
	font-size: 11px;
	font-weight: bold;
}
.marques a,
h3 a {
	color: #000000;
	text-decoration: none;
}
.marques a:hover,
h3 a:hover {
	text-decoration: underline;
}

ul.nuage {
	margin: 0 4px;
	padding: 0;
}
ul.nuage li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #81216e;
	display: inline;
	font-size: 15px;
}
ul.nuage li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #81216e;
	display: inline;
}
ul.nuage li a {
	color: #81216e;
	text-decoration: none;
	font-size: 15px;
}
ul.nuage li a.nuage5 {
	font-size: 20px;
}
ul.nuage li a.nuage10 {
	font-size: 25px;
}
.frequence {display: none;}

.diaporama {
	float: left;
	width: 350px;
	margin: 0 0 10px 0;
}
.fiche .description {
	float: left;
	width: 365px;
}
.description ul {
	margin: 0 0 10px 14px;
	padding: 0;
}
.description ul li {
	margin: 0;
	padding: 0;
}
.fiche h2 {
	color: #81216e;
	font-size: 12px;
	font-weight: bold;
}
.fiche h3 {
	color: #795c92;
	font-size: 12px;
	font-weight: bold;
}

#publicite {
	position: absolute;
	top: 0;
	left: 0;
}
#skyscraper {
	position: absolute;
	top: 0;
	left: 997px;
	top: 378px;
	overflow: hidden;
}

ul.lexique {
	margin: 0;
	padding: 0 30px 30px 8px;
}
ul.lexique li {
	color: #5e3a7d;
	display: block;
	border-bottom: #5e3a7d 1px solid;
	font-size: 10px;
	padding: 4px 0;
	list-style: none;
}
ul.lexique li a {
	color: #5e3a7d;
	font-size: 14px;
	text-decoration: none;
}
ul.lexique li a:hover {
	background: #efefef;
}


/*====================================*/
/* fonds des encadrés sprites */
.edito,
.edito .fond,
.edito h2,
.cheque_cadeau,
.cheque_cadeau h2,
.votre_commercant,
.votre_commercant .fond,
.votre_commercant h2,
.votre_commercant h2 span,
.actualites,
.actualites .fond,
.actualites h2,
.contenu_actualites,
.contenu_actualites .fond,
.contenu_actualites h2,
.domaine_activites,
.domaine_activites .fond,
.domaine_activites h2,
.principales_marques,
.principales_marques .fond,
.principales_marques h2,
.se_rendre,
.se_rendre .fond,
.se_rendre h2,
.se_rendre h3,
.se_rendre h3 span,
.localisation .fond,
.localisation h2,
.localisation .bas,
.abecedaire a
{background: transparent url(../charte/bg-sprite.gif) no-repeat -175px 100%;}

.cheque_cadeau {
	/*background-color: #ec6602;*/
	width: 175px;
}
.cheque_cadeau h2 {
	background-color: #ec6602;
	background-position: 0 0;
	padding: 10px;
	font-size: 18px;
}
.edito {
	background-position: -700px 0;
	background-repeat: repeat;
	margin: 0 0 10px 0;
	width: 175px;
}
.edito .fond {
	background-position: -525px 100%;
}
.edito h2 {
	background-position: -350px 0;
	padding: 10px;
	color: #ec6602;
	font-size: 20px;
}
.votre_commercant {
	background-position: -1457px 0;
	background-repeat: repeat-y;
	margin: 0 0 10px 0;
	width: 194px;
}
.votre_commercant .fond {
	background-position: -1069px 100%;
	border-top: #97ac02 1px solid;
}
.votre_commercant h2 {
	background-position: -1263px 0;
	background-repeat: repeat-y;
	padding: 0;
}
.votre_commercant h2 span {
	display: block;
	font-weight: bold;
	background-position: -875px 0;
	padding: 7px 10px;
}
.actualites {
	background-position: -1845px 0;
	background-repeat: repeat-y;
	margin: 20px 0 10px 0;
	width: 194px;
}
.actualites .fond {
	background-position: -1651px 100%;
}
.actualites h2 {
	font-weight: bold;
	background-position: -2039px 0;
	background-color: #63c2d4;
	padding: 7px 10px;
}
.contenu_actualites {
	background-position: -2427px 0;
	background-repeat: repeat-y;
	margin: 0 0 10px 0;
	width: 578px;
}
.contenu_actualites .fond {
	background-position: -4161px 100%;
	padding: 15px 14px 17px 14px;
}
.contenu_actualites h2 {
	font-weight: bold;
	background-position: -3005px 0;
	background-color: #63c2d4;
	padding: 7px 10px;
}
.domaine_activites {
	background-position: -4739px 0;
	background-repeat: repeat-y;
	margin: 0 7px 10px 0;
	width: 234px;
	float: left;
}
.domaine_activites .fond {
	background-position: -4973px 100%;
	padding: 15px 14px 17px 14px;
}
.domaine_activites h2 {
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	background-position: -5207px 0;
	background-color: #afca00;
	padding: 7px 10px;
}
.principales_marques {
	background-position: -5441px 0;
	background-repeat: repeat-y;
	margin: 0 7px 10px 0;
	width: 234px;
	float: left;
}
.principales_marques .fond {
	background-position: -5675px 100%;
	padding: 15px 14px 17px 14px;
}
.principales_marques h2 {
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	background-position: -5909px 0;
	background-color: #038b39;
	padding: 7px 10px;
}
.se_rendre {
	background-position: -6143px 0;
	background-repeat: repeat-y;
	margin: 0 0 10px 0;
	width: 234px;
	float: left;
}
.se_rendre .fond {
	background-position: -6377px 100%;
	padding: 15px 14px 17px 14px;
}
.se_rendre h2 {
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	background-position: -6611px 0;
	background-color: #056029;
	padding: 7px 10px;
}
.se_rendre h3 {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background-position: -7029px 100%;
	background-color: #81216e;
	width: 184px;
	padding: 0 0 4px 0;
}
.se_rendre h3 span {
	display: block;
	padding: 2px 2px 2px 4px;
	width: 178px;
	background-position: -6845px 0;
}
aside .cheque_cadeau {
	width: 194px;
	background:0;
}
aside .cheque_cadeau h2 {
	background-position: -7213px 0;
	padding: 10px;
	font-size: 18px;
}
.localisation {
	position: relative;
}
.localisation .fond {
	position: absolute;
	padding: 0;
	width: 216px;
	top: 10px;
	left: -21px;
	background-color: #666699;
	background-position: -7818px 0;
	background-repeat: repeat-y;
	text-align: center;
	padding-bottom:10px;
}
.localisation h2 {
	background-position: -7602px 0;
}
.localisation .bas {
	background-position: -8033px 100%;
	padding: 5px 0;
}
.fiche,
.fiche .fond_fiche,
.fiche h1,
.liste article,
.liste article .fond,
.liste article h2,
.liste_double,
.liste_double article,
.liste_double article .fond,
.liste_double article h2,
.abecedaire
{background: transparent url(../charte/bg-sprite-ombre.gif) no-repeat 0 0;}
.liste_double #onglets,
.liste_double .fond_liste
{background: transparent url(../charte/bg-sprite-moteur.gif) no-repeat 0 0;}


.liste article {
	background-position: -1544px 0;
	background-repeat: repeat-y;
	width: 772px;
}
.liste article .fond {
	background-position: -772px 100%;
	padding: 3px 30px 7px 30px;
	width: 712px
}
.liste article h2 {
	background-position: 0 -3px;
	padding: 10px 30px 3px 30px;
	font-size: 17px;
}

.liste_double article {
	background-position: -3039px 0;
	background-repeat: repeat-y;
	width: 361px;
	float: left;
	height: 146px;
}
.liste_double article .fond {
	background-position: -2317px 100%;
	padding: 3px 30px 7px 30px;
	width: 301px;
	height: 99px;
}
.liste_double article h2 {
	background-position: -2678px 0px;
	padding: 10px 30px 3px 30px;
	font-size: 17px;
}
.contenu_commercants h2,
.contenu_commercants h2 a,
.contenu_activite h2,
.contenu_activite h2 a {
	color: #795c92;
	text-decoration: none;
}
.contenu_marque h2,
.contenu_marque h2 a {
	color: #333366;
	text-decoration: none;
}
.contenu_quartier h2,
.contenu_quartier h2 a {
	color: #333366;
	text-decoration: none;
}
.liste_double,
.fiche {
	background-position: -1544px 0;
	background-repeat: repeat-y;
	width: 772px;
}
.fiche .fond_fiche {
	background-position: -772px 100%;
	padding: 3px 20px 7px 30px;
	width: 722px
}
.fiche h1 {
	background-position: 0 -3px;
	padding: 10px 30px 3px 30px;
	font-size: 17px;
	color: #81216e;
}
.liste_double .fond_liste {
	background-position: -2316px 100%;
	padding: 0 0 27px 27px;
	width: 745px;
}
.liste_double.contenu_marque .fond_liste {
	background-position: -3088px 100%;
}
.liste_double.contenu_quartier .fond_liste {
	background-position: -3860px 100%;
}
.liste_double #onglets {
	padding: 3px 0 27px 27px;
	width: 745px;
	height: 30px;
	font-size: 15px;
	position: relative;
}
.liste_double.contenu_marque #onglets {
	background-position: -772px 0;
}
.liste_double.contenu_quartier #onglets {
	background-position: -1544px 0;
}
.abecedaire {
	background-position: -3400px 100%;
	text-align: center;
	padding: 7px 0;
	height: 26px;
	text-align: center;
}
.abecedaire a {
	background-position: -8249px 8px;
	text-transform: uppercase;
	color: #5e3a7d;
	margin: 0 -4px 0 0;
	text-align: left;
	padding: 0 0 0 8px;
	height: 18px;
	font-size: 14px;
	text-decoration: none;
}
.abecedaire a.first {
	background: none;
}
.abecedaire a:hover {
	color: #ccc;
}


.dijon_pratique li a {
	background-color: #c3ca3e;
	padding: 3px 20px;
	text-decoration: none;
	color: white;
	margin: 0 0 5px 0;
}
.dijon_pratique li a:hover {
	background-color: #ec6602;
	color: #FFF;
}
.dijon_pratique li p {
	margin: 10px 200px 10px 20px;
}


/* fin fonds des encadrés */
/*====================================*/
.liste_double #onglets a {
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	position: absolute;
	top: 6px;
	left: 36px;
}
.liste_double #onglets a.marque {
	left: 236px;
}
.liste_double #onglets a.quartier {
	left: 426px;
}
.liste_double #onglets a:hover {
	text-decoration: underline;
}

* a.savoir:hover {
	text-decoration: none;
}


#menu ul li.menu {position: relative;}
#menu ul li {
}

#menu ul li a {
}
#menu ul li.menu ul a {
	background-color: #ec6602;
}

#menu ul li.menu ul.menu_01 a {background-color: #d16aa1;}
#menu ul li.menu ul.menu_02 a {background-color: #63c2d4;}
#menu ul li.menu ul.menu_03 a {background-color: #c3ca3e;}
#menu ul li.menu ul.menu_04 a {background-color: #795c92;}
#menu ul li.menu ul.menu_05 a {background-color: #cc99cc;}

/* ================================================================ */

#menu ul li.menu ul li {
	border: 2px #fff solid;
	border-top-width: 0;
}
#menu ul li.menu ul li,
#menu ul li.menu ul li a {
	clear: both;
	text-align: left;
	height: auto;
}

#menu ul li.menu ul li a {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 7px;
	width: 200px;
	color: #fff;
	background-image: none;
}


#menu ul li.menu ul li a {
	padding: 2px 0 2px 2px;
	clear: both;
	font-size:11px;
	width: 200px;
	text-align: left;
}
#menu ul li.menu ul li a:hover {
	color: white;
	background-color: #ec6602;
}
/* ================================================================ */
#menu ul ul {width:200px; height: auto;}
#menu ul li.menu {}
#menu ul ul a,
#menu ul ul a:visited {
	display:block;
	text-decoration:none;
	width:200px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden; position:absolute; height:0;top:35px; left:0;z-index: 950;
	border-top: #FFF 2px solid;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;z-index: 950;}
/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{color:#fff; text-decoration:none; }
#menu :hover > a, #menu ul ul :hover > a {color:#fff;}
/* make the second level visible when hover on first level list OR link */
#menu ul li.menu:hover ul,
#menu ul a:hover ul { visibility:visible;}
#menu ul :hover ul :hover ul{ visibility:visible;}
/* ================================================================ */

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

.formulaire_spip { text-align: left; font-size: 12px; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip .erreur{color:red;font-size:0.9em;}
.formulaire_spip .form_filt{display:none;}

.formulaire_erreur{border:1px solid red;padding:10px;background:#ffbfbf;font-weight:bold;color:red;}
.formulaire_ok{border:1px solid green;padding:10px;background:#d7ffd7;font-weight:bold;color:green;}

.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 login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire Artego */

.formulaire_spip .fieldset {
	border-top: #666 dotted 1px;
	margin: 20px 50px 20px 0;
}
.formulaire_spip .fieldset li {
	clear: both;
	margin: 10px 0;
}
.formulaire_spip .fieldset label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding: 0 10px 0 0;
}
.formulaire_spip h3.legend {
	padding: 3px;
	background: #e6e6e6;
}
.boutons input {
	font-family: "Arial Black";
	margin: 0 0 20px 225px;
}


/*
Modifs vincent
*/
#map_commercant{
    height:300px;
	width:194px;
	left:10px;
}

#map_canvas{height:600px;}
.contenu_commercants img{float:left;margin-right:10px;}


#map_commercant > div > span{
    position:relative;
    top:20px;
    display:block;
    width:216px;
    font-size:0.9em;
}
.votre_commercant .aside_parking{
  padding-top:5px;
}


/* SPIP-STYLE                                                           */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Intertitre */
hr.spip { margin: 2em auto; }

/* Listes SPIP */
ul.spip {}
ul.spip li {
	background: transparent url(../charte/bg-li.gif) no-repeat 0 6px;
	padding: 0 0 0 20px;
}
ol.spip li {
	list-style: inside decimal;
	margin: 0 0 5px 0;
}

/* Citations, code et poesie */
blockquote.spip { margin: 2em 0; margin-left: 1em; padding-left: 1em; border-left: 1px dotted #aaa; }
blockquote.spip_poesie { margin: 2em 0; margin-left: 1em; padding-left: 1em;  border-left: 1px solid #aaa; }
blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }

.spip_code, .spip_cadre { font-family: Courier, "Courier New", monospace; color: #036; }
.spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; font-size:inherit; }
div.spip_code, .spip_cadre { margin-bottom: 1em;  }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; background: #AFCA00; color: #FFF;}
table.spip tr.row_first { background: #AFCA00; }
table.spip tr.row_odd { background: #CCC; }
table.spip tr.row_even { background: #EFEFEF; }
table.spip th, table.spip td { padding: 0.40em 0.80em; text-align: left; border: 1px solid #FFF; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }
table.spip td.numeric {text-align:right;}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens de SPIP */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_ancre {} /* liens internes a la page */
a.spip_in {} /* liens internes */
a.spip_mail { color: #900; }
a.spip_mail:before { content: "\002709"; } /* liens vers un email */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
a.spip_glossaire:hover { text-decoration: underline overline; }
.on { font-weight: bold; } /* liens exposes */

/* Listes SPIP */