#telecommande {position:absolute;left:20px;top:5px;background-color:#8a9085;width:550px;}
#telecommande ul li {float:left;}
#telecommande li {padding:2px 5px;border:1px solid #990000;margin:0 5px;}
#telecommande li a {color:#990000;}
/**** preparation ****/
body {margin:0;padding:0;font:normal 11px verdana,arial,sans-serif;color:#000;background-color:#E8E8E8;}
img, ul, li, form, fieldset,h1,h2,h3,h4,h5,h6,p, span, em, input, a {border:none;margin:0;padding:0;}
h1 {font:bold 14px verdana,arial,sans-serif;}
a {text-decoration:none;color:#483D8B}
p {text-align:justify;}

/** les liens qui ressemblent a des boutons #8e9cd1**/
.bouton {background-color:red;font:normal 10px "arial black","arial",sans-serif;color:#fff;}
a.bouton {float:right;clear:right;margin:15px 0 0 0;padding:6px 4px;border:4px solid #000;  text-decoration:none; ;width:auto;text-align:left;}
a.bouton:hover {color:#ff0000;background-color:#fff;}


a.bouton2 {float:right;clear:right;margin:15px 0 0 0;padding:6px 4px;border:0;  text-decoration:none; ;width:auto;text-align:left;}


/*** pour cacher les descripifs des rubriques qui s'afficheront dans le teaser ***/
div.blank {display:none;margin-right:-3px;}

#page {position:relative;width:966px;margin:0 auto 10px auto;display:block;overflow:hidden;top:25px;}
#hautpage {float:left;clear:left;width:922px;padding:0 0 0 44px;overflow:hidden;}
/** le haut de la page **/
#logo {float:left;}
/** la zone de recherche **/
#zonerecherche {float:right;width:282px;}
#zonerecherche form {width:282px;}
#zonerecherche form fieldset {float:left;width:235px;text-align:left;}
#zonerecherche form fieldset label {float:left;}
#zonerecherche form fieldset input {float:left;border:4px solid #000;width:219px;font:bold 10px verdana,arial,sans-serif;height:17px;
padding:5px 4px 2px 4px;}
#zonerecherche form fieldset div.ligne {float:left;margin:15px 0 0 0;padding:0 0 0  5px;width:230px;}
#zonerecherche form fieldset div.ligne input {margin:0 15px 0 5px;}
#zonerecherche form fieldset input.radio {width:auto;height:auto;border:none;margin:0 0 0 15px;}
#zonerecherche form fieldset.actions {float:left;clear:none;border:none;width:38px;text-align:center;padding:0 0 0 9px;}
#zonerecherche div.submitoff {float:right;width:28px;height:19px;padding:5px 0 0 0;font:bold 12px arial,verdana,sans-serif; background-color:#8E9CD1;
color:#000; text-align:center;border:4px solid #000;}
#zonerecherche div.submiton {float:right;width:28px;height:19px;padding:5px 0 0 0;font:bold 12px arial,verdana,sans-serif; color:#ff0000;background-color:#fff;text-align:center;border:4px solid #000;cursor:pointer;}

/** le menu et le fil d'ariane **/
#menu_ariane {float:left;clear:left;width:936px;height:31px;padding:0 0 0 43px;margin:25px 0 0 0;}
#menu_ariane .menu {float:left;padding:0;margin:0;border-left:5px solid #000;border-top:5px solid #000;border-bottom:5px solid #000; height:21px; position:relative;z-index:5;}
#menu_ariane .menu .item {float:left;border-right:5px solid #000;height:17px;padding:4px 0 0 0;margin:0;text-align:center;}
#menu_ariane .menu .item a {font:bold 9px verdana,arial,sans-serif;}
#menu_ariane .menu .actif {background-color:#fff;color:#000;}
#menu_ariane .menu .actif a {background-color:#fff;color:#000;}
#menu_ariane .ariane {float:left;padding:6px 0 0 16px;}
#menu_ariane .ariane ul, li {float:left;clear:none;list-style-type:none;color:#ff0000;background-color:inherit;}
#menu_ariane .ariane ul li  a {color:#000;background-color:inherit;font-size:9px;}
#menu_ariane .ariane ul li a:hover {color:#ff0000;background-color:inherit;}
#menu_ariane .ariane ul li span {color:#000;background-color:inherit;font-size:9px;}

/** les services **/
#services {float:left;clear:left;padding:5px 10px 0 0;width:124px;text-align:right;}
/*#services a:hover {color:#ff0000;background-color:#fff;}*/	

/** le contenu **/

#contenu {float:left;clear:none;border:5px solid #000;width:822px;padding:0;margin:-5px 0 0 0;background:url(../assets/home_contenu_fonds.png) 0px -5px;}
#contenuarticle .teaser,#contenunews .teaser {border-right:5px solid #000;background-color:#fff;color:inherit;margin:0;}
#contenuarticle, #contenunews {background:url(../assets/article_contenu_fonds.gif) -2px 150px;float:left;clear:none;width:825px;padding:0;margin:0;border-left:5px solid #000;border-bottom:5px solid #000;}

/*comme ie ne reconnait pas la syntaxe #id.class j'ai du creer des id differents. Cela aurait ete pareil avec des classes. Mais au moins l'id indique
une unicite.*/
#cadreexterne {float:left;clear:none;border-left:5px solid #000;border-bottom:5px solid #000;width:827px;padding:0;margin:0;background-color:#e8e8e8;
background:url(../assets/pageint_cadreexterne_fonds.png) -5px 0;color:inherit;}
#cadreexterne #contenurubrique {float:left;clear:none;background:url(../assets/pageint_contenu_fonds.png) 0 0px;width:660px;padding:0;margin:-5px 0 0 0;
border-style:solid none none none;border-width:5px;border-color:#000;position:relative;z-index:10;}

.teaser {float:left;width:242px;height:35px;padding:14px;margin:0 0 5px 0;text-align:left;font:normal 14px georgia,times new roman,times,serif;}
.teaser h4 {width:auto;display:inline;color:#ff0000;}
.teaser div {position:relative;left:0;top:0;margin:0;}

/** bloc generiques **/
.blochome, .bloc {float:left;clear:left;width:100%;margin-top:-5px;text-align:left;overflow:hidden;background-color:inherit;
border-top:5px solid #000;}
.bloc {margin-bottom:5px;}
.blocarticleune {float:left;clear:left;width:100%;background-color:#598192;color:#fff;margin:0;padding:15px 0;}
.bloc1col {float:left;border-top:5px solid #000;width:270px; margin:-5px 0 0 0px; padding:0;overflow:hidden;}
.bloc1col img {margin:0;padding:0;border:none;width:inherit;}
.bloc2col {float:left;width:380px;border-left:5px solid #000;margin:0;padding:0;border-top:5px solid #000;border-bottom:5px solid #000;}
.blocdemicol {float:left;width:167px;padding:50px 0 0 0;margin:0;background-color:#e8e8e8;}
.blocdemicol_1 {margin:-40px 0 0 0;border-right:5px solid #000;border-left:5px solid #000;width:160px;border-top:5px solid #000;float:right;}
.bloccontenu {background-color:inherit;margin:0;float:left;}

/** les specifiques **/
.bloc2col .enune {border-top:none;margin-top:-5px;width:100%;}
.flickr {overflow:hidden;}
.flickr img {margin:0;display:block;}
.flickr .legende {width:242px;background-color:#000;color:#999;font:normal 10px verdana,arial,sans-serif;padding:10px 15px;}

/** details d'un bloc **/
/*********** les titres **/
.categorie_titre {float:left;width:100%;padding:15px 0;text-align:left;}
.categorie_titre h1 {margin:0px 0 0 5px;}
.categorie_titre img {width:auto;margin:0 5px 0 15px;float:left;}
.blochome .categorie_titre h1, .bloc .categorie_titre h1 {float:left;margin:0px 0 0 5px;/*padding:0 0 0 5px;*/width:200px;padding:0;}
/*.bloc2col .bloccontenu .categorie_titre h1 {float:left;margin:0px 0 0 5px;padding:0;padding:0;}*/
.blochome .categorie_titre h2 {margin:0px 20px 0 51px;padding:0 0 0 5px;font:normal 10px verdana,arial,sans-serif;width:200px;}
.blocarticleune .categorie_titre h1 {float:left;margin:0px 0 0 5px;padding:0;width:200px;font:bold 11px verdana,arial,sans-serif;line-height:17px;color:#000;}
#cadreexterne .blocdemicol .bloc, #cadreexterne .blocdemicol .bloccontenu {background-color:#e8e8e8;border-right:5px solid #000;width:162px;margin:0;}
.blocdemicol .bloccontenu .categorie_titre h1{padding:0 15px;font:bold 10px verdana,arial,sans-serif;margin:0;}
.blocdemicol_1 .bloccontenu {margin:-5px 0 5px 0;}
.blocdemicol_1 .bloccontenu .categorie_titre {background:none;width:100%;padding:0;}
.blocdemicol_1 .bloccontenu .categorie_titre h1{padding:13px 15px;font:bold 10px verdana,arial,sans-serif;margin:0;}
.bloccontenu .titre {width:100%;font:bold 11px verdana,arial,sans-serif;text-align:left;line-height:16px;display:block;float:left;margin:0 0 20px 0;}
.bloccontenu .titre p {padding:20px 14px;}

.bloc2col .enune .categorie_titre h1 {float:left;width:300px;}
	
/*********** le contenu **/
.introduction {font:normal 11px verdana,arial,sans-serif;padding:20px 15px;line-height:17px;text-align:justify;margin:10px 0;}
.introduction p {text-align:justify;}
.introduction h3 {margin:-5px 0 5px 0;font:bold 11px verdana,arial,sans-serif;text-align:left;}
.infos {width:100%;margin:0 0 10px 0;}
.infos p {padding:10px 15px;}
.infos a {color:#000;letter-spacing:-0.05em;background-color:inherit;font-size:9px;}
.zoneimage {float:left;width:100%;background-color:#000;margin:0;}
.zoneimage img {float:left;}
.zoneimage .legende {width:88px;background-color:#000;color:#999;margin:0;float:right;padding:25px 10px 0 10px;text-align:left;}


/** home > categories **/
.actualites .blochome .categorie_titre {background-color:#ff9900;color:inherit;}
.sites {padding-left:5px;width:270px;}
.sites .blochome .categorie_titre {background-color:#ff0000;color:inherit;}
.lesite {padding-left:5px;width:272px;}
.lesite .bloc .categorie_titre {background-color:#598192;color:inherit; height:auto; padding:15px 0;}
.lesite .bloc .categorie_titre h1 {font:bold 11px verdana,arial,sans-serif;color:#fff;line-height:16px;}
/*** la liste des articles recents **/
.listearticles {float:left;text-align:left;padding:15px;width:242px;margin:0;}
.listearticles h3 {font:bold 10px verdana,arial,sans-serif;}
.unarticle {float:left;clear:left;width:242px;margin:15px 0 0 0;}
.unarticle div  {width:100%;float:left;clear:left;font:normal 10px verdana,arial,sans-serif;margin:3px 0;}
.unarticle .texte a{color:#006699;background-color:inherit;}
.blocdemicol .unarticle {background-color:#e8e8e8;float:left;margin:15px 0 0 0;text-align:left;font:normal 10px verdana,arial,sans-serif;width:132px;padding:0 15px;}
.blocdemicol_1 .unarticle {float:left;margin:15px 0 0 0;text-align:left;font:normal 10px verdana,arial,sans-serif;width:130px;padding:0 15px;}


/*** la syndication des nouvelles **/
.syndication {padding:0 15px 40px 15px;width:350px;background:url(../assets/nouvellessyndiquees_fonds.png);}
.syndication .colgauche{float:left;width:160px;}
.syndication .coldroite{float:right;width:160px;}
.syndication .nouvellesyndiquee{float:left;clear:left;margin:30px 0 0 0;width:100%;}
.syndication .nouvellesyndiquee h4{font:bold 10px verdana,arial,sans-serif;}
.syndication .nouvellesyndiquee .nouvelle{margin:10px 0;}
.syndication .nouvellesyndiquee .infos{padding:0;}


.blocdemicol_1 .cartouche {float:left;clear:left;width:130px;text-align:center;padding:0 15px;margin:0 0 30px 0;}
.blocdemicol_1 .cartouche img {margin:10px 0;}
.blocdemicol_1 .cartouche p {margin:10px 0;text-align:left;}
.blocdemicol_1 .cartouche p span {font-weight:bold;}
.blocdemicol_1 .cartouche p span.licence {font-weight:bold;background-color:inherit;color:#555555;}

.zonearticle {float:left;clear:left;width:655px;background-color:#fff;text-align:left;padding:0 0 20px 0;border-top:5px solid #000;margin:0;}
.zonearticle .zonetitre {float:left;clear:left;width:100%;padding:0;}
.zonearticle .zonetitre img  {float:right;margin:0;padding:0;border:none;clear:none;}
.zonearticle .zonetitre .categorie_titre {width:378px;float:left;margin:0;padding:52px 5px 15px 0;}
.zonearticle .zonetitre .categorie_titre img {width:auto;margin:0 0 0 15px;float:left;}
.zonearticle .zonetitre .categorie_titre h1 {font:bold 14px verdana,arial,sans-serif;padding:0 0 0 5px;width:280px;margin-left:5px;float:left;}
.zonearticle .chapo {float:left;clear:left;padding:22px 45px 0 55px;width:283px;text-align:left;}
.zonearticle .commandes {float:right;width:158px;border-left:3px solid #000;border-top:3px solid #000;border-bottom:3px solid #000;}
.zonearticle .reagir {width:76px;}
.zonearticle .commandes a,.zonearticle .reagir a {clear:none;float:left;height:17px;padding:5px 0 0 0;text-align:center;border:none; margin:0;width:100%;}
.zonearticle .commandes .btimpression {width:96px;border-right:3px solid #000;}
.zonearticle .commandes .btenvoi {width:59px;}
.zonearticle .contenuarticle {font:normal 12px verdana,arial,sans-serif;float:left;clear:left;padding:30px 55px;width:540px;text-align:justify;line-height:20px;}
.zonearticle .contenuarticle p {margin:5px 0;}
.zonearticle .contenuarticle .lettrine {font-size:72px;font-weight:bold;padding:0 0 10px 0;float:left;vertical-align:top;margin:0px 15px 0 0;height:50px;line-height:70px;}
.zonearticle .contenuarticle .letexte {display:inline;}
/*** specifique non ie ***/
.zonearticle > .contenuarticle {line-height:18px;}
/*** fin specifique non ie */
.zonearticle .reagir {float:left;clear:left;margin:5px 0 0 55px;border:3px solid #000;height:22px;display:block;}
.zonearticle .reagir .btenvoi {width:76px;}

/*** le pied de page ***/
#piedpage {float:left;clear:left;background:url(../assets/piedpage_fleche.png) no-repeat 134px -1px;width:822px;margin:7px 0 10px 0px;padding:0 0 10px 173px;height:36px;}
#piedpage .menu {float:left;border:5px solid #000;background-color:#ff0000;height:17px;padding:7px 0 0 0;width:784px;text-align:center;}
#piedpage .menu ul li {display:block;background:url(../assets/piedpage_separateur.png) no-repeat 100% 3px; text-align:center;float:left;padding:0 10px;color:#000;}
#piedpage .menu ul li a {color:#000;background-color:inherit;}
#piedpage .menu ul li.dernier {background:none;}

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 1px dotted #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.9em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #a7a7a7; }
ul ul .forum-chapo { background: #b0b0b0; }
ul ul ul .forum-chapo { background: #bebebe; }
ul ul ul ul .forum-chapo { background: #e0e0e0; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

legend{font-weight: bold;}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}