/*----------------------- CSS MASTER LOOKDECO -----------------------*/

html {
	width: 100%;
	height: 100%;
	background: url('images/bg_html.gif') 0 0 repeat-x #a41556;
}

body {	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('images/bg_body.jpg') center 0 no-repeat;
	
	font-family: Arial;
	font-size: 12px;
	color: #727272;
}

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

#lang {
	background-color: #eeeeee;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

	#lang a {
		display: block;
		padding: 5px;
		margin: 0;
		float: left;
		
		color: #5d372f;
		font-size: 10px;
	}

	#lang a:hover { color: #a1194e; }
	#lang a.active { color: #fff; }

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

#socialTools {
	background-color: #eeeeee;

	position: absolute;
	top: 0;
	left: 80px;
	z-index: 20;
}

	#socialTools a {
		display: block;
		padding: 3px;
		margin: 0 0 1px 0;
		float: left;
	}

	#socialTools a:hover,
	#socialTools a.active { color: #fff; }

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

#container {
	width: 976px;
	margin: 0 auto;
}

	#header {
		width: 976px;
		height: 120px;
	}

		#logo {
			display: block;
			width: 373px;
			height: 75px;
			margin: 45px 0 0 0;
			float: left;
			background: url('images/logo.png') 0 bottom no-repeat;

			position: relative;
			left: -57px;
			margin-right: -57px;
		}

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

		#tools {
			width: 656px;
			height: 80px;
			float: right;
			padding: 40px 0 0 0;
		}

			#tools .pro {
				position: absolute;
				top: 0;
				margin-left: 333px;
			}

				#tools .pro a {
					display: block; 
					width: 150px;
					padding: 5px;
					margin: 0 3px 0 0;
					float: right;
					background: url('images/opacity.png') 0 0;

					color: #fff;
					font-size: 10px;
					text-transform: uppercase;
					text-align: center;
				}

				#tools .pro a:hover, 
				#tools .pro .active { background-color: #a1194e; }

			#tools .subMenu {
				width: 140px;
				height: 50px;
				float: right;
				margin: 0 3px 0 0;
				padding: 10px;
				background: url('images/opacity.png') 0 0;
			}

				#tools .subMenu a {
					display: block;
					padding: 0 0 0 6px;
					margin: 0 0 5px 0;
					background: url('images/puce.gif') 0 4px no-repeat;

					color: #fff;
					font-size: 10px;
					text-transform: uppercase;
				}

				#tools .subMenu a:hover { background-color: #a1194e; }

			#tools .account {
				width: 140px;
				height: 50px;
				float: right;
				margin: 0 3px 0 0;
				padding: 10px;
				background: url('images/opacity.png') 0 0;
			}

				#tools .account h2 {
					margin: 0 0 4px 0;
					padding: 0;
					border-bottom: 1px dotted #fff;

					color: #fff;
					font-size: 11px;
					text-transform: uppercase;
				}

				#tools .account a {
					display: block;
					padding: 0 0 0 6px;
					margin: 0 0 5px 0;
					background: url('images/puce.gif') 0 4px no-repeat;

					color: #fff;
					font-size: 10px;
					text-transform: uppercase;
				}

				#tools .account a:hover { background-color: #a1194e; }

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

	#menuCategories {
		width: 976px;
		height: 162px;
		background: url('images/shadow.png') 0 122px repeat-x #e282a7;
	}

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

	#page {
		width: 956px;
		padding: 10px;
		background-color: #eeeeee;
	}

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

	#footer {
		width: 976px;
		margin: 10px auto 0 auto;
		
		font-size: 11px;
	}

	#footer .footerLinksContainer {
		border-bottom: 1px dotted #430218;
		background-color: #b02864;
	}

		#footer .footerLinksContainer .footerLinks {
			width: 206px;
			height: 66px;
			float: left;
			padding: 20px;
			border-left: 1px dotted #430218; 
		}

			#footer .footerLinksContainer .footerLinks a {
				display: block;
				padding: 0 0 3px 0;

				color: #fff;
			}

			#footer .footerLinksContainer .footerLinks a:hover {
				background-color: #a1194e;
			}

			#footer .footerLinksContainer .footerLinks b {
				display: block;
				padding: 0 0 3px 0;

				color: #fff;
			}

	#footer .paiementMethods,
	#footer .lang {
		padding: 10px 0; 
		border-bottom: 1px dotted #430218;
		
		color: #fff;
		text-align: center;
	}

	#footer .footerBottom {
		padding: 10px 0; 

		color: #fff;
		text-align: center;
	}

		#footer .footerBottom a {
			color: #fff;
		}

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

.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}

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

h1 { 
 display: block;
 padding: 0;
 margin: 0 0 10px 0;

 color: #a1194e;
 font-size: 20px;
 font-weight: normal;
 text-transform: uppercase;
} 

h2 {
 display: block;
 padding: 0;
 margin: 0 0 10px 0;

 font-size: 16px;
 font-weight: normal;
 color: #a1194e;
}

h3 { 
 display: block;
 padding: 0;
 margin: 0 0 10px 0;

 font-size: 14px;
 font-weight: normal;
 color: #5d372f;
} 

h4 { 
 display: block;
 padding: 0;
 margin: 0 0 10px 0;

 font-size: 12px;
 font-weight: normal;
 color: #5d372f;
}
 
a {
 color: #a1194e;
 font-weight: normal;
 text-decoration: none;
 outline: 0;
}

a:hover {
 color: #5d372f;
}

	.text{
		color: #727272;
	}

a img { border: 0px solid #fff; }

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

 margin: 10px 0;
}

/* ------------------------------------------------------------------ */
/* -                        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;font-size:9px;}
.noborder label{clear:both;font-size:9px;}
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, textarea {
	/*border:1px solid #ede9e8;*/
	color:#727272;
	font-size:11px;
	font-family:Arial;
}

.fieldTitle{ 
 font-size:14px;
 margin-top:15px;
 margin-bottom:10px;
 display:block; 
 font-weight:normal;
 color:#990000;
}

.btn{
	border: 1px solid #a1194e;
	background-color: #a1194e;
	cursor: pointer;

	color: white;
	font-size: 11px;	
}

.btn:hover{
	border: 1px solid #5d372f;
	background-color: #5d372f;
	cursor: pointer;

	color: white;
	font-size: 11px;
}

.formulaire{
	border:1px solid #ece9e7;
	padding:5px;
	margin-bottom:15px;
	background-color: #f8f6f6;
}

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

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #018045;
	background-color:#D2EFE1;
	color:#018045;
}

	.asterisque{
		color: #a1194e;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:0px;
		line-height:10px;
	}

	.formulaire .alert{	
		color:red;
	}

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


#infoBulle {
	padding: 7px;
	background: url('images/lightwindow/black-70.png') 0 0;

	font-size: 10px;
	font-family: Arial;	
	text-align: center;

	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
}