* {
	font-family : Verdana, helvetica, sans-serif ;
	font-size : 10px;
	color: #888888;
	}
body {
	margin : 0px;
	padding: 0px;
	overflow-x : hidden;
	overflow-y : auto;
	}

/*#gallery { padding: 10px; }
#gallery.rtl { direction: rtl; }*/


/* ####################################### MENU LEFT #######################################*/

#menuLeftConteneur {
	width : auto;
	/*border : 1px solid red;*/
	text-align : right;
	margin-top : 76px;
	margin-right : 12px;
}

#menuLeftLinkRub{
	width : auto;
	height : 19px;
	text-align : right;
}



/* ####################################### FIN MENU LEFT #######################################*/


#page {
	 position: absolute;

	 width: 972px;        /* selon la largeur voulue */
	 margin-left: -486px; /* moitie de width */
	 left: 50%;           /* constant, toujours 50% */

	 height: 701px;       /* selon la quantite de texte */
	 margin-top: -350px;   /* moitie de height */
	 top: 50%;            /* constant, toujours 50% */

	/* border: 1px solid red; */
}



#header {

	width: 100%;
	height: 35px;
	/*background : #FFFFFF;*/
	text-align : right;
}
#headerContenu {
	margin-top : 6px;
	margin-right : 6px;
}




#iframeConteneur {
	display : block;
	float : left;
	width:100%;
	height:780px;
}

#iframeStyle {
	width:100%; 
	height:100%;
	overflow-x : hidden;
	overflow-y : auto;
}



#introHeader{
	width: 100%;
	height: 35px;
	/*background : #FFFFFF;*/
	text-align : right;
}

#introConteneur {
	display : block;
	width:100%;
	height:780px;
}



#footer {
	display : block;
	float : left;
	width: 100%;
	height: 35px;
	background : #FFFFFF;
	text-align : center;
}

#menuFooter {
	color : #888888;
	font-weight : bold;
	margin-top : 6px;
}
#menuFooter a{
	font-family : Arial, helvetica, sans-serif ;
	font-size : 11px;
	color : #333333;
	
}
#menuFooter a:hover{
	color : #333333;
	border-bottom : 1px solid #333333;
}

#copyright {
	padding : 10px;
	color : #888888;
	/*border : 1px solid green;*/
}


#globalConteneur{
	width : 972px;
	height : 701px;
	background : transparent url('images/fond_destroy.gif') bottom right no-repeat;
}

	#titleConteneur {
		width : 508px;
		height : 64px;
	}

		#titleImg {
			height : 17px;
			margin-top : 35px;
			margin-left : 23px;
			display: inline-block;
			float : left;
		}





 a {
  /*font-weight: bold;*/
  text-decoration: none;
  color: #888888;
}

a:hover {
  text-decoration: none;
  color: #333333;
}

a:active {
  text-decoration: none;
  color: #333333;
}


	b{
		color : #333333;
	}


/* --- PROFIL --- */


	#ProfilTextConteneur {
	
		width : 450px;
		height: 180px;
		padding-left : 40px;
		padding-right : 18px;
		margin-top : 10px;
		overflow-y : auto;
		overflow-x : hidden;
	}

	.ProfilImg {
		
		padding-left : 15px;
		padding-bottom : 1px;
		float : right;
	}

	.ProfilImg div{	
		text-align : right;
		padding-right : 6px;
	}



/* --- LIENS --- */


	#LiensTextConteneur {
		
		width : 436px;
		height: 164px;		
		padding-left : 36px;
		padding-right : 36px;
	}

	#LiensSeparator {
		width : 100%;
		height: 8px;
		display: block;
		float : left;
	}

	#LiensBlocImg {
		width : 162px;
		height: 38px;
		display: inline;
		float : left;
		padding-right : 8px;
	}

	#LiensBlocDescrip {
		color : #333333;
		width : 245px;
		height: auto;
		display: inline;
		float : left;
		padding-left : 8px;
		margin-top: 3px;
		border-left : 1px solid #CCCCCC;
		margin-bottom : 10px;
	}

	#LiensBlocDescrip span{
		color : #333333;
		display: block;
		height: auto;
		margin-top : 2px;
		margin-bottom : 3px;
	}

	#LiensBlocDescrip a{
		color : #888888;
	}
	#LiensBlocDescrip a:hover{
		color : #333333;
	}


