body{ margin:0; padding:0; color:#7B7D7E; font-family:Arial,Helvetica,sans-serif; } .bodyClass { margin:0; padding:0; } @font-face { font-family: 'HelveticaNeueLTStd45Light'; src: url('helveticaneueltstd_lt-webfont.eot'); src: url('helveticaneueltstd_lt-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneueltstd_lt-webfont.woff') format('woff'), url('helveticaneueltstd_lt-webfont.ttf') format('truetype'), url('helveticaneueltstd_lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg'); font-weight: normal; font-style: normal; } p{margin:0; padding:0px;} h1 {font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:32px; color:#85a839; font-weight:normal; margin:0px 0px 30px 0px;} h2 {font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:10px 0px 16px 0px; line-height:25px;} h3 {font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:17px; color:#3d3d5c; font-weight:normal; margin:10px 0px 5px 0px; line-height:20px;} h4 {font-size:13px; color:#333333; font-weight:bold; margin:10px 0px 2px 0px;} h5 {font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:15px; color:#85a839; font-weight:normal; margin:0px 0px 5px 0px;} .texte-vert{color:#85a839;} .clear{clear:both;} /* GESTION DES LIENS DU SITE */ a:link{color:#7ba920; font-size:12px; text-decoration:none;} a:visited{color:#7ba920; font-size:12px; text-decoration:none;} a:hover{color:#7ba920; font-size:12px; text-decoration:underline;} /* Taille générale du site */ .taille-site{margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; width:950px;} /* Partie principale du site */ #container{position:relative; width:100%; background:url(media/images/charte/fond-body.jpg) repeat left top;} /* HEADER : Header du site */ #header{background:url(media/images/charte/fond-header.jpg) repeat-x left top; color:#ffffff; width:100%; height:171px; position:relative;} .fond-header{background:url(media/images/charte/fond-header-950.jpg) no-repeat left top; height:170px;} /* HEADER : Logo du site*/ .logo{float:left; margin:8px 12px 0px 0px;} /* HEADER : Contactez-nous */ ul.puce-contact{float:right; list-style-type: none; padding:0px 0px 0px 0px; margin:9px 480px 0px 0px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:14px; color:#95bf3e;} ul.puce-contact li{background:url(media/images/charte/puce-contact.png) no-repeat 0px 3px; padding:0px 0px 0px 26px; margin:0px 0px 0px 10px;} ul.puce-contact .tel {font-size:15px;font-weight:bold;} ul.puce-contact .appel {font-size:10px; color:#808099; text-align:right; padding:0px 5px 0px 0px; line-height:8px; clear:both;} /* HEADER : Mini caddie */ .position-mini-caddie{float:right; position: relative; top:30px;} a.link-mini-caddie:link, a.link-mini-caddie:visited, a.link-mini-caddie:hover{text-decoration:none;} .img-mini-caddie{background:url(media/images/charte/icone-caddie.png) no-repeat left top; line-height:39px; padding:0px 30px 0px 0px; text-align:right;} .qte-mini-caddie{font-size:40px; color:#9c9cac; text-decoration:none; padding-left:50px;} /* MENU : Fond menu du site */ .menu-header-taille{position:relative; top:-31px; width:958px; margin:0px auto 0px auto; z-index: 500; top: -32px;} /* Taille et alignement du menu header */ .menu-header-right{background:url(media/images/charte/menu-header-right.png) no-repeat right top; height:62px;} .menu-header-left{background:url(media/images/charte/menu-header-left.png) no-repeat left top; height:62px;} .menu-header-middle{margin:0px 12px 0px 12px; background:url(media/images/charte/menu-header-middle.png) repeat-x left top; height:62px;} .menu-header-ombre{position:relative; top:-4px; background:url(media/images/charte/menu-header-ombre.png) no-repeat center top; height:19px;} /* MENU : Menu du site */ #menu{z-index:400;position:relative;display:block; height:38px; padding:20px 0px 0px 10px; margin:0; width:740px;} #menu ul.list-menu{list-style:none;padding: 0;margin: 0; height:38px;} #menu ul.list-menu li.item-menu{float:left; height:38px; text-shadow:0px 1px 0px white;} #menu ul.list-menu li.item-1 a.niveau1bis{background:url('media/images/charte/home.png') no-repeat 0 2px; display:block; padding:0px 0px 0px 25px; text-indent:-9999px;} #menu ul.list-menu li.item-menu a.niveau1:hover{ font-size:14px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:normal; color:#83aa3d; display:block;} #menu ul.list-menu li#currentmenu a.niveau1{ font-size:14px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:normal; color:#83aa3d; display:block;} #menu ul.list-menu li#currentmenu a:hover.niveau1{ font-size:14px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:normal; color:#83aa3d; display:block;} #menu ul.list-menu li.item-menu a{display:block; height:38px; color:#3d3d5c; font-size:14px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 20px 0px 0px; text-decoration:none;} #menu ul.list-menu li.item-menu ul.list-sousmenu{position:absolute;list-style:none;width:188px;left:-9999px;z-index:400;background:transparent !important;margin-left:-4px;} #menu ul.list-menu li.item-menu ul.list-sousmenu li.item-sousmenu{z-index:400;background:transparent !important;margin:0;padding:0;height:30px;} #menu ul.list-menu li.item-menu ul.list-sousmenu li.item-sousmenu a{z-index:400;display:block;margin:0;overflow:hidden;width:208px;height:25px;background:url('media/images/charte/backsousmenu.png') no-repeat 0 0 !important;text-indent:0;color:#3d3d5c;font-size:12px; font-weight:normal;padding:5px 0 0 30px;} #menu ul.list-menu li.item-menu ul.list-sousmenu li.item-sousmenu a:hover{z-index:400;background-position:left bottom !important;color:#83aa3d !important;font-weight:normal !important;} #menu ul.list-menu li.item-menu ul.list-sousmenu li.first-sousmenu{z-index:400;height:32px !important;padding:0px 0 0 0;background:url('media/images/charte/backsousmenufirst.png') no-repeat 0 0 !important;} #menu ul.list-menu li.item-menu ul.list-sousmenu li.first-sousmenu a{z-index:400;height:25px !important;padding:7px 0 0 30px;background:url('media/images/charte/backsousmenufirst.png') no-repeat 0 0 !important;} #menu ul.list-menu li.item-menu ul.list-sousmenu li.last-sousmenu a{z-index:400;height:29px !important;padding:4px 0 0 30px;background:url('media/images/charte/backsousmenulast.png') no-repeat 0 0 !important;} #menu ul.list-menu li.item-menu:hover ul.list-sousmenu, #header #menu ul.list-menu li.sfhover ul{left:auto;z-index:400;padding:0px 0 0 0;background:url('media/images/charte/backulmrnu.png') repeat-y 0 0 !important;} /* RECHERCHE : Recherche */ .search-box{float:right; width:170px;height:49px;} .input-search{float:left; background:url(media/images/charte/input-search.png) no-repeat 0 0;width:154px;height:24px;margin:18px 0 0 0;padding:0;} .input-search input{padding:0; margin:6px 0 0 25px; width:100px; border:none 0; background:transparent; color:#999999; font-size:12px; font-style:normal;} .submit-search{position:absolute; top:0; right:0; background:url(media/images/charte/submit-search.png) no-repeat 0 0;margin:25px 33px 0px 0px;padding:0; width:14px; height:12px; cursor:pointer;} .submit-search:hover{background-position:left bottom;} .submit-search input{cursor:pointer;border:none 0;background:transparent;text-indent:-9999px;width:14px;height:12px;cursor:pointer; font-size:0px; display:block; line-height:0;} /* CONTENT : Content du site */ #content {margin:0; position:relative; float:left; width:100%; top:-16px;} .content-banner img {position:relative; float:left;} /* CONTENT : ombre pour le content du site */ .ombre-content-site{position:relative; float:left; background: url(media/images/charte/ombre-page-content.png) no-repeat center top; width:100%; height:16px;} /* CONTENT FULL PAGE : Content pour les pages full */ .content-page-full{position:relative; float:left; background: #ffffff; border-left:1px solid #e1dfdf; border-right:1px solid #e1dfdf; width:870px; padding:30px 40px 30px 40px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-align:justify; line-height:18px;} /* CONTENT FULL PAGE : Image pour le fond des pages full */ .fond-content-page-full{position:relative; float:left; background: url(media/images/charte/fond-content-page-full.png) no-repeat left top; width:952px; height:11px;} /* FONCTIONNALITES : Menu horizontal des fonctionalités */ .navcontainer-mh-fonctionnalites{position: relative; float: left; padding: 0; margin: 0; overflow: hidden; border-top:1px solid #e1dfdf; border-left:1px solid #e1dfdf; border-right:1px solid #e1dfdf; width: 950px; background:url(media/images/charte/bg-menuh-fonctionnalites.jpg) repeat-x left top;} .navlist-mh-fonctionnalites{list-style-type: none; margin: 0; padding: 0; font-size:14px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif;} .navlist-mh-fonctionnalites li{background:url(media/images/charte/separation-menuh-fonctionalites.jpg) no-repeat right top; float: left; line-height: 1.1em; margin: 0; padding:0px 1px 0px 0px;} .navlist-mh-fonctionnalites li a {font-size:14px;color:#999999; background:url(media/images/charte/bg-menuh-fonctionnalites.jpg) repeat-x left top; display:block; height:44px; line-height:44px; padding:0px 18px 0px 18px; text-decoration:none;} .navlist-mh-fonctionnalites li a:hover {font-size:14px; color:#3f3f66; text-decoration:none;} .navlist-mh-fonctionnalites li a.active {font-size:14px; color:#3f3f66; background:#ffffff; text-decoration:none;} /* FONCTIONNALITES : Espace sous le menu horizontal des fonctionalités */ .espace-mh-fonctionnalites{position:relative; float:left; background:#ffffff; width:100%; height:40px; border-left:1px solid #e1dfdf; border-right:1px solid #e1dfdf;} /* FONCTIONNALITES : Content des fonctionalités */ .content-fonctionalites{position:relative; float:left; background: url(media/images/charte/bg-content-fonctionalites.jpg) repeat-y top left #f4f4f4; border-left:1px solid #e1dfdf; border-right:1px solid #e1dfdf; width:100%; padding:0px 0px 0px 0px;} /* FONCTIONNALITES : Menu vertical et partie gauche des fonctionalités */ .navcontainer-mv-fonctionnalites{position: relative; float: left; padding: 0; margin: 0; overflow: hidden; border-top:1px solid #e1dfdf; width:230px; background:#f4f4f4;} .navlist-mv-fonctionnalites{list-style-type: none; margin: 0; padding: 0; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; width:230px;} .navlist-mv-fonctionnalites li{border-bottom:1px solid #e1dfdf; float: left; line-height: 1.1em; margin: 0 0 0 0; padding:0px 1px 0px 0px; width:230px;} .navlist-mv-fonctionnalites li a {color:#666666; background:#f4f4f4; border-right:1px solid #e1dfdf; display:block; padding:10px 10px 10px 10px; text-decoration:none;} .navlist-mv-fonctionnalites li a:hover {color:#393957; border-right:1px solid #e1dfdf; text-decoration:none;} .navlist-mv-fonctionnalites li a.active {color:#393957; background:#ffffff; border-right:none; text-decoration:none;} /* FONCTIONNALITES : Partie droite des fonctionalités */ .right-content-fonctionalites{position:relative; float:left; padding:0px 40px 10px 40px; width:640px; background:#ffffff; color:#999999; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:18px;} .height-right-content-fonctionalites{min-height:1750px;} /* FONCTIONNALITES : Image pour le fond du content des fonctionalités */ .fond-content-fonctionalites{position:relative; float:left; background: url(media/images/charte/fond-content-fonctionalites.png) no-repeat left top; width:952px; height:11px;} /* COMMANDER - Style pour les encarts néo et entreprise */ .encart-neo{float:left; margin:45px 0px 0px 0px; width:424px;} .encart-neo-title{background:url(media/images/charte/encart-neo-title.png) no-repeat left top; width:424px; height:63px;} .encart-neo-txt{background:url(media/images/charte/encart-neo-bgtitle.jpg) repeat-y left top; font-size:12px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#999999; text-align:justify; padding:0px 30px 0px 28px;} .encart-all-price{display:block; font-size:20px; font-weight:bold; color:#000000; text-align:center; padding:10px 0px 20px 0px;} .encart-neo-bg{background:url(media/images/charte/encart-neo-bg.jpg) repeat-y left top; font-size:12px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#666666; padding:10px 30px 10px 28px;} .encart-neo-bottom{background:url(media/images/charte/encart-neo-bottom.png) no-repeat left top; width:424px; height:5px;} .encart-entreprise{float:left; width:430px;} .encart-entreprise-title{background:url(media/images/charte/encart-entreprise-title.png) no-repeat left top; width:430px; height:63px;} .encart-entreprise-txt{background:url(media/images/charte/encart-entreprise-bgtitle.jpg) repeat-y left top; font-size:12px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#666666; text-align:justify; padding:0px 30px 0px 28px;} .encart-entreprise-bg{background:url(media/images/charte/encart-entreprise-bg.jpg) repeat-y left top; font-size:12px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#666666; padding:10px 30px 10px 28px;} .encart-entreprise-bottom{background:url(media/images/charte/encart-entreprise-bottom.png) no-repeat left top; width:430px; height:5px;} ul.listecheck{list-style-type: none; padding:0; margin:0 15px 15px 15px; text-align:left; border-top:1px solid #d9d8d8;} .listecheck li{background-image: url(media/images/charte/check-liste.png); background-repeat: no-repeat; background-position: 0 13px; padding:10px 0px 10px 20px; margin-left:0px; border-bottom:1px solid #d9d8d8;} a.link-cde {background:url(media/images/charte/link-cde.png) no-repeat 0 0; display:block; height:31px; width:160px; text-indent:-9999px; margin:0px auto 0px auto; cursor:pointer;} a.link-cde:hover {background:url(media/images/charte/link-cde.png) no-repeat 0 -31px; display:block; height:31px; width:160px; text-indent:-9999px; margin:0px auto 0px auto; cursor:pointer;} a.link-contact {background:url(media/images/charte/link-contact.png) no-repeat 0 0; display:block; height:31px; width:160px; text-indent:-9999px; margin:0px auto 0px auto; cursor:pointer;} a.link-contact:hover {background:url(media/images/charte/link-contact.png) no-repeat 0 -31px; display:block; height:31px; width:160px; text-indent:-9999px; margin:0px auto 0px auto; cursor:pointer;} a.link-habillage {background:url(media/images/charte/link-habillage.png) no-repeat 0 0; display:block; height:113px; width:240px; font-size:0px; color:#aec826; margin:0px 0px 0px 0px; text-indent:5px; cursor:pointer;} a.link-habillage:hover {background:url(media/images/charte/link-habillage.png) no-repeat 0 -113px; color:#7da004;} a.link-consultez-demo {background:url(media/images/charte/link-consultez-demo.png) no-repeat 0 0; display:block; height:71px; width:239px; font-size:0px; color:#f3ab00; margin:0px 0px 0px 0px; text-indent:5px; cursor:pointer;} a.link-consultez-demo:hover {background:url(media/images/charte/link-consultez-demo.png) no-repeat 0 -71px; color:#e68c00;} /* COMMANDER - Style pour le tableau */ .tableau-offres {padding:0; margin:0; position:relative; top:0; left:0;} .tableau-offres table{font-size:11px; border-collapse: collapse; line-height: 16px; width:873px;} .tableau-offres td{padding:0; border-left:#FFF 1px solid; background-color:#f2f2f2;} .tableau-offres .txt{padding:10px 15px 10px 15px; color:#333333; text-align:justify;} .tableau-offres .contenu-tableau{padding:15px; text-align:left;} .tableau-offres img{margin-bottom:15px;} td.vide{background-color:#ffffff;} /*.tableau-offres .bonnet{position:absolute; top:137px; left:445px;}*/ .tableau-offres .bonnet{position: absolute; top:-12px; left:405px; z-index:100;} /* CARE PACK - Style pour le tableau */ .tableau-carepack {padding:0; margin:0; position:relative; top:0; left:0;} .tableau-carepack table{font-size:11px; border-collapse: collapse; line-height: 16px; width:873px;} .tableau-carepack td{padding:10px; border:#FFF 1px solid; background-color:#f2f2f2;} .tableau-carepack .txt{padding:10px 15px 10px 15px; color:#333333; text-align:justify;} .tableau-carepack .contenu-tableau{padding:15px; text-align:left;} .tableau-carepack img{margin:0px;} td.vide{background-color:#ffffff; padding:0;} td.bord-gauche{ -moz-border-radius:6px 0px 0px 6px; -webkit-border-radius:6px 0px 0px 6px; border-radius:6px 0px 0px 6px; } /* REFERENCES : style pour le flash */ #cu3er-container-references {width:952px; outline:0; height:299px; position:relative; padding:0px; margin:0px;} /* REFERENCES : style pour les box, images et liens des references */ .encart-references{float:left; background:url(media/images/charte/fond-reference-home.png) no-repeat left top; width:282px; margin:0px 4px 0px 4px;} .encart-references img{padding:8px 10px 8px 10px; border:none;} a.txt-lien-references:link{display:block; font-size:12px; color:#666666; text-decoration:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; margin:10px 7px 30px 7px;} a.txt-lien-references:visited{display:block; font-size:12px; color:#666666; text-decoration:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; margin:10px 7px 30px 7px;} a.txt-lien-references:hover {display:block; font-size:12px; color:#3D3D5C; text-decoration:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; margin:10px 7px 30px 7px;} /* PAGE TEMPLATES - style pour la page shoptemplates.asp */ .encart-template{float:left; margin:0px 0px 30px 0px; cursor:pointer;} .encart-template span {display:block; font-size:15px; font-weight:bold; color:#333333; padding:0px 0px 5px 8px; width:270px;} .encart-template .encart-references{float:left; background:url(media/images/charte/fond-reference-home.png) no-repeat left top; width:282px; height:190px; margin:0px 4px 0px 4px;} .encart-template .encart-references img{padding:8px 10px 8px 10px; border:none;} .popup-template{background:#f1f1f1; width:100%; float:left; left:0px; position:absolute; padding:10px 10px 10px 10px;} .popup-template .encart-template{float:left; margin:0px 0px 0px 0px;} .popup-template .container-miniatures{float:left; margin:30px 0px 0px 6px;} .popup-template .container-miniatures .ref{display:block; font-size:14px; font-weight:normal; color:#333333;} .popup-template .container-miniatures .ref span{font-weight:bold;} .popup-template .container-miniatures ul{list-style-type: none; padding:0; margin:6px 0px 20px -4px;} .popup-template .container-miniatures li{display:inline; margin:0px; padding:0px 0px 0px 0px;} .popup-template .container-miniatures li img{background:url(media/images/charte/fond-template-miniatures.png) no-repeat left top; padding:7px 7px 7px 7px; border:none;} .popup-template .container-miniatures .container-price{float:left;} .popup-template .container-miniatures .price span{text-decoration:line-through;} .popup-template .container-miniatures .price {font-size:24px; color:#333333; text-decoration:none !important;} .popup-template .container-miniatures .txt-offer{font-size:18px; color:#85a839; font-weight:bold;} .popup-template .container-miniatures .link-contactez-commander a {float:right; display:block; background:url(media/images/charte/link-contactez-commander.png) no-repeat 0px 0px; font-size:0px; color:#f3a900; width:240px; height:45px; margin:-5px 0px 0px 0px; text-indent:5px;} .popup-template .container-miniatures .link-contactez-commander a:hover {background-position:0px -45px; color:#e68b00;} .encart-template-button{position:absolute; float:right; right:5px; top:5px; background:url(media/images/charte/btn-close-template.jpg) no-repeat left top; width:19px; height:19px; cursor:pointer;} .encart-template-button:hover{background-position:left bottom;} #fade { /*--Masque opaque noir de fond--*/ display: none; /*--masqué par défaut--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 1000; } /* PAGE CONTACT - Style pour la page contact */ .contact-left{float:left; width:410px; padding:0px 25px 0px 0px; border-right:1px solid #e7e7e7; min-height:460px;} .contact-right{float:left; padding:0px 0px 0px 25px;} .contact-icone-tel{background: url(media/images/charte/icone-tel.png) no-repeat left top; height:25px; margin:10px 0px 0px 0px;} .contact-icone-tel span{display:block;padding: 5px 0px 0px 40px;} .contact-icone-fax{background: url(media/images/charte/icone-fax.png) no-repeat left top; height:25px; margin:10px 0px 35px 0px;} .contact-icone-fax span{display:block;padding: 5px 0px 0px 40px;} /* PAGES FORMULAIRES - Style pour les pages contenant des formulaires */ .fond-content-form-top{position:relative; float:left; background: url(media/images/charte/fond-content-page-top.png) no-repeat left top; width:952px; height:11px;} .content-page-form{position:relative; float:left; background: #ffffff; border-left:1px solid #e1dfdf; border-right:1px solid #e1dfdf; width:870px; padding:20px 40px 30px 40px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify;} .input{float:left;margin:0 0 0 0;background:url(media/images/charte/fond-input.png) no-repeat 0 0; width:250px; height:29px;} .input input{margin:4px 0 0 4px;border:0 none;color:#666666; background:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:12px;} .input-small{float:left;margin:0 0 0 13px;background:url(media/images/charte/fond-input-150.png) no-repeat 0 0;width:150px;height:29px;} .input-small input{margin:4px 0 0 4px;border:0 none;color:#666666; background:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:12px;} .input-large{float:left;margin:0 0 0 0;background:url(media/images/charte/fond-input-large.png) no-repeat 0 0; width:440px; height:29px;} .input-large input{margin:4px 0 0 4px;border:0 none;color:#666666; background:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:12px;} .input select{margin:5px 0 0 4px;border:0 none;color:#666666;font-family:Arial, serif;font-size:13px; background:#F1F1F1;width: 235px;} .textarea-all-page{float:left;margin:0 0 0 0;background:url(media/images/charte/fond-textarea-all-page.png) no-repeat 0 0;width:860px; height:200px;} .textarea-all-page textarea{margin:10px 0px 0px 15px; border:0 none; color:#666666; background:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:12px;} .textarea-small{float:left;margin:0 0 0 0;background:url(media/images/charte/fond-textarea.png) no-repeat 0 0;width:280px; height:119px;} .textarea-small textarea{margin:5px 0px 0px 8px; border:0 none; color:#666666; background:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:12px;} .submit-envoyer{clear:both; background:url(media/images/charte/btn-envoyer.png) no-repeat 0 0; width:110px; height:35px; margin:30px 15px 0 auto;} .submit-envoyer:hover{background-position:left bottom;} .submit-envoyer input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:110px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-envoyer-center{clear:both; background:url(media/images/charte/btn-envoyer.png) no-repeat 0 0; width:110px; height:35px; margin:10px auto 0 auto;} .submit-envoyer-center:hover{background-position:left bottom;} .submit-envoyer-center input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:110px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-se-connecter{float:left;background:url(media/images/charte/submit-se-connecter.png) no-repeat 0 0;margin:0px 0 0 0px;width:110px;height:35px;} .submit-se-connecter:hover{background-position:left bottom;} .submit-se-connecter input{border:none 0;background:transparent;text-indent:-9999px;width:110px;height:35px;cursor:pointer; font-size:0px; display:block; line-height:0;} a.btn-creer-mon-compte{float:left; display:block;text-indent:-9999px;width:140px;height:35px;background:url(media/images/charte/btn-creer-mon-compte.png) no-repeat 0 0;margin:9px 0px 0px 0px;} a.btn-creer-mon-compte:hover{background-position:left bottom;} .submit-ajouter-enregistrement{float:left; clear:both; background:url(media/images/charte/btn-ajouter-enregistrement.png) no-repeat 0 0; width:198px; height:35px; margin:0px 0px 0px 185px;} .submit-ajouter-enregistrement:hover{background-position:left bottom;} .submit-ajouter-enregistrement input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:198px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-mettre-jour{float:left; clear:both; background:url(media/images/charte/btn-mettre-jour.png) no-repeat 0 0; width:124px; height:35px; margin:0px 0px 0px 185px;} .submit-mettre-jour:hover{background-position:left bottom;} .submit-mettre-jour input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:124px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-continuer{float:left; clear:both; background:url(media/images/charte/btn-continuer.png) no-repeat 0 0; width:110px; height:35px; margin:10px 0px 0px 0px;} .submit-continuer:hover{background-position:left bottom;} .submit-continuer input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:110px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-continuer-center{clear:both; background:url(media/images/charte/btn-continuer.png) no-repeat 0 0; width:110px; height:35px; margin:10px auto 0 auto;} .submit-continuer-center:hover{background-position:left bottom;} .submit-continuer-center input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:110px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-parrainez{float:left; clear:both; background:url(media/images/charte/btn-parrainez.png) no-repeat 0 0; width:110px; height:35px; margin:10px 0px 0px 0px;} .submit-parrainez:hover{background-position:left bottom;} .submit-parrainez input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:110px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-valider-coupon{float:left; clear:both; background:url(media/images/charte/btn-valider-coupon.png) no-repeat 0 0; width:217px; height:35px; margin:0px 0px 0px 0px;} .submit-valider-coupon:hover{background-position:left bottom;} .submit-valider-coupon input{clear:both; border:none 0; background:transparent; text-indent:-9999px; width:217px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} /* FILET NAVIGATION */ .filariane{position:relative; float:left; top:-5px; margin:0px 0px 10px 0px} .filariane .navigation{float:left;font-size:12px;color:#999999;font-family:"trebuchet ms", Arial, Helvetica, sans-serif;} .filariane .navigation a{font-size:12px;color:#999999;font-family:"trebuchet ms", Arial, Helvetica, sans-serif; text-decoration:none;} .filariane .navigation a.actuariane{font-weight:bold;} .filariane .navigation a:hover{color:#666666; text-decoration:underline;} /* DEFAULT : Easy Slider avec un document en page d'accueil */ .SliderContent{position:relative; float:left; top:0px; width:950px; height:337px;} /* Easy Slider */ #slider{position:relative; float:left; top:0px; width:950px; height:337px;} #slider img {border:none;} #slider ul, #slider li{margin:0px 0px 0px 0px; padding:0; list-style:none;} /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #slider li{width:950px; height:337px; overflow:hidden;} /* numeric controls */ div ol#controls{text-align:center !important; position:relative; top:15px; margin:0px auto 0px auto; height:0px; float:right;} ol#controls{margin:0px auto 0px auto; padding:0; text-align:center !important;} ol#controls li{margin:0 0px 0 0; padding:0; display:inline-block; zoom: 1; *display:inline; list-style:none; height:11px; line-height:11px;} ol#controls li a{float:left; height:11px; line-height:11px; border:none; background:url(media/images/charte/slider-num.png) no-repeat left top; color:#a59167; padding:0 10px 0px 11px; font-size:0px; text-decoration:none;} ol#controls li.current a{background:url(media/images/charte/slider-num-current.png) no-repeat left top; color:#656565;} ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* A VIRER - DEFAULT : Flash container */ /*#cu3er-container {width:950px; outline:0; height:337px; position:relative; padding:0px; margin:0px; z-index:1;}*/ /* A VIRER - DEFAULT : Default container */ /*.default-container{position:relative; float:left; left:0; top:0; background:url(media/images/charte/default-ombre.jpg) no-repeat 0 0; padding:0px 0px 30px 0px;}*/ /* DEFAULT : Default container */ .home-container{position:relative; float:left; left:0; top:0; background:url(media/images/charte/home-ombre.jpg) no-repeat 0 0; padding:0px 0px 5px 0px;} /* DEFAULT : Default barre version */ .barre-home-right{background:url(media/images/charte/barre-home-right.png) no-repeat right top; height:41px; clear:both;} .barre-home-left{background:url(media/images/charte/barre-home-left.png) no-repeat left top; height:41px; line-height:41px;} .barre-home-middle{margin:0px 12px 0px 12px; background:#5a5a5a; height:41px;} .barre-home-txt{background:url(media/images/charte/txt-boutique-en-ligne-home.png) no-repeat left 8px; width:590px; height:41px;} /* DEBUT A VIRER */ /*.barre-default-right{background:url(media/images/charte/barre-default-right.png) no-repeat right top; height:52px;} .barre-default-left{background:url(media/images/charte/barre-default-left.png) no-repeat left top; height:52px; line-height:52px;} .barre-default-middle{margin:0px 12px 0px 12px; background:#3d3d3d; height:52px;}*/ /* FIN A VIRER */ /* DEFAULT : Default blocs avantages */ .home-avantages{position:relative; float:left; margin:30px 0px 0px 0px; font-size:12px; color:#555555; line-height:17px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; text-align:justify;padding:0px 0px 25px 0px;} .bloc-avantages-one{float:left; width:270px; margin:0px 70px 0px 0px;} .bloc-avantages-one h3{font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:10px 0px 16px 0px; padding:0px 0px 0px 30px; line-height:25px; background:url(media/Images/charte/home-icon-solution-cle-main.png) no-repeat left top; text-shadow:0px 1px 0px white;} .bloc-avantages-two{float:left; width:270px; margin:0px 70px 0px 0px;} .bloc-avantages-two h3{font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:10px 0px 16px 0px; padding:0px 0px 0px 30px; line-height:25px; background:url(media/Images/charte/home-icon-prestataire-unique.png) no-repeat left top; text-shadow:0px 1px 0px white;} .bloc-avantages-three{float:left; width:270px; margin:0px 0px 0px 0px;} .bloc-avantages-three h3{font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:10px 0px 16px 0px; padding:0px 0px 0px 30px; line-height:25px; background:url(media/Images/charte/home-icon-designs.png) no-repeat left top; text-shadow:0px 1px 0px white;} .home-avantages .bloc-avantages-one a, .home-avantages .bloc-avantages-two a, .home-avantages .bloc-avantages-three a{clear:both; display:block; width:82px; height:27px; background:url(media/images/charte/home-en-savoir-plus.png) no-repeat 0 0; margin:15px 0px 0px -1px; font-size:0px; color:#f5f5f5;} .home-avantages .bloc-avantages-one a:hover, .home-avantages .bloc-avantages-two a:hover, .home-avantages .bloc-avantages-three a:hover{background-position:left bottom;} /* DEFAULT : Default ligne offres */ .home-line-offres{position:relative; float:left; margin:0px 0px 25px 0px; width:100%; background:#ffffff; padding:20px 0px 20px 0px; border-top:1px dashed #bcbbb1; border-bottom:1px dashed #bcbbb1;} .home-offres-txt{float:left; font-size:16px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#565683; margin:0px 0px 0px 20px; line-height:18px;} .home-offres-link{float:right; margin:0px 10px 0px 0px;} a.link-offre-neo:link, a.link-offre-neo:visited{float:left; display:block; width:105px; height:45px; background:url(media/images/charte/link-offre-neo.png) no-repeat 0 0; margin:0px 10px 0px 0px; font-size:0px; color:#6d6e9c; text-indent:5px;} a.link-offre-neo:hover{background-position:left bottom; color:#4d4d71;} a.link-offre-evo:link, a.link-offre-evo:visited{float:left; display:block; width:132px; height:45px; background:url(media/images/charte/link-offre-evo.png) no-repeat 0 0; margin:0px 10px 0px 0px; font-size:0px; color:#5d5e86; text-indent:5px; color:#2196cf;} a.link-offre-evo:hover{background-position:left bottom; color:#1275af;} a.link-offre-entreprise:link, a.link-offre-entreprise:visited{float:left; display:block; width:141px; height:45px; background:url(media/images/charte/link-offre-entreprise.png) no-repeat 0 0; margin:0px 10px 0px 0px; font-size:0px; color:#5d5e86; text-indent:5px; color:#b1cb29;} a.link-offre-entreprise:hover{background-position:left bottom; color:#799c01;} a.link-offre-commerce:link, a.link-offre-commerce:visited{float:left; display:block; width:170px; height:45px; background:url(media/images/charte/link-offre-commerce.png) no-repeat 0 0; margin:0px 10px 0px 0px; font-size:0px; color:#5d5e86; text-indent:5px; color:#8c8c8c;} a.link-offre-commerce:hover{background-position:left bottom; color:#545454;} /* DEFAULT : Affichage des actualitées du blog */ .home-bloc-actu{position:relative; float:left; margin:0px 0px 0px 0px; width:640px;} .home-bloc-actu h3{font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; text-shadow:0px 1px 0px white;} .home-actu-encart{float:left; width:280px; height:130px; margin:0px 40px 0px 0px;} .home-actu-title{color:#6f709e; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:bold; margin:0;} .home-actu-encart .home-actu-title a{color:#6f709e; font-size:12px; text-decoration:none; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:bold; margin:0;} .home-actu-encart .home-actu-title a:hover{color:#5F5F91; font-size:12px; text-decoration:none; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; font-weight:bold; margin:0;} .home-actu-txt{color:#333333; font-size:12px; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; font-weight:normal; margin:0;} .home-actu-publish{color:#999999; font-size:12px; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; margin:0;} /* DEFAULT : Default ligne demo et client */ .home-line-demo-client{position:relative; float:right; margin:0px 0px 5px 0px; width:270px;} a.link-consulter-demo:link, a.link-consulter-demo:visited{float:left; display:block; width:270px; height:73px; background:url(media/images/charte/btn-consulter-demo.png) no-repeat 0 0; margin:0px 0px 0px 0px; font-size:0px; color:#eeeeee;} a.link-consulter-demo:hover{background-position:left bottom;} .container-portfolio-client{position:relative; float:left; margin:0px 0px 0px 0px; width:100%; border-top:1px dashed #bcbbb1; border-bottom:1px dashed #bcbbb1;} .portfolio-client{float:left; margin:10px 0px 0px 0px;} .portfolio-client h3{font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:0px 0px px 0px; padding:0px 0px 10px 0px; text-shadow:0px 1px 0px white;} ul#portfolio{margin:0px 0px 20px -10px; padding:0; width:960px;} ul#portfolio li{display:inline; list-style-type:none;} ul#portfolio li span{padding:0px 0px 0px 10px;} /* DEFAULT : Affichage de l'encart Paycare */ .home-container-paycare{float:right; width:270px; margin:5px 0px 5px 0px;} .home-container-paycare a{color:#95bf3e; text-decoration:none;} .home-container-paycare a:hover{text-decoration:underline;} .home-encart-paycare{background:#ffffff; padding:17px 20px 0px 20px;} .home-encart-paycare img{margin-top:-17px; margin-left:-10px; margin-right:10px; float:left;} .home-encart-paycare{font-size:11px; color:#666666; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; line-height:14px;} .home-ombre-paycare{background:url(media/images/charte/home-ombre-paycare.png) no-repeat center bottom; width:266px; height:22px;} /* DEFAULT : Easy Slider avec un document en page d'accueil */ h3.title-slider-ref{font-family: 'HelveticaNeueLTStd45Light', sans-serif; font-size:22px; color:#3d3d5c; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; text-shadow:0px 1px 0px white;} .FondSliderRef{position:relative; float:left; width:100%; height:235px; background:url(media/images/charte/home-fond-ref.jpg) repeat-x left top #d4d3d3;} .ContentReference{position:relative; float:left; top:0px; margin:0px auto 0px auto; width:950px; height:235px;} /* Easy Slider */ #SliderRef{position:relative; float:left; top:0px; margin:25px 0px 0px 40px; width:875px; height:200px;} #SliderRef img {border:none;} #SliderRef ul{margin:0px 0px 0px 0px; padding:0; list-style:none;} #SliderRef li{margin:0px 0px 0px 0px; padding:0; list-style:none;} /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #SliderRef li{width:875px; height:200px; overflow:hidden;} #SliderRef span{float:left; background:url(media/images/charte/fond-reference-home.png) no-repeat left top; width:282px; height:192px; margin:0px 4px 0px 4px;} #slider1next, #slider1prev{display:block; width:35px; height:34px; position:absolute; left:0px; top:103px; z-index:1000;} #slider1next{left:916px;} #slider1next a, #slider1prev a{display:block; position:relative; width:35px; height:34px; background:url(media/images/charte/arrow_ref_prev.png) no-repeat 0 0;} #slider1next a{background:url(media/images/charte/arrow_ref_next.png) no-repeat 0 0;} #slider1next a:hover, #slider1prev a:hover{background-position:left bottom;} /* DEFAULT : Affichage des boutons des offres néo, evolution, entreprise et commerce serveur */ .txt-version{float:left; font-size:13px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#ffffff;margin:0px 11px 0px 0px;} a.btn-version-neo{float:left; display:block;text-indent:-9999px;width:131px;height:31px;background:url(media/images/charte/btn-version-neo.png) no-repeat 0 0;margin:11px 4px 0px 4px;} a.btn-version-neo:hover{background-position:left bottom;} a.btn-version-entreprise{float:left; display:block;text-indent:-9999px;width:168px;height:31px;background:url(media/images/charte/btn-version-entreprise.png) no-repeat 0 0;margin:11px 4px 0px 4px;} a.btn-version-entreprise:hover{background-position:left bottom;} a.link-compare-version:link{float:left; font-size:11px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:underline;margin:0px 0px 0px 20px;} a.link-compare-version:visited{font-size:11px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:underline;margin:0px 0px 0px 20px;} a.link-compare-version:hover{font-size:11px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none;margin:0px 0px 0px 20px;} /* DEFAULT : Default left content */ .default-content-left{position:relative; float:left; margin:46px 0px 0px 0px; width:230px;} .default-ombre-left{position:relative; float:left; left:0; bottom:0; background:url(media/images/charte/default-ombre-left.png) no-repeat center bottom; width:230px; height:23px;} .actu-encart-titre{background:#ffffff; padding:10px 18px 1px 18px;} .actu-encart{background:#ffffff; padding:0px 18px 20px 18px;} .actu-title{color:#6f709e; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:bold; margin:0;} .actu-encart .actu-title a{color:#6f709e; font-size:12px; text-decoration:none; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:bold; margin:0;} .actu-encart .actu-title a:hover{color:#5F5F91; font-size:12px; text-decoration:none; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; font-weight:bold; margin:0;} .actu-txt{color:#333333; font-size:12px; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; font-weight:normal; margin:0;} .actu-publish{color:#999999; font-size:12px; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; margin:0;} /* DEFAULT : Default content page */ .default-content-page {float:right; padding:0px 0px 0px 0px; margin:46px 0px 0px 40px; width:680px;} a.link-demo {float:right; background:url(media/images/charte/link-demo.png) no-repeat 0 0; display:block; height:48px; width:231px; text-indent:-9999px; cursor:pointer;} a.link-demo:hover {float:right; background:url(media/images/charte/link-demo.png) no-repeat 0 -48px; display:block; height:48px; width:231px; text-indent:-9999px; cursor:pointer;} p.txt-accueil{color:#666666; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; margin:0; text-align:justify;} .bloc-accueil-left{float:left; width:47%;font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#666666; font-size:12px ; line-height:18px;} .bloc-accueil-right{float:right; width:50%;font-family:'trebuchet ms', Arial, Helvetica, sans-serif; color:#666666; font-size:12px ; line-height:18px;} a.link-ensavoirplus{color:#7ba920; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer;} a.link-ensavoirplus:hover{color:#7ba920; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer;} /* DEFAULT : Bloc Références */ .reference-home{padding: 5px 10px 5px 0px;} /* DEFAULT : Encart Newsletter */ .encart-newsletter-default{background:#ffffff; padding:0px 18px 60px 18px;} .input-newsletter-default{float:left; background:url(media/images/charte/input-newsletter-default.png) no-repeat 0 0; width:150px; height:31px;} .input-newsletter-default input{margin:7px 0 0 10px; border:none 0; background:transparent; color:#999999; font-size:12px; width:125px; font-family:"trebuchet ms",Arial, serif;text-transform:uppercase;} .submit-newsletter-default{float:left;background:url(media/images/charte/submit-newsletter.png) no-repeat 0 0;margin:0px 0 0 5px;width:35px;height:31px;} .submit-newsletter-default:hover{background-position:left bottom;} .submit-newsletter-default input{border:none 0;background:transparent;text-indent:-9999px;width:35px;height:31px;cursor:pointer; font-size:0px; display:block; line-height:0;} /* FOOTER : Footer du site */ #footer {background:#ffffff; border-top:1px solid #d4d4d4; clear:both; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0px; width:100%; bottom:0;} /* FOOTER : Encart et liste des partenaires */ .partners{height:100px; background:#f6f6f6; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;} ul.list-partners{margin:0; padding:17px 0px 0px 0px;} .list-partners li{display: inline; list-style-type: none; padding-left: 32px;} .list-partners li a{outline:none;} .list-partners li img{border:none;} /* FOOTER : Catalogue du footer */ .listes-footer{padding:25px 0px 25px 0px; position: relative; float: left; color:#666666; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif;} .listes-footer a:hover{text-decoration:underline !important;} .item-listfooter{float:left;width:180px;margin:0 10px 0 0px;} .item-listfooter h5{color:#3d3d5c;font-weight:normal;font-size:13px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; padding:0px 0 3px 0; margin:0px 0px 0px 0px;} ul.list-linkfooter{list-style:none inside;padding:0px 0 3px 0px !important;margin:0;} ul.list-linkfooter li.item-linkfooter{width:148px;padding:3px 0px 3px 5px !important;margin:0px !important;text-indent:0;float:left;} ul.list-linkfooter li.last{background:none !important;} ul.list-linkfooter li.item-linkfooter a{display:block;width:180px;text-decoration:none;color:#666666;font-size:11px;font-family:"trebuchet ms",Arial,Tahoma, serif;margin:0;padding:0 0 0 8px;background:url(media/images/charte/puce-linkfooter.gif) no-repeat 0 4px;} /* FOOTER : Encart réseaux sociaux et newsletter */ .position-rs-newsletter{position: relative; float: left; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; width: 100%;} /* FOOTER : Liste réseau sociaux */ ul.list-rs{float:left; margin:0; padding:27px 0px 27px 0px;} .list-rs li{float:left;display: inline; list-style-type: none; padding-right:15px;} .list-rs li a{outline:none; text-decoration:none;} .list-rs li a.facebook{display:block; background:url(media/images/charte/icone-facebook.png) no-repeat 0 0; height:30px; width:33px;} .list-rs li a.twitter{display:block; background:url(media/images/charte/icone-twitter.png) no-repeat 0 0; height:30px; width:34px;} .list-rs li a.rss{display:block; background:url(media/images/charte/icone-rss.png) no-repeat 0 0; height:30px; width:33px;} .list-rs li a.blog{display:block; background:url(media/images/charte/btn_blog.gif) no-repeat 0 0; height:30px; width:63px;} /* FOOTER : Encart Newsletter */ .encart-newsletter{float:right; padding:27px 0px 27px 0px;} .txt-newsletter{float:left; margin:6px 5px 0px 0px; font-size:14px; color:#3d3d5c; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; text-transform:uppercase;} .input-newsletter{float:left; background:url(media/images/charte/input-newsletter.png) no-repeat 0 0; width:261px; height:31px;} .input-newsletter input{margin:7px 0 0 10px; border:none 0; background:transparent; color:#999999; font-size:12px; width:240px; font-family:"trebuchet ms",Arial, serif;text-transform:uppercase;} .submit-newsletter{float:left;background:url(media/images/charte/submit-newsletter.png) no-repeat 0 0;margin:0px 0 0 5px;width:35px;height:31px;} .submit-newsletter:hover{background-position:left bottom;} .submit-newsletter input{border:none 0;background:transparent;text-indent:-9999px;width:35px;height:31px;cursor:pointer; font-size:0px; display:block; line-height:0;} /* FOOTER : Menu bas du footer */ .navcontainer-footer{position: relative; float: left; padding:27px 0px 27px 0px; margin-bottom: 1em; overflow: hidden; width: 700px;} .navlist-footer{list-style-type: none; margin: 0; padding: 0; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif;} .navlist-footer li{border-left: 1px solid #999999; float: left; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em;} .navlist-footer li a {color:#999999; text-decoration:none;} .navlist-footer li a:hover {color:#666666; text-decoration:underline;} /* FOOTER : Copyright */ .copy{float:right; position:relative; padding:23px 0px 27px 0px; font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#999999;} a.copyright:link {color:#999999; text-decoration:none;} a.copyright:visited {color:#999999; text-decoration:none;} a.copyright:hover{ color:#666666; text-decoration:underline;} :focus {border:none; outline:none;} /* Style pour le menu haut */ .MenuHaut{height:30px; vertical-align:middle;} a.MenuHautLinks:link{color:#7B7D7E; font-size:12px; font-weight:bold; padding:3px 0 3px 0; text-transform:uppercase; text-decoration:none;} a.MenuHautLinks:visited{color:#7B7D7E; font-size:12px; font-weight:bold; padding:3px 0 3px 0; text-transform:uppercase; text-decoration:none;} a.MenuHautLinks:hover{color:#B0B9BD; font-size:12px; font-weight:bold; padding:3px 0 3px 0; text-transform:uppercase; text-decoration:none;} /* Styles pour le message de bienvenue */ .WelcomeMessage{color:#cccccc; font-size:12px; font-weight:normal;} a.WelcomeLink:link{color:#dddddd; font-size:12px; font-weight:normal; text-decoration:underline;} a.WelcomeLink:visited{color:#dddddd; font-size:12px; font-weight:normal; text-decoration:underline;} a.WelcomeLink:hover{color:#dddddd; font-size:12px; font-weight:normal; text-decoration:none;} /* Styles pour la barre contenant le message de bienvenue et les menus déroulants */ .NavigationLeft{background:url(media/images/charte/01-NavigationLeft.gif) no-repeat right top; width:9px; height:30px;} .NavigationMiddle{background:url(media/images/charte/01-NavigationMiddle.gif) repeat-x left top; width:100%; height:30px; font-size:12px; text-decoration:none;} .NavigationRight{background:url(media/images/charte/01-NavigationRight.gif) no-repeat left top; width:9px; height:30px;} /* Styles pour les encarts des modules de droite et de gauche */ .BoxWidthLeft{width:205px;} .BoxWidthRight{width:205px;} .BoxModuleTopLeft{background:url(media/images/charte/01-BoxModuleTopLeft.png) no-repeat right bottom; width:18px; height:18px;} .BoxModuleTopMiddle{background:url(media/images/charte/01-BoxModuleTopMiddle.png) repeat-x left bottom; width:100%; height:18px; text-align:left; padding-left:10px;} .BoxModuleTopRight{background:url(media/images/charte/01-BoxModuleTopRight.png) no-repeat left bottom; width:18px; height:18px;} .BoxModuleLeft{background:url(media/images/charte/01-BoxModuleLeft.png) repeat-y right top; width:18px; height:100%;} .BoxModuleMiddle{background:#ffffff; width:100%; color:#8a8a8a; font-size:12px; vertical-align:top; text-align:left;} .BoxModuleRight{background:url(media/images/charte/01-BoxModuleRight.png) repeat-y left top; width:18px; height:100%;} .BoxModuleBottomLeft{background:url(media/images/charte/01-BoxModuleBottomLeft.png) no-repeat right top; width:18px; height:18px;} .BoxModuleBottomMiddle{background:url(media/images/charte/01-BoxModuleBottomMiddle.png) repeat-x left top; width:100%; height:18px;} .BoxModuleBottomRight{background:url(media/images/charte/01-BoxModuleBottomRight.png) no-repeat left top; width:18px; height:18px;} /* Styles pour l'encart central */ .BoxWidthContent{width:100%; padding:0 5px 0 5px;} .BoxContentTopLeft{background:url(media/images/charte/01-BoxContentTopLeft.png) no-repeat right bottom; width:9px; height:9px;} .BoxContentTopMiddle{background:#ffffff; width:100%; height:9px; vertical-align:bottom;} .BoxContentTopRight{background:url(media/images/charte/01-BoxContentTopRight.png) no-repeat left bottom; width:9px; height:9px;} .BoxContentLeft{background:#ffffff; width:9px; height:100%;} .BoxContentMiddle{background:#ffffff; width:100%; vertical-align:top; /*color:#8a8a8a; font-size:12px; text-align:left;*/} .BoxContentRight{background:#ffffff; width:9px; height:100%;} .BoxContentBottomLeft{background:url(media/images/charte/01-BoxContentBottomLeft.png) no-repeat right top; width:9px; height:9px;} .BoxContentBottomMiddle{background:#ffffff; width:100%; height:9px;} .BoxContentBottomRight{background:url(media/images/charte/01-BoxContentBottomRight.png) no-repeat left top; width:9px; height:9px;} /* Styles pour l'encart des images */ .BoxProdImgWidth{width:140px;} .BoxProdImgTopLeft{background:url(media/images/charte/01-BoxProdImgTopLeft.png) no-repeat right bottom; width:9px; height:9px;} .BoxProdImgTopMiddle{background:url(media/images/charte/01-BoxProdImgTopMiddle.png) repeat-x left bottom; width:100%; height:9px;} .BoxProdImgTopRight{background:url(media/images/charte/01-BoxProdImgTopRight.png) no-repeat left bottom; width:9px; height:9px;} .BoxProdImgLeft{background:url(media/images/charte/01-BoxProdImgLeft.png) repeat-y right top; width:9px; height:100%;} .BoxProdImgMiddle{background:#ffffff; width:100%; vertical-align:top; text-align:center;} .BoxProdImgRight{background:url(media/images/charte/01-BoxProdImgRight.png) repeat-y left top; width:9px; height:100%;} .BoxProdImgBottomLeft{background:url(media/images/charte/01-BoxProdImgBottomLeft.png) no-repeat right top; width:9px; height:9px;} .BoxProdImgBottomMiddle{background:url(media/images/charte/01-BoxProdImgBottomMiddle.png) repeat-x left top; width:100%; height:9px;} .BoxProdImgBottomRight{background:url(media/images/charte/01-BoxProdImgBottomRight.png) no-repeat left top; width:9px; height:9px;} /* Styles pour le bas de page, le copiryright et le menu du bas */ .FooterBackground{background:url(media/images/charte/01-FooterBackground.jpg) repeat-x left; height:82px; width:100%; vertical-align:middle;} .FooterImg{padding-left:20px;} .copyright{color:#7B7D7E; font-family:"trebuchet ms", Arial,Helvetica,sans-serif; font-size:12px; padding-top:5px;} .copyright a:link{color:#7B7D7E; text-decoration:none;} .copyright a:visited{color:#7B7D7E;text-decoration:none;} .copyright a:hover{color:#B0B9BD; text-decoration:underline;} .MenuBas{text-align:right; color:#B0B9BD; font-size:12px;} a:link.MenuBas{color:#7F8487; text-decoration:none;} a:visited.MenuBas{color:#7F8487; text-decoration:none;} a:hover.MenuBas{color:#B0B9BD; text-decoration:underline;} /* Styles pour les liens de l'encart catégorie - shop$categories.asp */ a.CategoriesLinks:link{color:#3d809a; font-size:13px; font-weight:normal; text-decoration:none;} a.CategoriesLinks:visited{color:#3d809a; font-size:13px; font-weight:normal; text-decoration:none;} a.CategoriesLinks:hover{color:#3d809a; font-size:13px; font-weight:normal; text-decoration:underline;} .CategoriesCols{border-bottom:1px solid #e3e3e3; padding:5px 0 5px 0;} /* Styles pour les liens de l'encart JavaTree */ a.prnnode:link{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} a.prnnode:visited{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} a.prnnode:hover{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} a.node:link{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.node:visited{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.node:hover{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} /* Styles pour les liens de l'encart Rechercher - shop$customerdisplays.asp */ a.AdvancedSearchLink:link{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.AdvancedSearchLink:visited{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.AdvancedSearchLink:hover{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} /* Styles pour les liens de l'encart ClassicTree - shop$categories.asp */ a.CategoriesTreeLinks:link{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} a.CategoriesTreeLinks:visited{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} a.CategoriesTreeLinks:hover{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} a.SubCategoriesTreeLinks:link{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.SubCategoriesTreeLinks:visited{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.SubCategoriesTreeLinks:hover{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} /* Styles pour les liens de l'encart Newsletter - shop$customerdisplays.asp */ .TxtBoxMailList{color:#8a8a8a; font-size:12px; vertical-align:top; text-align:center;} /* Styles pour l'encart Mini Caddie - shop$cart.asp */ .TableMiniCart{border: 1px solid #dddddd; border-collapse:collapse; width:100%;} .TdTitleMiniCart{padding:2px; border:1px solid #dddddd; color:#3b3c3c; background:#d2e7fc; font:bold 10px "trebuchet ms", Arial, Helvetica, sans-serif; height:28px; text-align:center;} .TdMiniCart{font-size:10px; padding:2px; color:#555555; border:1px solid #dddddd;} .TdMiniCartGris{font-size:10px; padding:2px; color:#555555; background:#F5F9FA; border:1px solid #dddddd;} a.LinkMiniCart:link{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.LinkMiniCart:visited{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.LinkMiniCart:hover{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} /* Styles pour les liens de l'encart Faites équipe avec nous et Zone Clients connecté- shop$customers.asp */ a.BoxCustomerLinks:link{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.BoxCustomerLinks:visited{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} a.BoxCustomerLinks:hover{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} .BoxCustomerCols{border-bottom:1px solid #e3e3e3; padding:5px 0 5px 0;} /* Styles pour les liens de la page votre compte - shop$customers.asp */ a.CustomerLinks:link{color:#3d3d5c; font-size:14px; font-weight:normal; text-decoration:none;} a.CustomerLinks:visited{color:#3d3d5c; font-size:14px; font-weight:normal; text-decoration:none;} a.CustomerLinks:hover{color:#85A839; font-size:14px; font-weight:normal; text-decoration:underline;} .CustomerCols{border-bottom:1px dotted #e3e3e3; padding:5px 30px 5px 20px;} /* Style pour les encarts Nouveauté, Promotion, TopTen, FrontPage, CrossSelling - Templates enavant */ .NameProductVignette a:link {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductVignette a:visited {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductVignette a:hover {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} .PriceVignette {color:#D33203; font-family: "trebuchet ms", Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; line-height:14px;} .ImageProductVignette{border-top:1px dotted #dddddd; border-bottom:1px dotted #dddddd; padding-top:5px; padding-bottom:5px;} .RetailPriceVignette {color:#d33203; font-size:12px; weight:normal; line-height:14px; text-decoration:line-through;} .LinksPromoNewTop{text-align:center;} .NameProductVignetteTopTen a:link {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} .NameProductVignetteTopTen a:visited {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} .NameProductVignetteTopTen a:hover {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} .TopTenCols{border-bottom:1px dotted #e3e3e3; padding:5px 0px 5px 0;} .NameProductVignetteFront{height:50px; vertical-align:top;} a.comparaisonLink:link{color:#3d809a; font-size:12px; font-weight:bold; text-align:center; text-decoration:none;} a.comparaisonLink:visited{color:#3d809a; font-size:12px; font-weight:bold; text-align:center; text-decoration:none;} a.comparaisonLink:hover{color:#3d809a; font-size:12px; font-weight:bold; text-align:center; text-decoration:underline;} /* Styles pour l'encart des produits */ .BoxProdTopLeft{background:url(media/images/charte/01-BoxProdTopLeft.png) no-repeat right bottom; width:9px; height:9px;} .BoxProdTopMiddle{background:url(media/images/charte/01-BoxProdTopMiddle.png) repeat-x left bottom; width:100%; height:9px;} .BoxProdTopRight{background:url(media/images/charte/01-BoxProdTopRight.png) no-repeat left bottom; width:9px; height:9px;} .BoxProdLeft{background:url(media/images/charte/01-BoxProdLeft.png) repeat-y right top; width:9px; height:100%;} .BoxProdMiddle{background:#ffffff; width:100%; vertical-align:top; text-align:center;} .BoxProdRight{background:url(media/images/charte/01-BoxProdRight.png) repeat-y left top; width:9px; height:100%;} .BoxProdBottomLeft{background:url(media/images/charte/01-BoxProdBottomLeft.png) no-repeat right top; width:9px; height:9px;} .BoxProdBottomMiddle{background:url(media/images/charte/01-BoxProdBottomMiddle.png) repeat-x left top; width:100%; height:9px;} .BoxProdBottomRight{background:url(media/images/charte/01-BoxProdBottomRight.png) no-repeat left top; width:9px; height:9px;} /* Style pour le template modele_normal_liste.htm */ .NameProductListe a:link {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductListe a:visited {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductListe a:hover {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} .PriceProductListe {color:#3d3d5c; font-size:20px; font-weight:bold;} .OldPriceProductListe {color:#D33203; font-size:12px; font-weight:bold; text-decoration:line-through;} .EconomyPriceProductListe {color:#8a8a8a; font-size:12px; font-weight:bold;} .SeparationProductListe {border-top:1px dotted #E7E7E7; padding-top:5px; padding-bottom:5px;} /* Style pour les catégories dans shopdisplaycategories.asp */ .TableCat{border: 1px solid #9bc9d2; border-collapse:collapse; width:100%;} .TdCat{border:1px solid #9bc9d2; color:#36555E; background:#ebeff1; font:bold 11px Arial, Helvetica, sans-serif; height:28px; text-align:center;} .TdCat a:link {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} .TdCat a:visited {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} .TdCat a:hover {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} .ImgCat{float:left;} .MemoCat{color:#8a8a8a; text-align:justify; font-size:12px; padding:5px;} a.CategoryLinks:link{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none;} a.CategoryLinks:visited{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none;} a.CategoryLinks:hover{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:underline;} /* Style pour les produits et la mise en forme du filtre des produits et des pages dans shopdisplayproducts.asp */ .TableNavigation {border:1px dotted #e3e3e3; width:100%;} .PageNavigation {color:#36555E; font-size:12px; text-align:right;} .TableProdFiltering{border: 1px solid #9bc9d2; border-collapse:collapse;} .TdTitleProdFiltering{padding:5px; border:1px solid #9bc9d2; color:#36555E; background:#ebeff1; font-weight:bold; font-size:12px; height:28px; text-align:center; width:33%;} .TdProdFiltering{font-size:10px; padding:5px; color:#555555; border:1px solid #9bc9d2; text-align:center; width:33%;} .ShowdisplayTypes{color:#3d809a;} /* Style pour la barre de navigation dans shopproductsubs.asp */ .LinksNavigation {color:#3d809a; font-size:12px; font-weight:bold; vertical-align:middle;} .LinksNavigation a:link {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .LinksNavigation a:visited {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .LinksNavigation a:hover {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} /* Style pour les crochets de la pagination - shop&paging.asp */ .PageNavBar {color:#3d809a; font-weight:bold;} /* Style pour les template etendue de la fiche produit */ .NameFicheProd a:link {color:#3d809a; font-size:15px; font-weight:bold; text-decoration:none;} .NameFicheProd a:visited {color:#3d809a; font-size:15px; font-weight:bold; text-decoration:none;} .NameFicheProd a:hover {color:#3d809a; font-size:15px; font-weight:bold; text-decoration:underline;} .DescFicheProd{color:#666666; font-size:12px; text-align:justify; padding-top:5px; padding-bottom:5px;} .SeparationFicheProd{ border-top:1px dotted #E7E7E7; padding-top:5px; padding-bottom:5px;} .LinksFicheProd a:link{color:#7BA920; font-size:12px; text-decoration:none;} .LinksFicheProd a:visited{color:#7BA920; font-size:12px; text-decoration:none;} .LinksFicheProd a:hover{color:#7BA920; font-size:12px; text-decoration:underline;} .QteFicheProd{float:left; display:block; color:#666666; font-size:12px; font-weight:bold; padding:6px 0px 0px 0px;} .position-qte{float:left; clear:both; padding:20px 0px 0px 0px; margin:0px 10px 0px 0px;} .input-qte{float:left;margin:0 0 0 0;background:url(media/images/charte/input-qte.png) no-repeat 0 0; width:39px; height:31px;} .input-qte input{margin:6px 0 0 4px;border:0 none;color:#666666; background:none; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-size:12px;} .submit-commander{float:left;background:url(media/images/charte/link-cde.png) no-repeat 0 0; display:block; height:31px; width:160px; text-indent:-9999px; margin:20px 0px 0px 0px; cursor:pointer;} .submit-commander:hover{background-position:left bottom;} .submit-commander input{border:none 0;background:transparent;text-indent:-9999px; width:160px; height:31px; cursor:pointer; font-size:0px; display:block; line-height:0;} /* Style pour quand le prix est différent selon l'option choisie */ .OptionPrice{font-size:13px; color:#8a8a8a; font-weight:bold;} /* Style pour quand il n'y a pas de prix */ .NoPrice{font-size:14px; color:#000000; font-weight:bold;} /* Style pour les point de fidélités */ .PointsToBuy{font-weight:bold;} /* style pour le stock de la fiche produit */ .StockFicheProd{color:#3d809a; font-size:10px; text-align:left;} /* Style pour la date de disponibilité du produit */ .dateavailablefont{color:#36555e; font-size:12px; font-weight:bold;} /* Style pour la rupture de stock */ .OutOfStock{color:#cc0000; font-size:12px; font-weight:bold;} /* Style pour la référence du produit */ .ReferenceFicheProd{color:#3d809a; font-size:10px; text-align:right;} /* Style pour le message d'offre spéciale du produit*/ .OffreSpecialeFicheProd{color:#336699; font-size:13px; font-weight:bold; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; padding-top:10px; padding-bottom:10px;} /* Style pour Les critères de comparaison */ .CriteresComparaison{border: 1px solid #E7E7E7; background:#f3f7f8; border-collapse:collapse; margin-bottom:5px; width:100%;} .CriteresComparaison td {padding:5px; border-bottom:1px dotted #E7E7E7; border-left:1px dotted #E7E7E7; color:#36555E; font-weight:bold; font-size:12px;} .CriteresComparaisonTitle{color:#7b7d7e; font-weight:bold; font-size:15px;} /* Style pour les commentaires */ .TableCommentaires{border: 1px solid #E7E7E7; background:#F5F9FA; border-collapse:collapse; margin-bottom:5px; width:100%; height:30px; margin-top:40px;} .TableCommentaires td{color:#36555E;} /* Style pour le titre des ventes croisées */ .CrossSellingTitle{color:#36555E; font-size:13px; font-weight:bold;} /* style pour le prix degressif selon la quantité- shopproductssubs.asp */ .PrixParQte{border: 1px solid #E7E7E7; border-collapse:collapse; margin-bottom:5px; width:100%;} .PrixParQteTitle{padding:2px; border-bottom:1px dotted #E7E7E7; color:#555555; background:#F5F9FA; font-size:12px; font-weight:bold;} .PrixParQteContent{padding:2px; border-bottom:1px dotted #E7E7E7; color:#555555; font-size:12px;} /* style pour la loi chatel - shopproductssubs.asp */ .LoiChatel{border: 1px solid #E7E7E7; border-collapse:collapse; margin-bottom:5px; width:100%;} .LoiChatel td{padding:2px; border-bottom:1px dotted #E7E7E7; color:#36555E; font-weight:bold; font-size:12px;} /* style pour les options de commandes - shopproductfeaturesgenerates.asp */ /* GenerateDropDownList style pour les options de commandes avec un menu déroulant */ .GenerateDropDownList{border: 1px solid #E7E7E7; border-collapse:collapse; margin-bottom:5px; width:100%;} .GenerateDropDownList td{padding:2px; border-bottom:1px dotted #E7E7E7; color:#36555E; font-weight:bold; font-size:12px;} /* GenerateButton style pour les options de commandes avec un bouton radio ou une checkbox */ .GenerateButton {border: none; border-collapse:collapse; margin-bottom:5px; width:100%;} .GenerateButton td {padding:5px; color:#666666; font-size:12px;} .GenerateButtonTxt{color:#666666; font-weight:normal; font-size:15px;} .GenerateButtonBorder {border:none;} /* Style pour le texte des Option de commande Montant libre et Option de commande Texte libre */ .GenerateFeaturesTxt {color:#666666; display:block; clear:both; padding:10px 0px 0px 0px; font-size:15px;} /* Style pour les options de commande avec le bouton commander */ .GenerateOrderButton {border: 1px solid #E7E7E7; text-align:center; border-collapse:collapse; margin-bottom:5px; width:100%;} .GenerateOrderButton td{padding:2px; border:1px dotted #E7E7E7; text-align:center; color:#36555E; font-weight:bold; font-size:12px;} .GenerateOrderButtonTr {background:#f9f9f9;} /* Pagination */ .NumPageTable{padding:10px 0 5px 0;} .NumPageOff{background:url(media/images/charte/01-numpageOff.jpg) no-repeat; width:39px; height:39px; text-align:center; vertical-align:top; padding:7px 0 0 0; cursor:pointer; font-size:12px; font-weight:bold; color:#4a96a7;} .NumPageOn{background:url(media/images/charte/01-numpageOn.jpg) no-repeat; width:39px; height:39px; text-align:center; vertical-align:top; padding:7px 0 0 0; cursor:pointer; font-size:12px; font-weight:bold; color:#00bdda;} .ButtonPageOn{background:url(media/images/charte/01-buttonpageOn.jpg) no-repeat; width:75px; height:39px; text-align:center; vertical-align:top; padding:7px 0 0 0; cursor:pointer; font-size:12px; font-weight:bold; color:#00bdda;} .ButtonPageOff{background:url(media/images/charte/01-buttonpageOff.jpg) no-repeat; width:75px; height:39px; text-align:center; vertical-align:top; padding:7px 0 0 0; cursor:pointer; font-size:12px; font-weight:bold; color:#4a96a7;} .NumPage{text-align:center; color:#4a96a7;font-weight:bold;} .NumPageOff a:link, .NumPageOff a:visited, .NumPageOff a:hover, .ButtonPageOff a:link, .ButtonPageOff a:visited, .ButtonPageOff a:hover{color:#7f7e82; text-decoration:none;} .NumPageOn a:link, .NumPageOn a:visited, .NumPageOn a:hover, .ButtonPageOn a:link, .ButtonPageOn a:visited, .ButtonPageOn a:hover{color:#ffffff; text-decoration:none;} .Description{text-align:justify; color:#A6A3A3; padding-bottom:10px;} .ImgProd{float:left; padding-right:10px;} .ProdDesc{color:#A6A3A3; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:11px;} /* Style pour les tables */ /* IDENTIFICATION - Mise en forme des tables Identifiez-vous et nouveau client */ .ColLoginIdentification{border-right:1px solid #e7e7e7; padding:0px 30px 0px 0px;} .TableLoginIdentification{height:260px;} .TitleLoginIdentification{padding:0px 5px 0px 5px;} .ColLoginNewClient{padding:0px 0px 0px 30px;} .TableLoginNewClient{height:260px;} .TitleLoginNewClient{padding:0px 5px 0px 5px;} .ContentLogin{padding:5px; text-align:justify; height:230px;} .EspaceTxtLogin{padding-bottom:8px;} .EspaceBoutonLogin{padding:10px 0px 5px 112px;} .GrasTxtLogin{font-weight:bold;} ul.listetriangle{list-style-type: none; padding:2px 0 0 0; margin:2px 0 0 0;} .listetriangle li{background-image: url(media/images/charte/arrow.png); background-repeat: no-repeat; background-position: 0 .3em; padding-left:1em; margin-left:10px;} /* Styles pour les liens de l'encart Zone Clients - shop$customers.asp */ a.LoginformLinks:link{color:#7ba920; font-size:12px; line-height:35px; font-weight:normal; text-decoration:none;} a.LoginformLinks:visited{color:#7ba920; font-size:12px; line-height:35px; font-weight:normal; text-decoration:none;} a.LoginformLinks:hover{color:#7ba920; font-size:12px; line-height:35px; font-weight:normal; text-decoration:underline;} .LoginformTxt{color:#999999; font-size:12px; vertical-align:middle;} /* - Style TableRecherche / TitleRecherche / ContentRecherche pour mise en page de la recherche avancée -> shopsearch.asp - Style TableNewsletter / TitleNewsletter / ContentNewsletter pour mise en page de la newsletter -> shopmaillist.asp - Style TableLoginAffilie / TitleLoginAffilie / ContentLoginAffilie pour mise en page de la zone affilié -> shopafflogin.asp - Style TableMailPwdAffilie / TitleMailPwdAffilie / ContentMailPwdAffilie pour mise en page de l'oublie du mot de passe de la zone affilié -> shopaffmailpwd.asp - Style TableAffilieAdmin / TitleAffilieAdmin / ContentAffilieAdmin pour mise en page du compte affilié -> shopaffadmin.asp - Style TableAffilieStatus / TitleAffilieStatus / ContentAffilieStatus pour mise en page du rapport de vente de votre compte affilié -> shopaffstatus.asp - Style TableAffilieStatusOrders / TitleAffilieStatusOrders / ContentAffilieStatusOrders pour mise en page du rapport de vente détaillé de votre compte affilié -> shopaffstatusorders.asp - Style TableAffilieReport / TitleAffilieReport / ContentAffilieReport pour mise en page du rapport de clic détaillé de votre compte affilié -> shopafflogreport.asp - Style TableAffilie / TitleAffilie / ContentAffilie pour mise en page de l'Inscription affilié -> Shop_Affiliate_Init.asp - Style TableCustomer / TitleCustomer / ContentCustomer pour mise en page de l'Inscription et du compte client -> Shop_Customer_Init.asp - Style TableMailPwd / TitleMailPwd / ContentMailPwd pour mise en page de l'oublie du mot de passe du compte client -> shopmailpwd.asp - Style TableLivraison / TitleLivraison / ContentLivraison pour mise en page des informations de livraison -> shopcustomer.asp - Style TableCadeau / TitleCadeau / ContentCadeau pour mise en page de la liste de cadeau disponible lors de la validation -> shopcreateorder.asp - Style TableStatus / TitleStatus / ContentStatus pour la mise en page du Status de vos commandes -> shopstatus.asp - Style TableCustTracking / TitleCustTracking / ContentCustTracking pour la mise en page de l'envoie d'un message au marchand -> shopcusttracking.asp - Style TableTrackingOrder / TitleTrackingOrder / ContentTrackingOrder pour la mise en page de l'historique de vos tickets -> shoptrackingorder.asp - Style TableFormatOrder / TitleFormatOrder / ContentFormatOrder pour la mise en page de la confirmation de patment et du récapitulatif de commande -> shopformatorder.asp - Style TableSaveCart / TitleSaveCart / ContentSaveCart pour mise en page des paniers sauvegardés -> shopsavecart.asp - Style TableSavePerm / TitleSavePerm / ContentSavePerm pour mise en page des listes de sélection -> shopsaveperm.asp - Style TableSponsor / TitleSponsor / ContentSponsor pour mise en page du parrainage -> shopsponsor.asp - Style TablePoints / TitlePoints / ContentPoints pour mise en page des points de fidélités -> shoppointsdb.asp / shoppointsredeem.asp - Style TableCoupons / TitleCoupons / ContentCoupons pour mise en page des coupons de réduction -> shopcustadmincoupon.asp - Style TableChequeCadeau / TitleChequeCadeau / ContentChequeCadeau pour mise en page des chèques cadeaux -> shopcustadmingift.asp / shopgift.asp - Style TableListesAchats / TitleListesAchats / ContentListesAchats pour mise en page des listes d'achats -> shopgiftregadmin.asp - Style TableContact / TitleContact / ContentContact pour la mise en page de la page contact et poser une question au vendeur -> shopcustcontact.asp - Style TableReviewList / TitleReviewList / ContentReviewList pour la mise en page de Lire les commentaires -> shopreviewlist.asp - Style TableReviewAdd / TitleReviewAdd / ContentReviewAdd pour la mise en page de Ecrire un commentaire -> shopreviewadd.asp - Style TableNotifyMe / TitleNotifyMe / ContentNotifyMe pour la mise en page de l'alerte sur un produit -> shopnotifyme.asp - Style TableTellFriend / TitleTellFriend / ContentTellFriend pour la mise en page de l'alerte sur un produit -> shoptellafreind.asp - Style TableCustomerHistory / TitleCustomerHistory / ContentCustomerHistory pour l'affichage des produits récemment consultés -> shop$profile.asp - Style TableRMA / TitleRMA / ContentRMA pour la mise en page des RMA -> shopsubmitrma.asp - Style TableExamCde / TitleExamCde / ContentExamCde pour la mise en page d'examiner votre commande -> shopmailform.asp */ .TableRecherche, .TableNewsletter, .TableLoginAffilie, .TableMailPwdAffilie, .TableAffilieAdmin, .TableAffilieStatus, .TableAffilieStatusOrders, .TableAffilieReport, .TableAffilie, .TableCustomer, .TableMailPwd, .TableLivraison, .TableCadeau, .TableStatus, .TableCustTracking, .TableTrackingOrder, .TableSaveCart, .TableSavePerm, .TableSponsor, .TablePoints, .TableChequeCadeau, .TableListesAchats, .TableContact, .TableReviewList, .TableReviewAdd, .TableNotifyMe, .TableTellFriend, .TableCustomerHistory, .TableRMA {} .TitleRecherche, .TitleNewsletter, .TitleLoginAffilie, .TitleMailPwdAffilie, .TitleAffilieAdmin, .TitleAffilieStatus, .TitleAffilieStatusOrders, .TitleAffilieReport, .TitleAffilie, .TitleCustomer, .TitleMailPwd, .TitleLivraison, .TitleCadeau, .TitleStatus, .TitleCustTracking, .TitleTrackingOrder, .TitleSaveCart, .TitleSavePerm, .TitleSponsor, .TitlePoints, .TitleCoupons, .TitleChequeCadeau, .TitleListesAchats, .TitleContact, .TitleReviewList, .TitleReviewAdd, .TitleNotifyMe, .TitleTellFriend, .TitleCustomerHistory, .TitleRMA{padding:0px 5px 0px 5px; text-align:left;} .ContentRecherche, .ContentNewsletter, .ContentLoginAffilie, .ContentMailPwdAffilie, .ContentAffilieAdmin, .ContentAffilieStatus, .ContentAffilieStatusOrders, .ContentAffilieReport, .ContentAffilie, .ContentCustomer, .ContentMailPwd, .ContentLivraison, .ContentCadeau, .ContentStatus, .ContentCustTracking, .ContentTrackingOrder, .ContentSaveCart, .ContentSavePerm, .ContentSponsor, .ContentPoints, .ContentCoupons, .ContentChequeCadeau, .ContentListesAchats , .ContentContact, .ContentReviewList, .ContentReviewAdd, .ContentNotifyMe, .ContentTellFriend, .ContentCustomerHistory, .ContentRMA {padding:5px; text-align:left;} .TableCoupons{width:50%;} .ContentPoints{color:#000000; text-align:left;} .TableFormatOrder, .TableExamCde{width:100%;} .TitleFormatOrder, .TitleExamCde{background:#F5F5F5; color:#3D3D5C; font-size:12px; font-weight:bold; padding:10px 10px 10px 10px; text-align:left;} .ContentFormatOrder, .ContentExamCde{padding:5px 10px 5px 10px; text-align:left;} .ColsCenter{text-align:center;} /* Pour l'alignement des éléménts dans shopstatus.asp */ .TxtMsgImportant{color:#ff3300;} /* Pour le style des messages important dans les tables clients -> shoppointsredeem.asp */ .TxtReviewList{color:#3D809A; font-weight:bold;} /* Pour le style des titre et nom de l'auteur dans Lire les commentaires -> shopreviewlist.asp */ .Companyinfo{text-align:center; margin:60px 0px 0px 0px;} /* Coordonnées de la société -> shopcustcontact.asp */ .BoxCustomerHistory{padding:4px; width:535px; height:250px; overflow:auto;} /* Style pour la div qui affiche les produits récemment consultés -> shop$profile.asp */ .EspaceCustomerHistory{padding-top:70px;} /* Style pour l'espace avant l'affichage des produits récemment consultés -> shop$profile.asp */ /* Mise en forme du texte terminer votre commande -> shop$customers */ a.CustomerLinksCheckout:link{color:#85A839; font-size:14px; font-weight:normal; text-decoration:underline;} a.CustomerLinksCheckout:visited{color:#85A839; font-size:14px; font-weight:normal; text-decoration:underline;} a.CustomerLinksCheckout:hover{color:#3D3D5C; font-size:14px; font-weight:normal; text-decoration:none;} .CustomerColsFondCheckout{background:#f1f1f1;} a.BoxCustomerLinksCheckout:link{color:#3B3C3C; font-size:12px; font-weight:normal; text-decoration:underline;} a.BoxCustomerLinksCheckout:visited{color:#3B3C3C; font-size:12px; font-weight:normal; text-decoration:underline;} a.BoxCustomerLinksCheckout:hover{color:#3B3C3C; font-size:12px; font-weight:normal; text-decoration:none;} /* Couleur utilisé pour l'inscription affilié, l'inscription et le compte client */ .colorOutAffilie, .colorOutCustomer{background:#d2e7fc; color:#555555; font-size:12px; font-weight:bold; cursor:pointer;} .colorOverAffilie, .colorOverCustomer {background:#F5F9FA; color:#3D809A; font-size:12px; font-weight:bold; cursor:pointer;} /* Style pour l'astérisque des champs obligatoires */ .asterisque{color:#85a839; padding-left:2px;} /* Style pour les conditions générales de ventes et les conditions générales d'affiliation */ .BoxConditionsGenerales{margin : 15px; width : 830px; height : 170px; overflow : auto; } .ConditionsGenerales{font-weight:bold;color:#3B3C3C;} /* Style pour les liens de la zone affilé */ a.ZoneAffilie:link{font-size:12px; color:#3d809a; text-decoration:none;} a.ZoneAffilie:visited{font-size:12px; color:#3d809a; text-decoration:none;} a.ZoneAffilie:hover{font-size:12px; color:#3d809a; text-decoration:underline;} /* style pour la bordure intérieure due la zone affilié */ .ZoneAffilieBorder{border-top:1px dotted #E7E7E7;} /* - style colorAffilieStatusOrders pour la couleur des lignes et TxtAffilieStatusOrders pour le texte dans le rapport de vente détaillé de votre compte affilié -> shopaffstatusorders.asp - style colorAffilieReport pour la couleur des lignes et TxtAffilieReport pour le texte dans le rapport de click détaillé de votre compte affilié -> shopafflogreport.asp */ .colorAffilieStatusOrders, .colorAffilieReport{padding:5px; background:#d2e7fc; color:#000000;} .TxtAffilieStatusOrders, .TxtAffilieReport{color:#000000; font-size:12px; font-weight:bold;} /* Mise en forme du Récapitulatif du Caddie - shopformatorder.asp */ .TableRecapCart{border: 1px solid #E7E7E7; width:100%} .TitleRecapCart{padding:0px 5px 0px 5px; border-bottom:1px solid #E7E7E7; background:#f5f5f5; color:#3d3d5c; font-size:12px; font-weight:bold; height:30px;} .TableRecapCartTotal{border-collapse:collapse; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7;} .RecapCartTotal{padding:5px; border-bottom:1px solid #E7E7E7; background:#e1efcb; color:#000000; font-size:12px; font-weight:bold; height:30px;} .BordGaucheRecapCart{border-right:1px solid #E7E7E7; padding:5px;} .BordRecapCartTotal{border-left:1px solid #e1efcb; border-right:1px solid #e1efcb; padding:5px;} .Color1RecapCart{padding:5px; background:#ffffff;} .Color2RecapCart{padding:5px; background:#e1efcb;} /* Mise en forme du Caddie et du processus (chemin de fer) */ .TableCartFormat{border: 1px solid #E7E7E7; width:100%} .TitleCartFormat{padding:0px 5px 0px 5px; border-bottom:1px solid #E7E7E7; background:#f5f5f5; color:#3d3d5c; font-size:12px; font-weight:bold; height:30px;} .ContentCartFormat{padding:5px; border-right:1px solid #E7E7E7;} .SeparationCartFormat{border-bottom:1px dotted #E7E7E7;} .Qte{border:none; background:#f1f1f1; text-align:center;} .TableCartFormatTotal{border-collapse:collapse; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7;} .CartFormatTotal{padding:5px; border-bottom:1px solid #E7E7E7; background:#e1efcb; color:#000000; font-size:12px; font-weight:bold; height:30px;} .BorderCartFormatTotal{border-left:1px solid #e1efcb; border-right:1px solid #e1efcb;} .ProcessusCdeON{color:#ffffff; font-size:14px; padding:0px 15px 0px 15px; font-weight:normal;} .ProcessusCdeOFF{color:#666666; font-size:14px; padding:0px 15px 0px 15px; font-weight:normal;} .TxtQtePanier{font-weight:bold; font-size:12px;} a.carthyperlink:link{font-size:12px; color:#3D3D5C; text-decoration:none;} a.carthyperlink:visited{font-size:12px; color:#3D3D5C; text-decoration:none;} a.carthyperlink:hover{font-size:12px; color:#85A839; text-decoration:none;} .RefFeaturesCart{color:#999999; font-weight:normal;} .submit-cde-continuer{float:left; background:url(media/images/charte/btn-continuer-cde.png) no-repeat 0 0; width:170px; height:35px; margin:0px 30px 20px 160px;} .submit-cde-continuer:hover{background-position:left bottom;} .submit-cde-continuer input{border:none 0; background:transparent; text-indent:-9999px; width:170px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-cde-recalculer{float:left; background:url(media/images/charte/btn-recalculer-cde.png) no-repeat 0 0; width:114px; height:35px; margin:0px 30px 20px 0px;} .submit-cde-recalculer:hover{background-position:left bottom;} .submit-cde-recalculer input{border:none 0; background:transparent; text-indent:-9999px; width:114px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-cde-terminer{float:left; background:url(media/images/charte/btn-terminer-cde.png) no-repeat 0 0; width:197px; height:35px; margin:0px 0px 20px 0px;} .submit-cde-terminer:hover{background-position:left bottom;} .submit-cde-terminer input{border:none 0; background:transparent; text-indent:-9999px; width:197px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-cde-annuler{float:left; background:url(media/images/charte/btn-annuler-cde.png) no-repeat 0 0; width:192px; height:35px; margin:0px 20px 20px 149px;} .submit-cde-annuler:hover{background-position:left bottom;} .submit-cde-annuler input{border:none 0; background:transparent; text-indent:-9999px; width:192px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-cde-annuler-center{background:url(media/images/charte/btn-annuler-cde.png) no-repeat 0 0; width:192px; height:35px; margin:0px auto 0px auto;} .submit-cde-annuler-center:hover{background-position:left bottom;} .submit-cde-annuler-center input{border:none 0; background:transparent; text-indent:-9999px; width:192px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-cde-confirmer{float:left; background:url(media/images/charte/btn-confirmer-cde.png) no-repeat 0 0; width:360px; height:35px; margin:0px 0px 20px 0px;} .submit-cde-confirmer:hover{background-position:left bottom;} .submit-cde-confirmer input{border:none 0; background:transparent; text-indent:-9999px; width:360px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} .submit-paiement-confirmer{float:left; background:url(media/images/charte/btn-confirmer-paiement.png) no-repeat 0 0; width:194px; height:35px; margin:10px 0px 10px 0px;} .submit-paiement-confirmer:hover{background-position:left bottom;} .submit-paiement-confirmer input{border:none 0; background:transparent; text-indent:-9999px; width:194px; height:35px; cursor:pointer; font-size:0px; display:block; line-height:0;} /* Mise en forme des liens examiner votre commande, mémoriser ma sélection, liste de sélection -> shopcreateorder.asp */ a.LinkSaveCart:link, a.LinkWishlist:link, a.LinkCde:link{font-weight:bold; font-size:12px;} a.LinkSaveCart:visited, a.LinkWishlist:visited, a.LinkCde:visited{font-weight:bold; font-size:12px;} a.LinkSaveCart:hover, a.LinkWishlist:hover, a.LinkCde:hover{font-weight:bold; font-size:12px;} fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #e7e7e7;} .label-title{font-weight: normal; font-size: 16px; color:#3D3D5C;} /* style pour la mise en page de la FAQ - Shop_Faq_Design.asp */ .FaqCatTable{border:1px solid #E7E7E7; border-collapse:collapse; width:100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .FaqCatRow{padding:5px; border-bottom:1px solid #E7E7E7; border-top:1px solid #E7E7E7; text-align:left; background:#F5F9FA; color:#3D809A; font-size:12px; font-weight:bold; height:30px;} .FaqCatRow Td{font-weight:bold; font-size:12px; color:#3D809A;} .FaqIssuesRow{color:#36555E; font-weight: bold;} .FaqAnswersRow{color: #8A8A8A; border-bottom: dotted 1px #E6E9ED;} .FaqSearchAndFound{background-color:#FFFE98; color:#FF0000;} .FaqTxtReponse{padding:5px; text-align:justify;} /* style pour le message d'erreur - shop$errors.asp */ .WriteAlertError{color:#85A839; text-align:justify; font-weight:bold; padding-left:5px;} /* Style lié à Shop$colors.asp */ /* simple message - Shop$colors.asp */ .shopwriteSimpleMsg{font-size:11px; background:#f1f1f1; color:#131313; text-align:justify; padding:10px 10px 10px 10px;} /* style pour le message de confirmation - Shop$colors.asp */ .ShopWriteHeader{border:1px solid #e3e3e3; background:#F6F6F6; color:#000000; text-align:justify; font-weight:bold; padding:20px 20px 20px 20px;} .custselectfield { font-family:Arial,Helvetica,sans-serif; font-size:12px; background:#F5F9FA none repeat scroll 0 0; border:1px solid #97ABB4; color:#899699; margin:0; padding:0; } select { font-family:Arial,Helvetica,sans-serif; font-size:12px; background:#F5F9FA none repeat scroll 0 0; border:1px solid #97ABB4; color:#3d809a; margin:0; padding:0; } .custtxtfield, .Custtxtfield, .txtfield { background:#F1F1F1 none repeat scroll 0 0; border:none; color:#000000; margin:0; padding:0; } .Custsubmitbtn, .custsubmitbtn { color:#b93000; font: bold 11px Arial,Helvetica,sans-serif; background-color:#f7c900; border: 1px solid; border-color: #f7c900 #f7c900 #f7c900 #f7c900 ; background : url(media/images/charte/01-FondBouton.jpg) repeat-x #f7c900; cursor:pointer; height:20px; } .CustsubmitbtnCde { color:#385c04; font: bold 11px Arial,Helvetica,sans-serif; background-color:#a6d90d; border: 1px solid; border-color: #a6d90d #a6d90d #a6d90d #a6d90d ; background : url(media/images/charte/01-FondBoutonVert.jpg) repeat-x #a6d90d; cursor:pointer; height:20px; } /* GESTION DES STYLES PAR BALISE */ td{font-size:12px; font-family:"trebuchet ms", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } /* GESTION DES LIENS DU SITE */ /* bouton DETAIL */ a.details:link{font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none;} a.details:visited{font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none;} a.details:hover{font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none;} /* bouton COMMANDER */ a.order:link{font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none;} a.order:visited{font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none;} a.order:hover{font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none;} /* GESTION DES ERREURS DANS FORMULAIRE CLIENT */ .ErrorForm { clear:both; color:#85a839; display:block; font-family: "trebuchet ms", Tahoma,arial; font-size:12px; font-weight:normal; }