/* Conception - Tous droits réservés */

html, body {
	background-color: #000000;
	font-family: Arial; font-size: 12px; color: #3B1307; line-height: 18px;
	background-image:url(../imagesFront/fond_page_black.jpg); background-position: center top; background-repeat: no-repeat;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
}

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

.imagePage {
	border: 1px solid #769DD4;
	padding: 3px;
}

h1 {
	font-size: 24px; color: #A6A6A6; font-weight: normal;
	margin: 0 0 10px 0;
}
h2 {
	float: left;
	display: float;
	font-size: 16px; color: #A6A6A6; font-weight: normal;
	margin: 5px 0; padding: 0;
}
	h2 a {
		color: #F93002;
	}
a {
	color: #FFFFFF;
	outline: none;
}
	a:hover {
	color: #A6A6A6; text-decoration: none;
	}
	
#header {
	height: 115px; width: 900px;
}
	#logo img {
		float: left;
		width: 321px; height: 115px;
		display: block;
		border: 0;
	}
	#headerRight {
		float: left;
		width: 579px; height: 115px;
	}
	#headerRight img {
		display: block;
		border: 0;
	}
	#order {
		float: left;
		width: 291px; height: 62px;
		background-image:url(../imagesFront/fond_commande.jpg); background-position: left top; background-repeat: no-repeat; 
	}
		#order p {
			margin: 42px 0 0 0;
			font-size: 11px; 
		}
	#baseline2 {
		float: left;
		width: 288px; height: 62px;
	}

#header2 {
	width: 900px; height: 34px;
}
	#header2 .refletLogo {
		float: left;
		width: 321px; height: 34px;
		padding: 0; margin: 0;
	}
	#header2 .refletLogo img {
		display: bock;
		border: 0;
	}
	

#menu {
	float: left;
	width: 578px; height: 34px;
}
	#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
		margin: 0; padding: 0; list-style-type: none;
	}
	#menu dl {
		float: left; 
		display: block;
		height: 34px;
		background-color: none;
		margin: 0; padding: 0; 
	}
	#menu dl a dt {
		display: block;
		float: left;
		height: 34px;
	}
	#menu dl a dt.accueil {
		width: 65px;
		background-image: url('../imagesFront/menu.png');
		background-position: 0 -34px;
		background-repeat: no-repeat;
	}
		#menu dl a:hover dt.accueil, #menu dl a dt.accueilActif {
			background-image: url('../imagesFront/menu.png');
			background-position: 0 0px;
			background-repeat: no-repeat;
		}
	#menu dl a dt.presentation {
		width: 97px;
		background-image: url('../imagesFront/menu.png');
		background-position: -65px -34px;
		background-repeat: no-repeat;
	}
		#menu dl a:hover dt.presentation, #menu dl a dt.presentationActif {
			background-image: url('../imagesFront/menu.png');
			background-position: -65px 0px;
			background-repeat: no-repeat;
		}
	#menu dl a dt.plexiglas {
		width: 128px;
		background-image: url('../imagesFront/menu.png');
		background-position: -162px -34px;
		background-repeat: no-repeat;
	}
		#menu dl a:hover dt.plexiglas, #menu dl a dt.plexiglasActif {
			background-image: url('../imagesFront/menu.png');
			background-position: -162px 0px;
			background-repeat: no-repeat;
		}
	#menu dl a dt.miroirs {
		width: 128px;
		background-image: url('../imagesFront/menu.png');
		background-position: -290px -34px;
		background-repeat: no-repeat;
	}
		#menu dl a:hover dt.miroirs, #menu dl a dt.miroirsActif {
			background-image: url('../imagesFront/menu.png');
			background-position: -290px 0px;
			background-repeat: no-repeat;
		}
	#menu dl a dt.contacts {
		width: 128px;
		background-image: url('../imagesFront/menu.png');
		background-position: -420px -34px;
		background-repeat: no-repeat;
	}
		#menu dl a:hover dt.contacts, #menu dl a dt.contactsActif {
			background-image: url('../imagesFront/menu.png');
			background-position: -420px 0px;
			background-repeat: no-repeat;
		}
	#menu dd {
		position: absolute; z-index: 1000;
		display: none;
		width: 200px;
		text-align: left;
		padding: 0;
		top: 140px;
    	background-color: #000000;
	}
		#menu dd li a {
			display: block;
			text-decoration: none; color:#FFFFFF; line-height: 15px;
			padding: 5px; height: 15px;
		}
		#menu dd li a:hover {
			color: #FFFFFF;
			background-color: #999999;
			filter : alpha(opacity=70);
   			-moz-opacity : 0.7;
    		opacity : 0.7;
		}

	
