/* CSS Document */

#toolbarsondage { background:#F5F0EC; overflow:hidden; padding-bottom:10px; width:186px; }

#toolbarsondage h2 {
	
border-top:4px solid #645D57;
display:block;
font-size:1.2em;
padding:3px 6px;
text-transform:uppercase;
font-family:arial,helvetica,sans-serif;
}

#toolbarsondage h2 span { color:#000; font-weight:bold; }

#toolbarsondage_body { padding:0 10px 10px 10px; }
#toolbarsondage_body .attribute-short { margin:10px 0; }
#toolbarsondage_body legend { font-size:1em; color:#333; margin-bottom:10px; width:150px; }
#toolbarsondage_body legend span { width:160px; }
#toolbarsondage_body .question_sondage { border:0; width:150px; }
#toolbarsondage_body fieldset { margin:0; padding:0; width:150px; }
#toolbarsondage_body .question_sondage div { padding-left:0; margin-left:0; width:150px; }
#toolbarsondage_body .button { background:#59524C; border:0; color:#fff; float:right; cursor:pointer; }

/* --------------------------------------------------------------------------------------------- Remise a zero de tous les preformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:62.5%;
		font-family:arial, helvetica, sans-serif;
		color:#000;
		background:#bdbdbd
	}
/* ------------------------------------------------------------------------- Liens */
	a {text-decoration:none}
	a:hover, a:focus, a.focus {text-decoration:underline}
	a img {border:none}
/* ------------------------------------------------------------------------- Liste */
	ul {list-style:none}
/* ------------------------------------------------------------------------- Divers */
	strong {font-weight:bold}
	em {font-style:italic}
	abbr, acronym {border-bottom:1px dotted}
	address {font-style:normal}
	kbd {
		font-size:1.2em;
		background:#e5e5e5;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
	* html kbd {font-size:1em}
	*+html kbd {font-size:1em}
/* --------------------------------------------------------------------------------------------- Recurrents */
	.masquer {
		position:absolute;
		top:-1000px;
		width:1px;
		height:1px;
		overflow:hidden;
	}
	.hover {cursor:pointer}
	.lien_continuation {float:right}
	a.lien_continuation {
		background:url(../images/background/fleches_couleur01.gif) no-repeat right 3px;
		padding:0 15px 0 0
	}
	strong.mots_cles {
		float:left;
		text-transform:uppercase;
		margin:0 3px 0 0
	}
/* ------------------------------------------------------------------------- Formulaire */
	input:focus,
	input.focus,
	textarea:focus,
	textarea.focus,
	select:focus {background:#f5f0ec}
	input.bouton, div.contenu div.conteneur input.bouton, div.contenu div.content-action input {
		font-family:tahoma;
		font-size:1em;
		color:#000;
		background:#fff;
		border:2px solid #000;
		padding:1px;
		cursor:pointer
	}
	input.bouton:hover,
	input.bouton:focus,
	#boutons input.focus,
	div.contenu div.conteneur input.bouton:hover,
	div.contenu div.conteneur input.bouton:focus,
	div.contenu div.content-action input:hover,
	div.contenu div.content-action input:focus,
	div.contenu div.content-action input.focus {background:#f5f0ec}
/* ------------------------------------------------------------------------- Liens externes */
	a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		overflow:hidden;
		width:988px;
		font-size:1.1em;
		background:#fff url(../images/background/global.gif) repeat-y;
		padding:0 3px;
		margin:0 auto
	}
/* ------------------------------------------------------------------------- Partie gauche */
	#partie_gauche {
		display:inline;
		float:left;
		width:801px;
		margin:0 1px 0 0
	}
	
	
	/* ----------------------------------------------------- Titre */
	#partie_gauche strong.titre {
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		border-top:4px solid #645d57;
		padding:3px 6px
	}
	
/* ----------------------------------------------------- Liens d'acces rapide */
	#acces_rapide {
		text-align:right;
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		color:#7f7468;
		background:url(../images/background/top.gif) repeat-x left bottom;
		padding:2px 0 6px 0;
		margin:0 0 2px 0
	}
	#acces_rapide li {
		position:relative;
		display:inline;
		margin:0 10px 0 0
	}
	#acces_rapide li a, #acces_rapide li strong {	
		color:#7f7468;
		margin:0 10px 0 0
	}
	#acces_rapide li a.flux_rss, #acces_rapide li strong.flux_rss {
		background:url(../images/background/flux_rss.gif) no-repeat left center;
		padding:0 0 0 13px
	}
