/* *********************************************************************Global */  
* {
margin:0;
padding:0;
border: 0;
}
/*html,body {height:100%;}*/
img, .spip_logos {border:0 none;text-align:left;}
form{display:block;}
hr {display:none;}
hr.visible {
display:block;
border: 0;
width: 80%;
color: #333;
background-color: #333;
height: 1px;
}
#contenu h2.puce-sans{padding-left:0;}

body {
height:100%;
max-height:100%;
font-size:71%;
text-align:center;
font-family: 'Lucida Grande', Verdana, Lucida, 'Bitstream Vera Sans', arial, helvetica, sans-serif;
}
#accueil {background:#000;}
/* **************************************************************** Liens */  
a, a.in, a.spip_in {}
a.out, a.spip_out {}
a, a:link, a:visited {text-decoration:none;}

a:focus, a:hover, a:active {color:#c60;}

#menu a, #menu a:link, #menu a:visited {color:#555;text-decoration:none;}
#menu a:hover, #menu a:active {color:#c60;}

#contenu ul a, #pied a, #nav a, #entete h1 a {text-decoration:none;}

a:hover, #nav a:hover, #plan #contenu a, #resultat-recherche #contenu a {text-decoration:underline;}         
 

/* **************************************************************** Structure */  

/* centrage du conteneur */
#conteneur { 
margin: 0 auto;
width:94%;
min-width:740px; 
max-width:820px;
text-align:left;
}
/*#sub {min-height:45em;}*/
/* Dimensions relatives des colonnes */
#global {
width:79%;
float:left;
position:relative;
}
#contenu {
width:68%;
float:right;
}
#menu {
width:30%;
float:left;	
}
#droite {
width:20%;
float:right;
}
#search {
position: relative;
}
#pied {
clear:both;
}

/* Marges et bordures */

#conteneur {border:1px solid #000;}

#menu {border:1px solid #ddd;}

#sub {margin: 3em 0 0 0;padding:0 1%;}

#global, #droite {margin-bottom:1em;}

#contenu p {margin:.5em .5em .5em 0;}

#contenu h2 {margin-right:.5em; margin-bottom:1em;}

#contenu h3 {margin-top:.5em;}

#search{padding:.5em;}

#pied {margin-top:1em;}

/* float clearing */  
ul#nav:after, #conteneur:after, #global:after, #entete:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
* html #contenu, * html #entete {height:1%;}

/* *************************************************** Propriétés principales */ 

/* conteneur */
#conteneur {
background:#fff;
}

/* entete */
#entete {
background-repeat: no-repeat;
background-position: 50% 0; /*center top */
background-color:#000;
}
#entete h1 {
text-indent: -5000px;
margin:0;
padding:0;
line-height:0em; /* 0em pour validation */
height:0;
}

#entete #slogan {
margin-top:159px;
text-align:center;
}
#entete #slogan p#date {display:none;}

/* Navigation horizontale */
#nav {padding:.5em 0;}

#nav ul{
position:relative;
list-style-type:none;
text-align:right;
}

#nav li{
display:inline;
font-size:1em;
}

#nav a{
margin:1em 0;
padding:0 .5em;
color:#333;
border-left: 1px solid black;
}

#nav a.first{border-left:0;}

/* contenu */
#contenu {
font-size:1em;
line-height:1.5em;
word-spacing:.05em;
}
#contenu h2{
font-size: 150%;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: .2em 10px .2em 20px; /* padding-left pour image puce */
}
#contenu h2.puce-sans{padding-left:0;}

#contenu h3 {
font-size: 120%;
margin:1.5em 0;
}
#contenu p.chapo {margin: 1.5em 0;}
#contenu p {text-align:justify;}
#contenu p.spip {margin: 1em 0;}
#contenu h3.spip {margin: 1.3em 0 1.1em 0;}

#contenu div.notes {
background:#eee;
padding:0 .5em 1em 1em;
border-top:1px solid #666;
}

#contenu ul {
margin:0;
padding:0; 
list-style:none;
}
#contenu ul li {
margin: .5em 0;
padding:0 0 0 1em;
background: url(puce.gif) no-repeat 0% .25em;
}

