/* CSS Document */

body				{
					background-color:#242424;
					margin:auto;
					width:990;
					height:768px;
					overflow-x:hidden;
					}
					
.fond				{
					background:url(images/accueil/fond.jpg) no-repeat;
					margin:auto;
					height:610px;
					width:800px;
					}
					
.logo h1			{
					text-indent:9000px;
					position:relative;
					left:500px;
					top:130px;
					}
					
.logovid img		{position:relative;
					left:480px;
					top:100px;
					}

/*acceuil*/
	
.liens				{
					background:url(images/accueil/cadre.gif) no-repeat center;
					width:600px;
					height:40px;
					position:relative;
					bottom:185px;
					left:3px;
					}					

.liens a			{
					text-decoration:none;
					font-family: "Courier New", Courier, monospace;
					font-size:12px;
					color:#555c51;
					}

.liens a:hover		{
					font-size:14px;
					color:#ffb000;
					}
					
.liens h1			{
					position:relative;
					top:6%;
					}
					
.alignement			{
					position:relative;
					bottom:10px;
					left:86px;
					float:left;
					width:150px;
					vertical-align: middle;
					text-align:center;
					}
					
/*portfolio*/

	/*liens hauts*/
		/*onglets*/
	.liens2				{
						background:url(images/accueil/cadre-long.gif) no-repeat center;
						width:600px;
						height:40px;
						position:relative;
						bottom:185px;
						right:38px;
						}					
	
	.liens2 a			{
						text-decoration:none;
						font-family: "Courier New", Courier, monospace;
						font-size:12px;
						color:#555c51;
						}
	
	.liens2 a:hover		{
						color:#ffb100;
						}
						
	.liens2 h1			{
						position:relative;
						top:7%;
						}
						
	.alignement2		{
						position:relative;
						bottom:10px;
						left:86px;
						float:left;
						vertical-align: middle;
						text-align:center;
						margin-left:15px;
						margin-right:15px;
						}	
						
					
	.liens3				{
						background:url(images/accueil/onglets-hauts.gif) no-repeat center;
						width:1100px;
						height:60px;
						position:relative;
						bottom:480px;
						right:152px;
						}					
	
	.liens3 a			{
						text-decoration:none;
						font-family: "Courier New", Courier, monospace;
						font-size:12px;
						color:#555c51;
						}
	
	.liens3 a:hover		{
						color:#ffb100;
						}
						
	.liens3 h1			{
						position:relative;
						top:7%;
						}
						
	
	.alignement4		{
						position:relative;
						float:right;
						vertical-align: middle;
						text-align:center;
						right:195px;
						margin-right:18px;
						margin-left:18px;
						}	
		
	/*articles*/
		/*contacts*/
		.contacts			{
							width:110px;
							height:40px;
							position:relative;
							bottom:124px;
							left:30px;
							float:left;
							}
							
		.contacts h1		{
							color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							position:relative;
							bottom:4%;
							}
							
		.contacts p			{
							color:#555c51;
							font-size:11px;
							position:relative;
							bottom:10px;
							}
						
		/*curriculum*/
		.curriculum			{
						width:200px;
						height:40px;
						position:relative;
						bottom:124px;
						left:170px;
						float:left;
						}
						
	.curriculum h1		{
						color:#FFFFFF;
						font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						position:relative;
						bottom:4%;
						}
						
	.curriculum p		{
						color:#555c51;
						font-size:11px;
						position:relative;
						bottom:10px;
						}
						
		/*liens*/
		.link				{
							width:120px;
							height:40px;
							position:relative;
							bottom:124px;
							left:300px;
							float:left;
							}
							
		.link h1			{
							color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							position:relative;
							bottom:4%;
							}
							
		.link p				{
							color:#555c51;
							font-size:11px;
							position:relative;
							bottom:10px;
							}
		
		#backlink a			{
							text-decoration:none;
							color:#555c51;
							font-size:11px;
							position:relative;
							bottom:10px;
							}
		
		#backlink a:hover		{
							color: #ffb100;
							}
							
		.suite a			{
							color:#abaeaa; 
							font-size:12px; 
							text-decoration:none;
							position:relative;
							top:10%;
							}
							
		.suite a:hover		{
							color:#ffb100;
							}
		
		.suite h2			{
							position:relative;
							bottom:22px;
							}
					