/* ----------------------------------------------------- Logo */
	#logo {
		float:left;
		margin:-19px 0 8px 10px
	}
/* ----------------------------------------------------- Recherche */
	#recherche {
		float:right;
		padding:17px 22px 0 0
	}
	#recherche label {
		float:left;
		padding:5px 8px 0 0
	}
	#recherche input.champ {
		float:left;
		width:165px;
		font-family:arial, helvetica, sans-serif;
		font-size:1.1em;
		border:2px solid #000;
		padding:2px 0 3px 5px;
		margin:0 3px 0 0
	}
	#recherche input.bouton {
		float:left;
		padding:2px
	}
/* ----------------------------------------------------- Menu horizontal */
	#menu_horizontal {
		clear:both;
		overflow:hidden;
		height:148px;
		width:800px;
		text-transform:uppercase;
		background:#000;
		margin:0 1px 0 0
	}
	#menu_horizontal li {
		float:left;
		width:133px;
		height:148px;
		background:#000
	}
	#menu_horizontal li a {
		display:block;
		color:#fff;
		text-indent:18px;
		background:url(../images/background/fleches_marron.gif) no-repeat 5px 136px
	}
	#menu_horizontal li .menuOptionHover{
		display:block;
		width:100%;
		height:16px;
		background-repeat:no-repeat;
		background-position:left top;
		cursor:pointer;
		padding:132px 0 0 0
	}
	#menu_horizontal li#noeud_201 .menuOptionHover {background-image:url(../images/menu/rubrique_01.jpg)}
	#menu_horizontal li#noeud_211 .menuOptionHover {background-image:url(../images/menu/rubrique_02.jpg)}
	#menu_horizontal li#noeud_8316 .menuOptionHover {background-image:url(../images/menu/rubrique_03.jpg)}
	#menu_horizontal li#noeud_8015 .menuOptionHover {background-image:url(../images/menu/rubrique_04.jpg)}
	#menu_horizontal li#noeud_8314 .menuOptionHover {background-image:url(../images/menu/rubrique_05.jpg)}
	#menu_horizontal li#noeud_10679 .menuOptionHover {background-image:url(../images/menu/rubrique_06.jpg)}
/* ----------------------------------------------------- Left */
	#left {
		float:left;
		width:150px;
		margin:18px 0 0 0
	}
/* --------------------------------- Menu vertical */
/* ------------ Premier niveau */
	#menu_vertical {
		overflow:hidden;
		text-transform:uppercase;
		margin:0 0 25px 1px
	}
	#menu_vertical li a, #menu_vertical li strong {
		float:left;
		width:117px;
		font-weight:bold;
		color:#252525;
		background:#f5f0ec;
		padding:5px 14px 5px 18px;
		margin:0 0 1px 0
	}
	#menu_vertical li a:hover, #menu_vertical li a:focus, #menu_vertical li a.focus, #menu_vertical li strong {
		background:#efeae7 url(../images/background/carre_couleur01_gd.gif) no-repeat left 4px;
		text-decoration:none
	}
	#menu_vertical li strong {background-color:#e8e1dd}
/* ------------ Second niveau */
	#menu_vertical li.selected a, #menu_vertical li.selected strong {
		font-weight:bold;
		background:#e8e1dd url(../images/background/carre_couleur01_gd.gif) no-repeat left top;
		margin-bottom:0;
		padding-top:3px;
		padding-bottom:3px
	}
	#menu_vertical li.selected ul {font-size:.9em}
	#menu_vertical li.selected ul li a, #menu_vertical li.selected ul li strong {
		font-weight:normal;
		background:#e8e1dd url(../images/background/carre_blanc_pt.gif) no-repeat 13px 6px;
		padding:3px 8px 3px 24px
	}
	#menu_vertical li.selected ul li a:hover, #menu_vertical li.selected ul li a:focus, #menu_vertical li.selected ul li a.focus, #menu_vertical li.selected ul li strong {
		background-color:#efeae7;
		background-image:url(../images/background/carre_couleur01_pt.gif)
	}
