/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/*------------------- QUI SOMMES NOUS ---------------------*/
.qui-sommes-nous {
	 width:460px; 
	 float:left; 
	 ext-align:justify;
	 float:left;
	 }
.qui-sommes-nous-visuel {
	background-image:url(../images/charte/lampe.jpg);
	width:183px;
	height:427px;
	float:left;
	margin:0 0 0 15px;
	}
/*------------------- CONTACT ------------------------------*/
.cellule {
	width:190px;
	background-color:#FFF;
	border:1px solid #D44A02;
	color:#493003;
	font-size:11px;
	}
#contact {
	background-color:#FFB978;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	margin:20px 0;
	float:left;
	width:600px;
	}
.bouton {
	background-color:#D44A02;
	border:1px solid #FFF;
	cursor:pointer;
	color:#FFF;
	}
.merci {font-size:11px;margin:50px 0 0 200px;} 
.petit {font-size:9px;}
.contact-loi {float:left; width:600px;}
.merci {font-size:12px;margin:80px 0 0 195px; font-family:Arial, Helvetica, sans-serif;}
.bloc-adresse {	
	width:284px;
	float:left;
	margin:10px 20px 0 0;
	}
/*------------------------- LISTING -----------------*/
.chemin-fer {
	width:660px; 
	float:left;
	}
.listing img{ 
	float:right;
	border:1px solid #CCC;
	margin:5px 0 0 0;
	}
#contenu .listing a{ 
	text-decoration:underline; 
	margin:5px 0 0 15px; 
	display:block; 
	list-style-image:url(../images/charte/detail.gif);
	background-image:url(../images/charte/detail.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:2px 0 0 24px;
	}
#contenu .listing a:hover{ 
	text-decoration:none; 
	color:#000000;
	background-image:url(../images/charte/detail2.gif);
	}
.listing {
	background-image:url(../images/charte/fd-vignettes.gif);
	background-repeat:no-repeat;
	width:281px;
	height:84px;
	float:left;
	margin:10px 34px 15px 0;
	padding:10px;
	}
#contenu .listing p {
	margin:0;
	padding:1px 0 0 0;
	font-size:11px;
	width:170px;
	}
.listing-designation {
	font-weight:bold;
	color:#D44A02;
	display:block;
	margin:0 0 5px 0;
	}
.listing-prix-barre {
	text-decoration:line-through;
	}
.filtre {
	width:600px;
	float:left;
	margin:15px 0 0 0;
	}
/*----------------------------- FICHE PRODUIT -------------------------*/
.fiche-produit-descriptif {
	float:left;
	width:405px;
	}
.fiche-produit-visuel img {border:1px solid #CCC; margin:2px;}
.fiche-produit-visuel {
	float:left;
	width:220px;
	text-align:center;
	margin:50px 0 0 5px;
	}
.fiche-produit {
	background-image:url(../images/charte/fd-fiche-produit.gif);
	width:637px;
	float:left;
	margin:25px 0 0 0;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:20px;
	}
.fiche-produit .prix-sonic{
	color:#FF6600;
	font-style:italic;
	}
.fiche-produit p {
	width:400px;
	}
.fiche-produit-titre {
	font-size:20px;
	display:block;
	margin:0 0 15px 0;
	color:#D44A02;
	font-weight:bold;
	}
.UL_paiement {
	margin:0 0 0 25px;
	font-size:11px;
	}
.UL_paiement li {
	list-style-image:url(../images/charte/li_paiement.gif);
	}
legend {
	margin:0 0 0 220px;
	padding:5px;
	font-weight:bold;
	color:#D44A02;
	}
fieldset {	
	margin:10px 0 0 0;
	width:395px;
	padding:5px 5px 15px 5px;
	}
.post-it {
	width:400px;
	font-weight:bold;
	float:left;
	background-color:#EF7601;
	color:#FFFFFF;
	font-size:11px;
	padding:5px 4px;
	}
/*-------------------------- NEWS ----------------------*/
.news img{ margin:10px 2px 0 0; border:0}
.news {
	background-image:url(../images/charte/fd-news.gif);
	background-repeat:no-repeat;
	width:281px;
	float:left;
	margin:10px 0px 15px 0;
	padding:10px;
	}
#contenu .news p {
	margin:0;
	padding:5px 0 0 0;
	font-size:11px;
	width:285px;
	}