/*galleries*/

	/*onglets gauche*/
	
	.liens4				{
						background:url(images/accueil/cadre-gauche.gif);
						width:103px;
						height:190px;
						position:relative;
						text-align:center;
						bottom:280px;
						left:20px;
						}					
	
	.liens4 a			{
						text-decoration:none;
						font-family: "Courier New", Courier, monospace;
						font-size:12px;
						color:#555c51;
						position:relative;
						top:10px;
						}
	
	.liens4 a:hover		{
						font-size:14px;
						color:#ffb100;
						}
											
	/*onglets hauts*/
	
		.liens5				{
						background:url(images/accueil/onglets-hauts.gif) no-repeat center;
						width:1100px;
						height:60px;
						position:relative;
						bottom:630px;
						right:152px;
						}					
	
	.liens5 a			{
						text-decoration:none;
						font-family: "Courier New", Courier, monospace;
						font-size:12px;
						color:#555c51;
						}
	
	.liens5 a:hover		{
						color:#ffb100;
						}
						
	.liens5 h1			{
						position:relative;
						top:7%;
						}
						
	.alignement5		{
						position:relative;
						float:right;
						width:130px;
						vertical-align: middle;
						text-align:center;
						right:205px;
						}	
	
	.alignement6		{
						position:relative;
						float:right;
						vertical-align:middle;
						text-align:center;
						right:195px;
						margin-left:18px;
						margin-right:18px;
						}	

	/*articles*/
		
	/*contacts*/
		
		.contacts1			{
							width:110px;
							height:40px;
							position:relative;
							bottom:274px;
							left:30px;
							float:left;
							}
							
		.contacts1 h1		{
							color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							position:relative;
							bottom:4%;
							}
							
		.contacts1 p			{
							color:#555c51;
							font-size:11px;
							position:relative;
							bottom:10px;
							}
						
	/*curriculum*/
		
		.curriculum1			{
								width:200px;
								height:40px;
								position:relative;
								bottom:274px;
								left:170px;
								float:left;
								}
								
			.curriculum1 h1		{
								color:#FFFFFF;
								font-family:Arial, Helvetica, sans-serif;
								font-size:13px;
								position:relative;
								bottom:4%;
								}
								
			.curriculum1 p		{
								color:#555c51;
								font-size:11px;
								position:relative;
								bottom:10px;
								}
						
	/*liens*/
		
		.link1				{
							width:120px;
							height:40px;
							position:relative;
							bottom:274px;
							left:300px;
							float:left;
							}
							
		.link1 h1			{
							color:#FFFFFF;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							position:relative;
							bottom:4%;
							}
							
		.link1 p				{
							color:#555c51;
							font-size:11px;
							position:relative;
							bottom:10px;
							}

/*croquis*/
	
	.gallerie			{
						position:relative;
						left:195px;
						width:240px;
						height:240px;
						bottom:445px;
						margin:0;
						background: url(images/accueil/cadre-gallerie.gif) no-repeat;
						}

	.gallerie a			{position:relative;
						top:16px;
						left:11px;
						}
						

						
	.nbcl a				{
						text-decoration:none;
						color:#555c51;
						font-size:10px;
						position:relative;
						bottom:685px;
						left:290px;
						}				
	
						
	.nbcl a:hover		{
						color: #FFFFFF;
						font-size:11px;
						}
						
	.tall				{
						width:90px;
						float:left;
						vertical-align:middle;
						position:relative;
						}
						
	.tall1 h2			{
						width:90px;
						float:left;
						vertical-align:middle;
						position:relative;
						bottom:0.5%;
						}
						
	.tall1				{position:relative;
						top:3px;
						}
						
/*dessin animé*/	
	
	.gallerie2			{
						position:relative;
						left:195px;
						width:240px;
						height:290px;
						bottom:405px;
						margin:0;
						background: url(images/accueil/cadre-gallerie2.gif) no-repeat;
						}

	.gallerie2 a		{position:relative;
						top:14px;
						left:10px;}
	
	.nbcl1 a			{
						text-decoration:none;
						color:#555c51;
						font-size:10px;
						position:relative;
						bottom:735px;
						left:290px;
						}				
	
						
	.nbcl1 a:hover		{
						color: #FFFFFF;
						font-size:11px;
						}
						
	.gallcroq			{
						margin:auto;
						width:800px;
						height:600px;
						position:relative;
						}

/*curriculum*/

	.liens31				{
						background:url(images/accueil/onglets-hauts.gif) no-repeat center;
						width:1100px;
						height:60px;
						position:relative;
						bottom:424px;
						right:152px;
						}					
	
	.liens31 a			{
						text-decoration:none;
						font-family: "Courier New", Courier, monospace;
						font-size:12px;
						color:#555c51;
						}
	
	.liens31 a:hover		{
						color:#ffb100;
						}
						
	.liens31 h1			{
						position:relative;
						top:7%;
						}
						
																
.texte					{
						color:#abaeaa;
						font-family:"Courier New", Courier, mono;
						font-size:11px;
						width:350px;
						position:relative;
						bottom:480px;
						left:135px;
						
						
						}
						
.texte h1				{font-size:13px;
						color: #ffb400;
						position:relative;
						top:22px;
						right:120px;
						}

.revenir a				{font-size:15px;
						color: #FFFFFF;
						position:relative;
						left:690px;
						text-decoration:none;
						font-weight:bolder;
						}			
						
.revenir a:hover		{
						color:#ffb100;
						}
						
/*contacts*/

	.texte2				{
						color:#abaeaa;
						font-family:"Courier New", Courier, mono;
						font-size:11px;
						width:350px;
						position:relative;
						bottom:465px;
						left:100px;
						
						
						}
						
	.texte2 h1			{font-size:16px;
						color: #FFFFFF;
						position:relative;
						}

	.texte2 a			{
						text-decoration:none;
						color:#ffb100;
						}
						
	.texte2 a:hover		{
						color:#f96f00;
						}
						
/*real*/

.video		{position:absolute;
			bottom:450px;
			left:300px;
			}
			
.changementPage		{
					position:relative;
					font-size:10px;
					bottom:450px;
					left:320px;
					color:#FFFFFF;
					font-size:13px;
					}
					
.changementPage a	{
					color:#FFFFFF;
					text-decoration:none;
					margin-left:5px;
					margin-right:5px;
					}					
					
.changementPage a:hover		{
							color:#ffb100;
							}					
							
.liensliens			{
					position:relative;
					left:70px;
					bottom:290px;
					color:#FFFFFF;
					text-decoration:none;
					font-size:13px;
					font-family:"Courier New", Courier, monospace;
					}		
					
.liensliens a		{
					color:#818d7a;
					text-decoration:none;
					}
						
.liensliens a:hover		{
						color:#ffb100;
						}