/* ------------ Troisieme niveau */
	#menu_vertical li.selected ul li.selected ul li a, #menu_vertical li.selected ul li.selected ul li strong {
		width:114px;
		text-transform:none;
		font-size:1.1em;
		background:#e8e1dd url(../images/background/trait_menu.gif) no-repeat 20px 7px;
		padding:1px 5px 1px 30px
	}
	#menu_vertical li.selected ul li.selected ul li strong {
		font-style:italic;
		background-color:#efeae7
	}
	#menu_vertical li.selected ul li.selected ul li a:hover {text-decoration:underline}
/* --------------------------------- Boutons images */
	#left img {
		vertical-align:middle;
		margin:0 0 8px 0
	}
/* --------------------------------- Bloc perso */
	div.bloc_perso {
		color:#fff;
		background:#ff3380;
		padding:12px 10px 8px 8px;
		margin:14px 0 0 0
	}
	div.bloc_perso strong.titre {
		display:block;
		font-size:1.3em;
		text-transform:uppercase;
		margin:0 0 12px 0
	}
	div.bloc_perso p {clear:both}
	div.bloc_perso a {
		display:block;
		height:1%;
		color:#fff
	}
/* ------------- Non connecte */
	div.bloc_perso label {font-size:1.1em}
	div.bloc_perso p input {
		width:127px;
		font-size:1.1em;
		border:1px solid #fff;
		padding:2px 0 2px 3px;
		margin:0 0 5px 0
	}
	div.bloc_perso p input:focus, div.bloc_perso p input.focus, div.bloc_perso input.bouton:hover, div.bloc_perso input.bouton:focus, div.bloc_perso div input.bouton.focus {background:#fbeaf1}
	div.bloc_perso div {
		text-align:right;
		margin:0 0 3px 0
	}
	div.bloc_perso div input {border:1px solid #fff}
	div.bloc_perso p.mdp_oublie {margin-bottom:5px}
	div.bloc_perso p.mdp_oublie a {
		display:inline;
		font-size:.9em;
		text-decoration:underline;
		margin:0 9px
	}
	div.bloc_perso p.mdp_oublie a:hover, div.bloc_perso p.mdp_oublie a:focus , div.bloc_perso p.mdp_oublie a.focus {text-decoration:none}
	#pas_encore_compte {
		line-height:1.2em;
		margin:0 9px
	}
	#pas_encore_compte a {font-size:.9em}
/* ------------- Connecte */
	div.bloc_perso ul {margin:10px 0 0 0}
	div.bloc_perso ul li {
		line-height:1.1em;
		background:url(../images/background/carre_blanc_pt.gif) no-repeat left 4px;
		padding:0 0 0 12px;
		margin:0 0 5px 0
	}
/* --------------------------------- Acces directs */
	strong.acces_directs {
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		border-top:4px solid #59524c;
		padding:7px 0 0 8px;
		margin:18px 0 6px 0
	}
	ul.acces_directs {
		background:#f5f0ec;
		padding:5px 0 8px 0
	}
	ul.acces_directs li a {
		display:block;
		height:1%;
		font-size:1.1em;
		color:#000;
		background:url(../images/background/carre_couleur01_pt.gif) no-repeat 13px 8px;
		padding:3px 10px 3px 25px
	}
	ul.acces_directs li a:hover, ul.acces_directs li a:focus, ul.acces_directs li a.focus {
		background-color:#efeae7;
		background-image:url(../images/background/carre_couleur02_pt.gif);
		text-decoration:none
	}
/* ----------------------------------------------------- Middle et right */
	#middle_right {
		float:left;
		width:611px;
		padding:0 20px;
		margin:12px 0 0 0
	}
	div.contenu {overflow:hidden}
