/* CSS Document */
body{font-family: Tahoma, Arial, Verdana; background-image:url(http://www.ecriture-rythme.com/styles/images/fond.jpg); margin: 0;text-align: center;margin: 0; padding: 0;height: 100%;}
.separation {clear:both;visibility:hidden; margin:0; }
a {color:#A00; text-decoration:underline;}
a:hover {color:#999999;}

/*container*/
#container {position: relative; margin-left: auto; margin-right: auto; margin-top:10px; width: 650px ;text-align: left; font-size: 12px;}

#top {background: url("http://www.ecriture-rythme.com/styles/images/top.png") top left no-repeat; width:650px; height: 110px; margin: 0 0 0px 0;}
#top h1,#top h2 {display:none;}

/*partie milieu*/
#souscontainer {width: 650px; background:url(http://www.ecriture-rythme.com/styles/images/fondcorps.png) top right repeat-y; font-size: 12px;}

/**nav**/
#nav {width: 648px; margin: 0 1px 0 1px;  background-color:#FFFFFF; border-top: 1px inset #000; height: 25px; padding:0px;}
#nav a.menu {line-height:25px; margin-left: 23px; margin-right: 23px; font-family: "Times New Roman", Times, serif; color:#000000; font-weight:bold; font-size: 14px; text-align:center; text-decoration:none; }
#nav a.menu:hover {color: #a00; text-decoration: underline; }

#corps { margin: 0 1px 0 1px;  border-top: 1px inset #000; background:url(http://www.ecriture-rythme.com/styles/images/frise.jpg) top right repeat-y; background-color:#FFFFFF; width : 648px; padding:0;}
h3.spip {text-transform: capitalize; margin: 30px 0 15px 0; text-shadow:#aa0000; } 
.notes {color:#999999; font-size:10px;}
#blocpage {float: left; width : 379px; line-height:18px; padding : 25px 0px 25px 20px;}
.chapo {font-size:14px; font-weight:bold; line-height: 24px; text-align:center; margin: 25px 0 px 0; }
#citation {float: right; width: 249px; background:url(http://www.ecriture-rythme.com/styles/images/fondcitation-transparent.png) top right repeat-y; margin-top:150px; text-align:right}
hr.spip{display: none}
table.spip{font-size:11px; line-height:17px; background-color:#FFEEDD; border: 1px solid #EEDDCC; padding: 10px; width:350px; margin-top: 20px; margin-left:auto; margin-right:auto}

#citation p.texte {color:#FFFFFF; font-family:Garamond, "Times New Roman", Times, serif; 
font-weight:bold; font-size:16px; line-height: 14px;  margin:0; padding-left : 60px; padding: 5px 5px 0px 100px;}
#citation p.auteur {color:#000; font-family:Garamond, "Times New Roman", Times, serif; 
font-weight:bold; font-size:16px; line-height: 14px; margin:0; padding: 0px 5px 5px 100px;}

form {margin:0; width:360px; padding:0; }

a.titreliens {color:#A00; text-decoration:none; font-size:14px; font-weight:bold;}
a.titreliens:hover {text-decoration:underline;}
a.texteliens {color:#000; text-decoration:none; font-size:12px}
a.texteliens:hover {color:#999;}
a.url {color:#999; font-size:10px; text-decoration:none}
a.url:hover {text-decoration:underline; }

#pied {height: 17px; background: url("http://www.ecriture-rythme.com/styles/images/bottom.png") top left no-repeat; margin:0; padding-left : 10px; padding-right: 10px;} 
#pied p.left {width: 200px; float: left; font-size:10px; color:#000000; text-align:left; line-height: 18px; margin:0;}
#pied p.right {width: 300px; float: right; text-align:right;  margin:0;} 
#pied p.right a.credit {height: 18px;  font-size:10px; color: #FFFFFF; text-decoration:none;  line-height: 18px; } 
#pied p.right a.credit:hover {text-decoration:underline} 

/**HomePage**/
#corpshp { margin: 0 1px 0px 1px;  border-top: 1px inset #000; background-color:#FFFFFF; width : 648px; padding:0 0 15px 0;}
#corpshp a {text-decoration:none}
#tophp {width : 648px; padding:0;}
	#tophpbranchleft {float:left; width:375px; padding:5px; text-align:right;}
		#tophpbranchleft p{font-family: "Times New Roman", Times, serif; color:#000000; font-weight:bold; font-size:18px; margin-top:30px}
	#tophpbranchright {float:left; width:250px;}
		#tophpbranchright img {margin:12px}

#middle {clear:left; margin: 40px 0 40px 0}
	#middlebranchleft {float:left; width:375px; padding:5px; text-align:left;}
		#middlebranchleft h2#ateliers {display:block; height:63px; background: url("http://www.ecriture-rythme.com/styles/images/hp_middle_left_title.gif") top left no-repeat;  margin:0;}
		#middlebranchleft h2#news {display:block; height:107px; background: url("http://www.ecriture-rythme.com/styles/images/hp_middle_low_left_title.gif") top left no-repeat;  margin:35px 0 0 10px;}
		#middlebranchleft h3 {margin-left:0px; color:#AA0000;  font-size:12px; font-weight:bold; padding:0 0 0 25px;}
		#middlebranchleft .spip {padding:5px 0 0 25px;}
		#middlebranchleft .news .spip {padding:0 0 0 25px;}
		#middlebranchleft .spip_poesie {padding:5px 0 0 25px;}
			#middlebranchleft div.spip_poesie strong {margin-left:-15px; color:#AA0000}
			#middlebranchleft .spip strong {margin-left:-15px; color:#AA0000}

#middlebranchleft div.spip_poesie {padding:5px 0 0 25px;}
			#middlebranchleft div.spip_poesie strong {margin-left:-15px; color:#AA0000}

	#middlebranchright {float:left;width:260px;}
		#middlebranchright h2 {display:block; height:81px; background: url("http://www.ecriture-rythme.com/styles/images/hp_middle_right_title.gif") top left no-repeat; margin:0 0 15px 0;}
		#middlebranchright #auteur {float:left; width: 100px; color:#555555; font-size:10px; font-weight: bold;}
		#middlebranchright p {float:left; width:160px;}
		#middlebranchright a {color:#000000; text-decoration:none}
		#middlebranchright a:hover {color:#555555}
		h2#citvoyage{display:block; height:81px; width:250px; background: url("http://www.ecriture-rythme.com/styles/images/titrecitvoyage.jpg") top left no-repeat; margin:60px  0 0 0;}
		#bouvier {display:block; height:156px; width:250px; background: url("http://www.ecriture-rythme.com/styles/images/bouvier.jpg") top left no-repeat; margin:-5px  0 0 0;}
		#bouvier span {display:none}
		
#bottom {clear:both; background:url("http://www.ecriture-rythme.com/styles/images/hp_bottom_fond.gif") top left no-repeat; padding:35px 260px 10px 25px; }
	* > #bottom {clear:both; background:url("http://www.ecriture-rythme.com/styles/images/hp_bottom_fond.gif") top left no-repeat; padding:70px 260px 10px 25px;}
#bottom h1 {display:block; height:1px; margin:0; }
#bottombranch, #bottombranch p, #bottombranch a {margin:0; padding:0;}
#bottombranch h3 {font-size:12px; color:#AA0000; font-weight:bold; margin:0; padding:0; }
#bottombranch a {color:#000000; text-decoration:none; margin:0; }
#bottombranch a:hover {color:#555555}

#middlebranchleft h2 span, #middlebranchright h2 span, #bottom h1 span {display:none}

#bottom {position:relative}
#bottom h1 {position:absolute; display:block; width:400px; height:60px; top:10px; left:50px}

/**page citations**/
#pagecit {position: relative;padding:5px; margin-bottom:15px}
#pagecit img {margin-right:5px; }
#pagecit p.texte {margin:0}
#pagecit p.auteur {color:#aa0000; font-size:10px; font-weight: bold;margin:0}
 
a.bonus {font-size:9px; color:#CC6600;}
a.bonus:hover {color:#CC3300}