/* CSS Document */
@import "charte.css";

/*****************************************************/
/*
/* 		TEXTES
/*
/*****************************************************/
h1{
	font:normal 1.8em Verdana, Verdana, Arial, Helvetica, sans-serif;
	color:#bd0000;
	height:20px;
	padding:5px 0 0 0;
	margin:-6px 0 15px 6px;
}

h2{		
	font:normal 1.8em Verdana, Verdana, Arial, Helvetica, sans-serif;
	color:#bd0000;
	padding:0 0 0 6px;
	margin:5px 0 3px 0;
	height:20px;
	background:url(../images/charte/bg-h2.gif) repeat-x;
	width:731px;
}
h3{
	font:bold 1.2em Verdana, Verdana, Arial, Helvetica, sans-serif;
	color:#135180;
	padding:0 6px;
	line-height:18px;
	background:url(../images/charte/bg-h3.gif) repeat-x;
	display:inline;
	text-transform:uppercase;
	}
p{	
	font:1.2em Verdana, Verdana, Arial, Helvetica, sans-serif;
	/*padding:5px 0;*/
	line-height:1.2em;
	color:#4a5862;
}
a{	
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#bd0000;
}
a:hover{	
	text-decoration:none;
}
hr{
 	border:none;
 	height:1px;
	color:#7b3902;
	background:#7b3902;
}


/*****************************************************/
/*
/* 		Toutes les pages
/*
/*****************************************************/
#texteAccrocheGauche{
	margin:0 0 0 15px;
	min-height:165px;
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:165px;
	width:425px;
}
#texteAccrocheGauche img.mini{
border:1px solid #9db7ca;
margin-top:3px;
}
#texteAccrocheLarge{
	margin:0 0 0 15px;
	width:702px;	
	padding:0;
}
#texteAccrocheGauche p, #texte p{
text-align:justify;
}
#texte{
	margin:0 0 0 15px;
	width:702px;
}
#texte .comment{
	margin:3px 0 6px 0;
	color:#135180;
	padding:10px;
	background:#e1e9ef;
	border:1px dashed #9db7ca;
}
#texte .comment p{
	color:#135180;
}
#texte ul{
margin-top:3px;
margin-left:20px;
}
#texte li{
list-style-type:square;
font:1.3em Verdana, Verdana, Arial, Helvetica, sans-serif;
line-height:1.4em;
color:#135180;
}
/* Nouveautés */
.ligneNouveautes a{
	display:block;
	width:182px;
	float:left;
	margin:0 3px 3px 0;
	background:#e1e9ef;
	text-align:center;
	text-decoration:none;
}
.ligneNouveautes a:hover{
	background:#ffcaca;
}
.ligneNouveautes a .titreNews{
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	background:#9db7ca;
	color:#1c5885;
	height:30px;
}
.ligneNouveautes a:hover .titreNews{
	background:#bd0000;
	color:#fff;
}
.ligneNouveautes a img{
	border:0 none;
	margin:5px;
}
.ligneNouveautes a .prix{
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#bd0000;
}

/* Galerie */
.galerie a{
	display:block;
	width:120px;
	height:100px;
	float:left;
	margin:0 6px 6px 0;
	background: url(../images/charte/vignette-galerie.gif) center top no-repeat;
	text-align:center;
	text-decoration:none;
	border:none;
}
.galerie a:hover{
	background: url(../images/charte/vignette-galerie-hover.gif) center top no-repeat;
	border:none;
}
.galerie a .titreNews{
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	background:none;
	color:#1c5885;
	padding-top:4px;
	min-height:20px;
}
.galerie a:hover .titreNews{
	background:none;
	color:#fff;
}
.galerie a img{
	border:1px solid #fff;
	margin:5px;
}
/* VIGNETTE */
.vignette a{
	display:block;
	width:204px;
	height:138px;
	float:left;
	margin:0 8px 8px 0;
	background: url(../images/charte/vignette-excep.gif) center top no-repeat;
	text-align:center;
	text-decoration:none;
	border:none;
}
.vignette a:hover{
	background: url(../images/charte/vignette-excep-hover.gif) center top no-repeat;
	border:none;
}
.vignette a .titreNews{
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	background:none;
	color:#1c5885;
	padding-top:4px;
	min-height:20px;
}
.vignette a:hover .titreNews{
	background:none;
	color:#fff;
}
.vignette a img{
	border:1px solid #fff;
	margin:5px;
}
/* LISTING */
#recherche form {
	width:406px;
	list-style:none;
	border-bottom:#fff solid 3px ;
	padding:10px 0 10px 10px;
	background-color:#427499;
	margin-bottom:10px;
	}
#recherche form span{
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}
#recherche form .listBox{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:3px 2px;
	}
#recherche form .listBox .titreOption{
	color:#135180;
	}
#recherche form .btn{
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #fff;
	background-color:none;
	margin:3px 2px;
	}
.clair{
background-color:none;
}

.listing {
}

#contenu .listing a:link, #contenu .listing a:visited{
	width:204px;
	height:145px;
	float:left;
	margin:0 8px 8px 0;
	background: url(../images/charte/vignette.gif) center top no-repeat;
	text-align:center;
	text-decoration:none;
	border:none;
	padding:0;
}
#contenu .listing a:hover, #contenu .listing a:active{
	background: url(../images/charte/vignette-hover.gif) center top no-repeat;
	border:none;
}
.listing a .titreNews{
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	background:none;
	color:#1c5885;
	padding-top:4px;
	height:30px;
	display:block;
}
.listing a:hover .titreNews{
	background:none;
	color:#fff;
}
.listing a img{
	border:1px solid #fff;
	margin:5px;
}
.listing a .prix{
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#bd0000;
	display:block;
}
#voiture{
border:1px solid #9db7ca;
float:right;
margin-top:227px;
margin-right:50px;
}
*html #voiture{
display:inline
}
#voiturebouton{
float:right;
width:220px;
margin-right:18px !important; margin-right:8px;
}
#voiturebouton .btn{
display:block;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	background-color:#bd0000;
	margin:3px 2px;
	padding:5px 0;
	text-decoration:none;
	}
/*****************************************************/
/*
/* 		Page contact
/*
/*****************************************************/
#coordonnees{
float:right;
margin-right:60px;
margin-top:195px;
width:200px;
background:#fff;
border:1px solid #9db7ca;
padding-bottom:8px;
}
*html #coordonnees{
display:inline;
}
#coordonnees p{
/*padding-left:6px;*/
text-align:center;
color:#1c5885;
}
#formContact{
font:1em Verdana, Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
color:#4a5862;
}
#formContact input,textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#1c5885;
	background:#fff;
	border:1px solid #1c5885;
	margin-bottom:6px;
}
#formContact input.bouton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#1c5885;
	background:#e1e9ef;
	border:1px solid #1c5885;
	margin-bottom:6px;
}
#formContact input:focus,textarea:focus{
	border-color:#bd0000;
}
#formContact .champRequis{
	color:#bd0000;
}