#divContent {
	float: left;
	width: 900px;
	background-image: url('../imagesFront/fond_body_black.jpg');
	background-position: left top;
	background-repeat: repeat-y;
}

.content, #news, #homeNewsletter {
	float: left;
	width: 580px;
	text-align: left;
	padding: 10px 0 20px 16px;
}

.infosEntetePage {
		float: left;	
		width: 510px;
		border-bottom: 1px solid #EBEBEB;
		padding: 0 50px 0 0; margin: 10px 0 20px 0;
		text-align: left; font-size: 10px; color: #999999;
	}
.infosEntetePage a {
	color: #999999;
}
	
#news span {
		float: left;
		margin-top: 30px;
		font-weight: bold;
}
	#news .oneNews {
		float: left;
		margin: 10px 0;
	}
		#news .oneNews h1 {
			color: #F93002;
			font-size: 18px;
			margin-bottom: 5px;
		}
		#news .oneNews .pictureNews {
			float: left;
			width: 80px;
			border: 5px solid #EBEBEB;
			margin: 0 10px 0 0px; padding: 3px;
		}
		#news .oneNews .pictureNews img {
			width: 80px;
			border: 0;
		}
		#news .oneNews a img.btSuite {
			border: 0;
			margin-top: 5px;
		}
		#news .oneNews h6 {
			font-size: 10px;
			margin: 0; padding: 0;
		}
	
#homeNewsletter img {
	float: left;
}
	#homeNewsletter form {
		margin-top: 10px;
	}
	#homeNewsletter form input.Txt {
		float: left;
		background-color: #FFFFFF;
		border: 1px solid #666666;
		padding: 3px 3px 3px 20px; margin-right: 5px;
		font-size: 12px; font-family: Arial; color: #666666;
		width: 200px;
		background-image: url('../imagesFront/ic_fleche_input.gif');
		background-position: left 5px;
		background-repeat: no-repeat;
	}
	#homeNewsletter form input.submit {
		float: left;
		display: block;
		width: 150px; height: 23px;
		background-color: #A6A6A6;
		text-align: center; padding: 2px; border: 0; 
		color: #000000; font-size: 13px; font-family; Arial;
	}



#right {
	float: right;
	width: 288px; height: 600px;
	overflow: hidden;
	background-image: url('../imagesFront/coupdecoeur.png');
	background-position: 20px 80px;
	background-repeat: no-repeat;
	background-color: #303030;
}
	#right a img {
		border: 0;
	}
	#homeProducts {
		float: left;
		width: 230px;
		padding: 25px 0 0 20px;
	}
		#homeProducts a img.pictureHomeProducts {
			width: 100px;
			margin: 0 75px 6px 75px;
			padding: 2px;
			border: 5px solid #EBEBEB;
		}
		#homeProducts a:hover img.pictureHomeProducts {
			border: 5px solid #F93002;
		}
	#homeProducts a.allProducts {
		font-size: 14px; color: #F93002;
		text-decoration: none;
	}


form {
	width: 500px;
	font-size: 12px; font-family: Arial;
	padding: 0; margin: 0;
}
	form span {
		font-size: 10px; line-height: 12px;
	}
	form p { 
		float: left;
		width: 100%;
		padding: 2px; margin: 6px 0; 
	}
	form p label {
		float: left;
		margin-top: 3px; padding: 0 5px; width: 150px;
		text-align: right; ligne-height: 12px; 
		}
	form p input, form p textarea {
		float: left;
		padding: 3px; width: 250px;
		border: 1px solid #666666;
		color: #666666;
	}
	form p input.small {
		width: 150px;
	}
	form p input.submit {
		display: block;
		width: 150px; height: 28px;
		background-color: #A6A6A6;
		text-align: center; padding: 2px; border: 0; 
		color: #FFFFFF;
	}
	form p.infosLegales {
		width: 450px;
		font-size: 10px; line-height: 12px;
	}
	

#footer { 
	float: left;
	margin: 0 auto;
	width: 900px; height: 83px;
	text-align: left; font-size: 11px;
	background-image:url('../imagesFront/fond_basdepage_black.jpg'); background-position: center top; background-repeat: no-repeat;
	color: #FFFFFF;
}
	#footer h1 { 
		color: #FFFFFF;
		font-size: 12px; font-weight: bold;
		margin-bottom: 3px;
		margin: 25px 0 0 270px;
	}
	#footer p { 
		padding: 10px 0 0 250px;
	}
	#footer p a { 
		text-decoration: none;
		color: #FFFFFF;
	}
	#footer p a:hover { 
		color: #FFFFFF;
	}
	#footer p span { 
		float: right;
		margin-right: 30px;
		font-size: 10px;
	}