html,body { 
	font-family: Trebuchet MS,Tahoma,Verdana, Arial,MS Sans Serif,; 	
	background:#666666;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
	padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
	}

/*HYPER IMPORTANT*/
div {	font-family: Tahoma,Arial,MS Sans Serif,Trebuchet MS;font-size: 10px; letter-spacing:1px; text-align:justify;
		margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 68px; 
		padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
		}

/*oo.org*/
#content {
  margin-left:auto;margin-right : auto; /*permet affichage centre*/
  width: 815px;
  background-image:url(bg_corps815.gif);
 	}
	
#head {	width: 815px; heigth : 20px;
		background:/*#9999CC */url(bg_head2.gif);
		margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
		padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
		}
		
#corps {
	/* background:#cccccc;*/
	background: url(bg_gauche.gif) no-repeat;
	width:815px;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}		

#gauche{
	/*display:block;*/
	background-image:url(bg_gauche.gif);
	float : left;
	position : absolute;
	top: 48px;
	width: 135px;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}

/* MENU.................. tutoriel www.alsacreations.com/articles */
#menu {
float : rigth;
/*position :absolute; */top: 38px;
width :665px; height : 88px;
background:#000000;
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 135px;
padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;
}

#droite{
	float: rigth;
	width: 665px; /*min-height:700px;*/
	margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 135px;
	padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;
	/*border-right : #7C147C 1px solid; le problème est dans widht et float */
}



/*.....................................................*/
#milieu{
	/*background-image:url(bg_gauche.gif);*/
	position : absolute;
	background : /*#EAEAEA*/transparent;
	top: 230px;
	width: 330px;
	margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}
/* pour album */
#droite2{
	width: 665px; /*min-height:700px;*/
	margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left:0px ;
	padding-top: 0px;padding-right: 100px;padding-bottom: 0px;padding-left: 135px;
}
* html #droite2 {
width: 665px;
w\idth:430px;
}
#milieu2{
	position : absolute;
	top: 230px;
	width: 330px;
	margin: 0;
	padding : 0;	
}
.logo_article2 {
	margin:0; 
	padding: 0 30px 0 0;
	}
	
# x_droite{
	float: right;
	width: 335px; min-height:563px;
	margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;
	padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 0px;
	/*border-right : #7C147C 1px solid;*/
	}
/*........................................................*/

.logo {
	background: url(logo.gif) no-repeat;
	height:449px; width:135px;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 0px; padding-right: 0px; padding-bottom: 38px; padding-left: 0px;
}

.logo_article {
	/*float : left;*/
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	}


/*le plus acoca................*/
.lire_aussi {
	width: 270px;
	margin-left : 25px;
	padding : 0px 3px 3px 3px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #BC0143; /*text-align:left;*/
	background-color: #660E66;
	}
.ps {
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 0px; padding-right: 8px; padding-bottom: 10px; padding-left: 8px;
	/*font-family: Trebuchet MS,Tahoma,Arial,MS Sans Serif;font-size: 11px;font-weight: normal; color :/*#390939;*/#4D4848;*/
	font-family: MS Sans Serif,Trebuchet MS,Tahoma,Arial,;font-size: 9px;color : /*#390939;*/#4D4848;
	background-color: #E0DFDF;
		}
		
/*portes ouvertes...............*/
	
.lire_aussi2 {
	width: 270px;
	margin-left : 25px;
	padding : 0px 3px 3px 3px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #BC0143;
	background-color:#663399;
	}
	
	
.ps2 {
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 0px; padding-right: 8px; padding-bottom: 10px; padding-left: 8px;
	font-family: MS Sans Serif,Trebuchet MS,Tahoma,Arial,;font-size: 9px; color : #4D4848;
	background-color: #E0DFDF;	
	}
	
.titre_ps2 { 
font-family: Trebuchet MS,Tahoma,Arial,MS Sans Serif;font-size: 13px;font-weight: bold;font-style: normal; color : #C711A3;
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}

.lire_aussi4 {
	width: 270px;
	margin-left : 25px;
	padding : 3px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #BC0143;
	background-color:#660E66;
	}





/*hierarchie...............*/

.lire_aussi3 {
	float:right;	
	width : 300px;
	margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; 
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #eaeaea;
	background-color:#660E66;
	}
.lire_aussi_menu-item{
	float:right;
	width : 300px;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	background : #eaeaea;
	font-size: 90%;text-decoration : none;
	list-style : circle; list-style-position: inside;}

