/* 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;
}

/*************Généralités****************/

#contenuTexte ul li{
	padding-bottom:1px;
	font-size:1.2em;
	text-align:left;
	line-hight: 12px;
	list-style-image:url(../images/charte/puce.gif);
	margin:0px 0px 0px 25px;
} 

#bloc_droite{
	float:right; 
	width:450px; 
	padding-top:32px;
}

.clear{
	clear:both;
}

.left{
	clear:left;
}

/***************Test****************/
#nouveaute1{
	margin-top:10px;
	width:400px;
	background:url(../images/charte/bg_nouv.jpg) no-repeat;
	color:#000000;
	height:140px;
	margin-bottom:10px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	float:left;
	margin-right:45px;
}

#nouveaute1 p{
	padding:5px;
	text-align:center;
}

#nouveaute1 p img{
	float:left;
	margin:5px 5px 5px 12px;
	border:1px solid #333333;
}

#container #nouveaute1 p a{
	color:#b3b3b3;
}

#container #nouveaute1 p a:hover{
	color:#b3b3b3;
	text-decoration:none;
}


/******************Accueil*****************/

#txt_accueil{
	float:left; 
	width:430px;
}

#txt_accueil p{
	margin-bottom:8px;
	line-height:20px;
}

#nouveaute{
	margin-top:10px;
	width:432px;
	background:url(../images/charte/bg_nouv.jpg) no-repeat;
	color:#000000;
	height:170px;
	margin-bottom:10px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

#container #nouveaute p.titre_nouv{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-top:1px;
	padding-top:2px;
	background:url(../images/charte/puce_nouv.gif) no-repeat;
	padding-left:18px;
}

#nouveaute p{
	padding:5px;
	text-align:center;
}

#nouveaute p img{
	float:left;
	margin:5px 5px 5px 12px;
	border:1px solid #333333;
}

#container p.prix{
	color:#990000;
	font-size:14px;
	font-weight:bold;
}

#container p.modele{
	color:#666666;
	font-size:14px;
	font-weight:bold;
}

#container .marque{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

#container #nouveaute p a{
	color:#b3b3b3;
}

#container #nouveaute p a:hover{
	color:#b3b3b3;
	text-decoration:none;
}


/*******************Ventes voitures occasion - Listing************************/

.bloc_prod{
	width:400px;
	/*border-bottom:1px solid #989898;*/
	height:140px;
	background:url(../images/charte/bg_prod.gif) no-repeat;
	float:left;
	margin:0px 50px 20px 0px;
}

/*#container .bloc_prod p{
	text-align:center;
}*/

.bloc_img{
	width:160px;
	float:left;
	margin:5px 10px 5px 20px;
	height:130px;
}

.bloc_img img{
	border:1px solid #989898;

}

.bloc_txt{
	width:210px;
	float:right;
	margin:0px 0px 5px 0px;
	height:130px;
}

#container .bloc_txt p.prix{
	color:#990000;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
}

#container .bloc_txt p.modele{
	color:#999999;
	font-size:14px;
	font-weight:bold;
}

#container .bloc_txt p.marque{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:3px;
}


/*******************Fiche produit**********************/
#cadre_fiche{
	width:465px;
	float:right;
	margin-bottom:10px;
}

#cadre_photo{
	width:400px;
	float:left;	
}

#container #cadre_photo img{
	border:1px solid #989898;
	margin-right:2px;
}

#cadre_photo .img_grand{
	border:1px solid #989898;	
	float:left;
	margin:0px 30px 20px 0px;
}

#cadre_info{
	width:465px;
	float:right;
}

#container #cadre_info p.prix{
	color:#990000;
	font-size:35px;
	font-weight:bold;
	margin-top:3px;
	float:right;
}

#container #cadre_info p.modele{
	color:#999999;
	font-size:14px;
	font-weight:bold;
	clear:left;
}

#container #cadre_info p.marque{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:3px;
	float:left;
}

#container p.titre_info{
	width:110px;
	color:#999999;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:#000000;
	margin:1px;
	padding-left:4px;
	padding-top:2px;
}

#container p.detail_info{
	width:90px;
	font-size:12px;
	float:left;
	background:#000000;
	margin:1px;
	padding-left:4px;
	padding-top:2px;
}

#container .colonne{
	width:220px;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
}

#container ul.list li{
	font-size:1.2em;
	text-align:left;
	line-hight: 20px;
	list-style-image:url(../images/charte/puce.gif);
	width:185px;
	color:#FFFFFF;
	margin-left:15px;
} 

ul.list{
	display:block;
	float:left;
}

#container p.titre_list{
	width:130px;
	color:#999999;
	font-weight:bold;
	font-size:12px;
	float:left;
}

/*********Galerie photos*****************/


#cadre_photo_gal{
	width:890px;
	float:left;
	height:370px;	
}

#cadre_photo_gal img{
	border:1px solid #989898;
	margin-bottom:22px;
	margin-right:25px;	
}

#cadre_photo_gal .img_grand{
	border:1px solid #989898;	
	float:right;
	margin:0px 20px 0px 0px;
}

.pagination{
	width:890px;
	margin-bottom:10px;
}

#container .pagination p{
	color:#FFFFFF;
	text-align:center
}
/*
.prec{
	float:left;
	text-align:left;
	color:#000000;
	font-family:Arial;
	font-size:1.1em;
	width:7px;
	width:410px;
}

.suiv{
	float:right;
	text-align:right;
	color:#000000;
	font-family:Arial;
	font-size:1.1em;
	width:7px;
	width:20px;
}

.page{
	text-align:center;
	color:#000000;
	font-family:Arial;
	font-size:1.1em;
	float:left;
	width:100px;
}
/*



/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:850px;
	float:none;
	height:140px;
}

#contactTxt img{
	float:right;
	border:none;
}

#contactTxt p{
	margin-bottom:5px;
}


#txt_contact{
	width:890px;
}

#txt_contact img{
	float:left;
	border:1px solid #000000;
}

#formContact input,textarea{
	width:150px;
	border:1px solid #000000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

.champRequis{
	color:#FF0000;
}

#formContact .txt_rq{
	font-size:10px;
	padding-bottom:0px;
}

#container .bouton{
	/*background:url(../images/charte/bg_bouton.jpg) no-repeat right;*/
	background:url(../images/charte/bouton.jpg) no-repeat;
	width:94px;
	color:#000000;
	border:none;
	height:18px;
	padding-bottom:2px;
	margin:0px 3px 0px 3px;	
	font-size:12px;
}