/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h1 {
	font-size:18pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
}
h1 a {
	font-size:18pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
	text-decoration:none;
}
h1 a:hover { text-decoration:underline;}	
h2 {
	font-size:16pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
}
h2 a {
	font-size:17pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
	text-decoration:none;
}
h2 a:hover { text-decoration:underline;}	
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip { /* Cf.: spip_style.css */
	font-size:13pt;
	line-height:1.5em;
	color:#666; /*Gris */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin:0;
	padding:1em 0 0.5em 0;
	text-align:left;} 
h3.spip a {
	font-size:13pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin:0;
	padding:1em 0 0.5em 0;
	text-decoration:none;
	text-align:left;
}
h3.spip a:hover { text-decoration:underline;}
h4 { font-size: 1.40em; font-weight: normal; }
h4, h4 a, h4 a:focus, h4 a:hover, h4 a:active { color: #003; }

hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

/* Modifs */
.capitalize { text-transform:capitalize;} 

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 58em; margin: 0 auto; text-align: left; }

#entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 1px solid #58585A; }
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#contenu { padding-top: 0.30em; }

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }

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

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


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

#hierarchie {
	clear: both;
	width:100%;
	margin: 1.5em 0 0 35px;
	text-align:left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#hierarchie, #hierarchie a { color: #b11025; }


.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }
.cartouche .texte {
	color:#58585A; /* Gris */
	font-size:10pt;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height:1.5em;
	font-weight:normal;
	text-align:justify;
	}

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.5em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: left; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #58585A; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #B11025; /*Rouge */ } 

/* AGENDA - CALENDRIER  */
#calendrier { float:left; width:25%; border:1px solid #58585A; margin-right:2em; text-align:center;  }
#calendar { font-size:12pt; font-family:"Times New Roman", Times, serif;}
#calendar h2 { display:none;}
#calendar table { width:100%;}
#calendar caption, #calendar thead tr {border-bottom:1px solid #58585A;}
#calendar abbr { border-bottom:none;}
#evenements { float:right; width:68%; border-left:1px solid #58585A; padding-left:2em; }

#evenements_article { float:left; width:68%; border-right:1px solid #58585A; padding-right:2em; }
#calendrier_article { float:right; width:25%; border:1px solid #58585A; margin-left:2em; text-align:center;  }


#bloc-gauche { float:left; width:68%; border-right:1px solid #58585A; padding-right:2em; }
#bloc-droit { float:right; width:25%; margin-left:2em; text-align:center;  }

#bloc-gauche-50 { float:left; width:48%; border-right:1px solid #58585A; padding-right:2em; }
#bloc-droit-50 { float:right; width:45%; margin-left:2em; text-align:center;  }

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.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; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 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: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


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

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border:none;}
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-bottom: 1px solid #58585A; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }
.menu a { color: #B11025; text-decoration: none; }
.menu a:focus,.menu a:hover,.menu a:active { color: #B11025; text-decoration: underline; }

#documents_joints ul li {border:none;}

/* Pagination */


/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #222; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;} 
.menu_articles .pagination strong {font-size:1em;}

/* Rubriques */
.rubriques ul { border: 0; } 
.rubriques ul li { border:0; border-bottom:1px solid #58585A; }
.rubriques .texte { width:600px;  }


.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
.articles .texte { width:600px;  }




/* Couleurs des liens
---------------------------------------------- */
a, a.spip { color: #B11025; text-decoration: none; }
a:focus,a:hover,a:active, a.spip:focus,a.spip:hover,a.spip:active { color: #B11025; text-decoration: underline; }


/* === CSS STYLES FOR ALTERINTER IRAQ WEBSITE (SPIP CMS) === */
/* === 2011 === */

#page-setup { background-color: #B11025; }
#page-sommaire {
	width: 984px;
	margin: auto;
	border:1px solid #58585A;
	background-color: #fff;
}
/*=== BANNER and MENU TOP OF PAGE ===*/

#page-entete {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
}
#page-entete p {
	padding: 5px 45px;
	margin:0;
	align: right;
	text-align: right;
	color: #000;
}
#page-entete p a { color: #b11025; }
#page-entete img {
	margin-top: -15px;
	position: relative;
	z-index: 0;
}
#home img {
	margin:0;
	padding:0;
	float :left;
	margin-left: 40px;
	position: relative;
	z-index: 5;
}
#boutons_menu { background-color: #fff; }
#boutons_menu p {
	margin:0;
	padding:0;
	float :left;
	color: #58585A;
	font-size:30px;
}
#boutons_menu img {
	margin: 0 30px;
	padding:0;
	float :left;
}
/* 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 { font-size:40px; /*width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center;*/ }
.formulaire_recherche input.submit { }
#formulaire_recherche {
	margin:2px 0 0 580px;
	padding:0;
	background-color: #fff;
}
.searchform {
	float:  left;
	width: 333px;
	height: 30px;
	border: 1px solid #58585A;
}
.searchbutton { float:  left; }
/*=== MILIEU DE PAGE - BLOC APPUI ===*/
#milieu-page {
	margin-top: 39px;
	width: 100%;
	border-top: 2px solid #e7e7e7;
}
#bloc_contenu_appui {
	clear: left;
	float: left;
	width: 337px;
	height: 337px;
	margin: 8px 0;
	background: white url(images/cadre_bloc_gauche.jpg) top left no-repeat;
}
#bloc_appui {
	width: 283px;
	height: 302px;
	margin: 25px 0 0 30px;
	text-align: center;
