/*-----------------------------------------------------------------------------
  [CSS - Kyrielle]
  
  Feuille de style de la section Kyrielle
  
  1. General
  2. Pagelayout
  	
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------
  [1. General]
*/

body {
	background: #d1d1d1 url(../../images/common/kyrielle-bg-pattern.gif) repeat-x;
}

h2{
	color: #fff;
}

h3{
	background: transparent;
	color: #fff;
	font-size: 14px;
	margin: 8px 0;
}

h4{
	color: #fff;
}

a, a:hover{
	color: #d1d1d1;
}

/*---------------------------------------------------------------------
  [2. Pagelayout]
*/

#container{
	background: url(../../images/common/kyrielle-background.jpg) no-repeat center top;
}

	#content{
		background: transparent;
	}
	
		#left-content{
			background: #6f004c url(../../images/common/kyrielle-content-bg-pattern.gif) no-repeat 0 -6px;
			height: 530px;
		}
		
			#kyrielle-menu ul{
				margin: 9px 0 9px 20px;
			}
			
			#kyrielle-menu ul li{
				display: inline;
				margin: 0 20px 0 0;
			}	

			#kyrielle-menu ul li a{
				background: transparent;
				color: #bbbbbe;
				padding: 3px;
			}
			
			#kyrielle-menu ul li a:hover{
				background: #ccc;
				color: #666;
				text-decoration: none;
			}
			
			#kyrielle-menu ul li a.selected{
				color: #fff;
			}
			
			#left-content p{
				color: #fff;
			}
			
			#home-content, #large-text-content{
				margin: 0 0 0 10px;
				width: 650px;
			}
			
			#home-content p{
				color: #d1d1d1;
				line-height: 22px;
				margin: 0 0 0 30px;
			}
			
				#objectid_coverflow{
					margin: 40px 0 0 40px;
				}
			
			#large-text-content{
				color: #fff;
				overflow: hidden;
			}
			
			a#extend-content-btn{
				margin-top: -40px;
			}
			
			#large-text-content p{
				margin: 10px 0 0 30px;
			}
			
			#text-content{
				color: #fff;
				margin: 0 0 0 10px;
				width: 600px;
			}
			
			#text-content ul{
				margin: 0 0 0 15px;
			}
			
			#text-content ul li{
				background: url(../../images/common/kyrielle-arrow.png) no-repeat;
				list-style-type: none;
				margin: 10px 0 0 0;
				padding: 5px 0 0 25px;
			}
			
			#text-content ul li a{
				color: #fff;
				padding: 3px;
			}
			
			#text-content ul li a:hover{
				background: #000;
			}
			
			#text-content .news-mini p{
				line-height: 15px;
			}
			
			#large-text-content ul{
				margin: 0 0 0 30px;
			}
			
			#large-text-content ul li{
				background: url(../../images/common/arrow-k.jpg) no-repeat 0 12px;
				list-style-type: none;
				padding: 5px 0 0 10px;
			}
			
			#anim-flash{
				height: 350px;
				margin: 0 0 0 40px;
			}
		
				#large-text-content img{
					margin: 5px 0 0 0;
				}
				
				div.object-left{
					margin: 0 10px 0 0;
				}
				
				div.object-right{
					margin: 0 0 0 10px;
				}
		
				.flash-video{
					margin: 15px 0 0 30px;
				}
			
			.endlink, .next, .previous{
				color: #b85c9d;
				float: right;
				font-style: italic;
				font-weight: bold;
				margin: 20px 0 0 0;
				padding: 0 0 20px 0;
			}
			
			.previous{
				float: left;
				margin: 20px 0 0 30px;
			}
			
			a.next:hover, a.previous:hover, a.endlink:hover{
				color: #b85c9d;
				text-decoration: underline;
			}
		
		#link-kyrielle-video{
			margin: 5px 0 0 70px;
			width: 210px;
		}
		
			#kyrielle-presentation{
				color: #53002e;
			}
			
			#kyrielle-presentation h2{
				color: #53002e;
				font-family: arial;
				font-size: 15px;
				font-style: italic;
				font-weight: bold;
				margin: 0;
			}
			
			#kyrielle-presentation img{
				margin: 0 0 10px 0;
			}
			
			#kyrielle-presentation p{
				color: #53002e;
				font-size: 11px;
				margin: 0 10px 0 0;
			}
			
			#kyrielle-presentation .attribute-image p{
				margin: 0;
			}
			
			#kyrielle-presentation a{
				color: #53002e;
				float: right;
			}
			
			a.kyrielle-button {
				background: url(../../images/common/kyrielle-button.gif) no-repeat;
				color: #fff;
				display: block;
				font-size: 14px;
				height: 25px;
				padding: 10px 0 0 0;
				text-align: center;
				text-decoration: none;
				width: 210px;
			}
			
			a.kyrielle-button:hover{
				background: url(../../images/common/kyrielle-button.gif) no-repeat 0 -35px;
				color: #fff;
				text-decoration: none;
			}
			
			a.kyrielle-button i{
				color: #bc70a7;
			}
			
			#kyrielle-button-1{
				bottom: 223px;
				left: 55px;
				position: absolute;
			}
			
			#kyrielle-button-2{
				bottom: 180px;
				left: 55px;
				position: absolute;
			}
			
			.argument-button.selected{
				background: #222;
			}
		
		#context-info{
			background: url(../../images/common/kyrielle-context-background.jpg) no-repeat;
			height: 298px;
		}
			
			#context-info h2{
				color: #5d1c56;
			}
			
		#small-context-info{
			background: url(../../images/common/kyrielle-context2-background.jpg) no-repeat;
			border: 1px #888 solid;
			color: #53002e;
			font-size: 11px;
			height: 240px;
			margin: 4px 0 0 52px;
			padding: 10px;
			width: 194px;
		}
		
		#small-context-info h2{
			color: #53002e;
			font-family: arial;
			font-size: 16px;
			font-style: italic;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
		
		#small-context-info ul{
			margin: 0;
		}
		
		#small-context-info ul li a{
			float: none;
		}
		
		#right-content .benefits_summury ul{
			margin: 0 0 0 12px;
		}
		
		.benefits_summury ul li{
			list-style-type: disc;
		}
		
		#small-context-info a{
			color: #53002e;
			float: right;
			font-weight: bold;
		}
		
		#small-context-info .news{
			margin: 2px 0 10px 0;
			padding: 0;
			width: 190px;
		}
		
		#small-context-info h3{
			font-size: 12px;
			margin: 1px 0 3px 0;
			padding: 0;
		}
		
		#small-context-info h3 a{
			float: none;
		}
		
			#right-content a.more-info{
				font-weight: normal;
				text-decoration: underline;
			}
			
			#right-content a.more-info:hover{
				color: #a32160;
			}
		
		#contact-info{
			background: url(../../images/common/contact-kyrielle-background.png) no-repeat;
			bottom: 5px;
		}