body, html { margin:0; padding:0; }
html 
{
	height:100%;
	position:relative;
}
body {
	background:#fff;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	min-height:100%;
	position:relative;
	font-size:12px;
}
ul, li
{
	margin:0; padding:0;
}
a{
	color:#00a6e2;
}
a:hover{ color:#00a6e2; }
object, embed { outline:none; }

#container
{
	height:100%;
	min-height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
}
/*
MENU
*/

#menu
{
	position:absolute;
	top:0;
	width:100%;
	background:url(../images/menu.png) repeat-x 0 100%;
	z-index:9991;
	height:78px;
}
.flashed #menu
{
	background-image:none;
}
	#menu ul, #menu ul li
	{
		margin:0; padding:0; list-style-type:none;
		display:block;
	}
	#menu ul li
	{
		float:left;
	}
		#menu ul li a
		{
			display:block;
			padding:0 10px;
			line-height:64px;
			color:#FFF;
			font-size:20px;
			text-transform:uppercase;
			text-decoration:none;
		}

	
/*
ACTUS/
*/
#actus
{
	padding-top: 18px;
    position: absolute;
    top: 65px;
    width: 266px;
    z-index: 9990;
}
	#actusContainer
	{
		background:url(../images/black-60.png);
		padding-bottom:18px;
	}
		.actus-flash-news
		{
			height:110px;
			width:200px;
			position:absolute;
			display:none;
			left:50%;
			margin:10px 0;
			margin-left:-100px;
			/* background:url(../images/actus-flash.png) no-repeat 0 0; */
			border-left:1px solid #777; 
			border-right:1px solid #777; 
		}
			.flash-news-item
			{
				background:transparent;
				height:110px;
				width:auto;
				padding:10px;
			}
			.flash-news-item img
			{
				display:block;
				float:left; margin-right:5px;
			}
				
			.actus-flash-news .video { }
			.actus-flash-news .encouragement { }
			.actus-flash-news .photo { }
		.actus-list {
			height:130px;
			position:relative;
		}
		.actusListC {
			height:130px;
			overflow:hidden;
		}
			.guig .actusListC { 
				margin-left: 20px;
    width: 200px;
				}
			.guillaume .actusListC, .apt .actusListC { width:170px; }
		
		.actus-list-wrapper{
			height: 95px;
			overflow: hidden;
			width: 3000px;
		}
			.archives_nav_prev, .archives_nav_suiv
			{
				width:17px; height:17px;
				overflow:hidden; text-indent:-100px;
				display:block;
				/*float:right;*/
				margin:0 1px;
				position:absolute;
				top:23px;
			}
			.archives_nav_prev
			{
				background:url(../images/actus-prev.png) no-repeat 0 0;
				right:1px;
			}
			.archives_nav_suiv
			{
				background:url(../images/actus-next.png) no-repeat 0 0;
				right:-20px;
			}
			.archives_nav_prev:hover, .archives_nav_suiv:hover
			{
				background-position:0 -17px;
			}
			.disabled, .disabled:hover { cursor:auto; background-position:0 -17px; }
			
		#actusContainer .guig
		{
			float:left;
		}
		#actusContainer .guillaume, #actusContainer .apt
		{
			float:right;
		}
		#actusContainer h1
		{
			margin: 0 0 0 8px;
    		padding: 5px 45px 10px 5px;
		}
	#actusHandler
	{
		/*background:url(../images/actus-shadow.png) repeat-x 0 0;
		height:9px;*/
	}
	#stripes
	{
		height:4px;
		clear:both;
		/* background:url(../images/actus-patern.png) repeat-x 0 0;*/
	}
	#actuSingle
	{
		clear:both;
		color:#fff;
		height:0;
		position:absolute;
		left:0;
		top:246px;
		width:660px;
		height:100%;
	}
		.act-top { height:9px; width:100%; background:url(../images/actu-single-top.png) no-repeat 100% 0; }
		.act-bottom { height:9px; width:100%; background:url(../images/actu-single-bottom.png) no-repeat 100% 0; }
		#actuSingleC { height:100%; width:100%; background:url(../images/actu-single-repeat.png) repeat-y 100% 0; }
		.closeActus
		{
			position:absolute;
			top:0px;
			left:660px;
			display:block;
			float:left;
			width:96px;
			height:38px;
			background:url(../images/actu-single-close.png) no-repeat 0 0;
		}
		.actu-single-c
		{
			width:auto;
			padding:0px;
			margin-left:0;
			padding-right:30px;
		}
		.actu-details
		{
			padding-top:20px;
		}
			.actu-details h1
			{
				font-family:Arial, Helvetica, sans-serif;
				color:#438096;
				margin-left:135px;
				font-size:18px;
				line-height:18px;
				padding-top:15px;
				
			}
			.actu-details h2
			{
				font-size:16px;
			}
			.actu-details .date
			{
				margin-top:30px;
				width:115px;
				height:45px;
				padding:0;
				color:#FFF;
				float:left;
				background:url(../images/actu-single-date.png) no-repeat 0 0;
			}
			.actuPhotosLeft
			{
				position:absolute;
				left:0px;
				top:120px;
				padding:10px;
				width:120px;
			}
				.actu-details .date .year
				{
					display:block;
					color:#d0f3ff;
					text-align:right;
					line-height:17px;
					padding-right:25px;
				}
				.actu-details .date .day
				{
					padding-right:25px;
					display:block;
					text-align:right;
					color:#438096;
					line-height:27px;
					padding-top:2px;
					font-weight:bold;
				}
				
			.actu-content
			{
				width:490px;
				float:right;
				color:#FFF;
				margin-right:5px;
			}
		.news-single-img
		{
			overflow:hidden;
		}
		.news-single-imgcaption
		{
			font-size:10px;
		}
	.waiting
	{
		background:url(../images/BlackLoading.gif) no-repeat 50%;
	}
	.actu
	{
		float: left;
		height: 120px;
		padding: 10px;
		width: 180px;
	}
	.actu-active
	{
		background:#fff;
		height:120px;
		margin:0;
		color:#000;
	}
		.actu-date
		{
			color:#0fc9dc;
			background:url(../images/actus-date.png) no-repeat 0 9px;
			padding-left:15px;
		}
		.actu h2
		{
			font-size:12px;	
			font-family:Calibri, Arial, Helvetica, sans-serif;
			font-weight:normal;
		}
			.actu h3
			{
				font-size:10px;	
				font-family:Calibri, Arial, Helvetica, sans-serif;
				font-weight:normal;
			}
		.actu h2 a
		{
			color:#FFF;
			text-decoration:none;
		}
		.actu-active h2 a { color:#000; }
		.scrollbar-vert
		{
			background:url(../images/scroller-bg.jpg) repeat-y 50% 0;
			width:20px;
		}
		.handle-vert
		{
			height:71px;
			width:20px;
			background:url(../images/scroller-handle.png) no-repeat 100% 0;
		}
		.handle-vert:hover
		{
			background-position:0 0;
		}
#logos
{
	position:absolute;
	top:0;
	right:0;
	width:252px;
	background:url(../images/logos_bg.png) no-repeat 100% 0;
	min-height:625px;
	padding-top:80px;
}
	#logos a
	{
		display:block;
		text-align:center;
		padding:4px 0;
	}
		#logos a img{border:none;}
/*
photos
*/
#photosAccueil
{
	height:1050px;
	overflow:hidden;
}
	#photosAccueil ul { position:relative; }
	#photosAccueil li { position:absolute; top:0; left:0; width:100%; }
	#photosAccueil img
	{
		width:100%;
	}
	.photos-accueil-overlay
	{
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/photos-accueil-overlay.gif);
	}
	.hiddenPhotos
	{
		background:url(../photos/accueil/01.jpg);
	}
	#photosAccueil object
	{
		width:100%;
	}
/* partie principale */

#site { overflow:hidden ; height:100%; width:100%; position:absolute;}
#siteWrapper { width:100%; position:absolute; top:0; }
	#biographie
	{
		height:942px;
		background:url(../images/biographie.jpg) no-repeat 0 0;
		position:relative;
	}
		#biographie .contentC
		{
			position:relative;
			top:150px;
			left:80px;
		}
			#biographie .content
			{
				position:relative;
				height:430px;
				width:490px;
				color:#3d3d3d;
				font-family:Calibri, Verdana, Geneva, sans-serif;
				line-height:16px;
				overflow:auto;
			}
			#biographie .content a
			{
				color:#00a6e2;
			}
			#biographie .content .interview
			{
				color:#438095;
			}
				#biographie .content .interview h3
				{
					color:#036;
				}
			#biographie .content .interviewBt
			{
			}
	#media
	{
		height:902px;
		background:#000 url(../images/videos.jpg) no-repeat 0;
		position:relative;
	}
		#media #videoC
		{
			position:absolute;
			display:none;
			width:600px;
			height:490px;
			top:190px; left:340px;
		}
	#mesphotos
	{
		height:1028px;
		background:url(../images/photos.jpg) no-repeat 0 0;
	}
	#encouragements
	{
		background:#000 url(../images/encouragements-repeat.jpg) repeat-x 0 100%;
	}
		#encouragements .content
		{
			height:938px;
			background:url(../images/encouragements.jpg) no-repeat 0 0;
			position:relative;
		}
			#encouragements .content #encouragementForm
			{
				position:absolute;
				top:304px;
				left:124px;
			}
			#encouragements .content #encouragementForm p
			{
				margin:0;
				padding:0;
			}
				#encouragements .content #encouragementForm input, #encouragements .content #encouragementForm textarea
				{
					background:transparent;
					border:none;
					font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px;
				}
			.nom, .email, .message, .bidule, .go {}
			.nom, .email {
				float:left;
			}
			#encouragements label
			{
				position:absolute; top:0;
				left:0;
				display:none;
			}
			.nom input, .email input 
			{
				width:130px;
				font-size:10px;
					background:transparent;
			}
			.email {float:right;}
			.ligne1, .messageC, .ligne2
			{
				width:273px;
			}
			.ligne1{ height:20px;}
			.photoUpload
			{
				padding-top:32px;
				padding-left:85px;
				width:180px;
			}
			.photoUpload input
			{
				border:1px solid #9c9891;	
			}
			.messageC
			{
				margin-top:33px;
			}
			.email
			{
				padding-left:13px;
			}
			.message textarea
			{
				width:272px;
				height:108px;
				font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px;
				overflow:auto;
			}
			 .bidule {
			 }
			 .bidule img
			 {
				margin-top:6px; 
			 }
			#encouragements .content #encouragementForm .bidule input
			{
				position:absolute;
				top:228px;
				/top:229px;
				left:113px;
				/background:#eae8e4;
				-background:#eae8e4;
				width:85px;
				/height:12px;
				line-height:10px;
				z-index:900;
			}
			.go
			{
				position:absolute;
				top:221px;
				right:-30px;
			}
			#encouragements .content #encouragementForm .go input {
				background:transparent;
				width:90px;
				height:30px;
				display:block;
				overflow:hidden;
				text-indent:-999em;
				cursor:pointer;
			}
			#encouragements .content .log
			{
				position:absolute;
				top:295px;
				left:-36px;
				width:375px;
				font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px;
			}
			#encouragements .content #encouragementForm .log .message
			{
				background:#ffffff;
				color:#3e3118;
				padding:10px;
				padding-left:35px;
			}
			#encouragements .content #encouragementForm .log .ok
			{
				background:#ffffff url(../images/message-ok.gif) no-repeat 0 0;
			}
			#encouragements .content #encouragementForm .log .failed
			{
				background:#ffffff url(../images/message-erreur.gif) no-repeat 0 0;
			}
			
	#tchat
	{
		height:811px;
		background:url(../images/tchat.jpg) no-repeat 0 0;
	}

