/* import de la feuille commune des positions de blocs et tailles de texte */
@import url("../commun.css");

html { font-size:100% }

body {
	margin-top: 0px;
	background-image:url("img/ciel2.jpg");
	background-repeat:repeat;
	font-family: "Helvetica","Liberation Sans","Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-size: 0.8125em;
	color: black;
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; }
h2 { font-size: 1.40em; font-weight: normal; }
h3 {font-size:1.2em;font-weight:bold;}

small {
    color: #000000;
}
/* 
p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 2em;
}
*/
/*
p {
	margin : 10px 0 10px 0;
	clear:both;
}
*/

a {
	text-decoration: underline;
	color: darkred;
}

a:hover {
	text-decoration: none;
	color: darkred;
}

caption {font-weight: bold;
	color:#990808;}



/* page */

#page {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/* entete */

#entete {
	height: 75px;
	margin: 0;
/*	background-color: #990808; */
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-image:url("img/logo_pascal.jpg");
	background-position:right;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

/* accueil */

.accueil {
    padding: 0;
    position: absolute;
    right: 150px;
	left:150px;
    text-align: center;
    top: 20px;
}

#drapos {
	position:absolute;
	left:20%;
	top:20px;
}

#drapos a {
/*	text-decoration:none;*/
	color:#010101;
	font-size: 16px;
}

#drapos a:hover{
	color:#838383;
}

#drapos #menu_lang li a,#drapos #menu_lang li span,#drapos #menu_lang li strong {
	font-size:15px;
}

#entete .accueil #nom_site_spip {
	margin: 0;
	padding: 0;
	font-family: EurocentricRegular, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 36px 
}

#entete #slogan_site_spip {
	margin: -2px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#entete .accueil #nom_site_spip a {
	text-decoration: none;
	color: darkred;
}

#entete .accueil img.spip_logos { 	
	float: left;
	/* change the values of top and left to adjust the position of the logo*/
	margin: -10px 10px 10px 0;	
}

#formulaire_menu_lang {	
    left: 10px;
    margin-left: 0.5em;
    position: absolute;
    top: 340px;
    width: 0px;
	height:0;
	z-index:0;
	visibility:hidden;
}

#navigation #formulaire_menu_lang {
	visibility:visible;
	height:auto;
	width:auto;
}

#formulaire_menu_lang.formulaire_spip label {	
	color:darkred;
}

.formulaire_spip .boutons {
	text-align:left;
}

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

/* nav */

#nav {
	margin: 0;
/*	background: #990808; */
	overflow: hidden;
	border: 0px solid #000000;
	position:absolute;
	top:0px;
	height:50px;
	left:0px;
	right:0;
}

#nav ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: normal;
}

#nav li {
	display: inline;
	text-align: center;
}

#nav a {
/*	display: block;
	float: left;
	padding: 20px 5px 20px 20px; */
	height: 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: grey;
	font-family: EurocentricRegular,Arial,Helvetica,sans-serif;
/*	background: url(img/star4.gif) no-repeat left top; */
}

/* ======================================= POUR 3 RUBRIQUES CENTREES =================================== */
/* 2% + 3*32% + 2% = 100% */

#nav .menu-liste {
	padding-left: 2%;
	padding-right: 2%;
}

#nav a:hover, #nav .active a, #nav .menu-entree.on a {
/*	background: url(img/star4.gif) no-repeat left top #FFFFFF; */
	color: #110404;
	/*color:white;*/
}

#nav .menu-entree {
	border: 1px solid black;
    float: left;
    padding: 5px;
    text-align: center;
    width: 30%;
}

#nav .menu-entree:hover {
	background-color:lightgrey;
	/*background-color:#212121;*/
}

#nav .menu-entree .menu-liste, #nav .menu-entree .menu-liste a{
	display:block;
	line-height:0;
	font-size:0px;
	height:0;
}

#nav .menu-entree:hover .menu-liste, #nav .menu-entree:hover .menu-liste a{
	font-size:15px;
	line-height:20px;
	height:20px;
}

/* Search */

#header-search {
	width: 940px;
	height: 108px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
/*	background:url("img/star2.gif") no-repeat right #000000; */
}

/*formulaires*/
/*



#navigation #formulaire_recherche  {
	height: 51px;
	margin: 0 auto;
	padding: 0px 0px 60px 0px;
}

#navigation #formulaire_recherche  {
	margin: 0;
	padding: 12px 0px 0 0;
}

#navigation #formulaire_recherche label {
	margin: 0;
	padding: 0;
	border: none;
	font: 18px EurocentricRegular, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#navigation #formulaire_recherche  input.text {
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	width: 160px;
	height: 18px;
	padding: 3px 0 3px 5px;
	border: none;
	color: #000000;
}

#navigation #formulaire_recherche  input.submit {
	margin-left: 10px;
	padding: 4px 4px;
	border: none;
	background: #000000;
	color: #FFFFFF;
}
*/
#formulaire_inscription legend {background: none;
	color: #FFFFFF;}
p.explication {
	/*text-align: justify;*/
	color:#990808;
}

#formulaire_ecrire_auteur_1 {margin-top: 30px;}

