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

/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #149acb;
	font-size: 1em; margin:  0; padding:  1em 0; text-align: center;
	color: #e1e1e1;
	font-family: "Verdana", "Georgia, Times", serif; 
	color: #1292cf;  
	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;
}

#haut {width:892px;
height: 130px;
  position:relative;
  z-index:0; 
  margin-top:-1.5em;
  background:no-repeat;
}  
  
#menu { float:left;
width: 120px;
height: 250px;
margin: 2em 0;
text-align:left;
  line-height:130%;
  padding:0;
  }
  
    #menu ul, #menu li,  #menu li a{color: #1292cf;
  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;
  }   
  
  #poisson { float:left;
width: 80px;
height: 380px;
margin: 1em 0;
background: url('../images/poisson.gif');
  position:absolute; 
  z-index:10; 
  text-align:left;
  vertical-align:bottom;
  }
  
    #poisson2 { float:left;
width: 80px;
height: 400px;
margin: 1em 0;
background: url('../images/poisson2.gif');
  position:absolute; 
  z-index:10; 
  text-align:left;
  vertical-align:bottom;
  }
  
    
   #main {
    height: 278px;
    padding: 1em 0 0 6em;
    } 
      
    #scroll {
    overflow:auto;
    width: 380px;
    height: 270px;
    float: left;
    margin: 0;  padding: 0;
    text-align:left;

    }
    
        #scroll1 {
    overflow:auto;
    width: 250px;
    height: 200px;
    float: left;
    margin: 0;  padding: 0;

    }
    
   #scroll  p{
    line-height:140%;    
    font-weight:bold;
    text-align:justify;
    color: #0f7cb0;   
    font-size:100%;
    padding-left:.5em;
    }
    
 .descriptif{
 margin: 0 1em 0 0;
 float:right;
height:50px; 
text-align:right;}
     
    .rubriquesbox { 
height: 250px;
width:380px; float: right; 
  position: relative right; 
  z-index:-10; 
} 

    
/* 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: 0; margin-top: 1em; font-size: 1.4em;  	font-variant: small-caps;
font-style:italic;
font-weight:bold;
}

.spip li {list-style-type:none;
font-weight:bold;
margin-top:.5em;
font-size: 1.1em;
color: #0f7cb0;  
}

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

/* Tableaux */
table.spip { margin: 0.5em auto;  font-size: 0.9em;}
table.spip th, table.spip td { padding: 5px; vertical-align: middle;}
table.spip tr.row_first { background: #C6C78D; color:#333; text-align:center; font-weight:bold;
border: 0.1em solid #333;  }
table.spip tr.row_odd {background: #333;  border: 0.1em dotted #C6C78D; }
table.spip tr.row_even {}


/*  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 { text-align: right;
	margin: 1px 0; padding: 0;
	background: #1292cf; border: none;
	font-weight: bold; color: #fff;
	float: right; }
	
.spip_bouton input {
	margin: 1px 0; padding:0;
	background: #1292cf; border: none;
	font-weight: bold; color: #fff;
	float: right; }



/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #0f7cb0;    } 
a.spip_in, a.spip_out { text-decoration: underline; }
a:hover { text-decoration: underline; }


/* Pied de page */

#pied1{background:  url('../images/vagues.gif') left  no-repeat;
width:892px
 height:83px; 
  position:relative;  
  z-index:30; 

    margin: -1.5em auto; 
    float:left;
}
#pied{background:  url('../images/vagues.gif') left  no-repeat;
width:892px
 height:83px; 
  position:relative;  
  z-index:30; 

    margin: -1.5em auto; 
      float:left;
}
 
#pied2{background:  url('../images/vagues.gif') left  no-repeat;
width:892px
 height:83px; 
  position:relative;  
  z-index:30; 
    margin: -1.5em auto; 
      float:left;
} 
 
 .pied {width: 892px;
 text-align:center;
 float:left;
  margin-top:3.7em;
     font-size: .9em;
       font-weight:bold;
         position:relative;  
  z-index:50; 
  padding-bottom:.5em;
 }
 #pied a.on,  #pied2 a.on {
background:#fff;
color:#0f7cb0;
  padding: 0 .8em;  
  } 
      
 #pied a:hover,  #pied1 a:hover,  #pied2 a:hover{
background:#fff;
color:#0f7cb0;
	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;

}