/* --------------------------------------------------------- */
/* 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.8em; font-family: Verdana, sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
h1 { /*font-size: 1.70em; color: #000;*/}
h2 { font-size: 1.20em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1em; font-weight: bold;}
h3.spip { font-size: 1em; text-align:left; border-bottom:1px solid #ccc; color:#000; padding:0; margin:20px 0 10px 0;} /* Cf.: spip_style.css */
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 { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; line-height:1em; width:300px;} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body {margin: 0; padding: 0; text-align: center; background-image: url(images/background.png); background-position:top;  background-repeat: repeat-y;}

#page {position: relative; width: 920px; margin: 0 auto; text-align: left; background-color:#F2F2F2;}

#entete {background-color:#CC6699;}
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top:30px; display: block;} /*Cf.: spip_formulaires.css*/

#conteneur { clear: both; float: left; width: 590px; overflow: hidden; border-right:1px solid #ccc; padding:10px 0 0 20px; min-height:450px;}
#contenu { margin:10px 0 20px 0;}

#navigation { float: right; width: 280px; margin-top: 1em; overflow: hidden;  margin-right:10px;  }
#extra { float: right; clear: right; width: 280px; margin-top: 1em; margin-right:10px; overflow: hidden;}

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; 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; margin: 0; padding: 5px 10px ; font-size: 0.80em; border-bottom:1px solid #ccc;}
#hierarchie, #hierarchie a { color: #666; }