#contenu ul li ul li {
background-image:none;
margin-left:1em;
padding:0;
list-style-type: square;
}

#contenu ul li ul li ul li {
list-style-type: circle;
}


/* menu vertical et utilisation des puces */
#contenu h2 {
font-weight: bold;
background-repeat: no-repeat;
background-position: 0 50%;
padding-left:20px;
}
/* menu vertical */
#menu ul {
margin:0;
padding: .5em 0 .5em .5em; 
list-style:none;
}
#menu ul li {
margin: .4em 0 .6em 0;
margin:0 0 1em 0;
padding:0;
font-weight: bold;
line-height:1.2em;

background-repeat: no-repeat;
background-position: 0 .1em;
}

#menu li a {
display:block;
margin-left: 20px; /* width of icon + whitespace */
}
#menu li a:hover {
background:#eee;
margin-left: 20px; /* width of icon + whitespace */
}
/* images de fond des items de menu et des #contenu h2*/


/* Colonne de droite */
#droite {
font-size:.8em;
}
input{
border: 1px solid #ddd;
background: white;
color: #333;
font-size:1.1em;
}
input[type] { margin-right: 0; }
input[type=submit], input[type=reset] {
border: 1px solid #ddd; 
color: #000; 
text-align:right;
}
input[type=submit]:hover {
background: #ccc; 
color: #fff; 
}

#search input#requete {width: 76%; padding: 1px;} 

#search label{
display: block;
padding: 0 .5em;
margin-bottom:.5em;
color:#555;
background: #eee;
font-weight: bold;
font-size:1.2em;
}

/* Pied de page */
#pied {
font-size:.9em;
border-top:3px double #ddd;
}
#pied p {
margin:1em 1em 1em 0;
float:right;
width:30%;
text-align:right;
}
#pied ul {
margin:1em;
list-style:none;
text-align:right;
}
#pied li {
display:inline;
font-size:1em;
}
#pied a {
margin: .5em 0;
padding:0 .5em;
border-left: 1px solid black;
}
#pied a.first {border-left:0;}

/* ********************************à réintégrer */
/* Dimensions relatives des colonnes */
#droite {
width:5%;
float:right;
/*background:yellow;*/
}

#global {
width:90%;
float:left;
position:relative;
/*background:#ccc;*/
}
#contenu {
width:70%;
float:right;
}
#menu {
width:30%;
width:26%;
float:left;	
}
#global {margin-left:4%;}
#menu {margin-right:3%;}
#sub {padding-right:0;}

#nav form { float:right;width:20%;margin:0; padding:0;background:transparent; margin-right:.5em;}
#search {position:relative;top:-2px;}
#search label{display:none;}
#nav ul {margin-right:21%;}
#nav input, #search, #rechercher {margin:0; padding:0; font-size: .9em;}
#nav input[type=submit], #nav input[type=reset] {
width:auto;
height:auto;
margin:0; padding:0 1px;
border: 1px solid #ddd; 
color: #000; 
text-align:right;
cursor:pointer;
}
#nav input[type=submit]:hover {
background: #666; 
color: #fff; 
}