/* -------------------------------- Fil d'information */
	#fil_information {
		line-height:normal;
		font-weight:bold;
		color:#757575;
		background:url(../images/background/pointille.gif) repeat-x left bottom;
		padding:0 0 13px 0;
		margin:0 0 18px 0
	}
	#fil_information li {
		overflow:hidden;
		height:12px;
		background:url(../images/background/fleches_couleur01.gif) no-repeat right center;
		padding:2px 4px 4px 4px;
		margin:0 0 4px 0
	}
	#fil_information li a {
		text-transform:uppercase;
		color:#000;
		margin:0 2px 0 0;
		text-decoration:none
	}
	#fil_information li a strong {color:#ba0a4a}
	#fil_information li.hover {background-color:#e4e0df}
	#fil_information li a:hover,
	#fil_information li a:focus {
		background-color:#e4e0df
	}
/* -------------------------------- Fil d'arianne */
	#fil_arianne {
		font-size:.9em;
		color:#696969;
		background:url(../images/background/pointille.gif) repeat-x left bottom;
		padding:0 0 4px 0;
		margin:3px 0 5px 0
	}
	#fil_arianne a {
		color:#696969;
		text-decoration:none
	}
	#fil_arianne a:hover, #fil_arianne a:focus, #fil_arianne a.focus {
		background:#fff;
		text-decoration:underline
	}
	#fil_arianne strong {color:#000}
/* -------------------------------- H1 */
	div.contenu h1 {
		text-transform:uppercase;
		font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
		font-size:2.4em;
		font-weight:normal;
		color:#78636b;
		margin:0 0 25px 0
	}
/* -------------------------------- Articles en relation d'objet */
	div.article {
		overflow:hidden;
		height:1%;
		background:url(../images/background/pointille.gif) repeat-x;
		padding:14px 0 0 0;
		margin:0 0 17px 0
	}
	div.article img.image_presentation {
		float:left;
		margin:0 10px 0 0
	}
	div.article img.image_plein_pot {
		vertical-align:middle;
		margin:5px 0 10px 0
	}
	div.article h2 a {text-decoration:none}
	div.article h2 a:hover, div.article h2 a:focus, div.article h2 a.focus {text-decoration:underline}
	div.contenu div.article p {line-height:1.3em}
/* ------------ Principal */
	div.principal {
		color:#000;
		background:none;
		padding-top:0
	}
	div.principal h2 {font-size:2.4em}
/* ------------ Premier */
	div.premier {
		background:none;
		padding-top:0
	}
/* ------------ Right */
	#right div.article {
		background:none;
		padding-top:0
	}
/* -------------------------------- Contenu */
	#contenu {
		float:left;
		width:385px;
		padding:0 30px 20px 0
	}
/* -------------------------------- Colonne contextuelle */
	#colonne_contextuelle {
		float:left;
		width:196px;
		padding:0 0 20px 0
	}
	#bloc_contextuel_01 {
		overflow:hidden;
		height:100%;
		background:url(../images/background/colonne_contextuelle.gif);
		padding:5px;
		margin:0 0 20px 0
	}
	#bloc_contextuel_01 h2 {
		overflow:hidden;
		height:100%;
		clear:both;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		background:#f4f0ec;
		padding:1px 6px;
		margin-bottom:10px
	}
	#colonne_contextuelle p {
		margin-left:12px;
		margin-right:12px
	}
	#colonne_contextuelle div.class-file {
		margin-left:12px;
		margin-right:12px
	}
	#colonne_contextuelle div.object-left img {margin-left:12px}
	#colonne_contextuelle div.object-right img {margin-right:12px}
/* -------------------------------- Middle */
	#middle {
		float:left;
		width:295px;
		padding:0 21px 0 0
	}
/* -------------------------------- Right */
	#right {
		float:left;
		width:295px
	}
