/* 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 CONTENU */
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:30px;
height:30px;
color:#726478;
margin:30px 20px 15px 30px;
text-transform:uppercase;
text-align:left;

}
#texte h2{
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#726478;
margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #7721B6;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #726478;
}

/* ------------------------------------------ANNONCES--------------------------------- */
#annonces{
	float:left;
	width:670px;
	min-height:104px;
	height:auto !important;
	height:104px;
	border:1px solid #5e3c23;
	margin-bottom:10px;
}
#annonces img{
	margin:5px;
	float:left;
}
#annonces p{
	margin:20px 5px 5px 5px;
	
}
#titre-annonce{
	float:left;
	width:666px;
	height:16px;
	background:#ebcc8b;
	padding:4px 0 0 4px;
	color:#643f24;
	font-weight:bold;
	font-size:12px;
}
.majuscule{
	text-transform:uppercase;
}
#titre-annonce2{
	float:left;
	width:500px;
}
#prix{
	width:50px;
	float:right;
	color:#000000;
}
/* ------------------------------------------FIN ANNONCES--------------------------------- */

/* STYLE DE LA PAGE ACCUEIL */
.accueil {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#BD8EE0;
	font-weight:bold;

}
.accueilrubriques {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6ABD12;

}
.textaccueil {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5FC3E6;
	font-weight:bold;
}
.pucevaleurs2 {
	float:left;
	width:250px;
}
#container .pucevaleurs2 ul{
    margin:30px 0 0 20px;
	list-style-type:none;
}
#container .pucevaleurs2 li{
     background:url(../images/puce.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#5FC3E6;
	 font-weight:bold;
	 font-size:11px;
}
#container .pucevaleurs ul{
    margin:30px 0 0 20px;
	list-style-type:none;
}
#container .pucevaleurs li{
     background:url(../images/puce.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#5FC3E6;
	 font-weight:bold;
	 font-size:11px;
}
/* STYLE DE LA rubrique Prestations */
.imgprestations {
	float:left;
	margin:5px 0 5px 3px;

}

/* STYLE DE LA rubrique actualites */
.titactualites {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BD8EE0;
	font-weight:bold;
	margin:5px 0 0 8px;
	width:173px;

}
.imgactualites {
	float:left;
	margin:0px 0 0 5px;
	width:173px;
	height:135px;
	border:1px solid #BD8EE0;

}
.dateactualites {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BD8EE0;
	font-style:italic;
	margin:2px 0 0 8px;
	width:173px;

}
#container .plusactualites{
    float:left;
	background-image:url(../images/voiractualites.gif);
	width:135px;
	height:16px;
	margin:4px 5px 0 3px;
}
/* STYLE DE LA rubrique lumiere */
.centrer {
	float:left;
	margin:0px 0 0 0px;
	width:500px;

}
.haut {
	float:left;
	margin:7px 0 0 6px;
	width:485px;
	

}
#container .hautdepage{
	float:left;
	background:url(../images/haut_page.gif) no-repeat;
	width:112px;
	height:24px;
	margin:5px 0 5px 388px;
}
/*PAGE NEUF*/
.centrerneuf {
	float:left;
	margin:0px 0 5px 0px;
	width:500px;

}
.centrerneuf1 {
	float:left;
	margin:0px 0 5px 0px;
	width:500px;

}
/*PAGE OCCASION*/
.occasion {
	float:left;
	margin:7px 0 7px 0px;
	width:500px;

}
.occasionhaut {
	float:left;
	margin:0px 0 0px 0px;
	width:499px;
	height:20px;
	background-image:url(../images/haut.gif);
}
.occasioncenter {
	float:left;
	margin:0px 0 0px 0px;
	background-image:url(../images/center.gif);
	width:499px;

}
.occasionbas {
	float:left;
	margin:0px 0 0px 0px;
	width:499px;
}
.gauche {
	float:left;
	margin:0px 0 0px 7px;
	width:400px;
	font-size:11px;
	color:#BD8EE0;
	font-weight:bold;
}
.droite {
	float:right;
	margin:0px 5px 0px 0px;
	width:80px;
	font-size:11px;
	color:#85D430;
	font-weight:bold;
	font-style:italic;
	text-align:right;


}
.gauche1 {
	float:left;
	margin:0px 0 0px 7px;
	width:360px;
	font-size:11px;
	color:#BD8EE0;
	font-weight:bold;
}
.droite1 {
	float:right;
	margin:0px 5px 0px 0px;
	width:120px;
	font-size:11px;
	color:#85D430;
	font-weight:bold;
	font-style:italic;
	text-align:right;

}
.annee {
	float:left;
	font-size:11px;
	color:#85D430;
	width:270px;
	font-style:italic;
	margin:7px 5px 0px 7px;
}
.descriptif {
	float:left;
	font-size:11px;
	color:#376f81;
	width:270px;
	margin:5px 0px 0px 7px;
}
.imgoccasion {
	float:right;
	margin:5px 5px 3px 0px;
	width:200px;
	height:107px;
	border:1px solid #BD8EE0;
}
/*PAGE ACTUALITES*/
.pagination{
    float:left;
	width:500px;
	padding:5px 0 8px 0;
	text-align:center;
	color:#5FC3E6;

}
#container .pagination a{
    color:#5FC3E6;
	text-decoration:none;
	font-size:11px;
}

#container .pagination  a:hover{
    color:#BD8EE0;
	text-decoration:underline;
	font-size:11px;
}
.actualites {
	float:left;
	margin:7px 0 7px 0px;
	width:500px;

}
.actualiteshaut {
	float:left;
	margin:0px 0 0px 0px;
	width:499px;
	height:20px;
	background-image:url(../images/haut1.gif);
}
.actualitescenter {
	float:left;
	margin:0px 0 0px 0px;
	background-image:url(../images/center1.gif);
	width:499px;

}
.actualitesbas {
	float:left;
	margin:0px 0 0px 0px;
	width:499px;
}
/* STYLE DE LA PAGE CONTACT */
.contact {
	float:left;
	margin:7px 0 7px 0px;
	width:500px;
}
.gauchecontact{
	float:left;
	width:320px;
	margin:0px 5xp 0px 0;
}
.droitecontact{
	float:left;
	width:130px;
	margin:0px 0 5px 0;
	text-align:right;
}
.formulaire{
	float:left;
	width:500px;
	margin:0px 0xp 5px 0;
}
.bleunuit{
	font-size:11px;
	color:#BD8EE0;
}
.blanc{
	font-size:8px;
	color:#ffffff;
}
#container .loi {
	font-size:10px;
	color:#9F9F9F;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #5FC3E6;
	border-color:#5FC3E6;
	border:1px solid #5FC3E6;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #5FC3E6;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#5FC3E6;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #5FC3E6;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#5FC3E6;
}
#formContact .champRequis{
	color:#5FC3E6;
}