/*----------------------- CSS MASTER -----------------------*/
html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6f6d6e;
}

/*-------------------------------*/
#container{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

	#top {
	width: 940px;
	height: 140px;
	}

		#topHigh {
		width: 940px;
		height: 80px;
		}

			#topHigh #logo {
			float: left;
			height: 80px;
			width: 250px;
			}

			#topHigh #tools {
			float: left;
			width: 690px;
			height: 80px;
			}

				#topHigh #tools #options {
				width: 282px;
				height: 20px;
				float: right;
				margin-right: 7px;
				_margin-right: 3px;
				}

					#topHigh #tools #options a{
					float: left;
					display: block;
					border-bottom: none;
					}

					#topHigh #tools #options .moncompte_btn {
					width: 96px;
					height: 34px;
					background:url('images/bg_moncompte.jpg') 0px 0px no-repeat;
					text-transform: uppercase;
					color: white;
					font-size: 11px;
					font-weight: bold;
					text-align: center;
					padding-top: 3px;
					position: relative;
					margin-left: 120px;
					_margin-left: 60px;
					}

						#topHigh #tools #options .moncompte_btn:hover {
						background:url('images/bg_moncompte_hover.jpg') 0px 0px no-repeat;
						}

					#topHigh #tools #options .monpanier_btn {
						position: absolute;
						width: 118px;
					}
					
					#topHigh #tools #options .monpanier_btn a{
					padding-left: 10px;
					margin-right: 2px;
					width: 108px;
					height: 31px;
					background:url('images/bg_monpanier.jpg') 0px 0px no-repeat;
					text-transform: uppercase;
					color: white;
					font-size: 11px;
					font-weight: bold;
					text-align: center;
					padding-top: 3px;
					_margin-bottom: -12px;
					}

						#topHigh #tools #options .monpanier_btn a:hover {
						background:url('images/bg_monpanier_hover.jpg') 0px 19px no-repeat;
						position: absolute;
						padding-top: 22px;
						height: 23px;
						_margin-bottom: -20px;
						_padding-bottom: -20px;
						_background:url('images/bg_monpanier_hover.jpg') 0px 0px no-repeat;
						_position: relative;
						_padding-top: 3px;
						_height: 31px;
						}
					
					#topHigh #tools #options .monpanier_btn .infosPanier {
						color: white;
						font-size: 10px;
						text-align: center;
						width: 118px;
						height: 17px;
						padding-top: 3px;
						padding-left: 0px;
						background-color: #4f5458;
						position: absolute;
						white-space: nowrap;
						display:none;	

						_margin-left: -120px;
						}

					#topHigh #tools #options .monpanier_btn:hover .infosPanier {
						display:block;
						cursor: pointer;
						_margin-top: -50px;
					}

					#topHigh #tools #options .credits_btn {
					background:url('images/bg_credits.jpg') 0px 0px no-repeat #00baeb;
					width: 24px;
					height: 20px;
					margin-left: 2px;
					}
		
						#topHigh #tools #options .credits_btn:hover {
						background:url('images/bg_credits_hover.jpg') 0px 0px no-repeat;
						}

					#topHigh #tools #options .fr {
					background:url('images/lang_fr.gif') 0px 0px no-repeat #00baeb;
					width: 24px;
					height: 20px;
					margin-left: 2px;
					}

						#topHigh #tools #options .fr:hover {
						background:url('images/lang_fr_hover.gif') 0px 0px no-repeat #40444a;
						}

					#topHigh #tools #options .en {
					background:url('images/lang_en.gif') 0px 0px no-repeat #00baeb;
					width: 24px;
					height: 20px;
					margin-left: 2px;
					}	

						#topHigh #tools #options .en:hover {
						background:url('images/lang_en_hover.gif') 0px 0px no-repeat #40444a;
						}

				#topHigh #tools #menu {
				width: 670px;
				height: 26px;
				display: block;
				margin-top: 34px;
				background:url('images/bg_menu.jpg') 0px 5px no-repeat;
				margin-right: 20px;
				position: relative;
				}

				#topHigh #tools #menu a{
				margin-left: 1px;
				width: 72px;
				height: 18px;
				float: right;
				margin-top: 5px;
				background:url('images/bg_menu_a.jpg') 0px 0px no-repeat #e6e6e6;
				color: #6f6d6e;
				text-align: center;
				padding-top: 3px;
				position: relative;
				border-bottom: none;
				}

				#topHigh #tools #menu a:hover{
				height: 23px;
				_height: 23px;
				_margin-bottom: -5px;
				position: relative;
				top: -5px;
				color: white;
				background:url('images/bg_menu_a_hover.jpg') 0px 0px no-repeat #16c8f5;
				}

				
					#topHigh #tools #menu .accueil{
					margin-left: 1px;
					width: 72px;
					height: 18px;
					float: right;
					margin-top: 5px;
					background:url('images/bg_accueil.jpg') 0px 0px no-repeat #e6e6e6;
					color: #6f6d6e;
					text-align: center;
					padding-top: 3px;
					position: relative;
					border-bottom: none;
					}

					#topHigh #tools #menu .small {
					width: 62px;
					height: 18px;
					float: right;
					position: relative;
					margin-left: 1px;
					background:url('images/bg_small.jpg') 0px 0px no-repeat #e6e6e6;
					}

					#topHigh #tools #menu .small:hover {
					height: 23px;
					_height: 23px;
					_margin-bottom: -5px;
					position: relative;
					top: -5px;
					color: white;
					background:url('images/bg_small_hover.jpg') 0px 0px no-repeat #16c8f5;
					}

					#topHigh #tools #menu .imgBank {
					width: 120px;
					height: 18px;
					float: right;
					position: relative;
					margin-left: 1px;
					background:url('images/bg_imgBank.jpg') 0px 0px no-repeat #e6e6e6;
					}

					#topHigh #tools #menu .imgBank:hover {
					height: 23px;
					_height: 23px;
					_margin-bottom: -5px;
					position: relative;
					top: -5px;
					color: white;
					background:url('images/bg_imgBank_hover.jpg') 0px 0px no-repeat #16c8f5;
					}


					#topHigh #tools #menu .contact {
					width: 80px;
					height: 18px;
					float: right;
					position: relative;
					margin-left: 1px;
					background:url('images/bg_contact.jpg') 0px 0px no-repeat #e6e6e6;
					}

					#topHigh #tools #menu .contact:hover {
					height: 23px;
					_height: 23px;
					_margin-bottom: -5px;
					position: relative;
					top: -5px;
					color: white;
					background:url('images/bg_contact_hover.jpg') 0px 0px no-repeat #16c8f5;
					}


		#topLow {
		width: 940px;
		height: 60px;
		background:url('images/bg_topLow.gif') 0px 0px no-repeat #494e53;
		}

			#topLow #menuCategoriesList {
				clear:both;
				display: block;
				position: absolute;				
				top: 141px;
				width: 222px;
				z-index: 5;
				margin-left:20px;
				_top: 160px;
			}

			#topLow #menuCategoriesList .openerMenuCategories {
				width: 222px;
				height: 21px;
				float: left;
				background:url('images/bg_OpenerMenuCategories.gif') 0px 0px no-repeat;
				/*filter: progid:DXImageTransform.Microsoft.shadow ( color=#252729,direction=125,strength=3);*/
				text-transform: uppercase;
				color: #f4f6f8;
				font-size: 11px;
				font-weight: bold;
				text-align: center;
				padding-top: 6px;
				border-bottom: none;
			}

				#topLow #menuCategoriesList .openerMenuCategories:hover {
					color: white;
				}

			#topLow #search {
			width: 432px;
			height: 23px;
			float: left;
			position: relative;
			left: 494px;
			top: 19px;
			}

				#topLow #search #decoZoom {
				float: left;
				width: 27px;
				height: 23px;
				background:url('images/deco_zoom.jpg') 0px 0px no-repeat #484d52;
				}

	#page{
		
	}

		#pageLeft{
			
		}

		#pageRight{
			
		}

