#content{
	margin:0 auto;

	width:3805px;
	
	padding:5px;
}

#blog_link{
	position:absolute;
	display:none;
	
	top:0px;
	left:0px;
}

#divMenu{
	position:absolute;
	float:left;

	border:none 5px #FF0;
	
	width:205px;
	height:215px;
	
	margin-left:90px;
	margin-top:10px;
	
	z-index:50;
}
	
	#divMenu UL{
		list-style:none;
		
		padding:0px;
		margin:0px;
	}

	#divMenu LI{		
		padding:0px;
		margin:0px;	
	}

	#li_who, #li_contact, #li_work{
		position:relative;
	}
	
	#li_who{
		top:-175px;
		left:-70px;
	}
	
	#li_contact{
		top:-170px;
		left:-80px;
	}
	
	#li_work{
		top:-275px;
		left:125px;
	}

#page_1, #page_2, #page_3, #page_4{
	display:none;

	position:absolute;
	float:left;
	
	margin:0px;
	padding:0px;
}

	.page.who
	{		
		width:595px;
		height:425px;
		
		border: none 5px #000;
	}
	
	
		.page.who .page_header{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_who/fond_page_who_01.png");
			
			width:590px;
			height:18px;
		}
		
		.page.who .page_left_border{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_who/fond_page_who_02.png");
			
			width:17px;
			height:387px;
		}
		
		.page.who .page_content{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_who/fond_page_who_03.png");
			
			width:552px;
			height:387px;
		}
		
		.page.who .page_right_border{
			float:left;
			top:0px;
			left:0px;		

			background-image:url("../img/fond_page_who/fond_page_who_04.png");
			
			width:21px;
			height:387px;
		}
		
		.page.who .page_footer{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_who/fond_page_who_05.png");
			
			width:590px;
			height:20px;		
		}
	
		.page.who .paragraphe_what, .page.who .paragraphe_who
		{
			display:block;
			
			border:none 1px #000;
			
			width:520px;
			margin-left:25px;
		}
		
		.page.who .paragraphe_what
		{
			position:relative;
			
			top:60px;
		}

		.page.who .paragraphe_who
		{
			position:relative;
			
			top:110px;
		}
	
			.page.who .paragraphe_what IMG, .page.who .paragraphe_who IMG
			{
				display:block;
				
				margin-bottom:5px;
			}
			
			.page.who .paragraphe_what IMG{
				position:relative;
				
				left:9px;
				
				width:251px;
				height:46px;
			}
			
			.page.who .paragraphe_who IMG{
				position:relative;
				
				width:234px;
				height:47px;
			}
		
			.page.who .paragraphe_what P, .page.who .paragraphe_who P
			{
				margin-left:15px;
			}
			
			.page.who .paragraphe_what P{
				position:relative;
				top:-10px;
			}
			
			.page.who .paragraphe_who P{
				position:relative;
				top:-20px;
			}
			
				.page.who .paragraphe_who P SPAN{
					font-size:21px;
				}
				
	.page.voeux
	{		
		width:595px;
		height:460px;
		
		border:none 5px #000;
	}
	
		.page.voeux .page_header{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_voeux/fond_page_voeux_01.png");
			
			width:590px;
			height:14px;
			
			/* IE7 ne veut pas faire un DIV moins haut que la font qu'il pourrait contenir, alors on lui dit que la font est toute petite */
			font-size:2px;
		}
		
		.page.voeux .page_left_border{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_voeux/fond_page_voeux_02.png");
			
			width:15px;
			height:429px;
		}
		
		.page.voeux .page_content{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_voeux/fond_page_voeux_03.png");
			
			width:552px;
			height:429px;
		}
		
		.page.voeux .page_right_border{
			float:left;
			top:0px;
			left:0px;		

			background-image:url("../img/fond_page_voeux/fond_page_voeux_04.png");
			
			width:23px;
			height:429px;
		}
		
		.page.voeux .page_footer{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_voeux/fond_page_voeux_05.png");
			
			width:590px;
			height:17px;		
		}
	
		.page.voeux P.msg_commun
		{		
			position:relative;
			
			top:-10px;
			left:0px;
			
			text-align:center;
			
			font-size:17px;
			
			border:none 1px #000;
			
			width:530px;
			margin-left:25px;
		}
	
			.page.voeux .associes{
				font-size:20px;
			}
	
				.page.voeux .associes .nom{
					font-size:25px;
				}
				
			.page.voeux .headline{
				font-size:34px;
				display:block;
				margin-top:15px;
			}
	
				.page.voeux .headline .jackson_and_kent{
					background-color:#000;
					color:#FFF;
					padding:5px 10px 5px 10px;
					filter:alpha(opacity=80);
    				-moz-opacity:0.8;
    				opacity:0.8; 
				}
				
			.page.voeux .mentions{
				font-size:11px;
			}
			
		.page.voeux P.msg_perso
		{		
			position:relative;
			
			top:50px;
			left:0px;
			
			text-align:left;
			
			font-size:13px;
			
			border: none 1px #000;
			
			width:480px;
			height:190px;
			margin-left:25px;
			padding-left:20px;
		}
		
			.page.voeux .introduction{
				font-weight:900;
			}
	
			.page.voeux .nom_destinataire{
				font-size:20px;
				font-weight:500;
				
				background-color:#000;
				color:#FFF;
				padding:5px 10px 5px 10px;
			}
		
		.page.voeux DIV
		{
			position:relative;
			
			left:560px;
			top:-20px;
		}
		
				
	.page.work
	{		
		width:590px;
		height:390px;
		
		border: none 5px #000;
		
		font-size:14px;
	}
	
		.page.work .page_header{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_work/fond_page_work_01.png");
			
			width:580px;
			height:12px;
			
			/* IE7 ne veut pas faire un DIV moins haut que la font qu'il pourrait contenir, alors on lui dit que la font est toute petite */
			font-size:2px;
		}
		
		.page.work .page_left_border{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_work/fond_page_work_02.png");
			
			width:14px;
			height:363px;
		}
		
		.page.work .page_content{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_work/fond_page_work_03.png");
			
			width:552px;
			height:363px;
		}
		
		.page.work .page_right_border{
			float:left;
			top:0px;
			left:0px;		

			background-image:url("../img/fond_page_work/fond_page_work_04.png");
			
			width:14px;
			height:363px;
		}
		
		.page.work .page_footer{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_work/fond_page_work_05.png");
			
			width:580px;
			height:15px;		

			/* IE7 ne veut pas faire un DIV moins haut que la font qu'il pourrait contenir, alors on lui dit que la font est toute petite */
			font-size:2px;
		}
		.page.work UL
		{
			position:relative;
			
			top:65px;
			left:110px;
		}
		
			.page.work UL LI
			{
				list-style-image:url("../img/puce_liste.png");
			}
			
				.page.work UL LI SPAN.metier
				{
					font-size:18px;
				}
			
		.page.work P
		{
			position:relative;
			
			top:105px;
			left:55px;
		}
		
			.page.work P .jackson_and_kent{
				background-color:#000;
				color:#FFF;
				padding:2px 5px 2px 5px;
				filter:alpha(opacity=80);
    			-moz-opacity:0.8;
    			opacity:0.8; 
			}
			
	.page.contact
	{
		float:left;
		
		width:600px;
		height:460px;
		
		border: none 5px #000;
		
		font-size:12px;
	}
	
		.page.contact .page_header{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_contact/fond_page_contact_01.png");
			
			width:590px;
			height:15px;
		}
		
		.page.contact .page_left_border{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_contact/fond_page_contact_02.png");
			
			width:19px;
			height:431px;
		}
		
		.page.contact .page_content{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_contact/fond_page_contact_03.png");
			
			width:552px;
			height:431px;
		}
		
		.page.contact .page_right_border{
			float:left;
			top:0px;
			left:0px;		

			background-image:url("../img/fond_page_contact/fond_page_contact_04.png");
			
			width:19px;
			height:431px;
		}
		
		.page.contact .page_footer{
			float:left;
			top:0px;
			left:0px;

			background-image:url("../img/fond_page_contact/fond_page_contact_05.png");
			
			width:590px;
			height:14px;		
		}
	
		.page.contact FORM{
			position:relative;
			float:left;

			top:50px;
			left:-150px;
			
			text-align:left;
		}
		
			.page.contact FORM INPUT.textfield{
				background-image:url("../img/fond_textfield.png");
				
				border:none;
				width:201px;
				height:29px;
				
				margin-bottom:10px;				
				
				padding:6px;

				font-family:Arial;
				font-size:12px;
			}

			.page.contact FORM TEXTAREA{
				background-image:url("../img/fond_textarea.png");
				
				border:none;
				width:281px;
				height:127px;
				
				margin-bottom:15px;				
				
				padding:6px;

				font-family:Arial;
				font-size:12px;
			}
			
			.page.contact FORM .btn_submit{
				position:relative;
				top:0px;
				left:0px;
				
				border:none 1px #000;
				
				background-image:url("../img/btn_envoyer.png");
				
				height:26px;
				width:77px;
				
				cursor:hand;
			}
			
			.btn_send_form{
				margin:0 0 0 204px;
			}
		
		.page.contact DIV
		{
			position:relative;
			float:left;
			
			top:130px;
			left:360px;
			
			text-align:center;
			
			width:200px;
			border: none 1px #000;
		}
		
	#divMsgForContactForm
	{
		position:absolute;
		
		background-image:url("../img/fond_message_contact_form_success.png");
		
		width:440px;
		height:150px;

		border: none 1px #000;
		
		display:block;
		
		top:-500px;
		left:-500px;
	}
	
		#divMsgForContactForm P{
			position:relative;
			
			border: none 1px #000;
			
			width:270px;
			
			top:14px;
			left:145px;
			
			font-size:18px;
			text-align:center;
		}
	
		#divMsgForContactForm.success
		{		
			background-image:url("../img/fond_message_contact_form_success.png");
		
			display:block;
			
			z-index:110;
		}
		
		#divMsgForContactForm.error
		{		
			background-image:url("../img/fond_message_contact_form_error.png");
			
			display:block;
			
			z-index:110;
		}

