/* -----------------------------------------------

		Feuille de style pour le site
		http://www.epacvaw.org
		© Romy Duhem-Verdiere - 2009

----------------------------------------------- */

/* Correction des styles par defaut / mise a zero multi-navigateurs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
input, textarea, select { font-size: 100%; font-family: inherit; }

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font: 0.625em/1em Verdana,Geneva,Helvetica, sans-serif; font-size: 1em; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; color: #E55428; line-height: normal; }
h1 { font-size: 1.09em; }
hr { height: 1px; margin: 1.6em 0; border: 0; background: #d0c9c5; color: #d0c9c5; }

/* Autres enrichissements typo */
strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: .9em; line-height: normal; color: #666; }
abbr,acronym { border-bottom: 1px dotted; cursor: help; font-variant: small-caps; }
dfn { font-weight: bold; font-style: normal; }
del { text-decoration: line-through; }
ins { padding: 0 .2em; background-color: #F35829; color: #fff !important; text-decoration: none; }
.spip_surligne { padding: 0 .2em; background-color: #F35829; color: #fff; }
sup, sub { font-size: .7em; font-variant: normal; }
 
 
 /* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
/*html { overflow-y: scroll; } /*CSS3*/
body { margin: 0; padding: 0; background: #d0c9c5; text-align: center; color: #1a171b; }
#page { position: relative; width: 1000px; margin: 0 auto; padding: 24px 0 0 0; text-align: left; background: url(img/bg-page.gif) repeat-y right; }

#conteneur { float: left; width: 775px; }
#contenu { padding-right: 18px; }
#extra { float: right; width: 225px; overflow: hidden; }

/* Entete */
#entete { float: left; width: 775px; margin-bottom: 16px; background: #fff url(img/bg-entete.gif) no-repeat; border-bottom: 6px solid #d0c9c5; overflow: hidden; }
* html #entete { height: 155px; overflow: hidden; }
#entete a { text-decoration: none; }
#entete #logo { min-height: 120px; padding: 5px 0 0 0px; font-size: 3em; }
#entete #navigation { clear: both; text-transform: uppercase; font-size: .71em; }
#entete #navigation ul {}
#entete #navigation ul li { float: left; }
#entete #navigation ul li a { display: block; padding: 4px 6px; color: #fff; border: solid #fff; border-width: 0 3px 0 0; }
#entete #navigation ul li a img { display: block; margin: 0; }
#entete #navigation ul li.onglet3 { background-color: #631443; } /* About */
#entete #navigation ul li.onglet3 a img { width: 42px; }
#entete #navigation ul li.onglet7,
#entete #navigation ul li.onglet7 li { background-color: #97141b; } /* Country Focus */
#entete #navigation ul li.onglet7 a img { width: 100px; }
#entete #navigation ul li.onglet4 { background-color: #f6c10f; } /* News */
#entete #navigation ul li.onglet4 a img { width: 35px; }
#entete #navigation ul li.onglet5 { background-color: #b2c92b; } /* Barometer */
#entete #navigation ul li.onglet5 a img { width: 72px; }
#entete #navigation ul li.onglet9 { background-color: #055aa0; } /* CookBook */
#entete #navigation ul li.onglet9 a img { width: 68px; }
#entete #navigation ul li.onglet6 { background-color: #ac2382; } /* Press */
#entete #navigation ul li.onglet6 a img { width: 37px; }
#entete #navigation ul li.onglet21 { background-color: #e31a7f; } /* Publications */
#entete #navigation ul li.onglet21 a img { width: 90px; }
#entete #navigation ul li.onglet10 { background-color: #bd0926; } /* Campaings */
#entete #navigation ul li.onglet10 a img { width: 72px; }
#entete #navigation ul li.onglet11 { background-color: #e85d32; } /* Ressources */
#entete #navigation ul li.onglet11 a { border-right: 0; }
#entete #navigation ul li.onglet11 a img { width: 114px; }
#entete #navigation ul li a:hover { background-color: #231F20; }
#entete #navigation .on { font-weight: normal; }
#entete #navigation ul li ul { display: none; width: 111px; z-index: 99; font-size: 11px; }
#entete #navigation ul li.onglet7:hover ul { display: block; position: absolute; display: block; }
#entete #navigation ul li.onglet7:hover ul li { float: none; margin: 0 auto; }
#entete #navigation ul li.onglet7:hover ul li a { border-width: 1px 0 0 0; }
*+html #entete #navigation ul li.onglet7:hover ul { display: none; }

#entete_navigation { position: absolute; right: 0; top: 24px; width: 200px; padding: 0 12px; color: #fff; overflow: hidden; font-size: .70em; }
#entete_navigation form { padding: 0 0 .5em 0; }
#entete_navigation form label { display: none; }
#entete_navigation form input.text { width: 145px; }
#entete_navigation form select { width: 150px; }
#entete_navigation form input.submit {}

/* Pied de page */
#pied { clear: both; background: #d0c9c5; font-size: .71em; text-align: center; }
#pied p { padding: .5em 0 1em 0; background: #d0c9c5; /*IE*/ border-top: 1px solid; }
#pied p img { vertical-align: middle; }
#pied p.copyright { float: left; width: 757px; border-color: #eee; }
#pied p.links { float: right; width: 225px; color: #FA441D; border-color: #E96729; }
#pied a { text-decoration: none; }
#pied a:hover { text-decoration: underline; }

/* clearfix : http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
.spacer { clear: both; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.none { display: none; }

/* Boutons d'admin SPIP */
.spip-admin-float { position: fixed; right: 25% !important; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { position: relative; /*IE*/ margin-top: -16px; padding: .4em 0 .4em 0px; font-size: .65em; }
#hierarchie a { text-decoration: none; }
#hierarchie .on { font-weight: normal; color: #fff; }
#hierarchie a:hover { background-color: #231F20; color: #fff; }

.cartouche { margin-bottom: 1em; background: #FFF; line-height: normal; }
.chapo { font-size: .71em; font-weight: bold; }
.texte { font-size: .71em; }
.ps { font-size: .71em; }
.notes { font-size: .71em; }

/* Listes SPIP */
ul.spip, ol.spip { margin-left: 2.2em; padding-right: 1em; margin-bottom: 1.4em; }
ul.spip { list-style: square outside; }
ol.spip { list-style: decimal; }
ol.spip li { margin-bottom: 1em; }
ul.spip ul { margin-bottom: 0; list-style: circle outside; }

/* Citations, code et poesie */
cite, q { font-style: italic; }
blockquote { margin: 2em 0; padding: 0 1em; border-left: .3em solid #C9BEB8; }
blockquote.spip_poesie { border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; font-size: 1.8em; line-height: normal; color: #C9BEB8; }
blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }

.spip_code, .spip_cadre { font-family: Courier, "Courier New", monospace; color: #E55428; }
.spip_cadre { padding: .5em; background-color: #231F20; color: #fff; border: 0; }
div.spip_code, .spip_cadre { margin-bottom: 1em;  }

kbd { padding: 0 .2em; background-color: #231F20; color: #fff; }

/* Tableaux */
table.spip { max-width: 99%; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /*IE*/ text-align: center; font-weight: bold; color: #231F20; }
table.spip tr.row_first { background: #231F20; }
table.spip tr.row_even { background: #D0C9C5; }
table.spip tr.row_odd { background: #C9BEB8; }
table.spip th, table.spip td { padding: .2em .4em; text-align: left; border: 2px solid #FFF; }
table.spip th { vertical-align: bottom; font-weight: bold; color: #fff; }
table.spip td { vertical-align: top; }

/* Logos, documents et images */
.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 { clear: left; float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { clear: 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; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

.menu { margin-bottom: 1em; padding: 0; }
.menu h2 {}
.menu ul li { padding: .5em 0; }
.menu a { text-decoration: none; }

/* Menus lateraux
--------------------------------------------- */
#extra { background: #E96729; border-top: 1px dashed #fff; font-size: .71em; }
#extra, #extra a { color: #fff; }
#extra .menu { padding: 1em; padding-top: 0; border-bottom: 1px dashed #fff; }
#extra .menu h2 { font-size: 90%; }
#extra .menu h2, #extra .menu h2 a { text-transform: uppercase; color: #000; }

/* Contact */
#extra .menu a.contact { display: block; width: 70px; margin-top: 1em; padding: .1em 1em; background: #fff; color: #F35829; text-transform: uppercase; font-weight: bold; }
#extra .menu a.contact:hover { background-color: #231F20; color: #fff; text-decoration: none; }

/* Outils */
.menu#tools ul li a { font-weight: bold; }
.menu#tools ul li a img { vertical-align: middle; }

/* Mots-cles */
.menu#keywords {}
.menu#keywords ul { line-height: normal; }
.menu#keywords ul li { display: inline; margin-left: .2em; padding-left: .8em; background: url(img/separateur.gif) no-repeat left center; font-weight: bold; font-size: 90%; }
.menu#keywords ul li.first { margin-left: 0; padding-left: 0; background: none; }

/* Derniers articles */
.menu#dernierement {}
.menu#dernierement ul { list-style: square inside; }
.menu#dernierement ul li {}
.menu#dernierement ul li a {}

/* Dans la meme rubrique */
.menu.memrub {}
.menu.memrub ul { list-style: square inside; }
.menu.memrub ul li {}
.menu.memrub ul li a {}

/* Sur le meme theme */
.menu.meme-theme {}
.menu.meme-theme ul { list-style: square inside; }
.menu.meme-theme ul li {}
.menu.meme-theme ul li a {}

/* Listes
--------------------------------------------- */
#contenu .menu { margin-bottom: 1em; }
.page_sommaire #contenu h2,
.page_rubrique #contenu h2,
#contenu .menu h2 { margin: 0; margin-top: -1em; padding: .6em 0 .4em 88px; background: #D0C9C5; font-size: .65em; text-transform: uppercase; color: #333; font-weight: normal; }
#contenu .menu ul { padding: 0 18px; background: #fff; list-style: none; }
#contenu .menu ul li { padding: 1em 70px; border-top: 1px dashed #aaa; font-size: .71em; }
#contenu .menu ul li:hover { background-color: #F7F7F7; }
#contenu .menu ul li.first { border: 0; }
#contenu .menu ul li a { /*padding: 1px 3px;*/ color: #231F20; text-decoration: none; }
#contenu .menu ul li a:hover { /*padding: 0 .2em;*/ background-color: #231F20; color: #fff; }
#contenu .menu ul li p { margin-bottom: 0; }
#contenu .menu ul li img.spip_logos { float: left; margin-left: -70px; }
#contenu .menu ul li ul { padding: 0; }
#contenu .menu ul li ul li { padding: 1em 0; font-size: 100%; border: 0; }
.secteur7 #contenu .menu ul li ul { padding-left: 2em; background: none; }
.secteur7 #contenu .menu ul li ul li { padding: 1em 0 0 0; border: 0; }

/* Pagination */
.pagination { padding: 1em 18px; background: #fff; font-size: .71em; text-align: right; }

/* Selection */
#contenu .menu#selection { background: url(img/bg-selection.gif) repeat-y; }
#contenu .menu#selection h2 {}
#contenu .menu#selection ul { display: block; margin: 0; padding: 0; }
#contenu .menu#selection ul li { float: left; width: 240px; min-height: 11em; margin: 0 18px 0 0; padding: 0 0 .3em 0; background: #fff; border: 0; }
#contenu .menu#selection ul li.der { margin-right: 0; }
#contenu .menu#selection ul li h3 a { display: block; /*min-height: 2em;*/ margin: 0; padding: .4em 1em; background: #F35829; color: #FFF; text-decoration: none; }
#contenu .menu#selection ul li h3.sanslien { display: block; /*min-height: 2em;*/ margin: 0; padding: .4em 1em; background: #F35829; color: #FFF; text-decoration: none; }

#contenu .menu#selection ul li h3 a:hover { background-color: #231F20; }
#contenu .menu#selection ul li img.spip_logos { margin: 0 auto; }
#contenu .menu#selection ul li p { clear: left; padding: .4em 1em; }

#contenu .menu#selection ul li.expertes {}
#contenu .menu#selection ul li.expertes strong { min-height: 16px; padding: 1px 0 1px 17px; background: url(img/experte.gif) no-repeat; }
#contenu .menu#selection ul li.expertes img.spip_logos { float: right; margin: 0 0 .1em 1em; }

/* Liste des pays */
#contenu .menu#country {}
#contenu .menu#country ul {}
#contenu .menu#country ul li { padding-left: 155px; }
#contenu .menu#country ul li img.spip_logos { margin-left: -110px; }

/* Liste des documents */
#contenu .menu#documents_joints {}
#contenu .menu#documents_joints h2 {}
#contenu .menu#documents_joints ul {}
#contenu .menu#documents_joints ul li { padding: .8em 70px; border-color: #ccc; color: #909090; }
#contenu .menu#documents_joints ul li a { color: #666; }
#contenu .menu#documents_joints ul li a:hover { background-color: #666; color: #fff; }
#contenu .menu#documents_joints ul li img.spip_logos { float: left; margin-left: -42px; }
#contenu .menu#documents_joints ul li .info_document { display: block; color: #999; }

/* Portfolio */
#contenu .menu#documents_portfolio {}
#contenu .menu#documents_portfolio h2 {}
#contenu .menu#documents_portfolio ul {}
#contenu .menu#documents_portfolio ul li { border: 0; }

/* Liste de sites */
#contenu .menu.links {}
#contenu .menu.links li { background: url(img/picto-site.gif) no-repeat 38px .9em; }
#contenu .menu.links a.spip_out { text-decoration: underline; }

/* ------------------------------------------
/* Variantes par gabarit
/* ------------------------------------------ */

body.secteur3 {} /* About */
body.secteur3 #entete { border-color: #631443; }

body.secteur7 {} /* Country Focus */
body.secteur7 #entete { border-color: #97141b; }

body.secteur4 {} /* News */
body.secteur4 #entete { border-color: #f6c10f; }

body.secteur5 {} /* Barometer */
body.secteur5 #entete { border-color: #b2c92b; }

body.secteur9 {} /* CookBook */
body.secteur9 #entete { border-color: #055aa0; }

body.secteur6 {} /* Press */
body.secteur6 #entete { border-color: #ac2382; }

body.secteur21 {} /* Publications */
body.secteur21 #entete { border-color: #e31a7f; }

body.secteur10 {} /* Campaings */
body.secteur10 #entete { border-color: #bd0926; }

body.secteur11 {} /* Ressources */
body.secteur11 #entete { border-color: #e85d32; }


/* Page article
--------------------------------------------- */
.bloc { margin-bottom: 1em; padding: 1em 44px 1em 88px; background: #FFF; }
.bloc h1 { margin-right: 150px; }
.bloc .date { float: right; margin-left: 2em; padding: .5em 0; font-size: .65em; color: #E55428; text-transform: uppercase; }
.bloc .date abbr { border: 0; }
.bloc .auteurs { font-size: .65em; color: #999; }
.bloc .spip_logos { float: right; margin: 0 0 .1em 1em; }

.surtitre, .soustitre { font-size: .65em; color: #E55428; text-transform: uppercase; }

.bloc p { margin-bottom: 1em; }
.bloc h2,
.bloc h3 { margin: 2em 0 1.4em 0; }

.repondre { display: none; }

/* Formulaire contact */
.formulaire_ecrire_auteur { font-size: .71em; }
.formulaire_ecrire_auteur legend { margin: 0; padding: 0; font-weight: bold; color: #1A171B; }
.formulaire_ecrire_auteur li { margin: .5em 0; }
.formulaire_ecrire_auteur li label { display: block; }

/* Pages rubrique, mot et accueil
--------------------------------------------- */
.cartouche { padding: 0 40px 0 400px; background: #FFF url(img/bg-cartouche.gif) repeat-y; overflow: hidden; }
.cartouche h1 { margin: 1em 0 .5em; padding: 0; text-transform: uppercase; }
.cartouche .chapo { padding: 0 0 .5em 0; font-size: .71em; }
.cartouche .chapo p { padding-bottom: .5em; }
.cartouche img.spip_logos { float: left; margin-left: -400px; }

/* Plan du site
--------------------------------------------- */
.page_plan .bloc { font-size: .77em; line-height: normal; }

/* add-on supergeante
--------------------------------------------- */
h3.news { color: #000; font-size: 83%; margin: 10px; }

#contenu .pave#selection ul { display: block; margin: 0; padding: 0; }
#contenu .pave#selection ul li { float: left; width: 240px; min-height: 0em; margin: 0 18px 0 0; padding: 0 0 .3em 0; background:  #E96729 ; border: 0; }
#contenu .pave#selection ul li.der { margin-right: 0; }
#contenu .pave#selection h3 {font-size: 10px; padding-left:10px;}
#contenu .pave#selection ul li h3 a { display: block; /*min-height: 2em;*/ margin: 0; padding: .1em 1em; background: #E96729 ; color: #FFF; text-decoration: none; }
#contenu .pave#selection h2.home { color:#fff;font-size:11px;font-weight:bold;margin-top:0;padding:4px; background:#000; margin-bottom:3px;}
#contenu .pave#selection h2.home.country{background-color:#97141B;}

#contenu #selection.menu h2.home { color:#fff;font-size:11px;font-weight:bold;margin-top:0;padding:4px; margin-bottom:3px;background:#000;}
#contenu #selection.menu h2.home.news{ background-color:#F6C10F;}
#contenu #selection.menu h2.home.campaigns{ background-color:#BD0926;}
#contenu #selection.menu h2.home.epac{ background-color:#631443;}

#contenu .menu h2.home  { color:#fff;font-size:11px; font-weight:bold;margin-top:0;padding:4px; background:#F35829;margin-bottom:3px;}

#hierarchie a.accueil { font-weight:bold;  background: #E96729; padding:1px; color:#fff; }
#hierarchie a:hover.accueil { font-weight:bold;  background: #E96729; padding:1px; color:black; }

p.traductions { font-size: .7em; }

/* ------------------------------------------
/* Divers
/* ------------------------------------------ */
a { color: #1a171b; text-decoration: underline; }
a.spip_mail:before { content: "\002709"; }
a.spip_url, a.spip_out, a.spip_glossaire { padding-right: 12px; background: transparent url(img/spip_out.gif) no-repeat right; }
.on { font-weight: bold; }
a:hover { text-decoration: underline; }
#contenu .bloc a:hover { background-color: #231F20; color: #fff; }

/*end*/