/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2008 POINT WEB
type : screen
categorie : structure site
Auteur : Eric CHabert
site : RAS
**************************************************************************/

*{ margin:0; padding:0; }
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }

/*------------balise------------*/
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; background:#2c2c2c url(../images/fd.jpg) repeat-x}

h1{display:none}

h2 {text-indent:-9999px; font-size:0}

a{font-weight:bold; outline:none; text-decoration:none}
a:hover{text-decoration:underline}

p{margin-top:10px}

table{width:100%; margin-top:10px}
	table th{border:#444 solid 1px; padding:5px; background:#333;}
	table td{border:#444 solid 1px; padding:5px}
/*-------------------------------*/

/*------------class------------*/
.left{float:left; margin:0 10px 0 0}
.right{float:right; margin:0 0 0 10px}
.clear{clear:both}

.pdf{background:url(../images/iconePdf.jpg) no-repeat; display:block; height:30px; padding:5px 0 0 35px; float:left}
.retour{padding-top:5px; float:right}

.vignetteVendu{position:absolute; top:0; left:-6px}

.blockSsCat{width:150px; float:left; margin:15px; text-align:center }
	.blockSsCat dd a{display:block; width:150px; height:120px; overflow:hidden; border:#FFCC00 solid 3px; margin-bottom:5px}
		.blockSsCat dd a img{border:none}
/*-------------------------------*/

/*------------global------------*/
#global{width:955px; margin:0 auto; }
	#header{background:url(../images/fd-header.gif) bottom left no-repeat; float:left; width:955px; position:relative}
	#flash{float:left}
	#promo{clear:both}
	#wrapper{padding-bottom:10px; margin-top:28px; margin-left:40px; width:875px; float:left}
		#blockLeft{float:left; width:300px}
			#diap{margin-left:3px; margin-top:7px}
/*-------------------------------*/

/*----------coordonnees----------*/
#coordonnees {background:url(../images/fd-coordonnees.jpg) no-repeat; width:244px; padding:15px;}
#coordonnees h2{width:110px; height:14px; background:url(../images/titre-coordonnees.gif) no-repeat}
#coordonnees a{color:#fff}
/*-------------------------------*/

/*----------subMenu------------*/
#subMenu{position:absolute; z-index:400; top:10px; left:0; background:url(../images/fd-barreMenu.gif) top left no-repeat; width:935px; height:24px}
	#subMenu li{list-style-type:none; float:left; margin-top:5px}
		#subMenu li a{color:#fff; font-weight:normal; margin:0 5px 0 7px}
		
#blockRechercher{position:absolute; z-index:99; top:20px; left:500px; width:182px}
	#blockRechercher fieldset{border:none; padding:7px; background:#000;}
	#blockRechercher h3{background:url(../images/footer-recherche.gif) no-repeat; width:182px; height:8px}
	#blockRechercher a{display:block;color:#ffcc00; font-weight:normal; background:#000 url(../images/fd-aRecherche.gif) no-repeat left 2px; padding-left:8px}
	#blockRechercher input{border:#000 solid 1px}
	.rechercheInputSimple{width:166px; height:20px; margin:3px 0; font-size:11px; font-size:11px}
	.rechercheInputPetit{width:70px; height:20px}
	.submitRecherche{width:168px; height:25px; background:url(../images/submitRecherche.gif) no-repeat; font-weight:bold; font-size:12px; padding-bottom:5px; cursor:pointer}
/*----------------------------*/

/*-----------menu------------*/
#menu{float:left; margin-top:140px;}
#menu h3 a{display:block; height:24px; text-indent:-9999px; font-size:0px}
#menu li{list-style-type:none; margin:1px 0; position:relative}
	#btn-occasions a{background:url(../images/btn-occasions.gif) no-repeat; width:236px}
	#btn-quads a{background:url(../images/btn-quads.gif) no-repeat; width:178px}
    #btn-accessoires a{background:url(../images/btn-accessoires.gif) no-repeat; width:136px}
    #btn-prestations a{background:url(../images/btn-prestations.gif) no-repeat; width:136px}
    #btn-contact a{background:url(../images/btn-contact.gif) no-repeat; width:96px}
/*---------------------------*/

/*-------------content------------*/
#content{width:571px; margin-top:3px; float:right; margin-bottom:10px; text-align:justify}
	#content a{color:#FFCC00}
	#content ul{margin:10px 0 0 30px}
	#content h2{width:565px; height:15px;}
		#titre-accueil{background:url(../images/titre-accueil.gif) no-repeat}
		#titre-contact{background:url(../images/titre-contact.gif) no-repeat}
		#titre-prestations{background:url(../images/titre-prestations.gif) no-repeat}
		#titre-quads{background:url(../images/titre-quads.gif) no-repeat}
		#titre-accessoires{background:url(../images/titre-accessoires.gif) no-repeat}
		#titre-occasions{background:url(../images/titre-occasions.gif) no-repeat}
		#titre-mentions{background:url(../images/titre-mentions.gif) no-repeat}
/*--------------------------------*/

/*-------------promo---------------*/
#promo{color:#000}
	#ItemPromo{width:245px; height:95px;padding:10px; float:left; background:#ebeaea; border:#e0dede solid 1px; margin-right:22px}
	#ItemPromo dt a{color:#671a05}
	#ItemPromo a img{border:#ebeaea solid 1px}
	#ItemPromo a:hover img{border:#333 solid 1px}
	.descriptif{height:38px; overflow:hidden}
	.prix{background:#812007; width:149px; height:14px; padding:2px 5px; margin-top:5px; color:#fff; font-weight:bold}
/*--------------------------------*/

/*-------------blockProd---------------*/
#blockProd{width:245px; height:100px;padding:10px; float:left; background:#333; border:#444 solid 1px; margin-right:18px; margin-top:10px; position:relative}
	#blockProd dt a{color:#FFCC00}
	#blockProd a img{border:#333 solid 1px}
	#blockProd a:hover img{border:#ebeaea solid 1px}
	
#blockProdGrand{width:530px; height:230px;padding:10px; float:left; background:#333; border:#444 solid 1px; margin-right:18px; margin-top:10px; position:relative}
	#blockProdGrand dt a{color:#FFCC00}
	#blockProdGrand a img{border:#333 solid 1px}
	#blockProdGrand a:hover img{border:#ebeaea solid 1px}
/*--------------------------------*/

/*-------------blockDetails---------------*/
#blockDetails{width:550px;padding:10px; float:left; background:#333; border:#444 solid 1px; margin-top:10px}
	#blockDetails dt a{color:#FFCC00}
	#blockDetails dd{margin-top:10px}
	#blockDetails a img{border:#333 solid 1px}
	#blockDetails a:hover img{border:#ebeaea solid 1px}
.left{margin-bottom:10px}
/*--------------------------------*/

/*-------------contact-form-------------*/
#contact-form{padding-top:10px}
	#contact-form fieldset{border:#444 solid 1px; padding:10px}
	#contact-form legend{color:#FFCC00; font-size:12px; font-weight:bold}
	#contact-form fieldset label{display:block; width:80px; float:left; font-size:10px}
	#contact-form fieldset div div{clear:both; margin:5px 0}
	.monInput{width:180px; border:#444 solid 1px}
/*--------------------------------------*/

/*-------------compteurPage----------*/
#compteur-pages{ width:550px; clear:both; padding-top:15px}
#compteur-pages a { color:#fff; text-decoration:none }
#compteur-pages  a:hover {color:#FF0000; text-decoration:underline}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:150px}
#compteur-page1 a { margin:0 0 0 15px}
#compteur-page2{text-align:center;width:250px}
#compteur-page3{text-align:right;width:150px}
#compteur-page3 a { margin:0 15px 0 0 }
/*-----------------------------------*/

/*------------footer------------*/
#footer{font-size:10px; font-weight:bold; color:#ffcc00; padding-top:5px; border-top:#e0dede solid 1px; clear:both;}
#footer a{font-weight:normal; color:#fff}
#footer p{margin-left:15px}
/*-------------------------------*/