/* CSS Document */
/*le logo topup*/
.typorouge{
	color:#c00;
	}
.references{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
	}
#topup{
	width:95px;
	height:22px;
	margin:0;
	padding:0;
	background-image:url(images/topUp.jpg);
	border:solid 1px #333;
	position:absolute;
	top:-46px;
	left:22px;
	}
#beke a{
	width:97px;
	height:38px;
	margin:0;
	padding:0;
	background-image:url(images/beke.jpg);
	border:solid 1px #333;
	position:absolute;
	top:-62px;
	left:338px;
	display:block;
	}
#sjs{
	width:95px;
	height:22px;
	margin:0;
	padding:0;
	background-image:url(images/sjs.jpg);
	border:solid 1px #333;
	position:absolute;
	top:-46px;
	left:124px;
	display:block;
	}
#yachi a{
	width:95px;
	height:22px;
	margin:0;
	padding:0;
	background-image:url(images/yachiyoda.jpg);
	border:solid 1px #333;
	position:absolute;
	top:-46px;
	left:226px;
	display:block;
	}
.active{
	background:url(images/puce.gif) left top no-repeat;
	}
.desactive{
	background:url(images/puce2.gif) left top no-repeat;
	}
.rouge{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#c00;
	}
.bouton{
    color:#FFFFFF;
    background-color:#B9B9B9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size:10px;
    font-family:arial;
	}
.gras{
	font-weight:bold;
	}
.accroche{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
body{
	margin:0;
	padding:0;
	text-align:center;
	/*background-color:#cdcdcd;*/
	background:url(images/fond-pub.jpg) top center no-repeat #cdcdcd;
	color:#333;
	}
#container{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:url(images/fond_container.gif) repeat-x top left #e6e6e6;
	}
#head{
	width:900px;
	height:157px;
	margin:0;
	padding:0;
	background:url(images/fond_beandeau.gif) repeat-x bottom left #e6e6e6;
	text-align:left;
	}
#logo{
	width:250px;
	height:157px;
	margin:0;
	padding:0;
	background:url(images/logo_v2.jpg) right bottom #e6e6e6 no-repeat;
	float:left;
	}
#head_gauche{
	width:650px;
	height:140px;
	margin:0;
	padding:0;
	float:left;
	}
#pub{
	width:640px;
	height:90px;
	margin:0;
	padding:0;
	float:right;
	background-color:#abc;
}
#menu{
	width:650px;
	height:20px;
	margin:0;
	padding:0;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.6em;
	}
#menu ul{
	margin:0;
	padding:0;
	line-height:26px;
	float:right;
	}
#menu li{
	display:inline;
	}
#menu a{
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	text-align:center;
	color:#000;
	}
#menu a:hover{
	text-decoration:underline;
	}
#contenu{
	width:900px;
	height:auto;
	margin:0;
	padding:0;
	}
#colonne_gauche{
	width:580px;
	height:auto;
	margin:55px 0 40px;
	padding:0;
	float:left;
	}
#texte_accueil, #texte_catalogue, #texte_videos{
	width:500px;
	height:auto;
	margin:0 auto 20px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:justify;
	}
#texte_accueil a{
	text-decoration:none;
	color:#333;
	}
#texte_accueil a:hover{
	text-decoration:underline;
	color:#333;
	}
#texte_videos{
	width:500px;
	height:auto;
	margin:70px auto 20px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:justify;
	}
#texte_accueil p, #texte_catalogue p, #texte_videos p{
	margin:0;
	padding:0;
	}
#texte_catalogue a, #texte_videos a{
	color:#333;
	text-decoration:none;
	}	
#texte_catalogue a:hover, #texte_videos a:hover{
	color:#333;
	text-decoration:underline;
	}
#colonne_droite{
	width:308px;
	margin:0;
	padding:0;
	float:left;
	}
#haut_vignette{
	width:308px;
	height:55px;
	margin:0;
	padding:0 6px 0 0;
	background:url(images/haut_vignette.gif) top left no-repeat;
	text-align:right;
	}
