* { margin:0; padding:0; } body { background-image:url(../images/resophone/fond.jpg); } img { border:0; } body.ssfond { background:none !important; padding:20px; } #Center { width:968px; margin-left:auto; margin-right:auto; } a { color:#F00; } .clear { clear:both; } ol li { list-style:none } /* Structure */ #centragePage {margin-left:-483px; position:absolute; left:50%; width:966px;} #Resophone { width:966px; border-left:solid #414141 1px; border-right:solid #414141 1px; background-color: #FFF; } #Resophone #Contenu { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; } #Contenu .Left { width:654px; float:left; padding-bottom:40px; } #Contenu .Left .Flash { padding:12px 0 0 13px; } #Contenu .Left .TCont, h1 { padding:12px 0 0 13px; } #Contenu .Left .TCont, p { padding:0 15px 0 15px; } #Contenu .Left .BCont { width:618px; height:185px; background:url(../images/resophone/BlocAR.gif) no-repeat 18px; margin-top:30px; float:left; } #Contenu .Left .BCont, h1 { padding:5px 0 0 17px; } #Contenu .Left .BCont, p { padding:15px 15px 0 20px; } #Contenu .Left .TContNavig { padding:20px 0 0 13px; } #Contenu .Right { width:20px; float:left; padding-bottom:40px; } #Contenu .Partner { text-align:center; padding:15px 0 0 0; } #Contenu .Left .TContNavig .img { padding:20px 0 0 17px; } #Contenu .Left .TContNavig .bar { padding:5px 0 5px 13px; } #Contenu .Left .TContNavig h1 { font-size:24px; font-weight:normal; } #Contenu .Left .TContNavig ul { padding:5px 0 10px 40px; } #Contenu .Left .TContNavig p { padding:0px 0 0 15px; } /* Texte */ h1, h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#002e62; } h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#002e62; margin-top:5px; } h4 { font-size:16px; font-weight:bold; } h5 { font-size:12px; } .TXT_ROUGE { color:#F00; font-weight:bold; font-size:16px; } .TXT_BLEU { color:#002e62; font-weight:bold; font-size:12px; } .TXT_GB { color:#002e62; font-size:16px; } .LIEN_CONTACT { color:#F00; } #NOS_SOLUTIONS li, #REFERENCE_CLIENT li, #NOS_REFERENCES li, #NOS_ENGAGEMENTS li, #CABLAGE li, #NOS_SERVICES li, #PLAN_SITE li, #DOCU li, #OUTILS li, #TELECHARGEMENT li { list-style-image: url(../images/resophone/list.gif); padding-left:3px; font-size:14px; font-weight:normal; } #NOS_SOLUTIONS a, #REFERENCE_CLIENT a, #NOS_REFERENCES a, #NOS_SERVICES a, #PLAN_SITE a, #DOCU a, #OUTILS a, #TELECHARGEMENT a { color:#000; text-decoration:none; } #NOS_SOLUTIONS a:hover, #REFERENCE_CLIENT a:hover, #NOS_REFERENCES a:hover, #NOS_SERVICES a:hover, #PLAN_SITE a:hover, #DOCU a:hover, #OUTILS a:hover, #TELECHARGEMENT a:hover { text-decoration:underline; } #MENTIONS_LEGALES { padding-left:13px; } #MENTIONS_LEGALES span { color:#002e62; font-weight:bold; } #REFERENCE_CLIENT div { margin:30px 0 30px 13px; } #REFERENCE_CLIENT div a { padding:0 15px 0 15px; font-size:13px; color:#002e62; font-weight:bold; } #CABLAGE li { padding-bottom:13px; } #CABLAGE a { color:#F00; } #CABLAGE a:hover { text-decoration:none; } #CABLAGE .Image { padding-left:30px; } #CABLAGE .txt { width:500px; float:left; } #CABLAGE .video { width:100px; float:left; text-align:center; padding-top:10px; } #TESTIMOGNAGE, #TOIP { text-align:center; padding-top:160px; } #NOS_ENGAGEMENTS li { color:#F00; } #NOS_ENGAGEMENTS p { margin:0 20px 15px 30px; } #NOS_ENGAGEMENTS img { margin:0 0 20px 10px; } #SOFT { } #PERMANENCE div { text-align:center; margin-top:40px; } #MOK img { margin:30px 10px 10px 13px; } .CENTRE { width:213px; float:left; text-align:center; } .CENTRE_IMG { width:320px; float:left; } .CENTRE_IMG ul { } .ENREGISTREUR_TXT { padding:140px 0 0 0; } .SECURITE_TXT { padding:120px 0 0 0; } .VIDEO_TXT { padding:60px 0 0 0; } .CONTROLE_TXT { padding:70px 0 0 0; } .VISIO_TXT { padding:65px 0 0 0; } .INFO_TXT { padding:75px 0 0 0; } .AUDIT_TXT, .GUICHET_TXT { padding-right:30px; } .GUICHET_TXT .italic { color:#002e62; font-style:italic; } .GUICHET_TXT img { padding-left:13px; } .GUICHET_TXT .Bloc { width:300px; float:left; margin-top:15px; } .PUCE { list-style:none; } .PUCE_R { background:url(../images/resophone/list.gif) no-repeat 0 1px; padding-left:17px; margin-left:13px; color:#002e62; } .CENTRE_IMG ul, .INFO_TXT ul, .VISIO_TXT ul, .CONTROLE_TXT ul, .ENREGISTREUR_TXT ul, .SECURITE_TXT ul, .VIDEO_TXT ul { list-style:none; } .CENTRE_IMG ul li, .INFO_TXT ul li, .VISIO_TXT ul li, .CONTROLE_TXT ul li, .ENREGISTREUR_TXT ul li, .SECURITE_TXT ul li, .VIDEO_TXT ul li { background:url(../images/resophone/list.gif) no-repeat 0 1px; padding-left:17px; margin-left:-20px; } /* Flash */ .FlashPARTENAIRE { padding-left:30px; } /* Form */ .Search { height:40px; text-align:center; padding-top:20px; padding-left:25px; width:270px; } .Search div { float:left; padding-left:3px; } .Search input { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; } .SearchSide input.input-text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; width:100px; float:left; margin-right:5px;} .SearchSide input { float:right; } .SearchSide { clear:both; margin:0px 0px 10px 0px } #EspaceClient { width:100% } #EspaceClient .bt { display: block; height:19px; width:154px; } #EspaceClient .bt input { width:154px; height:19px; } #EspaceClient p { padding:5px 0 0 13px; width:110px; float:left; } #EspaceClient div input { width:130px; float:left; padding:2px 0 0 0; } .btBox { margin-top:50px; } .cadreEnt { padding-top:20px; } .cadreEnt input { width:200px; } .cadreEnt textarea { width:600px; height:70px; } .cadreEnt .BOUTONS { text-align:right; margin-top:5px; } .cadreMoit p span { color:#002e62; font-weight:bold; } /*legend { display:none; } fieldset { border:none; } fieldset ol { list-style:none; } .reqnote { display:none; } .error div { width:250px; float:float; }*/ fieldset { border:none; padding:0px;margin:5px; } legend { display:none; } fieldset li { list-style:none; margin-bottom:10px; } fieldset ol li { width:320px; } .validation-advice { color:red; display:block; background:no-repeat url(../images/resophone/delete.jpg) 0px 0px; padding-left:20px; height:20px; padding-top:1px; } .error div { height:20px; } .required { color:#F00 } .element { margin-left:10px; } .input-box { float:left; } .input-box input { } .input-box textarea {width:580px !important;} .ligne_contact { clear:both; margin-bottom:10px; } .decalageFormContact {padding-left:13px !important; } /* Bloc */ .BlocL1 { width:620px; background-image:url(../images/resophone/BlocL1Grand.gif); background-repeat:no-repeat; float:left; margin:22px 0 0 15px; } .BlocL1 div { /*width:125px;*/ float:left; padding:0 10px 0 10px; } .BlocL2 { width:295px; float:left; margin:20px 0 0 23px; } .BlocL2 p { padding:40px 0 0 70px; } .BlocL1 h2 { padding:12px 0 20px 11px; } .BlocL1 p { padding:0 0 0 11px; } .BlocL1 p img { padding:10px 0 0 55px; } .BlocL1 a { color:#002e62; font-weight:bold; font-size:12px; } .BlocL1 a:hover { text-decoration:none; } .BlocClient { width:281px; height:264px; background-image:url(../images/resophone/BlocRight.gif); margin-left:15px; color:#FFF; } .BlocClient h4 { text-align:right; padding-right:15px; padding-top:10px; } .BlocClient h5 { padding-left:15px; padding-top:15px; } .BlocClient p { padding-left:13px; } .BlocSupport { margin:10px 0 20px 20px; } .BlocRight { width:261px; height:264px; background-image:url(../images/resophone/BlocRight.gif); margin-left:15px; padding-right:20px; color:#FFF; } .BlocRight div { width:105px; float:left; padding:10px 0 0 15px; } .BlocRight p { padding:105px 0 0 15px; color:#002e62; font-size:13px; } .BlocRight h4 { text-align:right; padding-right:15px; padding-top:10px; } .BlocRight h5 { padding-left:15px; padding-top:15px; } #newsLetter.BlocRight { background:url(../images/resophone/BlocRightNews.gif) !important; height:117px !important; width:260px !important; } #newsLetter.BlocRight .newsChamp { width:250px; } #newsLetter.BlocRight div { width:200px; margin-bottom:10px; } #newsLetter.BlocRight .newsChamp input.sub, #newsLetter.BlocRight .newsChamp input { float:left;} #newsLetter.BlocRight .newsChamp input.sub { width:100px; margin-left:10px; background:url(../images/resophone/btnInscriptionNews.jpg);width:100px; height:19px; border:0; } #newsLetter.BlocRight p { color:#FFFFFF; font-size:13px; padding:15px 0 0 15px; } #newsLetter.BlocRight .newsChamp input { width:100px; margin-right:10px; } .btnBoutiqueCMS { margin:15px 0px 15px 15px } /* Header */ #Header { width:966px; height:147px; background-image:url(../images/resophone/Header.jpg); } #Header .logo { padding:35px 0 0 20px; } /* Footer */ #Footer { height:100px; background-image:url(../images/resophone/Footer.gif); background-repeat:no-repeat; width:968px;} #Footer .logo { float:left; padding:13px 0 0 20px; } #Footer .txt { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:30px 0 0 185px; } #Footer a { font-weight:bold; color:#000; } #Footer a:hover { font-weight:bold; color:#000; text-decoration:none; } /* Menu */ #Menu { height:49px; background-image:url(../images/resophone/Menu.gif); } #Menu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; } #SousMenu { height:20px; background-image:url(../images/resophone/SousMenu.gif); text-align:center; color:#FFF; font-size:11px; font-weight:bold; padding-top:4px; } #SousMenu a { font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; } #SousMenu a:hover { text-decoration:underline; } #container {width:966px; height:30px; position:relative; background:url(../images/resophone/list-back2.gif); } #nav, #nav ul {padding:0; margin:0 auto; list-style:none; background:#fff; } #nav {position:relative; z-index:50; } #nav ul {display:none; } #nav li { float:left; position:relative; } #nav li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:10px; } #nav li b {display:block; padding:0 20px 0 12px; cursor:pointer; height:19px; line-height:19px; float:left; font-weight:bold; color:#FFF; } #nav li.first b {padding-left:40px; background-position:left top;} #nav li.last b {padding-right:30px; background-position:right top;} #nav li a b.clicked {color:#F00;} #nav li ul {position:absolute; left:0; top:25px; height:auto; float:left; background:#f8f8f8; padding:2px; border:1px solid #000; } #nav li ul.w1 {width:190px;} #nav li ul.w2 {width:310px;} #nav li ul.w3 {width:370px;} #nav li ul.w4 {width:200px;} #nav li ul.w5 {width:150px;} #nav li ul li {float:none;} #nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#000; font-size:12px; background:url(../images/resophone/list.gif) no-repeat 0 3px; padding-left:15px; margin-left:3px;} #nav li ul li a:hover {background:#F00; color:#fff;} /* Document */ #DOC a { font-size:12px; color:#F00; text-decoration:underline; font-weight:normal; padding-left:20px; } #DOC a:hover { text-decoration:none; } #DOC .TAB_5 a { font-size:12px; color:#002e62; text-decoration:none; font-weight:normal; background:url(../images/resophone/rep.gif) no-repeat 0 0; padding-left:20px; font-weight:bold; } #DOC .TAB_5 a:hover { text-decoration:none; } .TAB_1 { width:400px; height:15px; background-color:#039; color:#FFF; margin-left:13px; padding-left:5px; border-right:solid 1px #FFF; font-weight:bold; } .TAB_2 { width:100px; height:15px; background-color:#039; color:#FFF; border-right:solid 1px #FFF; text-align:center; font-weight:bold; } .TAB_3, .TAB_5 { width:400px; margin-left:13px; padding-left:5px; border-right:solid 1px #FFF; } .TAB_4 { width:100px;border-right:solid 1px #FFF; text-align:center; } /******************** Structure Boutique *****************************/ #Contenu.boutique .Left { width:162px; float:left; padding: 10px 0px 40px 13px; } #Contenu.boutique .Right { width:791px; float:left; padding: 0px 0px 40px 0px; } #Contenu.boutique .Right .TContNavig { padding:20px 0 0 13px; } #Contenu.boutique .Right .TContNavig .img { padding:20px 0 0 17px; } #Contenu.boutique .Right .TContNavig .bar { padding:5px 0 5px 13px; } #Contenu.boutique .Right .TContNavig h1 { font-size:24px; font-weight:normal; } #Contenu.boutique .Right .TContNavig ul { padding:5px 0 10px 40px; } #Contenu.boutique .Right .TContNavig p { padding:0px 0 0 15px; } #breadCrumb a { color:#0d3d71; } .messages li { list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px } .success-msg li{ background:no-repeat url(../images/resophone/success.jpg) 0px 0px; padding:0px 0px 0px 25px; list-style:none; height:20px; } /* menu gauche */ #Contenu.boutique .menuBoutique {float:left; margin:10px 0px 10px 0px !important;} #Contenu.boutique .menuBoutique ul li { background:no-repeat url(../images/resophone/puceLiMenuBoutique.jpg) 0px 1px; padding:0px 0px 5px 20px; color:#cd031a; text-transform:uppercase; list-style:none; font-weight:bold; } #Contenu.boutique .menuBoutique ul li a:link, #Contenu.boutique .menuBoutique ul li a:visited { color:#cd031a; text-transform:uppercase; text-decoration:none; } #Contenu.boutique .menuBoutique ul li a:hover, #Contenu.boutique .menuBoutique ul li a:actived { text-decoration:underline } #Contenu.boutique .menuBoutique ul li ul li { text-transform:none; background:none; padding:0; font-weight:normal } #Contenu.boutique .menuBoutique { margin:0px 0px 10px 0px; } #Contenu.boutique .menuBoutique ul li ul li a:link,#Contenu.boutique .menuBoutique ul li ul li a:visited { color:#0d3d71; text-decoration:none; text-transform:none } #Contenu.boutique .menuBoutique ul li ul li a:hover, #Contenu.boutique .menuBoutique ul li ul li a:active { text-decoration:underline; } /* filtre de recherche */ #Contenu.boutique #filtreRecherche { margin:0px 0px 10px 0px; } #Contenu.boutique #filtreRecherche #zoneFiltre { border-left:1px solid #184271;border-right:1px solid #184271; width:148px; text-align:center; overflow:hidden; float:left; } #Contenu.boutique #filtreRecherche #zoneFiltre p { text-align:center; display:block; color:#123d6d; font-size:13px; margin:0px; padding:0px; font-weight:bold; } #Contenu.boutique #filtreRecherche #zoneFiltre select { padding:0px 0px 0px 0px; width:125px; } /* Search sidebar */ #Contenu.boutique #SearchSide { margin:0px 0px 10px 0px; } #Contenu.boutique #SearchSide #zoneSearch { border-left:1px solid #184271;border-right:1px solid #184271; width:148px; text-align:center; overflow:hidden; } #Contenu.boutique #SearchSide #zoneSearch p { text-align:center; display:block; color:#123d6d; font-size:13px; margin:0px; padding:0px; font-weight:bold; } #Contenu.boutique #SearchSide #zoneSearch input { padding:0px 0px 0px 0px; width:125px; } #Contenu.boutique #SearchSide #zoneSearch input.btnSubmit { width:48px; } .imgDecal { position:relative; top:3px; } /* box panier + comparer */ #boxPanier div, #BoxNewsletter div { background:repeat-x url(../images/resophone/backBoxLeft.jpg); width:150px; height:130px; text-align:center; color:#FFF} #BoxNewsletter div input { padding:0px 0px 0px 0px; width:125px; } .BleuFonce { color:#002E62; } #boxPanier div , #boxPanier img, #BoxNewsletter div , #BoxNewsletter img { float:left; } #boxPanier a { color:#CCC; } #BoxNewsletter .sub { background: url(../images/resophone/btnInscription.jpg); border:0; width:150px; height:17px } /* Page panier */ #tablePanier { border:1px solid #bebcb7; width:745px ; margin:10px 0px 0px 15px} .tableau th { background-color: #0d3d71; border-left:1px solid #FFF; height:22px; text-align:center; color:#FFF;} .tableau th.first { border:0; } .tableau td { background:#e8e8e8; border-left:1px solid #dddddd; padding:10px; text-align:center; } .tableau tr.pair td { background:#f1f1f1 !important; border-left:1px solid #dddddd; } #tablePanier input { width:36px; height:21px; border:1px solid #b6b6b6 } #tablePanier td.first { border:0;} #tablePanier tbody img { border:1px solid #d0d0d0 } #tablePanier .sup img { border:0; } .prix { width:60px; } #tablePanier td.sup,#tablePanier td.quan { padding:0; text-align:center; width:60px } #btnPanier { text-align:center; } #btnPanier img { margin:20px 0px 0px 10px } #totalPanier table { width:745px; border:1px solid #bebcb7; margin:20px 0px 0px 15px; padding:10px;} #totalPanier table .montantTotal td { font-weight:bold; font-size:14px; } /* Page Liste */ .ligneListe div { float:left; } .ligneListe { margin:10px 0px 0px 30px; clear:both; } .ligneListe .photo img { border:1px solid #d0d0d0; } .ligneListe .photo { margin:0px 10px 0px 0px; width:135px; } .ligneListe .descr { width:400px; } .ligneListe .descr p { padding:0 !important; } .ligneListe .actions { width:100px; margin:0px 0px 0px 10px; } .ligneListe .actions .prix { width:172px; height:38px; padding-top:12px;float:none; text-align: center; font-weight:bolder; font-size:19px; border:1px solid #000; } .ligneListe .actions img { margin:5px 0px 0px 0px } .separListe { margin-left:15px;margin-top:10px} .pager { width:748px; margin-left:30px; } .pager ol li { display:inline; } /* Page details Article */ .ligneListe.details .descr { width:400px; } .ligneListe #details { width:550px; float:left; } .ligneListe .availability { width:172px; float:none; text-align: center; font-weight:bolder; font-size:19px; color:#cd031a; } .ligneListe #ajoutPanier { } .ligneListe .btnActions { width:172px; } .ligneListe .btnActions img { margin:10; } .ligneListe #descriptionDetails { width:530px; background:no-repeat url(../images/resophone/fondDescription.jpg); padding:13px 10px 0px 10px; margin:10px 0px 0px 0px; height:150px; } .ligneListe #descriptionDetails h4 { color:#0d3d71; font-size:14px; margin-bottom:13px; } /* Comparateur de produits */ #product_comparison { border-top:1px dotted #B5B5B5; padding-top:10px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #product_comparison td { vertical-align:top; padding:5px; border-top:1px solid #f1f4f8 } #product_comparison .label { background:#e4ecf6; text-align:center; vertical-align:top; padding:5px; border-top:1px solid #FFF} #product_comparison .ajoutpanier td { background:#f1f4f8; border-top:5px solid #FFF } #product_comparison .photo img { border:1px solid } /* STRUCTURE CHECKOUT */ /******************** Structure Boutique *****************************/ #Contenu.checkout .Left { width:162px; float:left; padding: 10px 0px 40px 13px; } #Contenu.checkout .Middle { width:600px; float:left; padding: 0px 0px 0px 0px; } #Contenu.checkout .right { width:191px; float:left; padding: 0px 0px 0px 0px; } #Contenu.checkout .Middle .TContNavig { padding:20px 0 0 13px; } #Contenu.checkout .Middle .TContNavig .img { padding:20px 0 0 17px; } #Contenu.checkout .Middle .TContNavig .bar { padding:5px 0 5px 13px; } #Contenu.checkout .Middle .TContNavig h1 { font-size:24px; font-weight:normal; } #Contenu.checkout .Middle .TContNavig ul { padding:5px 0 10px 40px; } #Contenu.checkout .Middle .TContNavig p { padding:0px 0 0 15px; } #breadCrumb a { color:#0d3d71; } .messages li { list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px } .success-msg li{ background:no-repeat url(../images/resophone/success.jpg) 0px 0px; padding:0px 0px 0px 25px; list-style:none; height:20px; } /* menu gauche */ #Contenu.checkout #menuBoutique ul li { background:no-repeat url(../images/resophone/puceLiMenuBoutique.jpg) 0px 1px; padding:0px 0px 5px 20px; color:#cd031a; text-transform:uppercase; list-style:none; font-weight:bold; } #Contenu.checkout #menuBoutique ul li a:link, #Contenu.checkout #menuBoutique ul li a:visited { color:#cd031a; text-transform:uppercase; text-decoration:none; } #Contenu.checkout #menuBoutique ul li a:hover, #Contenu.checkout #menuBoutique ul li a:actived { text-decoration:underline } #Contenu.checkout #menuBoutique ul li ul li { text-transform:none; background:none; padding:0; font-weight:normal } #Contenu.checkout #menuBoutique { margin:0px 0px 10px 0px; } #Contenu.checkout #menuBoutique ul li ul li a:link,#Contenu.checkout #menuBoutique ul li ul li a:visited { color:#0d3d71; text-decoration:none; text-transform:none } #Contenu.checkout #menuBoutique ul li ul li a:hover, #Contenu.checkout #menuBoutique ul li ul li a:active { text-decoration:underline; } /* filtre de recherche */ #Contenu.checkout #filtreRecherche { margin:0px 0px 10px 0px; } #Contenu.checkout #filtreRecherche #zoneFiltre { border-left:1px solid #184271;border-right:1px solid #184271; width:148px; text-align:center; overflow:hidden; } #Contenu.checkout #filtreRecherche #zoneFiltre p { text-align:center; display:block; color:#123d6d; font-size:13px; margin:0px; padding:0px; font-weight:bold; } #Contenu.checkout #filtreRecherche #zoneFiltre select { padding:0px 0px 0px 0px; width:125px; } /* One-Page checkout */ .one-page-checkout form { border:none; } .one-page-checkout { margin-left:20px; margin-right:20px; } .one-page-checkout li.section { position:relative; } .one-page-checkout td { vertical-align:top; } .one-page-checkout .puce li {display:block; height:20px; line-height:20px; padding:0 5px; width:300px;color:#000; font-size:12px; background:url(../images/resophone/list.gif) no-repeat 0 3px; padding-left:15px; margin-left:3px;} .one-page-checkout td .col-2,.one-page-checkout td .col-1 { padding:10px; border:0 !important; } .one-page-checkout td .col-2, { border:1px solid #000; } .one-page-checkout .group-select { margin-right:0; } .one-page-checkout .box { border:1px solid #bbb6a5; border-top:0; padding:15px 20px; background:#faf7ee;width: 696px; overflow:hidden; } .one-page-checkout .head { margin-bottom:0; padding:4px 8px 6px 8px; background:#f3f3f3; border-width:0 1px 0 1px; border-color:#D9DDE3; border-style:solid; border-top:1px solid #fff; } .one-page-checkout .tool-tip { right:8px; } .one-page-checkout .head a { display:none; } /* Hide Edit button in step header */ .validation-advice { color:red; display:block; background:no-repeat url(../images/resophone/delete.jpg) 0px 0px; padding-left:20px; height:20px; padding-top:1px; width:300px; } .one-page-checkout tfoot td { text-align:right; } .one-page-checkout h3 { color:#959595; font-size:1.05em; } .one-page-checkout h4, .loginForm h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; font-size:13px; } .one-page-checkout h4.title { border-bottom:0; text-transform:none; } .one-page-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; font-weight:bold } .one-page-checkout .content { padding:10px 20px; } .one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; } .one-page-checkout .allow .head { background:#d0dce1; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; } .one-page-checkout .active .head { margin-bottom:0; border:1px solid #BBAFA0; background:#f3f3f3; padding-bottom:5px; cursor:default; } .one-page-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */ .one-page-checkout .group-select { margin-top:0; border:0; background:none; padding:0; } .one-page-checkout .allow h3 { color:#a4b3b9; } .one-page-checkout .active h3 { color:#0d3d71; } .one-page-checkout .allow .step-count { background:#dbe6eb; } .one-page-checkout .active .step-count { color:#fff; border:1px solid #959595; background:#959595; } .one-page-checkout .active .box { display:block; border-color:#BBAFA0; background:#FFF ; } .one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; } .one-page-checkout .checkmo-mailing-address { padding-left:20px; } .one-page-checkout-progress .page-head { margin-bottom:1em; } .one-page-checkout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; } .one-page-checkout-progress h3 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none;font-size:12px; } .one-page-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none;font-size:12px; } .one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; font-size:12px; } .one-page-checkout-progress h4 a { text-transform:none; } .one-page-checkout-progress .content { padding:8px 13px; } #opc-login .button-set { border-top:0; } #opc-review .box { border:0; padding:0; } #opc-review .content { border:1px solid #d9dde3; border-top:0; } #opc-review .data-table { border-top:0; } .opc-please-wait { padding-right:7px; } .one-page-checkout a.back { background:url(../images/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px; } .one-page-checkout .payment-methods dd { padding:0; } .one-page-checkout .button-set { margin-top:0; padding-top:2em; } .checkout-progress { margin:0 auto 1.5em auto; } .checkout-progress td { float:left; margin-right:3px; border-top:10px solid #999; padding:4px 20px; color:#abb5ba; font-weight:bold; } .checkout-progress td.active { border-top-color:#e96200; color:#e96200; } /* Login form */ .loginForm form { border:none; } .loginForm { margin-left:20px; margin-right:20px; } .loginForm td { vertical-align:top; } .loginForm .puce li {display:block; height:20px; line-height:20px; padding:0 5px; width:300px;color:#000; font-size:12px; background:url(../images/resophone/list.gif) no-repeat 0 3px; padding-left:15px; margin-left:3px;} .loginForm .input-box { margin:5px 0px 0px 20px; } .loginForm td .col-2,.loginForm td .col-1 { padding:10px; border:0 !important; } /* Dashboard */.account-box { margin-left:10px; margin-top:10px; border:1px solid #ccc; border-right-color:#999; border-bottom-color:#999; background:url(../images/account_box_bg.gif) repeat-x #fff; padding:15px; float:left; width:710px; } .account-box .head { margin-bottom:10px; border-bottom:1px solid #d9dde3; height:20px; } .account-box h4 { color:#123d6d; font-size:1.1em; text-transform:uppercase; left:left; } .account-box .inner-head { margin-bottom:8px; background:url(../images/dotted_divider.gif) repeat-x 0 100%; padding-bottom:2px; text-align:right; margin-top:10px; clear:both;} .account-box h5 { font-size:1.1em; float:left; } .account-box h5 a { font-weight:normal; } .account-box h6 { text-transform:uppercase; } .account-main .account-box li { padding:5px 0; } .account-box ol .count { float:left; margin-top:3px; background-color:#0a263c; padding:1px 3px; font-size:9px; font-weight:bold; color:#fff; line-height:1em; } .account-box ol .content { margin-left:20px; padding:0; } .account-box ol.recent-reviews small { float:left; margin-right:3px; font-weight:bold; } .account-box .product-images { width:65px; } .account-box .product-images img { border:1px solid #ccc; } .account-box .product-details { margin:0 0 10px 70px; } .account-box .content { padding:0; } .account-side .actions { border-top:1px solid #ccc; padding-top:4px; } .account-side .actions .form-button { float:right; } .edit-password { display:block; height:20px; background:url(../images/icon_lock.gif) no-repeat 0 2px; padding-left:20px; } .dashboard-welcome { margin-right:8em; margin-bottom:1.5em; font-size:1.1em; } .account-box .head h4 { padding-left:21px; min-height:17px; background-repeat:no-repeat; background-position:0 0; } .ad-orders .head h4 { background-image:url(../images/icon_folder_table.gif); } .ad-account-info .head h4 { background-image:url(../images/icon_ma_info.gif); } .ad-tags .head h4 { background-image:url(../images/icon_ma_tags.gif); } .ad-reviews .head h4 { background-image:url(../images/icon_ma_reviews.gif); } /* Account Addressbook */ .primary-address-list h4, .address-list h4 {font-size:1.1em; color:#E26703; text-transform:uppercase; } .primary-address-list li { margin-bottom:10px; border:1px solid #ccc; background:url(../images/account_box_bg.gif) repeat-x #fff; padding:10px 13px 8px 13px; } .primary-address-list li .head { margin:0; } .address-list li { margin-bottom:1em; } .address-list .actions { float:right; margin:0 0 10px 10px; } /* Account Order History */ .sales-order-view .checkmo-mailing-address { display:block; padding-left:20px; } /* Compare Products */ /* Reviews */ .my-review-detail .product-image { float:left; width:135px; } .my-review-detail .product-image p { margin-bottom:0; } .my-review-detail .product-image p img { vertical-align:top; } .my-review-detail .details { float:right; width:538px; } .my-review-detail .ratings-list { margin-bottom:.8em; } .my-review-detail .ratings { line-height:1.5; } .my-review-detail .ratings .rating-box { float:none; margin-bottom:3px; } .my-review-detail .ratings .pipe { display:none; } .my-review-detail .ratings a { display:block; } /* Gift Messages */ .giftmessage { padding:10px 0 0 0; } .giftmessage-preview-link { font-size:11px; padding-right:7px; background-repeat:no-repeat; background-position:right 5px; } .giftmessage-row { background-color:#f2efe9; } .giftmessage-content { float:left; } .giftmessage-close { float:right; } .expand { background-image:url(../images/gift-message-expand.gif); } .collapse { background-image:url(../images/gift-message-collapse.gif); } /********************** Print pages */ table.print .giftmessage-preview-link { display:none !important; } table.print .price-excl-tax { white-space:nowrap; } table.print .price-incl-tax { white-space:nowrap; } table.print .price-excl-tax .label, table.print .price-excl-tax .price, table.print .price-incl-tax .label, table.print .price-incl-tax .price { display:inline; } /********************** Pop up pages */ .page-popup { background:#fff; padding:25px 30px; text-align:left; } .page-popup .print-head { margin:0 0 15px; } .page-popup .print-head img { float:left; } .page-popup .print-head address { float:left; margin-left:15px; } .product-gallery-nav { padding:0 5px; } /* Col2 */ .col2-set .col-1, .col2-set .col-2 { width:48.5%; } .col2-set .col-1 { float:left; } .col2-set .col-2 { float:right; } .inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5{ margin:0; float:left; } .error-msg li { color:red; display:block; background:no-repeat url(../images/resophone/delete.jpg) 0px 0px; padding-left:20px; height:20px; padding-top:1px; } #checkout-step-login .error-msg li { color:red; display:block; background:no-repeat url(../images/resophone/delete.jpg) 0px 0px; padding-left:20px; height:20px; padding-top:1px; } #checkout-step-login ul { padding:0 !important; } #checkout-step-login .error-msg { padding-top:15px !important; padding-left:10px;} .billingOnepage li { display:block; clear:both; } .billingOnepage li input { magin-left:10px; } .billingOnepage li .input-box { float:none; } .descAccueil *, .prixAccueil { margin:0 !important; padding:0 !important; } .prixAccueil { clear:both; padding:0px 0px 0px 15px !important; }