.titre_article {
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; /*border-bottom: #ff66ff 1px solid; height: 28px; overflow: hidden;*/
	padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif; font-size: 10%; font-weight: bold; color: #eaeaea; text-align:right;}
	

.chapo {
	margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 65px; 
	padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 250px;
	font-family: Trebuchet MS,Tahoma,Arial,MS Sans Serif;font-size: 12px;color : #8D136C; font-weight: bold; 
}
.article {	
	/*width : 335px;*/
	margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 65px; 
	padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 220px;
	font-family:Tahoma,Trebuchet MS, Arial,MS Sans Serif,;font-size: 11px; letter-spacing:1px;color : #660E66;line-height : 125%;
	}

.notes {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}



/*pied...........................................................................................................................*/		
#foot {	width: 815px; height: 37px; 
		background:#660E66 url(bg_foot2.gif);
		margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
		padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
		}
#foot1{	
		width: 815px;
		float : center;
		background:#666666;
		margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
		padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
		text-align : center;font-family: Tahoma,Verdana, Arial,MS Sans Serif,Trebuchet MS; color : #ffffff; font-size :10px;
		}	
#foot2{	
		width: 815px;
		float : center;
		background:#666666;
		margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
		padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
		font-family: Tahoma,Verdana, Arial,MS Sans Serif,Trebuchet MS; color : #ffffff; font-size :10px;
		}
.foot_menu {
		width: 815px; 
		text-align: right;
		font-family: Tahoma,Verdana, Arial,MS Sans Serif,Trebuchet MS; color : #ffffff; font-size :10px;
		margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
		padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
	
.foot_menu {height:25px;text-decoration: none;font-size: 14px; font-weight: bold; color: #ffffff;}
.foot_menu a{text-decoration: none;color: #ffffff;}
.foot_menu a:hover {color: #000000; text-decoration: none;background-color: #C199B9; }
.foot_menu a:active {color: #ffffff; text-decoration: none; background-color: #660E66;}




.cleaner {clear: both; visibility : hidden;}
/*spip style.....................................................................................................*/
hr.spip {border: 1px solid #5B075B; border-style: dashed; }
b.spip { }
i.spip { font-family:Tahoma,Trebuchet MS, Arial,MS Sans Serif,;font-size: 11px; font-weight: bold;font-style: normal; color :/*rose flashi #C711A3;rose intermediaire 8D136C*/#C711A3;}

.spip_encadrer {
	font-family: Tahoma,Verdana, Arial,MS Sans Serif,Trebuchet MS; color : #000000; font-size :12px;
	width : 100%;
	background-color: #cccccc;
	padding: 0px;
	margin : 0;
	border: 1px #666666 solid;
}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}
.menu-item {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 80%;
}

.rubriques 		{ background-color: #eaffea; text-align:center; }
.rubriques .menu-titre	{ background-color: #f2fff2; }

.breves 		{ background-color: #ffeaea; }
.breves .menu-titre	{ background-color: #fff2f2; text-align:center; }

.h1 {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 140%;
	font-weight: bold bold;
	color : #F42DDA;	
}
/*intertitre*/
.h2,h3,h4 {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size:180%;
	font-weight: normal;
	text-align : right;
	color : #C711A3;line-height : 125%;	
}

/*TESTS*/

/*.soustitre_article {margin: 0px 0px 5px 0px;height: 20px;overflow: hidden;font-family: "Arial, Helvetica, sans-serif"; font-size: 20px; font-weight: bold; color: #FF9900; letter-spacing: 2px;}
*/

/*important pour la publication des tableaux table.spip {}*/
table.spip tr.row_first {background-color: #C091BC; font-weight: bold;}
table.spip tr.row_odd {background-color: #A57DA2;font-size: 12px;}
table.spip tr.row_even {background-color: #C091BC;font-size: 12px;}
table.spip td {	padding: 2px;text-align:left; vertical-align: middle;}

/*spip*/
.spip_out{color:#333333;}
.spip_out a:hover {color:#FF9900;text-decoration: none;}

.spip_documents{font-family: Verdana,Arial,Helvetica,sans-serif;font-size : 70%; color:#A57DA2;}
.spip_documents a:hover {color:#FF9900;text-decoration: none;}
.spip_documents a:link {color:#FF9900;text-decoration: none;}


/*rebus de menu */
ul {list-style: none; margin: 0;padding: 0;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


/*liens page*..................................................................................................................;*/
a img {border: 0;}
a { color: #0817A7;text-decoration : none;font-weight: bold;}
a:active { color: #FE00B3; text-decoration : none;font-weight: bold;}
a:hover { color: #FE00B3;text-decoration : none;font-weight: bold;} /*lien backg*/
input {  font-family: "Courier New", Courier, mono; font-size: 12px; background-color: #FFCC99; text-align: center; color: #000000}

ul { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-image: url(puce2.gif)}
li { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
blockquote {  margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}