#divMsg,.big_head_1, .big_head_2, .big_head_3, .big_head_4, .big_head_5, .big_head_6, .big_head_7, .big_head_8{
	float:left;
	
	margin:0px;
	
	border:0px solid #000;
	height:210px;
	width:210px;

	background-repeat:no-repeat;
	background-position:center;
}


#divMsg{
	position:absolute;
	
	border:0px solid #000;
	
	text-align:center;
	
	vertical-align:middle;
}

.page_background{
	float:left;

	/* Sur IE6 et IE7 le width:1900 empeche l'affichage du menu */
	width:1894px;
	height:1260px;
	
/*	width:1900px;
	height:1260px;*/
}

.big_head_1{
	background-image:url("../img/big_head_long_blue.jpg");
}

.big_head_2{
	background-image:url("../img/big_head_long_orange.jpg");	
}

.big_head_3{
	background-image:url("../img/big_head_long_pink.jpg");
}

.big_head_4{
	background-image:url("../img/big_head_long_yellow.jpg");
}

.big_head_5{
	background-image:url("../img/big_head_short_blue.jpg");
}

.big_head_6{
	background-image:url("../img/big_head_short_green.jpg");
}

.big_head_7{
	background-image:url("../img/big_head_short_pink.jpg");
}

.big_head_8{
	background-image:url("../img/big_head_short_red.jpg");
}
