/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes du site AVICENNE-SCINECES.com  */
/*  ----------------------------------------------------------- */
/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
* { margin:0; padding:0; position:relative; }
body {
	
	background-color:#F6F3EA;
	background-image:url('images/cahier03.gif');
	padding:1em;
	padding-top:0;
	text-align:left;
	font-size:1em;
	color:#333;
	font-family: arial, verdana, Georgia, Times, serif;
	min-width:800px;
}
a, a.spip_out { text-decoration: none; color: #A72D32; padding:0 .2em; }
a:hover, a.spip_out:hover {
	color: #000;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul.spip { margin-left:1em; }
ul.spip li, li { list-style-position:inside; }
.rubriques li, .rubriques_enligne li { list-style:none; }


/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents img {  border:1px solid #000; }
.spip_documents a { padding:0; z-index:500; display:block; margin:0; margin-left:-15px; position:relative; }
.spip_documents { margin:.3em 1em; z-index:1; position:relative; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; }
.spip_documents_left { float: left; padding-right:1em; }
.spip_documents_right { float: right; padding-left:1em; }

.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }



/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

/* Entete */
#entete {
	width:500px;
	font-family: helvetica, serif;
}
#entete #descriptif_site_spip, #entete a .spip_logos {
	display: block;
	font-weight: bold;
	font-size:1.1em;
}
#entete #descriptif_site_spip {
	margin-left:34px;
	margin-top:-22px;
	text-transform:lowercase;
} 
#entete span#descriptif_site_spip span { display:none; }

#entete a {
	background-color:transparent;
	text-decoration: none;
	font-weight:bold;
}
#entete .formulaire_recherche { float: right; }


/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	padding-top: 4em;
	text-align: left;
	font-size: 0.7em;
}
#pied .login { margin-left:-.6em; }
#pied .logout { margin-left:-.3em; }
#pied a:hover { color:#000; background-color:#DEDA70; }

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

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

/*  ------------------------------------------
/*  Habillage du menu
/*  ------------------------------------------ */
.page_sommaire #menu {
	width:100%;
}
#menu {
	float:left;
	width:330px;
	margin-right:-2.5em;
	margin-top:1.5em;
}
.page_sommaire ul.rubriques li {
	float:left;
}
ul.rubriques li {
	position:relative;
	z-index:100;
	margin:0 1em;
	margin-bottom:1em;
}
.rubriques a span {
	display:block;
	padding:0 .2em;
	color:#A72D32;
	background-color:#DEDA70;
	font-weight:bold;
	font-size:.75em;
	cursor:pointer;			/* special IE6 */
}
.rubriques a:hover span, body.rubrique2 a#id2 span, body.rubrique3 a#id3 span, 
body.rubrique4 a#id4 span, body.rubrique5 a#id5 span, body.rubrique6 a#id6 span, 
body.page_recherche a#id7 span {
	color:#DEDA70;
	background-color:#A72D32;
}

a#id2 { width:236px; margin-top:-.8em; margin-left:60px; background-image:url('images/who.png'); }
a#id2:hover, body.rubrique2 a#id2, .precharg2 { background-image:url('images/who_n.png'); }
a#id2 span {  margin-left:96px; margin-top:12px; }

*+html a#id2 span { display:block; margin-left:96px; top:12px; }	/* necessaire IE7 */


a#id3 { width:188px; background-image:url('images/where.png'); }
a#id3:hover, body.rubrique3 a#id3, .precharg3 { background-image:url('images/where_n.png'); }
ul.rubriques li.rubrique3 {  margin-left:125px; }
.page_sommaire ul.rubriques li.rubrique3 {  margin-left:20px; }

a#id4 { width:10.6em; background-image:url('images/what.png'); }
.page_sommaire a#id4 { width:20em; background-image:url('images/what.png'); }
a#id4:hover, body.rubrique4 a#id4, .precharg4 { background-image:url('images/what_n.png'); }
ul.rubriques li.rubrique4 {  margin-left:80px; }
.page_sommaire ul.rubriques li.rubrique4 {  margin-left:20px; }

a#id5 { width:6.45em; background-image:url('images/and.png'); background-position: top right; }
a#id5:hover, body.rubrique5 a#id5, .precharg5 { background-image:url('images/and_n.png'); }
li.rubrique5 { width:6.4em; text-align:right; float:left; margin-left:1em; }
.page_sommaire ul.rubriques li.rubrique5, .page_sommaire ul.rubriques a#id5 { width:12em; margin-left:10px; }

a#id6 { width:125px; background-image:url('images/more.png'); }
a#id6:hover, body.rubrique6 a#id6, .precharg6 { background-image:url('images/more_n.png'); }
ul.rubriques li.rubrique6 { margin-left:20px; float:left; }
.page_sommaire ul.rubriques li.rubrique6 { margin-left:45px; }

