/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : serco pointweb
site : MECALEX
**************************************************************************/

/*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; }

*{margin:0; padding:0}
body{ background:#000 ; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1{ display:none}
a{ text-decoration:none; outline:none; color:#0066CC}
a:hover{ text-decoration:underline}
#accessibilite { display:none}
img{ border:0}


/*----------------------------------------------------< STRUCTURE >---------------------------------------------------*/

#global{width:985px; margin:0 auto; position:relative}
#header{height:458px}

#headerSwf{ width:985px; height:458px; background:url(../images/bg_header.jpg) no-repeat top left}

#menu{ z-index:250; position:absolute; top:125px; left:50px; width:300px}
#menu ul{ list-style-type:none}
#menu li{ margin:0 0 25px ; line-height:14px;}
#menu li a{ color:#FFF}
#menu li a:hover{ color:#f3baba; text-decoration:none}
#menu li#verif{ margin-top:32px}
.puce{ float:left; padding:4px 0 0 0}
h2{ font-size:11px; font-weight:normal;}

#wrapper{ min-height:379px; float:left}
#mdm{ width:262px; float:left}
#hautMdm{ width:262px; height:92px; background: url(../images/hautMdm.jpg) no-repeat top left}
#contentMdm{background: url(../images/bg_mdm.gif) repeat-y top left; width:262px; font-family:Arial, Helvetica, sans-serif}
#contentMdm dl{ padding:10px 50px 0 50px}
#contentMdm dt{ color:#cc0000; font-size:12px}
#contentMdm dd{color:#000; font-size:11px; padding:10px 0 10px 0}
#contentMdm dd#description{ overflow:hidden; height:119px}
#contentMdm dd a{ color:#cc0000; }
#basMdm{ width:262px; height:143px; }

#content{ width:723px; float:left}
#content p.paragraphe{ font-size:12px; color:#CCC; line-height:18px; padding:10px 40px 0 40px}
h3{ text-indent:-9999px; width:723px; height:50px}


#footer{ height:113px; background:url(../images/bg_footer.gif) no-repeat top left; clear:both}
#footer p{ font-size:11px; color:#b10000; padding:60px 0 0 0}
#footer a{ color:#b10000;}
span.gris{ color:#666}
#coordonnees{ float:left; margin:0 0 0 35px; display:inline}
#copyright{ float:right; text-align:right; margin:0 35px 0 0; display:inline}

/*---------------------------------< Accueil >---------------------------------------------------*/

#accueil{ background:url(../images/titre-accueil.gif) no-repeat top left;}
.img2{ border:#ccc solid 1px}

/*------------------------------< Verification periodique >-------------------------*/

#verifTitre{ background:url(../images/titre-verif.gif) no-repeat top left;}
.img3{ border:#ccc solid 1px; float:left; margin-right:30px}

/*------------------------------< Vente pneus >-------------------------*/

#pneu{ background:url(../images/titre-vente-pneu.gif) no-repeat top left;}

/*------------------------------< Fabrication de flexibles >-------------------------*/

#flexibles{ background:url(../images/titre-flexible.gif) no-repeat top left;}

/*------------------------------< Vente de materiel >-------------------------*/

#venteTitre{ background:url(../images/titre-vente.gif) no-repeat top left;}
.bloc-occas{  border-bottom:#666 solid 1px; width:635px; padding:10px 10px 20px 0; margin:20px 0 20px 35px; float:left; display:inline}
span.blanc{ color:#fff; font-size:14px}
.bloc-occas p.titre{ font-size:14px; color:#FFF;}
.bloc-occas p{ font-size:11px; color:#CCC}
p.petiteDescription{ overflow:hidden;  margin:0 0 5px 0}
p.infos{font-size:11px; color:#FFF; font-weight:bold}
.visuel{ float:left; margin-right:10px; width:150px; height:103px}
p.prix{ width:142px; height:22px; background:#b10000; margin:5px 0 0 0; color:#fff; font-size:16px; padding:3px 0 0 8px; float:left}
span.rouge{ color: #F00}

.bloc-occas-details{  border:#666 solid 1px; width:610px; padding:20px; margin:20px 0 0 35px; float:left; display:inline}
.visuelDetails{ float:left; margin-right:20px; width:319px; height:290px}
.blocinfos{ float:left; width:255px ;color:#FFFFFF;font-size:11px;}
.bloc-occas-details p.titre{ font-size:14px; color:#FFF; margin-bottom:10px}
p.petiteDescriptionDetails{  margin:0 0 5px 0; font-size:11px; color:#CCC; overflow:hidden; color:#fff;}
p.infosDetails{font-size:11px; color:#FFF; line-height:16px}
p.prixDetails{ width:160px; height:24px; background:#b10000; margin:8px 0 0 0; color:#fff; font-size:16px; padding:6px 0 0 8px}
.img4{ border:#ccc solid 1px; margin:0 0 10px 0}

a.blanc{ color:#fff}
a.blanc:hover{ color:#fff; text-decoration:none; font-weight:bold}

/*--------------------------------< Pagination >----------------------------------------*/

.pagination{  font-size:12px; text-align:left; clear:both; margin-left:35px}
.pagination ul{ list-style-type:none; }
.pagination li{ display:inline}
.pagination li a{  color:#8b8b8b}
span.pagenav{ color:#8b8b8b}

/*------------------------------< Contact >-------------------------*/

#contact{ background:url(../images/titre-contact.gif) no-repeat top left;}
#confirm{ background:url(../images/titre-merci.gif) no-repeat top left;}

#formContact{ font-size:11px; color:#fff; text-align:left; margin:10px 0 0 35px}
#formContact div{margin:5px}
#formContact legend{display:none}
#formContact fieldset{border:none}
#formContact label{ 
	margin:0 5px 0 0;
	width:100px; 
	float:left;
	text-align:left
}
#formContact input{
	border:#666 1px solid;
	color:#333;
	font-size:11px;
	width:150px
}
#formContact select{
	border:#666 1px solid;
	color:#333;
	font-size:11px;
	width:150px
}
#formContact textarea{	
	border:#666 1px solid;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	font-size:11px;
}
#formContact input:focus, textarea:focus{background:#f1f1f1}
#formContact input.monSubmit{ margin:0 0 0 105px;background:#b10000;cursor:pointer; height:35px; border:none; font-weight:bold; color:#fff; font-size:14px; width:200px}
#formContact input.monSubmit:hover{background:#666; cursor:pointer}

/*------------------------------< Mentions légales >-------------------------*/

#mentions{ background:url(../images/titre-mentions.gif) no-repeat top left;}
.erreur{color:#0066FF;}