/* ---------- PAGINATION ---------- */

	#paginConteneur {
		width : 508px;
		height: 64px;
		/*border : 1px solid red;*/
		display : block;
		float : left;
		text-align : center;
		vertical-align : middle;

	}

	#labelPage { 
		width : 30px;
		height : 17px;
		font-family:Verdana, Helvetica, sans-serif;
		font-size: 9px;
		font-weight:bold;
		color:#888888;

		display: inline-block;
		float : left;
		margin-top : 1px;
	}



	.numPageBlock {
		width : auto;
		height : 15px;
		font-family:Arial, Helvetica, sans-serif !important;
		font-size: 9px;
		font-weight:bold;
		
		text-decoration: none;
		background-color : #FEFEFE;

		display: inline-block;
		float : left;
	}

	.numPageBlock a{
		width : auto;
		height : 15px;
		font-family:Arial, Helvetica, sans-serif !important;
		font-size: 9px;
		font-weight:bold;
		
		text-decoration: none;
		background-color : #FEFEFE;

		display: inline-block;
		float : left;
	}

	.numPageBlock a:hover {
		width : auto;
		height : 15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight:bold;
		color:#FEFEFE !important;
		text-decoration: none;
		background-color : #333333 !important;

		display: inline-block;
		float : left;
	}
	.numPageBlockActive {
		width : auto;
		height : 15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight:bold;
		color:#FEFEFE !important;
		text-decoration: none;
		background-color : #333333 !important;

		display: inline-block;
		float : left;	
	}


	#numSeparator {
		width : 4px;
		height : 15px;
		display: inline-block;
		float : left;
	}

	.numPage {
		margin-left : 4px;
		margin-top : 1px;
		margin-right : 4px;
	}

	.buttonPrevInactif img{
		filter:alpha(opacity=50);
		-moz-opacity:.50;opacity:.50;
	}
	.buttonNextInactif img{
		filter:alpha(opacity=50);
		-moz-opacity:.50;opacity:.50;
	}
	/* ---- BARRE HORIZONTALE PAGINATION ---- */
		
		/* Espace entre les nums de pages et la ligne grise */
		#lineGreySeparator {
			width : 10px;
			height : 15px;
			display: inline-block;
			float : left;
		}

		div#separatorLineGrey h7 {
			float : left;
		}

		div#separatorLineGrey span {
			display: block;
			height: 8px;
			overflow: hidden;
			border-bottom: solid 1px #CCCCCC;
		}

	/* ---- END BARRE HORIZONTALE PAGINATION ---- */


/* ---------- END PAGINATION ---------- */



/* --- CONTACT --- */


	#contactFormConteneur {
		width : 264px;
		height: 206px;
		padding-left : 36px;
		display: inline-block;
		float : left;
		overflow-y : auto;
		overflow-x : hidden;
		/*border : 1px solid red;*/
	}



	#contactSeparator {
		width : 1px;
		height: 200px;
		border-left: solid 1px #CCCCCC;
		padding-left : 8px;
		padding-right : 8px;
		display: inline-block;
		float : left;
	}

	#contactInfosConteneur {
		width : 160px;
		height: 223px;
		padding-right : 26px;
		padding-top : 5px;
		display: inline-block;
		float : left;
		/*border : 1px solid red;*/
	}



	/* -- Mess Error -- */


		#contactMandatoryLib {
			font-size : 9px;
			font-style : italic;
			text-indent : 8px;
			width : 150px;
			color : #df4030;				
			margin-bottom : 10px;
			margin-left : 4px;
			padding-top : 5px;
			display: inline-block;
			float : left;
			background : transparent url('images/contact_mandatory_champs.gif') left no-repeat;
		}

		#contactFormBadMess {
			width : 220px;
			color : #df4030;				
			margin-bottom : 5px;
			margin-left : 4px;
			padding-top : 5px;
			display: inline-block;
			float : left;
		}
		#contactFormGoodMess {
			width : 257px;
			color : #333333;
			margin-left : 4px;
			padding-top : 5px;
			display: inline-block;
			float : left;
		}
		

	/* --- INPUT --- */

		#ImputConteneur {
			width : 117px;
			height: 22px;
			background : #FFFFFF;
			display: inline-block;
			float : left;
			margin-top : 5px;
		}

		#inputBloc {
			width : 105px;
			height: 16px;
			border : 0px;
		}


		input {
			color : #333333;
			width : 99px;
			border : 0px;
		}
		.inputMandatory {
			width : 3px;
			height: 3px;
			background : transparent url('images/contact_mandatory_champs.gif') right no-repeat;
		}



		#inputBorderLeft {
			width : 6px;
			height: 22px;
			background : transparent url('images/contact_input_border_left.gif')  no-repeat;
		}
		#inputBorderRight {
			width : 6px;
			height: 22px;
			background : transparent url('images/contact_input_border_right.gif')  no-repeat;
		}


		#inputBorderTop {
			width : 105px;
			height: 3px;
			background : transparent url('images/contact_input_border_top.gif')  repeat;
		}
		#inputBorderBottom {
			width : 105px;
			height: 3px;
			background : transparent url('images/contact_input_border_bottom.gif')  repeat;
		}




	/* --- TEXTAREA --- */

		#TextareaConteneur {
			width : 247px;
			height: auto;
			display: inline-block;
			float : left;
			margin-top : 5px;
			background : #FFFFFF;
		}

		#textareaBloc {
			width : 233px;
			height: auto;
		}

		.textarea {
			color : #333333;
			width : 228px;
			height: 96px;
			overflow-y : auto;
			overflow-x : hidden;
			border : 0px;
		}
		.textareaMandatory {
			width : 3px;
			height: 3px;
			background : transparent url('images/contact_mandatory_champs.gif') right top no-repeat;
		}
			


		#textareaBorderTopLeft {
			width : 6px;
			height: 6px;
			background : transparent url('images/contact_input_message_border_top_left.gif') no-repeat;
			display: block;
		}
		#textareaBorderTopRight {
			width : 6px;
			height: 6px;
			background : transparent url('images/contact_input_message_border_top_right.gif') no-repeat;
			display: block;
		}


		#textareaBorderBottomLeft {
			width : 6px;
			height: 6px;
			background : transparent url('images/contact_input_message_border_bottom_left.gif') no-repeat;
			display: block;
		}
		#textareaBorderBottomRight {
			width : 6px;
			height: 6px;
			background : transparent url('images/contact_input_message_border_bottom_right.gif') no-repeat;
			display: block;
		}


		#textareaBorderTop {
			width : 100%;
			height: 3px;
			background : transparent url('images/contact_input_border_top.gif') repeat;
			display: block;
		}
		#textareaBorderBottom {
			width : 100%;
			height: 3px;
			background : transparent url('images/contact_input_border_bottom.gif') repeat;
			display: block;
		}


		#textareaBorderRight {
			width : 3px;
			height: 100px;
			background : url('images/contact_input_message_border_right.gif') repeat;
			display: block;
		}
		#textareaBorderLeft {
			width : 3px;
			height: 100px;
			background : url('images/contact_input_message_border_left.gif') repeat;
			display: block;
		}




	/* --- BOUTON ENVOYER --- */

		#textareaBouton {
			width : 65px;
			height: 23px;
			margin-top : 5px;
			margin-left : 28px;
			display: inline-block;
			float : left;
			background : transparent url('images/contact_bouton_out.gif') no-repeat;
			border : 0px;
		}
		#textareaBouton:hover {
			width : 65px;
			height: 23px;
			margin-top : 5px;
			margin-left : 28px;
			display: inline-block;
			float : left;
			background : transparent url('images/contact_bouton_over.gif') no-repeat;
			border : 0px;
		}