a#id7 { width:293px; background-image:url('images/examples.png'); }
a#id7:hover, body.page_recherche a#id7, .precharg7 { background-image:url('images/examples_n.png'); }
a#id7 span { width:10.8em; text-align:right; }
ul.rubriques li.rubrique7 { clear:both; margin-left:20px; }
.page_sommaire ul.rubriques li.rubrique7 { clear:none; margin-left:20px; }

a#id2, a#id3, a#id4, a#id5, a#id6, a#id7 {
	display:block;
	padding-top:50px;
	background-repeat:no-repeat;
}

#examples {
	position:relative;
	width:290px;
	margin-left:3px;
}
#examples ul {
	clear:both;
}
#examples li {
	position:relative;
	float:left;
	width:50px;
	margin:0;
	padding:8px 14px;
	background:#DEDA70;
	list-style:none;
}

/* examples page_sommaire */
.page_sommaire #examples {
	float:right;
	clear:both;
	width:468px;
	margin-left:4px;
	margin-right:200px;
	margin-top:4em;
}
#diaporama_innerfade1, #diaporama_innerfade2, #diaporama_innerfade3, #diaporama_innerfade4, #diaporama_innerfade5, #diaporama_innerfade6 {
	float:left;
	width:50px;
	padding:8px 14px;
	background:#DEDA70;
}



#citation {
	font-size:.75em;
	margin-bottom:3em;
}
#citation p.spip {
	margin:0;
	padding:0;
}
#citation .ps {
	color:#A72D32;
	clear:both;
	margin:0;
	padding:0;
	font-size: 1em
}


.indent_46 { margin-left:-78px; }
.indent_79 { margin-left:-156px; }



/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */
#contenu {
	position:relative;
	float:left;
	width:600px;
	margin-right:2%;
	margin-left:20px;
}

h1.titre_page {
	margin-bottom:0;
	font-style:italic;
	font-weight:bold;
	margin-left:180px;
	margin-top:0;
}

/*  Portfolio
---------------------------------------------- */
.documents_portfolio {
	clear: both;
	margin:0 1em;
	padding-left:.5em;
	padding-top: 2px;
	
}
.documents_portfolio h2 { padding-left:1em; margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
.documents_portfolio h5 { margin:0; padding:0; font-weight:bold; font-size:.7em; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
.documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
}
.documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
.documents_joints ul { margin: 0; padding: 0; list-style: none; }
.documents_joints li { margin-bottom: 0.4em; }
.documents_joints li .spip_doc_titre {}
.documents_joints li .spip_doc_titre small { font-weight: normal; }
.documents_joints li .spip_doc_descriptif {}



/*  page "who ?", "where ?", "what ?", "and", "more", "examples..."
/*  ------------------------------------------ */

/*  le contenu de la page "who ?" */
body.rubrique2 #contenu { background:url('images/accolade.png') top left no-repeat; }
body.rubrique2 .spip_documents img { border:none; }

/*  le contenu de la page "where ?" */

body.rubrique3 #contenu {
	min-height:340px;
	background:url('images/pointvirgule.png') top left no-repeat;
}
body.rubrique3 #contenu .chapo, 
body.rubrique3 #contenu .texte {
	margin-left:210px;
}
body.rubrique3 h1.titre_page {
	margin-left:210px;
}


/*  le contenu de la page "what ?" */
body.rubrique4 #contenu {
	/*margin-top:15px;
	margin-left:10px;*/
	background:url('images/parenthese.png') top left no-repeat;
	min-height:200px;
	margin-left:20px;
}

body.rubrique4 #contenu .texte {
}


/*  le contenu de la page "and" */
body.rubrique5 #contenu {
	background:url('images/exclamation.png') top left no-repeat;
	min-height:350px;
}

body.rubrique5 #contenu .texte, .page_mot #contenu {
	margin-left:120px;
}

/*  le contenu de la page "more" */
body.rubrique6 #contenu {
	background:url('images/para.png') top left no-repeat;
	min-height:350px;
}

body.rubrique6 #contenu .texte {
	margin-top:180px;
}
body.rubrique6 #contenu .chapo, body.rubrique6 #contenu .titre_page, body.rubrique6 #contenu .traductions {
	margin-left:210px;
}


/*  Cartouche et titraille
---------------------------------------------- */

#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo, .traductions {
	clear:both;
	position:relative;
	margin-top:.5em;
	margin-left:180px;
	margin-bottom: 0;
	font-size:.8em;
	
}
.chapo {
	color: #000;
	background:#fff;
	padding-top:1em;
}

