body{
	width:100%;
	margin:0px;
	padding:0;
	color: #FFF;
	background:#000;
	font-family: Verdana;
	font-size:11px;
}

.contenu{width:865px; padding:10px 40px 0 40px; text-align:left;}

.page{
	width:955px;
	min-height:300px;
	margin:0 auto 0 auto;
	text-align:center;
	background:url('../images/bg_fiche.jpg') top center no-repeat;
}

.page#accueil{background:url('../images/bg_accueil.jpg') top center no-repeat;}
.page#catalogue{background:url('../images/bg_catalogue.jpg') top center no-repeat;}
.page#fiche{background:url('../images/bg_catalogue.jpg') top center no-repeat;}
.page#services{background:url('../images/bg_services.jpg') top center no-repeat;}
.page#presentation{background:url('../images/bg_ecurie.jpg') top center no-repeat;}
.page#contact{background:url('../images/bg_contact.jpg') top center no-repeat;}

.logo{margin:3px auto 1px auto; text-align:center;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin-right:10px;}
.imgD{float:right; margin-left:10px;}

/****************************** ACCUEIL  ********************************/

.divPresentation{
	background:#000 url('../images/bg_noirHaut.jpg') top right no-repeat;
	float:left;
	padding:5px 20px 0 0;
	width:400px;
	min-height:250px;
	margin:295px 10px 0 0;
}
.divPresentation .titre1{margin-left:20px;}
.divPresentation .texte{background:#000 url('../images/bg_noirBas.jpg') bottom left no-repeat; padding:3px 0 20px 20px;}

.divSelection{
	background:url('../images/bg_noirTout.jpg') top center no-repeat;
	float:right;
	padding:5px 15px;
	width:390px;
	min-height:250px;
	margin:295px 10px 0 0;
}

.divSelection .unProd{
	width:120px;
	float:left;
	margin:4px;
}
.divSelection .unProd .imgProd{line-height:100px; width:120px; text-align:center; height:100px; margin-bottom:6px;}

.divSelection .titreProd{color:#c60303; font-size:11px; padding-left:10px; background:url('../images/puce1.gif') left no-repeat; margin:4px 0; font-weight:bold; font-family:Arial;}
.divSelection .descProd{font-size:10px;}

.savoirPlus, .savoirPlus:visited{font-size:9px; color:#c60303; border-bottom:1px solid #c60303; padding:3px 0; float:right; margin:2px;}
.savoirPlus img{line-height:20px; vertical-align:middle; margin-left:4px;}

/****************************** NEWS ***************************************/

.uneActu{padding:5px; border:1px dotted #757575; margin:5px; width:410px; float:left;}
.uneActu:hover{border:1px solid #c60303;}

.opace{float:left; margin-right:10px; display:block; width:85px;}

/****************************** CATALOGUE  ********************************/

.divOccasions{
	background:url('../images/bg_coinG.jpg') bottom left no-repeat;
	padding:5px 20px 15px 20px;
	width:385px;
	min-height:140px;
	margin:0 10px 20px 0;
	height:auto;
}


#catalogue .unProd{
	width:400px;
	height:100px;
	overflow:hidden;
	float:left;
	margin:3px 15px;
	padding:10px 0;
	border-bottom:1px dotted #c60303;
}
#catalogue .unProd .imgProd{line-height:90px; width:130px; display:block; text-align:left; height:90px; margin-bottom:6px; float:left; margin-right:10px; padding:0px 0;}
#catalogue .unProd .imgProd img{vertical-align:middle;border-left:4px solid #C60303;}
#catalogue .unProd .imgProd  a:hover img{border-left:4px solid #FFFFFF;}

#catalogue .infosProd{float:left; height:100px; overflow:hidden;}

#catalogue .titreProd{color:#c60303; font-size:11px; padding-left:10px; background:url('../images/puce1.gif') left no-repeat; margin:4px 0; font-weight:bold; font-family:Arial;}
#catalogue .prixProd{color:#FFF; font-size:13px; margin:9px 0 0 0; font-family:Arial;}
#catalogue .prixProd b{color:#c60303;}
#catalogue .descProd{font-size:10px;}

/*********************************** FICHE  *******************************************/

.divFiche{
	background:url('../images/bg_coinG.jpg') bottom left no-repeat;
	padding:5px 20px 15px 20px;
	width:385px;
	margin:0 10px 20px 0;
}

.titreFiche{color:#c60303; margin:25px 0 4px 0; font-size:17px; font-family:Arial; font-weight:bold;}

.divDiapo{float:left; width:420px; margin:5px;}
.divDiapo .grdDiapo{text-align:center; width:420px; height:330px; line-height:330px;}
.divDiapo .grdDiapo img{border:1px solid #FFF; vertical-align:middle;}

.divDiapo .pttDiapo{width:420px; margin-top:3px;}
.divDiapo .pttDiapo img{float:left; border:1px solid #FFF; margin:3px 2px;}

.fiche{float:right; width:420px;}
.fiche div{border-top:1px dotted #c60303; padding:14px 0;}

.prixFiche {
	border-top:1px dotted #c60303;
	border-bottom:1px dotted #c60303;
	position:relative !important;
	position:absolute;
	background:#310101;
	font-size: 10px;
	color: #c60303;
	margin: 0px;
	padding:2px 36px 2px 1px;
	font-family: Arial;}

.prixFiche a, .prixFiche a:visited, .prixFiche a:hover{
	position: relative;
	display:inline;
	margin-top:-3px;
	float:left;
	bottom: 0px;
	color:#c60303;
	font-size:11px;
	left: 4px;	
}

.prixFiche .prixF{
	position: relative;
	display:inline;
	margin-top:-3px;
	float:right;
	bottom: 0px;
	color:#FFF;
	font-size:16px;
	right:4px;
	font-weight:bold;
}

.prixFiche .prixF small{font-size:12px;}

/*********************************** CONTACT  *******************************************/

#contact .colDroite{float:right; width:460px;}

.divHoraires .texte{text-align:center;}
.divHoraires{
	float:left;
	padding:15px;
	width:200px;
	min-height:140px;
	margin:25px 10px 0 0;
	text-align:center;
}

#contact .colDroite .titre1{width:200px;}
.coord{font-size:11px; font-family:Arial; float:left;}

.plan{float:right; margin:10px 0 0 0;}

.formulaireContact{margin-top:210px;}
.formulaireContact table{font-size:10px;}
.formulaireContact table tr td{vertical-align:middle; width:50%; background:#313131; color:#FFF; border:1px solid #4d4d4d; padding:2px 0 0 2px;}
.formulaireContact table tr td input{border:none; background:transparent; color:#FFF; font-size:10px; margin:0; padding:0; font-family:verdana;}
.formulaireContact table tr td textarea{width:100%; height:135px;border:none; background:transparent; color:#FFF; font-size:10px; margin:0; padding:0; font-family:verdana;}
.formulaireContact table tr td input:focus{color:#c60303;}
.formulaireContact .submit{background:#313131; color:#FFF; border:1px solid #4d4d4d; font-size:10px; margin-right:3px;}

/************************ TITRES ET TEXTES  **************************************/

.titre1{color:#c60303; border-bottom:1px solid #c60303; padding:5px 0 8px 2px; margin:4px 0; font-size:15px; font-family:Arial; font-weight:bold;}

.texte{text-align:justify; padding:3px 0;}
.texte b{font-weight:normal; color:#c60303;}

/************************************* BAN HAUT ******************************************/

.menu{font-family:Verdana; margin:0 auto; text-align:center; width:96%;}
.menu a{text-align:center; width:173px; height:44px; font-size:12px; color:#FFF; display:block; float:left; background:url('../images/bg_menu.jpg') top center no-repeat; text-transform:uppercase; vertical-align:middle; line-height:44px;margin:0 5px !important; margin:0 3px;}
.menu a, .menu a:visited{color:#FFF;}
.menu a:hover, .menu a#courante{color:#c60303;}

/********************************** PIED **********************************/

.pied {
	font-size:10px; 
	color:#FFF;
	width:955px; 
	background:url('../images/bg_pied.jpg') top center no-repeat; 
	margin:0 auto 0 auto;
	padding:70px 0 10px 0;
	text-align:center;
}
.pied  .adressePied{font-size:10px; padding:5px 0; font-family:Arial; color:#c60303;}
.pied  .mailto,.pied  .mailto:visited{color:#c60303;}
.pied .mailto:hover{color:#FFF;}

.logoPied{margin:20px 0 0 0;}

.menuPied{font-family:Arial; font-size:9px; color:#FFF; padding-top:3px;}
.menuPied a, .menuPied a:visited{color:#FFF;}
.menuPied a:hover, .menuPied a#courante{color:#c60303;}

/***************************************  DIVERS ET LIENS   ***** ******************************/

hr{
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: 0; 
	margin:3px 0 0 0;
}

img.png {
behavior: url('../js/png.htc');
border:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{margin:0;}

a{color:#FFF; text-decoration:none;}
a:visited{color:#FFF; text-decoration:none;}
a:hover{color:#c60303; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}


.pagination{text-align:center; margin-bottom:4px;}
.pagination a, .pagination a :visited {margin:2px 1px; font-weight:bold; font-size:10px; color:#FFF;padding:3px;}
.pagination a:hover {margin:1px; font-weight:bold; padding:1px 2px; color:#FFF; border:1px solid #c60303;}
.pagination .courante  {padding:1px 2px; color:#c60303; margin:1px; border:1px solid #c60303;}