.cartouche { padding:0 10px; 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: 1em; color: #000; font-weight:bold;text-align:center; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }
h1 { font-size: 1.10em; color: #000; font-weight:bold; text-align:center; }

.traductions { font-size: 0.90em; }
.chapo { margin-bottom: 0px; line-height: 1.40em; font-weight: bold; padding:0 10px; }
.texte { font-size:0.95em; line-height: 1.60em; padding:0 10px; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin: 2em 0; line-height: 1.40em; padding:0 10px;}
.notes { clear: both; font-size: 0.90em; padding:0 10px; border-top:1px solid #ccc;}

abbr.published { border: 0; }

/* Portfolio 
#documents_portfolio { clear: both; margin: 3em auto; text-align: center; background-color:#FFFFFF }
#documents_portfolio h2 { font-size:0.9em; font-weight:bold; padding:10px ;}
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#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: #8B6F92; }

*/

/*  Portfolio
---------------------------------------------- */

#documents_portfolio {
	clear: both;
	margin-top: 0.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	text-align:center;
	padding:10px;
	font-size:10px;
	}

#documents_portfolio h2 { font-size:0.9em; font-weight:bold; padding:10px ;}

#documents_portfolio .legend{font-size: 0.8em; line-height:98%; margin:5px 0;}

#documents_portfolio .spip_logos {
float:left; 
margin:6px 3px 0 3px;
padding:0;
border: 1px solid #DDD;
width:105px;
height:135px;
background-color:#FFFFFF;}

#documents_portfolio img { border:0; padding:0;}

#documents_portfolio a:hover { border-bottom :2px solid #ffdd00 ; }

#document_actif { margin-top: 1em; } */


/* 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:0 10px 10px 0; float:left }
.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-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin: 10px; } /*Cf.: spip_formulaires.css*/

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



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

a.spip_in { color: #cc0066;}
a.spip_out { color: #cc0066;}


/*Ajouts sabine
---------------------------------------------- */


.menu_lang {
float:left;
padding:5px 10px;
background:#ffe500;
font-size:0.9em;
}


.manif{
float:right;
padding:6px 5px 5px 0;
font-size:0.80em;
background:#ffe500;
}

.hor1{
clear:both; 
width:100%;
height:25px;
background:#ffe500;}

.portraits2{
float:left;
background:#ffe500;
margin:10px;
}

/* Sommaire*/

/** BEGIN une1 **/

.titre-une0 {	
	padding:0px;
	margin:10px 10px 0 0;
	font-size:1em;
	font-weight:bold;
	font:Verdana;
	width:560px;
	padding:5px 0 5px 10px;
	background:#ffe500;
	color:#000;

}

.titre-une1 {	
	padding:0px;
	margin:10px 10px 0 0;
	font-size:1em;
	font-weight:bold;
	font:Verdana;
	width:560px;
	padding:5px 0 5px 10px;
	background:#ffe500;
	color:#000;
	background-image: url(images/fond-h2une2.gif); background-repeat:no-repeat; background-position:top;
	text-transform:uppercase;

}

.annonce1 { 	background-image: url(images/visuel-doc_02.gif); background-repeat:no-repeat; background-position:top;}
.annonce2 { 	background-image: url(images/visuel-doc_03.gif); background-repeat:no-repeat; background-position:top;}

.annonce-texte { margin:0 25px;}

/** END une1 **/


/** boites **/
.boxg {	
		float: left;
		padding: 0px;
		width: 280px;
		margin:20px 10px 10px 0px;
		background:#ffffff;
		padding-bottom:10px;
		display:inline;
	}
	
* html .boxg{
margin:20px 5px 10px 0px;}

.boxd {	
		float: right;
		padding: 0px;
		width: 280px;
		margin:20px 0 10px 0;
		background:#ffffff;
		padding-bottom:10px;
	}
	
.box-continents {	
		float: right;
		padding: 0px;
		width: 280px;
		margin:20px 0 10px 0;
		background:#ffffff;
		font-size:0.9em;
		
	}
	
.sous-continents {
background-color:#FFE500;
padding:5px;
font-weight:bold; text-align:center;


}


.box-presse {	
		float: left;
		padding: 0px;
		width: 280px;
		margin:10px 10px 10px 0px;
		background:#ffffff;
		
	}
	
.sous-presse {
background-color:#FFE500;
padding:3px;
text-align:right;
font-size:0.85em;
}

	
.presse  ul {
	padding:0 15px 0 0;
	margin:0;
	font-size:0.9em;
	list-style-type: none;
	}
.presse  ul li {
	padding: 0;
	margin-left:10px;
	margin-bottom:10px;
	
	}
.presse ul li a {
	color: #cc0066;
	font-weight:bold;
	ext-decoration: none;
	}

	
.boxg h2, .boxd h2, .box-continents h2, .box-presse h2 {		
	padding:0px;
	margin:0px;
	font-size:1.0em;
	font-weight:bold;
	font:Verdana;
	margin-bottom:10px;
	width:280px;
	height:40px;
	
	padding:5px 0 0 10px;
	background:url(images/cat_bg_2.gif) no-repeat left;
	color:#000;
	text-transform: uppercase;
	
	}
	
.boxg  ul, .boxd  ul {
	padding:0 15px 0 0;
	margin:0;
	font-size:0.9em;
	list-style-type: none;
	}
.boxg  ul li, .boxd  ul li {
	line-height: 1.5em;
	padding: 0;
	margin-left:10px;
	margin-bottom:5px;
	border-bottom:dashed #cc0066 1px;
	}
.boxg ul li a, .boxd ul li a {
	color: #cc0066;
	font-weight:bold;
	ext-decoration: none;
	}



.continents {
position:relative;
width:280px;
height:150px;
background-image:url(images/Continents.jpg);}

.continents a{
color:#000000;
font-size:0.9em;
}



.america{
position:absolute;
left:10px;
top:60px;}



.europa{
position:absolute;
left:100px;
top:0;}

.africa{
position:absolute;
left:110px;
top:80px;}

.asia{
position:absolute;
left:190px;
top:40px;}

.oceania{
position:absolute;
left:180px;
top:105px;}


/*------------ Scrolling --------------*/
#scrollup {
  position: relative;
  overflow: hidden;
  height: 55px;
  width: 570px;
  background-color:#FFFFFF;}
  
.headline {
font-size:0.9em;
  position: absolute;
  top: 55px;
  left: 10px;
  height: 55px;
  width:550px;
}

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

.bouton_petition {
background-image:url(images/bouton-pettion.gif);
background-position: top;
background-repeat:no-repeat;
width:220px;
height:50px;
margin:0px; padding:0;
padding-top:15px;
padding-left: 45px;
margin-left:160px;
font-size:1.1em;
font-weight:bold;
}

.bouton_centre {
background-image:url(images/bouton-pettion.gif);
background-position: top;
background-repeat:no-repeat;
width:220px;
height:50px;
margin:0px; padding:0;
padding-top:10px;
padding-left: 45px;
margin-left:155px;
margin-bottom:20px;
font-size:1.1em;
font-weight:bold;
}


.bouton_partenaire {
background-image:url(images/bouton-pettion.gif);
background-position: left;
background-repeat:no-repeat;
width:220px;
height:65px;
margin:0px; padding:0;
padding-top:22px;
padding-left:40px;
font-size:1.1em;
font-weight:bold;
}

.alerte {
font-size:1em;
background-color:#ffe500;
text-align:center;
font-weight:bold;
padding:10px;
}

.bouton_form{
font-size:1em;
font-weight:bold;
padding:5px;
}


.bouton_compteur {
background-image:url(images/bouton-compteur.gif);
background-position: left;
background-repeat:no-repeat;
width:260px;
height:65px;
margin:0px; padding:0;
padding-top:22px;
padding-left:15px;
font-size:1em;
font-weight:bold;
color:#000;
}

.compteur {
font-size:1.2em;
font-weight:bold;
color:#000;

}
.compteur a{
color:#000;

}



.bouton_une {
background-image:url(images/bouton-une.gif);
width:280px;
height:70px;
}

.bouton_une .texte{
margin:0px;
padding:13px 5px 0 35px;
font-size:1.1em;
font-weight:bold;
line-height:1.4em;
}
.bouton_compteur2 {
background-image:url(images/bouton-compteur2.gif);
width:280px;
height:70px;
}

.bouton_compteur2 .texte{
margin:0px;
padding:13px 5px 0 35px;
font-size:1.1em;
font-weight:bold;
line-height:1.4em;
color:#000;
}


.liste-actions{
font-size: 0.9em;

}
.liste-actions h2{
font-size: 1em;
font-weight:bold;
padding:5px;
margin:10px 0;

}

.suite {
text-align:right;
font-size:10px;
font-style:italic;

}

.une-accueil
{ font-size:10px;
padding:0;
margin:0;
}

.une-accueil .spip_documents_center
{padding:0;
margin:0;}