.texte {
	clear:both;
	position:relative;
	margin-top:2em;
	margin-left:80px;
	padding-top:1px;
	color: #000;
	background:#fff;
	font-size: 0.8em;
}
p.spip {
	position:relative;
	margin-top:.4em;
	margin-bottom:.8em;
	padding:0 1.5em;
}
h3.spip {
	margin-top:1.5em;
	margin-bottom:0;
	padding:0 3em;
}
ul.spip {
	margin-bottom:1em;
	padding:0 1em;
}

.ps, .notes {
	clear:both;
	margin-top:2em;
	padding:.5em 1em;
}
.ps { font-size: 0.75em; }
.notes { font-size: 0.7em; }
.ps h2, .notes h2 { font-size: 1em; font-weight: bold; }


/* mise en forme du contenu de la page recherche/portfolio 
-----------------------------------------------------------*/
#myAccordion { text-align:justify; }
#myAccordion .chapo, #myAccordion .traductions {
	clear:both;
	position:relative;
	margin-top:.5em;
	margin-bottom: 0;
	margin-left:0;
}
#myAccordion .chapo {
	color: #000;
	background:#fff;
}
#myAccordion .texte {
	clear:both;
	position:relative;
	margin-top:.5em;
	margin-left:0;
	color: #000;
	background:#fff;
	padding:0;
}
#myAccordion p.spip {
	position:relative;
	margin-top:.4em;
	margin-bottom:.8em;
	margin-left:0;
}
#myAccordion h3.spip {
	margin:0;
	padding:0;
	margin-top:1.5em;
	margin-bottom:0;
}
#myAccordion ul.spip {
	margin-bottom:1em;
}
#myAccordion .ps, #myAccordion .notes {
	clear:both;
	margin-top:2em;
}
#myAccordion .ps { font-size: 0.9em; }
#myAccordion .notes { font-size: 0.9em; }
#myAccordion .ps h2, #myAccordion .notes h2 { font-size: 1em; font-weight: bold; }


/*  le contenu de la rubrique "examples..." = page recherche/portfolio
------------------------------------------------------------------- */

body.page_recherche #contenu {
	background:url('images/dblpoint.png') top left no-repeat;
}
body.page_recherche #contenu { padding-top:3em; }
body.page_recherche .chapo { margin-top:2em; }
body.page_recherche #contenu #myAccordion { margin-left:100px; }
body.page_recherche h3.spip { margin-top:0; margin-bottom:.5em; }
body.page_recherche p.spip { margin-top:0; margin-bottom:.5em; }
body.page_recherche form { padding:0 1em; }
body.page_recherche select { position:relative; float:none; width:100%; cursor:pointer; }
body.page_recherche select option { width:50%; padding:.2em 1em; padding-bottom:0; }
body.page_recherche select:hover, body.page_recherche select:focus { background-color:#EFEC95; }
body.page_recherche select .option, body.page_recherche select .option:hover { font-weight:bold; background-color:#DEDA70; }

a.cache {
	position:relative;
	margin-top:6em;
	background:#ededed;
	margin:1em;
	padding-left:0;
	font-size:85%;
}
a.tout {
	color:#A72D32;
	background-color:#DEDA70;
	border:1px solid #A72D32;
}
a.tout:hover {
	color:#DEDA70;
	background-color:#A72D32;
}


/*  + myAccordion
---------------------------------------------- */
#myAccordion {
	position:relative;
	margin-top:2em;
	margin-left:100px;
	border:1px dotted #A72D32;
	border-top:none;
	background:#fff;
}
#myAccordion dt {
	position:relative;
	color:#A72D32;
	background-color:#DEDA70;
	padding:5px 10px;
	font-weight: bold;
	cursor:pointer;
	border-top:1px dotted #A72D32;
	font-size:.75em;
}
/*
.someClass {
	position:relative;
}
*/
#myAccordion dt a {
	display:block;
	position:relative;
}
#myAccordion dt span.soustitre {
	font-style:italic;
	font-size:.9em;
}
#myAccordion dt .spip_logos {
	float:left;
	margin-right:1em;
}
#myAccordion dd {
	overflow: auto;
	padding-bottom:1.5em;
	text-align:left;
}

#myAccordion dt.myAccordionHover, #myAccordion dt a:hover {
	color:#A72D32;
	background-color:#EFEC95;
}
#myAccordion dt.myAccordionActive, #myAccordion dt.myAccordionActive a {
	color:#DEDA70;
	background-color:#A72D32;
}


/* page article de la rubrique portfolio = rubrique7 */
.rubrique7 #contenu {
	background:url('images/dblpoint.gif') top left no-repeat;
	min-height:350px;
	padding-top:80px;
}
.rubrique7 #contenu h1.titre_page {
}
body.rubrique7 #contenu .texte {
	margin-left:120px;
}