#formulaire_ecrire_auteur_1 legend {
			background: none;
			color:#FFFFFF;}

#formulaire_forum legend {
			background: none;
			color:#FFFFFF;}
			

/* conteneur */

#conteneur {
	position:absolute;
	left:0;
	top:130px;
	bottom:25px;
	right:0;
	margin: 0;
}

#conteneur-bgtop {
	padding: 0px 0px 0px 20px;
}

/* contenu */

#page-bgtop {
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	background: #990808;
}


/* ========================================== MENU DROITE ========================================================*/

#zone_droite, #zone_tags {
	background-image: url("img/ciel2.jpg");
    	background-repeat: repeat;
}

#zone_droite a, #zone_droite a:hover, #zone_droite a:visited, #zone_tags a, #zone_tags a:hover, #zone_tags a:visited {
	color: #010101;
}


#zone_droite #zone_droite_fleche {
	background-image:url("img/bckward.gif");
	background-size:100% auto;
}

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

/* ========================================== CADRE DROITE ========================================================*/

#contenu {
	position:absolute;
	padding-top: 30px;
/*	background: grey; */
	padding: 5px;
	padding-left:10px;
	top:100px;
	right:0;
	left:20%;
	bottom:0;
	overflow-y:auto;
}


#contenu.cl_article {
	right: 51px;
}
/*
#top_article {
	position:absolute;
	top:5px;
	height:60px;
	left:0px;
	right:60px;
}

#contenu_article {
	overflow-y:auto;
	position:absolute;
	top:60px;
	bottom:0px;
	left:0px;
	right:60px;
	padding-right:5px;
}
*/
#contenu_article img {
	max-width:100%;
	/*max-height:100%;*/
}


#rubrique_articles {
  	bottom: 250px;
	left: 0;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 80px;
}

#rubrique_rubriques {
 	bottom: 0;
	left: 0;
	overflow-y: auto;
	position: absolute;
	right: 0;
	height: 250px;
}

#contenu .h2 {
	margin: 0px 0px 30px 0px;
/*	background: url(img/img06.gif) repeat-x left bottom;*/
}

#contenu .h3 {
	margin: 0px 0px 30px 0px;
/*	background: url(img/img06.gif) repeat-x left bottom;*/
}

#contenu .h3 {
	
	padding: 0px 0px 5px 0px;
	color: grey;
	
}

#contenu .texte .h3 {clear: both;}

#contenu .h3 a {
/*	padding: 4px 35px 4px 15px;*/
	text-decoration: none;
	font-weight: bold;
	color: darkred;
}

#contenu .h3 a:hover {
	color:grey;
}


.contenu-principal {
	padding:5px;
}


/* #contenu a {color: #990808;} */

.introduction {
	padding: 20px 0px;
}

/* #contenu .spip_logos {
	float: left;
	padding: 0 15px 15px 0;
}
*/
.meta-publi {
	text-align: center;
	padding: 0px 0 20px 0;
	font-weight: bold;
	color: #202020;
	font-family: EurocentricRegular, Georgia, "Times New Roman", Times, serif;
}

.meta-publi a{
/*	background: url("img/star3.gif") no-repeat; */
	padding: 10px 0 20px 25px;
}
.meta-publi span{
/*	background: url("img/star3.gif") right no-repeat; */
	padding: 15px 25px 0 0;
}
/*
.info-publi, .cartouche p.info-publi {
	float: right;
	margin-top: -20px;
	margin-left: 100px;
	text-align:right;
	font-size: 12px;
	color: darkred;
}

#top_article .cartouche p.info-publi {
	margin-top: -60px;
}

p.info-publi {
	position: relative;
	margin-top: -50px;
	margin-left: 300px;
	width:280px;
	text-align:left;
	font-size: 12px;
	color: #5E5E5E;
}
*/


#contenu ul.liste-items li{margin: 0px;
	padding: 0px;
	list-style: none;}

#derniers_articles {
    margin: 0;
    overflow-y: auto;
    position: absolute;
    right: 5px;
	left:10px;
	bottom:120px;
    top: 0;
}

#citations {
    margin: 0;
    overflow-y: auto;
    position: absolute;
    right: 185px;
    left:10px;
    bottom:0;
    height: 120px;
}

#citations h2, #citations h3 {
	margin:0;
}

#citations p {
	margin:0;
	padding:0;
}
/* navigation */

#navigation {
	position:absolute;
	top:30px;
	bottom:0px;
	left:0;
	width: 20%;
	margin: 0px;
	padding: 0;
	padding-left:10px;
/*	background-color:darkred; */
	background: url("img/boudhatrsp.png") no-repeat;
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: 100% auto;
}



#navigation .menu-liste {
	margin: 0;
	padding-left: 0px;
	list-style: none;
	line-height: normal;
	border-bottom: medium none;
}

#navigation li li.menu-entree {
	margin-bottom: 1px;
	background: transparent;
	border-bottom: 0px;
	
}

#navigation .menu-liste li ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/* #navigation .menu-entree  {
	margin: 0;
	padding: 9px 0px;
	border: none;
	background: url(img/img06.gif) repeat-x left bottom;
	border-bottom: 1px solid #171717; 
	font-size:20px;
}
*/