/* ------------ Agenda */
	#right ul.agenda {
		overflow:hidden;
		height:1%;
		line-height:normal;
		padding:0
	}
	#right ul.agenda li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	#right ul.agenda li a {
		display:block;
		float:left;
		text-transform:uppercase;
		text-align:center;
		font-size:1.3em;
		font-weight:bold;
		background-repeat:no-repeat;
		background-color:#e4e0df;
		padding:5px 0;
		text-decoration:none
	}
	#right ul.agenda li a:hover,
	#right ul.agenda li a:focus,
	#right ul.agenda li a.focus {text-decoration:underline}
	#right ul.agenda #onglet_en_ce_moment a {
		width:162px;
		background-image:url(../images/background/en_ce_moment.gif)
	}
	#right ul.agenda #onglet_bientot a {
		width:133px;
		background-image:url(../images/background/bientot.gif)
	}
	#right ul.agenda li a:hover, #right ul.agenda li a:focus, #right ul.agenda li a.focus {
		background-position:right top;
		background-color:#ededed
	}
	#right ul.agenda li.ui-tabs-selected a {
		background-position:center top;
		color:#000;
		cursor:text
	}
	#right ul.agenda li.ui-tabs-selected a:hover, #right ul.agenda li.ui-tabs-selected a:focus, #right ul.agenda li.ui-tabs-selected a.focus {text-decoration:none}
	#agenda {
		background:#ededed;
		padding:12px 15px 0 15px
	}
	#agenda ul.ui-tabs-hide {display:none}		/* Nécessaire pour fonctionnement des onglets */
	#agenda a {text-decoration:none}
	#agenda a:hover, #agenda a:focus, #agenda a.focus {
		color:#ba0a4a;
		background:#ededed;
		text-decoration:underline
	}
	#agenda ul {
		line-height:normal;
		padding:0
	}
	#agenda ul li {
		overflow:hidden;
		height:1%;
		background:none;
		padding:5px 0 15px 0
	}
	#agenda ul li img {
		float:left;
		margin:0 6px 5px 0
	}
	#agenda ul li .theme_evenement {color:#000}
	#agenda ul li a.theme_evenement:hover,
	#agenda ul li a.theme_evenement:focus,
	#agenda ul li a.theme_evenement.focus {background-color:#fff}
	#agenda ul li h4 {margin:2px 0 3px 0}
	#agenda ul li h4 a {text-transform:uppercase}
	#agenda ul li p {
		line-height:normal;
		margin:0
	}
	#tous_evenement {
		overflow:hidden;
		display:block;
		text-align:right;
		color:#000;
		background:#e4e0df url(../images/background/fleches_couleur01.gif) no-repeat 284px 5px;
		padding:2px 15px 2px 0;
		margin:0 0 30px 0;
		text-decoration:none
	}
	#tous_evenement:hover, #tous_evenement:focus, #tous_evenement.focus {text-decoration:underline}
/* ------------ Video */
	#videos {
		overflow:hidden;
		height:1%;
		border:1px dashed #b9a6a0;
		padding:7px 10px;
		margin:0 0 15px 0
	}
	#plus_videos {
		display:block;
		text-transform:uppercase;
		font-size:1.3em;
		color:#282828;
		background:url(../images/background/fleches_couleur01.gif) no-repeat left center;
		padding:0 0 0 17px;
		margin:0 0 6px 8px;
		text-decoration:none
	}
	#plus_videos:hover, #plus_videos:focus, #plus_videos.focus {text-decoration:underline}
	#videos h3 {
		font-family:arial, helvetica, sans-serif;
		text-transform:uppercase;
		font-size:1em;
		color:#000;
		margin:5px 0 0 0
	}
	#videos h3 strong {color:#c32b62}
	#videos p {line-height:normal}
	#vignettes_video {
		text-align:center;
		line-height:normal;
		padding:0	
	}
	#vignettes_video li {
		display:inline;
		background:none;
		padding:0
	}
	#vignettes_video li img {vertical-align:middle}
	#vignettes_video li a img {border:1px solid #fff}
	#vignettes_video li a:hover img, #vignettes_video li a:focus img, #vignettes_video li a.focus img {border-color:#000}
	#vignettes_video li.ui-tabs-selected a img {border-color:#ba0a4a}
	#vignettes_video li.ui-tabs-selected a {cursor:default}
