#spiritEngine{position: relative;}
#actuSarah .visuelSarah img.sonSpirit { width: 40px; height: 40px; position: absolute; top: 25px; right: 35px; cursor: pointer;}
/** home déconnecté **/
#actuSarah .visuelSarah img#loader{width: 60%; height: auto; position: absolute; top: 70px; left: 20%;}
#actuSarah .visuelSarah img#poweredBy { position: absolute; bottom: 20px; left: 2px; width: 100px; height: auto; }
body div#container div#contentHome{min-width: 1100px; max-width: 1100px; width: 1100px;}
	#news{margin: 0; padding: 0; width: 100%;}
	#news div.news{ float: left; width: 30.5%; position: relative; border-color: #bdbbbb; border-style:solid; font-family:'Helvetica',Arial; font-size: 14px; /*min-height: 635px; padding-bottom: 80px;*/}
		#category2{border-width: 0 1px 1px 0; padding: 0 2% 0 0;}
		#category3{border-width: 0 1px 1px 1px; padding: 0 2%;}
		#category4{border-width: 0 0 1px 1px; padding: 0 0 0 2%;}
		#category5{border-width: 1px 1px 0 0; padding: 0 2% 0 0;}
			#category5 div.subscribe{max-width: 86%;}
		#category6{border-width: 1px 1px 0 1px; padding: 0 2%;}
		#encart{border-width: 1px 0 0 1px; padding: 0 0 0 2%;}
		/*#category4, */#encart, #category5, #category6{margin-bottom: 20px;}
		/*#category4 h3, */#encart a, #category5 h3, #category6 h3{margin-top: 20px;}
		#news h3{color: #fff; text-transform: uppercase; padding: 2px 0 2px 5px; font-family: 'Rockwell',Arial; font-size: 22px; font-weight: normal;}
	
		#news h2{font-weight: bold; font-family: 'Rockwell',Arial; font-size: 20px; font-weight: bold; margin: 20px 0; /*min-height: 40px;*/}
			#news h2 a{color: #000; text-decoration: none;}
			#news h2 a:hover{text-decoration: underline;}
		
		/*#news .content{min-height: 215px;}*/
		#news .content div.logo{width: 43%; margin-right: 2%; float: left; text-align: center;}
		#news .content img.logo{max-width: 100%; max-height: 100%; width: auto; height: auto;}
	
	#contentHome #news h2{line-height: 25px; /*height:75px;*/}
		/*#contentHome #news .content{min-height: 155px;}*/
		#contentHome #news .content div.logo{width: 45%; height:135px; margin: 0 2% 0 0;}	
		
		
		#news a{color: #000; text-decoration: none;}
			#news a:hover{text-decoration: underline;}
		
		#news .others{background-color: #EDEDED; margin: 20px 0 0 0; padding: 10px 3%; width: 94%; font-family: 'Helvetica',Arial; font-weight: bold; /*min-height: 260px;*/}
		#news .others h4{text-transform:uppercase;}
		#news .others span{text-transform:uppercase;}
		#news .others ul{list-style: none; padding:10px 0; margin:10px 0 0 0;}
			#news .others ul li{ padding-left: 1em; text-indent: -.7em;}
			#news .others ul li a{color: #000; text-decoration: none; font-weight: normal;}
			#news .others ul li a span.surtitre{font-weight: bold; text-transform: none; color: #000;}
			#news .others ul li a:hover{text-decoration: underline;}
				#news .others ul li:before{content: "• ";} 
			
		
	#news .subscribe{/*bottom: 20px; padding: 0; position: absolute; */margin-top: 20px; text-transform: uppercase; width: auto;}
		#news .subscribe td{vertical-align: middle; padding: 0 0; height: 33px;}
		#news .subscribe a{color: #fff; display: block; padding-left: 15px;}

	div#encart a.encart{display: block; width: 100%; text-align: center; max-height:70%;}
		#encart a.encart img{max-width: 100%; width: auto; max-height: 100%; height: auto;}
	
	/*
		css de la vidéo de Sarah
	*/
	div#mask{background-color: #000; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 20; opacity: 0.75; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);}
	div#fermerVideo{position: absolute; top: 0; width: 100%;}
		div#fermerVideo div{width: 980px; margin: 0 auto; position: relative; height: 25px;}
			div#fermerVideo div a{position: absolute; top: 10px; right: 10px; color: #fff; z-index: 22; text-decoration: none; font-family: 'Bariol', Helvetica, sans-serif;}
			div#fermerVideo div a:hover{font-weight: bold;}
	div#videoSarah{text-align: center; position: absolute; top: 120px; z-index: 20; width: 100%; height: 400px;}
		#videoSarah div#video_sarah{background-color: #000; padding: 50px;}
		#videoSarah div#video_sarah, #videoSarah video, #videoSarah object{margin: 0 auto;
		}
		#videoSarah div.vjs-control-bar{width: 980px; margin: 0 auto;}
			#videoSarah div.vjs-control-bar div.vjs-fullscreen-control{display: none;}
		div#overlay{position: absolute; top: 50px; z-index: 21; width: 100%; height: 400px;}
			div#overlay div{width: 980px; height: 350px; margin: 0 auto; position: relative;}
				div#overlay div a {display: block; height: 46px; line-height: 46px; position: absolute; width: 142px; }
				a#FoD { bottom: 25px; right: 110px; }
				div#overlay div a#replay {bottom: -13px; font-size: 19px; height: 20px; left: 425px; line-height: 20px; text-decoration: none; }
				a#CiP { bottom: 25px; left: 132px; }		
	
	#newsletter{width: 100%; margin: 10% auto 0 auto; color: #fff;}
	#newsletter .intitule, #newsletter .sabonner{width: 94%; padding: 10px 3%;}
		#newsletter .intitule{background-color: #403E3E; font-size: 20px; height: 20%; position: relative;}
			#newsletter .intitule img{ position: absolute; right: 5%; top: -6px;}
		#newsletter td{padding:5px;}
		#newsletter td.label{padding: 10px 5px 5px 5px;}
		
		#newsletter .sabonner{font-family: 'Helvetica',Arial; background-color: #000; font-size: 14px; }
			#newsletter .sabonner table { width: 100%; border: 0;
			}
				#newsletter .sabonner table td { vertical-align: top;
				}
					#newsletter input#email{width: 90%; margin-right: 15px; padding: 0 5px; border-radius: 7px; height: 30px;}
					#newsletter input#sabonner{background: url('.././images/flecheNoire.png') no-repeat #ee7f00; background-position: top middle; width: 30px; height: 30px;}