/* ********************************page d'accueil */
#accueil {background:#000;text-align:center;}
#image-accueil{    /* bloc image en arrière-plan */
width : 705px;
height:646px;
margin:0 auto;
text-align:left;
background: #000 url(histoire-france-algerie.gif) 0% 50% no-repeat;
position:relative;
border:0 none;
}
#site {   
position:absolute;
top:0;
left:0;
width :705px;
height: 646px;
}
#enslsh {  
position:absolute; 
width : 46px;
height: 43px;
left: 20px;
top: 554px;
}
#cimade {   
position:absolute; 
width : 69px;
height: 27px;
left: 157px;
top: 567px;
}
#fmsh {
position:absolute; 
width : 42px;
height: 40px;
left: 108px;
top: 555px;
}
#inrp {   
position:absolute; 
width : 80px;
height: 30px;
left: 616px;
top: 572px;
}
#iufm {  
position:absolute; 
width : 31px;
height: 38px;
left: 70px;
top: 555px;
}
#cara {   
position:absolute; 
width : 38px;
height: 37px;
left: 234px;
top: 557px;
}
#region {   
position:absolute; 
width : 104px;
height: 32px;
left: 332px;
top: 561px;
}
#soleil {   
position:absolute; 
width : 63px;
height: 51px;
left: 468px;
top: 587px;
}    
#lyon{   
position:absolute; 
width : 44px;
height: 43px;
left: 283px;
top: 554px;
}
#larhra{   
position:absolute; 
width : 41px;
height: 56px;
left: 509px;
top: 544px;
}
#mmsh{   
position:absolute; 
width : 50px;
height: 46px;
left: 557px;
top: 552px;
}
#ieplyon{   
position:absolute; 
width : 20px;
height: 53px;
left: 444px;
top: 543px;
}
#cite{   
position:absolute; 
width : 98px;
height: 37px;
left: 204px;
top: 604px;
}
#maf{   
position:absolute; 
width : 37px;
height: 36px;
left: 307px;
top: 603px;
}
#chs{   
position:absolute; 
width : 35px;
height: 32px;
left: 360px;
top: 600px;
}
#harkis{   
position:absolute; 
width : 32px;
height: 32px;
left: 413px;
top: 604px;
}
#fasild{   
position:absolute; 
width : 54px;
height: 23px;
left: 556px;
top: 606px;
}
#ministere{   
position:absolute; 
width : 47px;
height: 22px;
left: 629px;
top: 607px;
}

#formulaire {text-align:center;}
#formulaire a.bouton {margin:0 auto;width:40%;text-align:center;background:#ececec;padding:.5em;border:1px solid white;font-weight:bold;}
#contenu a.bouton:hover{background:white;padding:.5em;border:1px solid #ececec;}

#contenu .spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

#contenu .spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

#contenu .spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

* html body #contenu .spip_documents_center{width:100%;}
.spip_surligne{background:yellow;}

/* ajouts pour forums */

#contenu div.encadre {
margin:1em 0;
padding:.8em;
border:1px solid #B9D2D3;
color:#333;
}

#contenu div.encadre2 {
margin-left:3em;
padding:0;
border-left:1px solid #f93;
color:#333;
}
/*
#contenu ul.forum-liste, #contenu dl.forum-liste {
margin:.5em 0 1em;
padding:0;
list-style:none;
position:relative;
}
#contenu .forum-liste li, #contenu .forum-liste dd {
margin: 2px 0 6px 0;
background: url(0024_chevrons.png)no-repeat 2px 5px;
background: transparent url(puce.gif)no-repeat 1px 3px;
line-height:25px;
padding-left:25px;
border:1px solid red;
line-height: 12px; 
padding-left: 18px; 
margin-bottom: .5em;
position:relative;
}

#contenu .forum-liste li a, #contenu .forum-liste dd a{width:100%;}
*/
#contenu li.forum-liste-titre {
padding-left:1px;
padding-bottom:.8em;
background:0 none;
font-weight:normal;
font-size:1em;
}
#contenu h4 span {font-weight:normal;}
#contenu em {font-style:italic;}

/*
 * Habillage des forums
 */

#contenu ul.forum-total {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
.forum-total li {}

.forum-fil {
margin-top: 3em;
}
#contenu .forum-fil ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.forum-titre {
font-weight: bold;
font-size: 180%;
color: #303030;
}

forum-lien {
font-weight: bold;
font-size: 150%;
}
.forum-item {
margin: 0;
padding: .5em 1em 0;
text-align: justify;
color: #303030;
border:dashed #B9D2D3;
border-width:0 0 0 0;
font-size: 80%;
}
#contenu .forum-repondre-message {
text-align: right;
}
/*
#contenu .forum-repondre-message a {color:#f93;}
*/

/* Boite d'un forum : eclaircissement progressif des bords */