#footer{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	color: #6e6e6e;
	font-size: 11px;
} 

	#footer A{color: #6e6e6e;
	border-bottom: none;}
	#footer A:hover{color:#01bae9;}	

	#footer .leftFooter{
		float:left;
	}

	#footer .rightFooter{
		float:right;
		text-align:right;
		padding-top: 6px;
	}
 
.clear{clear:both;height: 0px;
height: 0px; font-size: 0px; padding: 0px; margin: 0px;
}

.floatLeft{float:left;}
.floatRight{float:right;}
 
 /* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:18px;
 font-weight: bold;
 display:block; 
 font-weight:normal;
 color:#00c4f3;
 margin:0px 0px 10px 0px;
 padding:0px;
 text-transform: uppercase;
}

	.pageLeft h1 {
		background:url('images/bg_h1.jpg') right repeat-y #53595e;
		color: white;
		font-size: 11px;
		height: 17px;
		padding-top: 4px;
		text-align: center;
		margin-bottom: 0px;
		width: 219px;
		_width: 210px;
		margin-left: 10px;
	}

H2{ 
 font-size:14px;
 display:block; 
 font-weight:normal;
 color:#898989;
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 10px;
 background:url('images/bg_h2.gif') 0px 5px no-repeat;
}

H3{ 
 font-size:12px;
 font-weight: bold;
 border-bottom: 1px solid #c5c5c5;
 text-transform: uppercase;
 display:block; 
 font-weight:normal;
 color:#474c51;
 margin:0px 0px 10px 0px;
 padding:0px;
} 

H4{ 
 font-size:12px;
 display:inline; 
 font-weight:normal;
 color:#474c51;
 margin:0px;
 padding:0px;
}

A{
 color:#01bae9;
 font-weight:normal;
 text-decoration:none;
 border-bottom: none;
}

A:hover{
 text-decoration: none;
 border-bottom: 1px solid #01bae9;
 cursor: pointer;
}

.aNoBorder:hover {
	text-decoration: none;
	border: none;
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity: 0.50;	
}

HR{
 color:#dfdfdf;
 background-color:#dfdfdf;
 height:1px;
 border:0px;
}

/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                                   */
/* ------------------------------------------------------------------ */
.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
	margin:0px;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:11px;}
