/*  --------------------------------------------------------------- */
/*  Feuille de style pour les squelettes Lebanon 1.9 - juillet 2006 */
/*  --------------------------------------------------------------- */

/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #8B0000;
	font-size: 1em; margin:  0; padding:  1em 0; text-align: center;
	font-family: "Verdana", "Georgia, Times", serif; 
	color:  #8B0000;  
	font-size:0.8em;
}

img, .spip_logos, table { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }


/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page { background:  url('../images/fond.jpg') ;
 padding: 0; margin: 0 auto;
width:892px; height:601px; 
border: 0; 
  }   

#logo {
  position:relative;
  z-index:5;
  height: 130px;
}

#haut {width:892px;
height: 130px;
  position:relative;
  z-index:0; 
  margin-top:-1.5em;
  background:no-repeat;
}  
  
#menu { float:left;
width: 150px;
height:180px;
margin: 2em 0;
text-align:left;
  line-height:130%;
  padding:0;
  }
  
    #menu ul, #menu li,  #menu li a{color:  #8B0000;
  text-decoration:none;
  padding: .5em 0 .5em 0;
  list-style-type:none;  font-weight:bold;
  margin:  0;
  } 
  
#menu a:hover{  text-decoration:underline;
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
  }   
  
     #main {
    height:300px;
    padding: 0 0 0 2em;
    } 
      
  
     #main2 {
    height:310px;
    padding: 0 0 0 2em;
    }       
      
    #scroll {
    overflow:auto;
    width: 450px;
    height: 270px;
    float: left;
    margin: 0;  padding: 0;
    text-align:left;
font-size:1.1em;
    }
    
        #scroll1 {
    overflow:auto;
    width: 300px;
    height: 270px;
    float: left;
    margin: 0;  padding: 0;

    }
    
   #scroll  p{
    line-height:140%;    
    text-align:justify;
    padding-right:.5em;
    }
    
 .descriptif{
 margin: 0 1em 0 0;
height:40px; 
text-align:center;}
     
    .rubriquesbox { 
height: 248px;
width:380px; float: right; 
  position: relative right; 
  z-index:-10; 
  padding:0; margin:0;
} 

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

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


/*  Typographie generale du site
/*  ------------------------------------------ */

/* Fil d'Ariane : on ne s'en sert pas */
#hierarchie { display: none; }

/*  Habillage du contenu
/*  ------------------------------------------ */

/* Images typographiques (via image_typo), URL a revoir... */
.format_png, #poisson, #pied, #descriptif{ behavior: url(win_png.htc); }

/* Mise en forme des textes du contenu */
.chapo { font-weight: bold; }

h3.spip { margin-top: 1em; font-size: 1.4em;  	font-variant: small-caps;
font-style:italic;
font-weight:bold;

}

.spip li {margin-top:.5em;}

.ps { text-align:right; font-weight:bold;}
.notes { clear: both; font-size: 0.77em; }
.notes h2 { font-size: 1.2em; }

/* Tableaux */
table.spip {
	margin: 1em auto;

border:1px solid #779e32 collapse;
clear:both;
	}
	
table.spip caption {display:none;}
table.spip tr.row_first th{ background: #EDC5D8; text-align:center; color: #8B0000;}
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #fff; }
table.spip th, table.spip td { padding: 3px;  vertical-align: middle; text-align:center;
}


/*  Logos, documents et images
---------------------------------------------- */

.docbox {width: 225px;
float:left;
font-size: 0.8em;
margin: 0.5em;
}

.docbox .spip_logos {
margin: 0 auto;
}

.spip_documents { text-align: center; line-height: normal; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.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; }

/* Portfolio */
#documents_portfolio {}
#documents_portfolio img.spip_logos {  border: 1px solid #C6C78D; }
#documents_portfolio h2 { display: none; }
#document_actif { padding-top: 1em; text-align: left; }
#document_actif p { margin: 5px 0; padding: 0; }

/* Listes de documents joints */
#documents_joints { margin-top: 1.4em; padding-top: 2px; }
#documents_joints h2 { font-size: 0.88em; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin: 0; padding: 0; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}


/*  Habillage des formulaires
/*  ------------------------------------------ */
form, fieldset, legend, label, input, textarea, select, option { margin: 0; padding: 0; border: none; background: none; text-align:left;}

/* Styles des formulaires de Spip */
.formulaire_spip { font-size: 0.77em; width:65%; margin:0;}
.formulaire_spip p { margin: 0; padding: 0; }

fieldset { display: block; }
legend { font-weight: bold; padding: 0; padding-bottom: 5px;  }

label {font-weight:bold;}
.forml {
	width: 99%; background: #fff;
	padding: 1px 2px;
	border: 1px solid #c1c1c1;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { 
	margin: 1px 0; padding: 0;
	background: #8B0000; border: none;
	font-weight: bold; color: #fff;
}
	
.spip_bouton input {text-align: center;
	margin: 1px 0; padding:0;
	background: #8B0000; border: none;
	font-weight: bold; color: #fff;
 }



/*  Couleurs des liens
/*  ------------------------------------------ */
a, #logo a:hover { text-decoration: none;  color:  #8B0000;   } 
a.spip_in, a.spip_out { text-decoration: none;border-bottom: dotted #8b0000 1px; }
#main a:hover { text-decoration:none; border-bottom: dotted #8b0000 1px; 
background:#8b0000;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3; 
	 color:  #fff;  
}

#main img a:hover { text-decoration:none; 
	
}


/* Pied de page */

#pied1{background:  url('../images/vagues.png') left  no-repeat;
width:892px;
 height:100px; 
  position:relative;  
  z-index:30; 
    margin: 0 auto; 
    float:left;
}
#pied{background:  url('../images/vagues.png')  left  no-repeat;
width:892px;
 height:120px; 
  position:relative;  
  z-index:30; 
    margin: 0 auto; 
      float:left;
}
 
#pied2{background:  url('../images/vagues2.gif') bottom left  no-repeat;
width:892px;
 height:100px; 
  position:relative;  
  z-index:30; 
      float:left;
} 
 
 .pied {width: 892px;
 text-align:center;
 float:left;
  margin-top:4em;
     font-size: .9em;
       font-weight:bold;
         position:relative;  
  z-index:50; 
  padding-bottom:.5em;
    color:#fff; 
 }
 #pied a.on,  #pied2 a.on, .pied1 a:hover {
background:#fff;
color: #8B0000;
  padding: 0 .8em;  
  } 
      
 #pied a:hover{
background:#fff;
color:#8B0000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7; 
  padding: 0 .8em;  
  } 

#pied a, #pied2 a, #pied1 a  {
  color:#fff; 
  padding: 0 .8em;    text-decoration:none;

}