/* design: kommeuneidee.com ++ css et programmes: lsidata.fr ++ webmaster: gtliens.com */ body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 11px; text-align: left;} a { text-decoration:none; color:#666666; font-weight:bold} a:hover { color: #ff9900;} img { border: none } p { margin: 0px;} #boite2contenu h4 { font-size: 10px; } #boite2contenu h5 { font-size: 9px; } #conteneur { position: relative; width: 960px; margin: 0 auto; background-color:#FFFFFF; } #header { height: 100px; background-color:#FFFF00; display:block;} #header #logo { height: 100px; background-color:#000000; width:960px; background-image:url(/media/img/Bandeau_01.jpg); background-repeat:no-repeat; display:block; margin: 0px;} #header #titresite h1 { height: 33px; width:350px; display:block; text-align: right; vertical-align: bottom; margin-top: 30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 30px; font-weight: bold; position:absolute; left: 362px; top: 32px; color: #333333;} #logosep { width:31px; height:100px; margin: 0px; background-image:url(/media/img/Bandeau_02.jpg); background-repeat:no-repeat; display:block; float:right;} #connexion { height:100px; width:214px; display:block; float: right; margin: 0px; background-color:#FDDB81;} #connexion #boitecnxtitre { color:#FFFFFF; height:25px; width:215px; background-image:url(/media/img/Bandeau_03_1px.gif); background-repeat:repeat-x; float:left; display:block; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold;} #connexion #boitecnxcontenucnx { overflow: hidden; width:75px; display:block; margin: 0; clear:both; margin-left:3px;} #connexion #boitecnxcontenu { height:75px; width:110px; background-color:#FDDB81; overflow: hidden; float:left; display:block;} #connexion #boitecnxcontenupro { height:75px; width:215px; background-color:#FDDB81; overflow: hidden; float:left; display:block;} #connexion #boitecnxcontenu input { border: 0px; height:12px; font-size:10px; margin-right: 2px; margin-bottom: 3px;} #connexion #boitecnxcontenu button { height:16px; border: 1px solid #000000; font-size:9px; background-color: #FDDB81; padding: 0px 1px 1px 1px;} #connexion #boitecnxcontenu button:hover { background-color:#FFFFFF; border: 1px solid #CCCCCC;} #connexion #boitecnxcontenu label { display:block; font-size:9px; font-weight:bold;} #connexion #boitecnxcontenupro input { border: 0px; height:12px; font-size:10px; margin-right: 2px; margin-bottom: 3px;} #connexion #boitecnxcontenupro button { height:16px; border: 1px solid #000000; font-size:9px; background-color: #FDDB81; padding: 0px 1px 1px 1px;} #connexion #boitecnxcontenupro button:hover { background-color:#FFFFFF; border: 1px solid #CCCCCC;} #connexion #boitecnxcontenupro label { display:block; font-size:9px; font-weight:bold;} #connexion #boitecnxcontenuinsc { font-size:9px; font-weight:bold; float:right; display:block; width:100px; text-align:center; } #connexion #boitecnxcontenuinsc a { color:#333333; padding: 6px;} #connexion #boitecnxcontenuinsc a:hover { color: #ff9900;} #boitetribord { height:30px; width:9px; background-image:url(/media/img/Bandeau_04.gif); background-repeat:no-repeat; float:right; padding:0; margin:0; clear:right; display:block;} #haut { height: 33px; background-image:url(/media/img/MenuOff.jpg);} .menuhaut { list-style-type: none; margin: 0; padding:0; height: 33px;} .menuhaut ul {} .menuhaut li { float: left; margin-right: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;} .menuhaut a { color:#ffffff; line-height:33px; text-decoration: none; vertical-align: middle; float:left; cursor: pointer; padding-right: 13px; padding-left: 13px; margin-top: 0; margin-right: 2px; margin-bottom: 0; margin-left: 2px;} .menuhaut a:hover { text-decoration: none; color:#FF9900; background-image:url(/media/img/MenuHover_02.jpg); height: 33px; position: relative; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; padding-right: 12px; padding-left: 12px;} /* */ #centre { background-color:#FFFFFF; margin-left: 245px; display:block; } #centre #bloc0 { background-color:#FFFFFF; margin-top : 2px; margin-left : 5px; margin-right : 20px; width:470px; display:block; float: left;} #centre #bloc1 { background-color:#FFFFFF; margin-top : 5px; margin-left : 5px; width:225px; display:block; float: left; height:344px;} #centre #bloc2 { background-color:#FFFFFF; margin-top : 5px; margin-left : 20px; width:225px; display:block; float: left; height:344px;} #gauche { position: absolute; width: 235px; display:block; float: left; left: 0px; top: 137px;} #droite { position: absolute; right: 0px; float: right; width: 225px; display:block; top: 137px; overflow:hidden;} #pied { height: 30px; background-color:#FFFFCC; clear:both;} .menugauche { list-style-type: none; margin: 0; padding:0;} .menugauche li { margin-bottom: 5px;} .menugauche a { margin: 0 2px; color: #000000; text-decoration: underline;} .menugauche a:hover { text-decoration: none;} .menudroit { list-style-type: none; margin: 0; padding:0;} .menudroit li { margin-bottom: 5px;} .menudroit a { margin: 0 2px; color: #000000; text-decoration: underline;} .menudroit a:hover { text-decoration: none;} /* */ #boite1 { width: 235px; padding-bottom:2px; overflow:visible;} /* */ #boiteoccas { width: 470px; display:block; clear:right; height: 40px;} #boiteoccastitrepuce { color:#FFFFFF; background-color:#FFFFFF; display:block; float: left; background-image:url(/media/img/ModuleOccasDuMoment_01.gif); height: 40px; width: 30px; margin-left: -10px; overflow:visible; position:relative;} #boiteoccastitrecaption { display:block; float: left; background-image:url(/media/img/ModuleOccasDuMoment_02.gif); height: 40px; width: 431px; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;} #boiteoccastitrefdcaption { display:block; float: left; margin-top: 15px; margin-left: 0px; font-size: 18px; font-style: italic; font-weight: bold; color: #333333;} #boiteoccastitredte { display:block; float: right; height: 40px; ; width: 19px; background-image:url(/media/img/ModuleOccasDuMoment_03.gif);} #boiteoccascontenu { border:2px solid #F9B600; height:170px; width:466px; overflow:hidden;} #boiteoccascontenu2 { border:2px solid #F9B600; width:466px; } /* */ #boite1puce { color:#FFFFFF; background-color:#FFFFFF; display:block; float: left; background-image:url(/media/img/ModuleFleche_01.gif); height: 30px; width: 20px; margin-left: -10px; overflow:visible; position:relative;} #boite1dte { display:block; float: right; background-image:url(/media/img/ModuleFleche_03.gif); height: 30px; width: 9px; overflow: hidden;} #boite1titrecaption { display:block; float: left; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold;} #boite1titre { color:#FFFFFF; background-color:#333333; height: 30px; overflow:visible; background-image:url(/media/img/ModuleFleche_02.gif);} #boite1contenu { border:0px none #666666; background-color:#F9B600; background-repeat:repeat-x; width:235px;} .liste { padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 25px;} #boite1contenu a { font-size: 11px; margin-right: 0px; margin-left: 0px; font-weight: bold; color: #333333;} #boite1contenu a:hover { color:#FF6600;} #boite1contenu #email { padding-bottom:2px; text-align: center; vertical-align: middle;} #boite1contenu #email input { border: 1px solid #000000; height:17px; line-height: 17px; font-size:11px; margin-right: 2px;} #boite1contenu #email button { height:21px; border: 1px solid #000000; font-size:10px; padding: 0px 1px 1px 1px; background-color: #f9b600;} #boite1contenu button { height:21px; border: 1px solid #000000; font-size:10px; padding: 0px 1px 1px 1px; background-color: #f9b600;} #boite1contenu button:hover { background-color:#FFFFFF; border: 1px solid #CCCCCC;} #boite1contenu #email button:hover { background-color:#FFFFFF; border: 1px solid #CCCCCC;} #boite1contenu #recherche { height:180px} #boite1contenu #recherche select { width: 120px; height:18px; border: none; font-size:9px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 8px; color:#999999} #boite1contenu #recherche select { width: 120px; height:18px; border: solid #666666 1px; font-size:10px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 8px; color:#555555; } #recherche table { color:#555555; } /* */ /* */ #boite1dutextemapuce { background-image:url(/media/img/ModuleTexte_02.gif); width:235px; height:20px;} #boite1dutextecaption { height:20px; display:block; float: left; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold; color:#FFFFFF;} #boite1dutextecaption a { font-size:10px; color:#FFFFFF; font-weight:bold;} #boite1dutextepuceg { background-image:url(/media/img/ModuleTexte_01.gif); height:20px; width:21px; display:block; float: left;} #boite1dutextepuced { background-image:url(/media/img/ModuleTexte_03.gif); height:20px; width:10px; display:block; float: right;} /* */ #boite3dutextemapuce { background-image:url(/media/img/ModuleTexte_02.gif); width:225px; height:20px;} #boite3dutextecaption { height:20px; display:block; float: left; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold; color:#FFFFFF;} #boite3dutextepuceg { background-image:url(/media/img/ModuleTexte_01.gif); height:20px; width:21px; display:block; float: left;} #boite3dutextepuced { background-image:url(/media/img/ModuleTexte_03.gif); height:20px; width:10px; display:block; float: right;} /* */ #boite2 { /* punaise */ border:0px none #666666; padding-top: 3px; padding-bottom: 0px; display:block; width:225px; clear:right;} #boite2titrepuce { color:#FFFFFF; background-color:#FFFFFF; display:block; float: left; background-image:url(/media/img/ModulePunaise_01.gif); height: 35px; width: 25px; margin-left: -10px; overflow:visible; position:relative;} #boite2titredte { display:block; float: right; background-image:url(/media/img/ModulePunaise_03.gif); height: 35px; width: 9px;} #boite2fdcaption { display:block; float: left; background-image:url(/media/img/ModulePunaise_02.gif); height: 35px; width: 201px;} #boite2titrecaption { font-family: Verdana, Arial, Helvetica, sans-serif; display: block; float: left; margin-top: 10px; margin-left: 5px; font-weight: bold; font-size: 18px; color: #333333; vertical-align: bottom;} #boite2contenu { border:1px solid #F9B600; clear:left; height: 344px; padding:0px; } /*#boite2contenu { border:1px solid #F9B600; clear:left; } /* */ #boite3 { width: 225px; padding-bottom:2px;} /* */ #boite3puce { color:#FFFFFF; background-color:#FFFFFF; display:block; float: left; background-image:url(/media/img/Module_01.gif); height: 30px; width: 10px;} #boite3dte { display:block; float: right; background-image:url(/media/img/Module_03.gif); height: 30px; width: 9px; clear:right;} #boite3titrecaption { display:block; float: left; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold;} #boite3titre { color:#FFFFFF; background-color:#333333; height: 30px; padding:0; background-image:url(/media/img/Module_02_1px.gif);} #boite3contenu { border:0px none #666666; background-color:#FFFFFF; background-image:url(/media/img/ModuleDegrade_1px.gif); background-repeat:repeat-x;} #boite3contenusansdegrade { border:0px none #666666; background-color:#F9B600;} /* */ #boite2contenu h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 16px; font-weight: bold; text-align:center; padding-top:10px; margin-top:10px;} /* */ #boite3plan { width: 225px; padding-bottom:2px;} /* */ #boite3planpuce { color:#FFFFFF; background-color:#FFFFFF; display:block; float: left; background-image:url(/media/img/ModulePlan_01.gif); height: 20px; width: 10px;} #boite3plandte { display:block; float: right; background-image:url(/media/img/ModulePlan_03.gif); height: 20px; width: 10px; clear:right;} #boite3plantitrecaption { display:block; float: left; vertical-align: middle; line-height: 20px; font-size:10px; font-weight:bold; margin-left:10px;} #boite3plantitre { color:#FFFFFF; background-color:#333333; height: 20px; padding:0; background-image:url(/media/img/ModulePlan_02_1px.gif);} #boite3plancontenu { background-color:#FFFFFF; margin-bottom:2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #FFCC00; border-bottom-color: #FFCC00; border-left-color: #FFCC00;} /* */ #boite4plan { width: 225px; padding-bottom:2px; display:block;} /* */ #boite4dutextemapuce { color:#FFFFFF; background-color:#FFFFFF; display:block; background-image:url(/media/img/ModuleTexteOrange_01.gif); background-repeat:no-repeat; height: 20px; width: 225px;} #boite4dutextecaption { color:#333333; vertical-align: middle; background-image:url(/media/img/ModuleTexteOrange_02.gif); line-height: 20px; font-size:10px; font-weight:bold; margin-left:21px; width: 210px;} #boite4dutextecaption a { color :#333333; } #boite4dutextecaption a:hover { color :#FF6600; } /*page 2 colonnes*/ #centre #bloc3 { background-color:#FFFFFF; margin-top : 5px; margin-left : 5px; width:712px; display:block; float: left;} /* */ #centre #bloc3 #boite2 { /* punaise */ border:0px none #666666; padding-top: 0px; padding-bottom: 0px; display:block; width:712px; clear:right;} #centre #bloc3 #boite2titrepuce { color:#FFFFFF; background-color:#FFFFFF; display:block; float: left; background-image:url(/media/img/ModulePunaise_01.gif); height: 35px; width: 25px; margin-left: -10px; overflow:visible; position:relative;} #centre #bloc3 #boite2titredte { display:block; float: right; background-image:url(/media/img/ModulePunaise_03.gif); height: 35px; width: 9px;} #centre #bloc3 #boite2fdcaption { display:block; float: non; background-image:url(/media/img/ModulePunaise_02.gif); height: 35px; width: 688px;} #centre #bloc3 #boite2titrecaption { display: block; float: left; margin-top: 14px; margin-left: 5px; font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; vertical-align: bottom;} #centre #bloc3 #boite2contenu { height:100%;} #selectionvo { font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif; } #selectionvo a { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333;} #selectionvo a:hover { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF6600;} #boite2contenu #detailvehicule #photos { display:block; float: left; margin:3px; width: 289px; height: 260px; } #boite2contenu #detailvehicule #informations { float: left; margin:3px; width: 289px; min-height: 330px; } #boite2contenu #detailvehicule #donnee { float: left; margin:3px; width: 289px; height: 260px; font-size: 14px; color:#333333;} #boite2contenu #detailvehicule #comp { display:block; float: left; margin:3px; font-size: 14px; color:#333333;} #boite2contenu #detailvehicule input { background-color:#FFFFFF; font-size:9px; height:16px; border: 1px solid #CCCCCC;} #boite2contenu #detailvehicule #prix { float: left; width: 210px; display: block; background-color:#fddb81; color:#333333; border: 1px solid #CCCCCC; padding:5px; margin:5px;} #divIdInfoConcession{ background-color:#fddb81; border: 1px solid #CCCCCC; padding:5px; padding-left:15px; padding-right:15px; margin:5px; width:190px; } #boite2contenu #detailvehicule #cond { background-color:#CCCCCC; width:400px; display:block; float:right; clear:both; padding:2px; margin:2px; color:#333333; font-size:8px; border: 1px solid #CCCCCC;} #helpertable { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;} /* */ #nombre { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333; } .ptitbouton{ background-color:#FFFFFF; font-size:9px; height:16px; border: 1px solid #CCCCCC; padding: 0px 2px 2px 2px;} .navigA { padding: 3px; display: inline; border: none; background-color: #FF6600; text-decoration: none; font-weight:bold; color:#fff; } .navig { background-color: #FFCC33; display: inline; color: #333333; font-weight:bold; padding: 3px; } .navig a{ background-color: #FFCC33; display: inline; background-color: #333333; text-decoration: none; font-weight:normal; color: #333333; } :hover.navig { background-color:#FF6600; color:#FFFFFF; } .prix-annee div{ font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #222222; text-align: center; vertical-align: middle; } .prix-annee a{ font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; text-align: center; vertical-align: middle; } thead a { font-size: 14px; text-decoration: none; font-weight: bold; color: #333333;} thead a:hover { text-decoration: none; font-weight: bold; color: #ff6600; } .buttonnormal { width: 120px; height:18px; border: solid #666666 1px; font-size:10px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 8px; color:#555555;} .buttonlarge { width: 120px; height:18px; border: solid #666666 1px; font-size:10px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 8px; color:#555555; } /*Textes */ #desc { margin: 15px; font-family: Arial,Helvetica,sans-serif; } #desc .titre { text-decoration: none; font-size: 12px; color: #333333; font-weight: bold; } #desc .normal { font-size: 10px; } #lienAction { font-weight: bold; background-image:url(/media/img/BoutonAction16x16.png); background-repeat: no-repeat;background-position: 0px center; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 25px; margin: 5px; font-family: Arial,Helvetica,sans-serif; overflow: visible; } #loctitre { float: left; width: 310px; display: block; background-color:#fddb81; color:#333333; border: 1px solid #CCCCCC; padding:5px; margin:5px;} #locmenu { clear: both;float: left; width: 310px; display: block; padding:5px; margin:5px;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Fiche véhicule */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Options */ #options{ clear:both; padding-left:140px; } /* Info Concession*/ #divIdConcessionNom{ } #spanIdConcessionRue{ } #spanIdConcessionCp{ } #spanIdConcessionVille{ } #divIdConcessionTelephone{ font-size:12px; font-weight: bold; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Actualité dans apropos.html */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #actualite{ padding:5px; margin:5px; } #spanIdTitreActualite{ display:block; font-weight: bold; font-size: 16px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #divIdActualite{ margin-top:5px; } .divIdActualiteRow{ margin-bottom:5px; border-bottom: 1px solid #CCCCCC; } .imgClassActualite{ } .spanClassActualiteTitre{ font-weight: bold; font-size: 14px; display:block; } .spanClassActualiteTexte{ display:block; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Trombinisocpe dans apropos.html */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #trombinoscope{ padding:5px; margin:5px; margin-top:10px; } #spanIdTitreTrombinoscope{ display:block; font-weight: bold; font-size: 16px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom:15px; } .divClassTrombinoscopeRow{ width: 320px; height:120px; border: 1px solid #CCCCCC; padding:5px; margin-bottom:10px; margin-right:5px; } .column1{ clear:both; float:left; } .column2{ float:left; } .imgClassTrombinoscope{ height: 100px; clear:both; float:left; margin-right:5px; } .spanClassTrombinoscopeTitre{ display:block; font-weight: bold; font-size: 12px; margin-right:5px; } .spanClassTrombinoscopeTexte{ display:block; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* bloccnx, Mini Connexion */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .formClassMiniConnexion #inputIdIdentification{ width:80px; } .formClassMiniConnexion #inputIdMotPasse{ width:80px; } #formIdMiniConnexionProfessionel #inputIdIdentification{ width:180px; } #formIdMiniConnexionProfessionel #inputIdMotPasse{ width:80px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* connect.html & professionnel.html */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .divClassLink{ margin-top:5px; margin-bottom:5px; } /* Après chaque submit, on rapelle le résultat de la dernière action ( félicitation .... ) */ #divIdMessageDerniereAction{ margin:5px; border: 1px solid #33FF00; padding:5px; font-size: 12px; } #divIdLienCreerCompte{ margin-top:10px; } #aIdGotoPageAccueil{ padding-left:30px; background:transparent url(/media/img/famfamfam/house.png) no-repeat scroll 5px center; } #aIdGotoLogin, #aIdGotoLoginPro{ padding-left:30px; background:transparent url(/media/img/famfamfam/application_form.png) no-repeat scroll 5px center; } #aIdCreerCompte, #aIdCreerComptePro { padding-left:30px; background:transparent url(/media/img/famfamfam/user_add.png) no-repeat scroll 5px center; } #aIdMotPasseOublie, #aIdMotPasseOubliePro { padding-left:30px; background:transparent url(/media/img/famfamfam/help.png) no-repeat scroll 5px center; } #aIdGotoHomeParticulier, #aIdGotoHomeProfessionnel { padding-left:30px; background:transparent url(/media/img/famfamfam/house.png) no-repeat scroll 5px center; } /* Après la demande de création d'un compte, on revient sur la page professionnel.html ou contact.html on rappelle que la création du compte s'est bien déroulé */ #divIdCreationCompteEnCours{ margin:5px; border: 1px solid #33FF00; padding:5px; font-size: 12px; padding-left:30px; background:transparent url(/media/img/famfamfam/user_add.png) no-repeat scroll 5px center; } #spanIdCreationCompteEnCours{ font-weight: bold; } /*quand on demande le mot de passe on revient sur connect.html ou professionnel on affiche en haut du login le message comme quoi le mot de passe a été transmis par mail */ #divIdMotPasseEnvoye{ margin:5px; border: 1px solid #33FF00; padding:5px; font-size: 12px; padding-left:30px; background:transparent url(/media/img/famfamfam/key_go.png) no-repeat scroll 5px center; } #spanIdMailMotPasseEnvoye{ font-weight: bold; } /* Mot de passe oublié : professionnel.html?act=motPasseOublie & contact.html?act=motPasseOublie */ #divIdMotPasseoublieEmailInconnu { margin:5px; border: 1px solid #FF0000; padding:5px; font-size: 12px; padding-left:30px; background:transparent url(/media/img/famfamfam/key_delete.png) no-repeat scroll 5px center; } #spanIdMotPasseoublieEmailInconnu { font-weight: bold; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* professionnel.html */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #divIdMessageBienvenuPro { margin:5px; border: 1px solid #CCCCCC; padding:5px; font-size: 12px; } #aIdEditerInfoCompte, #aIdEditerInfoCompteProfessionnel { background:transparent url(/media/img/famfamfam/user_edit.png) no-repeat scroll 5px center; padding-left:30px; } #aIdDeconnecterCompte, #aIdDeconnecterCompteParticulier, #aIdDeconnecterCompteProfessionnel { background:transparent url(/media/img/famfamfam/disconnect.png) no-repeat scroll 5px center; padding-left:30px; } #aIdAfficherListeMarchand { background:transparent url(/media/img/famfamfam/table.png) no-repeat scroll 5px center; padding-left:30px; } #aIdAfficherTarifLivraison { background:transparent url(/media/img/famfamfam/money_euro.png) no-repeat scroll 5px center; padding-left:30px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* tous les formulaires */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .spanClassRequiredEtoile{ font-size:80%; color:#FF0000; } .spanClassRequiredLibelle{ font-size:80%; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* eléments des formulaires */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* email */ #aIdCreerAlerte{ background:transparent url(/media/img/famfamfam/clock_add.png) no-repeat scroll 5px center; padding-left:30px; } .aClassEditerAlerte{ background:transparent url(/media/img/famfamfam/clock_edit.png) no-repeat scroll 5px center; padding-left:30px; } #aIdAfficherListeFavoris{ background:transparent url(/media/img/famfamfam/folder_heart.png) no-repeat scroll 5px center; padding-left:30px; } #aIdViderListeVehiculeFavoris{ background:transparent url(/media/img/famfamfam/folder_delete.png) no-repeat scroll 5px center; padding-left:30px; } #inputIdEmailEnvoyerA1Ami{ width:150px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* message félicitaion */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #divIdCandidatureEnvoyee{ margin:5px; border: 1px solid #33FF00; padding:5px; font-size: 12px; padding-left:30px; background:transparent url(/media/img/famfamfam/accept.png) no-repeat scroll 5px center; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* agrandir taille de saisie des nom, prenom, email ....*/ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #FormOptinCompteEdit input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; } #FormOptinCompteEdit textarea{ width: 250px; height: 150px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* agrandir taille de saisie des nom, prenom, email ....*/ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #FormOptinLogin input[type="text"], #FormOptinLogin input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; } #aIdBoitecnxtitreParticulier{ color:#FDDB81; padding-left:18px; background:transparent url(/media/img/famfamfam/bullet_go.png) no-repeat scroll 5px center; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* mettre en avant espace particulier */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #aIdBoitecnxtitreProfessionnel { color:#ff9900; padding-left:18px; background:transparent url(/media/img/famfamfam/bullet_go.png) no-repeat scroll 5px center; } #spanIdTitreEspacePro{ font-weight:bold; color:#ff9900; } /* .spanIdLabel{ width:50px; } */ #formIdSelectFabricantModele { text-align:center; } #formIdSelectFabricantModele input { width:250px; } #formIdSelectFabricantModele select { width:250px; } #formIdSelectFabricantModele button { text-align:center; } #divIdHtmlCompteur { text-align:center; } #formIdSelectFabricantModele #inputIdPetitButtonSubmit{ width:120px; background-color:#FFFFFF; font-size:9px; height:16px; border: 1px solid #CCCCCC; padding: 0px 2px 2px 2px;} .filtre{ background:transparent url(/media/img/yaho/sqr_undo.gif) no-repeat scroll 5px center; padding:2px 0 2px 20px; margin-right:10px; } .divClassPagination{ margin-top:5px; margin-left:10px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Erreur de saisie dans formulaire contact */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #divFormErrors { background-color:#EEEEEE; border:1px dashed #CC6666; color:#CC0000; margin-bottom:5px; padding:0.5em; }