/* ***************** MISE EN PAGE ************************* */

/*                 **********************                   */
/*                 *                    *                   */
/*                 *                    *                   */
/*                 *                    *                   */
/*                 **********************                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 **********************                   */
/*                 *                    *                   */     
/*                 **********************                   */      


html { 
	width:100%;
	height:100%;
	margin:0px;
}


body {	
	width:100%;
	height:100%;
	margin:0px;
	margin-bottom: 0px;
	font-family: arial;
	font-size: 11px;
	color:#5F5F5F;
	background-color:#E6E6E6;
}

/* ------------------------------------------------------------------ */
/* -                            STRUCTURE                             */
/* ------------------------------------------------------------------ */

#container{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background:url("images/bg_container.gif") 0px 0px repeat-y;
}
			
			#link{
				float:right;
				height:19px;
				width:600px;
				text-align:right;
				padding-right:20px;
				padding-top:7px;
				color:#BC048E;
				font-size:11px;
				background-color:#FFFFFF;
			}	
				#link A{
					text-decoration:none;
					padding-left:20px;
					padding-right:8px;
				}
			
			#lang{
				float:right;
				height: 26px;
				width:90px;
				padding-left:0px;
				background-color:#FFFFFF;
			}


						#lang A{
							display:block;
							float:left;
							width:16px;
							height:11px;
							margin-right:5px;
							margin-top:7px;
							padding-left:25px
						}

						#lang A:hover{
							display:block;
							background-color:white;
							width:16px;
							height:11px;
							filter:alpha(opacity=50);  
							-moz-opacity:0.50;
							opacity: 0.50;
						}

						#lang .fr{
							background:url('images/lang_fr.gif') 0px 0px no-repeat;
						}

						#lang .nl{
							background:url('images/lang_nl.gif') 0px 0px no-repeat;
						}

			/* ----------------------------------------------------------------- */
			#sepa{
				background: url('images/bg_sepa.jpg') 0px bottom repeat-x;
				clear:both;
				height:8px;
			}
			/* ----------------------------------------------------------------- */
		
			#photo0{
				background: url('images/bg_top0.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}

					
			#photo1{
				background: url('images/bg_top1.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}

					
			#photo2{
				background: url('images/bg_top2.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}

			#photo3{
				background: url('images/bg_top3.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}
			
			#photo4{
				background: url('images/bg_top4.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}
			
			#photo5{
				background: url('images/bg_top5.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}
			
			#photo6{
				background: url('images/bg_top6.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}
			
			#photo7{
				background: url('images/bg_top7.jpg') 0px 0px no-repeat;
				height:350px;
				width:750px;
				float:left;
			}

			#info{
				background: url("images/bg_info02.jpg") repeat-x scroll 0 185px #D6083B;
    color: white;
    float: left;
    height: 350px;
    width: 250px;
}	
#info-noel{
				background: url("images/bg_info02-noel.jpg") repeat-x scroll 0 185px #D6083B;
    color: white;
    float: left;
    height: 350px;
    width: 250px;
}

			#top {
				position: relative;
			}
		
			#logodiv{
					width:174px;
					height:174px;
					position:absolute;
					top: 100px;
					left: 35px
				}			
		
			/* ----------------------------------------------------------------- */

			
			#menu{
				height:26px;					
				width:750px;	
				float:left;
				background: url('images/bg_menu.jpg') 0px 0px repeat-x #FD6602;
			}

			#menu A{
					height:21px;
					display:block;
					float:left;
					color:white;
					padding-top:5px;
					text-decoration:none;
					font-size:11px;
					font-weight:normal;
					text-transform:uppercase;
					padding-left:8px;
					padding-right:9px;
					margin-right:1px;
					text-align:center;		
					background-color:#FFFBF3;							
					background:url('images/menu_sepa.gif') left 0px no-repeat;			
				}

				#menu A:hover{
					background-color:#FFFBF3;
					background-image:none;
					color:#FD6602;
				}		

				#menu .btnShop{				
					background-color:#d6083b;						
				}		


			#tool{
				height:21px;		
				background-color:#61361D;
				float:left;
				width:240px;
				color:white;
				padding-left:10px;
				padding-top:5px;
			}

			/* ----------------------------------------------------------------- */
			
			#page{
				width:100%;		
				background:url("images/bg_page.gif") 0px 0px repeat-y;
				border-bottom:4px solid #FD4902
				padding-bottom:20px;
			}