/*  traductions
---------------------------------------------- */
.traductions {
	font-size: 0.65em;
	font-weight:bold;
	font-family: verdana, Georgia, Times, serif;
}
.traductions * { display: inline; }
.traductions li { padding-right: 1em; }


/*  ------------------------------------------
/*  Habillage du menu et + !!!!!!!!!!!!! IE6
/*  ------------------------------------------ */


*html a#id2 { width:236px; margin-left:60px; background-image:url('images/who.gif'); }
*html a#id2:hover, * html body.rubrique2 a#id2, * html .precharg2 { background-image:url('images/who_n.gif'); }
*html a#id2 span { display:block; margin-left:96px; top:12px; }

* html a#id3 { width:188px; background-image:url('images/where.gif'); }
* html a#id3:hover, * html body.rubrique3 a#id3, * html .precharg3 { background-image:url('images/where_n.gif'); }
* html ul.rubriques li.rubrique3 {  margin-left:125px; }
* html .page_sommaire ul.rubriques li.rubrique3 {  margin-left:20px; }

* html a#id4 { width:10.6em; background-image:url('images/what.gif'); }
* html .page_sommaire a#id4 { width:20em; background-image:url('images/what.gif'); }
* html a#id4:hover, * html body.rubrique4 a#id4, * html .precharg4 { background-image:url('images/what_n.gif'); }
* html ul.rubriques li.rubrique4 {  margin-left:80px; }
* html .page_sommaire ul.rubriques li.rubrique4 {  margin-left:20px; }

* html a#id5 { width:100%; background-image:url('images/and.gif'); background-position: top right; }
* html a#id5:hover, * html body.rubrique5 a#id5, * html .precharg5 { background-image:url('images/and_n.gif'); }
* html li.rubrique5 { width:6.4em; text-align:right; }
* html ul.rubriques li.rubrique5 { float:left; margin-left:1em; }
* html .page_sommaire ul.rubriques li.rubrique5 { width:12em; margin-left:20px; }

* html a#id6 { width:125px; background-image:url('images/more.gif'); }
* html a#id6:hover, * html body.rubrique6 a#id6, * html .precharg6 { background-image:url('images/more_n.gif'); }
* html ul.rubriques li.rubrique6 { margin-left:20px; }

* html a#id7 { width:293px; background-image:url('images/examples.gif'); }
* html a#id7:hover, * html body.page_recherche a#id7, * html .precharg7 { background-image:url('images/examples_n.gif'); }
* html a#id7 span { width:10.8em; text-align:right; }
* html ul.rubriques li.rubrique7 { clear:both; margin-left:20px; }
* html .page_sommaire ul.rubriques li.rubrique7 { clear:none; margin-left:20px; }


/*  page "who ?", "where ?", "what ?", "and", "more", "examples..."
/*  ------------------------------------------ */


/*  le contenu de la page "who ?" */
* html body.rubrique2 #contenu { background:url('images/accolade.gif') top left no-repeat; }

/*  le contenu de la page "where ?" */

* html body.rubrique3 #contenu {
	height:340px;
	background:url('images/pointvirgule.gif') top left no-repeat;
}


/*  le contenu de la page "what ?" */
* html body.rubrique4 #contenu {
	/*margin-top:15px;
	margin-left:10px;*/
	background:url('images/parenthese.gif') top left no-repeat;
	min-height:200px;
	margin-left:20px;
}


/*  le contenu de la page "and" */
* html body.rubrique5 #contenu {
	background:url('images/exclamation.gif') top left no-repeat;
	min-height:350px;
}
* html body.rubrique5 #contenu .texte {
	margin-left:120px;
}
/*  le contenu de la page "and" */
* html body.rubrique6 #contenu {
	background:url('images/para.gif') top left no-repeat;
	min-height:350px;
}


/*  le contenu de la rubrique "examples..." = page recherche/portfolio
------------------------------------------------------------------- */

* html body.page_recherche #contenu {
	background:url('images/dblpoint.gif') top left no-repeat;
}


/* les examples
-------------------------------------------------------------------- */
*html .page_sommaire #examples {
	float:none;
	clear:both;
	width:468px;
	margin-left:30%;
	margin-right:0;
	margin-top:4em;
}
*html #examples {
	position:relative;
	width:290px;
	margin-left:19px;
}
*+html #examples {
	position:relative;
	width:290px;
	margin-left:19px;
}

/* le pied */
*html #pied .login { margin-left:0; }
*html #pied .logout { margin-left:0; }



/* page plan */
.page_plan #contenu h2, .page_plan #contenu ul {
	margin-left:1em;
	margin-right:1em;
}
.page_plan ul {
	padding-bottom:1em
}
.page_plan #contenu .chapo {
	margin-bottom:1em;
}