/* -------------------------------- Articles en colonne */
	#articles_en_colonne {
		float:left;
		width:100%;
		background:url(../images/background/pointille.gif) repeat-x;
		padding:15px 0 0 0;
		margin:5px 0 0 0
	}
	#articles_en_colonne div.breve {
		float:left;
		width:130px;
		line-height:1.3em;
		padding:10px 11px
	}
	#articles_en_colonne div.breve h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		font-size:1em;
		color:#000;
		margin:0
	}
	#articles_en_colonne div.breve h2 a {
		color:#000;
		text-decoration:none
	}
	#articles_en_colonne div.breve h2 a:hover, #articles_en_colonne div.breve h2 a:focus, #articles_en_colonne div.breve h2 a.focus {
		background:#fff;
		text-decoration:underline
	}
	#articles_en_colonne div.breve h2 strong {color:#c32b62}
	#articles_en_colonne div.breve p {line-height:normal}
/* -------------------------------- Carousel */
	div.carousel {
		position:relative;
		overflow:hidden;
		clear:both;
		background:url(../images/background/pointille.gif) repeat-x;
		padding:13px 0 0 0;
		margin:0 5px 0 5px
	}
	div.carousel a.prev, div.carousel a.next {
		position:absolute;
		/*top:40px;*/
		top:55px;
		z-index:100;
		cursor:pointer
	}
	div.carousel a.prev {left:0}
	div.carousel a.next {right:0}
	
	div.carousel a.prev:hover { background:url(../images/carousel_bouton_gaucheo.png); display:block; width:23px; height:27px; }
	div.carousel a.prev:hover img { display:none; }
	
	div.carousel a.next:hover { background:url(../images/carousel_bouton_droito.png);display:block; width:23px; height:27px; }
	div.carousel a.next:hover img { display:none; }
	
	div.contenu div.carousel ul {
		line-height:normal;
		padding:0
	}
	div.contenu div.carousel ul li {
		/*position:relative;*/
		height:150px;
		background:none;
		padding:0;
		margin:0 2px 0 0
	}
	div.carousel ul li a {
		text-transform:uppercase;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		cursor:pointer
	}
	div.carousel ul li a:hover, div.carousel ul li a:focus, div.carousel ul li a.focus {
		text-decoration:underline;
		color:#ba0a4a
	}
	div.carousel ul li a span {
		/*position:absolute;
		left:0;
		bottom:0;*/
		display:block;
		width:106px;
		background:url(../images/background/carousel_opacite.png);
		padding:2px 6px
	}
	* html div.carousel ul li a span {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/asnieres/design/asnieres/images/background/carousel_opacite.png',sizingMethod='scale');
		background-image:none
	}
	div.carousel ul li a img {vertical-align:top}
	#archives {
		overflow:hidden;
		display:block;
		text-align:right;
		color:#000;
		background:#e4e0df url(../images/background/fleches_couleur01.gif) no-repeat 599px 5px;
		padding:2px 15px 2px 0;
		text-decoration:none
	}
	#archives:hover, #archives:focus, #archives.focus {text-decoration:underline}
/* --------------------------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 10px 20px 5px
	}
	#plan_site tr td a {
		color:#000;
		text-decoration:none
	}
	#plan_site tr td a:hover, #plan_site tr td a:focus, #plan_site tr td a.focus {background:#fff}
	#plan_site tr td a:hover, #plan_site tr td a:focus, #plan_site tr td a.focus {text-decoration:underline}
	#plan_site tr td h2 {
		font-size:1.3em;
		font-weight:bold;
		background:url(../images/background/fleches_couleur01.gif) no-repeat 0 5px;
		padding:0 0 0 13px;
		margin-bottom:5px
	}
	#plan_site tr td ul {
		clear:both;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/carre_couleur01_pt.gif) no-repeat 0 5px;
		padding:0 0 0 13px;
		margin:0 0 3px 0
	}
	#plan_site tr td ul li ul {margin:3px 0 5px 0}
	#plan_site tr td ul li ul li {background:url(../images/background/puce.gif) no-repeat 0 5px}
/* --------------------------------- Outils */
	#outils {
		overflow:hidden;
		clear:both;
		height:1%;
		color:#fff;
		padding:15px 0
	}
	#outils a {
		color:#000;
		background-repeat:no-repeat;
		background-position:left 1px;
		padding:0 0 1px 20px;
		margin:0 65px 0 0;
		text-decoration:none
	}
	#outils #retour {background-image:url(../images/background/retour.gif)}
	#outils #imprimer {background-image:url(../images/background/imprimer.gif)}
	#outils #envoyer_ami {background-image:url(../images/background/envoyer_page.gif)}
	#outils #haut_page {
		background-image:url(../images/background/haut_page.gif);
		margin-right:0;
		padding-bottom:2px
	}
	#outils a:hover,
	#outils a:focus,
	#outils a.focus {
		background-color:#fff;
		text-decoration:underline
	}