/* --- MENTIONS LEGALES --- */

	#MentionsTextConteneur {	
		width : 450px;
		height: 180px;
		padding-left : 40px;
		padding-right : 18px;
		margin-top : 10px;
		overflow-y : auto;
		overflow-x : hidden;
	}

	#MentionsTextConteneur a {	
		color : #333333;
		text-decoration : underline;
	}
	#MentionsTextConteneur a:hover {	
		color : #333333;
		text-decoration : none;
	}

	.MentionsContenu {
			display: block;
			float : left;	
		width : auto;
		height: auto;
		margin-bottom : 20px;
	}
			.MentionsContenu span{
				display: inline-block;
				float : left;	
				width : 198px;
				height: auto;
				margin-left : 5px;
			}

			.MentionsSeparatorSpan {
				width : 1px;
				height: 40px;
				border-left: solid 1px #CCCCCC;
				margin-left : 5px;
				padding-right : 17px;
				display: inline-block;
				float : left;
			}
			.MentionsSeparatorSpanVide {
				width : 1px;
				height: 45px;
				border-left: solid 1px transparent;
				display: inline-block;
				float : left;
			}

	.MentionsInterTitre {
		width : 456px;
		display: block;
			float : left;
		margin-bottom : 10px;
	}


/* --- CREDITS --- */
#CreditsTextConteneur {	
		width : 450px;
		height: 180px;
		padding-left : 40px;
		padding-right : 18px;
		margin-top : 10px;
		overflow-y : auto;
		overflow-x : hidden;
	}
#CreditsTextConteneur a {	
	color : #333333;
	text-decoration : underline;
}
#CreditsTextConteneur a:hover {	
	color : #333333;
	text-decoration : none;
}

	.CreditsContenu {
			display: block;
			float : left;	
		width : auto;
		height: auto;
		margin-bottom : 20px;
	}

			.CreditsContenu span{
				display: inline-block;
				float : left;	
				width : 200px;
				height : auto;
				margin-left : 5px;
			}

			.CreditsSeparatorSpan {
				width : 1px;
				height : 50px;
				border-left : solid 1px #CCCCCC;
				margin-left : 5px;
				padding-right : 17px;
				display : inline-block;
				float : left;
			}
			.CreditsSeparatorSpanVide {
				width : 1px;
				height: 40px;
				border-left : solid 1px transparent;
				display : inline-block;
				float : left;
			}


			#CreditsDescriptif {
				display: block;
				float : left;
				width : 450px;
				height : auto;
				margin-left : 5px;
				margin-top : 15px;
			}

.CreditsInterTitre {
	width : 456px;
	display: block;
		float : left;
	margin-bottom : 10px;
}