#navigation h2 {
	margin: 0px;
	padding: 0px;
	font-family: EurocentricRegular, Arial, Helvetica, sans-serif;
	font-size: 0;
	line-height:0;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
}

#navigation h3 {
	font-size: 77%;
	color: #110404;
}

#navigation p {
	margin: 0;
	line-height: normal;
	color: #D4C792;
}

#navigation a {
	border: none;
	text-decoration: none;
	color: darkred;
}

#navigation a:hover {
	text-decoration: underline;
}

 #navigation ul li {
    background: none repeat scroll 0 0 transparent;
    font-size: 1.5em;
	border-top: none; /*1px solid #000000; */
}

/* News */

#news {
}

#news a {
	font-size: 85%;
}

/* pied */

#pied {
	margin: 0;
	padding: 0px;
	text-align: center;
/*	background: #000000; */
	color: #000000;
	position:absolute;
	left:0;
	bottom:0;
	width:20%;
	height:25px;
	z-index:1;
}

#pied img { vertical-align: middle;max-height:25px; }

#pied p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#pied a {
	text-decoration: underline;
	color: #000000;
}

#pied a:hover {
	text-decoration: none;
}

/* typo */

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


#hierarchie { clear: both; /* margin-bottom: 2em; */ font-size: 0.90em; }
#hierarchie, #hierarchie a { color: darkred; }

/* .cartouche { margin-bottom: 2em; } */
.cartouche h1 { margin:0; text-align:center; }
.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; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #990808; }
.texte { line-height: 1.60em; }
.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: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px;}
.documents_portfolio a:hover .spip_logos { border-color: #F57900; }
.documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }


/* Listes SPIP */
/* ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
} */
/* ul { list-style: disc; } */
/* ol { list-style: decimal; } */

dt {
  font-weight: bold;
  color: #990808;
}
/*dd {
  padding-left: 25px; 
}*/

/* p, dl { padding: 10px 0px; } */
ul.spip {} /*Cf.: spip_style.css*/
ol.spip {} /*Cf.: spip_style.css*/

/* Citations, code et poesie */
blockquote.spip {} /*Cf.: spip_style.css*/
blockquote.spip {
	margin: 10px;
	padding: 10px;
	padding-left:32px;
	border: 1px solid #F0F0F0;
	background: #f8f8f8 url(img/quote.gif) no-repeat 12px 12px;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	color: #555;
}
blockquote.spip_poesie {} /*Cf.: spip_style.css*/
blockquote.spip_poesie {
	margin: 10px;
	padding: 30px;
	padding-left:32px;
	border: 1px solid #F0F0F0;
	background: #f8f8f8 url(img/quote.gif) no-repeat 12px 12px;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	color: #555;
}
.spip_code {} /*Cf.: spip_style.css*/
.spip_code {
	margin: 0;
	padding: 1px 1px 1px 1px;
	
	background:#ffffff;
	border: 1px solid #990808;
	font-family: 'Lucida Console', 'Courier New', Monospace ;
	color: #555;
	/* white-space: pre; */
}
.spip_cadre {
	margin: 3px 0;
	padding: 15px;
	text-align: left;
	display: block;
	overflow: auto;  
	font-family:  'Lucida Console', 'Courier New', Monospace ; /* 500 1em/1.5em */
	/* white-space: pre; */
	border: 1px solid #F0F0F0;

	background: #f8f8f8;
	width:90%;
}



/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 0em; 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; }
*/


/* comments list */
ul.forum,ul.forum ul {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #F0F0F0;	
	border-width: 1px 1px 0 1px;
}
ul.forum ul { margin:0; }
.forum li {
	margin: 0;
	border-bottom: 1px solid #F0F0F0; 
	padding: 10px;
	list-style: none;font-size: 1.2em;
}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.forum li cite img {
	float: left;
	margin-right: 10px;	
}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
}
.forum li.alt {
	background: #f8f8f8;
}

#navigation .formulaire_spip label {
	color: black;
}

.formulaire_spip label {
    color: #000000;
    display: block;
    font-weight: bold;
    position: relative;
    text-align: left;
}

.menu { clear: both; 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 #6D6D6D; }
.menu ul li { margin: 2px 0; padding: 2px; border-top: 1px solid #6D6D6D; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; height:25px; }
.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 ul li a { text-decoration:none; }

/* 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*/

/* bloc vignette pour liste des articles/sous rubriques par vignettes */
.asso_bloc {
	width:150px;
	height:170px;
	float:left;
	text-align:center;
	margin:20px;
}
.asso_bloc a, .asso_bloc a:hover, .asso_bloc a:visited {
	text-decoration:none;
	font-weight:bold;
}

.menu h2 {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
}

.couleur1 {
	color:lightblue;
}

table.spip td .couleur1 {
	color:blue;
}

.couleur2 {
	color:red;
}

.caractencadre-spip {
    color: #FF0000;
    font-weight: bold;
}

.caractencadre2-spip {
    color: darkgreen;
    font-weight: bold;
}

h3.spip {
    text-align: center;
}