@charset "UTF-8";
/* CSS Document */


/* ASSOCIATION INSIGHT PICTURES - FRANCAIS */

/* MISE EN PAGE - FRANCAIS --------------------------------------------------------------------------------------------------------------------------------------*/

/* BODY - FR ----------------------------------------------*/
		

	body {
		margin:0px 0px 0px 0px;
		background-color:#FFFFFF;
		}
		

/* BANNIERE - TOP - FR ----------------------------------------------*/

	div#top {
		background-image:url(../fr_images/fr_top.jpg);
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		width:838px;
		height:232px;
		position:absolute;
		top:20px;
		left:1%;
		right:1%;
		}
		
		

/* BANNIERE - TOP / REPEAT - FR ----------------------------------------------*/

	div#repeat {
		background-color:#000000;
		background-repeat:repeat-x;
		width:auto;
		height:295px;
		}
		
		
/* NAVIGATION - FR ----------------------------------------------*/

	.actualites {
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:12px;
		font-weight:bold;
		letter-spacing:2px;
		position:relative;
		top:255px;
		left:5px;
		}
		
	.equipe {
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:12px;
		font-weight:bold;
		letter-spacing:2px;
		position:relative;
		top:255px;
		left:100px;
		}
		
	.films {
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:12px;
		font-weight:bold;
		letter-spacing:2px;
		position:relative;
		top:255px;
		left:195px;
		}
		
	.contacts {
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:12px;
		font-weight:bold;
		letter-spacing:2px;
		position:relative;
		top:255px;
		left:290px;
		}	
	
	.liens {
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:12px;
		font-weight:bold;
		letter-spacing:2px;
		position:relative;
		top:255px;
		left:384px;
		}	
		
	

/* LIENS - NAVIGATION - FR ----------------------------------------------*/

	
	
	.navigation a {
		color:#FFFFFF;
		text-transform:uppercase;
		}	

	.navigation a:hover {
		color:#666666;
		}

	
		

/* LIENS - PAGES - FR --------------------------------------------------*/


	.pages a {
		color:#d25b17;
		}
		
	.pages a:hover {
		color:#666666;
		}
	

	
	
/* SELECTION LANGUE - FR -----------------------------------------------*/

	
	div#langue {
		font-family:Arial, Helvetica, sans-serif;
		top:27px;
		position:absolute;
		left:4px;
		font-size:12px;
		text-transform:uppercase;
		color:#FFFFFF;
		font-weight:bold;
		letter-spacing:2px;
		}
		

				
		
	
		
		
/* FIN - MISE EN PAGE - FRANCAIS ------------------------------------------------------------------------------------------------------------------------------------------*/
		
	
	
/* PAGE - 1 - ACTUALITES - FR ---------------------------------------------------------------------------------------------------------------------------------------------*/


		
			/* BLOC ACTUALITES - FR ----------------------------------------------*/
				
				
					div#actualites_top {
						background-color:#f1d9c1;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold;
						color:#d25b17;
						font-size:15px;
						text-align:center;
						line-height:35px;
						letter-spacing:3px;
						text-transform:uppercase;
						width:450px;
						height:35px;
						left:2px;
						top:273px;
						position:relative;
						}
						
					.box {
						background-color:#FFFFFF;
						width:450px;
						top:280px;
						position:relative;
						left:2px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:justify;
						padding-bottom:80px;
						}
						
					.content-box {
						background-color:#FFFFFF;
						}
						
					.content-box H1 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:bold;
						color:#d25b17;
						text-transform:uppercase;
						letter-spacing:2px;
						padding-bottom:8px;
						text-align:left;
						}
						
					.content-box P {
						
						padding-bottom:15px;
						}
						
						
			/* BLOC SORTIE FILMS - FR ----------------------------------------------*/
			
			
			
					div#sortie_top {
						background-image:url(../fr_images/fr_sortiefilm.jpg);
						width:325px;
						height:75px;
						position:absolute;
						top:293px;
						right:3px;
						}
						
					.box2 {
						background-color:#FFFFFF;
						width:325px;
						top:380px;
						position:absolute;
						right:3px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:center;
						padding-bottom:80px;
						}
						
					.content-box2 {
						background-color:#FFFFFF;
						}
						
					.content-box2 H1 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:25px;
						font-weight:bold;
						color:#d25b17;
						text-transform:uppercase;
						letter-spacing:4px;
						padding-bottom:8px;
						}
						
					.content-box2 P {
						padding-bottom:10px;
						}
						
	
						
						
											