div.noborder input {border-width:0;background-color: transparent;font-size:9px;}
span.noborder input {border-width:0;background-color: transparent;font-size:9px;}

input, select {
	background-color: white;
	color:#665953;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left: 3px;
}

textarea, .input2 {
	border:1px solid #e7e7e7;
	background-color: white;
	color:#665953;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left: 3px;
}

.fieldTitle{ 
	background-color: white;
	color: #00cbfe;
	border: 1px solid #e7e7e7;
}


.btn{
	background:url('images/bg_btn.jpg') 0px 0px repeat #00ccff;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
	color: white;
	border: 1px solid #1cd0fc;
}

.btn:hover{
	background:url('images/bg_btn_hover.jpg') 0px 0px repeat #474c51;
	border: 1px solid #2c2f31;
}


/*-----------------------*/

.formulaire{
	font-size:11px;
	border:1px dashed #9ae1f3;
	/*padding:15px;*/
	padding: 7px 7px 15px 7px;
	margin-bottom:15px;
	background-color: white;
}

.formulaire TD{
	padding:6px;
	padding-bottom:0px;
}

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #737373;
	color:#31A5B4;
}

.formulaire input, select {
	background-color: white;
	color: #a8a8a8;
	border: 1px solid #e7e7e7;
}

.formulaire .btn {
	color: white;
	border: 1px solid #1cd0fc;
}

.formulaire .btn:hover {
	border: 1px solid #2c2f31;
}

.formulaire .textBox {
	background-color: white;
	color: #a8a8a8;
	border: 1px solid #e7e7e7;
}

	.formulaire .asterisque{
		color:#00c4f3;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:5px;
	}

	.asterisque{
		color: #00c4f3;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:5px;
	}

	.formulaire .alert{	
		font-size:11px;
		color:red;
	}

	.alert{	
		font-size:11px;
		color:red;
	}

/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */


#infoBulle{
	/*width:120px;*/
	padding:10px;
	font-size:12px;
	border:1px solid #01aed9;
	color: #6e6e6e;
	visibility:hidden;
	position:absolute;
	z-index: 999;
	margin-left:-25px;
	margin-top:15px;
	text-transform: uppercase;
	background:url('images/bg_infobulle.jpg') bottom repeat-x white;
}

/* ------------------------------------------------------------------ */
/* -                    sendtofriend   			                    - */
/* ------------------------------------------------------------------ */


#popSendToFriend{
	width:545px;
    height:350px;
    position:absolute;
    padding-left:25px;
    padding-top:50px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}