/* couleurs */

body { background: #578529; color: #333333; }
body, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif }


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page { width: 760px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 1em; background: #578529; }
#conteneur { float: right; width: 66%; }
#conteneur #contenu { padding: 0; }
#navigation,
#extra { width: 32%; float: left; clear: left; background-color: #fff; margin: 0; }

/* page d'accueil */

.page_sommaire #page { display: table; height: 418px; position: absolute; left: 50%; top: 50%; margin-top: -209px; margin-left: -380px; background: transparent url(plugins/squelette_tydebs/images/bg_home.png) 50% 50% no-repeat; }
.page_sommaire #conteneur { float: none; display: table-cell; vertical-align: middle; width: 100%; height: 418px;
	background: transparent url(plugins/squelette_tydebs/images/logos/logo_20.png) 135px 45% no-repeat; }
.page_sommaire #conteneur #contenu { float: right; width: 47%; color: #000; }
.page_sommaire #contenu ul { margin: 0 0 10px; padding: 0; list-style: none; }
.page_sommaire #contenu ul.dpt { list-style-type: disc; list-style-position: inside; }
.page_sommaire #contenu h2,
.page_sommaire #contenu ul li { font-weight: bold; margin-bottom: 4px; color: #000; }
.page_sommaire #contenu a { text-decoration: none; color: #000; }
.page_sommaire #contenu a:hover { color: #fff; }

/* page mot */

.page_mot #entete { background: transparent; margin: 50px 0 30px; }
.page_mot #entete .texte { color: #fff; }
.page_mot #entete .cartouche { float: right; width: 430px; }
.page_mot #entete .cartouche .titre { padding: 32px 20px 65px 0; background: transparent url(plugins/squelette_tydebs/images/bg_entete.png) left top no-repeat; }
.page_mot #entete .cartouche .titre h1 { font-size: 34px; }
.page_mot #entete .cartouche .accueil { display: block; margin-top: 30px; width: 100%; background: transparent url(plugins/squelette_tydebs/images/bouton_accueil.png) right top no-repeat; }
.page_mot #entete .cartouche .accueil img { margin-top: 20px; }
.page_mot #entete .logo_mot { float: left; padding-top: 17px; width: 311px; background: transparent url(plugins/squelette_tydebs/images/bg_home.png) top right no-repeat; }
.page_mot #entete .logo_mot .texte { font-style: italic; }
.page_mot #conteneur { float: none; width: 80%; margin: 0 auto; }

/* Entete */
#entete { width: 760px; border: 0; padding: 0; background: transparent url(plugins/squelette_tydebs/images/bg_entete.png) center top no-repeat; }
#entete .titre { text-align: right; padding: 17px 20px 20px 0; }
#entete .titre h1 { font-size: 36px; font-weight: bold; color: #578529; }
#entete .titre a { padding-left: 50px; font-size: 26px; color: #578529;
	background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/691756a62afd72238791e8e5370fa14d.png) left center no-repeat; }
#entete .titre a:hover { color: #e99b1c; }
#entete a { text-decoration: none; }

#entete .menu ul,
#entete .menu ul li,
#entete #menu_dpt abbr { border: 0; }
#entete #menu_dpt { text-align: right; padding-right: 10px; margin-bottom: 10px; }
#entete #menu_dpt h2,
#entete #menu_dpt ul,
#entete #menu_dpt ul li { display: inline; }
#entete #menu_dpt h2,
#entete #menu_dpt ul li a { font-size: 18px; font-weight: bold; color: #fff; }
#entete #menu_dpt ul li a:hover,
#entete #menu_dpt ul li a.on { text-decoration: underline; }

#entete #menu_projets { height: 140px; margin-bottom: 25px; text-align: left; }
#entete #menu_projets .accueil { display: inline; }
#entete #menu_projets .accueil img { float: left; padding-right: 25px; }
#entete #menu_projets h2 { margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #fff; }
#entete #menu_projets>ul { padding-top: 10px; }
#entete #menu_projets>ul>li { display: block; float: left; position: relative; width: 135px; padding-top: 110px; text-align: center; }
#entete #menu_projets>ul>li:hover { cursor: pointer; }
#entete #menu_projets ul li ul { font-weight: normal; padding: 0.5em; background: #fff; margin: 0; width: 100%;
	text-align: left; height: auto; display: block; position: absolute; left: -3000em; z-index: 9999; border: 1px solid #ddd;
	box-shadow: 1px 1px 10px #333; -webkit-box-shadow: 1px 1px 10px #333; -moz-box-shadow: 1px 1px 10px #333;
}
#entete #menu_projets ul li:hover ul,
#entete #menu_projets ul li.actif ul,
#entete #menu_projets ul li.actif_tempo ul { left: -0.5em; }
#entete #menu_projets ul li ul li a { display: block; padding-top: 4px; margin-top: 4px; border-top: 1px solid #ddd; }
#entete #menu_projets ul li ul li:first-child a { padding: 0; margin: 0; border: 0; }