/* ------------------------------------------------------------------------- Partie droite */
	#partie_droite {
		float:left;
		width:186px;
	}
/* ----------------------------------------------------- Adresse */
	#partie_droite address {
		line-height:1.4em;
		text-align:center;
		background:#f5f0ec;
		padding:15px 5px 11px 5px
	}
	#partie_droite address abbr {border:0}
/* ----------------------------------------------------- Titre */
	#partie_droite strong.titre {
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		border-top:4px solid #645d57;
		padding:3px 6px
	}
/* ----------------------------------------------------- Portails et blogs */
	#portails_blogs {
		font-size:1.1em;
		font-weight:bold;
		background:#faf7f5;
		padding:0 0 8px 0
	}
	#portails_blogs li {padding:3px 0 0 0}
	#portails_blogs li a {
		text-indent:13px;
		color:#000;
		background:url(../images/background/fleches_bas.gif) no-repeat right 5px;
		padding:0 11px 0 0;
		margin:0 0 0 13px
	}
	#portails_blogs li a:hover {color:#ba0a4a}
	#portails_blogs li.hover a {
		color:#ba0a4a;
		text-decoration:underline
	}
	#portails_blogs li img {
		vertical-align:middle;
		border-bottom:1px solid #fff;
		margin:3px 0 0 0
	}
/* ----------------------------------------------------- Le conseil en video */
	a.tous_conseils { display:block; background:#f5f0ec; text-align:center; color:#010101; text-decoration:none; }
		a.tous_conseils span { display:block; color:#010101; padding:3px 6px 3px 6px; }
		a.tous_conseils:hover img { text-decoration:none; }
		a.tous_conseils:hover { text-decoration:none; }
		a.tous_conseils:hover span { color:#333; }

	.tous_conseils_bloc { display:block; overflow:hidden; background:#f5f0ec; padding:0 0 0 0; }
	a.tous_conseils.fleches {  margin-left:20px; width:140px; padding-right:10px; background:#f5f0ec url(../images/background/fleches.gif) no-repeat right 3px; }
	a.tous_conseils.fleches:hover { text-decoration:underline; } 
	
/* ----------------------------------------------------- A l'affiche */
	#affiche li a {
		display:block;
		height:1%;
		font-size:1.1em;
		font-weight:bold;
		color:#000;
		background:#f5f0ec;
		padding:2px 10px 2px 14px;
		margin:0 0 4px 0
	}
	#affiche li a span {
		background:url(../images/background/fleches_bas.gif) no-repeat right 5px;
		padding:0 12px 0 0
	}
	#affiche li ul {
		background:#fcfaf9;
		padding:0 0 4px 0
	}
	#affiche li ul li a {
		font-size:1em;
		font-weight:normal;
		color:#4f4d4c;
		background:#fcfaf9;
		padding:1px 10px 2px 25px;
		margin-bottom:1px
	}
/* ----------------------------------------------------- Publicite */
	p.flash {margin:0 0 10px 0}
	p.flash a {
		color:#ba0a4a;
		text-decoration:underline
	}
	p.flash a:hover, p.flash a:focus, p.flash a.focus {text-decoration:none}
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		clear:both;
		overflow:hidden;
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		color:#4c4c4c;
		background:url(../images/background/pointille.gif) repeat-x;
		padding:10px 0 10px 0;
		margin:0 211px 0 170px
	}
	#bottom a {
		color:#4c4c4c
	}
/* ----------------------------------------------------- Footer */
	#bottom ul {float:right}
	#bottom ul li {
		display:inline;
		margin:0 0 0 5px
	}
	#bottom ul li a {margin:0 5px 0 0}
/* ----------------------------------------------------- Copyright */
	#copyright {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em
	}
	#copyright abbr {border:0}