@charset "iso-8859-1";

html{background:url(images/fd_ecran.gif) 0px 36px repeat-x #333; margin:0px; padding:0px;}
body{position:relative; width:950px; margin:0px auto; padding:0px; font:75%/1.5 verdana, arial, sans-seriff; }
a{color:blue; text-decoration:none;}
div, ul, li, p, form, dl, dt, dd, iframe, h1, h2, h3, h4, h5, fieldset{margin:0px; padding:0px;}
ul, ol{list-style-type:none;}
li{display:inline;}
img{border:none;}
fieldset{border:none;}
fieldset.cadre{display:block; /*border:solid 1px #f60;*/ margin:0px;}
legend{padding:10px; font-weight:bold; font-size:1.2em; color:#f60;}
.centrer{text-align:center;}

/* ================================ */
#entete{position:relative; height:200px; background:url(images/fd_entete.gif) 0px 36px  #333 no-repeat; z-index:100;}
#categories{display:block; position:absolute; top:66px; right:6px;}
/*#demo{display:block; position:absolute; top:80px; left:355px;}*/
a#favoris{display:block;border:none; position:absolute; top:10px; left:0px; width:103px; height:21px; background:url(images/boutons/favoris.gif);}
a#favoris:hover{background:url(images/boutons/favoris_hover.gif);}


a#demo{display:block; position:absolute; top:80px; left:365px;}
a#demo span{display:none;}
a#demo:hover{border:none;}
* html a#demo:hover span{position:absolute; top:115px; left:-155px; display:block;} /* Uniquement pour IE6 */
a#demo:hover span{position:absolute; top:85px; left:-145px; display:block;}

/* ================================ */
ul#nav_principale{position:absolute; top:45px; left:107px;}
#nav_principale a{color:orange; border-right:solid 1px orange; margin-right:3px; padding-right:5px; font-weight:bold; font-size:88%;}
#nav_principale a:hover{color:yellow;}

/* ================================ */
ul#identification{position:absolute; right:0px; top:10px; font-size:75%; text-align:right;}
#identification a{color:orange; border-right:solid 1px orange; margin-right:3px; padding-right:6px;}
#identification a:hover{color:yellow;}
#identification form{margin-bottom:3px; border-bottom:solid 1px orange; padding-bottom:5px;}
#identification label{color:white; margin-right:3px; padding-right:3px;}
#identification input{font-size:92%; margin-right:3px;}

/* ================================ */
form#moteur{position:absolute; left:190px; bottom:7px;}
form#moteur select, form#moteur input{font-size:92%;}

/* ================================ */
ul#menu_gauche{float:left; margin-top:-5px; text-align:left;}
ul#menu_gauche li{display:block; margin:0px;}
ul#menu_gauche li a{display:block; background:url(images/fd_pave_gauche.gif); width:168px; height:62px;}
ul#menu_gauche li a span{display:none;}
ul#menu_gauche li a#paiement{background:url(images/paves_gauche/pave_paiement.gif);}
ul#menu_gauche li a:hover#paiement, ul#menu_gauche li a#paiement_focus{background:url(images/paves_gauche/pave_paiement_hover.gif);}
ul#menu_gauche li a#montage{background:url(images/paves_gauche/pave_montage.gif);}
ul#menu_gauche li a:hover#montage, ul#menu_gauche li a#montage_focus{background:url(images/paves_gauche/pave_montage_hover.gif);}
ul#menu_gauche li a#livraison_gratuite{background:url(images/paves_gauche/pave_livraison_gratuite.gif);}
ul#menu_gauche li a:hover#livraison_gratuite, ul#menu_gauche li a#livraison_gratuite_focus{background:url(images/paves_gauche/pave_livraison_gratuite_hover.gif);}
ul#menu_gauche li a#livraison_express{background:url(images/paves_gauche/pave_livraison_express.gif);}
ul#menu_gauche li a:hover#livraison_express, ul#menu_gauche li a#livraison_express_focus{background:url(images/paves_gauche/pave_livraison_express_h.gif);}
ul#menu_gauche li a#contact{background:url(images/paves_gauche/pave_contact.jpg);}

ul#menu_gauche li a#conseils{background:url(images/paves_gauche/conseils/8_conseils.gif);}
ul#menu_gauche li a:hover#conseils, ul#menu_gauche li a#conseils_focus{background:url(images/paves_gauche/conseils/8_conseils_hover.gif);}
ul#menu_gauche li a#marquages{background:url(images/paves_gauche/conseils/marquages.gif);}
ul#menu_gauche li a:hover#marquages, ul#menu_gauche li a#marquages_focus{background:url(images/paves_gauche/conseils/marquages_hover.gif);}
ul#menu_gauche li a#indices{background:url(images/paves_gauche/conseils/indices.gif);}
ul#menu_gauche li a:hover#indices, ul#menu_gauche li a#indices_focus{background:url(images/paves_gauche/conseils/indices_hover.gif);}
ul#menu_gauche li a#pression{background:url(images/paves_gauche/conseils/pression.gif);}
ul#menu_gauche li a:hover#pression, ul#menu_gauche li a#pression_focus{background:url(images/paves_gauche/conseils/pression_hover.gif);}
ul#menu_gauche li a#equivalence{background:url(images/paves_gauche/conseils/equivalence.gif);}
ul#menu_gauche li a:hover#equivalence, ul#menu_gauche li a#equivalence_focus{background:url(images/paves_gauche/conseils/equivalence_hover.gif);}
ul#menu_gauche li a#lire_pneu{background:url(images/paves_gauche/conseils/lire_pneu.gif);}
ul#menu_gauche li a:hover#lire_pneu, ul#menu_gauche li a#lire_pneu_focus{background:url(images/paves_gauche/conseils/lire_pneu_hover.gif);}

ul#menu_gauche li a#fiche_client{background:url(images/paves_gauche/compte/fiche.gif);}
ul#menu_gauche li a:hover#fiche_client, ul#menu_gauche li a#fiche_client_focus{background:url(images/paves_gauche/compte/fiche_hover.gif);}
ul#menu_gauche li a#commandes{background:url(images/paves_gauche/compte/commande.gif);}
ul#menu_gauche li a:hover#commandes, ul#menu_gauche li a#commandes_focus{background:url(images/paves_gauche/compte/commande_hover.gif);}
ul#menu_gauche li a#factures{background:url(images/paves_gauche/compte/facture.gif);}
ul#menu_gauche li a:hover#factures, ul#menu_gauche li a#factures_focus{background:url(images/paves_gauche/compte/facture_hover.gif);}
ul#menu_gauche li a#modif_passe{background:url(images/paves_gauche/compte/mdp.gif);}
ul#menu_gauche li a:hover#modif_passe, ul#menu_gauche li a#modif_passe_focus{background:url(images/paves_gauche/compte/mdp_hover.gif);}

ul#menu_gauche table{width:170px; font-size:0.75em; border:solid 1px;}
ul#menu_gauche table table{width:100%; font-size:1em; border:none;}
ul#menu_gauche table table th{background:#ff9; border:none;}
ul#menu_gauche table table td{background:#ffc; border:none;}

#page_courante{position:relative; width:760px; background:url(images/fd_page.gif) no-repeat; float:right; padding-top:5px;}
#page_courante_repeat{background:url(images/fd_page_repeat.gif) repeat-y; margin-top:15px;}
#page_courante h1{font-size:150%; border-bottom:solid 1px #f60; color:#f60; margin:30px 50px 10px 50px;}
#page_courante h2{font-size:120%; color:#333; margin:30px 50px 10px 50px;}
#page_courante p,#page_courante ol, #page_courante ul{margin:0px 50px; /*list-style:square;*/}
/*#page_courante ul li{margin-left:50px; display:block;}*/
#page_courante ol ul{margin-left:100px;}
#page_courante ol ul li{display:block; margin-bottom:5px; background:url(images/puce_triangle.gif) no-repeat 0px 5px; padding-left:15px;}
#page_courante ol ul li h3{font-size:1em; display:inline; color:#f60;}
#page_courante p{margin-bottom:10px; margin-left:50px;}
#page_courante h2{font-size:15px; margin-top:25px;}

#page_courante_img{position:relative; width:760px; background:url(images/fd_page.gif) no-repeat; float:right; padding-top:5px;}
#page_courante_img h1{font-size:150%; border-bottom:solid 1px #f60; color:#f60; margin:30px 50px 10px 300px;}
#page_courante_img h1 span img{position:absolute; left:25px; top:30px;}
#page_courante_img p,#page_courante_img ol, #page_courante_img ul{margin:0px 50px;}
#page_courante_img ol ul{margin-left:100px;}
#page_courante_img ol ul li{display:block; margin-bottom:5px; background:url(images/puce_triangle.gif) no-repeat 0px 5px; padding-left:15px;}
#page_courante_img ol ul li h3{font-size:1em; display:inline; color:#f60;}
#page_courante_img p{margin-bottom:10px; margin-left:300px;}
#page_courante_img h2{font-size:15px; margin-top:25px; margin-left:300px; color:orange;}

/* liste avec titre orange */
#page_courante ul#titre_orange{margin:0px 100px;}
#page_courante ul#titre_orange li{display:block; margin-bottom:10px;}
#page_courante ul#titre_orange li h3{font-size:1em; display:inline; color:#f60; margin-right:5px;}


/* liste avec image */
#page_courante ul.liste_avec_image{position:relative; padding-left:200px; color:red;}
#page_courante ul.liste_avec_image li, ul.liste_avec_image li p,  ul.liste_avec_image li h2{margin:0px; padding:0px;}
#page_courante ul.liste_avec_image img{position:absolute; left:0px;}


/* ================================ */
#pied_page{clear:both; width:760px; text-align:right; padding-top:20px; background:url(images/fd_page_bas.gif) top left no-repeat #333;}
#pied_page ul{margin-right:10px; margin-top:0px; padding:0px;}
#pied_page a, #pied_page #navigation a{color:white;  border-right:solid 1px white; margin-right:3px; padding-right:5px; font-size:80%;}
#pied_page a:hover, #pied_page #navigation a:hover{color:yellow;}

/* ================================ */
#pub{margin:5px;}

/* ================================ */

dt span{display:none;}

dl#actus{float:left; width:375px; margin:5px; background:url(images/fd_col_actus.gif) bottom left no-repeat;}
dl#actus dt{background:url(images/titre_col_actus.gif) no-repeat; height:27px;}
dl#actus dd iframe{margin-bottom:25px;}
ul#list_actus{width:340px; position:relative; margin:0px;}
ul#list_actus li{}
ul#list_actus h2{font-size:12px; margin:5px 0px; margin-left:120px;}
ul#list_actus p{font-size:80%; margin-left:120px;}
ul#list_actus a{font-size:80%; font-weight:bold; display:block; text-align:right; width:300px; text-decoration:underline; margin:0px 10px 20px 0px;}
ul#list_actus img{float:left;display:block; margin:10px; border:solid 1px #333; width:100px; height:67px;}


dl#promos{float:left; width:350px; margin:-105px 0px 0px 10px; background:url(images/fd_col_promos.gif) bottom left no-repeat;}
dl#promos dt{background:url(images/titre_col_promos.gif) top no-repeat; height:27px;}
ul#liste_promos{position:relative;float:right; width:350px; margin:0px; padding:0px;}
ul#liste_promos ul{margin:0px;}
ul#liste_promos ul li{display:block; margin-left:160px; font-weight:bold; padding-left:10px; background:url(images/puce_triangle.gif) no-repeat 0px 6px;}
ul#liste_promos ul li.illustration, ul#liste_promos ul li.logo{background:none;}
ul#liste_promos ul li.illustration img{position:absolute; left:15px;}
ul#liste_promos ul li.prix_promo{color:red;}
ul#liste_promos ul{margin-bottom:25px;;}

dl#liste_image{position:relative; margin:0px 50px;}
dl#liste_image dt{position:absolute; left:0px; top:auto; width:200px; text-align:center;}
dl#liste_image dd{margin-left:200px; margin-bottom:50px;}
dl#liste_image dd ul, dl#liste_image dd li, dl#liste_image dd p{margin:5px 0px 0px 0px; padding:0px;}
dl#liste_image dd ul{list-style:square;}
dl#liste_image dd li{margin-left:25px; display:block;}
dl#liste_image dd h2{font-weight:bold; color:#f60;}
dl#liste_image ul img{}


/* ================================ */

table{border:solid 1px black; border-bottom:none; border-right:none; width:90%;}
table td{text-align:center; border-bottom:solid 1px black;}
table th{border-bottom:solid 1px black; background:orange;}
td, th{padding:3px; border-right:solid 1px black;}

table#deux_col th, table#deux_col th{width:200px;}

/* Etiquettes */
a#etiquette{text-decoration:underline; position:relative;}
a#etiquette span{display:none; text-decoration:none;}
a#etiquette span{border:none;}
a#etiquette:hover{background:none;}
a#etiquette span p{margin:0px;}
a#etiquette:hover span{display:block; position:absolute; top:0px; left:120px; color:white; background:white; background:#333; padding:10px; width:500px; font-size:0.9em; border:solid 1px black;}

/* Fomulaire contact */
form#contact{text-align:left; width:100%; margin:0px 0px 0px 75px; width:600px;}
form#contact label{display:inline; float:left; width:250px; font-size:0.9em; text-align:right; font-weight:bold; margin-right:10px; padding-top:5px;} 
/*form#contact input, form#contact textarea, form#contact select{margin:3px; background-color:#f1f1f1;}*/
form#contact input[type="text"], form#contact input[type="password"] , form#contact input[type="radio"] ,form#contact input[type="checkbox"] , form#contact textarea, form#contact select{margin:3px; background-color:#f1f1f1;}
form#contact p{/*font-size:70%;*/ margin-left:160px;}
form#contact .obli{color:red;}

/* Fomulaire identification commande */
form.form_cadre{text-align:left; width:100%; width:70%; margin:0px auto;}
form.form_cadre fieldset{padding:10px 0px;}
form.form_cadre label{display:inline; float:left; width:25%; font-size:0.9em; text-align:right; font-weight:bold; margin-right:10px; padding-top:5px;}
form.form_cadre input{margin:5px 0px;}


/* Spécification résultat recherche */
td.specifications a{position:relative;}
td.specifications a span{display:none; position:absolute; top:-20px; left:50px;border:solid 1px black; padding:10px; width:200px; /*height:200px;*/ background:#ffc; color:black;}
td.specifications a:hover{border:none;}
td.specifications a:hover span{display:block;}
form a{text-decoration:underline;}
td a{position:relative;}
/*
td a span{display:none; position:absolute; top:-20px; left:50px;border:solid 1px black; padding:10px; width:200px; background:#ffc; color:black;}
td a:hover{border:none;}
td a:hover span{display:block;}
*/

ul#stock{margin:25px;}
ul#stock li{display:block; font-style:oblique; font-size:0.8em; margin:0px; padding:0px;}

/* récapitulatif informations saisies */
ul#affichage{list-style:square;}
ul#affichage li{font-weight:bold; margin:5px 0px; margin-left: 25px; display:block;}
ul#affichage li span{font-weight:normal;}
ul#affichage_sans_puce{list-style:none;}
ul#affichage_sans_puce li{font-weight:bold; margin:5px 0px; margin-left: 25px;}
ul#affichage_sans_puce li span{font-weight:normal;}
ul#affichage_sans_puce li#virement{padding-bottom:70px; background:url(/images/rib.gif) -15px 65px no-repeat;}

/* Carte France */
#carte_france{border:solid 1px red;}

/* centre montage detail*/
table.centre_montage_detail td{ text-align:left;}
table.centre_montage_detail td.title{ text-align:left;font-weight:bolder;font-size:90%;}

/* processus commande */


/* Plan du site */
ul#plan{margin-left:30%;}
ul#plan li p{color:black; display:block; height:30px; margin-left:0px; background:url(images/puce_triangle.gif) no-repeat 0px 5px; padding-left:15px; margin:0px;}
ul#plan a{color:black; display:block; height:30px; background:url(images/puce_triangle.gif) no-repeat 0px 5px; padding-left:15px;}
ul#plan a:hover{color:orange; font-weight:bold;}

/* bouton submit */
input[type="submit"], input[type="button"] {background-color:/*#f1f1f1*/orange;}