#entete #menu_projets ul li.qui { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/5eeea0ee4b1e834a8f10e841d55a4f70.png) center top no-repeat; }
#entete #menu_projets ul li.services { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/e45c31bd8835024bbebf9f85458ced61.png) center top no-repeat; }
#entete #menu_projets ul li.sites { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/7fc8ed473d81056f9d851c8aae529bc4.png) center top no-repeat; }
#entete #menu_projets ul li.adherer { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/9f77d9bbde2bd878c8fdacb22ed871e7.png) center top no-repeat; }
#entete #menu_projets ul li.projets_phares { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/5335fcf80ee7d897fff38fb27a279d73.png) center top no-repeat; }
#entete #menu_projets ul li.pour_les_jeunes { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/93ccaf0829028b8eb37fdd0504ddf57f.png) center top no-repeat; }
#entete #menu_projets ul li.pour_les_adultes { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/980c0a5fc15320cd110886524cff4de4.png) center top no-repeat; }

/* Pied de page */
#pied { clear: both; color: #fff; margin: 2em 0 1em; border: 0; font-size: 1em; }
#pied img { vertical-align: bottom; }
#pied a { color: #fff; }

/*  obsolete ?
---------------------------------------------- */

.menu-titre { padding: 0.2em 0.4em; border-bottom: 1px dotted #ccc; text-align: center; font-weight: bold; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin: 0; }
.cartouche .titre { font-size: 1.27em; font-weight: bold; padding: 3px 0; color: #000; }
.cartouche small { display: block; padding-left: 3px; background: #578529; color: #fff; text-align: left; margin: 0 auto; font-size: 0.9em; }
.cartouche small.auteurs { background: transparent; color: #333333; padding: 0; text-align: right; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */

.lien { background: #EEE; margin: 1em; margin-bottom: 1.5em; padding: 0.82em; border: 1px solid #CCC; font-size: 0.82em; font-weight: bold; }
.texte { color: #333333; }
.ps, .notes { margin-top: 1.4em; padding-top: 2px; border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio et documents joints
---------------------------------------------- */

#documents_portfolio,
#documents_joints { margin-top: 1.4em; padding-top: 2px; text-align: left; }
#documents_portfolio img { padding: 5px; margin:5px; border: 1px solid #ccc; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #578529; }
#document_actif { margin-top: 1em; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li:first-child { border: 0; }
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Messages des forums
----------------------------------------------- */

.comments h2,
.comments-list h2,
#documents_portfolio h2,
#documents_joints h2 { margin-bottom: 10px; padding: 3px; background: #578529; font-size: 1.27em; font-weight: bold; color: #fff; text-align: left; }
.comments-list ul { margin: 0; padding: 0; list-style: none; }
.comments-list li { position: relative; padding: 0 0 0 45px; border-top: 1px solid #ddd; }
.comments-list li:first-child { border: 0; }
.comments-list .comment-meta img.photo { position: absolute; left: 0; top: 10px; }

/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles ul { margin: 0; padding: 5px 10px; list-style: none; background: #fff; }
.liste-articles li { padding-bottom: 10px; clear: both; }
.liste-articles li h3.titre { font-weight: bold; }
.liste-articles li h3.titre a { color: #333333; display: block; text-decoration: none; }
.liste-articles li h3.titre a:hover { color: #e99b1c; }
.liste-articles li .spip_logos { float: left; margin: 5px 16px 16px 5px; clear: left; }
.liste-articles li .texte { margin-top: 5px; }
/*.liste-articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }*/
.liste-articles li .post-info { display: block; clear: both; margin: 10px 0 0; padding: 2px 0; background: #578529; color: #fff; text-align: center; font-size: 0.9em; }
.liste-articles li .post-info a { color: #fff; }
.liste-articles li .post-info abbr { border: 0; }

.actu_jour { margin-bottom: 15px; border-bottom: 0; }
.actu_jour h2 { padding: 5px; border: 10px solid #fff; background: #578529; color: #fff; text-align: center; }
.actu_jour li { padding-bottom: 0; }
.actu_jour .pagination { margin: 0; text-align: center; }

.pagination { font-size: 0.90em; }

#contenu .pagination { padding: 0.3em 0.5em;; background: #fff; }
#contenu .pagination a { padding: 0.1em; }
#contenu .pagination a:hover { background: #578529; color: #fff; text-decoration: none; }

#contenu #lien_accueil { display: block; margin-top: 20px; text-align: right; }

/*  ------------------------------------------------------------------
/*  Habillage specifique du plan du site et de la page recherche
/*  ------------------------------------------------------------------ */

.page_plan .cartouche { display: none; }
.page_plan #contenu h2 { clear: both; font-weight: bold; font-size: 1.03em; text-align: center; padding: 5px; margin-bottom: 10px; background: #fff; }
.page_plan #contenu h2 a { display: block; color: #333333; }
.page_plan #contenu .contre-encart { width: 100%; float: none; background: #fff; margin-bottom: 30px; }
.page_plan #contenu .contre-encart ul { display: block; clear: left; margin-top: 0; margin-bottom: 1em; padding-top: 0; }
.page_plan #contenu .contre-encart li {}

.page_recherche .cartouche .titre { margin-bottom: 10px; color: #fff; }

/*  ------------------------------------------
/*  page 404
/*  ------------------------------------------ */

.page_404 #page { margin-top: 0; }
.page_404 #conteneur { float: none; margin: 0 auto; width: 64%; background: #fff; text-align: center; }
.page_404 #conteneur #contenu .cartouche h1 { width: 430px; margin: 20px auto; padding: 16px 0; font-size: 30px; color: #fff;
	background: #578529 url(plugins/squelette_tydebs/images/bg_titre_404.png) center top no-repeat; }
.page_404 #conteneur #contenu .chapo { color: #333; }
.page_404 #conteneur #contenu img.photo_404 { border: 10px solid #fff; box-shadow: 1px 1px 10px #333; 
	-webkit-box-shadow: 1px 1px 10px #333; -moz-box-shadow: 1px 1px 10px #333; }
.page_404 #conteneur #contenu #lien_accueil { text-align: center; padding: 20px 0 30px; }
.page_404 #conteneur #contenu #lien_accueil img { background: #578529; }
.page_404 br.nettoyeur { position: absolute; top: -3000em; left: -3000em; }
.page_404 #pied { width: 64%; margin: 0 auto 2em; padding: 0 0 33px;
	background: transparent url(plugins/squelette_tydebs/images/ombre404.png) center bottom no-repeat; }
.page_404 #pied a { color: #578529; }

/*  ----------------------------------------*/
/*  pages auteur							*/

.page_auteur #contenu h1 { padding: 5px 0; font-weight: bold; font-size: 1.27em; color: #578529; }
.page_auteur #contenu h2 { clear: both; margin: 10px 0; padding: 3px; background: #578529; font-size: 1.27em; font-weight: bold; color: #fff; }
.page_auteur #contenu img.spip_logos { float: right; margin: 0 5px 5px 5px; }

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

/* Formulaire forum + ecrire auteur + editer evenement */
.comments #formulaire_forum,
#contenu .formulaire_ecrire_auteur { margin-top: 10px; }
.comments #formulaire_forum input.text,
.comments #formulaire_forum textarea,
#contenu .formulaire_ecrire_auteur input.text,
#contenu .formulaire_ecrire_auteur textarea,
#contenu .formulaire_editer_evenement #titre,
#contenu .formulaire_editer_evenement textarea { width: 97%; }
.comments #formulaire_forum input.text,
.comments #formulaire_forum textarea,
#contenu .formulaire_ecrire_auteur input.text,
#contenu .formulaire_ecrire_auteur textarea,
#contenu .formulaire_editer_evenement input.text,
#contenu .formulaire_editer_evenement textarea { padding: 5px; border: 1px solid #ddd; background: #f5f5f5; }
.comments #formulaire_forum legend,
#contenu .formulaire_ecrire_auteur label,
#contenu .formulaire_editer_evenement label { color: #666; }
.comments #formulaire_forum .saisie_texte label,
.comments #formulaire_forum .saisie_qui .explication { position: absolute; left: -30000em; top: -3000em; }

#contenu .formulaire_ecrire_auteur legend { display: none; }

#contenu .formulaire_editer_evenement li.editer_parent { display: none;}
#contenu .formulaire_editer_evenement li.editer_date label,
#contenu .formulaire_editer_evenement a.dp-choose-date { vertical-align: middle; }

.formulaire_spip fieldset.previsu { border-color: #578529; }

/* Formulaire de recherche */
.formulaire_recherche { width: 90%; text-align: right; margin: 10px auto; padding-top: 10px; border-top: 2px solid #578529; background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/dcbd22216933e4e7451365e4627091a7.png) left bottom no-repeat; }
.formulaire_recherche label { display: none; }
.formulaire_recherche form { margin: 0 0 0 35px; }
.formulaire_recherche #recherche { background: transparent; padding: 0; }

/* Formulaires spip-listes */
div#spiplistes-formabo h3.legend { font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; font-weight: bold; }
div#spiplistes-formabo label { display: inline; }
div#spiplistes-formabo .spip_bouton { background: transparent; }
.formulaire_spip_listes_inscription { width: 80%; margin: 0 auto 1em; padding: 15px; border: 3px solid #578529; }
.formulaire_spip_listes_inscription input#email { width: 100%; }
.formulaire_spip_listes_inscription p.boutons { text-align: center; }

/* Formulaires F&T */

body .spip_forms { border: 0; }
body .spip_forms fieldset { border: 0; padding: 0.4em; }
body .spip_forms fieldset legend { padding: 0; }
body .spip_forms .forml,
body .spip_forms .fondl,
body .spip_forms .forml,
body .spip_forms .formo { border: 1px solid #ddd; background: #f5f5f5; }
body .spip_forms form .forml-focus,
body .spip_forms form input.forml-focus:focus,
body .spip_forms form textarea.forml-focus:focus,
body .forml-focus,
body .spip_forms form .formo-focus,
body .spip_forms form input.formo-focus:focus,
body .spip_forms form textarea.formo-focus:focus,
body .spip_forms .formo-focus,
body .spip_forms form .champ_obli_oubli-focus,
body form input.champ_obli_oubli-focus:focus,
body form textarea.champ_obli_oubli-focus:focus { border: 1px solid #333; background: #f5f5f5; color: #333; }
body .spip_forms .spip_bouton input { border:1px solid #ddd; background: #f5f5f5; color: #333;}


/* Les crayons */
.crayon-html { padding: 10px; border: 5px solid #ddd; background: #fff; }

/*  ------------------------------------------
/*  navigation
/*  ------------------------------------------ */

#navigation,
#extra { color: #578529; }
#extra { margin-top: 20px; }
#navigation ul,
#extra ul { list-style: none; margin: 0; padding: 0; }

/*  ---------------------------- */
/*  bloc calendrier				*/

#navigation div#calendar h2 { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/1548553c32c93905f15d6756ee0208f0.png) center top no-repeat; height: 39px; margin-top: 5px; color: #fff; font-size: 0.01em; }
#date { width: 28%; float: left; margin-top: 50px; text-align: center; background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/d21ac87f36f8cf3c510703135d4da391.png) center top no-repeat; height: 76px; padding-top: 15px; }
.jour, .mois, .annee { display: block; font-size: 12px; text-align: center; }
#date .jour { font-size: 15px; font-weight: bold; }
#date .mois { font-size: 9px; }
#navigation #liste_actus { width: 90%; margin: 0 auto; }
#liste_actus li { border: 1px solid #578529; padding: 0.2em 0; margin-bottom: 0.2em; }
#liste_actus li .date { float: left; font-weight: bold; margin: 0 0 0 7px; }
#liste_actus li .date .jour { border-bottom: 1px solid #578529; }
#liste_actus li .description { margin-left: 15%; }
#liste_actus li h3 { font-size: 1.03em; font-weight: bold; }

#navigation div#calendar table { width: 66%; font-size: 0.56em; font-family: Verdana,Tahoma,Arial,sans-serif; text-align: center; margin: 0 auto; border-collapse: collapse; }
#navigation div#calendar table caption { margin: 5px auto 0; font-size: 1.6em; }
#navigation div#calendar table th { background: transparent; border: none; padding: 0; }
#navigation div#calendar table th abbr { text-decoration: none; font-weight: normal; }
#navigation div#calendar table td { width: 14%; line-height: 2em; border: 1px solid #578529; }
#navigation div#calendar table td a { display: block; background: #578529; color: #fff; font-weight: bold; text-decoration: none; }
#navigation div#calendar table td.today { font-weight: bold; }
#navigation div#calendar table td a:hover { background: #abc294; color: #fff; }
#navigation div#calendar span.cache { display: none; }
#navigation #lien_calendrier { clear: both; display: block; margin: 0.7em 0; text-align: center; }

#navigation .ajouter_evenement { display: block; text-align: center; }

/*  ----------------------------*/
/*  bloc carte 					*/

#carte { width: 90%; margin: 0 auto; }
#carte img { display: block; margin: 0 auto; }
#carte h2 { margin-top: 5px; padding-bottom: 3px; font-size: 14px; font-weight: bold; text-align: right;
	color: #578529; border-bottom: 2px solid #578529; }

/*  ----------------------------*/
/*  bloc zoom 					*/

#zoom { border-top: 2px solid #578529; border-bottom: 2px solid #578529; width: 90%; margin: 10px auto; padding: 10px 0; text-align: center; }
#zoom img { margin: 0 0 10px; }
#zoom small { display: block; text-align: center; font-size: 0.9em; }

/*  -------------------------*/
/*  bloc syndic				 */

#extra .syndic { font-size: 0.9em; width: 90%; margin: 0 auto 2em; }
#extra .syndic h2 { text-align: right; font-weight: bold; padding: 0.2em; color: #fff; background: #578529 url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/7dcda25b7f7f925b4c15c40b37ed631f.png) left 50% no-repeat; border: 1px solid #578529; border-bottom: none; }
#extra .syndic ul li { list-style: none; margin: 0; border: 1px solid #578529; border-top: none; }
#extra .syndic ul li a { color: #333333; display: block; padding: 0.5em 0.2em; background: transparent; }
#extra .syndic ul li a:hover { color: #e99b1c; text-decoration: none; background: #f5f5f5; }

/*  --------------------------------------------*/
/*  bloc contacts / pages rubriques et articles */

#extra #adresse { width: 90%; margin: 10px auto; padding: 10px 0; border-top: 2px solid #578529; border-bottom: 2px solid #578529; text-align: right; } 
#extra #contacts { text-align: right; font-size: 0.9em; }
#extra #contacts h2 { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/a48139aea2f44bf3f1b84af45cbfbde8.png) center top no-repeat; height: 39px; margin-top: 5px; color: #fff; font-size: 0.000001px; text-indent: -3000px; }
#extra #contacts #adresse { background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/8eaf2aadf4f7b8720d6eac661754fc44.png) 10px 50% no-repeat; }
#contacts ul, #contacts #infos_redac { width: 90%; margin: 10px auto; }

/*  ----------------------------*/
/*  colonne centrale			*/

h1#titre_calendrier { font-weight: bold; font-size: 1.03em; padding: 5px; margin-bottom: 5px; background: #fff; }
p#change_mois { margin: 0 0 10px; font-weight: bold; text-align: center; }

.page_article #conteneur #contenu,
.page_auteur #conteneur #contenu { background: #fff; padding: 5px 10px; }
.page_article #contenu .logo_article { float: left; margin: 0 10px 5px 0; }

/*  ------------------------------- ----*/
/* surcharges spip_style.css			*/

h3.spip { clear: both; margin: 2em 0; font-weight: bold; font-size: 1.03em; color: #444; }
blockquote.spip { font-style: italic; border: none; border-left: 3px solid #578529; padding: 0.5em 1em; }
ul.spip { list-style-type: square; }
.spip_surligne { background: transparent; }

/*  ------------------------------------------
/*  Couleurs des liens et actions
-------------------------------------------- */
a, a.spip_in,a.spip_out, .action { text-decoration: none; color: #e99b1c; }
a:hover, .action:hover { text-decoration: underline; }
.action { cursor: pointer; }
a.spip_out { padding-right: 14px; background: transparent url(sites/lespetitsdebrouillardspc.org/local/cache-gd2/542698ee941bee0cbd73190161f57996.png) no-repeat right; }
.thumbsites a.spip_out { padding: 0; background: transparent; }