#contenu .news .sonic-news {
	font-weight:bold;
	color: #F18721;
	font-size:22px;
	margin:0 0 5px 0;
	text-align:center;
	}
#contenu .news .news-designation {
	font-weight:bold;
	color: #D44A02;
	font-size:12px;
	margin:0 0 5px 0;
	}
/*- Livre d'or -*/
.livre-or {
	background-image:url(../images/charte/fd-news.gif);
	background-repeat:no-repeat;
	width:281px;
	float:left;
	margin:10px 34px 15px 0;
	padding:10px;
	}
#contenu .livre-or p {
	margin:0;
	padding:5px 0 0 0;
	font-size:11px;
	width:285px;
	}
.livre-titre {
	font-weight:bold;
	color:#D7050D;
	}
/*- OCCASIONS -*/
.occasions {
	font-size:11px;
	}
.occasions-titre {
	color:#D7050D;
	font-size:13px;
	font-weight:bold;
	}
/*- CGV -*/
.cgv-titre {
	color:#EF7601;
	font-weight:bold;
	margin:15px 0 0 0;
	}
/*- SONIC CLUB -*/
.devenez-membre {
	background-image:url(../images/charte/devenez-membre.jpg);
	width:593px;
	height:147px;
	float:left;
	margin:0 0 0 35px;
	}
.sonic-club {
	float:left;
	margin:10px 0 0 0;
	width:600px;
	}
.UL_sonic {
	margin:7px 0 15px 40px;
	}
.UL_sonic li {
	list-style-image:url(../images/charte/li_club.gif);
	margin:2px 0 0 0;
	}



/*------------------------------ ACCUEIL ----------------------------------------*/

.accueil-gauche{
	float:left;
	width:330px;
	margin-right:35px;
	/*border:1px solid red;*/
}

.accueil-droite{
	float:left;
	width:300px;
	margin-top:15px;
	/*border:1px solid red;*/
}

.accueil-gauche .promo-titre {
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
	color:#D7050D;
	/*margin-top:15px;*/
}
	
.promo {
	background-image:url(../images/charte/fd-promo.gif);
	background-repeat:no-repeat;
	width:310px;
	/*height:88px;*/
	float:left;
	margin:3px 0px 15px 0;
	padding:6px 10px 10px 10px;
	/*border:1px solid red;*/
	}
.promo .prix-sonic{
	color:#FF6600;
	font-style:italic;
	}
.promo img.img-droite { float:right; margin:5px 0 0 5px;}

.promo-ref {
	color: #D7050D;
	font-size:11px;
	margin:7px 0 0 0;
	}

.promo-designation {
	font-weight:bold;
	color:#D44A02;
	display:block;
	margin:7px 0 0 0;
	}
	
#contenu .promo a{ 
	text-decoration:underline; 
	margin:5px 0 0 0; 
	display:block; 
	list-style-image:url(../images/charte/detail.gif);
	background-image:url(../images/charte/detail.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:2px 0 0 24px;
	}
#contenu .promo a:hover{ 
	text-decoration:none; 
	color:#000000;
	background-image:url(../images/charte/detail2.gif);
	}


.vente-sonic {
	background-image:url(../images/charte/fd-news.gif);
	background-repeat:no-repeat;
	width:281px;
	height:88px;
	float:left;
	margin:10px 0px 15px 0;
	padding:6px 10px 10px 10px;
	}

.vente-sonic a{
	background:url(../images/charte/fleches.gif) no-repeat left;
	padding-left:20px;
}

.vente-sonic .ami {
	margin-top:10px;
}

.infos-tel{
	position:relative;
	width:281px;
	height:88px;
	float:left;
	margin:30px 0px 15px 0;
	padding:6px 10px 10px 10px;
}