/*
transitions
*/
#tr01
{
	height:415px;
	background:url(../images/transition-01.jpg) no-repeat 0 0;
}
#tr01b
{
	height:840px;
	background:url(../images/transition-01-b.jpg) repeat-y 470px 0;
}
#tr01c
{
	height:358px;
	background:url(../images/transition-01-c.jpg) no-repeat 575px 0;
}
#tr02
{
	background:url(../images/transition-02-repeat.jpg) repeat-y 875px 0;
}
#tr02 div
{
	height:222px;
	padding-top:800px;
	background:url(../images/transition-02.jpg) no-repeat 324px 100%;
}
#tr03
{
	background:url(../images/transition-03-repeat.jpg) repeat-y 897px 0;
}
#tr03 div
{
	height:319px;
	padding-bottom:800px;
	background:url(../images/transition-03-b.jpg) no-repeat 0 0;
}
#tr03b
{
	height:74px;
	background:url(../images/photos-before.jpg) no-repeat 0 0;
}
#tr04
{
	height:500px;
	background:url(../images/transition-03s-repeat.jpg) repeat-y 897px 0;
}

#tr05
{
	height:500px;
	background:url(../images/transition-03s-repeat.jpg) repeat-y 897px 0;
}
#tr06
{
	height:400px;
	background:url(../images/transition-06.jpg) no-repeat 0 0;
}

a.rss
{
	border: medium none;
    left: 12px;
    position: relative;
    top: 9px;
}

	a.rss img
	{
		border:none;
	}
	
