/* tous les éléments CSS de median-web qui n'existent pas dans SPIP */



/* les trucs généraux */

.droite {float: right; margin-left: 1em; }

.gauche { float: left; margin-right: 1em; }



/* les divs qui entourent les img */

.encadrement, .encadrement_fin { background: #eee; margin-bottom: .5em;}

.encadrement {padding: 1em; }

.encadrement_fin {padding: .2em; }



/* les blocs ayant un background-image dans le squelette à positionner à gauche et en haut */

#extra div, #coordonnees div, .read_more, #documents_joints ul li { background-repeat:  no-repeat; background-position: 0 0; }



/* extra = le bloc de droite de la page sommaire */

#extra p { padding-top: 0; }



/* tof_hazard = le bloc photo au hazard de la page sommaire */

#tof_hazard { float: right; clear: right; margin-bottom: 10px; /*text-align: right;*/}



/* le descriptif du site en page sommaire si pas d'article accueil */

#desc_site { margin-top: 6em; }



/* le bloc contact de la page sommaire */

#coordonnees { width: 24%; }

#coordonnees .titre_coord { color:#005D4D; font-size:1em;}

#coordonnees .texte_coord { padding: 0 0 0 1.6em; font-size:0.9em; line-height: 1.7em;}

#coordonnees h2 img, #tag_cloud h2 img { float: left;}

#coordonnees h2, #tag_cloud h2 { line-height: 2em; font-size:1.3em; text-transform:uppercase; color:#33877B; font-weight:bold; white-space:nowrap; margin-bottom: 12px; }



/* bloc_sommaire = les blocs articles sur la page sommaire */

.bloc_sommaire { width: 22%; float: left; background: #e8e8e8; height: 22em; margin-bottom: 2em; margin-top: 1em; }

.bloc_milieu { /*margin-left: 4%;*/ margin-right: 4%; }

.espacement_d { margin-right: 2%; }

.bloc_sommaire img { border: 1px solid #ddd; margin: 0 auto; background: none; }

.cont_bloc { height: 18.5em; overflow: hidden;}

.bloc_sommaire .txt_bloc, .bloc_sommaire h2  { padding-left: .6em; padding-right: .5em; text-decoration:none;}

.txt_bloc , .txt_bloc a{ color:#5D5D5D; font-size:0.95em;}

.bloc_sommaire h2 { padding-top: 1em; padding-bottom: .3em; font-size: 1em; text-decoration:none; font-size:1.00em; }

div.read_more { padding-left: 1.6em; margin: .3em 0 0 .5em; }



/* le(s) bloc(s) tag-cloud */

#tag_cloud { margin: 0 0 2em 0; /*clear: both;*/ width: 75%; }

.tag_cloud { margin-top: 2em; clear: both; }

.page_plan .tag_cloud h2, .page_plan #tag_cloud h2 { background: #3279A5; padding: .5em; color: #fff; }

.a_cote { width: 47%; clear: none; }

.liste .frequence {display: none; }



/* le message erreur 404 */

h1.err404 { margin-bottom: 1em; }

.enorme{ font-size: 2em; line-height: 1em;}



/* les blocs document du port-folio */

.spip_documents_pf, .spip_documents_pf_bas {line-height:normal; width: 180px; /*height: 170px;*/ float: left; margin: .5em; padding: .5em; background: #eee; overflow: hidden;}

.spip_documents_pf_bas { height: 170px; }

.spip_documents_pf dt, .spip_documents_pf_bas dt { text-align: center; }

.spip_documents_pf_bas dt.vignette_pf { height: 11.2em; }

#documents_portfolio_droite, #documents_portfolio_gauche { width: 200px; }

#documents_portfolio_droite { float: right; }

#documents_portfolio_gauche { float: left; }



/* les blocs keywords et docs attachés */

#keywords, #autres_articles, #groupes_mots, .autres_rubriques { width: 23%; float: left; border: 1px solid #ddd; /*margin-top: 1em;*/ margin-bottom: 1em;}

#documents_joints { width: 23%; float: left; border: 1px solid #ddd; /*margin-top: 1em;*/ margin-bottom: 1em;}

#autres_articles h2 { background: #3278A2; color:none; font-size: 1em; text-transform:uppercase; padding-left: 0.6em;}

#keywords h2, #documents_joints h2, #autres_articles h2, #groupes_mots h2, .autres_rubriques h2 { padding: .3em; }

#keywords h2, #groupes_mots h2 { background: #C4D356; color:#FFFFFF; font-size: 1em; text-transform:uppercase; padding-left: 0.6em;}

#documents_joints h2 { color:#9C3434; font-size: 1em; text-transform:uppercase; padding-left: 0.6em;} 

#keywords ul, #documents_joints ul, #autres_articles ul, #groupes_mots ul, .autres_rubriques ul { margin: 0; padding: 0; list-style: none; padding-left: 0.6em;}

#keywords ul li, #documents_joints ul li, #autres_articles ul li, #groupes_mots ul li, .autres_rubriques ul li { margin: 0.20em 0; padding: 0.20em; border-top: 0px solid #FFF; text-decoration:none;}

#documents_joints a { /*color: #CC0000;*/ }

#autres_articles a {/*color:#3278A2;*/ }

#keywords a {/*color:#005D4C;*/ }

#documents_joints a, #autres_articles a, #keywords a { text-decoration:none; font-weight: bold; }

#documents_joints a:hover, #autres_articles a:hover, #keywords a:hover { background-color: #ddd; }

#documents_joints ul li .spip_doc_titre, #documents_joints ul li .spip_doc_descriptif { margin-left: 2.2em; }



/* commun blocs liste articles et sous-rubriques */

.liste-articles, .plan_rubriques { width: 75%; /*float: left;*/ border: 1px solid #ddd; margin: 2.1em 3% 1em 0; /*margin-top: 1em; margin-bottom: 1em;*/}

.liste-articles ul, .plan_rubriques ul { margin: 0; padding: 0; list-style: none; }

.liste-articles ul li, .plan_rubriques ul li { margin: 0.20em; padding: 0.70em 2.5em; border-top: 1px solid #ddd; }

.liste-articles ul li p, .plan_rubriques p  { margin: /*0.2em 0 .4em 0em*/ 0.4em; }

.liste-articles ul li ul li, .plan_rubriques ul li ul li { margin: 0.20em 2em; padding: 0.20em 2em; border-top: 0; }

.plan_rubriques h2, .liste-articles h2 { padding: .3em .3em .3em .6em; }

.autres_rubriques h2, .plan_rubriques h2 { background-color: #93C367;}

h2.menu-titre, h2.menu-titre a{ background-repeat:  no-repeat; background-position: 5px 10px; padding-left: 0.5em; color:none; font-size:1em; text-transform:uppercase;}

.liste-articles ul li, .plan_rubriques ul li { background-repeat:  no-repeat; }



/* spécifique bloc liste des articles */

.liste-articles h2 {background: #3279A5; color:#FFFFFF; font-size:1em; text-transform:uppercase;}

.liste-articles .read_more { margin: .1em; margin-top:10px; margin-bottom:6px; } 

.plan_rubriques .read_more { margin: .1em; margin-top:10px; margin-bottom:6px; margin-left:10px; } 

.read_more a{ color:#3278A2; font-weight:bold;}

.liste-articles ul li {background-position: 3px 9px;}



/* spécifique bloc sous-arborescence d'une rubrique / article */

.plan_rubriques ul li {background-position: 5px 10px;}

.plan_rubriques h3, .plan_rubriques h3 a{ margin-top: .5em; color:#7AA256; }

.plan_rubriques a{color:#005C4C; font-weight:bold;}



div.contre-encart { /*clear: both; */}

.contre-encart #keywords, .contre-encart #documents_joints, .contre-encart #autres_articles, .contre-encart #groupes_mots { float: right; clear: right;}



/* les blocs de forum */

.forum-repondre { margin-bottom: 1em; }



/* pied de page */

#spip_pied { float: right; margin-right: 1em; }



/* en-tete : suppléments pour utilisation d'un logo de site */

.entete_img { padding-top: 0 !important; }

.accueil_img { margin: 1em 0 0 0 !important; }



/* bloc formulaire contact */

#form_contact { width: 60%; float: left; }

.saisie_sujet_message_auteur input[type=text] { width: 50em; }



/* le nécessaire pour le diaporama innerfade de la page sommaire */

ul.innerfade {margin: 0; padding: 0; width: 190px; }

.innerfade li { list-style: none; }



/* masquer le h1 de la fenetre nyromodal */

h1#nyroModalTitle {display: none; }



/* mettre en forme les formulaires F&T */

.texte form fieldset { margin-top: 2em; }

.texte form legend { color: #005C49; font-weight: bold; font-size: 1.5em; }

.texte div.spip_form_champ { margin-top: 1em; text-align: left; }

.texte .spip_form_ok { background-color: #005C49; color: #fff; font-weight: bold; padding: 0.5em; }



/* ecraser les styles hideux de F&T */

.spip_forms { border: none !important;}

.spip_forms fieldset, .spip_forms .formo { border-color: #777 !important; }



/* la page de login si acces restreint */

h2.restrict_exp { margin-bottom: 1em; }

.login_public { width:28em; background-color: #ddd; padding: 1em; border: dashed #777 1px; margin: 0 auto 1em auto; }

.login_public .formulaire_spip { margin-bottom: 0;  clear: none;}

.login_public .formulaire_spip fieldset {  clear: none;}



/* le formulaire d'inscription I2 + le formulaire spipliste */

.formulaire_i2, form.formulaire-spiplistes-abo { width: 100%; background-color: #ddd; border: dashed #777 1px; margin: 0 auto 1em auto;}

.formulaire_i2 fieldset { float: left; clear: none; font-size: 0.7em; margin: 10px; }

.formulaire_i2 fieldset, form.formulaire-spiplistes-abo fieldset { border: solid 1px #000; padding: 1em; }

.editer_sexe { font-size: 1.5em; }

.editer_sexe ul.formfx li { float: left; clear: none; }

.editer_prenom, .editer_nom_famille { clear: none !important; }

.formulaire_i2 .obligatoire label:before { content: "*"; color: #f00; font-size: 2em;}

#formulaire_inscription2 {  padding: 5px; }