#menew{
	width:200px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:0.8em;
	margin:4px;
	padding:0;
	float:right;
	}
#menew a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	}
#menew a:hover{
	text-decoration:underline;
	}
#bas_vignette{
	width:308px;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 4px 0;
	background:url(images/bas_vignette.gif) bottom left no-repeat;
	}
#bas_vignette a{
	text-decoration:none;
	color:#333;
	}
#bas_vignette a:hover{
	text-decoration:underline;
	color:#333;
	}
/*--------------------------déclaration des accessoires------------------------------*/
#bas_vignette table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333;
	margin:0 0 0 4px;
	}
#bas_vignette tr{
	margin:0 0 4px;
	}
/*-----------------------------------------------------------------------------------------------*/
#texte_vignette{
	width:270px;
	height:auto;
	margin:0 auto;
	padding:0 0 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:justify;
	}
#flash{
	width:500px;
	height:600px;
	margin:0 auto 12px;
	padding:0;
	}
#liste{
	width:296px;
	height:68px;
	margin:0 auto 2px;
	padding:4px 0 0;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#333;
	}
#liste img{
	margin:2px 6px;
	padding:0;
	border:1px solid #777;
	float:left;
	}
#liste a{
	text-decoration:none;
	color:#333;
	}
#liste a:hover{
	text-decoration:underline;
	color:#333;
	}
#contact{
	width:700px;
	height:400px;
	margin:55px auto 50px;
	padding:0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:left;
	background:url(images/fond_contact.gif) top left no-repeat;
	position:relative;
	}
#contact img{
	margin:0;
	padding:0;
	border:solid #7c7c7c 2px;
	}
#contact a{
	text-decoration:none;
	color:#777;
	}
#contact a:hover{
	text-decoration:underline;
	color:#333;
	}
#reponse{
	width:300px;
	height:auto;
	margin:135px auto 100px;
	padding:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
	background-color:#fff;
	border:2px solid #7c7c7c;
	}
#footer{
	width:900px;
	height:20px;
	margin:30px 0 0;
	padding:0;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:20px;
	color:#fff;
	background-color:#4A5352;
	border-top:#fff solid 4px;
	word-spacing:1px;
	position:relative;
	}
#footer a{
	color:#fff;
	text-decoration:none;
	}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
	}
#videos{
	width:450px;
	height:350px;
	margin:0 auto;
	padding:0;
	}
#video{
	width:300px;
	height:240px;
	margin:4px auto 2px;
	padding:0;
	}
#montage{
	color:#ff3333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
#montage a{
	color:#ff3333;
	text-decoration:none;
	}
#montage a:hover{
	color:#ff3333;
	text-decoration:underline;
	}
.modules-promotions{
	width:680px;
	margin:0 auto 10px;
	padding:10px;
	background:url(images/fond-promo.jpg) top left no-repeat #fff;
	border:solid 2px #7d7d7d;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	color:#555;
	}
.modules-promotions img{
	float:left;
	border:solid 1px #444;
	margin:0 10px 0 0;
	}
.tendeur{
	clear:both;
	}
#espace-footer{
	width:500px;
	margin:0;
	padding:0;
	height:20px;
	}
.module-texte-vente{
	float:left;
	width:680px;
	padding:6px 4px;
	margin:5px 0 0;
	}
.module-prix-ancien{
	background-color:#ddd;
	border:solid 2px #888;
	color:#000000;
	text-align:center;
	font-weight: bold;
	width:150px;
	float:left;
	padding:6px 4px;
	margin:30px 0 0;
	}
.module-prix-promo{
	background-color:#f71900;
	border:solid 2px #bc1300;
	color:#fff;
	text-align:center;
	font-weight: bold;
	width:150px;
	float:right;
	padding:6px 4px;
	margin:30px 0 0;
	}
#titre-promo{
	width:700px;
	margin:10px auto 10px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:16px;
	color:#7c7c7c;
	}
#port{
	width:700px;
	margin:10px auto 10px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:12px;
	color:#fff;
	}