#footer{
	clear: both;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 10px;
	padding:5px;
	background-color:#FD7202;
	color:white;
} 

	#footer A{ 
		color:white;
	}

	#paiementMethods{
		margin-left:0px;	
		display:block;
		float:left;
		width:183px;
		height:21px;
		background:url("images/bg_paiementmethods.gif") 0px 0px no-repeat;
	}

.clear{ clear: both; }


/* ------------------------------------------------------------------ */
/* -                        MISE EN FORME                             */
/* ------------------------------------------------------------------ */


h1{ 
 font-size:18px;
 color:#FC5B01;
 font-weight:normal;
 margin-bottom:0px;
 margin-top:0px;
 display:inline;
} 

h2{ 
 font-size:15px;
 color:#BC038D;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 margin-top:0px;
} 

h3{ 
 font-size:13px;
 color:#FC5B01;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 margin-top:0px;
} 

li{
	position:relative;
	left:10px;
	list-style:transparent;
}

A{
	color:#FD5202;
	font-weight:normal;
}

A:hover{
	color:#94B626;
	font-weight:normal;
}

hr{
	color:#FC5B01;
	background-color:#FC5B01;
	height: 1px;
	border: 0;
}





/* ------------------------------------------------------------------ */
/* -                        SUBMENU                                   */
/* ------------------------------------------------------------------ */

#submenu {	
	float:right;
	text-align:right;
}

	#submenu A{
		font-size:11px;
	}

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

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

input, select, textarea {
	background-color: #ffffff;
	border-color: #CABEB4;
	border-width: 1px;
	border-style: solid;
	color:#5F5F5F;
	font-size:12px;
	font-family:Arial;
}


.btn{
	border:1px solid #FF9806;
	color:white;
	background:url("images/bg_button.jpg") 0px 0px repeat-x;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
}

.btn:hover{
	border:1px solid #F033C1;
	color:white;
	background:url("images/bg_buttono.jpg") 0px 0px repeat-x;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
}

.formulaire{
	text-align:left;	
	border:#FFDDC0 1px solid;
	background-color:#FFF1E5;
	padding:5px;
}

.formulaire TD{

}

.formulaire .pnlMsg{
	color:#1F8CCD;
	border:1px solid #1F8CCD;
	background-color:#D6ECF9;
	padding:5px;
	font-size:150%;
}

	.formulaire .label{
		width:100px;
		margin:0px;
		padding-top:6px;
		padding-right:10px;
	}

	.formulaire .input{
		margin:0px;
		padding-top:6px;
	}

		.formulaire .input INPUT{
		}

	.formulaire .asterisque{
	     color:#FD4902;
		 font-size:15px;		
		 font-weight:bold;
		 width:15px;
		margin:0px;
		padding:0px;
	}

	.formulaire .alert{	

	}

/* ------------- title replace ----------------------- */
div#qTip{
  display: none;
  color: white;
  position: absolute;
  z-index: 1000;
  padding:7px;
  background-color:#BD048F;
  border:2px solid #F920C3;
  width:110px;
  margin-left:30px;
}

/*div#qTip{
  display: none;
  color: white;
  position: absolute;
  z-index: 1000;
  padding:7px;
  background-color:#BD048F;
  border:2px solid #F920C3;
  width:90px;
}*/

#socialnet{
	background-color: #FFFFFF;
    color: #BC048E;
    float: left;
    font-size: 11px;
    height: 19px;
    padding-left: 10px;
    padding-top: 3px;
    text-align: left;
	width:250px;
	}
	
.accueil
{
background-image: url("images/accueil.gif");
    background-position: 0 10%;
    background-repeat: no-repeat;
    padding-top: 2px;
}
.caddy
{
background-image: url("images/caddy.gif");
    background-position: 0 10%;
    background-repeat: no-repeat;
    padding-top: 2px;
}
.compte
{
background-image: url("images/compte.gif");
    background-position: 0 10%;
    background-repeat: no-repeat;
    padding-top: 2px;
}