body, h1, h2, h3, h4, h5, h6, li, ul, form { margin: 0px; padding: 0px; }
img { border: 0px; }
.bold { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.floatg { float: left; }
.floatd { float: right; }
.clear { clear: both; }
.vtop { vertical-align: top; }
table { border: 0; border-collapse: collapse; border-spacing: 0px; }
table td { padding: 0px; }

body { background-color: #000000; color: #999999; font-family: verdana; font-size: 11px; }

#container { width: 840px; margin: 0 auto 0 auto; }

#container #top { height: 170px; width: 840px; background-position: left top; background-repeat: no-repeat; margin-bottom: 20px; }
#container #top #logo { position: relative; left: 31px; top: 17px; }
#container #top #menu_top .separateur_menu { width: 1px; height: 27px; background:url('../images/separateur_menu.gif') left top no-repeat; display: block; float: left;  }
#container #top #menu_top { position: absolute; top: 143px; }
#container #top #menu_top span { display: none; }
#container #top #menu_top a { background-position: left top; background: url('../images/fleche_blanche_menu.gif') 18px 10px no-repeat; display: block; float: left; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 10px; padding: 6px 18px 8px 26px; }
#container #top #menu_top a:hover { border-bottom: solid 1px #d10d1f; color: #d10d1f; background-image: url('../images/fleche_rouge_menu.gif'); }

#container #menu_gauche { width: 246px; min-height: 417px; height: auto !important; height: 417px; background: url('../images/fonds-menu-gauche-meca.jpg') left top no-repeat; float: left; }
#container #menu_gauche ul { list-style: none; margin-left: 25px; margin-top: 18px; }
#container #menu_gauche ul li { line-height: 26px; background: url('../images/fleches-blanches.gif') no-repeat; padding-left: 26px; }
#container #menu_gauche ul li { background-position: left 11px; }
#container #menu_gauche ul li a { color: #999999; text-decoration: none; font-weight: bold; } 
#container #menu_gauche ul li a:hover { color: #d10d1f; } 
#container #menu_gauche ul li#menuselected { background: url('../images/fleches-rouges.gif') left 11px no-repeat; }
#container #menu_gauche ul li#menuselected a { color: #d10d1f; } 
#container #menu_gauche ul li#menuselected a:hover { color: #d10d1f; } 

#container #menu_gauche #lien_mmc { text-align: center; font-size: 9px; color: #999999; margin-top: 50px; line-height: 20px; }

#container #menu_gauche ul#langues { list-style: none; margin-left: 55px; margin-top: 60px; }
#container #menu_gauche ul#langues li { line-height: 20px; padding-left: 25px; }
#container #menu_gauche ul#langues li#fr { background: url('../images/flag-fr.gif') left 6px no-repeat; }
#container #menu_gauche ul#langues li#uk { background: url('../images/flag-uk.gif') left 6px no-repeat; }
#container #menu_gauche ul#langues li a { color: #999999; text-decoration: none; font-weight: normal; font-size: 9px; } 
#container #menu_gauche ul#langues li a:hover { text-decoration: underline; } 

#container #contenu { float: left; margin: 10px 0 0 9px; width: 574px; min-height: 500px; height: auto !important; height: 500px;  }
#container #contenu h1 { font-size: 15px; color: #FFFFFF; font-weight: bold; border-bottom: solid 1px #d10d1f; padding-bottom: 8px; margin-bottom: 20px; }
#container #contenu h1 a { color: #FFFFFF; font-weight: bold; text-decoration: none; }


#container #contenu #mosaique { margin-top: 15px; }
#container #contenu #mosaique td { padding: 2px; }
#container #contenu #mosaique a { display: block; width: 182px; height: 168px; text-align: center; padding-top:1px; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #222222; }
#container #contenu #mosaique a b { padding: 3px; display: block; }
#container #contenu #mosaique a:hover { background-color: #333333; color: #d10d1f; }
#container #contenu #mosaique .vendue img { opacity: 0.3; filter: alpha(opacity=30); }
#container #contenu #mosaique .vendue span { width: 180px; height: 70px; display: block; position: relative; margin-top: -90px; padding-top: 20px; font-weight: bold; color: #d10d1f; }


#container #contenu #ban_salon { text-align: center; padding: 8px 0 10px 0; }

#container #contenu .bloc { margin: 10px; }
#container #contenu .bloc .photo { width: 200px; }
/*#container #contenu .bloc .photo img { border: solid 1px #999999; }*/
#container #contenu .bloc .texte { width: 325px; }
#container #contenu .bloc .texte .titre { color: #d10d1f; font-weight: bold; font-size: 12px; }
#container #contenu .bloc .texte .titre i { color: #333333; font-size: 11px;  }
#container #contenu .bloc .texte .blabla { margin: 10px 0 10px 0; }
#container #contenu .bloc .texte .lien_photo a { text-decoration: underline; color: #ffffff; }
#container #contenu .bloc .texte .lien_photo a:hover { color: #666666; }
.tool-tip { color: #535050; font-weight: bold; z-index: 13000; opacity: 0.9; filter: alpha(opacity=90); }
.tool-text { font-size: 10px; background-color: #bab6b7; padding: 4px 8px 4px 8px; }
.tool2-tip { color: #444444; font-weight: bold; z-index: 13000; opacity: 0.6; filter: alpha(opacity=60); }
.tool2-text { font-size: 10px; background-color: #ffffff; padding: 4px 8px 4px 8px; }


#container #menu_marques { padding-top: 5px; text-align: center; border-bottom: dotted 1px #AAAAAA; margin-bottom: 7px; height: 75px; }
#container #menu_marques #scroll_gauche { float: left; position: relative; width: 8px; padding: 0 27px 0 25px; height: 40px; display: block; }
#container #menu_marques #scroll_droite { float: left; position: relative; width: 8px; padding: 0 25px 0 27px; }
#container #menu_marques #liste_marques { height: 42px; float: left; position: relative; padding-left: 20px; }
/*#container #menu_marques #liste_marques { width: 740px; height: 42px; float: left; position: relative; overflow: hidden; }*/
#container #menu_marques #liste_marques a { float: left; display: block; margin-right: 20px; }
#container #menu_marques #legende { padding-bottom: 10px; font-size: 9px; color: #787878; }

#container #contenu_news #choix { text-align: center; padding-top: 20px; }
#container #contenu_news #form_inscription { margin-top: 25px; display: none; }
#container #contenu_news #form_desinscription { margin-top: 25px; display: none; }
#container #contenu_news #form_inscription table { width: 500px; position: relative; left: 50%; margin-left: -250px; }
#container #contenu_news #form_desinscription table { width: 300px; position: relative; left: 50%; margin-left: -150px; }
#container #contenu_news input { font-size: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana; padding: 2px; }
#container #contenu_news .w180 { width: 180px; border: solid 1px #d10d1f; }
#container #contenu_news .valid { cursor: pointer; }
#container #contenu_news tr { vertical-align: middle; }
#container #contenu_news td { padding-bottom: 12px; line-height: 15px; }
#container #contenu_news .details_gauche { width: 100px; }
#container #contenu_news label.errorMessage { font-size: 9px; font-weight: bold; color: #FF0000; display: block; line-height: 11px; padding-top: 3px; }
#container #contenu_news #loading_news { padding: 50px 0 100px 0; background: url('../images/spinner-meca.gif') no-repeat center 70px; text-align: center; font-size:10px; color: #666666; display: none; }
#container #contenu_news #result_news { margin-top: 25px; width: 400px; position: relative; left: 50%; margin-left: -200px; }

#container #contact_adresse { width: 240px; float: left; line-height: 16px; }
#container #contact_adresse h2 { font-size: 14px; padding-bottom: 2px; }
#container #contact_adresse h2 a { font-weight: bold; text-decoration: none; color: #FFFFFF; }
#container #contact_adresse h2 a:hover { font-weight: bold; text-decoration: none; color: #FFFFFF; }
#container #contact_adresse a { color: #FFFFFF; text-decoration: underline; }
#container #contact_adresse a:hover { color: #666666; text-decoration: underline; }

#container #contact_form { width: 334px; float: left; }
#container #contact_form #form_contact { display: block; }
#container #contact_form input { font-size: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana; padding: 2px; }
#container #contact_form .w180 { width: 180px; border: solid 1px #d10d1f; }
#container #contact_form .valid { cursor: pointer; }
#container #contact_form tr { vertical-align: middle; }
#container #contact_form td { padding-bottom: 11px; }
#container #contact_form textarea { border: solid 1px #FF0000; background-color: #222222; color: #FFFFFF;  font-size: 10px; font-family: verdana; padding: 2px; width: 280px; height: 100px; }
#container #contact_form .details_gauche { width: 100px; }
#container #contact_form label.errorMessage { font-size: 9px; font-weight: bold; color: #FF0000; display: block; line-height: 11px; padding-top: 3px; }
#container #contact_form #loading_contact { padding: 70px 0 100px 0; background: url('../images/spinner.gif') no-repeat center 30px; text-align: center; font-size:10px; color: #666666; display: none; }
#container #contact_form #result_contact { margin-top: 25px; display: none; }


#container #contenu .spaceur { border-top: dotted 1px #AAAAAA; margin: 20px 10px 20px 10px;  clear: both; }

#container #contenu #bandeau_compet { padding-bottom: 20px; }

#container #contenu #table_voitures { width: 100%; text-align: center; }
#container #contenu #table_voitures thead {  }
#container #contenu #table_voitures thead th { background: url('../images/fonds-titre-voitures.jpg') left top repeat-x; vertical-align: middle; height: 25px; font-size: 10px; font-weight: bold; }
#container #contenu #table_voitures td { padding: 3px 0 3px 0;  }
#container #contenu #table_voitures td img { margin: 2px 0 2px 4px; }
#container #contenu #table_voitures .vendue img { opacity: 0.4; filter: alpha(opacity=40); }
#container #contenu #table_voitures .vendue span { width: 180px; height: 135px; display: block; position: relative; margin-top: -68px; margin-left: 5px; padding-top: 20px; font-weight: bold; color: #FFFFFF; }
#container #contenu #table_voitures .paire_on { background-color: #a09c9c; color: #FFFFFF; font-weight: bold; }
#container #contenu #table_voitures .paire_on a { color: #FFFFFF; text-decoration: none; display: block; }
#container #contenu #table_voitures .paire_off a { color: #333333; text-decoration: none; display: block;  }
#container #contenu #table_voitures .paire_off { background-color: #c1c1c1; color: #333333; }
#container #contenu #table_voitures .impaire_on { background-color: #a09c9c; color: #FFFFFF; font-weight: bold; }
#container #contenu #table_voitures .impaire_on a { color: #FFFFFF; text-decoration: none; display: block;  }
#container #contenu #table_voitures .impaire_off a { color: #333333; text-decoration: none; display: block;  }
#container #contenu #table_voitures .impaire_off { background-color: #cccccc; color: #333333; }

#container #pagination { text-align: right; padding: 30px 15px 15px 0; font-size: 10px; }
#container #pagination a { color: #444444; text-decoration: underline; }
#container #pagination a:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }

#container #footer { float: left; text-align: center; font-size: 9px; width: 100%; margin-top: 40px; padding-top: 5px; height: 30px; border-top: dotted 1px #AAAAAA; }
#container #footer a { color: #888888; text-decoration: none; font-weight: bold; }

#container2 #bandeau { height: 65px; }
#container2 #bandeau #logo { margin: 8px 0 0 25px; } 
#container2 #contenu { padding: 10px 0 0 15px; }
#container2 #contenu #galerie { float: left; width: 320px; }
#container2 #contenu #galerie table tr.ligne_mini td { padding-top: 10px; }
#container2 #contenu #details { float: left; width: 390px; margin-left: 25px; }
#container2 #contenu #details h1 { font-size: 14px; color: #FFFFFF; font-weight: bold; border-bottom: solid 1px #d10d1f; padding-bottom: 8px; margin-bottom: 20px; }
#container2 #contenu #details h1 a { color: #FFFFFF; text-decoration: none; }
#container2 #contenu #details h2 { font-size: 11px; margin-bottom: 15px; color: #FFFFFF; text-decoration: underline; text-align: center; }
#container2 #contenu #details input { border: solid 1px #d10d1f; background-color: #222222; font-size: 10px; color: #FFFFFF; font-family: verdana; padding: 2px; }
#container2 #contenu #details textarea { border: solid 1px #d10d1f; background-color: #222222; font-size: 10px; color: #FFFFFF; font-family: verdana; padding: 2px; width: 326px; height: 100px; }
#container2 #contenu #details table { width: 360px; }
#container2 #contenu #details table tr { vertical-align: middle; }
#container2 #contenu #details table td { padding-bottom: 12px; line-height: 15px; }
#container2 #contenu #details table .details_gauche { width: 160px; }
#container2 #contenu #details .span { font-weight: normal; }
#container2 #contenu #details #liens_details { margin-top: 40px; }
#container2 #contenu #details #liens_details a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#container2 #contenu #details #liens_details a:hover { color: #d10d1f; }

#container2 #contenu #details #bloc_contact .input { width: 166px; }
#container2 #contenu #details #bloc_contact { display: none; }
#container2 #contenu #details #bloc_contact #result_contact { display: none; }
#container2 #contenu #details #bloc_contact #loading_contact { display: none; padding: 50px 0 100px 0; background: url('../images/spinner-meca.gif') no-repeat center 70px; text-align: center; font-size:10px; color: #666666; }

#container2 #contenu #details #bloc_ami table tr { vertical-align: top; }
#container2 #contenu #details #bloc_ami { display: none; }
#container2 #contenu #details #bloc_ami .input { width: 141px; }
#container2 #contenu #details #bloc_ami #result_ami { display: none; }
#container2 #contenu #details #bloc_ami #loading_ami { display: none; padding: 50px 0; background: url('../images/spinner-meca.gif') no-repeat 15px center; }

#container2 #contenu #details label.errorMessage { font-size: 9px; font-weight: bold; color: #FF0000; display: block; line-height: 11px; padding-top: 3px; }

#container2 #contenu #container_plan { margin: 0 auto 0 auto; padding: 15px 0 0 12px; }

/*#container2 #contenu #big_img { width: 640px; height: 640px; text-align: center; position: relative; float: left; }*/
#container2 #contenu #big_img { width: 640px; height: 480px; text-align: center; position: relative; float: left; }
#container2 #scroll { position: relative; float: left; width: 100px; margin-left: 20px; }
#container2 #scroll_top { display: block; padding-bottom: 4px; }
#container2 #scroll_bottom { display: block; padding-top: 4px; }
#container2 #scroll_miniatures { height: 426px; width: 100px; overflow: hidden; }
#container2 #scroll_miniatures img { display: block; padding: 3px 0 3px 0; }

#container2 #contenu_galerie { padding: 5px 0 0 15px; display: none;  }
#container2 #contenu_galerie #lien_retour { text-align: center; padding-bottom: 5px; }
#container2 #contenu_galerie #lien_retour a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#container2 #contenu_galerie #lien_retour a:hover { color: #d10d1f; }
#container2 #contenu_galerie #big_img { width: 640px; height: 480px; text-align: center; position: relative; float: left; }
#container2 #contenu_galerie #scroll img { display: block; padding: 0 0 6px 0; }