/***********************************************************/ /* CSS Template des sites / MGD */ /* */ /* Donc ici on commence par faire le setup de la page. */ /* C'est à dire qu'on y définit les tailles de typo du body */ /* des h1 > h6 ainsi que la taille des conteneurs. */ /* */ /***********************************************************/ /*** START MDI - Wrike 431693521 **/ #spinnerOverlay{ position: fixed; top: 0; z-index: 101; width: 100%; height:100%; display: none; background: rgba(0,0,0,0.6); } .cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center; } .is-hide{ display:none; } /** END MDI **/ .method-content iframe#iframe_hipay{ width: 100%!important; } .method-content #div_hipay_keep_wallet{ width: 100%!important; } /* ==|== Setup d'affichage du site ====================================================== */ body{ font: 0.75em normal Verdana, Arial, Tahoma, Helvetica, sans-serif; } /* Setup des h1 > h6 */ h1{ font-size: 2.0em; font-weight: normal; } h2{ font-size: 1.2em; font-weight: normal; } h3{ font-size: 1.0em; font-weight: normal; } h4{ font-size: 0.8em; font-weight: normal; } h5{ font-size: 0.8em; font-weight: normal; } h6{ font-size: 0.8em; font-weight: normal; } /* Setup des liens */ a{ text-decoration:none; color:#666; } a:hover{ color:#000; } a:visited{ color:#666; } /* Tailles de typo standardisées */ .xs{ font-size: 0.8em; } .s{ font-size: 1.0em; } .m{ font-size: 1.2em; } .l{ font-size: 1.4em; } .xl{ font-size: 2.0em; } /* Tailles d'éléments */ .small{ width:60px; } .medium{ width:100px; } .xmedium{ width:125px; } .large{ width:175px; } .xlarge{ width:250px; } /* Champs formulaires */ fieldset.error label{color:#FF0000 !important;} fieldset.error input, fieldset.error input:hover, fieldset.error input:focus{border:1px solid #da7171; border-right:0px solid;} fieldset.error select, fieldset.error select:hover, fieldset.error select:focus{border:1px solid #da7171; border-right:0px solid;} /* Messages d'alerte */ .msg{ display:block; padding:10px 10px 10px 35px; background:#fff no-repeat 10px 10px; border:1px solid #eee; font-style:normal; overflow: hidden; } .modal .msg.modal{border:0px solid #eee; margin:30px 0 0 0;} .msg.valid{ background-image:url(../images/icon/icon_tick.png); } .msg.alert{ background-image:url(../images/icon/icon_error.png); } .msg.error{ background-image:url(../images/icon/icon_cancel.png); } .msg.info{ background-image:url(../images/icon/icon_info.png);} .popup-accueil{ display: block; font-family: 'Lato Regular', sans-serif; font-size: 14px; color: #666666; } .popup-accueil .titre{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 18px; text-align: center; color: #0d2284; } .popup-accueil p{ display: block; font-size: 14px; line-height: 20px; } .popup-accueil a{ display: block; font-size: 14px; line-height: 30px; color: #0d2284; text-decoration: underline; } .popup-accueil .italic{ font-style: italic; font-size: 12px; line-height: 14px; } /* ==|== Header ====================================================== */ /** Start MDI - Wrike 424186655 **/ #header .content-contact form{ margin-bottom: 6px; position: relative; } #header .content-contact form .searchInput{ display: block; width:90%; padding: 5px 0 5px 35px; border-radius: 10px; border: 0; height: 25px; border: 1px solid #6a7784; } #header .content-contact form .searchSubmit{ background: url(../images/icon/loupe-element.png) no-repeat #ffffff; position: absolute; top: 8px; left: 8px; width: 20px; height: 20px; overflow: hidden; border: none; color: #FFF; } /*Pagination Sur les résultats de la recherche **/ .paginationContainer{ text-align: center; } .paginationContainer .paged, .paginationContainer .paginationNavItem{ padding: 10px; text-decoration: none; color: inherit; display: inline-block;; } .paginationContainer .paged:hover:not(.currentPaged), .paginationContainer .paginationNavItem:hover{ background-color: #6a7784; color: #FFFFFF; } .paginationContainer .currentPaged{ font-weight: bold; background-color: #4CAF50; color: #FFFFFF; } /** End MDI **/ #main-header{ display: block; width: 100%; } #header{ display: block; width: 1015px; overflow: hidden; margin: 0 auto; } #main-header.header-devis #header { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); } #main-header.header-devis #header { width: 100%; } #main-header.header-devis #header-bottom { width: 1000px; margin: 0 auto; } /* Header Top */ #header-top { height: 33px; background-color: #0d2284; } #header-top .title-header { float: left; padding-left: 15px; font-size: 13px; line-height: 33px; color: #e6e1dd; font-family: 'Raleway Light', sans-serif;} /* Boutons de connexion Home Non Logué */ #header-top .content-connexion{ float: right; font-family: 'Raleway Medium', sans-serif; line-height: 33px; } #header-top .content-connexion a { display: block; padding: 0 15px; height: 33px; float: left; background: url(../images/icon/icon-fleche.png) no-repeat right -163px #1585ff; color: #fff; } #header-top .content-connexion .btn-connexion, #header-top .content-connexion .btn-deconnexion{ width: 85px; } #header-top .content-connexion a:hover{ text-decoration: underline; } #header-top .content-connexion .btn-inscription{ width: 115px; background-color: #6a7784; } /* Header Bottom */ #header-bottom { height: 101px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); } #header .logo{ display: block; float: left; margin: 13px 0 0 15px; } /* Encart Numéro de Téléphone et Mail */ #header .content-contact { float: left; margin: 13px 0 0 64px; } #header .content-contact .content { float: left; margin: 0 45px 0 0; padding-left: 27px; background: url(../images/icon/icon-header.png) no-repeat 0 0;} #header .content-contact .content .title { font-size: 18px; color: #0d2284; font-family: 'Lato Bold', sans-serif;} #header .content-contact .content .mention { display: block; color: #6a7784; font-family: 'Raleway Bold', sans-serif;} #header .content-contact .content-email { padding-left: 36px; background-position: -32px -54px; } #header .content-contact .content-email .title, #header .content-contact .content-email .mention{ font-size: 14px; } /* Panier */ #header .content-btn-header { display: block; float: right; width: 184px; height: 52px; padding-left: 73px; margin: 26px 15px 15px 0; background: url(../images/icon/icon-header.png) no-repeat -52px -103px #0d2284; font-size: 17px; line-height: 52px; color: #ffffff; font-family: 'Raleway Bold', sans-serif; border-radius: 4px; } #header .content-btn-header:hover { text-decoration: underline; } #header .content-btn-header.panier {width: 140px; padding-left: 53px; background-position: -120px -160px; } #header .content-btn-header.panier .content-panier { margin-top: 5px; padding-left: 15px; height: 42px; border-left: 1px solid #5463a8; line-height: 1.1em; } #header .content-btn-header.panier:hover { text-decoration: none; } #header .content-btn-header.panier .content-panier .texte-panier-header { display: block; padding-top: 6px; font-size: 13px; color: #ffffff; line-height: 1.1em; } #header .content-btn-header.panier .content-panier .nbr-produits { display: block; font-size: 13px; font-family: 'Raleway Light', sans-serif;font-size: 13px; color: #1585ff; } #header .content-contact.non-rvd { float: right; margin: 20px 0 0 0; } /* Menu de Navigation */ #header-nav{ display: block; width: 100%; height: 33px; float: left; } #header-nav #menu-nav{ display: block; width: 1015px; height: 33px; margin: 0 auto; background-color: #6a7784;} #menu-nav .home{ display: block; float: left; width: 30px; height: 20px; margin: 5px 15px 5px 5px; background: url(../images/icon/icon-menu-home.png) no-repeat 5px 0;} #menu-nav .home a.active{ display: block; width: 30px; height: 20px; border-bottom: 3px solid #1e94c4; } #menu-nav .home a.lock{ margin: 5px 5px 5px 5px; } #menu-nav .categorie{ display: block; position: relative; float: left; height: 32px; } #menu-nav .categorie.promo{ background-color: #fe0000; font-weight: bold; } #menu-nav .categorie.editeur{ background-color: #3f51b5; } #menu-nav .categorie a{ display: block; position: relative; float: left; height: 30px; line-height: 33px; padding: 0 15px; font-family: 'Raleway Light', sans-serif; font-size: 13px; color: #fff; } #menu-nav .categorie.spec a:hover{ border-bottom: 3px solid #1585ff;} #menu-nav .categorie a.active{ display: block; padding: 0 5px; height: 25px; border-bottom: 3px solid #1585ff;text-decoration:none; } /* Sous Menu */ #header-nav .categorie:hover .sub-nav{ display: block; z-index: 8888; } .container-dark { height: 33px; float: left; } .sub-nav{ display: none; padding: 15px; min-width: 190px; position: absolute; left: 0px; top: 25px; z-index: 1000; background-color: #FFF; } .sub-nav.connect{ top: 29px; border-top: 3px solid #1585ff; z-index: 1000; background-color: #FFF; -webkit-box-shadow: 0 2px 3px 0px #959595;; box-shadow: 0 2px 3px 0px #959595; } .sub-nav .content-sous-categorie{ display: block; font-family: 'Lato Bold'; color: #0d2284; font-size: 13px; } .sub-nav .content-sous-categorie .sous-categorie{ display: block; } .sub-nav .fleche-menu-nav{ display: block; width: 20px; height: 6px; position: absolute; top: -8px; left: 15px; background: url(../images/icon/icon-fleche-select-menu.png) no-repeat 0 0; } .sub-nav .content-sous-categorie .sous-categorie .lien{ display: block; clear: both; background: url(../images/icon/icon-fleche-menu.png) no-repeat 5px 50%!important; color: #0d2284!important; padding-left: 20px !important; height: 25px !important; line-height: 25px !important; } .sub-nav .content-sous-categorie .sous-categorie .lien:hover{ text-decoration: underline!important; color: #1e94c4!important; cursor: pointer !important; border: none;} /* Non connecté */ .sub-nav.no-connect{ display: none; padding: 15px; min-width: 272px; height: 178px; position: absolute; left: 30px; top: 15px; z-index: 1000; border-radius: 7px; background: url(../images/bg/bg-no-connect.png) no-repeat 0 0;} .sub-nav.no-connect{ width: 210px !important; } .sub-nav .non-connecte{ width: 233px; margin-left: 7px; } .sub-nav.no-connect .texte{ display: block; font-family: 'Raleway Bold', sans-serif; font-size: 16px; line-height: 16px; color: #878787; margin-bottom: 10px; text-align: center; margin-top: 35px; } .sub-nav.no-connect .lien-acces{ float: none!important; margin: 0 auto 7px auto!important; height: 20px !important; color: #fff !important; line-height: 18px !important; background-color: #1585ff; border-top: 1px solid #92c6ff; border-left: 1px solid #92c6ff; border-bottom: 1px solid #4ca2ff; border-right: 1px solid #4ca2ff; width: 162px; padding: 0!important; text-align: center!important;} .sub-nav.no-connect .lien-acces:hover{ text-decoration: underline !important;} .sub-nav.no-connect .lien-inscription{ float: none!important; margin: 0 auto!important; height: 20px !important; padding: 0!important; width: 162px; color: #fff !important; line-height: 18px !important; text-align: center!important; background-color: #6a7784; border-top: 1px solid #b9c0c6; border-left: 1px solid #b9c0c6; border-bottom: 1px solid #8d97a1; border-right: 1px solid #8d97a1;} .sub-nav.no-connect .lien-inscription:hover{ text-decoration: underline !important; } #container-dark { display: block; position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(28, 46, 88, 0.8 ); } /* ==|== Footer ====================================================== */ #main-footer{ display: block; width: 100%; margin-top: 110px; overflow: hidden; border-top: 11px solid #1585ff; background-color: #eaeaf6;} #main-footer #footer{ width: 1015px; overflow: hidden; margin: 0 auto; } /* Logos Footer */ #footer .logo { display: block; float: left; overflow: hidden; margin: 17px 0 20px 0; } /* Liens Footer */ #footer #footer-nav{ display: block; float: left; overflow: hidden; margin: 66px 36px 0 50px; } #footer-nav li{ display: block; float: left; font-size: 14px; color: #2491e2; font-family: 'Raleway Medium', sans-serif; } #footer-nav li a{ display: block; padding: 0 7px; color: #2491e2; } #footer-nav li a:hover{ text-decoration: underline; } /* Logo */ #footer-logo{ display:block; float: left; width: 218px; margin: 40px 0 0 0; } #footer-logo li{ display: block; float: left; padding: 7px 3px; } #footer-logo li:nth-child(2) { padding: 14px 59px 6px 6px; } /* ==|== Structure du site ====================================================== */ #main-container{ display: block; width: 100%; overflow: hidden; background-color: #FFF; border-bottom: 1px solid #fff; } .index #main-container{ background: url(../images/bg/bg-main-container-index.png) repeat-x 0 0 #ebebf2; } .devis #main-container{ background-image: none; background-color: #f2f2f2;} #main-container #container{ width: 1015px; overflow: hidden; margin: 0 auto; } .col-right{ display: block; float: left; overflow: hidden; margin: 30px 20px 0 0; } .col-right .heading{ display: block; width: 780px; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background: #0d2284; line-height: 35px;} /* ==|== Index Non Logué ====================================================== */ .content-acces-non-rvd{ display: block; width: 150px; height: 145px; margin-top: 30px; float: left; overflow: hidden; background: url(../images/bg/bg-acces-non-rvd.png) repeat-x 0 0; } .content-acces-non-rvd .titre{ display: block; width: 150px; margin-top: 20px; color: #464646; font-family: 'Lato Bold', sans-serif; font-size: 15px; text-align: center; margin-bottom: 5px; } .content-acces-non-rvd .btn-cliquez-ici{ display: block; width: 135px; height: 48px; margin: 11px auto; background: url(../images/btn/btn-cliquez-ici.png) no-repeat 0 0; text-indent: -99999px; } .content-acces-non-rvd .btn-cliquez-ici:hover{ background-position: 0 100%; } /* Formulaire de connexion */ .content-form{ display: block; width: 240px; height: 180px; float: left; margin: 30px 0 0 20px; } .content-form .titre-bloc{ display: block; width: 240px; color: #0d2284; font-family: 'Lato Bold', sans-serif; font-size: 15px; text-align: center; margin-bottom: 5px; } .content-form #client_login input{ display: block; width: 218px; height: 25px; border: 1px solid #bebebe; padding: 0 5px; margin: 0 auto 5px auto; background: #FFF; } .content-form #client_login .btn-connexion-home{ display: block; width: 228px; height: 47px; margin: 0 auto; border: 0; background: url(../images/btn/btn-connexion-index.png) no-repeat 0 0; color: transparent; cursor: pointer; } .content-form #client_login .btn-connexion-home:hover{ background-position: 0 100%; } .content-form #client_login .mdp-oublie{ display: block; font-family: 'Lato Light', sans-serif; font-size: 12px; color: #0d2284; margin:5px 0 0 8px; float: left; } .content-form #client_login a:hover{ text-decoration: underline; } .content-form #client_login .inscription{ display: block; font-family: 'Lato Light', sans-serif; font-size: 12px; color: #0d2284; margin: 5px 0 0 10px; float: left; } /* Titre de la page */ .content-titre{ display: block; overflow: hidden; margin: 40px 0; color: #0d2284; text-align: center; } .content-titre h1{ display: block; font-family: 'Raleway Bold', sans-serif; font-size: 48px; line-height: 48px; margin-top: 10px; text-transform: uppercase; } .content-titre h2{ display: block; font-family: 'Raleway Light', sans-serif; font-size: 24px; line-height: 28px; } .content-titre h2 .violet{ color: #1585ff; font-family: 'Raleway Bold', sans-serif; } /* Slide Home */ #content-slide{ display: block; position: relative; width: 1015px; height: 290px; clear: both; } #content-slide .liste-slides .slide{ display: block; width: 1015px; height: 290px; margin-top: 0 auto; } #content-slide .liste-slides .pastille{ display: block; width: 170px; height: 150px; position: absolute; top: 10px; right:20px; } /* Fleche slide */ #content-slide .fleche{ display: block; background: url(../images/icon/icon-fleche.png) no-repeat 0 0; float: left; width: 27px; height: 54px; position: absolute; top: 110px; z-index: 999; cursor: pointer; } #content-slide .fleche.slide-left{ background-position: -1px -3px; left: 10px; } #content-slide .fleche.slide-right{ background-position: -1px -70px !important; right: 10px; } /* Slide Promo*/ #content-slide .liste-slides .slide.promo{ display: block; width: 1015px; height: 290px; margin-top: 0 auto; background-color: #374d90; position: relative; } .slide.promo{ display: block; width: 1015px; height: 290px; margin-top: 0 auto; background-color: #374d90; } .slide.promo .visuel{ display: block; width: 235px; height: 245px; position: absolute; left: 35px; top: 35px; } .slide.promo .titre{ display: block; float: left; margin: 40px 0 0 200px; font-family: 'Raleway Extra Bold', sans-serif; text-align: center; font-size: 65px; line-height: 65px; color: #FFF; text-transform: uppercase; } .slide.promo .categorie{ display: block; float: left; margin: 5px 0 0 255px; font-family: 'Raleway Light', sans-serif; text-align: center; font-size: 20px; line-height: 20px; color: #2491e2; text-transform: uppercase; } .slide.promo .baseline{ display: block; float: left; margin: 10px 0 0 330px; font-family: 'Raleway Bold', sans-serif; text-align: center; font-size: 35px; line-height: 35px; color: #FFF; } .slide.promo .code-promo{ display: block; width: 288px; height: 38px; float: left; margin: 15px 0 0 415px; border: 1px solid #FFF; border-radius: 3px; color: #FFF; background-color: #253c80; font-family: 'Raleway Light', sans-serif; text-transform: uppercase; font-size: 18px; line-height: 38px; text-align: center; overflow: hidden; } .slide.promo .exclu{ display: block; width: 183px; height: 70px; position: absolute; right: -21px; top: 0; } .slide.promo .pastille{ display: block; position: absolute; top: 127px; left: 150px; } .slide.promo .date{ display: block; width: 195px; height: 20px; position: absolute; bottom: 20px; left: 55px; border-radius: 3px; color: #FFF; background-color: #253c80; font-family: 'Raleway Light', sans-serif; font-size: 12px; line-height: 20px; text-align: center; } /* Notre Catalogue (LOGO) */ .content-bloc-ref-logiciel{ display: block; overflow: hidden; margin: 20px 0 100px 0; } .content-bloc-ref-logiciel .titre{ display: block; margin-top: 15px; font-family: 'Raleway Bold', sans-serif; font-size: 21px; color: #0d2284; text-align: center; } .content-bloc-ref-logiciel .img-logo{ display: block; margin: 20px auto 40px auto; } /* Encart "Pourquoi Choisir LG&Co ?"" */ .box-choisir{ display: block; float: left; margin: 0 0 0 10px; position: relative; } .box-choisir .icon-titre{ display: block; position: absolute; top: -17px; left: 15px; } .box-choisir .titre{ display: block; height: 35px; padding: 0 15px 0 70px; font-family: 'Lato Bold Italic', sans-serif; font-size: 20px; color: #FFF; line-height: 35px; background-color: #0d2284; } .box-choisir .item{ display: block; width: 423px; font-family: 'Lato Italic'; color: #4695fd; font-size: 17px; float:left; clear: both; border: solid #d2d2d2; border-width: 0 1px 0 1px; padding-left: 33px; } .box-choisir .item.first{ padding-top: 20px !important; } .box-choisir .item:last-child{ border-bottom-width: 1px; padding-bottom: 20px; } .box-choisir .item strong{ display:block; float:left; margin: 10px 0 0 5px; } .box-choisir .item p{ display: inline-block; margin: 0 0 0 5px; } .box-choisir .item p.check{ line-height: 28px; margin-right: 10px; } .box-choisir .icon-check{ width: 7px; height: 12px; margin: 10px 18px 0 0; background: url(../images/icon/icon-dot-blue.png) no-repeat 0 0; float: left; display: block; } /* Logo Bas de page */ .content-logo-bas{ display: block; float: left; position: relative; margin: 37px 0 0 40px;} /* Bouton Ouvrir un compte - En bas */ .encart-bouton-bottom{ display: block; float: left; overflow: hidden; } .btn-ouvrir-compte{ display: block; width: 284px; height: 73px; background: url(../images/btn/btn-ouvrir-compte.png) no-repeat; float: left; text-indent: -9999px; margin: 94px 0 0 60px; } .btn-ouvrir-compte:hover{ background-position: 0 100%; } /* ==|== Page Non Revendeur ====================================================== */ .content-top-landing-non-rvd{ display: block; width: 100%; height: 360px; border-top: 5px solid #FFF; background: url(../images/bg/bg-top-non-revendeur.png) no-repeat 50% 0; } .content-top-landing-non-rvd .content{ display: block; width: 1000px; height: 360px; margin: 0 auto; } .content-top-landing-non-rvd .content .titre{ display: block; margin: 40px 0 0 20px; float: left; font-family: 'Raleway Regular', sans-serif; font-size: 42px; line-height: 42px; color: #666; text-align: center; } .content-top-landing-non-rvd .content .visuel{ display: block; float: left; clear: both; margin: 20px 0 0 0; width: 471px; height: 210px; } .content-top-landing-non-rvd .content .btn-entelechargement{ display: block; float: left; margin: 0 0 0 40px; width: 432px; height: 88px; background: url(../images/btn/btn-entelechargement.png) no-repeat 0 0; text-indent: -9999px; } .content-top-landing-non-rvd .content .btn-entelechargement:hover{ background-position: 0 100%; } .content-top-landing-non-rvd .content .lien-rvd{ display: block; float: left; margin: 5px 0 0 40px; width: 432px; font-family: 'Lato Regular', sans-serif; font-size: 13px; color: #777; text-decoration: underline; text-align: center; } /* ==|== Page d'accueil connectée ====================================================== */ #content-index-co.account .col-right{ width: 810px; float: left; overflow: hidden; } #content-index-co.account #content-slide{ width: 810px; height: 250px; float: left; overflow: hidden; } #content-index-co.account #content-slide .liste-slides .slide{ width: 810px; height: 250px; } #content-index-co.account #content-slide .liste-slides .slide .pastille{ display: block; position: absolute; top: -10px; right: -15px; } #content-index-co.account .fleche.slide-left.connecte{ background-position: -10px -145px !important; width: 10px; height: 17px; top: 115px; } #content-index-co.account .fleche.slide-right.connecte{ background-position: -10px -171px !important; width: 10px; height: 17px; top: 115px; } #content-index-co.account .col-right .titre-page{ display: block; position:relative; float:left; width: 100%; border: solid #175cb7; border-width: 1px 0; margin: 40px auto 20px auto; font-family: 'Lato Bold Italic', sans-serif; font-size: 43px; color: #1585ff; text-align: center; line-height: 110px; } #content-index-co.account .col-right .sous-titre-page{ display: block; position:relative; float:left; width: 100%; border-bottom: 1px solid #175cb7; padding: 5px 0; margin: 20px auto 10px auto; font-family: 'Lato Italic', sans-serif; font-size: 21px; color: #65318f; line-height: 21px; } #content-index-co.account .col-right .content-editeur{ display: block; position:relative; float:left; width: 100%; overflow: hidden; } .col-right .content-editeur .banniere-promo{ display: block; width: 395px; height: 210px; margin: 10px 0 10px 0; float: left; } .col-right .content-editeur .banniere-promo:nth-child(2n+1) { margin: 10px 20px 10px 0; } .content-bloc-ref-logiciel .col-right .content-editeur.noco{ display: block; position:relative; float:left; width: 100%; overflow: hidden; } .col-right .content-editeur.noco .logo-big{ display: flex; align-items: center; justify-content: center;width: 222px; height: 86px; margin: 20px 12px; border: 1px solid #888; float: left; } .col-right .content-editeur.noco .logo-big .editeur:hover{ opacity: 1; } /* START MDI - Wrike 430155458 */ .col-right .content-editeur.noco .logo-big{ text-align: center; } .col-right .content-editeur.noco .logo-big img.fournisseur{ max-width: 100%; max-height: 100%; } /* END MDI */ .col-right .content-editeur .logo-big .editeur{ display: block; width: 200px; height: 70px; margin: 8px auto; background: url(../images/img/img-logo-editeur.png) no-repeat; } .col-right .content-editeur .logo-big .editeur:hover{ opacity: 0.5; } .col-right .content-editeur .logo-big .editeur.microsoft{ background-position: -200px 0; } .col-right .content-editeur .logo-big .editeur.adobe{ background-position: -400px 0; } .col-right .content-editeur .logo-big .editeur.bitdefender{ background-position: 0 -70px; } .col-right .content-editeur .logo-big .editeur.eset{ background-position: -200px -70px; } .col-right .content-editeur .logo-big .editeur.gdata{ background-position: -400px -70px; } .col-right .content-editeur .logo-big .editeur.acronis{ background-position: 0 -140px; } .col-right .content-editeur .logo-big .editeur.abbyy{ background-position: -200px -140px; } .col-right .content-editeur .logo-big .editeur.mailinblack{ background-position: -400px -140px; } .col-right .content-editeur .logo-big .editeur.techsmith{ background-position: 0 -210px; } .col-right .content-editeur .logo-big .editeur.acd-systems{ background-position: -200px -210px; } .col-right .content-editeur .logo-big .editeur.xmind{ background-position: -400px -210px; } .col-right .content-editeur .logo-big .editeur.corel{ background-position: 0 -280px; } .col-right .content-editeur .logo-big .editeur.druide{ background-position: -200px -280px; } .col-right .content-editeur .logo-big .editeur.pinnacle{ background-position: -400px -280px; } .col-right .content-editeur .logo-big .editeur.ebp{ background-position: 0 -350px; } .col-right .content-editeur .logo-big .editeur.ciel{ background-position: -200px -350px; } .col-right .content-editeur .logo-big .editeur.norton{ background-position: -401px -353px; } .col-right .content-editeur .logo-big .editeur.mcafee{ background-position: 0 -420px; } .col-right .content-editeur .logo-big .editeur.fsecure{ background-position: -200px -420px; } .col-right .content-editeur .logo-big .editeur.avast{ background-position: -400px -420px; } .col-right .content-editeur .logo-big .editeur.intego{ background-position: 0 -490px; } .col-right .content-editeur .logo-big .editeur.avanquest{ background-position: -200px -490px; } .col-right .content-editeur .logo-big .editeur.movavi{ background-position: -400px -490px; } .col-right .content-editeur .logo-big .editeur.cyberlink{ background-position: 0 -560px; } .col-right .content-editeur .logo-big .editeur.mandarine{ background-position: -200px -560px; } .col-right .content-editeur .logo-big .editeur.stellar{ background-position: -400px -560px; } .col-right .content-editeur .logo-big .editeur.laplink{ background-position: 0 -630px; } .col-right .content-editeur .logo-big .editeur.viacad{ background-position: -200px -630px; } .col-right .content-editeur .logo-big .editeur.micro-app{ background-position: -400px -630px; } .col-right .content-editeur .logo-big .editeur.endpoint{ background-position: 0 -700px; } .col-right .content-editeur .logo-big .editeur.kaspersky{ background-position: -200px -700px; } .col-right .content-editeur .logo-big .editeur.quark{ background-position: -400px -700px; } .col-right .content-editeur .logo-big .editeur.webtitan{ background-position: 0px -770px; } .col-right .content-editeur .logo-big .editeur.panda{ background-position: -402px -771px; } .col-right .content-editeur .logo-big .editeur.avg{ background-position: -194px -772px; } .col-right .content-editeur .logo-big .editeur.trend{ background-position: 0px -847px; } .col-right .content-editeur .logo-big .editeur.ashampoo{ background-position: -198px -847px; } .col-right .content-editeur .logo-big .editeur.synapse{ background-position: -404px -844px; } .col-right .content-editeur .logo-big .editeur.nuance{ background-position: 17px -937px; } .col-right .content-editeur .logo-big .editeur.kofax{ background-position: -200px -933px; } .col-right .content-editeur .logo-big .editeur.steganos{ background-position: -414px -933px; } .col-right .content-editeur .logo-big .editeur.lerobert{ background-position: 0px -1018px; } .col-right .content-editeur .logo-big .editeur.mindjet{ background-position: -198px -1018px; } .col-right .content-editeur .logo-big .editeur.magix{ background-position: -414px -1018px; } .col-right .content-editeur .logo-big .editeur.nordvpn{ background-position: 0px -1106px; } .col-right .content-editeur .logo-big .editeur.iris{ background-position: -199px -1095px; } .col-right .content-editeur .logo-big .editeur.nero{ background-position: -402px -1106px; } .col-right .content-editeur .logo-big .editeur.systran{ background-position: 9px -1192px; } .col-right .content-editeur .logo-big .editeur.teamviewer{ background-position: -199px -1192px; } .col-right .content-editeur .point{ display: block; float: left; width: 200px; height: 70px; margin: 40px 12px 0 5px; background: url(../images/img/img-logo-editeur.png) no-repeat 0 0; } /* ==|== Menu Left Page ====================================================== */ #menu-left{ display: block; width: 180px; float: left; margin: 20px 0 0 0; } #menu-left .client{ display: block; height: auto; background: url(../images/icon/icon-trombine.png) no-repeat 0 50%; margin-bottom: 10px; padding: 10px 0 0 50px; font-family: 'Raleway Medium', sans-serif; font-size: 14px; line-height: 16px; color: #0b3182; } #menu-left .client .name{ color: #1e94c4; font-family: 'Raleway Bold', sans-serif; text-transform: uppercase; } #menu-left .encours{ position: relative; height: 70px; border-radius: 3px; background: url(../images/bg/bg-encours.png) repeat-x 0 0; } #menu-left .encours .titre{ display: block; height: 27px; font-family: 'Lato Regular', sans-serif; font-size: 13px; color: #fff; text-align: center; line-height: 18px; background: url(../images/icon/icon-fleche-encours.png) no-repeat 50% bottom; } #menu-left .encours .amount{ display:block; font-family: 'Lato bold',sans-serif; font-size: 22px; line-height: 33px; color: #FFF; text-align: center; } #menu-left .box-menu{ display: flex; align-items: center; line-height: 1.2em; margin-top: 12px; border: 1px solid #808080; height: 37px; } #menu-left .box-menu .icon.infos{ float: left; background: url(../images/icon/icon-info.png) no-repeat 0 0; width: 23px; height: 27px; margin: 5px 10px 5px 5px; } #menu-left .box-menu .icon.adresse{ float: left; background: url(../images/icon/icon-carnet-adresse.png) no-repeat 0 0; width: 16px; height: 16px; margin: 10px 10px 5px 10px; } #menu-left .box-menu .icon.facture{ float: left; background: url(../images/icon/icon-facture.png) no-repeat 0 0; width: 24px; height: 20px; margin: 8px 8px 5px 5px; } #menu-left .box-menu .icon.relance{ float: left; background: url(../images/icon/icon-relance.png) no-repeat 0 0; width: 18px; height: 19px; margin: 9px 8px 5px 10px; } #menu-left .box-menu .intitule{ display: block; font-family: 'Raleway Medium', sans-serif; font-size: 12px; color: #0d2284; } #menu-left .box-menu:hover, #menu-left .box-menu.active{ background-color: #0b3182; } #menu-left .box-menu:hover .icon, #menu-left .box-menu.active .icon{ background-position: 0 100%; } #menu-left .box-menu:hover .intitule, #menu-left .box-menu.active .intitule{ color: #FFF; } #menu-left .box-contact, #cart .box-contact{ display: block; margin-top: 12px; border: 1px solid #1585ff; font-family: 'Lato Bold Italic', sans-serif; font-size: 16px; color: #ffffff!important; text-align: center; background-color: #1585ff; padding: 20px 10px; } #menu-left .box-contact:hover, #cart .box-contact:hover { background-color: #ffffff; color: #1585ff!important } #menu-left .liste-editeur{ display: block; margin-top: 12px; border: 1px solid #808080; } #menu-left .liste-editeur li:last-child{ border-bottom: none; } #menu-left .liste-editeur .titre-liste{ display: block; background-color: #625f5f; height: 30px; padding: 10px 5px; color: #FFF; text-transform: uppercase; font-family: 'Raleway Medium', sans-serif; font-size: 14px; line-height: 16px; } #menu-left .liste-editeur .editeur{ display: block; cursor: pointer; border-bottom: 1px solid #808080; padding: 0 0 0 10px; height: 30px; width: 165px; font-family: Arial; font-size: 14px; line-height: 30px; color: #464444; } #menu-left .liste-editeur .editeur.active { background-position: 0 100%; } #menu-left .liste-editeur .editeur.active a{ color: #0d2284; font-weight: bold; } #menu-left .liste-editeur .editeur:hover{ color: #0d2284; font-weight: bold; display: block; } #menu-left .liste-editeur .editeur:hover a{ color: #0d2284; font-weight: bold; display: block; } /* ==|== Mes information ====================================================== */ #client-infos{ display: block; width: 748px; border: solid #a5a5a5; border-width: 0 1px 1px 1px; padding: 0 20px; } #client-infos h2{ display: block; font-family: 'Lato Bold', sans-serif; color: #0d2284; font-size: 18px; line-height: 20px; padding: 20px 10px 5px 5px; border-bottom: 1px solid #808080; } #client-infos .list{display: block; overflow: hidden; clear: both; border-bottom: 1px solid #CCC; padding-bottom: 20px; } #client-infos .list .sous-titre{display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; color: #0d2284; margin: 15px 0 10px 0; } #client-infos .list .texte{display: block; font-family: 'Lato Regular', sans-serif; font-size: 15px; color: #625f5f; } #client-infos .list .col-1{ display: block; width: 365px; float: left; margin: 0 15px 0 5px; } #client-infos .list .col-2{ display: block; width: 360px; float: left; margin: 44px 0 0 0; } #client-infos .list .col-1.top, #client-infos .list .col-2.top{ width: 200px; } #client-infos .list strong{ display: block; width: 120px; font-family: 'Lato Bold', sans-serif; font-size: 15px; color: #625f5f; line-height: 25px; font-weight: normal; float: left; } #client-infos .list .donnee{ display: block; clear: both; } #client-infos .list .donnee .texte{ line-height: 25px; margin-left: 5px; float: left; } #client-infos .list .donnee .texte.mdp{ line-height: 35px; } #client-infos .btn-modif-info{ display: block; width: 228px; height: 48px; line-height: 48px; margin: 15px 0 30px 0; font-family: 'Raleway Bold', sans-serif; text-align: center; font-size: 13px; text-transform: uppercase; background-color: #1585ff; color: #fff; border: 1px solid #1585ff;} #client-infos .btn-modif-info:hover{ background-color: #fff; color: #1585ff;} /* Mise à jour Infos client */ #client_update h3{ display: block; color: #02477a; font-size: 1.6em; font-style: italic; padding: 15px 0 10px 0; } #client_update .error_msg{ display: block; color:#ff0000; font-size:0.8em; font-style:italic; clear:both; text-align:right; float:right;} #client_update .col{ display: block; background: #fff; width:363px; float: left; margin: 15px 18px; } #client_update .btn-maj{ float: right; height: 48px; width: 171px; margin: 10px 0; border: none; font-family: 'Raleway Bold', sans-serif; text-align: center; font-size: 13px; line-height: 48px; text-transform: uppercase; background-color: #1585ff; color: #fff; border: 1px solid #1585ff; } #client_update .btn-maj:hover{ background-color: #fff; color: #1585ff; } #client_update fieldset{ display: block; margin: 10px 0 10px 0; line-height: 12px; padding: 0 20px 0 0; } #client_update fieldset label{ display: block; float: left; } #client_update fieldset label > span{ float: left; } #client_update fieldset input{ display: block; float: right; width: 140px; } #client_update fieldset select{ display: block; float: right; width: 145px; } #client_update fieldset.civilite p{ float: left; width: auto; } #client_update fieldset.civilite div{ float: right; margin-right: 50px; } #client_update fieldset.civilite div input{ float: left; width: auto; } #client_update fieldset.civilite div label{ float: left; width: auto; padding: 0 10px 0 2px; } #client_update fieldset > span{ clear: both; display: block; white-space: nowrap; float: right; font-size: 0.8em; color: #578CAF; } #client_update fieldset textarea{ width: 100%; height: 100px; } /* Mes Clients */ .col-right .txt-carnet-adresse{ display: block; float: left; width: 768px; font-family: 'Lato Regular', sans-serif; color: #625f5f; font-size: 14px; padding: 15px 10px 30px 10px; border: solid #a5a5a5; border-width: 0 1px; } #addressbook_list{ width: 790px; height: auto; display: block; } #addressbook_list thead{ display: block; background: #818181; color: #FFF; text-transform: uppercase; } #addressbook_list thead tr{ display: block; } #addressbook_list tbody{ overflow-y: scroll; } #addressbook_list #contact_list{ width: 788px; /*max-height: 200px; overflow-y:scroll;*/} #addressbook_list #contact_list .vide{ text-align: center; line-height: 40px; color: #818181; font-family: 'Lato Regular', sans-serif; font-size: 14px; border-bottom: 1px solid #a5a5a5; } #addressbook_list th{ width: 157px; text-align: center; height: 30px; color: #FFF; vertical-align: middle; font-family: 'Lato Bold', sans-serif; font-weight:normal; } #contact_list tr td{ width: 157px; height: 40px !important; padding: 4px; height: auto; text-align: center; vertical-align: middle; color: #818181; font-family: 'Lato Regular', sans-serif; font-size: 14px; border-bottom: 1px solid #a5a5a5; } #contact_list tr td.empty{ width: 100%; } #contact_list tr td .view img{ width: 36px; height: 20px; background: url(../images/icon/icon-oeil.png) no-repeat 0 0; cursor: pointer; } #contact_list tr td .send_mail img{width: 16px; height: 15px; background: url(../images/icon/icon_email_go.png) no-repeat 0% -1px; cursor: pointer; } #contact_list tr:hover td{ background: #1585ff; color: #ffffff; } #contact_list tr:hover td .view img{ background-position: 0% 100%; } #contact_list tr td .send_mail.sent img{ background: url(../images/icon/icon_tick.png) no-repeat 0% 0%; } #client_addressbook_modal{ display: block; overflow: hidden; background: #fff; width: 800px; height: 100%; } #client_addressbook_modal .btn-maj-popup{ display: block; width: 145px; height: 26px; margin: 20px 0; border: 1px solid #1585ff; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; background-color: #1585ff; color: #FFF; text-align: center; line-height: 26px; cursor: pointer; } #client_addressbook_modal .btn-maj-popup:hover{ background-color: #FFF; color: #1585ff; } #client_addressbook_modal .btn-suppr-popup{ display: block; width: 145px; height: 26px; margin: 20px 0; border: 1px solid #8e0b0b; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; background-color: #aa0e0e; color: #FFF; text-align: center; line-height: 26px; cursor: pointer; } #client_addressbook_modal .btn-suppr-popup:hover{ background-color: #FFF; color: #aa0e0e; } #client_update fieldset.client_newsletter{ display: block; clear: both; margin: 10px 0; } #client_update fieldset.newsletter input{ width: auto; float: left; } #client_update fieldset.newsletter label{ white-space: nowrap; padding: 0 0 0 5px; } #client_update fieldset.newsletter label a{color: #0099cc; text-decoration: underline; } #client_update .form_btn{ display: block; float: right; } #client_update .form_btn li{ display: block; clear: both; height: 26px; } #client_update .form_btn li .btn_delete{ margin: 10px 0 0 0; float: right; } /* Addressbook - Setup de base */ #addressbook{ display: block; width: 788px; border: solid #a5a5a5; border-width: 0 1px; } #addressbook #contact_search{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 14px; color: #666666; border: none; width: 190px; border-bottom: 1px solid #1c1c1c; text-align: center; background-color: none; background: url(../images/icon/icon-search.png) no-repeat 200px 0; padding: 5px 30px 0 5px; } #addressbook #search_type{ display: block; border-radius: 3px; border: 1px solid #b5c0cc; padding: 2px 5px; margin: 0 20px; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } /* Barre de recherche des contact */ #addressbook_recherche{ display:block; width: 770px !important; overflow:hidden; margin: 0 auto 20px auto; } #addressbook_recherche li{display:block; float:left; margin:0 0 5px 0px; padding:3px 0;} #addressbook_recherche li.add{ float: left; margin: 0 0 10px 0; } #addressbook_recherche li.add a{display:block; background-color: #1585ff; height:23px; width: 154px; color: #fff; font-size: 14px; line-height: 23px; text-align: center; text-transform: uppercase; font-family: 'Raleway Medium', sans-serif; border-radius: 3px;} #addressbook_recherche li.add a:hover{ background-color: #0d2284; } #addressbook_recherche li select{display:block; width:130px; float:left; border:0px solid; padding:0 0 0 3px; color:#999; margin:0 5px; color:#16517e; } /* Relances clients */ #page_content.relances h1.heading{ display: block; width: 780px; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background: #0d2284; line-height: 35px; } #page_content.relances h2{display: block; margin: 0 0 0 10px; font-size : 1.7em; font-weight: bold; color: #2e2e2e; } #page_content.relances h3{display: block; margin: 0 0 10px 10px; font-size : 1.3em; font-weight: bold; font-style: italic; color :#ff2f00;} #page_content.relances .relancesLink{ display: block; height: 26px; padding: 5px 10px; margin: 20px auto; border: 1px solid; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 15px; text-align: center; line-height: 26px; } #page_content.relances .desactive{ display: block; height: 26px; padding: 5px 10px !important; margin: 20px auto; border: 1px solid; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; color: #999 !important; background-color: #CCC; font-size: 15px; text-align: center; line-height: 26px; } #page_content.relances .desactive:hover{ cursor: default; } #page_content.relances .relancesLink.rouge{ border-color: #8e0b0b; color: #FFF; background-color: #ae0e0e; } #page_content.relances .relancesLink.rouge:hover{ border-color: #8e0b0b; color: #ae0e0e; background-color: #FFF; } #page_content.relances .relancesLink.orange{ border-color: #ca340b; color: #FFF; background-color: #d25129; } #page_content.relances .relancesLink.orange:hover{ border-color: #ca340b; color: #d25129; background-color: #FFF; } #page_content.relances .relancesLink.vert{ border-color: #678e0b; color: #FFF; background-color: #0d2284; } #page_content.relances .relancesLink.vert:hover{ border-color: #678e0b; color: #0d2284; background-color: #FFF; } #page_content.relances #relances .sous-titre{ display: block; border: solid #666; border-width: 1px 0; font-family: 'Raleway Bold', sans-serif; font-size: 15px; padding: 5px;} #page_content.relances .message-attente{ display: block; text-align: center; font-family: 'Lato Bold', sans-serif; font-size: 20px; line-height: 20px; color: #0B3182; } /* Tableau relances clients*/ #relances{ margin:0 auto 25px auto; clear:both; overflow:hidden; display:block; padding:5px 10px 10px 10px; } #relances .list{display:block; padding:15px; margin:0 10px 10px 10px; overflow:hidden; clear:both; background:url(../images/bg/bg_login_panel_list.gif) repeat-x 0% 0%;} #relances .btn_buy{float:right; margin:0 10px 0 0;} #relances .title{display:block; clear:both; font-weight:bold; font-size:1.2em; color:#cc0000; padding:0 0 5px 10px;} #relances .list ul{display:block; float:left; overflow:hidden; width:49%;} #relances .list ul li{display:block; padding:3px;} #page_content.relances .col-right{ font-family: 'Lato Regular'; font-size: 13px; color: #818181; border: 1px solid #A5A5A5;} #page_content.relances .col-right > ul{width:700px; height:70px; overflow: hidden; display:block; margin:20px auto 0 auto; /*padding: 15px 0 0 150px;border-bottom: 1px solid #333333;*/ } #page_content.relances .col-right > ul li{float:left; width: auto; text-align: center; margin: 0 21px 0 0; padding: 0 0 10px 0; list-style:none; cursor:pointer;text-decoration:none;color:#666666;} /*#page_content.relances .col-right > ul li:hover{color: #333333;}*/ #page_content.relances .col-right > ul li.current{color: #333333; font-weight: bold;} #page_content.relances .col-right > ul li a{display:block;} #relances .sans-resultat{ display: block; text-align: center; font-family: 'Lato Bold', sans-serif; font-size: 20px; line-height: 20px; color: #cc0000; margin: 30px 0; padding: 20px; border: 1px solid #8e0b0b; } #page_content.relances th{ /*width:128px;*/ text-align:center; height:30px; color:#FFF; vertical-align:middle; font-family: 'Lato Bold', sans-serif; font-size: 11px; font-weight:normal; } #page_content.relances th.quantite{ /*width:75px;*/ } #page_content.relances th.prix{ /*width:75px;*/ } #page_content.relances th.produit{ /*width:235px;*/ } #page_content.relances #orders_list tr td{ /*width:128px*/; text-align:center; height:40px; vertical-align:middle; border-bottom:1px solid #a5a5a5; font-family: 'Lato Regular', sans-serif; font-size: 13px; color: #818181;} #page_content.relances #orders_list tr td.produit{ font-size: 11px; /*width:225px*/; padding: 0 5px; } #page_content.relances #orders_list tr td.quantite{ width:75px; } #page_content.relances #orders_list tr td.prix{ width:75px; } /* Encours client */ #page_content.encours h1.heading{ display: block; width: 780px; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background: #0d2284; line-height: 35px; } #page_content.encours .col-right{ display: block; border: solid #a5a5a5; border-width: 0 1px 1px 1px; } #page_content.encours p.intro{ width: 650px; margin: 20px auto; font-family: 'Lato Bold', sans-serif; font-size: 15px; color:#253C80; clear:both; text-align: center; } #page_content.encours p.intro a{ color: #253C80; } #page_content.encours p.intro a:hover{ text-decoration: underline; } #client_encours{margin:25px auto; padding:10px 0; width:450px; background:#253C80; -moz-box-shadow: 1px 1px 8px #dadada; -webkit-box-shadow: 1px 1px 8px #dadada; box-shadow: 1px 1px 8px #dadada;} #client_encours p{display:block; padding:10px; color:#fff; font-size:2.5em; overflow:hidden;} #client_encours p span.title{display:block; float:left; padding:8px 10px 5px 10px; font-size:0.8em;} #client_encours p span.amount{display:block; float:right; padding:10px; width: 105px; border:1px solid #fff; color:#ffffff; position:relative; margin:0 0 0 25px;} #client_encours p span.amount small{position:absolute; top:0px; right:5px; font-size:0.4em; color:#fff;} /* ==|== Page inscription ====================================================== */ .inscription-client .titre-page{ display: block; background: url(../images/bg/bg-titre-inscription.png) no-repeat 50% 0; height: 105px; float: left; clear: both; width: 100%; text-align: center; font-family: 'Lato Italic', sans-serif; font-size: 30px; color: #0d2284; text-transform: uppercase; line-height: 105px; } .inscription-client .sous-titre{ display: block; height: 35px; width: 930px; margin: 0 auto; float: none; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background-color: #0d2284; line-height: 35px;} .inscription-client h3{ display: block; padding: 8px 15px; float: left; border: 1px solid #0d2284; border-radius: 5px; font-family: 'Lato Bold Italic', sans-serif; font-size: 16px; color: #0d2284; } #client_inscription{ display: block; width: 848px; margin: 0 auto; overflow: hidden; padding: 20px 45px; border: solid #a5a5a5; border-width: 0 1px 1px 1px; } #client_inscription .col-left{ display: block; width: 384px; float: left; clear: both; margin: 10px 40px 0 0; } #client_inscription .col-right{ display: block; width: 384px; float: left; margin: 10px 0 0 40px; } #client_inscription .label{ display: block; float: left; font-family: 'Lato Bold', sans-serif; font-size: 13px; line-height: 20px; color: #336699; } #client_inscription fieldset{display: block; margin: 15px 0; line-height: 12px; clear: both} #client_inscription fieldset input{ display: block; float: right; width: 160px; border-radius: 3px; border: 1px solid #b5c0cc; padding: 2px 5px; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } #client_inscription fieldset select{ display: block; float: right; width: 172px; border-radius: 3px; border: 1px solid #b5c0cc; height: 22px; color: #336699; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } #client_inscription fieldset.civilite div{ float:right; margin-right: 70px; } #client_inscription fieldset.civilite div input{ float: left; width: auto; } #client_inscription fieldset.civilite div label{ float: left; width: auto; padding: 0 10px 0 2px; } #client_inscription .label.civilite{ line-height: 14px; margin-left: 2px; } #client_inscription .label.civilite.melle{ margin-right: 15px; } #client_inscription fieldset textarea{ display: block; clear: both; width: 370px; max-width: 370px; min-width: 370px; min-height: 90px; border-radius: 3px; border: 1px solid #b5c0cc; padding: 5px; margin-top: 5px; float: left; color: #336699; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } #client_inscription .info{ clear: both; display: block; float:right; white-space: nowrap; font-size: 9px; color:#9c1478; margin: 5px 57px 0 0; } #client_inscription .texte{ clear:both; font-family: 'Lato Regular', sans-serif; color:#999999; font-size: 13px; } #client_inscription .info.left{ margin: 5px 78px 0 0; } #client_inscription .info.champs{ float: left; margin: 0;} #client_inscription .commercial{ clear: both; float: none; margin: 10px 0 5px 0; width: 250px;} #client_inscription hr{ display: block; clear: both; width: 848px !important; margin: 10px 0 30px 0; width: 100px; border-color: #0d2284; float: left; } #client_inscription fieldset.client_newsletter{display:block; clear:both; margin:10px 0;} #client_inscription fieldset.newsletter { float:left; margin: 65px 0 10px 0; font-family: 'Lato Regular', sans-serif; font-size: 11px; } #client_inscription fieldset.newsletter input{ width:auto; float:left;} #client_inscription fieldset.newsletter label{ float: left; white-space:nowrap; padding:0 0 0 5px; color: #8c8c8c; } #client_inscription fieldset.newsletter label a{ text-decoration:underline; color:#8c8c8c;} #client_inscription fieldset.newsletter label.alert{font-weight:bold; color:#ff0000;} #client_inscription fieldset.newsletter label.alert a{font-weight:bold; color:#000;} #client_inscription .btn-valider-inscription a{ display:block; clear:both; cursor: pointer; width: 286px; height: 56px; font-size: 17px; line-height: 56px; border: 1px solid #1585ff; color: #fff; text-transform: uppercase; background-color: #0d2284; z-index: 9999; font-family: 'Raleway Bold', sans-serif; text-align: center; } #client_inscription .error_msg{display:block; color:#ff0000; font-size:0.8em; font-style:italic; clear:both; float:right;} #client_inscription_valide{ display:none; } #client_inscription_valide .msg{ margin:10px 0; } #client_inscription_valide h2.title{ display: none; } #client_inscription_valide h3{ margin: 0 0 10px 0; font-weight: bold; font-size: 1.2em; color:#666666; } #client_inscription_valide p{ display: block; margin: 0 0 5px 0;} .info1{ display: block; width: 710px; float: left; margin-top: 40px; } .info1 .title-doc{ display: block; height: 38px; width: 710px; float: left; font-family: 'Lato Bold', sans-serif; font-size: 15px; line-height: 38px; padding-left: 10px; margin-left: 38px; margin-bottom: 10px; text-transform: uppercase; color: #f00f44; border: solid #ff0000; border-width: 1px 0; background: none; text-shadow: none !important; } .info1 .liste-doc{ display: block; width: 710px; float: left; font-family: 'Lato Regular', sans-serif; font-size: 14px; text-transform: none !important; line-height: 14px; padding-left: 15px; margin-left: 38px; text-transform: uppercase; color: #666666; background: none !important; } .info1 .liste-doc li{ margin: 10px 0 15px 0; background: url(../images/icon/icon-puce-liste.png) no-repeat 0 3px; padding-left: 20px; } .encadre{ display: block; width: 600px; height: 50px; float: left; font-size: 14px; line-height: 16px; color: #8c8c8c; margin-left: 53px; margin-bottom: 50px; border: 1px solid #f00f44; padding: 15px 20px; } .encadre .red{ color: #f1194b; } .encadre .bold{ color: #5e5e5e; font-family: 'Lato Bold', sans-serif; } .encadre .mail{ color: #1648eb; text-decoration: underline; } .encart-question{ display: block; float: right; width: 205px; height: 165px; margin: 39px 36px 0 0; } .encart-question .titre-gris{ display: block; width: 205px; color: #FFF; text-transform: uppercase; text-align: center; font-size: 15px; text-shadow:none; background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #979797 67%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%,#979797 67%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%,#979797 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .encart-question .contact{ display: block; border: 1px solid #878787; text-align: center; font-family: 'Lato Bold', sans-serif; font-size: 15px; color: #666666; font-style: italic; line-height: 25px; padding: 20px 5px; } .inscription-client .fancybox-wrap{ display: block; width: 848px !important; height:500px !important; margin: 0 auto;} .inscription-client .fancybox-inner{ display: block;width: 835px !important; height:500px !important; overflow-x: hidden; } .inscription-client .fancybox-inner h1 span{ display: block; height: 35px; width: 800px !important; margin: 0 auto; float: none; text-shadow: none!important; font-family: 'Lato Bold', sans-serif; font-size: 20px; padding-left: 0!important; text-transform: uppercase; color: #336699 !important; background: none !important; text-align: center !important;} .inscription-client .fancybox-inner .sous-titre{ display: block; height: 35px; width: 800px !important; margin: 0 auto; float: none; text-shadow: none!important; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 0!important; text-transform: uppercase; color: #336699 !important; background: none !important;} .inscription-client .fancybox-inner .texte{ width: 800px !important; margin-left: 10px !important; } .inscription-client .fancybox-inner .texte.info{ margin-top: 10px!important; font-style: italic!important; overflow: hidden; } /* ==|== Page connexion ====================================================== */ .client-connexion .msg.error{ width: 670px; position: absolute; left: 1px; top: 36px; padding: 5px 10px 5px 35px; background-position: 10px 4px; background-color: #EFC3C3; color: #FF0000; border-color: #FF0000; } .client-connexion .login-box{ display: block; position: relative; margin: 45px auto; width: 720px; height: 200px; } .client-connexion .login-box .titre{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background: #0d2284; line-height: 35px;} .client-connexion .login-box #client_login{ display: block; border: 1px solid #A0A0A0; border-top: none; overflow: hidden; } .client-connexion .login-box fieldset{ overflow: hidden; float: left; } .client-connexion .login-box fieldset input{ display: block; width: 275px; height: 45px; margin: 30px 10px 5px 40px; border-radius: 3px; border: 1px solid #b5c0cc; padding-left: 30px; background: url(../images/icon/icon-user-input.png) no-repeat 5px 50% #eaeaea; /* Old browsers */ background: url(../images/icon/icon-user-input.png) no-repeat 0 0 -moz-linear-gradient(top, #eaeaea 0%, #FFF 100%); /* FF3.6-15 */ background: url(../images/icon/icon-user-input.png) no-repeat 0 0 -webkit-linear-gradient(top, #eaeaea 0%,#FFF 100%); /* Chrome10-25,Safari5.1-6 */ background: url(../images/icon/icon-user-input.png) no-repeat 0 0 linear-gradient(to bottom, #eaeaea 0%,#FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } .client-connexion .login-box fieldset input.left{ margin: 30px 20px 5px 10px; background: url(../images/icon/icon-mdp-input.png) no-repeat 5px 50% #eaeaea; /* Old browsers */ background: url(../images/icon/icon-mdp-input.png) no-repeat 0 0 -webkit-linear-gradient(#eaeaea 0%, #FFF 100%); background: url(../images/icon/icon-mdp-input.png) no-repeat 0 0 -o-linear-gradient(#eaeaea 0%, #FFF 100%); background: url(../images/icon/icon-mdp-input.png) no-repeat 0 0 linear-gradient(#eaeaea 0%, #FFF 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } .client-connexion .login-box fieldset .info{ clear: both; float: right; margin: 0 20px 0 0; font-family: 'Lato Regular', sans-serif; color: #666; font-size: 12px; text-decoration: underline;} .client-connexion .login-box .creation-compte{ display: block; float: left; margin: 10px 40px; font-family: 'Lato Bold', sans-serif; font-size: 13px; color: #0d2284; } .client-connexion .login-box .creation-compte .lien{ font-family: Arial, sans-serif; color: #0088dE; text-decoration: underline; } .client-connexion .login-box .btn{ display: block; cursor:pointer; float: right; border: none; background-color: #0d2284; color: #fff; text-transform: uppercase; border: 1px solid #1585ff; font-size: 16px; text-align: center; width: 171px; height: 48px; margin: 10px 40px; font-family: 'Raleway Bold', sans-serif; } .client-connexion .login-box .btn:hover{ background-color: #1585ff; } .client-connexion .box-choisir{ margin: 0 0 50px 149px; } .client-connexion .contact{ display: block; height: 200px; width: 225px; float: left; margin-left: 30px; } .client-connexion .contact .texte{ display: block; margin-top: 15px; font-family: 'Lato Regular', sans-serif; font-size: 16px; color: #666666; text-align: center; line-height: 20px; } .client-connexion .contact .numero{ display: block; width: 175px; margin: 15px auto; height: 35px; padding: 5px 0 0 25px; font-family: Arial, sans-serif; font-size: 20px; line-height: 15px; color: #625f5f; border: 1px solid #888; border-radius: 3px; background: url(../images/bg/bg-tel-connexion.png) no-repeat -1px 0; } .client-connexion .contact .numero .small{ font-size: 11px; font-family: 'Raleway Bold', sans-serif; } /* ==|== Mot de pass oublié ====================================================== */ #page_content.connexion.mdp{ margin-top: 20px; } #page_content.connexion.mdp .title{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; line-height: 35px;text-transform: uppercase; color: #FFF;text-shadow: -1px -1px 0 #89497d; background: #0d2284; } #page_content.connexion.mdp .login_box{ display: block; border: solid #a5a5a5; border-width: 0 1px 1px 1px; } #page_content.connexion.mdp .login_box .sous-titre{ display: block; font-family: 'Lato Regular', sans-serif; font-size: 16px; padding: 20px; color: #0d2284; } #forgot_pass{ padding: 0 20px; overflow: hidden; } #forgot_pass fieldset{ display: block; } #forgot_pass fieldset label{ display: block; float: left; font-family: 'Lato Regular', sans-serif; font-size: 14px; color: #625f5f; line-height: 26px; } #forgot_pass fieldset input{ display: block; float: left; width: 250px; border-radius: 3px; border: 1px solid #b5c0cc; height: 22px; color: #336699; margin-left: 10px; padding: 0 10px; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } #forgot_pass .btn_buy.modif-mdp{ display: block; width: 325px; height: 26px; margin: 20px 0; border: 1px solid #678e0b; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; background-color: #1585ff; color: #FFF; text-transform: uppercase; text-align: center; line-height: 26px; } #forgot_pass .btn_buy.modif-mdp:hover{ border: 1px solid #678e0b; background-color: #FFF; color: #1585ff; } #forgot_pass .btn_buy.changer-mdp{ display: block; width: 210px; height: 26px; margin: 20px 20px 20px 215px; border: 1px solid #678e0b; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; background-color: #1585ff; color: #FFF; text-transform: uppercase; text-align: center; line-height: 26px; } #forgot_pass .btn_buy.changer-mdp:hover{ border: 1px solid #678e0b; background-color: #FFF; color: #1585ff; } #forgot_pass .msg.valid{ margin-bottom: 20px; } #forgot_pass .error_msg{ display: block; color: #ff0000; font-size: 0.8em; font-style: italic; clear: both; margin-bottom: 20px; } #conditions { display: block; overflow: hidden; width: 100%; font-size: 0.8em; margin: 0 0 0 10px; } #login_panel{ display:none; width:140px; text-align: center; background-color: #ffffff; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; -moz-box-shadow: 1px 1px 8px #333; -webkit-box-shadow: 1px 1px 8px #333; box-shadow: 1px 1px 8px #333; overflow:hidden; padding:0 0 5px 0; margin:0 0 0 60px;} #login_panel label{display:block; margin:2px 5px; font-size:0.9em; font-weight:bold; color:#666; } #login_panel input{display:block; clear:both; margin:0 auto 10px auto; width:128px; border: 1px solid #cccccc; background:url(../images/bg/bg_input_login_panel.png) repeat-x 0% 0% #ffffff;} #login_panel .btn_buy{margin:0 0 5px 15px;} #login_panel p{display:block; color: #666666; clear:both; text-align:center;margin: 0 0 5px 0;} #login_panel .forgot{color:#333333;} #login_panel .new_account{color:#990000;} #login_panel .error_msg{display:block; color:#ff0000; font-size:0.8em; font-style:italic; clear:both; float:right;} /* ==|== Page contact ====================================================== */ #page_content.contact{ margin:10px 0; } #page_content.contact .title{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; line-height: 35px;text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background: #0d2284; } #contact_form{ display: block; width: 923px; margin: 0 auto; overflow: hidden; padding: 20px 45px; border: solid #a5a5a5; border-width: 0 1px 1px 1px; background: #FFF; } #contact_form label{ display:block; margin: 20px 0 5px 20px; font-family: 'Lato Bold', sans-serif; font-size: 18px; color:#0d2284; } #contact_form textarea{ display:block; width: 880px; height:150px; margin:0 0 5px 20px; padding: 10px; border: 1px solid #0d2284; } #contact_form .btn-envoyer{display: block; float:right; width: 100px; height: 26px; margin: 20px auto; border: 1px solid #888888; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; text-transform: uppercase; font-size: 12px; color: #FFF; text-align: center; line-height: 26px; background: #1585ff; } #contact_form .btn-envoyer:hover{ background-color: #FFF; color: #1585ff; } /* #contact_form ul{display:block; float:left; width:400px; margin:20px 0 20px 20px;} #contact_form ul li{display:block; clear:both; padding:30px 0;} #contact_form ul li input, #contact_form ul li label{display:block; float:left; margin:0 5px 0 0;} #contact_form ul li label{ width:325px;} #page_content.contact .coordonnees_contact{float: left; margin:15px 20px 20px 0;-moz-box-shadow: 1px 1px 5px #b3c5d0; -webkit-box-shadow: 1px 1px 5px #b3c5d0; box-shadow: 1px 1px 5px #b3c5d0; width: 220px; padding: 15px; background:url(../images/icon/icon_aside_mail.png) no-repeat 10px 15px #ffffff;border: 1px solid #666; } #page_content.contact .coordonnees_contact p{float: left; margin:0 0 0 30px; } #page_content.contact .coordonnees_contact p span {font-weight: bold; color: #990000; }*/ /* ==|== Coté Right Page ====================================================== */ /* Pages annexes */ #page_content.annexe{margin:10px 0; width:100%;} #page_content.annexe .text{background:#fff; padding:10px; overflow: hidden;} #page_content.annexe .text strong{display:block; margin:10px 0 0 0; color: #990000; font-size: 14px; } #page_content.annexe .text p{display:block; margin:0 0 15px 0;} #page_content.annexe .text em{display:block; margin:15px 0 0 0; font-weight:normal; text-decoration: underline; } #page_content.annexe cite{display:block; text-align:center; color: #ff0000; } /* Outils de ventes */ #page_content.outils{margin:10px 0 ;} #page_content.outils .content{background:#fff;} #page_content.outils .heading{background:url(../images/bg/bg_index_product_choice_ope.png) no-repeat 0% 0%; width:943px; height:243px; margin:10px auto; position:relative;} #page_content.outils .one{display:block; padding:25px 45px 0 45px; color:#999; font-style:italic; font-size:2.1em;} #page_content.outils .two{display:block; padding:0 0 15px 100px; color:#fff; font-style:italic; font-size:1.8em;} #page_content.outils .three{display:block; padding:0 0 0 120px; color:#666; font-style:italic; font-size:2.5em;} #page_content.outils .content h2{clear:both; margin:0 0 15px 50px; padding:10px 0 10px 70px; font-size:2em; font-family: 'Open Sans', Arial; color:#cc0000; background: no-repeat 0 0;} #page_content.outils .content h2.docs{background-image:url(../images/icon/icon_outils_doc.png);} #page_content.outils .content h2.fiches{background-image:url(../images/icon/icon_outils_fiche.png);} #page_content.outils .content h2.tarifs{background-image:url(../images/icon/icon_outils_tarifs.png);} #page_content.outils .content ul{background:url(../images/bg/bg_outils.gif) repeat-x 0% 100% #fff; border-bottom:1px solid #dfd5c8; padding:0 75px 15px 120px; margin:0 0 25px 0;} #page_content.outils .content ul li{background:url(../images/bg/bg_index_box_2_spot.png) no-repeat 0% 10px; display:block; padding:5px 5px 5px 15px;} #page_content.outils .content ul li a{text-decoration:underline;} #page_content.outils .content ul li span{color:#701111; font-style:italic; font-weight:bold; padding:0 0 0 5px;} /* Page Evaluations */ #page_content.evaluations{margin:10px 0; width:100%;overflow:hidden; } #page_content.evaluations .content{background:#fff; width:100%; overflow:hidden; display: block;} #page_content.evaluations .content h2{} #page_content.evaluations .content .product{ overflow: hidden; float: left; width: 450px; margin: 20px; } #page_content.evaluations .content > ul {float:left; width:100%; overflow:hidden; display: block;} #page_content.evaluations .content > ul li.product {width:450px; height: 200px; float:left; margin: 15px; display: block; padding:10px; } #page_content.evaluations .content .product img{width:100px; display:block; float:left; padding:0 10px 0 0;} #page_content.evaluations .content .product h3{display:block; font-weight:bold; font-size:1.1em; height:25px; line-height:25px; padding:15px 5px 0 0; border-bottom:1px solid #ccc; color:#990000; } #page_content.evaluations .content .product ul{display:block; padding:5px; float:left; width:330px; } #page_content.evaluations .content .product a {list-style: none; overflow: hidden;} #page_content.evaluations .content .product ul li{display:block; overflow:hidden; padding:5px 0; word-wrap: break-word;} #page_content.evaluations .content .evaluation_request{float:left;overflow:hidden; display: block;} #page_content.evaluations .content .evaluation_request > span {display: block; width: 800px; color: #ff0000; font-size: 1.1em; font-weight: bold; margin: 20px 0 20px 30px} #page_content.evaluations .content .evaluation_request p, #page_content.evaluations .content .evaluation_request ul{display:block; margin:10px; clear:both;} #page_content.evaluations .content .evaluation_request .btn_buy{margin:20px 300px;} /* Factures clients */ #page_content.orders .col-right{ overflow:hidden; border: 1px solid #a5a5a5; } #orders_recherche{ display:block; width: 770px !important; padding: 20px 9px; } #orders_recherche #orders_search{ display: block; float: left; font-family: 'Lato Bold', sans-serif; font-size:14px; color:#666666; border:none; width: 190px; border-bottom: 1px solid #1c1c1c; text-align: center; background-color: none; background: url(../images/icon/icon-search.png) no-repeat 200px 0; padding: 5px 30px 0 5px; } #orders_recherche #search_type{ display: block; border-radius: 3px; border: 1px solid #b5c0cc; padding: 2px 5px; margin-left: 20px; float: left; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } #orders{ display: block; width:100%; clear: both; margin-top: 25px; } #orders thead{ display:block; background:#818181; color:#FFF; text-transform: uppercase; } #orders th{ width:112px; text-align:center; height:30px; color:#FFF; vertical-align:middle; font-family: 'Lato Bold', sans-serif; font-size: 11px; font-weight:normal; } #orders #orders_list tr td{width:113px; text-align:center; height:40px; vertical-align:middle; border-bottom:1px solid #a5a5a5; font-family: 'Lato Regular', sans-serif; font-size: 13px; color: #818181; } #orders #orders_list tr td small{display:block; clear:both;} #orders #orders_list tr td .pdf{ padding:3px 0 3px 25px; background:url(../images/icon/icon-pdf.png) no-repeat 0% 0; height:19px; width:21px; line-height:19px; text-decoration:underline; } #orders #orders_list tr td .pdf:hover{ color:#1585ff; } #orders #orders_list tr td .email{ padding:3px 0 0 15px; height: 16px !important; } #orders #orders_list tr td .valid{ padding:3px 0 0 15px; display:block; overflow:hidden; text-align: center; background:url(../images/icon/icon_tick.png) no-repeat 0% 50%; } #orders #orders_list tr td .pending{ padding:3px 0 0 15px; display:block; overflow:hidden; text-align: center; background:url(../images/icon/icon_info.png) no-repeat 0% 50%;} #orders #orders_list tr td .error{ padding:3px 0 0 15px; display:block; overflow:hidden; text-align: center; background:url(../images/icon/icon-error.png) no-repeat 0% 50%;} /* Page Catalogue */ #page_content.catalogue, #page_content.fiche{ width: 800px; float: left; } #page_content.catalogue .infos-console{ margin: 15px; padding-bottom: 10px; color: #000000; text-align: justify; } #page_content.catalogue .infos-console strong{ color: #ff0000; } #page_content.catalogue .infos-console .liste{ margin: 0 0 0 20px; list-style-type: disc; } #page_content.catalogue .infos-console .liste .point{ margin: 5px; } #page_content.catalogue .info{float:right; margin:10px;} #page_content.catalogue .encart-info{ display: block; height: 50px; text-align: center; background-color: #752888; padding: 0 5px; font-family: 'Lato Regular', sans-serif; font-size: 18px; color: #FFF; line-height: 50px; margin-bottom: 15px; } #page_content.catalogue .encart-info .mail{ color: #FFF; text-decoration: underline; } /*Popup*/ #page_content #popup_ajout_produit{ /*width: 400px; height: 110px; */text-align: center; padding: 15px;} #page_content #popup_ajout_produit p {font-size: 1.2em; font-weight: bold;} #page_content #popup_ajout_produit p.product {display:block; text-align: center; } #page_content #popup_ajout_produit .btn_buy { margin: 20px 0 0 20px;} #page_content #popup_ajout_produit .btn_buy2{ margin: 20px 0 0 40px;} #popup_btn_continue.btn-continuer-achat{ display: block; width: 200px; height: 26px; margin: 20px auto 10px auto; border: 1px solid #888888; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; color: #FFF; text-align: center; line-height: 22px; background-color: #0d2284; } #popup_btn_continue.btn-continuer-achat:hover{ background-color: #263d80; color: #FFF; } #popup_btn_continue.btn-aller-panier{ display: block; width: 200px; height: 26px; margin: 20px auto; border: 1px solid #1585ff; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; color: #FFF; text-align: center; line-height: 22px; background-color: #1585ff; } #popup_btn_continue.btn-aller-panier:hover{ background-color: #0d2284; color: #FFF; } /* Menu du catalogue */ #catalogue_menu{ display:block; width:1016px; border-top:2px solid #B3181E; border-bottom:1px solid #999; margin:0 auto 10px auto; font-size:1em; background:url(../images/bg/bg_header_menu_catalogue.gif) repeat-x 0% 0%; overflow:hidden;} #catalogue_menu li{ float:left; } #catalogue_menu span{ display:block; padding:5px 0; color:#999; } #catalogue_menu li a{ display:block; padding:0 20px; cursor:pointer; height:26px; line-height:26px; color:#999; } #catalogue_menu li a img{ margin:7px 0 0 5px; width:10px; height:10px; background:url(../images/icon/icon_bullet_arrow_down.png) no-repeat 50% 50%;} #catalogue_menu li a:hover{ background-position:0% -26px; color:#333; } #catalogue_menu li{ background:url(../images/bg/bg_header_menu_catalogue.gif) repeat-x 0% 0%;} #catalogue_menu li.active{ background:url(../images/bg/bg_header_menu_catalogue.gif) repeat-x 50% 100%; } #catalogue_menu li ul{ left:-89em; margin: 0 0 0 0;height:auto; position:absolute; z-index:800; border-top:1px solid #ccc; -moz-box-shadow: 1px 1px 1px #333; -webkit-box-shadow: 1px 1px 1px #333; box-shadow: 1px 1px 1px #333; } #catalogue_menu li ul a{ padding:0 10px; } #catalogue_menu li .ul2 { margin: 0 0 0 -20px; } #catalogue_menu li .ul3{ margin: 0 0 0 -175px; } #catalogue_menu li:hover ul{ left:auto; float:left; } /* ==|== Liste produit ====================================================== */ .part-left-catalogue{ display: block; float: left; overflow: hidden; margin: 20px 10px 0 0; } .part-right-catalogue{ display: block; width: 200px; float: right; position: relative; } .banner-landing{ display: block; width: 800px; overflow: hidden; } /* Barre du haut du catalogue */ #recherche-bar{ display: block; margin: 20px 0 15px 0; width: 800px; overflow: hidden; } /* MDI START - FS#8525 */ .hiddenRechercheBar #catalogue_recherche{ display: none !important; } /* END MDI */ /* Recherche */ #catalogue_recherche{ display: block; clear: both; float: left; width: 758px; padding: 10px 20px 15px 20px; border: 1px solid #425796; } #catalogue_recherche li{ display: block; float: left; margin: 0 0 0 15px; } #catalogue_recherche li.order{ float: right; } #catalogue_recherche li label{ display: block; height: 20px; line-height: 18px; font-family: Arial; font-size: 10px; color: #0d2284; } #catalogue_recherche li select{ display: block; height: 22px; width: 170px; float:left; border: 1px solid #b5c0cc; color:#0d2284; font-family: 'Lato Regular', sans-serif; text-align: center; font-size: 13px; border-radius: 3px; } #catalogue_recherche li select.small{ width: 100px; } /* // FS#8153 */ /* .disableTag{background-color: #e7e3e3;color: #818181;} */ #catalogue_recherche li select.disableTag{background-color: #e7e3e3;color: #818181;} /* Catalogue Produit */ .product_type{ display: block; overflow: hidden; } /* Elements d'action et champ input */ .product_type .header{ display: block; overflow: hidden; height: 40px; padding: 5px 10px; font-family: 'Lato Regular', sans-serif; font-size: 16px; background: url(../images/bg/bg-fleche-liste-produit.png) no-repeat -3px 2px #0d2284; color: #fff; } .product_type .header li{ display: block; overflow: hidden; } .product_type .header li.name{ float: left; width: 350px; font-size: 15px; line-height: 20px; padding-left: 5px; cursor: pointer !important; } .product_type .header li.lien-fiche{ float: left; padding: 0 5px; font-family: 'Lato Regular', sans-serif; color: #FFF; border: 1px solid #FFF; font-size: 12px; line-height: 20px; margin: 10px 20px 0 10px; cursor: pointer !important; } .product_type .header li.lien-fiche:hover{ cursor: pointer !important; color: #0d2284; background: #FFF; border-color: #425796; } .product_type .header li.price{width:auto; font-size:13px; float: left; line-height: 40px; margin-left: 5px; } .product_type .header li.quantite{ float: left; font-size: 12px; line-height: 40px; margin: 0 10px 0 40px; } .product_type .header .bouton-acheter{ display: block; width: 98px; height: 28px; line-height: 28px; float: right; background-color: #1585ff; text-align: center; text-transform: uppercase; font-size: 14px; font-family: 'Raleway Medium', sans-serif; color: #fff; border: 1px solid #1585ff; margin: 5px 0 0 0; cursor: pointer;} .product_type .header .bouton-acheter:hover{background-color: #fff; color: #1585ff;} .product_type .header li.input-quantite{ float: left; margin-top: 6px; border: 1px solid #a6a6a6; } .product_type .header li input{ float: left; width:50px;} .product_type .header .point{ display: block; font-family: arial, sans-serif; font-size: 12px; color: #000; font-style: italic; clear: both !important; float: left !important;} /* Type de support */ .product_type .support_type{display:block; overflow:hidden; border:1px solid #a6a6a6; margin-bottom: 20px; } /* Tableau des licences */ .licences_table{ width:100%; } .licences_table th{ height: 30px; vertical-align: middle; background: #818181; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 13px; } .licences_table th.name{ width: 200px; } .licences_table .product_row{ font-family: 'Lato Regular', sans-serif; font-size: 12px; color: #666666; } .licences_table .product_row.active{ background: #72bc36!important; font-size: 12px!important; } .licences_table .product_row td{ border-bottom: 1px solid #a6a6a6; text-align: center; width: 80px; padding: 5px 10px; vertical-align: middle; color:#666666; } .licences_table .product_row td.name{ width:255px; cursor: pointer; } .licences_table .product_row td.name .lien-fiche:hover{ color:#666666 !important; text-decoration: underline !important; cursor: pointer !important; } .licences_table .product_row td.prix{ color: #0b3182; font-weight: bold; } .licences_table .product_row td.prix.public{ font-weight: bold; } .licences_table .product_row td.int_max{ padding-top: 3px; } .licences_table .product_row td.int_max .lien-fiche{ padding: 0 5px; float:left; font-family: 'Lato Regular', sans-serif; color: #666; border: 1px solid #666; margin: 5px 0 0 10px; font-size: 12px; line-height: 15px; cursor: pointer !important; } .licences_table .product_row td.int_max .lien-fiche:hover{ cursor: pointer !important; color: #FFF; border-color: #0d2284; background: #0d2284 } .licences_table .product_row td .btn_buy_small{ display: block; width: 73px; height: 26px; color: #fff; background-color: #1585ff; border: 1px solid #0b3182; line-height: 26px; text-transform: uppercase; font-family: 'Raleway Bold', sans-serif;} .licences_table .product_row td .btn_buy_small:hover{ background-color: #0b3182; border: 1px solid #1585ff;} /* Addressbook - Choix du client final */ #addressbook.attribution{margin:0 0 15px 0; width:auto; padding:0 0 20px 0; background:url(../images/bg/bg_attribution_contact.png) no-repeat 0% 100%; } #addressbook.attribution #addressbook_recherche{width:auto;} #addressbook.attribution #addressbook_recherche input, #addressbook.attribution #addressbook_recherche select{width:100px;} #addressbook.attribution #addressbook_list{margin:0; background:#fff; width:auto;} #addressbook.attribution #addressbook_list th{width:127px;} #addressbook.attribution #addressbook_list #contact_list{height:100px;} #addressbook.attribution #addressbook_list #contact_list tr{cursor:pointer;} #addressbook.attribution #addressbook_list #contact_list tr.active{background:#0d2284; color:#fff; font-weight:bold;} #addressbook.attribution #addressbook_list #contact_list td{width:127px; height:auto;} /* ==|== Listing Produits - Right (Panier / Contact) ====================================================== */ /* Mon Panier */ #cart.site{ width: 200px; float: right; margin: 20px 0 10px 0; } #cart.site h2{ font-family: 'Lato Bold', sans-serif; font-size: 15px; text-transform: uppercase; background: url(../images/icon/icon-caddie.png) no-repeat 10px 50% #818181; padding: 0 0 0 45px; color: #FFF; height: 33px; line-height: 33px; } #cart.site h3{ color: #666666; padding: 5px; font-size: 11px; font-family: 'Lato Regular', sans-serif; } #cart.site ul{ display: block; } #cart.site li{ display: block; overflow: hidden; padding: 5px 0 10px 0; border: solid #868686; border-width: 0 1px 1px 1px; font-family: 'Lato Regular', sans-serif; font-size: 11px; color: #666666; } #cart.site li.vide{ font-size: 14px; text-align: center; padding-top: 10px; } #cart.site p.quantity{ display: block; float: left; width: 55px; } #cart.site p.price{ display: block; float: left; width: auto; color: #666666; font-size: 18px; white-space: nowrap; font-family: 'Lato Bold', sans-serif; padding: 0 0 0 5px; margin: 0 0 0 0; } #cart.site p.delete img{ float: left; margin: 5px 0 0 5px; } #cart.site p.price sup{ font-size: 0.6em; } #cart.site input{ border: 1px solid #878787; width: 28px; height: 18px; float: left; text-align: center; margin: 0 0 0 5px; font-family: 'Lato Bold',sans-serif; font-size: 14px; } #cart.site a.plus{ width: 15px; height: 11px; line-height: 12px; float: left; color: #fff; text-align: center; cursor: pointer; font-size: 12px; background-color: #1585ff; } #cart.site a.minus{ width: 15px; height: 11px; line-height: 9px; float: left; color: #fff; text-align: center; cursor: pointer; font-size: 12px; background-color: #666666; } #cart.site a.minus.locked{ background: #E2E2E2; color:#999; cursor: default; height: 10px; width: 14px; line-height: 9px; border-style: solid; border-width: 0 1px 1px 0; } #cart.site li small.locked{ display: block; margin: 10px 0 0 0; padding: 3px 3px 3px 22px; border: 1px solid #eee; background: url(../images/icon/icon_bullet_error.png) no-repeat 3px 3px #fff9dc; } #cart.site li small.locked .more{ display: none; clear: both; } #cart.site li small.locked .more a:hover{ text-decoration: underline; } /* Total */ #cart.site .total{ overflow: hidden; } #cart.site .total p{ display: block; float: right; padding: 2px; } #cart.site .total .name{ display: block; float: left; padding: 0 0 0 10px; font-family: 'Lato Bold', sans-serif; text-transform: uppercase; font-weight: normal; } #cart.site .total .price{ display: block; float: right; padding: 0 10px 0 0; } #cart.site .total .total_price{ display: block; width: 200px; overflow: hidden; font-weight: bold; background: #0b3182; font-size: 1.2em; clear: both; color: #fff; padding: 5px 0; white-space: nowrap; border-bottom: 2px solid #fff; } /* TVA / TOTAL FINAL */ #cart.site .tva{ display: block; width: 200px; height: 20px; clear: both; background-color: #818181; font-size:1.2em; font-family: 'Lato Bold', sans-serif; text-transform: uppercase; font-weight: normal; color: #FFF; line-height: 20px; } #cart.site .total-final{ display: block; width: 200px; height: 20px; clear: both; background-color: #818181; font-size:1.2em; font-family: 'Lato Bold', sans-serif; text-transform: uppercase; font-weight: normal; color: #FFF; line-height: 20px; } /* BLOC BOUTONS */ #cart.site .action{ display: block; padding: 15px 0 10px 0; border: solid #868686; border-width: 0 1px 1px 1px; position: relative; } #cart.site .btn_buy{ display: block; width: 191px; height: 41px; margin: 0 auto; background-color: #0d2284; color: #fff; text-align: center; text-transform: uppercase; font-size: 16px; line-height: 41px; font-family: 'Raleway Medium', sans-serif; } #cart.site .btn_buy:hover{ background-color: #1585ff; } #cart.site .devis{ display:block; margin: 10px auto 0 auto; width: 191px; height: 41px; clear: both; background: url(../images/btn/btn-devis.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; } #cart.site .devis:hover{ background-position: 0 100%; } #cart.site .help{ display: block; width: 16px; height:16px; position: absolute; right: 10px; bottom: 20px; background: url(../images/icon/icon-help.png) no-repeat 0 0; z-index: 500; } #cart.site .help .infobulle{ display: none; width: 140px; border-radius: 5px; background: url(../images/icon/icon-help.png) no-repeat 135px 0px #FFF9DC; position: absolute; left: -135px; top: 0px; z-index: 500; padding: 5px; font-family: 'Lato Regular', sans-serif; font-size: 11px; line-height: 12px; color: #333; cursor: help; } #cart.site .help .infobulle .bold{ font-family: 'Lato Bold', sans-serif; } #cart.site .help:hover .infobulle{ display: block; cursor: help; } /* ENCOURS */ #cart.site .encours{ display: block; height: 48px !important; overflow: hidden; background: url(../images/bg/bg-encours-mini-panier.png) no-repeat 50% 0; border: solid #868686; border-width: 0 1px 1px 1px; height: 25px; padding: 10px; position: relative; } #cart.site .encours span{ display: block; font-size: 14px; font-family: 'Lato Regular', sans-serif; color: #fff; text-align: center; line-height: 23px; } #cart.site .encours span.amount{ display:block; font-family: 'Lato Bold', sans-serif; font-size: 21px; } /* CONTACT */ #cart.site .box-contact{ display: block; margin-top: 12px; border: 1px solid #b1d6ff; font-family: 'Lato Bold Italic', sans-serif; font-size: 16px; color: #666666; text-align: center; padding: 20px 10px; } #cart.site .box-contact .mail:hover{ color: #0b3182; } #cart.site .liste-editeur.right{ display: block; margin-top: 12px; width: 200px; border-bottom: 1px solid #808080; } #cart.site .liste-editeur.right li:last-child{ border-bottom: none; } #cart.site .liste-editeur.right .titre-liste{ display: block; background-color: #625f5f; height: 30px; padding: 10px 5px; color: #FFF; text-transform: uppercase; font-family: 'Raleway Medium', sans-serif; font-size: 14px; line-height: 16px; } #cart.site .liste-editeur.right .editeur{ display: block; cursor: pointer; border-bottom: 1px solid #808080; padding: 0 0 0 10px; height: 30px; width: 188px; font-family: Arial; font-size: 14px; line-height: 30px; color: #464444; } #cart.site .liste-editeur.right .editeur.active { background-position: 0 100%; } #cart.site .liste-editeur.right .editeur.active a{ color: #0d2284; font-weight: bold; } #cart.site .liste-editeur.right .editeur:hover{ color: #0d2284; font-weight: bold; display: block; } #cart.site .liste-editeur.right .editeur:hover a{ color: #0d2284; font-weight: bold; display: block; } /* ==|== Transformer en devis ====================================================== */ #estimate_order{background:#fff; width:100%; height:100%; position:relative} /* Info */ #estimate_order .msg{float:left; margin:10px 10px 0 10px; height:26px; padding:0 10px 0 35px; line-height:26px; background-position:10px 50%;} /* Impression du devis */ #print_estimation{ border:1px solid #ccc; background:url(../images/bg/bg_header_menu_submenu.gif) repeat-x 0% 100% #fff; margin:10px 10px 0 10px; float:right; } #print_estimation a{ height:20px; display:block; line-height:20px; padding:3px 5px 3px 30px; background:url(../images/icon/icon_printer.png) no-repeat 5px 50%; font-weight:bold;} /* Tableau du devis */ #estimate_order_content{ padding:10px 0; clear:both;} #estimate_order_content .header{ margin:0 10px 10px 10px; width: 730px; height:100px; } #estimate_order_content .footer{margin:0 10px 10px 10px; clear:both; height:100px; } #estimate_order_content .contact{margin:0 10px 20px 10px; padding:10px; border:1px solid #ccc; float:left; width:220px;} #estimate_order_content .contact input{float:left; width:203px; display:block; margin:3px; padding:0 3px;} #estimate_order_content .contact .contact_cp, #estimate_order_content .contact .contact_ville{width:94px} #estimate_order_content #order_simulation{margin:0 10px 10px 10px; padding:0 10px; clear:both;} #estimate_order_content #order_simulation thead tr th{background:#ccc; padding:5px;} #estimate_order_content #order_simulation tr td{padding:5px; vertical-align:middle; text-align:center; border-bottom:1px solid #ccc;} #estimate_order_content #order_simulation tr td.name{font-size:0.9em; width:190px;} #estimate_order_content #order_simulation tr td.qty, #estimate_order #order_simulation tr td.price_unit, #estimate_order #order_simulation tr td.price_total{width:150px;} #estimate_order_content #order_simulation tr td span{display:block; clear:both; font-size:0.9em;} #estimate_order_content #order_simulation tr td.qty input{width:30px; display:block; margin:0 auto;} #estimate_order_content #order_simulation tr td input{width:75px; display:block; margin:0 auto; padding:0 3px;} #estimate_order_content #devis_total{margin:0 30px 30px 30px; float:right; display:block;} #estimate_order_content #devis_total label{display:block; float:left; padding:5px 10px; margin:0 35px 0 0;} #estimate_order_content #devis_total input{display:block; float:right; width:100px;} #estimate_order_content #devis_total select{display:block; float:right; width:100px;} #estimate_order_content #devis_total .devise{display:block; float:right; margin:2px 5px 0 0;} /* ==|== Achat Téléchargement (Espace de Téléchargement) ====================================================== */ #achat_telechargement{ position:relative; overflow:hidden; margin-top: 20px; } #achat_telechargement .heading{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; line-height: 35px; text-shadow: -1px -1px 0 #89497d; background: #0d2284; } /* Blocs */ #achat_telechargement .recap{ display:block; width: 98% !important; margin: 10px auto 30px auto; padding: 10px 0; border: 1px solid #ccc; background-color: #FFF; } /* Erreur */ #achat_telechargement .recap.error h3{ display: block; } #achat_telechargement .recap.error h3{ color: #990000; font-size: 18px; margin: 0 0 15px 20px; padding: 0; } #achat_telechargement .recap.error p{ display: block; margin: 3px 20px; font-family: 'Lato Regular', sans-serif; font-size: 14px; color: #333; } #achat_telechargement .recap.error .lien{ color: #0d2284; } #achat_telechargement .recap.error .lien:hover{ text-decoration: underline; } /* Commande */ #achat_telechargement .content{ display: block; position: relative; float:left; width: 1018px; margin-top: 10px; } #achat_telechargement .content-produit .titre-info{ display: block; margin: 30px 0 0 0; padding: 5px; font-size: 14px; text-transform: uppercase; color: #FFF; background: #990000; } #achat_telechargement .content-produit p{ display: block; border: 1px solid #990000; padding: 10px 30px; } #achat_telechargement .content-produit ol{ display: block; border: 1px solid #990000; padding: 10px 30px; } #achat_telechargement .content-produit li{ margin: 10px 0; font-size: 14px; } #achat_telechargement .content-produit a{ color: #2491E2; } #achat_telechargement .content-produit a:hover{ text-decoration: underline; } /* Blocs */ #achat_telechargement .recap h3{ display: block; margin: 0 15px; padding: 5px 15px; float: left; font-weight: bold; font-size: 16px; color: #FFF; background-color: #1585FF; } /*#achat_telechargement .recap.product h3{ background-image: url(../images/icon/icon_cart_put.png); }*/ #achat_telechargement .content-produit { display: block; clear: both; margin-top: 10px; } /* Listing des produits */ #achat_telechargement .product{ margin: 10px auto; overflow:hidden; clear: both; } #achat_telechargement .product .visuel{ display: block; float: left; margin: 20px 10px; overflow: hidden; } #achat_telechargement .product .langue{ display: block; margin: 20px 20px 0 0; } #achat_telechargement .product .langue .files{ display: block; margin: 5px 5px 0 5px; padding: 0 0 10px 0; font-size: 12px; overflow: hidden; color: #333; } #achat_telechargement .product .langue .files .file{ display: block; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px solid #CCC;} #achat_telechargement .product .langue .files .file .title{ display: block; font-size: 14px; font-weight: bold; padding: 0 0 0 30px; background: no-repeat 0% 50%; height: 20px; line-height: 20px; } #achat_telechargement .product .langue .files .file .title.trentedeux{ background-image: url(../images/icon/icon_computer.png); } #achat_telechargement .product .langue .files .file .title.soixantequatre{ background-image: url(../images/icon/icon_computer.png); } #achat_telechargement .product .langue .files .file .title.pdf{ background-image: url(../images/icon/icon_page_white_acrobat.png); } #achat_telechargement .product .langue .files .file .info{ float: left; font-size: 12px; margin: 10px 0; } #achat_telechargement .product .langue .files .file .btn-telecharger{ display: block; width: 120px; height: 31px; float: right; margin: 0 5px 0 0; background: url(../images/btn/btn-telecharger.png) no-repeat 0 0; text-indent: -9999px; } /* Colonne de droite */ #achat_telechargement .aside{ float: right; width: 250px; padding: 10px; border: 1px solid #ccc; margin: 20px 0 0 0; background: none #FFF; } #achat_telechargement .aside h3{ display: block; font-weight: bold; border: 1px solid #ccc; padding: 3px 0 3px 10px; color: #0d2284; font-style: italic; } #achat_telechargement .aside p{ display:block; margin: 10px 0; font-size: 12px; } #achat_telechargement .aside p .lien{ color: #0d2284; } #achat_telechargement .aside p .lien:hover{ text-decoration: underline; } #achat_telechargement .aside ul{ display: block; overflow: hidden; margin: 0; } #achat_telechargement .aside ul li{ display: block; margin: 10px 0; font-size: 12px; background: none; padding: 0; overflow: hidden; } #achat_telechargement .aside ul li strong.block{ display: block; } #achat_telechargement .aside ul li .texte{ display: block; width: 200px; float: left; margin-left: 10px; color: #333; } #achat_telechargement .aside ul li .num{ display: block; width: 20px; height: 20px; font-family: 'Lato Bold', sans-serif; text-align: center; float: left; border-radius:50%; background-color: #0d2284; color: #FFF; font-size: 14px; line-height: 17px; } /* Popup "Quel installeur télécharger : 32 bits ou 64 bits ?"" */ #infos_telechargement{ display: block; width: 600px; } #infos_telechargement p{ display: block; margin: 10px 0;} #infos_telechargement ul{list-style:disc; padding:5px 15px; margin:0 15px;} /* Fiche Produit */ #product_desc{padding:20px 0; background:url(../images/bg/bg_product_desc.gif) repeat-x 0% 100% #fff; overflow:hidden;} #product_desc > a { float: right; margin: 0 20px 0 0;} #product_desc h1{display:block; float: left; color:#333333; margin:0 0 0 25px; width: 500px;} #product_desc h2{display:block; float: left; color:#666666; margin:0 0 15px 25px; width: 500px;} #infos_prod{overflow:hidden; float:left; width:550px;} #infos_prod h3{display:block; color:#333; margin:0 0 15px 0; float:left; width:100%; font-size:1.3em; width:300px;} #infos_prod .img{width:230px; height:230px; text-align:center;margin:0 15px 15px 0; float:left;} #infos_prod .quantity{display:block; float:left; width:50px;} #infos_prod .quantity input{border:1px solid #dacfc0; width:28px; height:18px; float:left; text-align:center;} #infos_prod .quantity a.plus{width:15px; height:11px; line-height:13px; float:left; background:#00b3e3; color:#fff; text-align:center; cursor:pointer;} #infos_prod .quantity a.minus{width:15px; height:11px; line-height:10px; float:left; background:#063569; color:#fff; text-align:center; cursor:pointer;} #infos_prod .price{ padding:0 0 0 15px; float:left; color:#ff6600;} #infos_prod .price strong{display:block; font-size:2em;} #infos_prod .price small{display:block; clear:both; color:#333;} #infos_prod .discount{display:block; float:right; width:51px; height:51px; margin:0 70px 0 0; background:url(../images/bg/bg_product_discount.png) no-repeat 50% 50%; text-align:center; font-size:1.5em; color:#fff; line-height:50px;} #infos_prod .btn_buy{margin:5px 35px 0 0;} #infos_prod .stock{display:block; float:left; width:250px; margin:10px 0 0 0; font-weight:bold; background:no-repeat 0% 50%; padding: 3px 3px 3px 25px;} #infos_prod .stock.high{background-image:url(../images/icon/icon_stock_high_small.gif); color:#77a803;} #infos_prod .stock.mid{background-image:url(../images/icon/icon_stock_mid_small.gif); color:#f48903;} #infos_prod .stock.low{background-image:url(../images/icon/icon_stock_low_small.gif); color:#fe1500;} #infos_prod .dispo{display:block; float:left; font-weight:bold; color:#666; background:no-repeat 0% 50%; padding: 3px 3px 3px 25px;} #infos_prod .dispo.demat{background-image:url(../images/icon/icon_cart_put.png);} #infos_prod .dispo.boite{background-image:url(../images/icon/icon_cd_go.png);} #infos_prod .dispo.carte{background-image:url(../images/icon/icon_shape_square_key.png);} #infos_prod .infos{display:block; clear:both; margin:0 0 0 35px; padding:0 0 0 0;} #infos_prod .infos li{ display:block; color:#333; font-weight:bold; font-size:0.9em; height:16px; line-height:16px; margin:5px 0; float:left; clear:both} #infos_prod .infos li span{ color:#990000; } #infos_prod .infos .pdf{background:url(../images/icon/icon_page_white_acrobat.png) no-repeat 0% 50%; padding:0 0 0 25px; cursor:pointer; } #infos_prod .infos .email{background:url(../images/icon/icon_email.png) no-repeat 0% 50%; padding:0 0 0 25px; cursor:pointer; } #infos_tec{display:block; float:left; padding:0 15px; margin:0 0 15px 0; border-left:1px solid #8a8a8a; width:200px; font-size:0.9em;} #infos_tec li{display:block; padding:2px 0; color:#666;} #infos_tec li span{ display:block; color:#333333; font-weight:bold;} #comp_product{padding:20px} #comp_product h3{display:block; color:#990000; margin:0 0 15px 0; font-size:1.3em;} #comp_product ul{display:block; } #comp_product ul li{display:block; background:url(../images/bg/bg_comp_product.gif) repeat-x 0% 100%; padding:10px; border-bottom:1px solid #dacfc0; overflow:hidden;} #comp_product ul li .img{display:block; width:40px; height:40px; float:left; margin:10px 5px 0 0;} #comp_product ul li h4{ font-size:1.2em; color:#666;} #comp_product ul li p{display:block; float:left; margin:5px 0 0 0;} #comp_product ul li p a{display:block; width:275px; height:35px; line-height:35px; background:url(../images/bg/bg_comp_product_action.png) no-repeat 0% 0%;} #comp_product ul li p a span{ text-align:center; display:block; font-size:1.3em; font-weight:bold;} #comp_product ul li p a span.price{float:left; width:100px; padding:0 40px 0 0; color:#ff6633} #comp_product ul li p a span.btn{float:right; width:110px; padding:0 24px 0 0; color:#fff; font-style:italic;} /* Addressbook - Envoyer à un ami */ #product_addressbook{padding:10px 0 25px 25px; background:url(../images/bg/bg_product_desc.gif) repeat-x 0% 100% #fff; display:none;} #product_addressbook .btn_close{ padding:2px; background:url(../images/icon/icon_cross.png) no-repeat 50% 50%; width:16px; height:16px; float:right; margin:15px 270px 0 0;} #product_addressbook h3{padding:10px; display:block; color:#990000; font-size:1.5em;} #addressbook.fiche{margin:0 10px; background:none; } #addressbook.fiche #addressbook_list #contact_list{ height:128px;} /* Texte de spécifications */ #specs{padding:20px; overflow:hidden;} #specs h3{display:block; color:#990000; font-size:1.5em;} #specs p{display:block; padding:10px 0;} #specs .info{color:#990000;} /* Processus d'achat */ /* Attribution des licences */ #page_content.attribution{ width:100%; margin:10px 0;} #page_content.attribution .title{ display: block; height: 45px; margin: 0 auto; float: none; font-family: 'Lato Bold', sans-serif; font-size: 18px; padding: 5px 10px; text-transform: uppercase; color: #FFF; text-shadow: -1px -1px 0 #89497d; background: #0d2284;line-height: 22px;} #page_content.attribution .sous-titre{ display: block; font-family: 'Raleway Medium', sans-serif; text-transform: none; font-size: 15px; } #page_content.attribution .content{ padding: 0 10px 10px 10px; overflow: hidden; background: #FFF; border: solid #a6a6a6; border-width: 0 1px 1px 1px; } #page_content.attribution .content .numero{display:block; width: 35px; height: 35px; font-weight:bold; color:#FFF; font-size:24px; line-height: 35px; margin: 20px 0 10px 0; border-radius: 50%;margin-right: 10px; text-align:center; float: left; background: #0d2284; } #page_content.attribution .content h2{display:block; font-weight:bold; color:#0d2284; font-size:18px; padding: 5px 10px; margin:20px 0 10px 0; border: 1px solid #0d2284; border-radius: 3px; float: left; } #page_content.attribution .content #addressbook{ border: none; } #addressbook.attribution #addressbook_recherche{width:460px !important;} #addressbook.attribution #addressbook_recherche .add{ float: right!important; width: 155px !important;} #addressbook.attribution #contact_list tr{width:460px !important; } #addressbook.attribution #contact_list tr td{ height: 25px !important; } #page_content.attribution #attribution_product { clear: both; } #page_content.attribution #attribution_validation.panier{ clear: both; } #page_content.attribution #attribution_product .btn-attribuer{ display: block; cursor: pointer; width: 200px; height: 20px; border: 1px solid #1585ff; border-radius: 3px; font-family: 'Raleway Medium', sans-serif; font-size: 14px; color: #FFF; text-align: center; line-height: 20px; text-transform: uppercase; background: #1585ff; } #page_content.attribution #attribution_product .btn-attribuer:hover{ background-color: #0d2284; } #page_content.attribution #attribution_validation .btn-acces-paiement{ display: block; cursor: pointer; width: 200px; height: 20px; border: 1px solid #888888; border-radius: 3px; font-family: 'Raleway Medium', sans-serif; font-size: 14px; color: #FFF; text-align: center; line-height: 20px; text-transform: uppercase; background: #1585ff; } #page_content.attribution #attribution_validation .btn-acces-paiement:hover{ background-color: #FFF; color: #1585ff; } #page_content.attribution .content .col{float:left; width:460px;} #page_content.attribution .content .col.listing{background:url(../images/bg/bg_attribution_col_listing.png) no-repeat 100% 50%; padding:0 40px 0 0; min-height:460px; margin:0 15px 0 0;} #page_content.attribution #addressbook_recherche input, #page_content.attribution #addressbook_recherche select{width:190px;} #addressbook.attribution #addressbook_list #contact_list{height:auto !important; width: 460px !important;} /* Addressbook - Choix du client final */ #addressbook.attribution{margin:0 0 15px 0; width:auto; padding:0 0 20px 0; background:url(../images/bg/bg_attribution_contact.png) no-repeat 0% 100%; } #addressbook.attribution #addressbook_list{margin:0; background:#fff; width:480px; overflow-y: scroll; overflow-x: hidden; } #addressbook.attribution #addressbook_list th{width:127px;} #addressbook.attribution #addressbook_list #contact_list tr{cursor:pointer;} #addressbook.attribution #addressbook_list #contact_list tr.active{background:#0d2284; color:#fff; font-weight:bold;} #addressbook.attribution #addressbook_list #contact_list td{width:127px; height:auto;} #page_content.attribution .alerte{ display: block; margin-top: 20px; padding: 10px 20px; border: 1px solid #F00; font-size: 16px; font-weight: bold; text-align: center; color: #F00; } /* Attribution Produits */ #attribution_product .btn_buy{float:right; margin:10px 0 0 0;} #attribution_product ul{display:block;} #attribution_product ul li{display:block; height:30px; padding:5px; border-bottom:1px solid #dadee7; overflow:hidden; line-height:25px;} #attribution_product ul li img{display:block; float:left; margin:0 15px 0 0;} #attribution_product ul li strong{display:block; float:left; width:350px; line-height: 14px;} #attribution_product ul li div.price{display:block; float:right;} #attribution_product ul li img{height:25px;} #attribution_product ul li span{display:block; float:right;} #attribution_product ul li select{display:block; float:right; width:40px; margin:0 0 0 15px;} /* Attribution validée */ #attribution_validation{overflow:hidden;} #attribution_validation .btn_buy{float:right; margin:20px 10px 0 0;} #attribution_validation .msg.info{margin:10px 0;} #attribution_validation ul{display:block; padding:10px; background:#fff;} #attribution_product_table{overflow-y:auto; max-height:250px;} #attribution_product_table .toolbox{display:block; float:right;} #attribution_product_table .toolbox img{display:block; float:left; width:16px; height:16px; cursor:pointer; margin:0 4px 0 0;} #attribution_product_table .toolbox img.delete{background:url(../images/icon/icon_bullet_delete.png) no-repeat 50% 50%;} #attribution_product_table .toolbox img.toggle{background:url(../images/icon/icon_bullet_arrow_down.png) no-repeat 50% 50%;} #attribution_product_table .toolbox img.toggle.off{background:url(../images/icon/icon_bullet_arrow_up.png) no-repeat 50% 50%;} #attribution_product_table li.user{display:block; overflow:hidden; border-bottom:1px solid #dadee7; padding:0 0 5px 0; margin:0 0 10px 0;} #attribution_product_table li.user strong.name{display:block; float:left; min-height:16px; padding:5px 5px 0 20px; font-size:1.2em; background:url(../images/icon/icon_user_go.png) no-repeat 0% 50%;} #attribution_product_table ul.products{display:block; padding:3px 5px; clear:both;} #attribution_product_table ul li.product{display:block; height:25px; line-height:25px; padding:0 0 0 15px; background:url(../images/icon/icon_attribution_tree.gif) no-repeat 7px 0%; } #attribution_product_table ul li.product img.product{display:block; margin:0 5px 0 0; height:20px; float:left;} #attribution_product_table ul li.product p{display:block; float:left;} #attribution_product_table ul li.product a{display:block; float:right;} #attribution_product_table ul li.product strong{padding:0 0 0 10px;} #order_email_modal #attribution_product_table{overflow-y:scroll; max-height:300px; height:auto; padding:10px; background:#fff;} #order_email_modal #attribution_product_table .btn_buy_small{float:right; margin:10px 0;} #order_email_modal #attribution_product_table .toolbox{display:block; float:right;} #order_email_modal #attribution_product_table .toolbox img{display:block; float:left; width:16px; height:16px; cursor:pointer; margin:0 4px 0 0;} #order_email_modal #attribution_product_table .toolbox img.toggle{background:url(../images/icon/icon_bullet_arrow_down.png) no-repeat 50% 50%;} #order_email_modal #attribution_product_table .toolbox img.send_all{background:url(../images/icon/icon_arrow_refresh_small.png) no-repeat 50% 50%;} #order_email_modal #attribution_product_table .toolbox img.toggle.off{background:url(../images/icon/icon_bullet_arrow_up.png) no-repeat 50% 50%;} #order_email_modal #attribution_product_table li.user{display:block; overflow:hidden; border-bottom:1px solid #dadee7; padding:0 0 5px 0; margin:0 0 10px 0;} #order_email_modal #attribution_product_table li.user strong.name{display:block; float:left; min-height:16px; padding:5px 5px 0 20px; font-size:1.2em; background:url(../images/icon/icon_user_go.png) no-repeat 0% 50%;} #order_email_modal #attribution_product_table ul.products{display:block; padding:3px 5px; clear:both;} #order_email_modal #attribution_product_table ul li.product{display:block; height:25px; line-height:25px; padding:0 0 0 15px; background:url(../images/icon/icon_attribution_tree.gif) no-repeat 7px 0%; } #order_email_modal #attribution_product_table ul li.product img.product{display:block; margin:0 5px 0 0; height:20px; float:left;} #order_email_modal #attribution_product_table ul li.product p{display:block; float:left;} #order_email_modal #attribution_product_table ul li.product a{display:block; float:right;} #order_email_modal #attribution_product_table ul li.product strong{padding:0 0 0 10px;} /* Page de paiement */ #page_content.paiement{margin:10px 0; width:100%;} /* Etapes de commande */ #process_steps{margin:20px 0; overflow:hidden; font-size:1.1em; font-weight:bold;} #process_steps ul{width:100%; float:left; position: relative; } #process_steps ul li{float:left; width:47%; display:block; height:36px; overflow:hidden; background:url(../images/bg/bg_process_steps.png) repeat-x left top; color:#999999; cursor:default; } #process_steps ul li p{display:block; float:left; height:36px; line-height:38px; padding:0 15px 0 20px; font-family: 'Lato Bold', sans-serif; font-size: 21px; line-height: 35px; font-weight: normal; } #process_steps ul li img{display:block; float:left; height:36px; width:19px; } #process_steps ul li.home{background-position:left -144px; z-index:1; width:30px;} #process_steps ul li.home a{background:url(../images/icon/icon_steps_home.png) no-repeat 50% 50%; float:left; width:31px; height:36px;} #process_steps ul li.prev{color:#999; background-position:left -144px ;} #process_steps ul li.prev img{background-position:left -180px;} #process_steps ul li.prev p{padding-left:45px; background:url(../images/icon/icon_validation_ok.png) no-repeat 15px 50%;} #process_steps ul li.current{ position:relative; z-index:999; float:left; height: 35px; width: 528px; color:#ffffff; text-shadow: -1px -1px 0 #89497d; background: url(../images/bg/bg-titre-current.png) no-repeat;} #process_steps ul li.next{ float:left;height: 35px; width: 487px; background: url(../images/bg/bg-titre-next.png) no-repeat; color:#ffffff; } #process_steps ul li.middle{ background: #1585ff; width: 20px; position: absolute; left: 50%; height: 35px; } #process_steps ul li.last{width:30px;} /* Structure du Panier et Panier paiement */ #cart_recap{width:100%;} #cart_recap table{ width:100%; border-left:1px solid #cccccc; } /* Cellules Titre */ #cart_recap thead tr{ text-align:center; vertical-align:top; } #cart_recap thead tr th{ text-align:center; vertical-align:middle; background:#818181; font-size: 11px; text-transform: uppercase; font-family: 'Lato Bold',sans-serif; height:24px; line-height:24px; color:#fff; font-weight: normal; } #cart_recap thead tr th.cart_name{ text-align:left; padding:0 0 0 10px;} /* Cellules des produits */ #cart_recap_products tr{ border-bottom:1px solid #cccccc; vertical-align:top; } #cart_recap_products tr td{ border-right:1px solid #cccccc; text-align:center; vertical-align:middle; padding: 15px 0; overflow:hidden; } #cart_recap_products tr td.cart_name{ text-align:left; padding:0 0 0 10px; border-left:1px solid #cccccc; } #cart_recap_products tr td.cart_name img{padding:0 0 0 10px; height:25px; float:left;} #cart_recap_products tr td.cart_name p{padding:5px 10px; float:left;} #cart_recap_products tr td.cart_price span{display:block; font-size:0.8em; color:#ff0000;} /* Encart - Total du panier */ #cart_recap_total{ width:255px; float:right; margin:10px 0; text-align:right; padding: 10px; overflow:hidden; border:1px solid #a6a6a6; font-size: 14px; font-family: 'Lato Regular', sans-serif; color: #818181; } #cart_recap_total div.title{float:left; margin:0 0 10px 0; width: 45%; } #cart_recap_total div.value{float:left; margin:0 0 10px 0;} #cart_recap_total p{display:block; clear:both;} #cart_recap_total p.shipment{padding:2px 0;} #cart_recap_total p.total_ht{padding:2px 0;} #cart_recap_total p.total_ttc{color:#0d2284; font-weight:bold; padding:5px 0; font-size:1.3em;} #cart_recap_total p.tva{ color:#9d1278; padding:2px 0;} #cart_recap_total p span{display:inline-block; width:105px;} #cart_recap_total .encours{ width: 256px; float:left; overflow:hidden; background:url(../images/bg/bg-encours-panier.png) no-repeat 0 0; height:63px; position:relative;} #cart_recap_total .encours span{display:block; color:#fff; margin: 15px 0 0 0; text-align: center; } #cart_recap_total .encours span.amount{display:block; margin: 0; text-align:center; font-size:21px; font-family: 'Lato Bold'; } /* Encart - Coupon de réduction */ #cart_recap_coupon{ float:left; margin:10px} #cart_recap_coupon label{display:block; min-height: 31px;} #cart_recap_coupon input{ display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 0% 0%; width:150px; height:21px; line-height:21px; padding:0 5px; border:0px solid;} #cart_recap_coupon a{ width:24px; height:21px; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 100% 0%; } #cart_recap_coupon a:hover{ width:24px; height:21px; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 100% 100%; } #cart_recap_coupon .coupon-saisie{float:left;width:220px;height:60px;} #cart_recap_coupon .coupon-message{float:left;max-width:400px;} #cart_recap_coupon .coupon-message .message{background:url(../images/icon/icon_exclamation.png) #1585ff no-repeat 10px 50% ;padding :8px 15px 8px 45px;text-transform: uppercase;color:#fff;font-weight:700;font-size: 15px;text-align: center;display:none;} #cart_recap_coupon .coupon-message .message.show{display:block;} /* Encart - Ref Interne // FS#7758 - BO - Num?o PO du client Fichiers modifi? */ #cart_ref_interne{ float:left; margin:10px} #cart_ref_interne label{display:block;} #cart_ref_interne input{ display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 0% 0%; width:150px; height:21px; line-height:21px; padding:0 5px; border:0px solid;} #cart_ref_interne a{ width:24px; height:21px; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 100% 0%; } #cart_ref_interne a:hover{ width:24px; height:21px; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 100% 100%; } #cart_ref_interne .ref_interne-saisie{float:left;width:220px;height:60px;} #cart_ref_interne .ref_interne-message{float:left;max-width:400px;} #cart_ref_interne .ref_interne-message .message{background:url(../images/icon/icon_exclamation.png) #c3028f no-repeat 10px 50% ;padding :8px 15px 8px 45px;text-transform: uppercase;color:#fff;font-weight:700;font-size: 15px;text-align: center;display:none;} #cart_ref_interne .ref_interne-message .message.show{display:block;} /* Confirmation de l'adresse de livraison */ #page_content.confirmation{ width:100%; margin:10px 0;} #page_content.confirmation .title{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; line-height: 35px; text-shadow: -1px -1px 0 #89497d; background: #0d2284; } #page_content.confirmation .content{ padding:10px; background:#fff; border:1px solid #fff; overflow: hidden; } #page_content.confirmation .content h2.heading{display:block; font-weight:bold; color:#253C80; font-size:1.8em; font-style:italic; padding:3px;} #page_content.confirmation .content p.heading{display:block; color:#253C80; padding:3px;} #page_content.confirmation .content p.heading a{font-weight:bold;} #page_content.confirmation #confirmation_adresses{width:600px} #page_content.confirmation .toggle_panel_address{ padding:0 0 0 25px; background:url(../images/icon/icon_user_go.png) no-repeat 5px 50%; color: #2491E2 !important; } #page_content.confirmation .toggle_panel_address.btn_close{ padding:2px; background:url(../images/icon/icon_cross.png) no-repeat 50% 50%; width:16px; height:16px; float:right; margin:0 30px 0 0;} #page_content.confirmation .btn_buy_small{ display: block; width: 145px; height: 26px; margin: 20px 0; border: 1px solid #678e0b; border-radius: 3px; font-family: 'Raleway Bold', sans-serif; font-size: 12px; background-color: #1585ff; color: #FFF; text-align: center; line-height: 26px; cursor: pointer; } #page_content.confirmation .btn_buy_small:hover{ background-color: #FFF; color: #1585ff; } #page_content.confirmation #confirmation_adresses .btn_buy_small{clear:both; float:right; margin:0 50px 30px 0;} #page_content.confirmation #adresse_base{display:block; float:left; margin:15px; padding:15px; overflow:hidden; clear:both; border:1px solid #ccc;} #page_content.confirmation .list ul{display:block; float:left; overflow:hidden; width:250px;} #page_content.confirmation .list ul li{display:block; padding:3px;} #page_content.confirmation .content #adresse_new{overflow:hidden; margin:20px 15px; float:left; display:none; background-color: #E7E3E3; padding: 10px; } #page_content.confirmation .content #adresse_new h3{display:block; font-weight:bold;} #page_content.confirmation .content .col{float:left; width:270px;} #page_content.confirmation .error_msg{display:block; color:#ff0000; font-size:0.8em; font-style:italic; clear:both; float:right;} #page_content.confirmation fieldset{display:block; margin:15px 10px 15px 0; line-height:12px; padding:0 20px 0 0;} #page_content.confirmation fieldset label{display:block; float:left; } #page_content.confirmation fieldset label > span{float:left;} #page_content.confirmation fieldset input{display:block; float:right; width:140px;} #page_content.confirmation fieldset select{display:block; float:right; width:140px;} #page_content.confirmation fieldset.civilite p{float:left; width:auto;} #page_content.confirmation fieldset.civilite div{float:right;} #page_content.confirmation fieldset.civilite div input{float:left; width:auto;} #page_content.confirmation fieldset.civilite div label{float:left; width:auto; padding:0 10px 0 2px;} #page_content.confirmation fieldset > span{clear:both; display:block; float:right; font-size:0.8em; color:#578CAF;} #page_content.confirmation fieldset textarea{width:100%; height:100px;} #page_content.confirmation fieldset.client_newsletter{display:block; clear:both; margin:10px 0;} #page_content.confirmation fieldset.newsletter input{width:auto; float:left;} #page_content.confirmation fieldset.newsletter label{white-space:nowrap; padding:0 0 0 5px;} #page_content.confirmation fieldset.newsletter label a{color:#0099cc; text-decoration:underline;} /* Methodes de paiement */ /* Setup des tabs - jQuery Ui */ .ui-tabs { position: relative; zoom: 1; } .ui-tabs .ui-tabs-hide { display: none !important; } .titre-paiement{ display:block; font-family: 'Raleway Bold', sans-serif; font-size: 22px; color: #0d2284; float: left; clear: both; } /* Setup des onglets des methodes */ #payment_methods{clear:both;} #payment_methods .choisir-paiement{ display: block; height: 35px; font-family: 'Lato Bold', sans-serif; padding-left: 15px; color: #FFF; font-size: 20px; line-height: 35px; text-shadow: -1px -1px 0 #89497d; background: #0d2284; line-height: 35px; } #payment_methods h2{ margin:0 10px 5px 10px;} #payment_methods_listing{background:#fff; margin:15px 0; border:1px solid #ccc; position:relative; } #payment_methods_listing .contact-service{ display: block; padding: 20px; font-family: 'Lato Bold', sans-serif; font-size: 20px; color: #0d2284; text-align: center; } #payment_methods ul{width:350px; float:left; padding:0 0 9px 0; } #payment_methods ul li{float:left;background:url(../images/bg/bg_paiement_methods.png) repeat-x;width:311px; position:relative; border:1px solid #ccc; border-width:0 1px 1px 0;} #payment_methods ul li a{display:block;height:52px;line-height:52px;padding:0 0 0 50px; margin:0 0 0 10px; color:#333333;font-size:18px; background:url(../images/icon/icon_paiements.png) no-repeat left top;} #payment_methods ul li.ui-state-active{background:url(../images/bg/bg_onglet_actif_right.png) no-repeat top left; width:340px; float:right; border:0px;} #payment_methods ul li.ui-state-active a{color:#fff;} #payment_methods ul li.ui-state-active span{background:url(../images/bg/bg_onglet_actif.png) no-repeat top left; display:block; height:63px; width:20px; position:absolute; top:0px; left:-20px;} #payment_methods ul li a{display:block;height:52px;line-height:52px;padding:0 0 0 60px; margin:0 0 0 10px; color:#333333;font-size:18px; background:url(../images/icon/icon_paiements.png) no-repeat left top;} #payment_methods ul li a.cb{background-position: left -52px;} #payment_methods ul li.ui-state-active a.cb{background-position: left 0;} #payment_methods ul li a.encours{background-position: left -572px;} #payment_methods ul li.ui-state-active a.encours{background-position: left -520px;} #payment_methods ul li a.amex{background-position: left -987px;} #payment_methods ul li.ui-state-active a.amex{background-position: left -936px;} #payment_methods ul li a.cheque{background-position: left -368px;} #payment_methods ul li.ui-state-active a.cheque{background-position: left -312px;} #payment_methods ul li a.virement{background-position: left -468px;} #payment_methods ul li.ui-state-active a.virement{background-position: left -416px;} #payment_methods ul li a.paypal{background-position: left -154px;} #payment_methods ul li.ui-state-active a.paypal{background-position: left -105px;} #payment_methods ul li a.ogone{background-position: left -780px;} #payment_methods ul li.ui-state-active a.ogone{background-position: left -727px;} #payment_methods ul li a.ideal{background-position: left -885px;} #payment_methods ul li.ui-state-active a.ideal{background-position: left -835px;} /* Setup du contenu des onglets des methodes */ div.method_content{overflow:hidden; margin:10px; padding:0 0 0 10px;} div.method_content p{margin:0 0 10px 0; clear:both;} div.method_content .delay{padding:10px 10px 10px 30px; margin: 0 0 20px 0; display:block; border:1px solid #ccc; background:url(../images/icon/icon_delay.png) no-repeat 10px center #f7f7f7;} div.method_content .btn_buy{clear:both; margin:0 0 10px 0;} div#payment_methods_encours{} div#payment_methods_encours input{ clear:left; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 0% 0%; width:150px; height:19px; line-height:19px; padding:0 5px; border:0px solid;} div#payment_methods_encours a{ width:24px; height:21px; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 100% 0%; } div#payment_methods_encours a:hover{ width:24px; height:21px; display:block; float:left; background:url(../images/bg/bg_input_coupon.gif) no-repeat 100% 100%; } div#payment_methods_encours .info{ font-weight:bold; color:#f0394f; } div#payment_methods_encours .text-contact{ color:#000000; font-weight: normal; } div#payment_methods_encours .text-contact .bold{ font-weight:bold; } div#payment_methods_encours #encours_form{ display: block; float: left; margin-bottom: 20px; } div#payment_methods_encours .mail{ display: inline; text-decoration: underline; background: none; float: none; font-weight:bold; color: #000; } div#payment_methods_encours .mail:hover{ display: inline; text-decoration: underline; background: none; float: none; color:#0d2284; } div#payment_methods_maxicheque iframe{height:212px; padding:10px 0 35px 0; overflow:hidden;} div#payment_methods_maxicheque form{width:100%;} div#payment_methods_maxicheque form input{display:block; margin:0 auto 15px auto;} div#payment_methods_payed form input{display:block; margin:15px auto;} div#payment_methods_payed form{width:100%; text-align:center; padding:25px 0 0 0; font-weight:bold;} div#payment_methods_payed form input{display:block; margin:15px auto;} div.method_content .btn_action_small{padding:0 21px 0 0; float:left; margin: 0 0 10px 0; color:#fff; display:block; background:url(../images/btn/btn_buy_small.png) no-repeat 100% 0%; height:27px; line-height:27px; font-family: 'Open Sans', Arial; font-size:1.1em; cursor:pointer;} div.method_content .btn_action_small span {padding:0 4px 0 13px; text-align:left; white-space:nowrap; display:block; font-weight:bold; background:url(../images/btn/btn_buy_small.png) no-repeat 0% 0%; float:left; color:#fff;} div.method_content strong{ font-weight:bold; color: #000; } div.method_content .mail{ display: inline; text-decoration: underline; background: none; float: none; font-weight:bold; color: #000; } /* Paypal */ #PaylineForm{border:1px solid #ccc;} /* Retour paiement */ #page_content.retour_paiement, #paiement_retour{ width:100%;} #paiement_retour.paiement-attente, #paiement_retour{ align-items: initial;} #page_content.retour_paiement .content, #paiement_retour.paiement-attente .content, #paiement_retour .content {padding:10px;} #page_content.retour_paiement h1, #paiement_retour .error h1, #paiement_retour h1{ display:block; margin:10px 0; padding: 5px 10px; font-weight:bold; font-size:1.5em; color:#FFF; background:#72bc36; } #paiement_retour .error h1{ background:#ff0000; } #paiement_retour.paiement-attente h1{ display:block; margin:10px 0; padding: 5px 10px; font-weight:bold; font-size:1.5em; color:#FFF; background:#72bc36; } #page_content.retour_paiement h2, #paiement_retour.paiement-attente h2, #paiement_retour h2 { display:block; margin:10px; font-weight:bold; font-size:1.5em; color:#cc0000;} #paiement_retour .error h2 { display:block; margin:1.3em 0 10px 0.5em; font-weight:bold; font-size:1.5em; color:#cc0000;} #page_content.retour_paiement h2 span, #paiement_retour.paiement-attente h2 span{ color:#333;} #page_content.retour_paiement .recap, #paiement_retour.paiement-attente .recap, #paiement_retour .box, #paiement_retour .main-infos{ display:block; margin:10px; padding:10px; border:1px solid #ccc; background:#FAFAFA;} #page_content.retour_paiement .recap h3 { display:block; margin:0 0 5px 0; padding:0 0 0 20px; background:no-repeat 0% 50%; font-weight:bold; font-size:1.1em; text-transform: none;} #paiement_retour.paiement-attente .recap h3, #paiement_retour h3{ display:block; margin:0 0 5px 0; padding:0 0 0 20px; background:no-repeat 0% 50%; font-size:1.1em; text-transform: none;} #page_content.retour_paiement .recap.order_infos h3, #paiement_retour.paiement-attente .recap.order_infos h3, #paiement_retour .recap.order_infos h3, #paiement_retour .main-infos h3{background-image:url(../images/icon/icon_vcard.png);} #page_content.retour_paiement .recap.demat_infos h3, #paiement_retour.paiement-attente .recap.demat_infos h3, #paiement_retour .recap.demat_infos h3, #paiement_retour .mail h3{background-image:url(../images/icon/icon_cart_put.png);} #page_content.retour_paiement .recap.demat_infos ul, #paiement_retour.paiement-attente .recap.demat_infos ul{display:block; margin:10px 20px; list-style:disc; font-weight:bold;} #paiement_retour ul{ display:block; margin:10px 20px; font-weight:bold;} #page_content.retour_paiement .recap.ship_infos h3, #paiement_retour.paiement-attente .recap.ship_infos h3, #paiement_retour .recap.ship_infos h3, #paiement_retour .shipping h3{background-image:url(../images/icon/icon_cd_go.png);} #page_content.retour_paiement .recap.mail_error h3, #paiement_retour.paiement-attente .recap.mail_error h3, #paiement_retour .recap.mail_error h3, #paiement_retour .mail-delivery h3{background-image:url(../images/icon/icon_email_error.png);} #paiement_retour .support h3{background-image:url(../images/icon/icon_group.png);} #paiement_retour .content.error { display: block; padding: 10px 10px 10px 35px; background: #fff no-repeat 10px 10px; background-image: url(../images/icon/icon_cancel.png); border: 1px solid #eee; font-style: normal; overflow: hidden; } #page_content.retour_paiement .btn-compte { font-family: 'Raleway Medium', sans-serif; line-height: 33px; display: block; padding: 0 32px 0 15px; height: 33px; background: url(../images/icon/icon-fleche.png) no-repeat right -163px #1585ff; color: #fff; width: max-content; margin: 0 auto; } /* Popup Fiche */ #popup-fiche{ display: block; width: 600px; height: 580px !important; padding: 20px; overflow-y: auto !important; overflow-x: auto !important; } #popup-fiche .titre-produit{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 24px; line-height: 24px; color: #0d2284; margin-bottom: 10px; } #popup-fiche .accroche{ display: block; font-family: 'Lato light', sans-serif; font-size: 16px; line-height: 18px; color: #1e94c4; } #popup-fiche .visuel{ display: block; float: left; width: 230px; height: 230px; margin: 20px 0 0 -30px; } #popup-fiche .content-info-produit{ display: block; float: left; border-bottom: 1px solid #808080; margin-top: 40px; } #popup-fiche .content-info-produit .info-produit{ display: block; float: left; padding-bottom: 20px; width: 320px; } #popup-fiche .content-info-produit .info-produit .info{ display: block; float: left; clear: both; font-family: 'Lato Bold', sans-serif; font-size: 12px; color: #666666; } #popup-fiche .content-info-produit .info-produit .type{ display: block; width: 75px; float: left; font-family: 'Lato Black', sans-serif; color: #273b7b; } #popup-fiche .titre-point-fort{ display: block; width: 370px; float: left; margin-top: 15px; font-size: 16px; font-family: 'Lato Bold', sans-serif; color: #0d2284; } #popup-fiche .content-point-fort, #popup-fiche ul{ display: block; width: 370px; float: left; margin-top: 5px; line-height: 20px; font-size: 12px; font-family: 'Lato Bold', sans-serif; color: #1e94c4;} #popup-fiche .content-point-fort .point-fort, #popup-fiche li{ padding-left: 15px; background: url(../images/icon/icon-puce-point-fort.png) no-repeat 0 50%; } #popup-fiche .btn-acheter{ display: block; float: left; margin-top: 10px; width: 73px; height: 26px; text-indent: -9999px; background: url(../images/btn/btn-acheter-small.png) no-repeat 0 0; } #popup-fiche .btn-acheter:hover{ background-position: 0 100%; } #popup-fiche .description p, #popup-fiche .description{ display: block; width: 550px; float: left; margin-top: 10px; font-family: 'Lato Bold', sans-serif; font-size: 14px; line-height: 16px; color: #8f8e8e; overflow-y: visible; } #popup-fiche p{ display: block; width: 550px; float: left; margin-top: 10px; font-family: 'Lato Bold', sans-serif; font-size: 14px; line-height: 16px; color: #8f8e8e; overflow-y: visible; } #popup-fiche .description h2{ display: block; width: 550px; float: left; margin-top: 10px; font-family: 'Lato Bold', sans-serif; font-weight: normal; font-size: 16px; line-height: 18px; color: #2d407e; overflow-y: visible; } #popup-fiche .description h3{ display: block; width: 550px; float: left; margin-top: 10px; font-family: 'Lato Bold', sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; color: #2d407e; overflow-y: visible; } #popup-fiche .description h4{ display: block; width: 550px; float: left; margin-top: 10px; font-family: 'Lato Bold', sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; color: #2d407e; overflow-y: visible; } #popup-fiche .description ul{ display: block; width: 550px; float: left; margin-top: 10px; font-family: 'Lato Regular', sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; color: #8f8e8e; overflow-y: visible; } #popup-fiche .description ul li{ padding-left: 15px; margin-bottom: 10px; background: url(../images/icon/icon-puce-point-fort-desc.png) no-repeat 0 5px; } /* ==|== Confirmation mail ====================================================== */ #page_content.confirmation-mail{ margin-top: 20px; } #page_content.confirmation-mail .box-contact{ display: block; float: left; margin: 54px 25px 0 25px; border: 1px solid #FFF; font-family: 'Lato Bold Italic', sans-serif; font-size: 16px; color: #FFF; text-align: center; padding: 20px 10px; } #page_content.confirmation-mail .box-contact .mail{ color: #FFF; } #page_content.confirmation-mail .box-contact .mail:hover{ text-decoration: underline; } #page_content.confirmation-mail .content-top{ display: block; width: 1015px; height: 185px; } #page_content.confirmation-mail .content-top .bloc-date{ display: block; margin-top: 0; float: left; height: 18px; padding: 0 10px; border-radius: 3px; color: #FFF; font-family: 'Raleway Light', sans-serif; font-size: 12px; line-height: 18px; } #page_content.confirmation-mail .content-top .titre{ display: block; margin-top: 25px; clear: both; float: left; color: #666666; font-family: 'Lato Light', sans-serif; font-size: 40px; line-height: 45px; } #page_content.confirmation-mail .content-top .illustration{ display: block; width: 240px; float: left; margin-left: 40px; position: relative; bottom: 15px; z-index: 0; } #page_content.confirmation-mail .content-top .illustration .pastille{ display: block; position: absolute; width: 144px; height: 144px; top: 0; } #page_content.confirmation-mail .content-top .illustration .image{ display: block; float: right; } #page_content.confirmation-mail .content-bottom{ display: block; width: 1015px; height: 470px; background: url(../images/bg/bg-encart-confirmation-mail.png) repeat-x 0 0; z-index: 500; position: relative; } #page_content.confirmation-mail .content-bottom .adresse-mail{ display: block; width: 305px; height: 30px; line-height: 30px; margin: 0 10px 0 40px; float: left; font-family: 'Raleway Bold', sans-serif; font-size: 14px; color: #FFF; text-align: center; background-color: #2491E2; border-radius: 5px; border: 1px solid #374D90; } #page_content.confirmation-mail .content-bottom .fleche{ display: block; width: 45px; height: 178px; background: url(../images/bg/bg-fleche-confirmation-mail.png) no-repeat -5px 60px; z-index: 800; clear: both; float: left; } #page_content.confirmation-mail .content-bottom .texte-reduc{ display: block; float: left; font-family: 'Raleway Bold', sans-serif; font-size: 35px; color: #FFF; line-height: 40px; margin: 20px 30px 20px 70px; } #page_content.confirmation-mail .content-bottom .texte-reduc sup{ font-size: 15px;} #page_content.confirmation-mail .content-bottom .code-promo{ display: block; float: left; width: 245px; height: 40px; padding: 0 10px; font-family: 'Raleway Light', sans-serif; text-transform: uppercase; font-size: 18px; color: #FFF; line-height: 40px; margin: 0px 30px 20px 75px; background-color: #2491e2; border: 1px solid #FFF; border-radius: 3px; } #page_content.confirmation-mail .content-bottom .code-promo strong{ font-family: 'Raleway Bold', sans-serif; } #page_content.confirmation-mail .content-bottom .mention{ display: block; float: left; font-family: 'Raleway Light', sans-serif; font-size: 11px; color: #FFF; line-height: 12px; margin: 10px 30px 20px 75px; } #page_content.confirmation-mail .content-bottom .deco{ display: block; position: absolute; right: 209px; bottom: 78px; } #page_content.confirmation-mail .content-bottom .content-formulaire{ display: block; width: 710px; height: 140px; background-color: #FFF; float: left; margin: 20px 0 0 30px; padding-top: 40px; position: relative; } #page_content.confirmation-mail .content-bottom .content-formulaire fieldset{ overflow: hidden; float: left; } #page_content.confirmation-mail .content-bottom .content-formulaire fieldset input{ display: block; width: 275px; height: 45px; margin: 9px 10px 0 40px; border-radius: 3px; border: 1px solid #b5c0cc; padding-left: 30px; clear: both; background: url(../images/icon/icon-user-input.png) no-repeat 5px 50% #eaeaea; /* Old browsers */ background: url(../images/icon/icon-user-input.png) no-repeat 0 0 -moz-linear-gradient(top, #eaeaea 0%, #FFF 100%); /* FF3.6-15 */ background: url(../images/icon/icon-user-input.png) no-repeat 0 0 -webkit-linear-gradient(top, #eaeaea 0%,#FFF 100%); /* Chrome10-25,Safari5.1-6 */ background: url(../images/icon/icon-user-input.png) no-repeat 0 0 linear-gradient(to bottom, #eaeaea 0%,#FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } #page_content.confirmation-mail .content-bottom .content-formulaire fieldset input.pwd{ background: url(../images/icon/icon-mdp-input.png) no-repeat 5px 50% #eaeaea; /* Old browsers */ background: url(../images/icon/icon-mdp-input.png) no-repeat 0 0 -webkit-linear-gradient(#eaeaea 0%, #FFF 100%); background: url(../images/icon/icon-mdp-input.png) no-repeat 0 0 -o-linear-gradient(#eaeaea 0%, #FFF 100%); background: url(../images/icon/icon-mdp-input.png) no-repeat 0 0 linear-gradient(#eaeaea 0%, #FFF 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } #page_content.confirmation-mail .content-bottom .content-formulaire .btn-connexion { display: block; float: left; width: 270px; height: 56px; background: url(../images/btn/btn-connexion-landing.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 75px; right: 55px; border: 0 ;} #page_content.confirmation-mail .content-bottom .content-formulaire .btn-connexion:hover { cursor: pointer; } #page_content.confirmation-mail .content-bottom #alert{ display: block; color: #374D90; font-family: 'Lato Regular', sans-serif; font-size: 35px; line-height: 40px; text-align: center; } #page_content.confirmation-mail .content-bottom #alert .lien-home{ display: block; color: #374D90; font-family: 'Lato Bold', sans-serif; font-size: 28px; line-height: 40px; text-align: center; text-decoration: underline; } /* Loader */ img#loader{display:block; margin:10px;} /* Paramétrage de la fancybox */ #fancybox-loading{ position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; } * html #fancybox-loading{ position:absolute; margin-top:0; } /* Correctif pour IE6 */ #fancybox-loading div{ position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(fancybox/fancybox.png);} #fancybox-overlay{ position:fixed; top:0; left:0; bottom:0; right:0; background:#000000; z-index:1100; display:none; } * html #fancybox-overlay{ position:absolute; width:100%; } /* Correctif pour IE6 */ #fancybox-tmp{ padding:0; margin:0; border:0; overflow:auto; display:none; } #fancybox-wrap{ position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none; } #fancybox-outer{ position:relative; width:100%; height:100%; background:#fff;} #fancybox-inner{ position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden;} #fancybox-hide-sel-frame{ position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close{ position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url(../css/fancybox/fancybox.png); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none; } #fancybox_error{ color:#444; font:normal 12px/20px Arial; padding:7px; margin:0; } #fancybox-content{ height:auto; width:auto; padding:0; margin:0; } #fancybox-img{ width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; } #fancybox-frame{ position:relative; width:100%; height:100%; border:none; display:block; } #fancybox-title{ position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102; } .fancybox-title-inside{ padding:10px 0; text-align:center; color:#333; } .fancybox-title-outside{ padding-top:5px; color:#FFF; text-align:center; font-weight:bold; } .fancybox-title-over{ color:#FFF; text-align:left; } #fancybox-title-over{ padding:10px; background-image:url(fancybox/fancy_title_over.png); display:block; } #fancybox-title-wrap{ display:inline-block; } #fancybox-title-wrap span{ height:32px; float:left; } #fancybox-title-left{ padding-left:15px; background-image:url(fancybox/fancybox.png); background-position:-40px -90px; background-repeat:no-repeat; } #fancybox-title-main{ font-weight:bold; line-height:29px; background-image:url(fancybox/fancybox-x.png); background-position:0px -40px; color:#FFF; } #fancybox-title-right{ padding-left:15px; background-image:url(fancybox/fancybox.png); background-position:-55px -90px; background-repeat:no-repeat; } #fancybox-left, #fancybox-right{ position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url(fancybox/blank.gif); z-index:1102; display:none; } #fancybox-left{ left:0px; } #fancybox-right{ right:0px; } #fancybox-left-ico, #fancybox-right-ico{ position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; } #fancybox-left-ico{ background-image:url(../css/fancybox/fancybox.png); background-position:-40px -30px; } #fancybox-right-ico{ background-image:url(../css/fancybox/fancybox.png); background-position:-40px -60px; } #fancybox-left:hover, #fancybox-right:hover{ visibility:visible; } /* Correctif pour IE6 */ #fancybox-left:hover span{ left:20px; } #fancybox-right:hover span{ left:auto; right:20px; } .fancy-bg{ position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; } #fancy-bg-n{ top:-20px; left:0; width:100%; background-image:url(../css/fancybox/fancybox-x.png); } #fancy-bg-ne{ top:-20px; right:-20px; background-image:url(../css/fancybox/fancybox.png); background-position:-40px -162px; } #fancy-bg-e{ top:0; right:-20px; height:100%; background-image:url(../css/fancybox/fancybox-y.png); background-position:-20px 0px; } #fancy-bg-se{ bottom:-20px; right:-20px; background-image:url(../css/fancybox/fancybox.png); background-position:-40px -182px; } #fancy-bg-s{ bottom:-20px; left:0; width:100%; background-image:url(../css/fancybox/fancybox-x.png); background-position:0px -20px; } #fancy-bg-sw{ bottom:-20px; left:-20px; background-image:url(../css/fancybox/fancybox.png); background-position:-40px -142px; } #fancy-bg-w{ top:0; left:-20px; height:100%; background-image:url(../css/fancybox/fancybox-y.png); } #fancy-bg-nw{ top:-20px; left:-20px; background-image:url(../css/fancybox/fancybox.png); background-position:-40px -122px; } /* Setup des modals*/ .ui-dialog{ padding: 0 !important; top: 150px !important; width: 820px!important; height: auto !important; left: 50%; margin-left: -410px; } .ui-dialog.contact, .ui-dialog.orders{padding:0;} .ui-dialog .ui-dialog-titlebar{ display: block; font-family: 'Lato Bold', sans-serif; font-size: 15px; padding-left: 10px; text-transform: uppercase; color: #FFF; background: #0d2284; line-height: 35px; font-weight: normal; border: none; height:25px; line-height:25px; padding:0; margin: 0; } .modal.ui-dialog-content.ui-widget-content{background:#fff;} .ui-dialog .ui-widget-content #modal_msg{background:#fff; overflow:hidden;} /* .aside{float:left; margin:25px 10px 0 0; color:#666666; background:url(../images/bg/bg_aside.gif) repeat-x 0% 40px;} .aside.info1{width:780px;} .aside.info2{width:200px;} .aside p{padding:5px; margin:5px 10px;} .aside .p_info2{ background:url(../images/icon/icon_lettre.png) no-repeat 155px 7px;} .aside span{color:#cc0000;} .aside span.pdf{color:#666666; background:url(../images/icon/icon_page_white_acrobat.png) no-repeat 100% 50%; padding:0 20px 0 0; margin:0 2px 0 0;} .aside ul{padding:10px; margin:5px 10px; clear: both;} .aside ul li{padding:5px 5px 0 15px; background:url(../images/bg/bg_index_box_2_spot.png) no-repeat 0% 10px} .aside .infos{ background:url(../images/bg/bg_aside_infos.gif) repeat-x 0% 0% #aed7ec; text-align:center; font-weight:bold; margin:0px;} .aside .infos a{color:#cc0000;}*/ #client_inscription_valide{ display:block; overflow:hidden; background:#fff; padding:10px 0 10px 20px; width: 920px; margin: 0 auto; } /* ==|== Page Devis ====================================================== */ #page-devis { display: block; background: url(../images/bg/bg-confirmation-devis.png) no-repeat -136px 0; min-height:833px;} #page-devis #container-devis{ display: block; float: right; width: 510px;} #page-devis .content-titre{ display: block; } #page-devis .main-title{ display: block; text-align: left; background: url(../images/icon/icon-devis-big.png) no-repeat 0 20px; } #page-devis .main-title .title{ display: block; font-family: 'SourceSansPro Bold', 'Arial',Sans-serif; text-transform: uppercase; color: #8d8d94; font-size: 48px; line-height: 110px; margin: 17px 0 0 91px; } #page-devis .main-title .title .icon{ vertical-align: middle; } #page-devis .main-title .sub-title{ display: block; color: #727272; font-size: 26px; padding: 10px 0 26px 91px; border-bottom: 1px solid #B3B4B4; font-family: 'SourceSansPro Light', 'Arial',Sans-serif; } /* Formulaire */ #contactForm{ display:block; overflow: hidden; border-top: 1px solid #FFF; padding-top: 15px; } /* Title */ #contactForm .title{ display:block; overflow: hidden; height: 59px; line-height: 59px; font-size: 2em; margin-bottom: 25px; color: #333; font-family:'Arial',Sans-serif; text-transform: uppercase; font-weight: bold; } /* Colonnes */ #contactForm .col-left { padding-top: 22px; } #contactForm .col-right { padding-bottom: 22px; } /* Fieldset */ #contactForm fieldset{ display: block; position: relative; overflow: hidden; margin: 0 auto 0 auto; padding: 0 0 20px 0; } #contactForm fieldset.spec{ padding: 0 0 10px 0; } #contactForm fieldset.textarea{ padding: 0; } #contactForm fieldset label{ display: block; float: left; color: #333333; font-size: 17px; margin-left: 65px; min-height: 33px; line-height: 33px; font-family: 'SourceSansPro Regular', 'Arial',Sans-serif;} #contactForm ::placeholder { color: #333333; opacity: 1; font-family: 'SourceSansPro Regular', 'Arial',Sans-serif;} #contactForm fieldset label.error{ position: absolute; bottom: 2px; left: 0; font-size: 15px; color: #ff0000; width: 379px; text-align: center; line-height: 17px; font-family: 'SourceSansPro Regular', 'Arial',Sans-serif; min-height: 15px; } #contactForm fieldset span.error{ position: absolute; bottom: 2px; left: 0; margin-left: 103px; font-size: 15px; color: #ff0000; width: 379px; text-align: center; line-height: 17px; font-family: 'SourceSansPro Regular', 'Arial',Sans-serif; min-height: 15px; } #contactForm fieldset.spec label.error{ bottom: -4px; } #contactForm fieldset input[type="text"], #contactForm fieldset select, #contactForm fieldset textarea{ display: block; margin: 0 0 0 61px; min-height: 34px; border: 1px solid #dfdfdf; padding: 0 5px 0 10px; webkit-box-shadow: inset 1px 1px 2px 0 rgba(223,223,223,1); -moz-box-shadow: inset 1px 1px 2px 0 rgba(223,223,223,1); box-shadow: inset 1px 1px 2px 0 rgba(223,223,223,1); color: #333333; font-size: 17px; font-family: 'SourceSansPro Regular', 'Arial',Sans-serif;} #contactForm fieldset input[type="text"], #contactForm fieldset textarea{ width: 374px; background-color: #FFF; } #contactForm fieldset textarea { padding-top: 10px; } #contactForm fieldset select{ width: 390px; padding-top: 5px; padding-bottom: 4px;} /* Choix type de demande */ #contactForm fieldset .type-choice{ display: block; float: left; } #contactForm fieldset .type-choice .type{ display: block; float: left; padding: 5px 15px 0 26px; } #contactForm fieldset .type-choice .type input{ float: left; margin: 5px 10px 0 0; } #contactForm fieldset .type-choice .type label{ margin: 0; min-height: 15px; line-height: normal; } #page-devis .legende { color: #eb2131; font-size: 14px; margin: 0 0 0 65px; } .formulaire-devis .btn-devis { margin: 15px 0 50px 61px; text-indent: -9999999px; width: 389px; height: 49px; background: url(../images/btn/btn-demande-devis.png) no-repeat 0% 0%; border: none; } /* ==|== Page Devis Confirmation ====================================================== */ #page-devis .title-remerciement { border-top: 1px solid #ffffff; padding: 65px 0 10px 91px; color: #eaa106; font-size: 30px; line-height: 39px; font-family: 'SourceSansPro SemiBold Italic', 'Arial',Sans-serif; } #page-devis .text-remerciement { padding: 0 0 0 91px; color: #58585a; font-size: 18px; line-height: 28px; font-family: 'SourceSansPro Italic', 'Arial',Sans-serif; } #page-devis .signature-remerciement { padding-top: 5px; padding: 0 0 20px 91px; font-size: 18px; line-height: 34px; color: #58585a; font-style: normal; font-family: 'SourceSansPro SemiBold', 'Arial',Sans-serif;}