/* *** ####################################### *** */

/* *** couleurs *** */

/* #1b5779; /* bleu foncé */
/* #8cc7dd; /* bleu clair header */
/* #70b3cd; /* bleu clair */
/* #e6e9ec; /* gris clair */
/* #656565; /* gris foncé */
/* #ff8a26; /* orange */
/* #f6c509; /* jaune */
/* #d71920; /* rouge */


@import url(generiques.css);
@import url(menu.css);
@import url(login.css);

body
{
	color:#1b5779; /* bleu foncé */
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	
	text-align:left;
}
#container
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	font-size:1.3em;
	line-height:1.1em;
}


a{text-decoration:none;color:#1b5779; /* bleu foncé */}
a:hover,
a.select
{text-decoration:underline;}
a:visited{color:#70b3cd; /* bleu clair */}
/* ###########################################################
		BLOCS WRAP
########################################################### */

#header-wrap
{
	background-color:#8cc7dd; /* bleu clair header */
	font:1.4em/1.2em Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#header-wrap,#menu-wrap,#content-wrap,#lower-content-wrap,#footer-wrap{clear:both;}
#header, #boxMenu, #lower-content, #footer 
{
	margin:0pt auto;
	position:relative;
	width:1000px;
}

/* ###########################################################
		HEADER FOOTER
########################################################### */
/* header */
#header
{
	
	position:relative;
	height:102px;
	background:#8cc7dd url(../images/BG-header.png) no-repeat left top;
	/*background:#8cc7dd url(../images/voeux-locetmat.png) no-repeat left top;*/
	color:#fff;
}

#header h1
{
	float:left;
	width:115px;
	/*height:50px;*/
	
}
#header span.referencement
{
	line-height:50px;
	padding:10px;
	background:url(../images/filet-blanc-baseline.png) no-repeat left center;
	text-transform:uppercase;
}
#header #entete
{
	color:#1b5779; /* bleu foncé */
	float:left;
	font-size:0.8em;
	font-weight:normal;
	margin:84px 20px 0pt 20px;
	text-transform:uppercase;
	width:570px;
}
#enteteContact
{
	position:absolute;
	right:20px;
	bottom:5px;
	width:179px;
	height:60px;
	color:#fff;
	background:url(../images/contact-telephonique-locetmat.png) no-repeat left top;
	padding:8px;
	font-size:1.25em;
	line-height:1.2em;
}
#enteteContact span{position:absolute;margin-top:-3000px;}
/* footer */
#footer
{	
	width:960px;
	clear:both;
	background-color:#1b5779; /* bleu foncé */
	font-size:1.1em;
	color:#fff;
	padding:15px 20px 5px 20px;
}
#footer a{color:#fff;}
#sousFooter{background-color:#fff;text-align:center;}

#footerLinks
{
	margin-top:15px;
	padding:10px 20px;
	background-color:#E6E9EC;
}
#footerLinks ul li
{
	display:inline;
	float:left;
	width:240px;
	text-align:left;
	font-size:0.8em;
}

/* ###########################################################
		CONTENU
########################################################### */
/*  */

/* ###########################################################
		BOITES
########################################################### */

.colonneAccueil
{
	float:left;
	display:inline;
	width:234px;
	border:1px solid #1b5779; /* bleu foncé */
	padding:6px;
	margin:6px 6px 0px 0;
	position:relative;
	
	height:282px;
	overflow:hidden;
}
#blockOccasions
{
	height:auto !important;
	height:638px;
	min-height: 638px;
}

.colonneAccueil .link
{
	position:absolute;
	right:6px;bottom:6px;
	
}
.colonneAccueil .link a{text-decoration:underline;}
.colonneAccueil .link a:hover{color:#ff8a26; /* orange */}
.colonneAccueil .link span{color:#ff8a26; /* orange */}

.colonneAccueilDroite
{
	display:inline;
	float:left;
	margin:6px 0px 6px 0pt;
	padding:6px 0pt 6px 6px;
	width:195px;
}

.colonneAccueil h3
{
	background-color:#1b5779; /* bleu foncé */
	color:#fff;
	margin:6px 0;
	padding:3px 6px;
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	height:auto !important;
	height:29px;
	min-height:29px;
}

.colonneAccueil h3 a{
	color:#fff;
}
/** fil d'ariane */
#boxAriane
{
	clear:both;
	margin:6px 20px;
	font-size:0.85em;
	line-height:1.3em;
}
#boxAriane li
{
	display:inline;
}

/** boite maSelection **/
#boxMaSelectionProduits
{
	background-color:#e6e9ec; /* gris clair */
	padding:6px;
	margin:6px 0;
}
#boxMaSelectionProduits strong
{
	display:block;
	margin-bottom:0.6em;
	border-bottom:1px solid #70b3cd; /* bleu clair */
	font-size:1.1em;
}

#boxMaSelectionProduits .linkUp{margin-top:15px;}

#boxMaSelectionProduits .linkUp a{
	color:#1B5779;
	text-decoration:underline;
}
#boxMaSelectionProduits .linkUp a:hover{text-decoration:none;}
/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#1b5779; /* bleu foncé */
	clear:both;
	margin:12px 0px;
	padding:0pt 8px;
	font-size:1.1em;
}
.navResultat a{color:#1b5779; /* bleu foncé */text-decoration: none;padding:2px 4px 2px 4px;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #1b5779; /* bleu foncé */padding:2px 4px 2px 4px;}

/* ###########################################################
		PAGE ACCUEIL
########################################################### */


#colGaucheAccueil{	float:left;	display:inline;	width:510px;margin-left:20px;}
#colGaucheAccueil h3 a{}

#colonneAccueilPromo
{
	float:left;
	display:inline;
	width:504px;
	height:auto !important;
	height:350px;
	min-height:350px;
	background:#70b3cd /* bleu clair */ url(../images/BG-promo.png) no-repeat left top;
	margin:6px 0px 6px 0;
}

#colonneAccueilPromo h3
{
	color:#f6c509; /* jaune */
	font-weight:bold;
	font-size:1.8em;
	line-height:1.2em;
	text-transform:uppercase;
}
#colonneAccueilPromo h3 a,
#colonneAccueilPromo h3 a:hover,
#colonneAccueilPromo h3 a:visited
{color:#f6c509;}

#colonneAccueilPromo #colonneAccueilPromoGauche
{
	display:inline;
	float:left;
	width:189px;
	padding:20px 20px 20px 40px;
	margin-right:6px;
	color:#fff;
	font-size:0.9em;
}
#colonneAccueilPromo .colonneAccueilPromoAccroche{color:#f6c509; /* jaune */font-weight:bold;margin:10px 0;}

#colonneAccueilPromo .colonneAccueilPromoTexte ul{margin:6px 0;}
#colonneAccueilPromo .colonneAccueilPromoTexte li{padding-left:12px;}
#colonneAccueilPromo .colonneAccueilPromoTexte li:before{content:"> ";}

#colonneAccueilPromo #colonneAccueilPromoDroite
{
	display:inline;
	float:left;
	width:247px;
	padding:6px 0 6px 0;
}
#colonneAccueilPromo #colonneAccueilPromoDroite img{border:1px solid #1b5779; /* bleu foncé */}

.boxGris
{
	padding:6px;
	background-color:#e6e9ec; /* gris clair */
}
.boxGris h4
{
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;	
	margin-bottom:4px;
}

.boxGris .boxGris
{
	border:1px solid #ccc;
}

#boxLesPlus
{
	margin:15px 0;
}
#boxLesPlus h4
{
	text-transform:uppercase;
	color:#d71920; /* rouge */
	font-size:1.2em;
	letter-spacing:-0.02em;
}
#boxLesPlus h4 span{font-size:0.6em;}

#boxLesPlus a
{
	display:block;
	
	background:url(../images/BG-plus.png) no-repeat left top;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	width:171px;height:46px;
	padding:12px ;
}

/** produit neuf */
.colonneAccueil ul#produitsCategoriesNeufs{}
.colonneAccueil ul#produitsCategoriesNeufs li{}
.colonneAccueil ul#produitsCategoriesNeufs li.last{border:none}
.colonneAccueil ul#produitsCategoriesNeufs li a
{
	text-decoration:none;
	background:url(../images/puce-bleue-fonce.gif) no-repeat 0px 5px;
	padding-left:10px;
	display:block;
	font-size:0.9em;
}
.colonneAccueil ul#produitsCategoriesNeufs li a:hover{text-decoration:underline;}

/** produit occasion */
.colonneAccueil ul#produitsOccasions{margin-top:20px;border-top:1px dotted #1b5779; /* bleu foncé */}
.colonneAccueil ul#produitsOccasions li
{
	height:60px;
	border-bottom:1px dotted #1b5779; /* bleu foncé */
	margin-top:6px;
}
.colonneAccueil ul#produitsOccasions li.last{border:none}
.colonneAccueil ul#produitsOccasions li a{text-decoration:none;}
.colonneAccueil ul#produitsOccasions li a:hover{text-decoration:underline;}
.colonneAccueil ul#produitsOccasions li a .date{color:#70b3cd; /* bleu clair */}
.colonneAccueil ul#produitsOccasions li .listeVoirSuite{font-size:0.8em;}
.colonneAccueil ul#produitsOccasions li .listeVoirSuite:after{content:" >";}
.colonneAccueil ul#produitsOccasions li .listeVoirSuite a{text-decoration:underline;}
.colonneAccueil ul#produitsOccasions li .listeVoirSuite a:hover{color:#ff8a26; /* orange */}

/** produit nouveautés */
.colonneAccueilDroite ul{}
.colonneAccueilDroite ul li
{
	/*height:60px;*/
	border-bottom:1px dotted #1b5779; /* bleu foncé */
	margin-top:6px;
}
.colonneAccueilDroite ul li.last{border:none}
.colonneAccueilDroite ul li a{text-decoration:none;font-size:0.8em;}
.colonneAccueilDroite ul li a:hover{text-decoration:underline;}
.colonneAccueilDroite ul li a .date{color:#70b3cd; /* bleu clair */}


/* ###########################################################
		PAGE Listing
########################################################### */

/* entete categorie */
.colonneCentreCategories
{
	background-color:#e6e9ec; /* gris clair */
	padding:6px 6px 12px 6px;
	margin-bottom:6px;
}
.colonneCentreCategories h2{margin-bottom:0.3em;}
.colonneCentreCategories .contentTexte{}

/* listing */
ul.produitsListing{}

ul.produitsListing li{clear:both;margin-bottom:6px;position:relative;zoom:1;}

ul.produitsListing .listeMarque
{
	float:right;
	width:195px;
	background-color:#e6e9ec; /* gris clair */
	height:178px;
	padding:8px 0;
	overflow:hidden;
	text-align:center;
}
ul.produitsListing .listeMarqueReportage
{
	float:right;
	width:195px;
	background-color:#e6e9ec; /* gris clair */
	height:146px;
	padding:8px 0;
	overflow:hidden;
	text-align:center;
}

ul.produitsListing li .listeContent
{
	float:left;
	width:490px;
	height:182px;
	overflow:hidden;
	background-color:#e6e9ec; /* gris clair */
	padding:6px;
}
ul.produitsListing li .listeContentReportage
{
	float:left;
	width:490px;
	height:150px;
	overflow:hidden;
	background-color:#e6e9ec; /* gris clair */
	padding:6px;
}

ul.produitsListing li .listeVignette
{
	float:left;
	height:75px;
	padding:6px;
	margin:5px;
	text-align:center;
	vertical-align:top;
	width:75px;
}

ul.produitsListing li .listeContent strong
{
	display:block;
	margin-bottom:0.6em;
	border-bottom:1px solid #70b3cd; /* bleu clair */
	font-size:1.1em;
}
ul.produitsListing li .listeVoirSuite
{
	position:absolute;
	left:6px;
	bottom:10px;
}
ul.produitsListing li .listeVoirSuite:after{content:" >";}
ul.produitsListing li .listeVoirSuite a{text-decoration:underline;}
ul.produitsListing li .listeVoirSuite a:hover{color:#ff8a26; /* orange */}

/** listing des sous categories dans la page listing */
ul#sousCategoriesListing li{margin-top:6px;}
ul#sousCategoriesListing li a
{
	background:transparent url(../images/puce-sousmenu-produit.png) no-repeat scroll left 4px;
	padding-left:10px;
}

/** liste des images des marques */
ul#listingMarques li
{
	float:left;
	width:178px;height:178px;
	margin:6px 26px;
	text-align:center;
	line-height:178px;
}


/* ###########################################################
		PAGE Fiche Produit
########################################################### */


/* block */
#colonneFicheGauche
{
	float:left;
	display:inline;
	width:245px;
	margin:6px 6px 6px 20px;
	
}
#colonneFicheCentre
{
	float:left;
	width:703px;
	margin:6px 20px 6px 6px;
}

/** categories dans fiche prod */
ul#boxProduitsCategories li
{
	margin-bottom:0;
	padding:0px;
}
ul#boxProduitsCategories li a
{
	display:block;
	
	padding:4px 10px;
	text-decoration:none;
	border-top:1px dotted #1b5779; /* bleu foncé */
}
ul#boxProduitsCategories ul
{
	margin-bottom:8px;
	
	border-top:1px dotted #1b5779; /* bleu foncé */
}
ul#boxProduitsCategories li li
{
	margin:6px 0;
	padding:0px 12px;
}
ul#boxProduitsCategories li li a
{
	background:transparent url(../images/puce-sousmenu-catalogue.png) no-repeat scroll left 4px;
	padding:0px 10px;
	text-decoration:none;
	border:none;
	
	color:#656565; /* gris foncé */
}
ul#boxProduitsCategories li a:hover,
ul#boxProduitsCategories li a.select,
ul#boxProduitsCategories li li a:hover,
ul#boxProduitsCategories li li a.select
{text-decoration:underline;}

ul#boxProduitsCategories li a:visited{color:#70b3cd; /* bleu clair */}

/* */
#colonneFicheCentre h2
{
	font-size:2em;
	line-height:1.4em;
	/*margin:12px 0;*/
}

.colonneFicheCentreLeftTop
{
	float:left;
	width:489px;
	padding:6px;
	margin-right:6px;
	min-height:166px;
	height:auto !important;
	height:166px;
	background-color:#e6e9ec; /* gris clair */
}
.colonneFicheCentreLeftTop .contentAccroche
{
	color:#70b3cd; /* bleu clair */
	font-size:1.3em;
}

.colonneFicheCentreRightTop
{
	float:left;
	width:195px;
	min-height:130px;
	height:auto !important;
	height:130px;
	background-color:#e6e9ec; /* gris clair */
}
.colonneFicheCentreRightTop .contentMarque
{
	width:195px;
	height:178px;
	line-height:178px;
	text-align:center;
}

.colonneFicheCentreBottom
{
	clear:both;
	margin-top:6px !important;
	margin-top:3px;
}
/* partie centrale */
.colonneFicheCentreLeft
{
	float:left;
	display:inline;
	width:501px;
	margin-right:6px;
	
}
.colonneFicheCentreLeft strong
{
	display:block;
	border-bottom:1px solid #70b3cd; /* bleu clair */
	font-size:1.1em;
	/*font-weight:normal;*/
	margin-bottom:6px;
}
.colonneFicheCentreLeftInt{background:#e6e9ec /* gris clair */ url(../images/BG_description_visuels.png) repeat-y left top;}
.colonneFicheCentreLeftLeft
{
	float:left;
	width:234px;
	padding:6px;
	margin-right:6px;
}
.colonneFicheCentreLeftRight
{
	float:left;
	width:234px;
	padding:6px;
}
.colonneFicheCentreLeftBottom
{
	clear:both;
	background-color:#e6e9ec; /* gris clair */
	margin-top:6px;
	padding:6px;
}
#produitsByCategoriesListe li{margin-top:6px;}
#produitsByCategoriesListe a
{
	
	padding-left:10px;
	background:url(../images/puce-sousmenu-produit.png) no-repeat left 4px;	
}
.colonneFicheCentreRight
{
	float:left;
	display:inline;
	overflow:hidden;
	width:195px;	
}

/* photos */
#colonneFicheCentre ul#contentPhotos li
{
	float:left;
	width:75px;
	height:75px;
	text-align:center;
	line-height:75px;
	margin:0 1px 8px 1px;
}


/* ###########################################################
		PAGE Fiche reportage
########################################################### */
.colonneFicheReportage
{
	clear:both;
	padding:6px;
	background-color:#e6e9ec; /* gris clair */
	margin-bottom:6px;
}
.colonneFicheReportage strong
{
	display:block;
	border-bottom:1px solid #70b3cd; /* bleu clair */
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:6px;
}
#colonneFicheCentre ul#contentPhotosReportage li
{
	float:left;
	width:146px;
	height:146px;
	text-align:center;
	line-height:146px;
	margin:0pt 13px 8px;
}
/* ###########################################################
		PAGE Statiques
########################################################### */

#colonneStatCentre
{
	float:left;
	width:487px;
	padding:6px;
	margin-right:6px;
	margin-bottom:6px;
	border:1px solid #e6e9ec; /* gris clair */
}
#colonneStatCentreBig h2,#colonneStatCentreBig h3,#colonneStatCentreBig h4,
#colonneStatCentre h2,#colonneStatCentre h3,#colonneStatCentre h4
{margin:0.3em 0em;}

#colonneStatCentreBig h2,
#colonneStatCentre h2
{
	
	font-size:1.9em;
	letter-spacing:0pt;
	line-height:1.1em;
	margin-left:0pt;
}

#colonneStatRight
{
	float:left;
	width:195px;
}

#cse-search-results
{
	padding:0 20px;
}

/* ###########################################################
		PAGE STATIQUE
########################################################### */
#colonneStatCentre .contentTexte h3{margin:1em 0;}
#colonneStatCentre .contentTexte p{margin-bottom:0.5em;}
#colonneStatCentre .contentTexte ul
#colonneStatCentre .contentTexte ul{margin:6px 0;}
#colonneStatCentre .contentTexte ul li
{
	padding-left:12px;
	background:transparent url(../images/puce-sousmenu-produit.png) no-repeat scroll left 4px;
}



/* ###########################################################
		PAGE Contact
########################################################### */
#contentFiche .contentCoordonnees{padding:0px;}
#contentFiche .contentCoordonnees h3
{
	border:none;
}
#contentFiche .contentCoordonnees .contentTexte{margin-left:20px;}

#colonneFicheGauche .contentTexte p{margin:0.5em 0}

a.planAccesContactezNous
{padding-left:12px;background:transparent url(../images/puce-sousmenu-produit.png) no-repeat scroll left 4px}

/* ###########################################################
		PAGE PLAN ACCES
########################################################### */
#colonneFicheGauche #formulaire fieldset input,
#colonneFicheGauche #formulaire fieldset select,
#colonneFicheGauche #formulaire fieldset textarea
{
	border:1px solid #333333;
	width:238px;
	text-align:left;
}
#container #colonneFicheGauche #formulaire fieldset input.btValider{width:195px;}
#container #colonneFicheGauche #formulaire fieldset input.btValider:hover{text-decoration:underline;color:#1b5779; /* bleu foncé */}

#colonneStatCentreBig
{
	float:left;
	width:687px;
	padding:6px;
	margin-right:6px;
	margin-bottom:6px;
	border:1px solid #e6e9ec; /* gris clair */
}
#colonneStatCentreBig #contentStatique{position:relative;}
#imprimerItineraire
{
	float:right;
	margin-left:10px;
	margin-top:15px;
}
/* ###########################################################
		PAGE PLAN DU SITE
########################################################### */
ul#listingPlan li{padding : 6px 0;}
ul#listingPlan a
{
	color:#d67516; /* fond marron 3 */
	text-decoration:none;
}
ul#listingPlan a:hover{text-decoration:underline;}
ul#listingPlan li li{margin-left:24px;}

/* ###########################################################
		PAGES FORMULAIRES
########################################################### */
.important{font-weight:normal;}

#formulaire{}
#formulaire fieldset{width:auto;border:none;}
#formulaire fieldset label{width:100px;}
#formulaire fieldset input,
#formulaire fieldset select,
#formulaire fieldset textarea{width:260px;border:1px solid #333333; /*gris foncé (texte)*/}
#formulaire fieldset input.classDate{width:100px;}

#formulaire fieldset input.checkbox,
#formulaire fieldset input.radio,
#formulaire fieldset input.image{width:auto;border:none}

/* formulaire ONFOCUS */
#formulaire fieldset select:focus,
#formulaire fieldset input:focus,
#formulaire fieldset textarea:focus{background-color:#eaeaea; /*gris (fin dégradé bloc gris)*/}

/* boutons de formulaire */
#formulaire fieldset input.btDefault
{
	width:auto;
	background-color: silver;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#formulaire fieldset .btContinuer{background:url(../images/bouton-continuer.png) no-repeat 0px 0px;width:260px;height:56px;border:none;}
#formulaire fieldset .btEnvoyer{background:url(../images/bouton-envoyer.png) no-repeat 0px 0px;width:108px;height:27px;border:none;}

#formulaire fieldset .inputEnvoyer{background:url(../images/BG-bouton.png) no-repeat 0px 0px;width:195px;height:40px;border:none;color:#fff}
#formulaire fieldset .inputEnvoyer:hover{color:#1b5779; /* bleu foncé */}

#formulaire fieldset .btContinuer:hover
{background-position:0px -56px;}


#colonneFicheGauche #formulaire fieldset input.btValider,
.btValider
{
	background:url(../images/BG-bouton.png) no-repeat 0px 0px;
	display:block;
	height:40px;
	line-height:40px;
	border:none;
	color:#fff;
	text-decoration:none;
	margin-top:6px;
	width:160px;
	padding:0 23px 0px 26px;
	position:relative;
}
.btValider img{left:4pt;position:absolute;top:11px;}
.btValider:hover{text-decoration:underline;color:#1b5779; /* bleu foncé */}
.btValider:visited{color:#fff;}


/* Fenêtre modal */
#control_overlay{background:#000;}
.modal {  
	width:374px;
	height:239px;
	background-color:#fff;
	padding:10px;
	border:1px solid #333;
}

#closeModal{float:right;}