#contenu ul .forum {
padding: 0;
margin: 0 0 1em 0;
border:solid #B9D2D3;
border-width:0 0 0 5px;
}
#contenu ul ul .forum, #contenu ul ul ul ul .forum, #contenu ul ul ul ul ul ul .forum, #contenu ul ul ul ul ul ul ul ul .forum {
border:solid #B9D2D3;
border-width:0 0 0 1px;
}
#contenu ul ul ul .forum, #contenu ul ul ul ul ul .forum, #contenu ul ul ul ul ul ul ul .forum {
border:solid #B9D2D3;
border-width:0 0 0 5px;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
border: 0;
margin: 0;
padding:.3em .5em .1em 20px; 
font-size: 90%;
background:#F3F7F7 url(0172_new_page1.png)no-repeat 3px 5px;
}

#contenu ul ul .forum-chapo {
background:#F3F7F7 url(0172_new_page1.png)no-repeat 3px 5px;
}

#contenu ul ul ul .forum-chapo {
background:#F3F7F7 url(0172_new_page1.png)no-repeat 3px 5px;
}
#contenu ul ul ul ul .forum-chapo {
background:#F3F7F7 url(0172_new_page1.png)no-repeat 3px 5px;
}
#contenu ul ul ul ul ul .forum-chapo {
background:#F3F7F7 url(0172_new_page1.png)no-repeat 3px 5px;
}

#contenu .forum-total li/**/ {background-image:none;list-style:none;}
#contenu h4, #contenu dl.forum-liste dt {font-size:110%;font-weight:bold;margin-bottom:.5em;}

.spip_encadrer {
	font-family: helvetica, arial, sans-serif;
	/*width : 95%;*/
	background-color: #F3F7F7;
	padding: 5px;
	border: 1px #666666 solid;
}
.formulaire {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}
.forml {
	background-color: #fff;
	margin: 4px;
	padding: 1px;
	border: solid 1px #d0d0d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 90%;*/
}
blockquote.spip {
margin: 0 0;
padding:0 0 1px 45px;
background:url(quote.gif) no-repeat 0 0;
font-style:italic;
}
#contenu legend {color:#303030;font-size:1em;}
.spip_bouton {
	border: 2px solid #404040;
	padding: 3px;
	background: #d0d0d0;
    font-family: 'Lucida Grande', Verdana, Lucida, 'Bitstream Vera Sans', arial, helvetica, sans-serif;
    font-size:.9em;
}
.spip_bouton { background-color: #F93;}

/*
.forum-item {
display:none;
}
*/

/*
Pour layer.js et img_pack
*/
a.triangle_block {
	margin-top: -3px;
	margin-bottom: -3px;
	margin-right: -3px;
}
a.triangle_block:hover {
	margin-left: 1px;
	margin-right: -4px;
}
/* tests */
/*
#contenu .yellow {background:yellow;}
.spip-admin-float{display:none;}  
*/

/* à desactiver après le colloque 
#image-accueil{   
width : 705px;
height:646px;
margin:0 auto;
text-align:left;
background: #000 url(histoire-france-algerie-direct.gif) 0% 50% no-repeat;
position:relative;
border:0 none;
}
#direct{   
position:absolute; 
width : 150px;
height: 70px;
left: 550px;
top: 0px;
}
*/
#image-accueil{
width : 705px;
height:646px;
margin:0 auto;
text-align:left;
background: #000 url(histoire-france-algerie.gif) 0% 50% no-repeat;
position:relative;
border:0 none;
}
#direct{
position:absolute; 
width : 150px;
height: 70px;
left: 550px;
top: 0px;
}

#actes{
position:absolute; 
width : 150px;
height: 70px;
left: 385px;
top: 0px;
}

#contenu .encadre li.video {
background:url(video.gif) no-repeat left 50%;
}

#contenu .encadre li.doc {
background:url(doc.png) no-repeat left 50%;

}
#contenu .encadre li.video a, #contenu #lienscom li.doc a{
padding-left:12px;
margin-right:2em;
color:black;
width:100%;
text-decoration:none;
line-height:24px;
}

#contenu ul#lienscom{
margin:1.5em 0;
}
#contenu ul#lienscom li {
display:inline;

}
/******************** Modifs 2007-03-12 pour mise en ligne communications*/

table.bordures tr td {border: 1px solid black; margin: 0; padding: 5px;}