/* commun :*/
div.logo{position: relative; margin-bottom: 20px;}
div.logo img.video{position: absolute; bottom:15px; left: 15px;}

/***************************************
********     Home Connecté     *********
****************************************/

#contentHomeCo #news{min-height: 780px;}
	
	#contentHomeCo #articles{width: 66%; padding-bottom: 20px; border-right: 1px solid #bdbbbb;} 
		#contentHomeCo #aside{width: 32%; padding-left: 1%;}
		#contentHomeCo #articles, #contentHomeCo #aside{float: left; min-height: 250px;}
	
	#contentHomeCo .article{border-bottom: 1px solid #bdbbbb; padding-bottom: 25px; margin-bottom: 30px;}
	
	#contentHomeCo .article div.logo, #contentHomeCo .article .content{float: left;}
		
	#contentHomeCo .article div.meta{color: #818181; font-size: 12px; font-family: 'Helvetica', Arial; margin: 10px 0; }
	
	#contentHomeCo .article div.logo{width: 24.7%; margin-right: 3.3%; text-align: center;}
		/*#contentHomeCo .article .logo a{display: block; width: 100%; height: 100%;}*/
		#contentHomeCo .article .logo img.logo{max-width: 100%; max-height: 250px; width: auto; height: auto;}
		#contentHomeCo .article .logo video{max-width: 100%; height: auto; margin: 0 auto 20px auto;}
		
	
	#contentHomeCo .article .content{width: 70%; padding: 0 2% 0 0; text-align: justify;}
		#contentHomeCo .content h3{color: #fff; display: inline; padding: 0 7px; font-size: 16px;}
		#contentHomeCo .content h2{font-size: 18px; font-family: 'Helvetica',Arial; font-weight: bold; min-height:0; margin: 10px 0;}

		#contentHomeCo .content div{font-size: 14px; font-family: 'Helvetica',Arial; margin-bottom: 20px;}
		
		#contentHomeCo .content div.seeMore{height: 20px; width: 20px; margin: 0;}

	#contentHomeCo #voirPlus a, #contentHomeCo #moreVideos a, #contentHomeCo #voirAgenda a{ background-color: #EE7F00; color: #FFFFFF; display: block; font-size: 16px; line-height: 23px; padding: 5px 20px 5px 10px; position: relative; text-transform: uppercase; width: 132px;
	}
		#contentHomeCo div#voirAgenda{margin: 25px 0;}
		#contentHomeCo div#voirAgenda a{width: 115px;}
	#contentHomeCo #voirPlus a img, #contentHomeCo #moreVideos a img,  #contentHomeCo #voirAgenda a img{ position: absolute; right: 0; top: 0;
	}
	#contentHomeCo #voirPlus a:hover, #contentHomeCo #moreVideos a:hover,  #contentHomeCo #voirAgenda a:hover{text-decoration: none;}
		
	#contentHomeCo #aside div.titre{font-size: 25px; margin-bottom: 25px;}	
	#contentHomeCo #aside #breves div.breve a, #contentHomeCo #aside #events div.event a{border-bottom: 1px solid #bdbbbb; display: block; font-weight: bold; text-decoration: none; width: 96%; padding-bottom: 7px; margin-bottom: 7px; font-family: 'Helvetica',Arial; font-size: 14px;}
		#contentHomeCo #aside #breves div.breve a:hover, #contentHomeCo #aside #events div.event a:hover{text-decoration: underline;}
	
	#contentHomeCo #aside #videos div.titre, #contentHomeCo #aside #events div.titre{margin: 20px 0;}
		
	#contentHomeCo #videos div{clear: both;}
		#contentHomeCo #aside #videos img.logo { width: 39%; height: auto;
		}
		#videos div video{float: left; height: auto; margin: 20px 5% 20px 0; width: 45%;}
		#videos div h2{ display: block; float: left; font-family: 'Helvetica',Arial; font-size: 14px; font-weight: bold; line-height: 20px; margin: 20px 0; width: 50%;}
		#contentHomeCo #aside #videos h2 { float: right; width: 58%; margin: 10px 0 0 0; 
		}
		#videos div#moreVideos{padding-top: 20px;}