/************ Remise �  zéro des styles pour tous les navigateurs **************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
q:before,q:after{content:'';}
table{font-size:inherit;}
select,input,textarea{font:99% verdana,sans-serif;}
body{line-height:1.22em;}
body a img {border:0px;}
body input:disabled { height:1.7em; }
/******************************************************************************/

body {
	background-color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#interface {
	width:900px;
	height:950px;
	margin-left:auto;
	margin-right:auto;
}

#banniere {
	background-image:url(../images/banniere.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:167px;
}

	#menu {
		position:relative;
		width:637px;
		height:37px;
		top:130px;
		left:0px;
	}
	
	#menu img {
		float:left;
	}


#principal {
	float:left;
	width:669px;
	height:694px;
}

	#contenu {
		background-repeat:no-repeat;
		width:669px;
		height:517px;
	}
		#titre_page {
			padding:10px 20px 0px 20px;		
		}
		
		/*###### Page Accueil ##########*/
		.fond_accueil {
			background-image:url(../images/fond_accueil.jpg);
		}
		
		#accueil_bloc1 {
			padding:380px 20px 0px 330px;
			text-align:left;
			font-weight:bold;
			font-size:13px;
		}
	
	
		/*###### Page experience 1 ##########*/
		.fond_experiences1 {
			background-image:url(../images/fond_exp1.jpg);
		}
		
		#exp1_bloc1 {
			padding:5px 20px 0px 20px;
			text-align:justify;
		}
		
		#exp1_bloc2 {
			padding:0px 20px 0px 350px;
			text-align:justify;
		}		
		
		a.lien_exp1:link,a.lien_exp1:visited {
			position:relative;
			left:620px;
			top:10px;
			width:24px;
			height:24px;
			text-align:right;
			text-decoration:none;
			color:#FFFFFF;
		}
		
		a.lien_exp1:hover {
			text-align:right;
			color:#FFCC00;
		}

		/*###### Page experience 2 ##########*/
		.fond_experiences2 {
			background-image:url(../images/fond_exp2.jpg);
		}
		
		#exp2_bloc1 {
			padding:5px 20px 0px 20px;
			text-align:justify;
		}
		
		#exp2_bloc2 {
			padding:5px 20px 0px 350px;
			text-align:justify;
		}		


		/*###### Page A votre service ##########*/
		.fond_avotreservice {
			background-image:url(../images/fond_avotreservice.jpg);
		}
		
		#avotreservice_bloc1 {
			padding:10px 20px 0px 20px;
			text-align:justify;
		}
		
			#avotreservice_bloc1 p {
				margin-bottom:15px;
			}
		
	
		/*###### Page contact ##########*/
		.fond_contact {
			background-image:url(../images/fond_simple.jpg);
		}
		
		#contact_message {
			text-align:center;
		}
		
		#contact_formulaire {
			position:relative;
			top:40px;
			margin-left:auto;
			margin-right:auto;
			background-image:url(../images/fond_formulaire.gif);
			background-repeat:no-repeat;
			width:594px;
			height:275px;
		}
			
			#form_text {
				float:right;
				width:300px;
				text-align:left;
			}
			
				#form_text p {
					margin-bottom:8px;
				}
		
			#form_part1 {
				float:left;
				margin:10px 0px 0px 5px;
				width:258px;
				text-align:right;
			}
			
				#form_part1 input {
					width:152px;
					height:12px;
					margin-left:5px;
					margin-top:5px;
					background-color:#D6D6D6;
					border:1px solid #FFFFFF;
					font-size:10px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#666666;
				}
				
				#form_part1 textarea {
					width:150px;
					height:36px;
					margin-left:5px;
					margin-top:5px;
					background-color:#D6D6D6;
					border:1px solid #FFFFFF;
					font-size:10px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#666666;
				}


			#form_part2 {
				margin:0px 0px 0px 6px;
				width:578px;
				height:150px;
				text-align:left;
			}
			
				#form_part2 textarea {
					width:576px;
					height:45px;
					margin-top:10px;
					background-color:#D6D6D6;
					border:1px solid #FFFFFF;
					font-size:10px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#666666;
				}

				#form_part2 input {
					width:90px;
					height:16px;
					margin-top:4px;
					background-image:url(../images/fond_btn.jpg);
					background-repeat:repeat-x;
					border:1px solid #FFFFFF;
					font-size:11px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					padding-bottom:2px;
				}

				#infos_form {
					float:left;
					text-align:left;
					width:380px;
					margin-top:4px;					
				}
				
				#btn_form {
					text-align:right;
				}
			
			
		#infos_text {
			position:relative;
			top:60px;
			margin-left:auto;
			margin-right:auto;			
			width:594px;
			height:20px;
		}	
		
			
		#contact_infos {
			position:relative;
			background-image:url(../images/fond_infos.gif);
			background-repeat:no-repeat;
			top:60px;
			margin-left:auto;
			margin-right:auto;			
			width:594px;
			height:97px;
		}
		
			.contact_infos_text {
				float:left;
				width:225px;
				margin:15px 28px 0px 28px;
			}


		/*###### Page Player ##########*/
		.fond_player {
			background-image:url(../images/fond_simple.jpg);
		}
		
		#player_bloc1 {
			padding:20px 0px 0px 0px;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			line-height:1.5em;
		}
		


	#img_panoramique {
		width:669px;
		height:175px;
		border-top:2px solid #FF9C00;
	}

#banVideo_haut {
	float:left;
	background-image:url(../images/banVideo_haut.jpg);
	background-repeat:no-repeat;
	width:231px;
	height:74px;
}

#banVideo_bas {
	float:left;
	background-image:url(../images/banVideo_bas.jpg);
	background-repeat:repeat-y;
	width:231px;
	height:620px;
}

	#diaporama_titre {
		margin:5px 0px 5px 0px;
		text-align:center;
		font-size:14px;
		font-weight:bold;
	}
	
	#diaporama {
		position:relative;
		top:7px;
		left:5px;
		width:225px;
		height:590px;
		overflow-y:auto;
		text-align:center;
	}
	
		.lien_diaporama:link, .lien_diaporama:visited {
			color:#FFFFFF;
			text-decoration:none;
		}

		.lien_diaporama:hover {
			color:#FF9900;
			text-decoration:none;
		}
		
#motif_video {
	background-image:url(../images/motif_video.jpg);
	background-repeat:repeat-x;
	width:900px;
	height:26px;
}

#footer {
	background-color:#696969;
	width:900px;
	height:60px;
}

	#coordonne {
		text-align:center;
	}
	
	a.lien_cap:link, a.lien_cap:visited {
		display:block;
		float:right;
		margin:40px 5px 0px 0px;
		color:#FFFFFF;
		text-decoration:none;
	}
	a.lien_cap:hover {
		color:#FF9900;
	}

	a.lien_credits:link,a.lien_credits:visited {
		display:block;
		float:left;
		margin:40px 0px 0px 5px;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	a.lien_credits:hover {
		color:#FF9900;
	}

	a.mail:link, a.mail:visited {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	a.mail:hover {
		color:#FF9900;
		text-decoration:none;
	}



/*################ Cr�dits photos ###################*/	
#pop_credits {
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -100px; 
	width:200px;
	height:100px;
	background-color:#999999;
	border:2px solid #FFFFFF;
	text-align:center;
	display:none;
}

	a.lien_popfermer:link, a.lien_popfermer:visited {
		display:block;
		float:right;
		color:#FFFFFF;
		text-decoration:none;	
	}
	
	a.lien_popfermer:hover {
		color:#FF9900;
	}