Ž 	color:#58585A;
	font: 21px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#bloc_appui p, #bloc_appui .descriptif {
	margin:0;
	/*padding:15px 7px 10px 7px;
	height: 210px;*/
	overflow: hidden;
}
#bloc_appui img {
	margin:0;
	padding:0;
}
/*=== MILIEU DE PAGE - BLOC PROMO ===*/
/**************************************
	ROTATOR 
**************************************/

#bloc_contenu_promo {
	float: right;
	margin:0;
	width: 646px;
	height: 337px;
	background: white url(images/cadre_bloc_droite.jpg) top left no-repeat;
}
#bloc_promo {
	padding: 18px 8px 8px 0;
	margin:0;
	width:638px;
	height:337px;
}
#bloc_promo_texte {
	width: 590px; 
	height: 250px;
	margin:0;
	padding:0;
	text-align: left;
Ž 	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	overflow: hidden;
}
#bloc_promo_texte img, #bloc_promo_texte .spip_logo {padding:17px 0 0 8px;}
#bloc_promo_texte ul { list-style:none; margin:0 0 0 30px; padding:0; }
#bloc_promo_texte ul li { height:250px; list-style:none; margin:0; padding:0; }
#bloc_promo_texte h1{
	font-size:17pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
}
#bloc_promo_texte h1 a {
	font-size:17pt;
	line-height:1.5em;
	color:#B11025; /*Rouge */
	font-family:"Baskerville", Arial, Helvetica, Geneva, sans-serif;
	margin-top:0;
	padding-top:0;
	text-decoration:none;
	}
#bloc_promo_texte h1 a:hover { text-decoration:underline;}	
#bloc_promo_texte .descriptif {
	color:#58585A; /* Gris */
	font-size:12pt;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height:1.5em;
}
#bloc_promo_texte p { /*width: 250px;*/ }
.button { /*float:right;*/ margin:9px 5px 0 0; }
.next, .prev { cursor:pointer; }
#navigation {width:100%;}
#navigation ul { list-style:none;  margin:0 0 0 30px; padding:0; }
#navigation ul li { float:left;
list-style:none;  }
#navigation ul li a, #navigation ul li a:visited  {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#FFF;
	font-size:8pt;
	padding:7px;
	background:url(images/chiffre.jpg) center no-repeat;
	height:16px;
	width:16px;
	text-decoration:none;
}
#navigation ul li a:hover  {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#FFF;
	font-size:8pt;
	padding:7px;
	background:url(images/chiffre_rol.jpg) center no-repeat;
	height:16px;
	width:16px;
	text-decoration:underline;
}
.suite, .suite a { color:#B11025; font-size:10pt; line-height:1.5em;}
.suite a:hover {text-decoration:underline;}
/*====== Content ===== */
#page-contenu {
	width: 984px;
	margin: auto;
	border:1px solid #000;
	background-color: #fff;
}

#bloc-article {
	clear: both;
	margin: 1.5em 35px;
	text-align: left;
	
/*	padding-top: 30px;*/
}

/*=== POUR PAGE CAMPAGNES ===*/

.bloc-campagne {
	clear: both;
	width: 913px;
	height: 104px;
	overflow: hidden;
	margin: auto;
	margin-top: 40px;
	border-bottom: 1px solid #58585A;
	text-align: left;
}
.bloc-campagne a {
	color: #58585A;
	font: 27px Georgia, "Times New Roman", Times, serif;
}
.bloc-campagne p { width: 550px; }
.cmpg-logo {
	clear: none;
	float: right;
}






/*=== BAS DE PAGE ===*/
#ligne_separation {
	clear: both;
	width: 913px;
	margin: auto;
	margin-bottom: 10px;
	padding-top: 45px;
	border-bottom: 1px dashed #58585A;
}
#ligne_separation2 {
	clear: both;
	width: 913px;
	height: 10px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 190px;
	border-top: 1px dashed #58585A;
	border-bottom: 1px dashed #58585A;
}
#menu_bas { clear: both; }
.home_nouvelles {
	float: left;
	margin:0 13px;
	width: 220px;
	height: 142px;
	background-image: url(images/menu_bas_fr/nouvelles_btn_fr_rol.jpg);
}
.home_nouvelles a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url(images/menu_bas_fr/nouvelles_btn_fr.jpg) top left no-repeat;
}
.home_nouvelles a:hover { /* masquage de l'image1 au survol */ background: transparent none; }
#menu_bas img {
	float: left;
	margin:0 13px;
	padding:0;
}
/*=== PIED DE PAGE ===*/

#bloc_logos {
	text-align: center;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #58585A;
	margin-bottom:10px;
}

#ligne_separation3 {
	clear: both;
	width: 913px;
	height:1px;
	margin: auto;
	margin-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dashed #58585A;
}
#copyright {
	clear: both;
	color: #fff;
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #B11025;
	line-height: 1.5em;
}
#copyright a { color: #fff; }
#copyright a:hover {
	color: #fff;
	text-decoration:underline;
}
#credits {
	clear: both;
	color: #D0707C;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #B11025;
	line-height: 2em;
	padding-bottom: 30px;
}
#credits a { color: #D0707C; }
#credits a:hover {
	color: #D0707C;
	text-decoration:underline;
}