.infos-tel .img-commande{
	position:absolute;
	top:25px;
	left:90px;
}

.infos-tel p{
	font-size:15px;
	color:#000;
}



.prix{
	color:red;
	font-size:1.5em;
}
.prixbarre{
	font-size:0.8em;
	color:#000000;
	text-decoration:line-through;
}

/*       Catalogue          */

.bloc-produit {
	background-image:url(../images/charte/fd-bloc-produit.gif);
	background-repeat:no-repeat;
	width:560px;
	/*height:130px;*/
	float:left;
	margin:10px 34px 15px 0;
	padding:6px 10px 10px 10px;
	/*border:1px solid red;*/
	}


.bloc-produit .prix{
	width:210px;
	/*border:1px solid red;*/
	padding:0;
	margin-left:200px;
	margin-bottom:0;
}

.bloc-produit .prix img{
	float:left;
	margin-right:5px;
	margin-top:0;
}

.bloc-produit .prix .prixbarre{
	font-size:0.8em;
	color:#000000;
	text-decoration:line-through;
}

.bloc-produit .prix .prix-public{
	color:#000;
	font-size:0.9em;
	margin-left:25px;
}

.bloc-produit .prix .prix-sonic{
	color:#FF6600;
	font-size:0.9em;
	line-height:25px;
	/*border:1px solid blue;*/
	font-style:italic;
	display:block;
	margin-bottom:0;
}


.bloc-produit img { float:right; margin:5px 0 0 0;}

.bloc-produit .promo-ref {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#D7050D;
	margin:0;
	}
.bloc-produit .promo-designation {
	font-weight:bold;
	color:#D7050D;
	/*display:block;*/
	margin:0;
	width:450px;
	}
#contenu .bloc-produit a{ 
	text-decoration:underline; 
	margin:5px 0 0 0; 
	display:block; 
	list-style-image:url(../images/charte/detail.gif);
	background-image:url(../images/charte/detail.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:2px 0 0 24px;
	}
#contenu .bloc-produit a:hover{ 
	text-decoration:none; 
	color:#000000;
	background-image:url(../images/charte/detail2.gif);
	}
	
	

/*      ------------------------- Catalogue SONIC-------------------------------          */

.bloc-produit-sonic {
	background-image:url(../images/charte/fd-bloc-produit.gif);
	background-repeat:no-repeat;
	width:560px;
	/*height:130px;*/
	float:left;
	margin:10px 34px 15px 0;
	padding:6px 10px 10px 10px;
	/*border:1px solid red;*/
	}


.bloc-produit-sonic .prix{
	width:200px;
	/*border:1px solid red;*/
	padding:0;
	margin-left:200px;
	margin-bottom:0;
}

.bloc-produit-sonic .prix img{
	float:left;
	margin-right:5px;
	margin-top:0;
}

.bloc-produit-sonic .prix .prixbarre{
	font-size:0.8em;
	color:#000000;
	text-decoration:line-through;
}

.bloc-produit-sonic .prix .prix-public{
	color:#000;
	font-size:0.9em;
	margin-left:25px;
}

.bloc-produit-sonic .prix .prix-sonic{
	color:#FF6600;
	font-size:0.9em;
	line-height:25px;
	/*border:1px solid blue;*/
	font-style:italic;
	display:block;
	margin-bottom:0;
}


.bloc-produit-sonic img { float:right; margin:5px 0 0 0;}

.bloc-produit-sonic .promo-ref {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#D7050D;
	margin:0;
	}
.bloc-produit-sonic .promo-designation {
	font-weight:bold;
	color:#D7050D;
	/*display:block;*/
	margin:0;
	width:450px;
	}
#contenu .bloc-produit-sonic a{ 
	text-decoration:underline; 
	margin:5px 0 0 0; 
	display:block; 
	list-style-image:url(../images/charte/detail.gif);
	background-image:url(../images/charte/detail.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:2px 0 0 24px;
	}
#contenu .bloc-produit-sonic a:hover{ 
	text-decoration:none; 
	color:#000000;
	background-image:url(../images/charte/detail2.gif);
	}