/* FIN - PAGE - 1 - ACTUALITES - FR ---------------------------------------------------------------------------------------------------------------------------------------------*/


/* PAGE - 2 - EQUIPE - FR -------------------------------------------------------------------------------------------------------------------------------------------------------*/





			
						
			/* BLOC ASSOCIATION - FR ----------------------------------------------*/
			
			
					div#pages_top {
						background-color:#f1d9c1;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold;
						color:#d25b17;
						font-size:15px;
						text-align:center;
						line-height:35px;
						letter-spacing:3px;
						text-transform:uppercase;
						width:838px;
						height:35px;
						left:2px;
						top:273px;
						position:relative;
						}
						
						
					
						
						
						
			/* BLOC THOMAS - FR ----------------------------------------------*/
			
			
					div#thomas {
						background-image:url(../fr_images/thomas.jpg);
						width:261px;
						height:128px;
						position:absolute;
						left:2px;
						top:340px;
						}
						
					.box3{
						background-color:#FFFFFF;
						width:261px;
						height:100%;
						position:relative;
						top:420px;
						left:2px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:justify;
						padding-bottom:80px;
	
						}
						
					.content-box3 {
						background-color:#FFFFFF;
						}
						
					.content-box3 H1 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:bold;
						color:#d25b17;
						text-transform:uppercase;
						letter-spacing:2px;
						padding-bottom:8px;
						text-align:left;
						}
						
					.content-box3 P {
						text-indent:40px;
						padding-bottom:4px;
						}
						
						
			 /* BLOC SEBASTIEN - FR ----------------------------------------------*/
			
			
					div#seb {
						background-image:url(../fr_images/sebastien.jpg);
						width:261px;
						height:128px;
						position:absolute;
						left:290px;
						top:340px;
						}
						
					.box4{
						background-color:#FFFFFF;
						width:261px;
						height:100%;
						position:absolute;
						top:473px;
						left:290px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:justify;
						padding-bottom:80px;
						}
						
					.content-box4 {
						background-color:#FFFFFF;
						}
						
					.content-box4 H1 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:bold;
						color:#d25b17;
						text-transform:uppercase;
						letter-spacing:2px;
						padding-bottom:8px;
						text-align:left;
						}
						
					.content-box4 P {
						text-indent:40px;
						padding-bottom:4px;
						}
						
						
						
				/* BLOC KEVIN - FR ----------------------------------------------*/
			
			
					div#kevin {
						background-image:url(../fr_images/kevin.jpg);
						width:261px;
						height:128px;
						position:absolute;
						left:580px;
						top:340px;
						}
						
					.box5{
						background-color:#FFFFFF;
						width:261px;
						height:100%;
						position:relative;
						top:100px;
						left:580px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:justify;
						padding-bottom:20px;
						}
						
					.content-box5 {
						background-color:#FFFFFF;
						}
						
					.content-box5 H1 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:bold;
						color:#d25b17;
						text-transform:uppercase;
						letter-spacing:2px;
						padding-bottom:8px;
						text-align:left;
						}
						
					.content-box5 P {
						text-indent:40px;
						padding-bottom:4px;
						}
						
						
			
						
						
						
