
/* Elements de base ****************** */

body { 
	color: #333; 
	background-color: #f1e3bb;
	font-size: 11px; 
	line-height: 14px;
	font-family: "verdana", "arial", sans-serif;
	text-align: left;
	margin: 0px; 
	padding: 0px; }

h1, h2, h3 {
	padding: 15px 0px 0px 0px; }

h4, h5 {
	padding: 0px 0px 0px 0px; }

h1 {
	font-size: 15px; }

h2 {
	font-size: 15px; }

h3 {
	color: #97570F;
	font-size: 14px; }

h4 {
	color: #FF8000;
	font-size: 13px; }

p {
	font-size: 12px; 
	line-height: 14px; }

acronym { 
	font-weight: normal; 
	font-style: normal;
	border: 0; }
	
img {
	margin: 0;
	border: 0; }



/* Class generales ****************** */

.credit {
/*	clear: right; */
	color: #666; 
	font-size: 9px; 
	font-style: normal; }

.poeme {    /* portrait */
	text-indent: -22px;
	line-height: 20px;
	margin: 0px; 
	padding: 0px 0px 0px 22px ; }

.carre {    /* portrait, puce entre les strophes */
	margin: 30px 0px 30px 0px; 
	padding: 0px 0px 0px 60px ; }
	
.small {    /* boutique, portrait, video : reduire icone telechargement */
	width: 24px;
	height: 26px;
	border: 0px; }



/* Blocs de premier niveau ****************** */

#taineur { 
	width: 800px; 
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px; }

#intro {
 	width: 450px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; }
	
#tenu {
 	width: 450px;
	margin: 0px 0px 0px 242px;
	padding: 0px 10px 0px 10px; }
	
#tenu550 {    /* portrait */
 	width: 550px;
	margin: 0px 0px 0px 242px;
	padding: 0px 10px 0px 10px; }
	
#menu {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; }
	
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 15px;
	right: 0px; }
	
#menucourt {    /* galerie */
	position: absolute;
	top: 112px;
	left: 0px;
	width: 150px;
	margin: 0;
	padding: 0; }
	
#menucourt ul {
	list-style: none;
	margin: 0px;
	padding: 15px;
	right: 0px; }
	
#tablo {    /* galerie - containeur pour les 4 col */
	position: relative;
	left: 60px;
 	width: 740px;
	margin: 0;
	padding: 0; }
	
p#col1 {    /* galerie - col gauche miniatures */
	float: left;
	width: 105px;
	margin: 0;
	padding: 0; }

	
p#col2 {    /* galerie -  col milieu miniatures */
	float: left;
	width: 105px;
	margin: 0;
	padding: 0; }

	
p#col3 {    /* galerie -  col droite miniatures */
	float: left;
	width: 105px;
	margin: 0;
	padding: 0; }

	
p#col4 {    /* galerie -  col xtrm droite grande image */
	float: right;
	width: 393px;
	text-align: right;
	margin: 0;
	padding: 0; }
	
.separation {    /* galerie -  fin de "tablo" */
	clear: both;
	visibility: hidden; }
	
.miniature {    /* miniature espage vertical */
/*	height: 58px; */
	margin: 0px 0px 7px 0px; }
	
.encours {    /* miniature de la page en cours */
	margin: 7px 0px 0px 0px;
	border-left: 7px solid orange; }

.spip_logos {    /* miniature espage vertical */
	margin: 0px 0px 7px 0px; }
	


/* Blocs de second niveau ****************** */

#tete {
 	width: 700px;
 	height: 20px; /* pour ie6 */
	border-top: 0px;    
	margin: 0px 0px 0px 0px; 
	padding: 88px 0px 0px 0px; }
	
#tete h1 {
    text-indent: -10000px;
 	width: 600px;
	color: #fff;
	font-size: 24px; 
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px; }
	

/* Listes ****************** */

#liste {    /* menu */
	margin: 0px;
	font-size: 12pt;
	line-height: 21pt;
	text-align: right; }

	
/* Liens et survols (hover) ****************** */

.sousrub {    /* refs - titre des liens suivis de "en savoir plus" */
	color: #97570F;
	font-size: 14px;
	font-weight: bold; }

a:link {
	color: #991515;
	text-decoration: none; }
   
a:active {
	color: #cc9966;
	text-decoration: none; }
   
a:hover { 
	color: #FFCC00;
	text-decoration: none; }
   
a:visited { 
	color: #991515;
	text-decoration: none; }
   
a:visited:hover { 
	color: #FFCC00;
	text-decoration: none; }

#liste a:link #liste a:visited {    /* les liens du menu */
	color: #991515;
	text-decoration: none; }

#liste a:active {
	color: #cc9966;
	text-decoration: none; }

#liste a:hover {
	color: #FFCC00;
	text-decoration: none; }