/* FIN - PAGE - 2 - EQUIPE - FR -------------------------------------------------------------------------------------------------------------------------------------------------------*/

					
/* PAGE - 3 - FILMS - FR --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
					
					
					
					/* BLOC PERSEE - FR ----------------------------------------------*/
					
					
						div#persee {
							background-image:url(../fr_images/fr_films_persee.jpg);
							background-repeat:no-repeat;
							width:838px;
							height:70px;
							position:relative;
							left:2px;
							top:290px;
							font-family:Arial, Helvetica, sans-serif;
							text-align:right;
							font-size:12.5px;
							line-height:17px;
							padding-bottom:50px;
							}
							
					/* BLOC ACTEUR - FR ----------------------------------------------*/
					
					
						div#acteur {
							background-image:url(../fr_images/fr_films_acteur.jpg);
							background-repeat:no-repeat;
							width:838px;
							height:70px;
							position:relative;
							left:2px;
							top:290px;
							font-family:Arial, Helvetica, sans-serif;
							text-align:right;
							font-size:12.5px;
							line-height:17px;
							padding-bottom:50px;
							}
							
					/* BLOC GARDIEN - FR ----------------------------------------------*/
					
					
						div#gardien {
							background-image:url(../fr_images/fr_films_gardien.jpg);
							background-repeat:no-repeat;
							width:838px;
							height:70px;
							position:relative;
							left:2px;
							top:290px;
							font-family:Arial, Helvetica, sans-serif;
							text-align:right;
							font-size:12.5px;
							line-height:17px;
							padding-bottom:120px; /*a modifier a 25px pour le prochaine film*/
							}
						
							
								
						div#pages_topfilms {
							background-color:#f1d9c1;
							font-family:Arial, Helvetica, sans-serif;
							font-weight:bold;
							color:#d25b17;
							font-size:15px;
							text-align:center;
							line-height:35px;
							letter-spacing:3px;
							text-transform:uppercase;
							width:838px;
							height:35px;
							top:230px;
							position:relative;
							}
							
						/* BLOC I-DANCE - FR ----------------------------------------------*/
					
					
						div#idance {
							background-image:url(../fr_images/fr_films_idance.jpg);
							background-repeat:no-repeat;
							width:838px;
							height:70px;
							position:relative;
							left:2px;
							top:260px;
							font-family:Arial, Helvetica, sans-serif;
							text-align:right;
							font-size:12.5px;
							line-height:17px;
							padding-bottom:120px; /*a modifier a 25px pour le prochaine film*/
							}
							
							
/* PAGE - 4 - CONTACTS - FR ---------------------------------------------------------------------------------------------------------------------------------------------*/
							
						
					
						.box6{
						background-color:#FFFFFF;
						width:838px;
						height:100%;
						position:relative;
						top:290px;
						padding-bottom:80px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:center;
						}
						
						.content-box6 {
						background-color:#FFFFFF;
						}
						
						.content-box6 H1 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:bold;
						color:#d25b17;
						text-transform:uppercase;
						letter-spacing:2px;
						padding-bottom:8px;
						text-align:center;
						}
							
						.content-box6 P {
						text-indent:40px;
						padding-bottom:4px;
						}
		

/* FIN - PAGE - 4 - CONTACTS - FR ---------------------------------------------------------------------------------------------------------------------------------------------*/


		
		
/* PAGE - 5 - LIENS - FR ---------------------------------------------------------------------------------------------------------------------------------------------*/
							
						
					
						.box7{
						background-color:#FFFFFF;
						width:838px;
						height:290px;
						position:relative;
						top:290px;
						padding-bottom:0px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12.5px;
						text-align:left;
						}
						
					.content-box7 {
						background-color:#FFFFFF;
						}
						
						
					.content-box7 P {
						padding-bottom:10px;
						}
						
						
						
		
		
							
/* ELEMENT BAS DE PAGE - FR -------------------------------------------------------------------------------------------*/		
					
		div#footer {
		background-color:#666666;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		height:1px;
		top:100%;
		bottom:40px;
		position:relative;
		left:0px;
		}

						
/* BANNIERE - BOTTOM - FR ----------------------------------------------*/

	div#bottom {
		background-color:#FFFFFF;
		background-repeat:repeat-x;
		line-height:30px;
		bottom:0px;
		left:0px;
		width:auto;
		height:2px;
		position:relative;
		padding-bottom:4em;
		top:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666666;
		letter-spacing:2px;
		}
		
	
/* INDEX - FR ----------------------------------------------*/

	div#index {
		background-image:url(../fr_images/indexlogo.gif);
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		width:900px;
		height:232px;
		position:relative;
		top:100px;
		left:1%;
		right:1%;
		}
		
		.box8 {
		background-color:#FFFFFF;
		width:870px;
		top:140px;
		position:relative;
		left:2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12.5px;
		text-align:justify;
		padding-bottom:80px;
		}
				
		.content-box8 {
		background-color:#FFFFFF;
		}
						
		.content-box8 H1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#d25b17;
		text-transform:uppercase;
		letter-spacing:2px;
		padding-bottom:8px;
		text-align:left;
		}
					
		.content-box8 P {
		padding-bottom:15px;
		}