body {font-family: "Open sans",Arial,Verdana;font-size:12px; color:#000000; background-color:#FFFFFF;text-align:center;margin: 0 auto;width:1000px;} /* MODULES DEFAULT **********************************************************************************************************************/ .module_header{width:100%;} .module_content{width:100%;} .module_bottom{width:100%;} .module_header_centre{padding:0px 2px;} .module_content_centre{padding:2px;} /* COULEURS **********************************************************************************************************************/ .c_1 h1{color:#FF6600;} .c_1 .encadre h1{color:#ffffff;} .c_1 .encadre h2{color:#32327D;} .c_1 .bordure {border:solid 1px #32327D;} .c_1 .texte{color:#222529;} .c_2{color:#007D4D;} p{color:#444444;} input, textarea, select{border:1px solid #97abbb;color:#222529;background-color:#ffffff;} a{color:#444444;text-decoration:none;} a:hover{color:#FF8C25;text-decoration:none;} /* TITRES ET LIENS **********************************************************************************************************************/ h1{clear:both;padding:2px 2px 5px 2px;margin:3px;color:#35AEDB;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:23px;font-weight:bold;} h2{font-weight:bold;font-size:15px;padding:2px 2px 5px 2px;margin:3px;color:#393737;} h3{font-weight:bold;font-size:14px;padding:2px 2px 5px 20px;margin:3px;} /* CORRECTION BALISES HTML GENERALES **********************************************************************************************************************/ p{margin:0px;text-align:justify;} form{display:inline;clear:both;} input{ text-align:left; font-family: "Open sans", Arial, Verdana; font-size:11px; background-color: #f9f9f9; border: 1px solid #97abbb; -moz-border-radius: 5px 5px 5px 5px; padding-left: 10px; font-size: 12px; width: 150px; } .formulaire_connexion input, .formulaire_mdpp input, #creation_compte_form input {height: 25px;} input[type=checkbox]{text-align:left; font-family: "Open sans", Arial, Verdana; font-size:11px;border: none;width:20px;transform: scale(1.5);margin: 0 5px 0 0;} textarea{ background-color: #f9f9f9; border: 1px solid #C0C0C0; padding: 10px; height: 190px; width: 335px; } select{ width: 300px; color: #4b4b4b; padding: 1px 0 0 10px; font-size: 14px; font-family: "Open sans", Arial, Verdana; font-weight: normal; } input[type=radio] {background-color:transparent; border:none; width:10px;border:0;} table{border-collapse: collapse;} td{margin:0px;padding:0px;} .none{ display:none; } /* POSITIONEMENT **********************************************************************************************************************/ .clear{clear:both;margin:0px;padding:0px;border:0px;border-collapse: collapse;} /*table principale screen*/ .table_screen{width:100%;text-align:left;} .screen_gauche_1{p} .screen_droite_1{} .top{width:992px;} .middle{padding:0px;width:1000px;background:#FFFFFF;} .bottom{width:1000px;vertical-align:bottom;float:left;background:#FFFFFF;} /*table contenu dans middle*/ /*clem changement on vire les tables pour html5.*/ .contenu_general{display:table;width:1000px;background:#fff;padding:0 0 10px 0;} .contenu_gauche{padding: 0 5px 10px 0; text-align: left; vertical-align: top; width: 210px;display:table-cell;} .contenu_centre{padding: 6px 0 0;text-align: left;vertical-align:top;display:table-cell;} .contenu_droite{padding: 0 5px; text-align: left; vertical-align: top; width: 250px;display:table-cell;} .contenu{width:1000px;} .gauche{width:210px;text-align:left;vertical-align:top;padding:0 5px 10px 0;} .centre{text-align:left;vertical-align:top;padding:6px 0 0 0;} .centre .message{font-family:arial;} .droite{width:250px;text-align:left;vertical-align:top;padding:0 5px 0 5px} /*tables sup*/ .double{width:100%;text-align:center;} .double_1{width:48%;vertical-align:top;}.double_2{width:48%;padding-left:2%;vertical-align:top;} .triple{width:100%;text-align:center;} .triple_1{width:33%;}.triple_2{width:33%;}.triple_3{width:33%;} .quadruple{width:100%;text-align:center;line-height: 50px;} .quadruple_1{width:25%;}.quadruple_2{width:25%;}.quadruple_3{width:25%;}.quadruple_4{width:25%;} /* STYLES STANDARD DANS LES MODULES **********************************************************************************************************************/ .items{} .item{} .texte{text-align:justify;padding-left:5px;padding-right:5px;} .libelle{clear:both;float:left;} .valeur{margin-left:6px;padding: 5px 0;} .valeur_br{clear:both;float:none;} .date{font-style:italic;font-size:11px;font-weight:bold;} .photo{} .icone{} .bouton{} /* STYLES DE BOITE DES MODULES **********************************************************************************************************************/ /*encadré*/ .encadre .module_header_left{background: url(../default/encadre.png) no-repeat 0px -97px;width:26px;height:30px;} .encadre .module_header_centre{background: url(../default/fonds/gris1.png) repeat;height:30px;} .encadre .module_header_right{background: url(../default/encadre.png) no-repeat -35px -97px;width:17px;height:30px;} .encadre .module_content_left{background: url(../default/fonds/ombre_droite_gris.png) repeat-y;width:2px;} .encadre .module_content_centre{padding:2px;background-color:#ffffff;} .encadre .module_content_right{background: url(../default/fonds/ombre_droite_gris.png) repeat-y;width:2px;} .encadre .module_bottom_left{background: url(../default/encadre.png) no-repeat 0px -33px;width:26px;height:46px;} .encadre .module_bottom_centre{background: url(../default/fonds/bleu1.png) repeat-x;height:46px;} .encadre .module_bottom_right{background: url(../default/encadre.png) no-repeat -35px -33px;width:17px;height:46px;} .droite .encadre .module_content_left{background:#BCE6F8 none repeat-y;width:1px;} .droite .encadre .module_content_centre{padding:2px;background:#ffffff url(../default/fonds/degrade_blanc_gris.png) repeat-x bottom;} .droite .encadre .module_content_right{background:#BCE6F8 none repeat-y;width:1px;} .droite .encadre .module_bottom_left{background: url(../default/encadre.png) no-repeat 0px -82px;width:16px;height:13px;} .droite .encadre .module_bottom_centre{background: url(../default/fonds/blanc_gris.png) repeat-x;height:13px;} .droite .encadre .module_bottom_right{background: url(../default/encadre.png) no-repeat -35px -82px;width:16px;height:13px;} /* STYLES DYNAMIQUES (BARRE WORD) *********************************************************************************************************/ .titre{ font-size:14pt;font-family:"Open sans",Arial,Verdana,"sans serif";width:100%;padding:10px 2px 10px 2px; color:#307709;font-weight:600;} .sous_titre_violet {display:block;color:#701D95;background-color:#EEEEEE; font-family:Verdana;font-size:10pt; font-weight:600;padding: 2px; border-bottom:solid 1px #701D95; width:99%; } .sous_titre_vert { display:block;color:#3C721E;font-family:Verdana; font-size:10pt;font-weight:600;padding: 2px; margin-bottom:2px;border-bottom:solid 1px #3C721E;width:99%; } .texte_violet_gras {font-weight:600;color:#701D95;} .nuage_tags {font-weight:600;color:#701D95;} /* FONCTIONNALITES COMMUNES ***********************************************************************************************************/ .pagination{clear:both;width:95%;font-family: Arial;font-size:12px;padding-bottom:10px;padding-top:5px;text-align:center;font-weight:bold;} .pagination_items{margin:auto;width:400px;} .pagination img{float:left;} .pagination a{ float:left; background:#F7F7F7 none repeat scroll 0 0; border:1px solid #DDDDDD; padding:1px 5px; margin-right:3px; } .pagination .off{ float:left; background:#F7F7F7 none repeat scroll 0 0; border:0px solid #DDDDDD; padding:2px 6px; margin-right:3px; } /* DEBUG **********************************************************************************************************************/ /*.container{border:solid 1px red;}*/ .mode_preview{width:100%;padding:5px;background-color:#C0514E;color:#FFFFFF;font-variant:bold;} .mode_preview a{color:#FFFFFF;} .mode_debug{width:96%;padding:5px 2% 5px 2%;background-color:#3D4A91;color:#FFFFFF;font-variant:bold;} .mode_debug a{color:#FFFFFF;} .mode_debug_item{ left:0px; position:absolute; margin : 2px 2px 2px 20px; display:none; background-color:#FEE3AF; border:solid 1px #F5A50A; color:#000000; margin:5px 10px 5px 10px; padding:2px 2px 2px 2px; z-index:100; } .mode_debug_item_icone{ position:relative; cursor:pointer; margin: 2px; border:solid 1px #3D4A91; height : 12px; width : 12px; background: url(../images/debug.png) no-repeat; z-index:100; } /*GET MODULE PREVIEW **********************************************************************************************************************/ .integration_module{width:800px;text-align:left;} .integration_module_titre{clear:both;float:left;width:800px;text-align:left;font-size:13px;margin-top:10px;font-weight:bold;} .integration_module_code{clear:both;float:left;width:800px;text-align:left;padding:2px;background-color:#EFEFEF;border:solid 1px #CCCCCC;} .integration_module_preview{clear:both;float:left;width:800px;text-align:left;padding:2px;border:solid 1px #CCCCCC;} /* *****************************************************************************************************************************************/ /* CSS DES MODULES PARTICULIERS SITE CLIENT ************************************************************************************************/ /* *****************************************************************************************************************************************/ /* Module : HEADER */ .header { text-align:left; height:87px; padding:0; margin:0; z-index:1; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .header .ajoutref{ line-height:0; float:right; text-size:10px; color:#ffffff; margin:-5px 0 0 0; } .header .ico_compte {background: transparent url(fond_connect.png) no-repeat 15px 0;width: 95px;height: 42px;margin: 10px 0 0 10px;float: none;} .header .ico_panier {background: transparent url(fond_panier.png) no-repeat 10px 0;width: 95px;height: 42px;margin: 10px 0 0 0;float: none;} .header .mon_compte { font-family:"Open sans", Arial, Verdana; font-size: 13px; cursor:pointer; top:0; left:0; width: 95px; height:22px; z-index:3; margin: 0;padding:0; color: #222529; } .header .mon_panier { font-family:"Open sans", Arial, Verdana; font-size: 13px; cursor:pointer; top:0; left:0; width: 58px; height:22px; margin: 0 16px; z-index:3; padding:0; color: #222529; } .header .mon_panier .panier_nb_affiche { background-color: #e17306; border-radius: 8px; position: absolute; top: 6px; right: 33px; text-align: center; line-height: 16px; height: 17px; width: 18px; font-size: 11px; color: #ffffff; font-weight: bold; } .header .mon_compte:hover { text-decoration: underline; } .header .arrow{background: url(arrow_menu.png) no-repeat;width: 9px;height: 5px;float:right;margin: 7px 4px 0 0;} .header .rectif{margin: 7px 4px 0 0;} .header .deconnexion{clear:both;float:left;color:#666666;font-family:arial;line-height:28px;font-size:13px;text-align:center;background:url(close.png) no-repeat 0px 0px;padding:0 0 0 35px;margin:0 0 0 15px;} .header .deconnexion:hover{clear:both;float:left;color:#C05B00;font-family:arial;line-height:28px;font-size:13px;text-align:center;background:url(close_on.png) no-repeat 0px 0px;padding:0 0 0 35px;margin:0 0 0 15px;} .header .espace_client{clear:both;float:left;color:#666666;font-family:arial;line-height:28px;font-size:13px;text-align:center;background:url(icone_espace_client.png) no-repeat 0px 0px;padding:0 0 0 35px;margin:0 0 0 15px;} .header .espace_client:hover{clear:both;float:left;color:#C05B00;font-family:arial;line-height:28px;font-size:13px;text-align:center;background:url(icone_espace_client_on.png) no-repeat 0px 0px;padding:0 0 0 35px;margin:0 0 0 15px;} .header .formulaire_connect{ border:0;text-align:left;display:inline;clear:both;float:left; } .header .message_bienvenue{margin:5px 0 0 40px;color:#666666;font-family:arial;font-size:11px;} .formulaire_connect input{ border:1px solid #222529; background-color:#5D5D5D; font-size:14px; width:125px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; margin:3px 0px 0 5px;padding:0; } .formulaire_connect input.mdp{width:125px;margin:5px 5px 0 5px;padding:1px;font-size:12px;height:15px;background: #fff;color: #222529;} .formulaire_connect input.login{width:125px;margin:5px 5px 0 5px;padding:1px;font-size:12px;height:15px;background: #fff;color: #222529;} .formulaire_connect .connexion_valid{cursor:pointer;width:100px;margin:10px auto 0 auto;text-align: center;border: 1px solid #fff;padding: 2px;font-weight: bold;background-color: #fff;color: #000;border-radius: 6px;} .formulaire_connect .text1{ clear:both; font-size:11px; padding:8px 10px 0px 5px; font-family:"Open sans", Arial, Verdana; color: #FFFFFF; font-style:italic; margin-right:10px; } .formulaire_connect .nouveau { height:15px; font-size:11px; margin:7px 5px;padding:0; font-style:italic; color: #FFFFFF; } .formulaire_connect .go { width:29px; height:28px; background:transparent url(../default/bouton_go.png) no-repeat; z-index:5; margin-bottom:5px;padding:5px; float:left; cursor:pointer; } /* Module : SHARE_IT */ .shareit{position:absolute;margin-top:4px;margin-left:10px;} .shareit ul{list-style: outside none none;margin:0;padding:0;} .shareit li{float: left;width: 28px;} .shareit .lien{float: left;cursor: pointer;display: block;} .shareit .bouton_facebook{background:transparent url(bouton-facebook.png) no-repeat 0px 0px;width:28px;height:28px;} .shareit .bouton_twitter{background:transparent url(bouton-twitter.png) no-repeat 0px 0px;width:28px;height:28px;} .shareit .bouton_viadeo{background:transparent url(bouton-viadeo.png) no-repeat 0px 0px;width:28px;height:28px;} .shareit .bouton_google{background:transparent url(bouton-google.png) no-repeat 0px 0px;width:28px;height:28px;} .shareit .bouton_blog{background:transparent url(bouton-blog.png) no-repeat 0px 0px;width:28px;height:28px;} /* AUTOCOMPLETION */ .auto_completion{position:absolute;margin-left:770px;margin-top:} .auto_completion .module_content_centre{padding:0px;} .auto_completion #recherche{background:transparent url(recherche.png) no-repeat 0px 0px;width:254px;height:18px;padding-bottom:8px;padding-left:40px;padding-right:15px;vertical-align:center;padding-top:7px;border:0px;} .ac_results { display:none; padding: 0px; border: 1px solid #CCCCCC; background-color: white; overflow: hidden; z-index: 99999; margin:-5px 0 0 30px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; text-align:left; overflow: hidden; } .ac_loading { background: white url('../attente.gif') right center no-repeat; } .ac_odd { background-color: #efefef; } .ac_over { background-color: #FD8D2B; color: white; } .ui-autocomplete { z-index: 8000 !important; } /* Module : MENU_PORTAIL */ #admin_menu{ padding-left:200px; height:35px; width:800px; } .mobile_menu,.mobile_menu_produit,.mobile_only{display:none;} .menu_portail .module_content_centre{padding:0px;} .menu_portail .sous_menu_254{display:none;} /* Module : PRODUITS (catalogue) */ .produits{margin:5px;} .produits .famille{} .produits .famille h2{color: #23b3d1;font-weight: bold;margin: 10px 0 5px;} .produits .item{margin:2px 0 2px 10px;} .produits .item .liste_produits{font-size:12px; font-weight:normal;margin:0;padding:0;} /* Module : MENU_PRODUIT */ .menu_produit { float:left; margin:5px 0 0 0; padding:0; width:210px; /*background:transparent url(fond_menu_produit.png) repeat-y;*/ vertical-align:top; } .menu_produit .module_header{ background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #EBEBEB; border-radius: 0 5px 0 0; -moz-border-radius : 0 5px 0 0; height: 5px; margin: 0 0 0 6px; width: 193px; } .menu_produit .module_bottom{ background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #EBEBEB; border-radius: 0 0 5px 0; -moz-border-radius : 0 0 5px 0; height: 5px; margin: 0; width: 193px; } .menu_produit .text_famille_produit { width:100%;height:35px; font-family: Arial, Verdana; font-size:15px; color:#ffffff; font-weight:bold; line-height:22px; margin:0 0 0 6px; padding-left:10px; text-transform:uppercase; cursor:pointer; overflow:hidden; } .menu_produit .text_famille_produit_moins { width:196px;height:20px; } .menu_produit .text_produit_plus { background:transparent url(fleche_bas.png) no-repeat;width:196px;height:35px; } .menu_produit .bouton_produit{ clear:both;background:transparent none no-repeat;float:left;padding-left:12px;color: #686868; } .menu_produit .bouton_produitdevis{ clear:both;background:#ff6600 none no-repeat;float:left;text-align:center;color: #FFFFFF;font-size:13px; } .menu_produit .bouton_produit_plus { background: url("fleche_bas.png") no-repeat scroll 98% 50% #E2E1E1;cursor:pointer; } .menu_produit .bouton_produit_moins { background: url("fleche_haut.png") no-repeat scroll 98% 50% #E2E1E1;cursor:pointer; } .menu_produit .on{color:#252525;} .menu_produit .on a.lien1{color:#252525;font-weight:bold;} .menu_produit .bg_cadre{ background:#F3F3F3; width:195px; margin:0 0 0 6px; } .menu_produit ul.menu-produit,li.menu-produit{ margin:0; padding:0; float:left; list-style:none; } .menu_produit .cadres{ padding:0 0 0 0; margin:0; text-align:left; font-weight:bold; overflow: auto ; display:block; width:195px; } .menu_produit a.lien0{ clear:both; float:left; color:#686868; width:100%; font-weight:normal; margin:0; padding:0; } .menu_produit a.lien0:hover{ float:left; color:#252525; } .menu_produit a.lien1{ clear:both; float:left; color:#686868; font-weight:normal; margin:0 0 1px 5px; padding:1px 0 1px 0; position:relative; } .text_produit a:before { content: "-"; position:absolute;left: -6px; } .menu_produit a.lien1:hover{ float:left; color:#252525; } .menu_produit .global_text_produit { margin:5px 0 5px 0; clear:both;float:left; } .menu_produit .text_produit { clear:both; font-family:"Open sans", Arial, Verdana; font-weight:bold; cursor:pointer; padding-left:4px; overflow: auto ; display:none; background: none repeat scroll 0 0 #F3F3F3; font-family: arial; font-size: 13px; line-height:15px } .menu_produit .changelien{ border-bottom: 1px dotted #C0C0C0; padding: 5px 0 5px 7px; width: 187px; font-family:"Open sans", Arial, Verdana; font-size: 12px; text-transform: uppercase; font-weight:normal; } .menu_produit .changeliendevis{ border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-radius: 0 5px 5px 0; -moz-border-radius : 0 5px 5px 0; border-right: 1px solid #C0C0C0; padding: 10px 0 10px 0; width: 194px; font-family:"Open sans", Arial, Verdana; font-size: 14px; font-weight:bold; } .menu_produit a.lien_first{ margin-left:5px; } .menu_produit a.lien_last{ margin-bottom:5px; } .menu_produit .text_produit_moins { } .text_produit a{ float:left; color:#199fd1; paddinf-left:10px; font-family:"Open sans", Arial, Verdana; font-size: 11px; text-transform: uppercase; } .text_produit a:hover{ float:left; color:#FD8D2B; } /* Module : GUIDE TECHNIQUE */ .guide_technique { float:left; margin:0 0 10px 0; padding:0 0 0 0; height:35px; } /* Module : SOCIETE */ .societe { float:left; margin:0 0 10px 0; padding:0 0 0 0; height:35px; } /* Module : CGV */ .cgv { float:left; margin:0 0 10px 0; padding:0 0 0 0; height:35px; } /* Module : Protection des donnees */ .protection_des_donnees { float:left; margin:0 0 10px 0; padding:0 0 0 0; height:35px; } /* Module : INFOS COMMANDE */ .infos_commande { float:left; margin:0 0 10px 0; padding:0 0 0 0; height:35px; } /* Module : MENTIONS LEGALES */ .mentions_legales { float:left; margin:0 0 10px 0; padding:0 0 0 0; height:35px; } /* Module : PROMOTIONS */ //.promotions .module_content{display:none;} .actualites_liste h1{display:none;} .slider { float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:520px; height:239px; overflow : hidden; } .slider .texte{padding:0;} .slider .slider1{ float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:520px; height:238px; position: relative; overflow : hidden; } .slider .pager{ float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:520px; height:238px; position: relative; overflow : hidden; } .slider .wrapper{ width: 100%; /*width:964px;*/ margin:0 auto; height:700px; overflow : hidden; height:170px; } .slider .bx-wrapper { width:520px; height:238px; overflow : hidden; } .slider .bx-window { width:520px; height:238px; overflow : hidden; } .slider .item { float:right; margin:38px 10px 0 0; padding:0 0 0 0; width:300px; height:200px; overflow : hidden; } .slider .item .titre{ color: #35AEDB; float: left; font-family: 'Segoe UI'; font-size: 28px; font-style: italic; font-weight: bold; height: 30px; line-height: 22px; margin: 0; overflow: hidden; padding: 0; text-shadow: 0.04em 0.04em 0.08em #585858; width: 100%; margin-top:30px; margin-right:1%; } .slider .item .pave{ color: #585858; font-family: arial; font-size: 14px; text-align: justify; width:90% line-height: 20px; } .slider .item .text14normal { float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; } .slider .ensavoirplus { clear:both; float:right; background: url("ensavoirplus.png") no-repeat scroll transparent; width:81px; height:21px; align:center; margin:0 199px 0 0; padding:0 20px 0 0; } .slider .ensavoirplus a { float:right; font-family: 'Segoe UI'; font-size: 12px; width:61px; height:21px; margin:0 0 0 0; padding:3px 2px 0 0; font-weight: bold; overflow:hidden; } .bx-pager a { background: url("pager.gif") no-repeat scroll 0 -17px transparent; color: #FFFFFF; font-size: 12px; margin-right: 5px; padding: 3px 8px 1px 6px; position: relative; top: 4px; } /*on cale le bouton pour explorer car ça chiait*/ .browserName-msie .bx-pager a { top: 16px; } .bx-auto .start { background: url("pager.gif") no-repeat scroll 0 0 transparent; padding-left: 13px; } .bx-pager .pager-active, .bx-pager a:hover { background-position: 0 0; } .bx-pager { bottom: 0; height: 21px; right: 15px; position: absolute; } .bx-pager div.round { float: left; height: 21px; position: relative; width: 7px; } .bx-captions { color: #666666; font-size: 12px; padding: 7px 0; text-align: center; } .bx-auto { padding-top: 15px; text-align: center; } .bx-auto a { color: #666666; font-size: 12px; } /* Module : FAQ */ .faq { float:left; width: 100%; margin: 15px 0; } .faq .faq_uni { border:1px solid #ddd; margin-bottom: 10px; } .faq h2{ font-weight: bold; font-size: 26px; padding: 2px 2px 5px 2px; margin: 3px; color: #333; text-align:center; } .faq h3{ font-weight: bold; font-size: 16px; padding: 5px 2px 5px 2px; color:#333; margin: 3px; cursor:pointer; } .faq h3::before{ content:"› "; font-size:21px; } .faq h3.moins::before{ content:"- "; } .faq .text{ display:block; padding: 0 20px 0 10px; margin: 0 0 15px 0; text-align: justify; font-family: "Open sans",Arial,Verdana; color: #393737; font-size: 14px; border-left: 3px solid #FF7C02; margin-left:15px; } .faq ul { padding: 0 0 0 50px; margin: -10px; } .faq li { padding: 0; margin: -7px; } .faq summary { cursor: pointer; font-weight: 700; list-style: none; } .faq summary::-webkit-details-marker { display: none; } /* Module : GABARITS */ .gabarits { float:left; align:center; margin:0 0 0 30px; padding:0; overflow : hidden; } .gabarits .trait { border-bottom: 1px solid #d6d6d6; width:96%; margin: -8px 0 0 8px; } .gabarits .space{ height: 15px; clear: both; } .gabarits .gauche{ clear:both; width:40%; float:left; padding: 0 0 0 30px; } .gabarits .droite{ width:40%; float:right; padding: 0 0 0 30px; } .gabarits .Titre_produit{ width:250px; float:left; } .gabarits .Titre_produit h3{ font-size:14px; font-family: Arial; color:#ff6600; font-weight:600; padding:0; margin:5px 0 5px 0; } .gabarits ul{ margin:0 0 0 -15px; padding:0 0 0 -10px; float:left; } .gabarits a{font-size:13px;color:#444444;text-decoration:none;} .gabarits a:hover{font-size:11px;color:#FF8C25;text-decoration:none;} /* Module : DESABONNEMENT */ .desabonnement { float:left; align:center; margin:20px 0 20px 0; padding:0 0 10px 0; width:520px; overflow : hidden; } .desabonnement .titre { color: #FF7C06; font-family: arial,verdana; font-size: 17px; margin: 0; padding: 0; text-align: center; } .desabonnement .cnil { color: #999999; float: left; font-family: arial,verdana; font-size: 12px; line-height: 16px; margin: 10px 0 0 10px; padding: 0 0 10px; text-align: justify; width: 510px; } .desabonnement .encadre_desabonnement { border: 1px dashed #35AEDB; float: left; margin: 5px 10px 10px 10px; overflow: hidden; padding: 10px; width: 485px; text-align: center; } .desabonnement .encadre_desabonnement .message { color: #222529; float: left; font-family: arial,verdana; font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 10px; width: 100%; } .desabonnement .encadre_desabonnement .alert { margin:0; padding:0; float:center; display:inline; } .desabonnement .encadre_desabonnement input{ border-color: #35AEDB; display: inline; font-family: Arial,verdana; font-size: 11px; text-align: left; width:200px; color:#222529; } .desabonnement .encadre_desabonnement .valider_complet{ width:100px; } .desabonnement .encadre_desabonnement .bouton_valider {cursor:pointer;padding:5px 0 0 0;} /* Module : COMMANDEZICI */ .commandezici { float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:520px; overflow : hidden; } .commandezici .haut { float:left; background: url("commandezici_top.jpg") no-repeat scroll left top transparent; align:center; margin:10px 0 0 0; padding:0 0 0 0; width:100%; overflow : hidden; } .commandezici .haut .titre{ float:left; align:center; font-family: 'Arial'; font-size: 30px; font-weight: 500; color:#4b3e36; margin:0 0 0 0; padding:0 0 0 20px; overflow : hidden; } .commandezici .milieu{ float:left; background: url("commandezici_middle.jpg") repeat-y scroll left top transparent; align:center; margin:0 0 0 0; padding:0 10px 10px 10px; width:500px; overflow : hidden; } .commandezici .milieu .gauche{ float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:50%; height:135px; overflow : hidden; } .commandezici .milieu .droite{ float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:50%; height:135px; overflow : hidden; } .commandezici .milieu .titre_cat{ float:left; align:center; font-family: 'Arial'; font-size: 20px; font-weight: 500; color:#35aedb; margin:0 0 0 0; padding:10px 0 10px 0; width:100%; overflow : hidden; } .commandezici .milieu .titre_cat a{ float:left; align:center; font-family: 'Arial'; font-size: 20px; font-weight: 500; color:#35aedb; margin:0 0 0 0; padding:0 0 0 0; width:100%; overflow : hidden; } .commandezici .milieu .titre_cat a:hover{ float:left; align:center; font-family: 'Arial'; font-size: 20px; font-weight: 500; color:#ff6600; margin:0 0 0 0; padding:0 0 0 0; width:100%; overflow : hidden; } .commandezici .milieu .image{ float:right; align:center; margin:0 0 0 0; padding:0 0 0 0; width:120px; height:100%; overflow : hidden; } .commandezici .milieu .liste_lien{ float:left; font-family: 'Arial'; font-size: 12px; color:#574b43; margin:0 0 0 0; padding:0 0 0 0; width:130px; height:100%; overflow : hidden; } .commandezici .milieu .liste_lien a{ font-family: 'Arial'; font-size: 12px; color:#574b43; margin:0 0 0 0; padding:0 0 0 0; width:100%; overflow : hidden; } .commandezici .milieu .liste_lien a:hover{ font-family: 'Arial'; font-size: 12px; color:#ff6600; margin:0 0 0 0; padding:0 0 0 0; width:100%; overflow : hidden; } .commandezici .bas{ float:left; background: url("commandezici_bottom.jpg") no-repeat scroll left top transparent; align:center; margin:0 0 0 0; padding:0 0 0 0; width:100%; overflow : hidden; } /* Module : FICHE_PRODUIT */ .fiche_produit { float:left; align:center; margin:0 0 0 0; padding:0 0 0 0; width:520px; } .fiche_produit .banner { position: relative; overflow: hidden; } .fiche_produit .banner li { list-style: none; float: left;padding:0;margin:0;height:280px;min-height:280px;} .fiche_produit .banner ul {float: left;padding:0;margin:0;height: 280px;} .fiche_produit .banner .dots { position: absolute; right: 0; bottom: 2px; margin: 0 0 4px 0; text-align: center; } .fiche_produit .banner .dots li { display: inline-block; width: 10px; height: 10px; min-height:10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .fiche_produit .banner .dots li.active { background: #fff; opacity: 0.5; } .fiche_produit .banner .fleches{margin:-170px 0 0 0;width:100%;height:42px;float:left;clear:both;cursor:pointer;display:none;} .fiche_produit .banner .unslider-arrow{font-size:30px;font-family:"Open sans", arial, helvetiva;width:17px;height:42px;background:#ffffff;opacity:0.4;font-weight:bold;} .fiche_produit .banner .next{float:right;border-radius:5px 0 0 5px;padding:0 0 0 3px;} .fiche_produit .banner .prev{float:left;border-radius:0 5px 5px 0;padding:0 3px 0 0;} .fiche_produit .top_center{width:520px;float:left;padding:0 0 0 0;margin:0 0 0 0;vertical-align:top;} .fiche_produit .top_center .new_top_center_top{float:left;padding:0;margin:0;vertical-align:top; } .fiche_produit .top_center .new_top_center_left{overflow:hidden;float:left;padding:0;margin:0;vertical-align:top;background:transparent no-repeat left bottom;} .fiche_produit .top_center .new_top_center_left .social_share{margin:-20px 0 0 2px;z-index:1;position:absolute;} .fiche_produit .top_center .new_top_center_left .image_produit{width:680px;height:280px;z-index:2;} .fiche_produit .top_center .new_top_center_right{height:100%;float:left;padding:10px;margin:5px 0 0 0;vertical-align:top;padding:10px 0 0 0;} .fiche_produit .top_center .top_center_left .facebook{margin:230px 0 0 0;} .fiche_produit .top_center .top_center_right{width:289px;height:100%;float:left;padding:0 0 0 10px;margin:0;vertical-align:top; } .middle_center{width:520px;padding:0;clear:both;float:left;vertical-align:top;} .fiche_produit .contenu_middle_center{width:570px;padding:0;clear:both;vertical-align:top;} .fiche_produit .bottom_center{width:650px;height:41px;padding:0;margin:0;clear:both;float:left;background:transparent url(../default/bottom_center.png) no-repeat;vertical-align:top;} .fiche_produit .produit_gabarit{clear:both;float:left;padding-top:0;padding-bottom:5px;width:250px;height:40px;} .fiche_produit .produit_gabarit .gabarit_titre{clear:both;float:left;font-family: Arial, Verdana;font-size:13px;color:#000000;text-align:justify;font-weight:bold;width:199px;height:56px;} .fiche_produit .produit_gabarit .item{clear:both;float:left;font-weight:bold;margin:0 0 0 37px;} .fiche_produit .new_top_center_right .prix_min{ margin:0 0 0 0; padding:0 0 0 0; float:left; width:100px; height:40px; text-align:center; } .fiche_produit .new_top_center_right .delai{ float:left; font-family: "Open sans", Arial, Verdana; font-size:34px; width:100px; height:40px; text-align:center; margin:0 0 0 0; padding:0 0 0 0; } .fiche_produit .new_top_center_right .text_delai{ font-family: "Open sans", Arial, Verdana; font-size:34px; margin:-10px 0 0 0; color:#ff9900; padding:0 0 0 0; font-weight:bold; } .fiche_produit .new_top_center_right .gabarit{ margin:0 0 0 0; padding:0 0 0 0; float:left; width:150px; height:40px; } .fiche_produit .new_top_center_right .gabarit .item{ margin:0 0 0 0; padding:0 0 0 0; float:left; border: 1px solid #cccccc; border-radius: 5px; font-family: "Open sans", Arial, Verdana; font-size:12px; width:130px; height:40px; background:#e2e2e2; } .fiche_produit .new_top_center_right .gabarit_titre{clear:both;float:left;font-family: "Open sans", Arial, Verdana;font-size:14px;text-align:center;font-weight:normal;line-height:15px;width:130px;height:40px;margin:4px 0 0 0;} .fiche_produit .new_top_center_right .consignes_titre{clear:both;float:left;font-family: "Open sans", Arial, Verdana;font-size:14px;font-weight:bold;text-align:center;line-height:22px;width:175px;height:20px;margin:7px 0 0 0;} .fiche_produit .new_top_center_right .consignes_titre::before{content: ""; line-height: 10px; width: 14px;height: 16px;;float:left;margin: 4px 5px 0 0;background: url("down-arrow.png") no-repeat scroll 0 0 transparent;} .fiche_produit .new_top_center_right .item, .fiche_produit .new_top_center_right .item2{clear:both;float:left;font-weight:bold;margin:0;} .fiche_produit .new_top_center_right .text_prix{ font-family: "Open sans", Arial, Verdana; font-size:34px; margin:-10px 0 0 0; color:#0099ff; font-weight:bold; padding:0 0 0 0; } .fiche_produit .new_top_center_right .over_text{ font-family: "Open sans", Arial, Verdana; font-size:10px; margin:-5px 0 0 0; padding:0 0 5px 0; } .fiche_produit .over_photo .over_text{ position: absolute; width:100px; font-family: "Open sans", Arial, Verdana; font-size:9px; color:#222529; margin:0 0 0 0; padding:18px 0 0 11px; float:left; text-align:left; z-index:15; } .fiche_produit .over_photo .text_prix{ position: absolute; width:65px; font-family: "Open sans", Arial, Verdana; font-size:28px; text-align:center; font-weight:bold; color:#000000; letter-spacing:-3px; color:#222529; margin:0 0 0 0; padding:27px 0 0 0; float:left; } .fiche_produit .over_photo .text_prix_sup{ font-family: "Open sans", Arial, Verdana; text-align:center; font-weight:bold; font-size:15px; vertical-align:super; vertical-align: super; } .fiche_produit .over_photo .text_delai{ position: absolute; width:100px; font-family: "Open sans",Arial, Verdana; font-size:12px; text-align:center; font-weight:bold; color:#222529; letter-spacing:-1px; margin:0 0 0 0; padding:27px 0 0 32px; float:left; } .options{clear:both;} .fiche_produit .top_center_left .new_titre_produit { width:289px; height:100%; font-family: Arial, Verdana; font-size:20px; color:#222529; font-weight:bold; margin:0 0 0 0; padding:0 0 5px 0; float:left; text-align:center; overflow:hidden; } .fiche_produit .top_center_left h1 { font-family: "Open sans", Arial, Verdana; font-size:20px; color:#222529; background:#e2e2e2; font-weight:bold; text-align:center; margin:0; padding:0; } .fiche_produit .new_top_center_top h1 { font-family: "Open sans",Arial,Verdana,"sans serif"; font-size:23px; color:#222529; background:#e2e2e2; font-weight:bold; text-align:left; margin:0; padding:0 0 0 15px; } .fiche_produit .top_center_right .mini_description{ font-family: "Open sans", Arial, Verdana; font-size:14px; color:#222529; margin:0; padding:10px; float:left; text-align: justify; line-height:15px; } .fiche_produit .new_top_center_top .mini_description{ font-family: "Open sans", Arial, Verdana; font-size:14px; color:#222529; margin:0; padding:10px; float:left; text-align: justify; line-height:15px; } .fiche_produit .top_center_right h2{ font-family: Arial, Verdana; font-size:12px; color:#222529; font-weight:bold; text-align: justify; } .fiche_produit .top_center_right .avis{ clear:both; width:289px; height:100%; font-family: Arial, Verdana; font-size:12px; color:#222529; font-weight:bold; margin:5px 0 0 15px; padding:0 0 0 0; float:left; } .fiche_produit .new_top_center_right .avis{ font-family: Arial, Verdana; font-size:12px; color:#222529; font-weight:bold; padding:0 0 0 0; width:50%; } .middle_center .titre_lesplus{ clear:both;width:520px; height:17px; font-family: Arial, Verdana; font-size:14px;s color:#222529; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; float:left; } .middle_center .lesplus_milieu{ width:520px; margin:10px 0 10px 0; padding:1px 1px 1px 1px; float:left; min-height:250px; } .middle_center .lesplus_ok{ clear:both; background:transparent url(lesplus_ok.png) no-repeat; width:14px; height:10px; margin:0 0 0 3px; padding:0 0 0 0; float:left; } .middle_center .lesplus_texte{ width:500px; font-family: "Open sans",Arial, Verdana; font-size:14px; color:#222529; margin:0 0 0 0; padding:0 0 5px 0; float:left; line-height:15px; } .middle_center .barre_info{ width:520px; background-color:#ffffff; margin:0 0 0 0; padding:0 0 0 0; float:left; } .middle_center .titre_info{ width:500px; font-family:"Open sans",Arial,Verdana,"sans serif"; font-size:19px; text-align:left; vertical-align:center; color:#222529; font-weight:bold; margin:0 0 0 0; padding: 2px 0 2px 5px; float:left; } .middle_center .titre_info h2{ color:#222529; font-size:19px; margin:0; padding:0; } .middle_center .descriptif{ width:500px; font-family: Arial, Verdana; font-size:12px; text-align:justify; vertical-align:center; color:#222529; font-weight:bold; margin:10px 10px 10px 10px; padding:0 0 0 0; float:left; } .middle_center .options{ width:504px; margin:10px 10px 10px 10px; padding:0 0 0 0; float:left; border-bottom: 2px solid #d6d6d6; } .options .texte_options{ width:490px; font-family:"Open sans", Arial, Verdana; font-size:14px; text-align:justify; vertical-align:center; color:#222529; margin:0 0 0 0; padding:0 0 0 0; float:left; } .options .fond_bleu{ width:490px; background-color:#23b3d1; height:20px; border: 2px solid #d6d6d6; margin:0 0 0 0; padding:7px 0 0 10px; float:left; font-family: Arial, Verdana; font-size:14px; text-align:justify; vertical-align:center; color:#FFFFFF; font-weight:bold; } .fiche_produit .fond_bleu .sous_cat{ float:left; } .middle_center .produit_plus{ float:left; clear;both; padding: 15px 0 0 0 } .options .fond_gris{ width:490px; background-color:#f7f7f7; border-right: 2px solid #d6d6d6; border-left: 2px solid #d6d6d6; margin:0 0 0 0; padding:7px 0 7px 10px; float:left; font-family:"Open sans", Arial, Verdana; font-size:14px; text-align:justify; vertical-align:center; color:#222529; } .options input{ text-align:left; border: 0; } /*clem 20/04/20 tableau prix en div*/ .middle_center #div_prix{ width:96%; float:none; max-width: 650px; margin: 0 auto; padding: 10px; clear: both; } .middle_center .prix{ width:100%; margin:0; padding:0 0 0 0; float: left; } .middle_center .prix .description{ border: 1px solid #FFFFFF; border-collapse: collapse; background-color: #567201; padding: 5px; font-family: "Open sans", Arial, Verdana; font-size: 13px; text-align: justify; color: #FFFFFF; box-sizing: border-box; } .middle_center .prix .titre{ border: 1px solid #FFFFFF; border-collapse: collapse; background-color: #83af01; padding: 5px; font-family: "Open sans", Arial, Verdana; font-size: 14px; text-align: center; vertical-align: center; color: #ffffff; font-weight: bold; display: table-cell; width: 27%; vertical-align: middle; } .middle_center .prix .titre_qt{ border: 1px solid #FFFFFF; border-collapse: collapse; background-color: #83af01; padding: 5px; font-family: "Open sans", Arial, Verdana; font-size: 14px; text-align: center; vertical-align: center; color: #ffffff; font-weight: bold; display: table-cell; width: 20%; vertical-align: middle; } .middle_center .prix .divtr{ width:100%; display: table; table-layout: fixed; } .middle_center .prix .titremin{ border: 1px solid #FFFFFF; border-collapse: collapse; background-color:#83af01; padding: 5px; font-family: Arial, Verdana; font-size:14px; text-align:center; vertical-align:center; color:#ffffff; font-weight:bold; display: table-cell; width: 10%; vertical-align: middle; } .middle_center .prix .separation{ width:2px; background-color:#83af01; } .middle_center .prix .gris{ height:15px; border: 1px solid #FFFFFF; border-collapse: collapse; background-color:#ffffff; width: 100%; display: table; table-layout: fixed; } .middle_center .prix .bleu{ height:15px; border: 1px solid #FFFFFF; border-collapse: collapse; background-color:#d8e0c1; width: 100%; display: table; table-layout: fixed; } .middle_center .prix .price{ width: auto; cursor:pointer; } .middle_center .prix .price:hover{ font-weight: bold; } .middle_center .prix .quantite{ padding: 5px; height:15px; font-family:"Open sans", Arial, Verdana; font-size:15px; text-align:right; vertical-align:center; color:#222529; display: table-cell; width: 20%; } .middle_center .prix .impression{ padding: 5px 10px; font-family:"Open sans", Arial, Verdana; font-size:15px; text-align:right; vertical-align:center; color:#222529; display: table-cell; width: 27%; } .middle_center .prix .promotion{ color:#FFFFFF; font-size:14px; background:#EF8700; } .middle_center .prix .delai{ padding: 5px; height:15px; font-family:"Open sans", Arial, Verdana; font-size:15px; text-align:center; vertical-align:center; color:#222529; display: table-cell; width: 10%; } .middle_center .prix .impression_vide{ padding: 5px 0 5px 0; font-family:"Open sans", Arial, Verdana; font-size:12px; text-align:center; vertical-align:center; display: table-cell; width: 27%; } .middle_center .prix .impression_vide_delai{ padding: 5px 0 5px 10px; font-family: Arial, Verdana; font-size:13px; text-align:center; vertical-align:center; color:#222529; font-weight:bold; display: table-cell; width: 10%; } .middle_center .prix .txt_devis{ padding: 5px 0 5px 0; font-family:"Open sans", Arial, Verdana; font-size:12px; text-align:center; vertical-align:center; display: table-cell; width: 100%; } .middle_center .prix .caddie_add{ width:32px; height:16px; padding: 0 5px 0 0; float:right; cursor:pointer; } /*fin clem tableau prix en div*/ /*div bouton commander sur les pages de descente*/ .bouton_commander{ clear:both; float:left; width:256px; height:48px; margin:0 0 0 13px; cursor:pointer;} /*div d'information*/ .infobox{ height:13px; width:13px; padding:0; margin:0 0 0 10px; float:left; } .infobox div{display:none;} .infobox:hover div{ display:block; width:300px; background-color:#FFFFFF;border:1px solid #eaa216; position:absolute; padding:10px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size:11px; z-index:100; } /* Module : ??? */ .fiche_produit .iste_tab_impair{ background-color: #FAFAFA; cursor:pointer; vertical-align:top; } .moteur_liste_tab_highlight{ background-color: #FEE3AF; } .moteur_liste_tab td{ border: 1px solid #CCCCCC; padding: 1px 2px 1px 4px ; font: 12px Arial, Verdana, sans-serif; } .moteur_liste_tab_buttons{ width: 140px; } .moteur_liste_tab tr:hover{ background-color: #A6DE9E; } .moteur_liste_tab tr:hover{ background-color: #A6DE9E; } .moteur_liste_sous_tab tr:hover{ } .moteur_liste_tab_entete{ background-color:#EEEEEE; height:25px; font-weight:bold; } .moteur_liste_tab_entete_boutons{ width:100px; } .moteur_liste_tab_entete td{ border-bottom: 1px solid #222529; padding: 2px 2px 2px 6px; font: 12px Arial, Verdana, sans-serif; font-weight : bold; } .moteur_liste_tab_valeur{/*Valeur affichée tableau*/ float:left; } .moteur_liste_valeur{ /*Valeur affichée liste*/ float:left; cursor:pointer; width:85%; text-align:left; } .moteur_liste_boutons_supprimer{background:transparent url(../images/kit_client.png) no-repeat scroll -52px -0px;width:14px;height:14px;margin:3px 0px 2px 0px;float:right;cursor:pointer;} .moteur_liste_boutons_modifier{background:transparent url(../images/kit_client.png) no-repeat scroll -19px -0px;width:14px;height:14px;margin:3px 0px 2px 0px;float:right;cursor:pointer;} .moteur_liste_ajouter{background:transparent url(../images/kit_client.png) no-repeat scroll -226px -231px;width:83px;height:25px;float:left;cursor:pointer;} .moteur_liste_ajouter:hover{background-position:-317px -231px;} .moteur_form_label{ /*Nom du champ*/ clear:both; float:left; font-size:12px; margin : 2px 5px 2px 10px; font-weight : bold; width : 130px; text-align:left; color:#222529; } .moteur_form_champ{ /*Champ*/ float:left; margin : 2px 2px 2px 2px; text-align:left; font-family: Arial; font-size: 12px; line-height: 25px; } .moteur_form_champ_ligne{ /*Champ*/ clear:both; float:left; margin : 2px 2px 2px 160px; text-align:left; } .moteur_form_champ input{ background-color: #f9f9f9; border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px; -moz-border-radius : 5px 5px 5px 5px; box-shadow: 1px 1px 2px #C0C0C0 inset; height: 25px; padding-left: 10px; font-family: arial; font-size: 12px; /*width:200px;*/ } .moteur_form_champ input[type=radio]{ background-color:transparent; border:none; width:10px; box-shadow:none; height: 15px; } .moteur_form_champ textarea{ background-color: #F3F3F3; border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px; -moz-border-radius : 5px 5px 5px 5px; padding: 10px; height:100px; /*width:200px;*/ } .moteur_form_champ select{ background-color: #F3F3F3; border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px; -moz-border-radius : 5px 5px 5px 5px; box-shadow: 1px 1px 2px #C0C0C0 inset; height: 25px; padding: 5px 0 0 10px; color:#32327D; /*width:200px;*/ } .moteur_form_label_checkbox { float:left; margin : 2px 10px 2px 2px; width:210px; } .moteur_form_champ_checkbox{ /*Champ*/ float:left; margin : 2px 2px 2px 2px; text-align:left; } .moteur_form_liste_valeurs{ /*Liste de cases a cocher*/ clear:both; float:left; width:753px; height:100px; overflow:auto; } .moteur_form_liste_valeurs_courte{ /*Liste de cases a cocher*/ float:left; margin : 2px 2px 2px 2px; text-align:left; } .moteur_form_label_radio { float:left; margin : 2px 10px 2px 2px; } .moteur_form_champ_radio{ /*Champ*/ float:left; margin : 2px 2px 2px 2px; text-align:left; } .message_systeme{ padding:2px; margin:10px; color:#C66600; background-color:#F9E9D8; border:1px solid #C66600; } /* Formulaire de contact */ .contact{ clear:both; float:left; text-align:left; padding-top:5px; padding-bottom:5px; padding-left:10px; } .contact input{ background-color: #f9f9f9; border: 1px solid #97abbb; height: 31px; color: #4b4b4b; padding-left: 10px; font-family: "Open sans", Arial, Verdana; font-size: 14px; width: 182px; } .contact .textarea{ background-color: #f9f9f9; border: 1px solid #97abbb; padding: 10px; height:100px; width:420px; } .contact .separation{ clear:both; float:left; border-bottom:1px solid #CCCCCC; margin-top:0px; margin-bottom:10px; margin-left:20px; width:90%; } .contact .libelle{clear:both;float:left;font-weight:normal;padding:2px;font-weight:bold;color:#222529;font-size:14px;} .contact .simple{clear:both;width:95%;padding-top:2px;font-family: "Open sans", Arial, Verdana;} .contact .simple_just{clear:both;width:95%;padding-top:2px;text-align:justify;font-family: "Open sans", Arial, Verdana;} .contact .double_1{clear:both;float:left;width:25%;padding-top:2px;} .contact .double_2{float:left;padding:0px;width:70%;padding-top:2px;text-align:left;} .contact .double_2 textarea{ background-color: #f9f9f9; border: 1px solid #97abbb; padding: 10px; height:190px; width:97%; font-size: 14px; font-family: arial; color: #393737; } .contact .quadruple_1{clear:both;float:left;width:25%;padding-top:2px;} .contact .quadruple_2{float:left;width:30%;padding-top:2px;text-align:left;} .contact .quadruple_3{float:left;width:12%;padding-top:2px;} .contact .quadruple_4{float:left;width:30%;padding-top:2px;text-align:left;} .contact .valider{clear:both;text-align:center;padding-top:5px;} .contact .valider input{font-size:13px;text-align:center;cursor:pointer; width: 200px; padding: 10px; display: flex; text-align: center; border-radius: 20px; margin: 0 0 10px 0; justify-content: center; font-size: 18px; color: #FFFFFF; background-color: #ff6600; height: 42px; margin: auto; border: 0; box-shadow: unset; font-size: 16px; } .contact select{width:153px;} .contact .anti_spam{ clear:both; float:left; width:100%; text-align:center; } .contact .libelle_spam{ clear:both; width:100%; } .contact .chaine{ float:left; font-weight:bold; font-size:18px; padding:5px; border:1px solid #CCCCCC; background: #707070 url(../images//antispam.png) no-repeat; color:#CCCCCC; LETTER-SPACING: 5px; FONT-STYLE: oblique; } .contact .saisie{ clear:both; padding-top:4px; } .col_double_2 input{ width:362px; } .col_double_2 textarea{ width:362px; height:150px; } .col_quadruple_2 input{ width:105px; } .col_quadruple_4 input{ width:105px; } .info-retour{ font-family:"Open sans", Arial, Verdana;color:#393737;font-size:14px; padding:10px 10px 50px 10px; } /* MODULE CADDIE */ .caddie{ float:left; margin:0; background-color: #ffffff; min-width:400px; max-width: 400px; min-height:180px; } .caddie .titre{ display:none; } .caddie .vide{ margin-bottom:5px; margin-top:10px; font-family:"Open sans", Arial, Verdana; font-size: 11px; } .caddie .titre img { border:0 none; float:left; padding:0 20px 0 0; } .caddie .contenu{ margin:0; overflow-x:auto; float:left; z-index:3; } .caddie .contenu .item{ padding:0 0 15px 0; float: left; width: 100%; } .caddie_bottom{ /*background:#fff url(../default/bouton_bottom_caddie.png) no-repeat;*/ width:100%; height:auto; padding:0 0 0 0; margin:2px 0 0 0; float:left; z-index:3; } .caddie .supprimer {float:right;margin-top:3px;width:15px;height:17px;cursor:pointer;background:transparent url(../default/caddie_sup.png) no-repeat top left;padding:0 5px 0 0} .caddie .produit{clear:both;float:left;width:95%;margin: 0 0 7px 0ß;font-family:"Open sans", Arial, Verdana;font-size: 13px;color:#222529} .caddie .quantite{float: left;display: table-cell;font-weight: normal;padding-right: 5px;text-align: right;} .caddie .libprod{float: left;display: table-cell;width: 95%;padding: 5px;;text-align: justify;} .caddie .priceu{float: right;width: 100%;text-align: right;color:#fc7503;padding:0 10px 10px 0;font-size: 15px;border-bottom: 1px solid #e5e5e5;} .caddie .quantite span{float:left;} .caddie .quantite input{float:left;padding:0px;margin:0px;height:15px;width:20px;margin-right:2px;color:#666666;font-family:Verdana,sans-serif;text-align:center;} .caddie .quantite .modifier {float:left;cursor:pointer;width:12px;height:12px;background:transparent url(../default/caddie_modif.png);} .caddie .prix {float:left;margin-bottom:4px;margin-left:5px;width:150px;} .caddie .total {display: table-cell;margin:0;font-weight:normal;text-align:left;padding:0 0 0 15px;float:left;width:200px;line-height: 30px;line-height:30px} .caddie .num_total {display: table-cell;margin:0;font-weight:normal;width:200px;text-align:right;color:#fc7503;padding:0 15px 0 0;font-size: 24px;font-weight:bold;line-height:30px} .caddie .pricettc {padding:0 15px 0 0;font-size: 13px;color:#222529;padding: 0 15px 10px 0;float:right} .caddie .livraison {display: table-cell;margin:0;font-weight:normal;text-align:left;padding:0 0 0 15px;width:200px} .caddie .num_livraison {display: table-cell;margin:0;font-weight:normal;width:200px;text-align:right;padding:0 15px 0 0;} .caddie .tva {clear:both;margin-left:10px;margin-top:2px;font-style:italic;} .caddie .commander{width:74px;height:18px;float:left;margin:0 10px 10px 10px;} .caddie .vider{width:74px;height:18px;float:left;margin-bottom:10px;cursor:pointer;} .caddie .commander:hover{opacity:0.8} .caddie .vider:hover{opacity:0.8} /*CADDIE POPUP*/ .caddie_popup{width:420px;background-color: #ffffff;} .caddie_popup .caddie_continuer{width:209px;height:112px;float:left;cursor:pointer;} /*MODULE POPUP*/ #popup{position:absolute;z-index:20000;display:none;width:811px;height:459px;border-radius-topleft:8px;border-radius-topright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;} .popup .titre{clear:both;float:left;background-color:#000588;color:#FFFFFF;font-size:13px;width:100%;} .popup .titre a{float:left;color:#FFFFFF;margin-left:5%;width:79%;margin-top:5px;margin-bottom:5px;border-radius-topleft:8px;border-radius-topright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;} .popup .bouton_fermer{float:right;vertical-align:top;cursor:pointer;margin:-17px;width:15px;height:15px;} #voile_popup{width:100%;height:100%;position:absolute;left: 0px;top: 0px;background-color:#444444;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;z-index:10000;display:none;margin:0px;padding:0px;} /*DIV SIMPLES*/ .appel{clear:both;float:left;width:250px;height:140px;display:block;} .reglement_info{clear:both;float:left;width:165px;height:73px;display:block;margin-left:20px;} .professionnel{clear:both;float:left;width:165px;height:50px;display:block;margin:10px 0 10px 20px;} /*Module : NEWSLETTER */ .newsletter{clear:both;float:left;width:250px;height:67px;} .newsletter .libelle{display:none;} .newsletter .mail{margin:0 0 0 10px;height:18px;border:1px solid #FF8717;width:170px;} .newsletter .newsletter_encart_ok{float:right;background:transparent url(bouton_newsletter_ok.png);width:22px;height:22px;margin: 0 0 0 5px;cursor:pointer;} .newsletter_inscription_msg{text-align:center;font-weight:bold;margin-top:24px;color: #35AEDB;padding:0 5px 0 5px;} /*Module : clients_google_map */ .clients_google_map{clear:both;float:left;width:250px;height:260px;background:transparent url(fond_client_googlemap.png);margin-top:5px;} .clients_google_map h2{display:none;} .clients_google_map .google_carte{width:100%;padding:0px;margin:0px;margin-top:28px;} .clients_google_map .module_header{display:none;} /*Module : DEVIS ENCART */ .devis_encart{clear:both;float:left;width:210px;height:95px;margin:0;} .devis_encart input{float:left;margin-top:15px;margin-left:11px;width:130px;height:18px;border:0;font-family:"Open sans", Arial, Verdana;padding:3px 5px} .devis_encart .devis_encart_ok{float:left;background:transparent url(bouton_devis_ok.png);width:20px;height:20px;margin: 16px 0 0 10px;cursor:pointer;} /*Module : LIKEBOX FACEBOOK */ .likebox_facebook{ clear:both; float:left; width:195px; height:330px; margin:5px 0 0 5px; border: 1px solid #B4B4B5; border-radius: 5px 5px 5px 5px; text-align: center; } /*Module : RAPPEL_CLIENT */ .open-cach{display:none;float:left;width: 100%;padding: 10px 0 0 0;} .rappel_form{color:#222529;font-family:"Open sans", Arial, Verdana;font-size:14px;margin:0;} .rappel_formOK{color:#222529;font-family:"Open sans", Arial, Verdana;font-size:14px;margin:0;} .rappel_formOK .code_promo_erreur{font-size: 14px;padding:10px;color:#FF0000;font-weight:bold;} .rappel_form .lib{clear:both;float:left;width:120px;margin:10px;line-height:25px;font-size:14px;} .rappel_form.valeur{float:left;margin:5px} .mail_message_ok{margin-left:15px;} .mail_message_ko{margin-left:15px;} .rappel_form .texte{text-align:justify;padding: 0 15px 10px 15px;font-size:14px;font-weight:100;} .rappel_formOK .texteOK{text-align:justify;padding: 0 15px 10px 15px;font-size:14px;font-weight:100;font-weight: 600;color: #ed7600;} .rappel_form input, .valeur input{text-align:left;font-family: "Open sans", Arial, Verdana;font-size:14px;background-color:#fdfdfd;border: 1px solid #97abbb;padding-left: 10px;width: 225px;height: 35px;} .rappel_form input[type="button"], .valeur input[type="button"]{font-size:15px;background-color: #ed7600;border: 1px solid #ed7600;text-align: center;color: #ffffff;font-weight: 600;width: 239px;cursor:pointer;} /* MODULE CADDIE DANS LA COMMANDE*/ #caddie_contenu {width:100%;overflow:hidden;float:left;padding: 5px 0 0 0;} #commande .caddie .contenu{clear:both;float:none;position:relative;width:auto;} .commande_caddie{clear:both;} .commande_caddie .titre,.commande .recap_titre,.commande .box_titre{clear:both;border: 1px solid #222529; line-height: 30px; padding: 0;padding-left:5px;background-color: #222529;color:#ffffff;font-size:16px;font-weight: 500;} .box_paiement_icone{display:flex;background:transparent url(entete-choix-reglement.png) no-repeat 0 0;background-position: center;width:100%;height:96px;padding:0} .commande .tableau_caddie{width:100%;} .commande .tableau_total{width:100%;} .commande .entete {background-color:#f4f4f4;padding:10px 0 0 0;line-height: 25px;} .commande .entete td{color: #222529;font-size: 8pt;border-bottom: 1pt solid #E2E2E2;padding:8px 3px;font-weight:700;} .commande .entete .produit {text-align:left;padding:0 0 0 10px;} .commande .produit,.ht {font-weight:700} .commande .panier_gauche{width:58%;display: inline-block;vertical-align: top;} .commande .panier_droite{width:40%;display: inline-block;vertical-align: top;padding: 30px 0 0 0;line-height:22px;float: right;} .commande .promo {} .commande .item td{color: #222529;font-size: 8pt;border-bottom: 1pt solid #E2E2E2;padding:5px 3px;} .commande .quantite,.commande .pu,.commande .delais,.commande .ht{text-align:center;min-width:31px;} .commande .tr_livraison{margin:5px 0 0 0;} .commande .total,.commande_caddie .tva,.commande_caddie .total_ttc{margin-left:457px;color: #222529;font-size: 8pt;padding:6px 3px;font-weight:bold;text-align:left} .commande .total_ht{min-width: 128px;letter-spacing: -0.4px;} .commande .total, .commande_caddie .tva{letter-spacing: -0.4px;} .commande .total_ttc{border-top: 1pt solid #E2E2E2;color: #ed7600;} .commande .espacement{border:0px;} .commande .total_nb{text-align:right;} .commande .total_nb_ttc{border-top: 1pt solid #E2E2E2;color: #ed7600;text-align:right;} .commande .item .supprimer {margin:3px 0 3px 0;width:13px;height:15px;cursor:pointer;background:transparent url(../default/caddie_sup_min.png);padding:0px;} .commande .vide{margin:10px 0 0 5px;font-family: "Open sans", Arial, Verdana;font-size: 16px;color:#222529;min-height: 300px;font-weight: 600;} .commande .vide::before{content: "";background:transparent url(../default/fond_panier.png);padding:0px;width:46px;height:42px;display: inline-block;vertical-align: middle;margin-right: 15px;} .commande .vide .bouton{display: inline-block;font-weight: bold;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border-radius: .3em !important;padding: 15px 25px 20px 25px;font-size: 18px;border: none !important;max-height: 50px;margin:20px;} .commande .message_chargement{ margin:20px 0 0 5px; font-size: 16px; color:#222529; } /*COMMANDE*/ .etape_precedente{display:none;} .padtitre{display: flex;justify-content: center;padding: 0;margin: 0;} .fond_on1{float:left;background:transparent url(fil_ariane_on1.png) no-repeat 0 0;width:1000px;height:99px;padding:10px 0 0 0;} .fond_on2{float:left;background:transparent url(fil_ariane_on2.png) no-repeat 0 0;width:1000px;height:99px;padding:10px 0 0 0;} .fond_on3{float:left;background:transparent url(fil_ariane_on3.png) no-repeat 0 0;width:1000px;height:99px;padding:10px 0 0 0;} .fond_on4{float:left;background:transparent url(fil_ariane_on4.png) no-repeat 0 0;width:1000px;height:99px;padding:10px 0 0 0;} .etape, .etape_on{margin-right:10px;} .C_on{color:#FFFFFF;font-weight:bold;} .commande{background-color:#ffffff;width:100%;clear:both;color:#222529;font-size:12px;} .commande .system_message{color:#ed7600;margin:5px 0 5px 20px;font-weight:bold;float:left;width:710px;} .commande .system_message li{margin:0 0 0 20px;font-size:14px; padding:2px;list-style-type: none;} .commande .boutons_action_global {margin:10px 0 0 0;width:100%;height:50px;clear:both;} .commande .boutons_action_global2 {margin:10px 0 10px 0;padding: 0 10px 10px 0;width:100%;display: flex;flex-wrap: wrap;border-bottom: 1pt solid #E2E2E2;} .commande .boutons_action_global3 {margin:10px 0 10px 0;padding: 0 10px 10px 0;width:100%;display: flex;flex-wrap: wrap;border-bottom: 1pt solid #E2E2E2;} .commande .ligne-p {width:100%;display: flex;flex-wrap: wrap;cursor:pointer;} .commande .boutons_action {cursor:pointer;font-weight:bold;color:#35AEDB;margin:5px 10px 0 0;display:inline;width:191px;float:right;} .commande .boutons_reglement {clear:both;cursor:pointer;font-weight:bold;color:#35AEDB;margin:auto;padding:5px;border-radius: 7px 7px 7px 7px;} .commande .paiement_texte {color: #1F181D;font-size: 10pt;font-family:Arial;padding:5px 0 0 0;float:left} .commande .paiement_texte .phrase{color: #ed7600;display: flex;padding: 10px 0 0 0;justify-content: center;font-weight: 600;font-size: 15px;} .commande .paiement_choix {clear:both;display: flex;gap: 30px;margin: 10px 0;justify-content: center;} .commande .paiement_choix .mode {display: flex;flex-direction: column;align-items: center;cursor: pointer;font-size: 15px;text-align: center;width: 175px;letter-spacing: -0.5px;} .paiement_choix input[type="radio"] {transform: scale(2);margin-bottom: 6px;margin-bottom: 15px;} .commande .contenu_cb{margin:10px 0 5px 280px;float:left;} .commande .contenu_cheque{margin:10px 0 5px 280px;float:left;} .commande .contenu_virement{margin:10px 0 5px 280px;float:left;} .commande .contenu_mandat{margin:10px 0 5px 280px;float:left;} .commande .boutons_action a{color:#35AEDB;} .commande_content{width:785px;float:left;clear:both;} /*.commande_content .C_encart{float:left;width:787px;height:15px;padding:0;margin:5px 0 10px 0;}*/ #commande_client textarea{width:520px;} .highlight{border:2px solid #cc0000;} #commande_client .deja_client_box{clear:both;float:left;margin:0 0 0 50px} #commande_client .deja_client_titre {clear:both;float:left;border:1px solid #666666; font-family:Arial;font-size:9pt;font-weight:bold;height:31px;line-height:31px;margin-left:1%;margin-right:1%;width:97%;} #commande_client .deja_client_titre_icone{width:40px;height:40px;clear:both;float:left;border:0;margin:0 15px 0 0;padding:0;background:transparent url(icone_client_titre.png) no-repeat 0 0;vertical-align:text-bottom;} #commande_client .facturation_titre_icone{width:40px;height:40px;clear:both;float:left;border:0;margin:0 15px 0 0;padding:0;background:transparent url(icone_facturation_titre.png) no-repeat 0 0;vertical-align:text-bottom;} #commande_client .livraison_titre_icone{width:40px;height:40px;clear:both;float:left;border:0;margin:0 15px 0 0;padding:0;background:transparent url(icone_livraison_titre.png) no-repeat 0 0;vertical-align:text-bottom;} .radio-group {display: flex;gap: 20px;justify-content: center;margin: 25px 0 0 0;} .radio-btn input {display: none;} .radio-btn span {display: inline-block;padding: 8px 16px;border-radius: 8px;border: 2px dotted #888;background:#d3d2d2;cursor: pointer;transition: 0.2s;font-weight: bold;width: 30px;} /* Bouton sélectionné ? contour noir plein */ .radio-btn input:checked + span { border: 2px solid #ed7600; /* contour noir plein */ background: #fff; } #commande_client .mb_titre_icone{width:40px;height:40px;clear:both;float:left;border:0;margin:0 15px 0 0;padding:0;background:transparent url(icone_mb_titre.png) no-repeat 0 0;vertical-align:text-bottom;} #commande_client .message_titre_icone{width:40px;height:40px;clear:both;float:left;border:0;margin:0 15px 0 0;padding:0;background:transparent url(icone_message_titre.png) no-repeat 0 0;vertical-align:text-bottom;} #commande_client .client_titre {clear:both;float:left;border:1px solid #2A8D3F; font-family:Arial;font-size:9pt;font-weight:bold;height:31px;line-height:31px;margin-left:1%;margin-right:1%;width:97%;} #commande_client .message_titre {clear:both;float:left;border:1px solid #2A8D3F; font-family:Arial;font-size:9pt;font-weight:bold;height:31px;line-height:31px;margin-left:1%;margin-right:1%;width:97%;} #commande_client .box{clear:both;float:left;width:720px;font-size:18px;font-family:"Open sans", Arial, Verdana;color:#222529;font-weight:600;margin: 15px 0 15px 20px; padding:10px 0 0 0;line-height:38px;letter-spacing: -0.5px;} #commande_client .cgv_lien{display:inline;margin:0 0 0 0;padding:0 0 0 0;} #commande_client .deja_client_connecte{clear:both;margin: 0 0 5px 20px;float:left} #commande_client .libelle{padding: 2px 1%;margin-left: 2%;width: 20%;text-align: left;line-height: 38px;} #commande_client .libelle .mini{font-size:9px;display:inline;} #commande_client .donnee{float:left;padding:2px;width:425px;} #commande_client .commande_client_select{ background-color: #f9f9f9; border: 1px solid #97abbb; height: 35px; width:100px; margin:0; padding: 5px; color:#222529;font-size: 14px;font-weight:400;} /* #tooltip { background-color: #FFFFFF; border: 1px solid #777777; max-width: 400px; padding: 5px; position: absolute; } */ #commande_client .commande_client_input{ background-color: #f9f9f9; border: 1px solid #97abbb; height: 31px; vertical-align: middle; padding-left: 10px; margin: 0 -2px 0 0; font-family: "Open sans", Arial, Verdana; color: #222529; width:182px; font-size: 14px;} #commande_client .highlight{border:2px solid #cc0000;} #commande_client .donneebis{float:left;margin:0 0 10px 25px;width:700px;} #commande_client .reservation_connexion{width:710px;margin:0 0 10px 0;clear:both;float:left;} #commande_client .reservation_connexion input{margin: 0 10px 0 15px;} #commande_client .reservation_connexion .valider1{float:right;cursor:pointer;color: #35AEDB;font-weight: bold;font-size:14px;width:70px;border:1px solid;margin: auto;padding:0;text-align: center;} #commande_client .commande_oubli_pass{margin:0 0 10px 0;display: flex;width: 100%;flex-direction: column;padding:20px 0;} #commande_client .mdpo{font-style: italic;cursor:pointer;} #commande_client .mdpp{padding:20px 0;display: flex;align-items: center;gap: 10px;justify-content: center;} #commande_client .valider2{font-weight:bold;margin: 0 80px;} #commande_client checkbox{clear:both;float:left;} #commande_client textarea{ background-color: #fdfdfd; border: 1px solid #97abbb; padding: 10px; height:100px; font-family: "Open sans", Arial, Verdana; font-size: 14px;color: #222529;} #commande_client .coches{clear:both;float:left;margin-left:5%;margin-top:20px;margin-bottom:5px;} #commande_client .suivant_etape{clear:both;float:none;margin:5px 0 10px 0;text-align:center;padding-top:5px;padding-bottom:5px;cursor:pointer;color: #35AEDB;font-weight: bold;font-size:14px;} #commande_client .cadre{padding: 10px 20px;background-color:#ed7600;color: white;cursor: pointer;border-radius: .3em !important;height: 20px;border: 0;text-align: center;font-size: 16px;display: inline-block; } #commande_client .form_message{clear:both;margin-top:5px;margin-left:20px;width:482px;} #commande_client .mentions_legales{float:left;margin-left:20px;height:100%;} #commande_client #adresse_livraison {display:none;} #commande_client #adresse_mb {display:none;} #commande_client .ligne{clear:both; float:left;font-weight: 600;} .commande .paiement_cb, .commande .paiement_cheque, .commande .paiement_virement, .commande .paiement_mandat{cursor:pointer;font-weight:bold;} .commande .contenu_reglement{clear:both;float:left;margin:30px 20px 5px 25px;padding:4px;text-align: justify;} .commande .contenu_reglement .title{color: #ed7600;font-weight:600;font-size:16px;letter-spacing:-0.5px;} .commande .contenu_reglement input[type="submit"] {background: none repeat scroll 0 0 #FFFFFF;cursor:pointer;font-weight:bold;color:#35AEDB;padding:5px;border-radius: 7px 7px 7px 7px;} #commande_fin .fin_texte, .paiement_retour .fin_texte{display:flex;flex-direction: column;justify-content: center;align-items: center;font-family:"Open sans", Arial, Verdana;font-size:13px;font-weight:normal;} #commande_fin .fin_texte li, .paiement_retour .fin_texte li{} #commande_fin .fin_texte .fond-fin, .paiement_retour .fin_texte .fond-fin{justify-content:center;align-items:center;background-image: url('fond-fin.png');background-size: cover;background-position: center;width: 500px;height: 270px;overflow: hidden;} #commande_fin .fin_texte .fond-fin .pave-texte, .paiement_retour .fin_texte .fond-fin .pave-texte{color:#97abbb;padding:170px 10px 0 10px;text-align:center;font-size:25px;font-weight:900;letter-spacing: -1px;display: flex;flex-direction: column;} #commande_fin .fin_texte .fond-fin .pave-texte .merci, .paiement_retour .fin_texte .fond-fin .pave-texte .merci{color:#222529;font-weight:400;font-size:15px;transform: scaleY(1.3);letter-spacing:-0.5px;display: inline-block;padding: 10px;} #commande_fin .fin_texte .pave-bouton, .paiement_retour .fin_texte .pave-bouton {width: 500px;height: 100px;padding: 40px 0;text-align:center;} #commande_fin .fin_texte .transfert-fichier, .paiement_retour .fin_texte .transfert-fichier{font-size: 24px;font-weight: bold;width: 500px;height: 100px;line-height: 35px;letter-spacing: -1px;display: inline-block;transform: scaleY(1.2);border: 0;cursor:pointer;} #commande_fin .deja_client_connecte{clear:both;margin: 30px 0 5px 20px;font-family:"Open sans", Arial, Verdana;color:#1F181D;font-size:13px;float:left} #commande_fin .system_message{color:#ed7600;margin:5px 0 5px 20px;display:none;font-weight:bold;float:left;width:710px;} #commande_fin .bouton_maquette{clear:both;cursor:pointer;font-weight:bold;color:#35AEDB;margin:10px 0 0 0;padding:5px;border:1px solid;} #commande_fin .contenu_cadre{margin:10px 0 5px 325px;float:left;} .paiement_retour {font-family:"Open sans",Arial,Verdana;font-size: 14px;color: #1F181D;} .paiement_retour .message, .fin_texte{width: 97%;margin: 20px 0 5px 20px;text-align: justify;} .paiement_retour .message{text-align: center;} .fin_texte .contenu_reglement{clear:both;background: none repeat scroll 0 0 #F7F6F6;margin:10px 0 5px 0;padding:10px;border:solid 1px #999999;width: 92%;color:#1F181D;border-radius: 10px 10px 10px 10px;text-align: center;} .fin_texte .contenu_reglement ol{margin:0;font-size:13px;} .fin_texte .contenu_reglement .titre_ac {font-weight:bold;font-family:"Arial",sans-serif;color:#1F181D;text-align:center} .fin_texte .bouton_transfert{width:177px; height:61px;margin:0 0 0 300px;cursor:pointer;} #commande_fin .titre_ac{font-weight:bold;font-family:"Arial",sans-serif;color:#1F181D;text-align:center} #commande_fin .contenu_ac{color:#1F181D;} #commande_fin .contenu_ac_decale{margin:0 0 0 150px;color:#1F181D;} .coupon_reduc{padding:5px 0 0 3px;font-family:"Open sans", Arial, Verdana;font-size: 12px;padding:10px 0 35px 0;color:#222529;} .coupon_reduc .valider{cursor:pointer;color: #35AEDB;font-weight: bold;font-size:14px;width:70px;border:1px solid;margin:0 10px 0 0;padding:0 10px 0 10px;text-align: center;} .coupon_reduc .code_promo{padding:0 0 0 0;margin:0 10px 0 10px;width:110px;} .coupon_reduc .code_promo_erreur{font-family:"Open sans", Arial, Verdana;font-size: 12px;padding-top: 10px;color:#FF0000;font-weight:bold;} .coupon_reduc .bouton{width:100px} .coupon_avantage{padding:5px 0 0 3px;font-family: arial;font-size: 12px;padding:10px 0 10px 0;color:#222529;} .avantage_global{border: 1px dashed #F95100;float: left;margin: 0 0 10px;width: 760px;padding: 10px;} .avantage_global .avantage_photo{float: left;width: 160px;} .avantage_global .avantage_texte{float:left;width: 550px;} .avantage_global .avantage_titre{color: #F95100;font-family: arial;font-size: 15px;font-weight: bold;} .avantage_global .avantage_descriptif{font-style: italic;} .avantage_global .avantage_radio{color: #FF6600;font-family: arial;font-size: 14px;font-weight: bold;margin: 10px 0 5px;text-align: center;} /* Page statique - articles modif*/ .page_statique h1{clear:both;padding:8px;color:#FF6600;margin:0 0 0 0;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:21px;font-weight:bold;text-align:left;} .page_statique .item h2{clear:both;margin:3px;color:#222529;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:19px;font-weight:600;} .page_statique h2{clear:both;padding:2px 2px 5px 2px;margin:3px;color:#222529;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:25px;font-weight:600;text-align: left;} .page_statique .item .titre{color:#ff9736;}/* titre du slider/* /* Page actualité */ .statique_plus .liens0{display:none;} /*MODULE ARTICLES LISTE*/ .item h2{clear:both;margin:0 0 15px 0;color:#222529;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:25px;font-weight:bold;vertical-align:center;} .item h1.descente{clear:both;padding:3px 0 0 5px;margin:0;color:#f45d22;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:16px;font-weight:bold;vertical-align:center;} .item h2.descente{clear:both;padding:3px 0 0 5px;margin:0;color:#222529;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:14px;font-weight:bold;vertical-align:center;} .articles_liste .barre_info{ background-color:#ffffff; margin:0 0 15px 0; padding:0 0 0 0; } .articles_liste {clear:both;text-align:left;float:left;padding:15px 0 0 0}} .articles_liste .item{clear:both;float:left;} .articles_liste .date{display:none;} .articles_liste .items{clear:both;} .articles_liste .item{margin-bottom:20px;} .articles_liste .social{display:none;} .articles_liste .read_more{height:1000px;overflow:hidden;clear: both;position: relative;} .articles_liste .continuous-reading{height: 150px;overflow: hidden;position: relative;} .articles_liste .read_more::after { content: ""; /* pour créer un élément fantôme */ pointer-events: none; /* pour que l'élément n'empêche pas la sélection de texte (navigateurs supportant cette propriété) */ width: 100%; /* pour que l'élément fantôme couvre la largeur entière et 30% de la hauteur */ height: 30%; position: absolute; left: 0; bottom: 0; /* lignes suivantes : dégradé vertical de blanc transparent vers blanc opaque (navigateurs supportant les dégradés CSS, navigateurs supportant les couleurs rgba */ background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); } .articles_liste .read_more.on::after {height:0px;} .articles_liste .bloc_bouton{padding-top: 30px;margin-top:-30px;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 100%, rgb(255, 255, 255) 0%);} .articles_liste .bouton_read_more{font-size:13px;text-align:center;cursor:pointer;width: 200px;padding: 10px;display: flex;text-align: center;border-radius: 5px;margin: 0 0 10px 0;justify-content: center;font-size: 18px;color: #FFFFFF; background-color: #ff6600;margin: auto;border: 0;box-shadow: unset;font-size: 16px;} .articles_liste .trait_soustitre {width:500px;border-bottom:1px solid #E1E1E1;float:left;} .articles_liste h3{font-weight:bold;color:#393737;font-size:18px;padding:2px;margin:3px 3px 10px 15px;font-family:"Open sans",Arial,Verdana,"sans serif";} .articles_liste h4{font-weight:bold;color:#393737;font-size:12px;padding:2px;margin:3px 3px 8px 3px;font-family:"Open sans",Arial,Verdana,"sans serif";} .articles_liste .orange{font-weight:bold;color: #ff6600;font-size:13px;padding:2px;margin:3px 3px 3px 30px;} .articles_liste p{margin:0 25px 0 33px;text-align:justify;font-family:"Open sans", Arial, Verdana;color:#393737;font-size:14px;line-height:20px;} .articles_liste ul{padding:0 70px 0 70px} .articles_liste ul.bloc {padding: 0 20px 0 20px;} .articles_liste li{font-family:"Open sans", Arial, Verdana;,sans-serif;color:#393737;font-size:14px;line-height:20px;text-align:left} .articles_liste .contenu_texte a{color:#0039a6;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;} .articles_liste .contenu_texte a:hover{color:#E4520B;text-decoration:none;} .articles_liste .contenu_texte .texte .parent-cta, .article .module_content_centre .texte .parent-cta {display: flex;justify-content: center;} .articles_liste .contenu_texte .texte .cta, .article .module_content_centre .texte .cta {display: inline-block; color:#FFFFFF;background-color:#ed7600;border-radius:10px;padding:10px;margin:20px 0;text-decoration:none;} .articles_liste .contenu_texte .texte .cta a, .article .module_content_centre .texte .cta a{color:#FFFFFF;text-decoration:none;font-size: 18px;} .articles_liste .contenu_texte .texte .cta a:hover, .article .module_content_centre .texte .cta a:hover{color:#FFFFFF;text-decoration:underline;font-size: 18px;} .style0 .photos{float:left;overflow:hidden;} .style5 .photos{float:right;} .style2 .photos{float:left;} .style2{margin:5px;padding:5px;background-color: #F7F7F7;border: 1px solid #E1E1E1;} .style3 .photos{text-align:center;} .style3 .photo{display:inline;} .style3 .photos img{height:100px;} .style4 .photos{float:left;} .articles_liste .style4 {display:none;} .articles_liste .style4 .contenu_texte{padding-left:4px;} .articles_liste .menu_article{clear:both;float:left;width:30%;border-top:1px solid #E1E1E1;} .articles_liste .menu_article h2{cursor:pointer;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;font-size:13px;margin:0px;padding:8px 5px;color:#555555;background:transparent url(../default/fonds/degrade_gris.jpg) repeat-y top right;} .articles_liste .menu_article_content{border-top:1px solid #E1E1E1;float:left;width:70%;} .articles_liste .btn_art{display:inline-block;color: #000;padding: 8px 22px !important;font-size: 14px;font-weight: bold;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;letter-spacing: 0;font-family: Arial !important;border-radius: 4px;text-decoration: none !important;line-height: 20px;} .articles_liste .btn_art_orange{background-color: #FF9736;} .articles_liste .btn_art_orange:hover{color: #fff;} .space-article{padding-top: 30px;float: left;} .style5 .photos{float:left;} .style5 .fond_image{clear:both;float:left;background-repeat:no-repeat;background-position:center top;} .style5 .contenu_texte{width:100%;margin:10;padding:5px;;color:#000000;}/*background-color: #F7F7F7*/ /*.style5 .contenu_texte{opacity:0.8;moz-opacity:0.8;width:100%;margin:10;padding:5px;background-color: #F7F7F7;border: 1px solid #E1E1E1;color:#000000;}*/ /* Module : ARTICLES LISTE sur page d'accueil */ .page_accueil .articles_liste .contenu_bloc{ display: inline; } .page_accueil .articles_liste p{font-size:14px;} .page_accueil .articles_liste li{font-size:14px; list-style-type: none;position: relative; } .page_accueil .articles_liste li::before { position: absolute; left: 0; top: 0.2em; } .page_accueil .articles_liste ul.homebloc { margin: 0 auto; width: 520px; list-style-type:none; float:left; clear:both; padding:5px 0 5px 0; } .page_accueil .articles_liste ul.homebloc li { float: left; margin: 0 5px; padding:0; position: relative; } .page_accueil .articles_liste ul.homebloc li.trio { float: left; margin: 0 5px; padding:0; position: relative; width:100px; } .page_accueil .articles_liste ul.homebloc li.first { margin-left: 0; } .page_accueil .articles_liste ul.homebloc li.last { margin-right: 0; } .page_accueil .articles_liste a{ color: #444444; font-family: arial; font-size: 12px; text-decoration: none; font-weight:bold; } .page_accueil .articles_liste h1{ padding:0 20px 20px 20px; font-weight:bold; color:#222529; margin:0 0 0 5px; font-family:"Open sans",Arial,Verdana; font-size:19px; } .page_accueil .articles_liste h2{ padding:0 0 5px 0; font-weight:bold; color:#222529; margin:10px 0 10px 5px; font-family:"Open sans",Arial,Verdana; font-size:19px; } .page_accueil .articles_liste h2::before{ content:none; } .page_accueil .articles_liste h3{ font-weight: bold; color: #393737; font-size: 17px; padding: 2px; margin: 3px 3px 3px 3px; font-family: "Open sans", Arial, Verdana; } .page_accueil .articles_liste h4{ padding:0; margin:5px 0 3px 0; font-family: "Open sans", Arial, Verdana; font-size: 13px; } .page_accueil .articles_liste .sous-titre{ font-family: arial,verdana; font-size: 10px; font-style: italic; font-weight: normal; padding: 0; margin:0 0 0 5px; text-align: justify; color:#444444; } .montre_plus, .montre_moins { float: right; margin-top: -14px; cursor:pointer; color:#ff9736; } .page_accueil .contenu_texte{ width:520px; } .page_accueil .contenu_texte_suite{ } .page_accueil .articles_liste .titre{ background: url("../default/logo_articles.png") no-repeat scroll 0 0 transparent; border: 0 none; float: left; font-size: 14px; line-height: 16px; margin: 0 0 10px; padding: 15px 20px 0 32px; color:#222529; } .page_accueil .articles_liste .items{ clear:both; float:left; margin:10px 0 0 0; padding:0; text-align: left; overflow:hidden;} .page_accueil .articles_liste .item{ margin:0 0 0 0; padding:0; width:100% } /* Module : Articles_liens sur le site*/ .articles_liens { clear:both; float:left; width:100%; text-align:left; margin:10px 0 0 0; padding:5px; font-size:12px; } .articles_liens a{ color: #444444; font-family: "Open sans", Arial, Verdana; text-decoration: none; } .articles_liens .titre{ border: 0 none; float: left; font-size: 18px; line-height: 16px; margin: 0 0 10px; padding: 0; color:#222529; } .contenu_centre .fleche{ clear:both;float:left;width:100%;margin:10px 0 15px 0; } .fleche .lien{ padding:0; font-size: 14px; font-weight: bold; float:left; } .fleche .lien::before{ content: "\02C2"; line-height: 10px; color:#FF6600; font-size: 25px;float:left;margin: 4px 5px 0 0 } .fleche .lien a {/*, a:visited clem 221021*/ color: #444444; } .fleche .lien a:hover{ color: #FF6600; } #menu_bas{ padding:0; margin:0; display:flex; flex-wrap: wrap; width:100% } #menu_bas .col-menubas{ padding:0 20px; font-weight: 600; flex: 0 0 45%; max-width: 50%; } #menu_bas .col-menubas::before { content: "\2302"; color:#FF6600; font-size: 14px;float:left;margin: 2px 10px 0 0 } #menu_bas .col-menubas a{ font-size: 14px; font-weight: 400; } #menu_bas .col-menubas a:hover{ color: #FF6600; } /* Module : ARTICLES LISTE 2 sur le site*/ .articles_liste2 { clear:both; float:left; background-color:#FFFFFF; width:238px; text-align:left; margin:10px 0 0 0; padding:5px; } .articles_liste2 a{ color: #444444; font-family: arial; font-size: 11px; text-decoration: none; } .articles_liste2 h1{ padding:0; font-weight:bold; } .articles_liste2 h2{ padding:0; } .articles_liste2 h3{ font-family: arial,verdana; font-size: 10px; font-style: italic; font-weight: normal; padding: 0; margin:0 0 0 5px; text-align: justify; } .articles_liste2 .contenu_texte{ display:none; } .articles_liste2 .titre{ float: left; font-size: 14px; line-height: 16px; margin: 0 0 10px; padding: 15px 20px 0 32px; color:#222529; } .articles_liste2 .items{ clear:both; float:left; width:95%; margin:0 0 0 0; padding:5px; background-color:#F7F7F7; border: 1px solid #E1E1E1; text-align: left; overflow:auto;} .articles_liste2 .item{ margin:0 0 0 0; padding:0 0 0 5px; line-height:12px } .articles_liste2 .tiret{ margin:0 0 0 0; padding:0; line-height:12px; float:left; } /* Module : ARTICLES LISTE sur page actualité */ /*liste article*/ .page_actualite .articles_liste { clear:both; float:left; background-color:#FFFFFF; text-align:left; margin:0 0 0 0; padding:0 0 0 0; width:520px; } .page_actualite .articles_liste a{ color: #222529; font-weight:bold; font-style:normal; text-decoration: none; } .page_actualite .articles_liste a:hover{ color: #000000; font-weight:bold; font-style:normal; text-decoration: none; } .page_actualite .articles_liste a.more{ color: #222529; font-family: "Open sans",Arial,Verdana; font-weight:bold; font-style:normal; text-decoration: none; } .page_actualite .articles_liste a.more:hover{ color: #000000; font-family: "Open sans",Arial,Verdana; font-weight:bold; text-decoration: none; } .page_actualite .articles_liste a.texte{ color: #191919; font-family: "Open sans",Arial,Verdana,"sans serif"; font-size: 13px; text-decoration: none; } .page_actualite .articles_liste h1{ font-family: "Open sans",Arial,Verdana,"sans serif"; font-size: 30px; font-style: normal; font-weight: bold; padding: 10px 5px 5px 10px; margin: 0 0 0 0; text-align: justify; color:#ffffff; background: #ff9736 none repeat scroll 0 0; line-height: 25px; text-transform: uppercase; text-align: center; width:670px; } .page_actualite .articles_liste h1::before{content:none;} .page_actualite .articles_liste h2{ font-family: "Open sans",Arial,Verdana,"sans serif"; font-size: 20px; font-style: italic; font-weight: normal; padding: 0 5px 5px 0; margin: 0 0 0 0; text-align: justify; color:#191919; } .page_actualite .articles_liste h3{ font-family: "Open sans",Arial,Verdana,"sans serif"; font-size: 15px; font-style: normal; font-weight: bold; padding: 0 5px 15px 30px; margin: 0 0 0 0; text-align: justify; color:#191919; } .page_actualite .style0 .photos{ float:left; width:150px; height:0; overflow:visible; text-align:center; display:inline; padding:0 10px 0 0; } .page_actualite .style0 .photo img{ background: #dddddd none repeat scroll 0 0; border: 1px solid #ccc; margin: 0; padding: 5px; width:150px;height:120px; } .page_actualite .articles_liste .titre{ background: url("../default/logo_articles.png") no-repeat scroll 0 0 transparent; border: 0 none; float: left; font-size: 14px; line-height: 16px; margin: 0 0 10px; padding: 15px 20px 0 32px; color:#222529; } .page_actualite .articles_liste .items{ clear:both; float:left; width:775px; margin:0 0 0 0; padding:0 0 0 0; text-align: left; overflow:visible;} .page_actualite .articles_liste .item{ clear:both; float:left; margin:0 0 10px 0; padding:10px 10px 10px 10px; border-bottom: 1px solid #ddd; width:650px; overflow: hidden; } .page_actualite .articles_liste .contenu_texte{clear:both;float:left;vertical-align:top;} .page_actualite .articles_liste .texte{clear:both;float:left;line-height:20px;margin:0 0 0 170px;padding: 0 0 0 0;text-align:justify;font-family:"Open sans",Arial,Verdana;color:#393737;font-size:13px;display:inline;width:475px;height:80px;} .page_actualite .articles_liste .suite{clear:both;float:left;margin:0 0 0 170px;padding: 0 0 0 0;text-align:justify;font-family:"Open sans",Arial,Verdana,"sans serif";color:#393737;font-size:13px;display:inline;width:475px;height:60px;} .page_actualite .articles_liste .morebloc{float:right;clear:both;margin:0;font-weight:bold;} .page_actualite .articles_liste .social{clear: both;display: inline;float: right;} /* Module : ARTICLES LISTE sur page descente article en intro style5 */ .articles_liste .style5 { clear:both; float:left; margin:0 0 10px 0; padding:10px 10px 10px 10px; border-bottom: 1px solid #ddd; width:670px; height:100%; overflow:visible; } .articles_liste .style5 .contenu_texte{clear:both;float:left;width:670px;height:100%;vertical-align:top;background:#ffffff;border:0;padding:0;margin:0;} .articles_liste .style5 h2{ font-family: "Open sans",Arial,Verdana,"sans serif"; font-size: 20px; font-style: normal; font-weight: bold; padding: 0 5px 5px 0; margin: 0 0 0 0; text-align: justify; color:#393737; } .articles_liste .style5 h3{ font-family: "Open sans",Arial,Verdana,"sans serif"; font-size: 15px; font-style: normal; font-weight: bold; padding: 0 5px 5px 25px; margin: 0 0 0 0; text-align: justify; color:#393737; } .articles_liste .style5 a{ font-size: 14px; color:#E4520B;text-decoration:none; } .articles_liste .style5 a:hover{ font-size: 13px; color:#222529;text-decoration:none; } .articles_liste .style5 .groupe-act{ width:600px; padding:10px; margin:15px 20px; border:1px solid #999999; border-radius: 5px 5px 5px 5px; } .articles_liste .style5 .menu-act{ width:600px; padding:5px 0 0 5px; } .articles_liste .style5 .menu-act img{ padding:0 0 0 15px; vertical-align:middle; } .articles_liste .style5 .menu-act a{ vertical-align: middle; color:#ff9736; font-family: "Open sans",Arial,Verdana; font-size: 18px; font-style: normal; font-weight: bold; padding:0 0 0 15px; } .articles_liste .style5 .menu-act a:hover{ color:#222529; } .articles_liste .seo-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0} .articles_liste .seo-tech-card{background:#f7d1a2;border:1px solid #efc28a;border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)} .articles_liste .seo-tech-card h3{margin:0 0 10px;font-size:22px;line-height:1.3;color:#1f2937;text-align: center;} .articles_liste .title-seo-tech-card, .articles_liste .title-seo-cta-content {margin:0 0 10px;font-size:22px;font-weight:bold;line-height:1.3;} .articles_liste .seo-tech-card p{margin:0;font-size:15px;line-height:1.7;color:#374151} .articles_liste .seo-card-title{margin:0 0 10px;font-size:22px;line-height:1.3;color:#1f2937;font-weight:700} .articles_liste .seo-table{margin:15px 0;border:1px solid #f1d8bf;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);font-size:14px;} .articles_liste .seo-table-head,.articles_liste .seo-table-row{display:grid;gap:0} .articles_liste .seo-table-head{background:#ed7600;color:#fff;font-weight:700} .articles_liste .seo-table-row:nth-child(odd){background:#fff} .articles_liste .seo-table-row:nth-child(even){background:#fff6ed} .articles_liste .seo-table-cell{padding:10px;line-height:1.6;border-bottom:1px solid #f3e4d4;box-sizing:border-box} .articles_liste .seo-table-head .seo-table-cell{border-bottom:none} .articles_liste .seo-table-row:last-child .seo-table-cell{border-bottom:none} .articles_liste .seo-table.cols-2 .seo-table-head,.articles_liste .seo-table.cols-2 .seo-table-row{grid-template-columns:1fr 1fr} .articles_liste .seo-table.cols-3 .seo-table-head,.articles_liste .seo-table.cols-3 .seo-table-row{grid-template-columns:1fr 1.3fr 1.7fr} .articles_liste .seo-table.cols-4 .seo-table-head,.articles_liste .seo-table.cols-4 .seo-table-row{grid-template-columns:1fr 1.2fr 1.4fr 1.4fr} .articles_liste .seo-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:15px 0} .articles_liste .seo-step{background:#fff;border:1px solid #f1e5d8;border-radius:14px;padding:18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);text-align:left} .articles_liste .seo-step-num{width:42px;height:42px;border-radius:999px;background:#ed7600;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin:0 auto 14px auto} .articles_liste .seo-step h3{margin:0 0 10px;font-size:20px;line-height:1.3;color:#1f2937;text-align:center} .articles_liste .seo-step p{margin:0;font-size:15px;line-height:1.6;color:#374151} .articles_liste .seo-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ed7600;color:#fff;border-radius:16px;padding:24px 26px;margin:28px 0} .articles_liste .seo-cta-content{flex:1} .articles_liste .seo-cta h3{margin:0 0 8px;font-size:24px;line-height:1.2;color:#fff} .articles_liste .seo-cta p{margin:0;font-size:14px;line-height:1.6;color:#fff} .articles_liste .seo-cta-btn{display:inline-block;background:#fff;color:#ed7600;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;white-space:nowrap;transition:.2s ease; font-size: 15px;text-transform: uppercase;} .articles_liste .seo-cta-btn:hover{background:#fff6ed;color:#c85f00} .articles_liste .seo-links-box{background:#fff6ed;border:1px solid #f2ddc8;border-radius:14px;padding:22px 24px;margin:24px 0} .articles_liste .seo-links-box h3{margin:0 0 12px;font-size:24px;line-height:1.3;color:#ed7600} .articles_liste .seo-links-box p{margin:0 0 12px;line-height:1.7;color:#374151} .articles_liste .seo-links-box ul{margin:0;padding-left:18px} .articles_liste .seo-links-box li{margin:0 0 8px;line-height:1.6} .articles_liste .seo-links-box a{color:#c85f00;text-decoration:none;font-weight:600} .articles_liste .seo-links-box a:hover{text-decoration:underline} .articles_liste .seo-trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:10px 0;} .articles_liste .seo-trust-grid .seo-tech-card{background:#fff;border:1px solid #ebe7e0;border-radius:12px;padding:10px;box-shadow:none;text-align:center} .articles_liste .seo-trust-grid .seo-tech-card h3{margin:0 0 6px;font-size:16px;line-height:1.25;color:#1f2937} .articles_liste .seo-trust-grid .seo-tech-card p{margin:0;font-size:13px;line-height:1.45;color:#5b6470} .articles_liste .seo-trust-icon{display:block;font-size:25px;line-height:1;margin-bottom:8px} .articles_liste .seo-trust-grid .seo-card-title{margin:0;font-size:16px;line-height:1.25;color:#1f2937;font-weight:700} /*MODULE ARTICLE*/ .article {clear:both;text-align:left;} .article .items{ clear:both; margin: 0 0 10px; padding: 0 10px 10px 10px; width: 100%; float:left; } .article .style0 .item{float:left;padding: 0 0 10px 0;} .article .style0 .photo_container{text-align:center;overflow:hidden;clear:both;float:left;max-width: 900px;padding: 0 30px;} /*.article .style0 .photo_container{width:500px;padding-right:5px;text-align:center;overflow:hidden;clear:both;float:left;} clem 02/06/17*/ .article .style0 .photo{float:left;padding-right:5px;} .article .style0 .photo img{margin-top:15px;} /*.article .style0 .photo img{width:500px;margin-top:15px;} clem 02/06/17*/ .article .style0 .valeur_br{display: inline;color: #393737;font-family: "Arial",sans-serif;font-size: 13px;margin:5px 0 5px 0;padding: 0 0 5px 30px;text-align: justify;font-weight:bold;float:left;vertical-align: bottom;line-height: 20px;} .article .style0 .social{display: inline;float: left;padding:0 0 0 10px;margin:5px 0 5px 0;} .article .style0 .texte{clear: both;float: left;padding:0 30px} .article .style0 .photo1 img{float:left;padding-right:5px;margin-top:5px;max-width: 900px;} /*.article .style0 .photo1 img{float:left;padding-right:5px;width:500px;margin-top:5px;} clem 02/06/17*/ .article .style0 h2{color: #222529;font-family: "Open sans",Arial,Verdana,"sans serif";font-size: 20px;font-weight: bold;text-decoration: none;padding:0;margin:0 0 0 -30px;} .article .style0 h3{color: #222529;font-family: "Open sans",Arial,Verdana,"sans serif";font-size: 16px;font-weight: bold;text-decoration: none;padding:0;margin:0 0 -10px 0;} .article .style0 h3.orange {color:#EE741B;} .article .style0 h4{color: #222529;font-family: "Open sans",Arial,Verdana,"sans serif";font-size: 14px;font-weight: bold;text-decoration: none;padding:0;margin:0 0 -10px 0;} .article .style0 h4.orange {color:#EE741B;} /*.article .style0 h3{clear:both;float:left;margin:0px;font-family:"Arial",sans-serif;color:#222529;font-size:11px;line-height:1em;font-weight:bold;}*/ .article .style0 .date{float:left;margin-left:5px;font-family:"Arial",sans-serif;color:#222529;font-size:11px;line-height:1em;text-align:justify;font-style:italic;} .article .style0 .description{margin-top:15px;padding-top:5px;color:#222529;font-family:"Arial",sans-serif;font-size:12px;text-align:justify;} .article .style0 a{color: #1343E8;font-family: "Open sans",Arial,Verdana;font-size: 14px;text-decoration: none;} .article .style0 a:hover{color: #ff6600;} .article .style0 ul,ol{padding:0 0 0 40px;margin:0 0 0 0;line-height: 15px;font-size: 14px;} .article .style0 p{text-align:justify;font-family:"Open sans",Arial,Verdana;color:#222529;font-size:14px;display:inline;} .article .style1 .item{clear:both;float:none;} .article .style1 h2{clear:both;background-color:#0867C0;padding:8px;color:#ff9736;margin:0px;font-family:"Open sans",Arial,Verdana,"sans serif";font-size:20px;font-weight:bold;border-radius:12px;-moz-border-radius:6px;} .article .style1 h3{clear:both;float:left;margin-top:6px;margin-left:5px;font-family:"Open sans",Arial,Verdana,"sans serif";color:#222529;font-size:11px;line-height:1em;font-weight:bold;} .article .style1 .date{float:left;margin-top:6px;margin-left:5px;font-family:"Arial",sans-serif;color:#222529;font-size:11px;line-height:1em;text-align:justify;font-style:italic;} .article .style1 .description{clear:both;background:transparent url(../images/default/fond_degrade_bleu.jpg) repeat-x left bottom;margin-top:6px;padding-top:5px;color:#222529;font-family:"Arial",sans-serif;font-size:12px;text-align:justify;padding:4px;border:solid 2px #BDD9F2;border-radius:6px;-moz-border-radius:6px;} .article .style1 .more{margin-left:10px;padding-left:12px;background:transparent url(../images/default/puce_off.png) no-repeat 2px 4px;color:#222529;} .article .style1 .more:hover{margin-left:10px;padding-left:12px;background:transparent url(../images/default/puce_on.png) no-repeat 2px 4px;color:red;} .article .style1 .photo_container{clear:both;margin-top:3px;float:none;text-align:center;border-radius:12px;-moz-border-radius:6px;border:solid 2px #BDD9F2;} .article .style1 .photo img{float:left;width:150px;margin-top:15px;} .article .TabP{float:left;} .article .TabL{float:left;display:table;width: 100%;} .article .TabC1{border: 1px solid #000000;display:table-cell;width:30%;font-size: 20px;font-weight: bold;padding:10px;vertical-align:middle;min-width: 110px;} .article .TabC2{border: 1px solid #000000;display:table-cell;width:70%;padding: 10px;} .article .BigF{font-size:22px;font-weight:bold;} .article .BigF::before {content:"\f04b";font-size: 2em;float:left;margin: -9px 10px 0 0;color:#EE741B;} **********************************************/ .membre h1{color:#FFFFFF;/*background-color:#053380;*/margin:0px;padding-top:2px;padding-bottom:2px;padding-left:2px;} .membre h3{font-family:arial;font-size:16px;font-weight:bold;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;line-height:21px;color:#316CB0;background-color:transparent;margin:0px;padding-top:2px;padding-bottom:2px;padding-left:16px;} .membre .module_header_centre{padding:0px;} .membre .module_content_centre{padding:0px;} .membre .titre_espace_membre{height:28px;font-family:arial;font-size:17px;font-weight:bold;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;line-height:21px;color:#316CB0;background-color:transparent;margin:0px;padding-top:2px;padding-bottom:2px;padding-left:16px;} .membre .message_espace_membre{font-family:arial;font-size:12px;font-weight:bold;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;line-height:21px;color:#316CB0;background-color:transparent;margin:0px;padding:0 0 0 10px;display:inline;} .membre #moteur .module_header{display:none;} .membre #moteur_entete_positionnement{display:none;} /* correspond au référencement, pages articles simple*/ .page_referencement_article .photos{padding: 0 10px 20px 0;} .page_referencement_article .contenu_texte{width:750px;padding:10px 0 0 0;} .page_referencement_article h3{font-family:"Open sans",Arial,Verdana,"sans serif";font-size:26px;color:#ff6600;background-color:transparent;margin:0px;padding-top:2px;padding-bottom:2px;padding-left:16px;} .page_referencement_article h3.petit{font-family:"Open sans",Arial,Verdana,"sans serif";font-size:16px;font-weight:bold;color:#000000;background-color:transparent;margin:0;padding:10px;} .page_referencement_article h3.mini{font-family:"Open sans",Arial,Verdana,"sans serif";font-size:14px;color:#222529;background-color:transparent;margin:0;padding:0;} .page_referencement_article h2{font-family:"Open sans",Arial,Verdana,"sans serif";color:#222529;background-color:transparent;margin:0;padding:15px 2px;text-transform: uppercase;} .page_referencement_article h1{font-family:"Open sans",Arial,Verdana,"sans serif";color:#FF6600;background-color:transparent;margin:0;} .page_referencement_article .groupe-art{clear:both;float:left;margin:10px 10px 10px 30px;border-bottom: 1px dotted #ddd;} .page_referencement_article p{color: #393737;font-family: "Open sans",Arial,Verdana,"sans serif";font-size: 14px;margin: 0 5px;text-align: left;} .page_referencement_article p.retrait{line-height: 20px; padding: 0 25px;text-align: justify;} .page_referencement_article p.petit{color: #393737;font-family: "Open sans", Arial, Verdana;padding: 0 25px;font-size: 14px;margin: 0 5px;line-height:20px;text-align:justify;max-width:1000px;} .page_referencement_article ul.petit {max-width:950px;line-height:22px;} .page_referencement_article p.grand{color: #393737;font-family: "Arial",sans-serif;font-size: 15px;margin: 0 5px;line-height:20px;text-align:justify;} .page_referencement_article .contenu_texte a{color:#1E7EC8;text-decoration:underline;} .page_referencement_article .contenu_texte a:hover{color:#E4520B;text-decoration:none;} .page_referencement_article .fleche {clear:both;float:left;background: url(mini-fleche.gif) no-repeat scroll 0 0 transparent;width:100%;margin:0 0 15px 0;} .page_referencement_article .contenu_libelle{clear:both;float:left;font-family:arial;font-size:13px;font-weight:normal;color:#2B2828;padding:0 0 0 12px;margin:-7px 0 0 0;} .page_referencement_article .contenu_texte a.liste{color:#444444;text-decoration:none;} .page_referencement_article .contenu_texte a.liste:hover{color:#444444;text-decoration:none;} /* Module PARTENAIRES*/ .contenu_centre .partenaires_liste {clear:both;float:left;padding:10px 10px 5px 0px;width:99%;} .contenu_droite .partenaires_liste { clear:both; float:left; background-color:#FFFFFF; width:237px; text-align:left; margin:10px 0 10px 0; padding:5px; } .contenu_centre .partenaires_liste .infos{ clear:both; float:left; width:100%; text-align:left; } .contenu_centre .partenaires_liste .titre{ clear:both; float:left; font-family:arial,verdana; font-size:20px; font-weight:bold; color:#FF9736; text-align:left; margin:0; padding:0; } .contenu_droite .partenaires_liste .titre{ float: left; font-size: 14px; line-height: 16px; color:#222529; } .contenu_centre .partenaires_liste .description{ clear:both; float:left; padding-bottom:4px; width:80%; } .contenu_centre .partenaires_liste .url{padding-left:5px;} .centre .partenaires_liste .items{ clear:both; float:left; font-size:11px; width:100%; } .contenu_centre .partenaires_liste .item{ font-size:14px; margin:0; padding:10px border-bottom:1px solid #316CB0; } .contenu_centre .partenaires_liste H2{ clear: both; color: #35AEDB; font-family: arial; font-size: 15px; font-weight: bold; margin: 0; padding: 3px; } .contenu_droite .partenaires_liste H2{ margin:0 0 0 0; padding:0 0 0 0; } .contenu_centre .partenaires_liste .texte{ padding: 0 5px 5px 25px; text-align: justify; font-size:13px; font-family:arial,verdana; font-style:italic; } .contenu_droite .partenaires_liste .texte{ padding: 0 5px 5px 25px; text-align: justify; font-size:10px; font-family:arial,verdana; font-style:italic; } .contenu_droite .partenaires_liste a{ background: url("../default/logo_megaphone.png") no-repeat scroll 0 0 transparent; font-size:12px; font-weight:bold; margin:0 0 5px 0; padding:0 0 0 25px; display:block; } .contenu_droite .partenaires_liste a:visited{color:#222529;} .contenu_centre .partenaires_liste .photo{ float:left; text-align:center; width:20%; margin-top:10px; } .contenu_droite .partenaires_liste .photo{ float:left; text-align:center; width:0; margin-top:10px; } .contenu_centre .partenaires_liste img{ border:0px; text-align:center; height:30px; } .contenu_droite .partenaires_liste img{ border:0px; text-align:center; height:0; } /*Pavé interessé par*/ .interet{ clear:both; float:left; width:100%; display: flex; justify-content: center; } .bande_gauche{ min-width: 250px; background-image:linear-gradient(to left,#333 40%,#fff 50%); height:2px; margin-right: 10px; } .bande_droite{ min-width: 250px; background-image:linear-gradient(to right,#333 40%,#fff 50%); height:2px; margin-left: 10px; } .texte_interet{ font-family:"Open sans",Arial,Verdana,"sans serif"; font-size:17px; text-transform: uppercase; line-height: 1px; color:#222529; } .texte_interet2{ font-family:"Open sans",Arial,Verdana,"sans serif"; font-size:25px; font-weight:700; margin: 0 0 15px; color:#2f2f2f; text-align:left; } .interet .trait{ width:100%; border-bottom: 2px solid #d6d6d6; padding:0; } .bigO{ font-size:21px; color:#ff6600; } /* Module : tags_lien, liens niveau 2 pour le référencement */ .tags_lien{ clear:both; float:left; background-color:#FFFFFF; border:1px solid #B4B4B5; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; width:240px; text-align:left; margin:10px 0 10px 0; padding:5px; } .tags_lien a{ color: #222529; font-family:"Open sans", Arial, Verdana; font-size: 11px; text-decoration: none; } .tags_lien .titre{ background: url("../default/logo_articles.png") no-repeat scroll 0 0 transparent; border: 0 none; float: left; font-size: 14px; line-height: 16px; margin: 0 0 10px; padding: 15px 20px 0 32px; color:#222529; } .tags_lien .centrage_articles{ clear:both; float:left; width:95%; margin:0 0 0 0; padding:5px; background-color:#F7F7F7; border: 1px solid #E1E1E1; text-align: left; overflow:auto;} /* Module : promos */ .promotions{ clear:both; float:left; background-color:#FFFFFF; /*border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;*/ width:508px; padding:5px; text-align:left; margin:10px 0 10px 2px; } .promotions .categorie_content{ clear:both; width:504px; padding:0; text-align:left; margin:0 0 0 0; cursor:pointer; } .promotions .item{ clear:both; /*background:transparent url(fond_pave.png) no-repeat scroll 0px 0px; background-size: 495px 175px;*/ border:1px dashed #C0C0C0; width:483px; min-height:200px; padding:5px; text-align:left; margin:0 0 10px 5px; } .promotions .pave{ float:left; width:480px; padding:0; text-align:left; margin:0 0 3px 0; display:inline; } .promotions .gauche{ float:left; width:310px; padding:0; text-align:left; margin:0; display:inline; font-family: arial; font-size: 14px; font-weight: bold; color:#FFFFFF; } .promotions .gauche .texte_produit{ float:left; width:315px; padding:5px; text-align:center; margin:0; display:inline; font-family: arial; font-size: 12px; font-weight: bold; color:#DA3AB3; cursor:pointer; } .promotions .droite{ float:right; width:150px; padding:0; text-align:left; margin:0; display:inline; } .promotions .photo_principale table{ background-color:#FFFFFF; padding:0; text-align:center; vertical-align:center; margin:0 0 0 0; overflow:hidden; } .promotions .qte{ clear:both; float:left; background-color:#EF8700; width:100px; height: 20px; font-family: arial; font-size: 18px; font-weight: bold; padding:3px 0 3px 0; text-align:center; vertical-align:bottom; margin:0 0 0 25px; color:#FFFFFF; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; text-shadow: 1px 1px 1px #000000; } .promotions .photo{ width:152px; height:120px; padding:0; text-align:center; vertical-align:bottom; clear:both; float:none; padding: 0 0 0 1px; } .promotions .photo_principale img{max-width:150px;max-height:120px;} .promotions h1{ clear: both; color: #35AEDB; font-family: arial; font-size: 18px; font-weight: normal; margin: 0; padding: 0; } .promotions .prix{ clear:both; float:none; width:100px; padding:0 0 0 0; font-family: arial black; font-size: 80px; font-weight: bold; color:#EF8700; vertical-align:bottom; margin:0; line-height:60px; letter-spacing:-3px; text-shadow: 1px 1px 1px #000000; } .promotions .prix sup{ font-size: 25px; vertical-align:top; } .promotions .prix .ancien_prix{ font-size:18px; letter-spacing:0; line-height:5px; color:#DA3AB3; display:inline; text-shadow: 0.3px 0.3px 0.3px #000000; } .promotions .prix .ancien_prix sup{ font-size:8px; vertical-align:bottom; color:#DA3AB3; } .promotions .promo_description{ float: left; font-family: arial; font-size: 12px; font-weight: bold; color:#FFFFFF; margin: 0 0 5px 0; padding: 2px 0 0 5px; text-align: left; vertical-align: bottom; width: 499px; } .promo_description p{ color:#484848; text-align:center; } .promotions .produit{ clear: both; padding: 0 0 0 0; min-width:50px; display:table; border-bottom: 1px dashed #5B5B5B; } .promotions .titre_produit{ color: #DA3AB3; font-family: arial; font-size: 20px; font-weight: bold; padding:10px 0 0 0; color:#ef8700; width:267px; letter-spacing: -1px; line-height: 25px; word-spacing: -1px; display:table; align:center; margin-top:15px; } .promotions .descriptif{ clear: both; color: #5B5B5B; font-family: arial; font-size: 12px; font-weight: bold; margin:0 0 15px 0; letter-spacing: 1px; } .promotions .delai{ clear:both; float:none; width:100px; height:35px; padding:0 0 0 0; text-align:center; display:inline; font-family: arial; font-size: 25px; font-weight: bold; color:#DA3AB3; vertical-align:bottom; margin:0; } .promotions .promo_titre{ float:left; background-color:#35AEDB; border: 1px solid #35AEDB; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0x; width:498px; padding:0 0 0 5px; text-align:center; vertical-align:bottom; margin:0; font-family: Arial; font-size: 20px; font-weight: bold; color:#FFFFFF; } .promotions .papillon{ display:table; float:right; width:30px; height:30px; padding:0 0 10px 30px; margin:-40px 0 0 5px; } .promotions .produit,.promotions .descriptif,.promotions .prix{ width:267px; padding:2px; text-align:center; margin-left:20px; } .promotions .photo_principale{ width:155px; position:absolute; margin-left:320px; text-align:center; } .promotions .photo_border{ border: 1px solid #DBDBDB; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; width:155px; height:163px; padding:2px 0 0 0; } /* Module : commentaires_liste (la page de tous les com) */ .commentaires_liste{ clear:both; float:left; background-color:#FFFFFF; width:510px; padding:5px; text-align:left; margin:0 0 10px 0; } .commentaires_liste .commentaire_titre {font-weight:bold;} .commentaires_liste .item{clear:both;float:left;padding:10px 0 5px 0;color:#222529;} .commentaires_liste .commentaire_notation{margin-left:8px;float:left;width:90px;} .commentaires_liste .centrage_commentaire{margin:0;padding:10px 0 5px 0;clear:both;float:left;border-bottom: 1px dashed #999999;} .commentaires_liste .commentaire_contenu{margin:0 0 0 10px;float:left;width:575px;padding:2px 5px 5px 5px;font-size:14px} .commentaires_liste .note{float:left;background:transparent url(../default/commentaires_kit.png) no-repeat scroll -20px -46px;width:16px;height:16px;margin-left:2px;} .commentaires_liste .note_on{background-position:-0px -46px;} .commentaires_liste .date{font-size:14px;font-style:normal;font-weight:normal;} .commentaires_liste .pseudo{font-size:14px;font-style:italic;font-weight:bold;} .commentaires_liste .commentaire_produit{font-size:14px;font-weight:bold;} .commentaires_liste .commentaire_fleche{ clear:both; float:left; background: url(mini-fleche.gif) no-repeat scroll 0 0 transparent; width:100%; height:12px; margin:0 0 0 25px; } .commentaires_liste .commentaire_menu{ font-family:"Open sans", Arial, Verdana; font-size:14px; padding:0 0 0 15px; line-height:13px; } .commentaires_liste .lien_accueil{ clear:both; font-family:"Open sans", Arial, Verdana; font-size:14px; padding:20px 0 20px 0; font-weight:bold; } .commentaires_liste .lien_accueil a { display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; } .contenu_centre .intro{ font-family:"Open sans", Arial, Verdana; font-size:13px; padding:0 0 10px 0; color:#222529; text-align:justify; } .commentaires_liste .list-wrapper { padding: 15px; overflow: hidden; } .commentaires_liste .list-item { border: 1px solid #EEE; background: #FFF; margin-bottom: 10px; padding: 10px; width: 700px; } .commentaires_liste .simple-pagination ul { margin: 0 0 20px; padding: 0; list-style: none; text-align: center; } .commentaires_liste .simple-pagination li { display: inline-block; margin-right: 5px; } .commentaires_liste .simple-pagination li a, .commentaires_liste .simple-pagination li span { color: #666; padding: 5px 10px; text-decoration: none; border: 1px solid #EEE; background-color: #FFF; box-shadow: 0px 0px 10px 0px #EEE; } .commentaires_liste .simple-pagination .current { color: #FFF; background-color: #FF7182; border-color: #FF7182; } .commentaires_liste .simple-pagination .prev.current, .commentaires_liste .simple-pagination .next.current { background: #e04e60; } .avis_phrase_fiche{font-size:14px;color:#222529;margin: 8px 0 0 24px;max-width: 715px;} .avis_phrase_fiche a{color:#ff9736;font-weight:bold;text-decoration:underline} .avis_bas{clear:both;text-align:center;margin-top:15px} .avis_bas #pagination-container{float:none;display:inline-block;margin:0 0 12px;min-height:25px} .avis_bas .lien_accueil{float:none;display:inline-block;margin:0 0 12px} .div_btn_avis_bas{width:720px;text-align:center} .btn_avis_bas{display:inline-block;padding:12px 30px;background:#ff9736;color:#fff;border-radius:4px;font-weight:700;font-size:15px;text-decoration:none} .btn_avis_bas:hover{background:#e8862a;color:#fff} #pagination-container{min-height:25px} /* Module : commentaires */ .commentaires{ clear:both; float:left; background-color:#FFFFFF; width:240px; padding:5px; text-align:left; margin:0 0 10px 0; } .new_commentaires{ clear:both; float:left; width:150px; padding:0; text-align:left; margin:0; } .new_commentaires .commentaire_ajouter_lib{clear:both;float:left;padding:0 0 0 35px;margin:-20px 0 0 0;width:130px;height:20px;font-family:"Open sans", Arial, Verdana;font-size:13px;font-weight:normal;} .commentaires_resume{clear:both;float:left;margin-bottom:5px;margin-right:5px;} .commentaires_liste_seule{margin-top:10px;} .commentaires_tous{border:0px;width:600px;} .commentaires h1{font-weight:bold;padding-bottom:5px;font-size:12px;color:#222529;} .commentaires_titre {font-weight:bold} .commentaires_info {} .commentaires .titre_boite{ float:left; border:0px; padding:0; font-size:14px; line-height:16px; color:#222529; font-weight:bold; width:100% } .new_commentaires .titre_boite{ float:left; border:0px; padding:0; font-size:14px; line-height:16px; height:20px; color:#222529; font-weight:bold; } .new_commentaires .titre_boite .picto_boite{ background:transparent url(../default/picto_etoile.png) no-repeat scroll 0px 0px; width:79px; height:14px; float: left; } .commentaires .content{ clear:both; float:left; padding:5px; color:#222529; } .commentaires .all_notes{ width:200px; text-align:center; display:inline; float:left; } .new_commentaires .all_notes{ width:60px; text-align:center; display:inline; float:left; margin: 10px 0 0 0; padding:0 0 0 5px; min-height:38px; } .commentaires .notes{ width:115px; text-align:center; display:inline; float:left; font-size:13px; margin:0 0 0 -5px; font-family:"Open sans", Arial, Verdana; font-weight:normal; } .commentaires .google_snippet{ width:90px; text-align:center; display:inline; float:left; } .commentaires .new_google_snippet{ width:150px; text-align:left; margin:0 0 0 5px; display:inline; float:left; } .commentaires h1{margin-top:0px;padding-left:5px;padding-right:5px;} .commentaires .commentaire_ajouter_lib{float:left;margin-left:10px;} .commentaires .commentaire_ajouter{clear:both;cursor:pointer;float:left;margin:10px 0 0 45px;background:transparent url(../default/commentaires_kit.png) no-repeat scroll 0px 0px;width:145px;height:22px;} .commentaires .commentaire_ajouter:hover{background-position:0px -24px;} .commentaires .message{clear:both;float:none;padding:15px 5px;} .commentaires .item{clear:both;padding:5px;max-width: 30%;margin: 0 10px 20px 10px;display: flex;flex-flow: column wrap;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border: 1px solid #d1d1d1;border-radius: 5px;} .commentaires .commentaire_titre{float:left;font-style:italic;padding-left:18px;margin-top:10px;margin:8px 0 5px 0;font-family: arial;font-size: 11px;background:transparent url(../default/bulle.png) no-repeat scroll 0px 0px;line-height:16px;} .commentaires .centrage_commentaire{clear:both;float:left;width:90%;margin:10px 0 0 0;padding:5px;text-align: center;overflow:auto;} .commentaires .commentaire_contenu{clear:both;float:left;width:100%;text-align:justify;font-family:"Open sans", Arial, Verdana;font-size: 14px;line-height:15px;padding:10px 5px 5px 5px;font-style: italic;max-height: 150px;overflow:auto} .commentaires .commentaire_notation{text-align: left;width: 100%;margin-bottom: 8px;} .commentaires .note{float:left;background:transparent url(../default/commentaires_kit.png) no-repeat scroll -20px -46px;width:16px;height:16px;margin-left:2px;} .commentaires .note_on{background-position:-0px -46px;} .commentaires .note_over{background-position:-40px -46px;} .commentaires .lib_individuel{clear:both;width:90px;float:left;font-family:"Open sans", Arial, Verdana;font-size: 13px;font-weight:normal;} .commentaires .commentaire_note_generale .lib_individuel{clear:both;width:auto;margin-left:15px;margin-right:5px;float:left;width:107px;} .commentaires .fancy_commentaires{clear:both;float:left;font-weight:bold;font-size: 14px;width:100%;} .forfait_action_tel_icone::before{content: "\27A4";color:#ff6600;font-size: 15px;float:left;margin: -1px 5px 0 0;} .double .commentaires .commentaire_notation{margin-left:5px;margin-right:5px;width:170px;} .double .commentaires .commentaire_contenu{width:94%;} .top_commentaires .commentaires{margin:0px;border:transparent 0px;} .top_commentaires .content_boite{clear:both;float:none;background-color:#FFFFFF;border:1px solid #B4B4B5;margin-bottom:5px;text-align:left;} .commentaire_ajout{width:400px;text-align:left;} .commentaire_ajout .titre_comment{clear:both;font-weight:bold;padding-top:10px;border-bottom:1px solid #CCCCCC;} .commentaire_ajout .lib{clear:both;float:left;width:180px;} .commentaire_ajout .lib_pseudo{width:380px;} .commentaire_ajout textarea{margin:5px;width:380px;height:150px;} .commentaire_ajout .lib_disclamer{margin:5px;padding:5px;background-color:#F7F7F7;border: 1px solid #E1E1E1;} .commentaire_ajout .lib_notes{float:left;width:100px;color:#555555;margin-left:10px;font-size:11px;} .commentaire_ajout .valider{text-align:center;} .commentaire_ajout .bouton_valider{cursor:pointer;} .commentaire_ajout .note{cursor:pointer;float:left;background:transparent url(../default/commentaires_kit.png) no-repeat scroll -20px -46px;width:16px;height:16px;margin-left:2px;} .commentaire_ajout .note_on{background-position:-0px -46px;} .commentaire_ajout .note_over{background-position:-40px -46px;} .commentaires #fancybox-wrap{width:500px;} /*module commentaire page accueil*/ .page_accueil .commentaires { clear:both; float:left; background-color:#FFFFFF; width:238px; padding:5px; text-align:left; margin:10px 0 10px 0; } .page_accueil .commentaires_liste_seule .content{ padding:0; color:#444444; display: flex; flex-wrap: wrap; } .page_accueil .commentaire_titre{font-style:italic;padding-left:18px;margin: 8px 0 5px 0;font-family: arial;font-size: 13px;background:transparent url(../default/bulle.png) no-repeat scroll 0px 0px;line-height:16px;font-weight: bold;} .page_accueil .commentaires_liste_seule .centrage_commentaire{clear:both;margin: 5px 0 0 0;padding:5px;text-align: center;display: flex;flex-flow: row wrap;} .page_accueil .commentaires_liste_seule .commentaire_ajouter_lib{float:left;} /*module commentaire droite page produit*/ .page_fiche_produit .commentaires_liste_seule { clear:both; float:left; background-color:#FFFFFF; width:238px; padding:5px; text-align:left; margin:10px 0 10px 0; } .page_fiche_produit .commentaires_liste_seule .content{ padding:0; color:#444444; display: flex; flex-wrap: nowrap; } .page_fiche_produit .commentaire_titre{font-style:italic;padding-left:18px;margin-top:10px;margin:8px 0 5px 0;font-family: arial;font-size: 14px;background:transparent url(../default/bulle.png) no-repeat scroll 0px 0px;line-height:16px;} .page_fiche_produit .commentaires_liste_seule .centrage_commentaire{clear:both;float:left;width:100%;margin:5px 0 0 0;padding:5px;text-align: center;overflow:auto;display: flex;flex-flow: row wrap;} .page_fiche_produit .commentaires_liste_seule .commentaire_ajouter_lib{float:left;} /*module commentaire page descente*/ .commentaires_liste_seule { clear:both; float:left; background-color:#FFFFFF; padding:5px; text-align:left; margin:0 0 10px 7px; width:495px; } .commentaires_liste_seule .content{ clear:both; float:left; padding:5px; color:#444444; width:495px; } .commentaires_liste_seule .centrage_commentaire{clear:both;float:left;width:473px;margin:5px 0 0 0;padding:5px;text-align: center;overflow:auto;} /*module commentaire dans fancybox*/ .commentaires_tous_contenu { background-color: #FFFFFF; border: 1px solid #CCCCCC; clear: both; float: left; margin: 0; padding: 5px; text-align: left; width: 485px; } .commentaires_tous_contenu .centrage_commentaire{ background-color: #F7F7F7; clear: both; float: left; margin: 10px 0 0; overflow: auto; padding: 5px; text-align: center; width: 473px;} /* Module : PLAN DU SITE */ #menu_plan h3{ color:#444444; font-weight : normal; font-family : "Open sans",Arial,Verdana font-size:12px; margin:0; padding:0; } /* Module : MENU BAS */ .menu_bas{ background-color:#222529; clear:both;float:left; width:1000px; height:14px; padding:5px 0 0 0; margin:0 0 -1px 0; text-align:center; height:30px; } .menu_bas .mentions{ color:#222529; } .menu_bas .module_header{display:none;} .menu_bas .module_content_centre{text-align:center;width:980px;} .menu_bas .menu_item{display:inline;padding-left:10px;} .menu_bas a{font-size:13px;color: #FFFFFF;} .menu_bas a:hover {color: #E4520B;} /* Module : BOTTOM_EDIL */ .bottom_edil{ background-color:#222529; clear:both;float:left;width:1000px; height:14px; padding:0 0 0 0; margin:0px 0px 0px 0px; text-align:center; height:90px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .bottom_edil .mentions{ color:#FFFFFF; } .bottom_edil .villes{ color:#ffffff;padding-top:10px } .bottom_edil .module_content_left{width:10px;background:#FFF url(bottom_edil_left.png) no-repeat;height:111px;} .bottom_edil .module_content_right{width:10px;background:#FFF url(bottom_edil_right.png) no-repeat;height:111px;} .bottom_edil .module_header{display:none;} .bottom_edil .module_content_centre{text-align:center;width:980px;} .bottom_edil .menu_item{display:inline;padding-left:10px;} .bottom_edil a{font-weight:bold;color: #ffffff;} .bottom_edil a:hover {color: #E4520B;} /* Module : MENU DYNAMIQUE */ #menu /* Ensemble du menu */ { font-family : "Open sans",Arial,Verdana; font-size : 13px; /* hauteur du texte : 12 pixels */ overflow : hidden; height:33px; } #menu, #menu ul /* Liste */ { padding : 0; /* pas de marge intérieure */ margin : 0; /* ni extérieure */ list-style : none; /* on supprime le style par défault de la liste */ line-height : 33px; /* on défini une hauteur pour chaque élément */ /*text-align : center; on centre le texte qui se trouve dans la liste */ } #menu a /* Contenu des listes */ { display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ padding : 0 9px; /* aucune marge intérieure */ background : transparent; /* couleur de fond */ color : #FFFFFF; /* couleur du texte */ text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */ width :auto; /* largeur */ } #menu li /* Elements des listes */ { float : left; /* pour ie qui ne reconnait pas "transparent" */ vertical-align: center; } #menu li img /* Contenu des listes */ { clear : both; float : left; border : 0; margin : 2px 4px 2px 2px; /* aucune marge intérieure */ height : 16px; /* largeur */ vertical-align: center; } /* ie ne reconnaissant pas le sélecteur ">" */ html>body #menu li { border-right: 0px solid white ; /* on met une bordure transparante à droite de chaque élément */ } #menu li ul /* Sous-listes */ { position: absolute; /* Position absolu */ width: 164px; /* Largeur des sous-listes */ left: -999em; /* Hop, on envoi loin du champ de vision */ } #menu li ul li /* Eléments de sous-listes */ { /* pour ie qui ne reconnait pas "transparent" (comme précédement) */ border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */ text-align:left; padding-left:2px; } /* ie ne reconnaissant pas le sélecteur ">" */ html>body #menu li ul li { border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */ } #menu li ul ul { margin : -22px 0 0 164px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */ /* pour ie qui ne reconnait pas "transparent" (comme précédement) */ border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ } /* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */ html>body #menu li ul ul { border-left : 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */ } #menu a:hover /* Lorsque la souris passe sur un des liens */ { color: #FD8D2B; /* On passe le texte en noir ... */ background: transparent; /* ... et au contraire, le fond en blanc */ } #menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ { left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */ } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ { left: auto; /* Repositionnement normal */ min-height: 0; /* Corrige un bug */ z-index:999; } /*CALCULATEUR*/ .calculateur {clear:both;width:500px;margin:10px;} .calculateur .disabled{display:none;} .calculateur .form-fond{width:100%;border-radius: 0 0 25px 0;padding:5px 0 5px 0;margin:0 0 5px 0;} .calculateur .form-line-titre{display:table;margin:0 0 5px 0;padding:0;width:500px;} .calculateur .form-line{display:table;margin:0 0 10px 0;padding:0;width:500px;} .calculateur .form-sup{display:none;margin: 0 0 10px 0;float:left} .calculateur .form-title{ background-color: #222529; color: #ffffff; font-size: 15px; line-height:15px; font-weight:bold; font-family:"Open sans",Arial,Verdana,"sans serif"; margin: 0; padding: 7px 0 5px 10px; } .calculateur .form-label{ color: #4b4b4b; display: table-cell; font-family:"Open sans", Arial, Verdana; font-size: 14px; margin: 0; padding: 5px 25px 0 0; text-align: right; width: 162px; min-width: 162px; } .calculateur .form-label2{ color: #4b4b4b; display: table-cell; font-family: "Open sans", Arial, Verdana; font-size: 14px; margin: 0; padding: 5px 17px 0 0; text-align: right; width:50px; } .calculateur .form-label3{ color: #4b4b4b; display: table-cell; font-family:"Open sans", Arial, Verdana; font-size: 14px; margin: 0; padding: 10px; text-align: left; width: 240px; min-width: 240px; } .calculateur .sous_champ{ color: #4b4b4b; display: table-cell; font-family:"Open sans", Arial, Verdana; font-size: 14px; margin: 0; padding: 0 25px 0 0; text-align: right; } .calculateur .form-value{display:table-cell;width:300px;min-width:300px;margin:0;padding:0;} .calculateur .form-value2{display:table;margin:0;padding:0 0 0 5px;} .calculateur .form-value3{display:table-cell;min-width:80px;margin:0;padding:0;} .calculateur .bouton{display:table;} .calculateur select{width:308px;background-color: #fdfdfd;color: #4b4b4b;padding: 1px 0 0 10px;font-size:14px;height:35px;font-family:"Open sans", Arial, Verdana;font-weight:normal;border-radius:0} .calculateur select.petit{width:150px;color: #4b4b4b;padding: 1px 0 0 10px;font-size:13px;} .calculateur input{ width:60px; background-color: #fdfdfd; border: 1px solid #97abbb; color: #4b4b4b; font-family:"Open sans", Arial, Verdana; font-size: 14px; height: 31px; padding: 1px 0 0 10px; vertical-align: middle; margin:0 -2px 0 0; text-align:left; } input[disabled ] {background: #ccc;}/*regler le probleme affichage explorer*/ .calculateur .input-right{ background-color: #c4c4c4; border-radius: 0 5px 5px 0; color: #222529; font-family:"Open sans", Arial, Verdana; font-size: 14px; font-weight: bold; height: 29px; text-align: center; vertical-align: middle; line-height:32px; width: 30px; } .calculateur .epaisseur_option{display:none;} .calculateur .bloc_finitions{display:none;} .calculateur .bloc_impressions{display:none;} .calculateur .support_texte_info{border:solid 2px #cc0000;border-radius: 5px;background-color:#ffffff; padding: 5px;text-align: justify;margin:8px 0;color: #4b4b4b;font-size:11px;} .calculateur_tarif {clear:both;float:left;width:500px;margin:10px;padding:0 0 10px 0} .calculateur_tarif .resume_produit{ background-color: #222529; border: 1px solid #ffffff; border-collapse: collapse; color: #ffffff; font-family:"Open sans", Arial, Verdana; font-size: 13px; padding: 5px; text-align: justify; min-width: 502px; } .calculateur_tarif .container{ display:table; width:502px; min-width:502px; } .calculateur_tarif .column-titre{ display:table-cell; background-color: #ff9b29; border: 1px solid #ffffff; border-collapse: collapse; color: #ffffff; font-family:"Open sans", Arial, Verdana; font-size: 14px; font-weight: bold; padding: 5px 0; text-align: center; width: 89px; min-width:89px; } .calculateur_tarif .column,.calculateur_tarif .columns{ display:table-cell; background-color: #ffffff; border-bottom: 1px solid #cccccc; border-collapse: collapse; height: 15px; width: 89px; min-width:89px; padding : 15px 5px; } .calculateur_tarif .columns{background-color:#F2F2F2;} .calculateur_tarif .texte_qt{ text-align:center; padding:15px; color:#222529; font-size:15px; padding: 0; font-family:"Open sans", Arial, Verdana; } .calculateur_tarif .texte{ font-size:15px; padding: 0; font-family:"Open sans", Arial, Verdana; text-align:center; max-width: 150px; margin: 0 auto; position:relative } .calculateur_tarif .texte_sous{ float:left; color:#222529; font-size:13px; line-height:15px; padding: 0; font-family:"Open sans", Arial, Verdana; text-align:center; margin:5px 0 15px 0; } .calculateur_tarif .delai_ok{ cursor:pointer; } .calculateur_tarif .delai_ok:hover{ font-weight: bold; } .calculateur_tarif .caddie_cliquable:hover{font-weight:bold;cursor:pointer;background-color:#222529;color:#ffffff;} .calculateur_tarif .caddie_cliquable .texte::after {content: '\1F6D2';font-size: 22px;color:black;opacity: 1;position: absolute;top: -6px;right: 0;} .calculateur_tarif .tarif{display:inline;} .calculateur_tarif .panier{display:inline;float:right;cursor:pointer;} .calculateur_tarif .panier img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .calculateur_tarif .panier:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } .calculateur_erreur{font-family: "Open sans",arial,verdana;font-size: 16px;color: #ea1717;margin: 35px auto;width: 80%;padding-top: 30px;clear: both;font-weight:bold;text-align: center;} .calculateur_erreur a{font-weight:bold;text-decoration:underline;} .page_fiche_produit .maj_bouton{cursor: pointer;width: 200px;padding: 10px;display: flex;text-align: center;border-radius: 20px;margin: 0 0 10px 0;justify-content: center;font-size: 18px;color: #FFFFFF;background-color: #ff6600;margin: auto;border: 0;box-shadow: unset;font-size: 16px;} .calculateur .etape_attente{text-align:center;} .calculateur .prix_cacher{display:none;} .calculateur .calculer_prix{clear:both;text-align:center;} .calculateur .afficher_prix{display:block;margin:auto;cursor: pointer;font-weight: bold;background-color:#35AEDB;color:#ffffff;text-align:center;padding:10px 30px;width: 142px;} .calculateur .afficher_prix:hover{background-color:#fc7503;} .calculateur .afficher_prix.disabled{background-color:#858585;cursor: none;} .calculateur .afficher_prix.disabled:hover{background-color:#858585;} .calculateurr .barre_info,.calculateurr .titre_info{float:none;} .calculateurr .calculateur_tarif .resume_produit,.calculateurr .calculateur_tarif .bloc_delai{width: 95%;margin: 10px auto;clear:both;} .calculateurr .calculateur_tarif .tab_prix{width: 95%;margin: 10px auto;overflow: auto;} .calculateurr .delais_text{clear:both;float: left;margin-right:20px;line-height: 37px;} .calculateurr .delais .item{float: left;margin-right:10px;padding:5px 20px;color:#ffffff;background-color:#858585;border-radius: 13px;margin: 7px 10px;cursor:pointer;text-align:center;} .calculateurr .delais .item.selected{background-color:#35AEDB;font-weight:bold;cursor:normal;} .calculateurr .titres{clear:both;} .calculateurr .titres .column-titre{width: calc(33% - 1px);float: left;margin: 0px 0%;border: solid #fff 1px;} .calculateurr .lignes{clear:both;} .calculateurr .ligne{clear:both;float:left;background-color: #F2F2F2;width:100%;} .calculateurr .lignes .columns{width: calc(33% - 1px);float: left;margin: 0px 0%;border: solid #fff 1px;padding: 15px 0px;max-width: initial;text-align: center;background-color:transparent;} .calculateurr .lignes .selected .columns{background-color:#ff9b2954;} .calculateurr .texte_sous{clear: both;} .pave_option{width: 100%;display:block !important;} .calculateurr .area2 .form-line{width:32%; margin-right:1%;float:left;} .calculateurr .area2 .form-value{min-width:auto;width:auto;} .calculateurr .area2 .form-line.disabled{color:#777777;} .calculateurr .area2 .sous_option{width:100%;} .calculateurr .form-titre{clear: both;width: 100%;border-bottom: 1px solid #222529;margin-bottom: 5px;} .calculateurr .opt_msg{border: solid 2px #222529;border-radius: 5px;background-color: #ffffff;padding: 5px;text-align: justify;margin: 8px 0;color: #222529;font-size: 11px;} .calculateurr .option_info{} .calculateurr .option_alerte{border-color:#ff8040;color:#222529;} .calculateurr .option_erreur{border-color:#cc0000;color:#cc0000;} .calculateurr input[type=text]{width: 288px;} /* div explicative*/ .tooltip{display:none;position:absolute;margin-left:490px;border:solid 2px #ed7600;border-radius: 5px;background-color:#ffffff;color:#222529;max-width:225px;width:225px;padding:10px;min-height:30px;font-family:"Open sans", Arial, Verdana;font-size:12px;line-height:15px;z-index:10000;} .form-value .tooltip{margin-left:317px;} /*exception pour le tooltip du calculateurp*/ .tooltip img{display: block;margin: auto;} .tooltip_x_largeur, .tooltip_x_hauteur {margin-left:200px;margin-top: -5%;} .tooltip_bouton_orientation {margin-left:323px;margin-top:-180px;} .tooltip_tableau_prix{margin-left: 0;width: 15%;right: 1%;} /*.pave_option .article_produit .tooltip_tableau_prix{right: 57%;}*/ /*loader*/ .loader{width: 450px;height:100px;margin: 0 auto;} .loader .image{float: left;} .loader .texte{float: left;font-family: "Open sans", arial, verdana;font-size: 15px;color: #222529;margin: 21px 0 0 0;max-width:400px} .see_more{color: #ff9b29;font-size: 13px;padding: 0;font-family: "Open sans", Arial, Verdana;cursor:pointer;font-weight:bold;} .see_more:before{content: "\002B";margin-right: 4px;} /* *****************************************************************************************************************************************/ /* CSS DES MODULES PARTICULIERS ESPACE CLIENT A TRIER ************************************************************************************************/ /* *****************************************************************************************************************************************/ /*FORMULAIRE CONNEXION *******************************************/ #membre #connexion_message{border:1px solid #C4C4C4;background-color:#F6F6F6;font-weight:bold;color:#cc0000;text-align:center;padding:2px;} #membre .connexion{ clear:both; float:left; margin: 10px 10px 10px 20px; padding: 5px 1%; border:1px solid #C4C4C4; background-color:#F6F6F6; width:60%; height:154px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #membre .connexion .bouton{ clear:both; float:left; margin-top:10px; margin-bottom:10px; margin-left:200px; } #membre .connexion .formulaire_connexion{width:600px;height:100px;margin:0 0 10px 0;clear:both;float:left;} #membre .connexion .connection{width:330px;margin:0 0 10px 0px;float:left;} #membre .connexion .bouton_connexion{ border: 1px solid; color: #316CB0; cursor: pointer; float: right; font-size: 11px; font-weight: bold; margin: 23px 200px 0 0; padding: 0; text-align: center; font-family:verdana,arial; } #membre .connexion .libelle{ clear:both; float:left; margin-top:5px; margin-left:50px; width:100px; font-family: "Open sans", Arial, Verdana; font-size:13px; line-height: 27px; } .membre .connexion .icone{clear:both;float:left;vertical-align:middle;height:60px;width:60px;background:transparent url(connexion.png) no-repeat;} .membre .connexion h2{font-weight:bold;font-size:15px;padding:2px 2px 5px 2px;margin:3px;color:#393737;font-family: "Open sans",Arial,Verdana;clear:unset;} .membre .connexion h2{font-weight:bold;font-size:15px;padding:2px 2px 5px 2px;margin:3px;color:#393737;font-family: "Open sans",Arial,Verdana;clear:unset;} .membre .connexion h2::before{content: none;} .membre .connexion h3{float:left;font-weight:bold;margin-bottom:5px;padding-top:20px;margin-left:5%;margin-right:5%;width:auto;margin-bottom:30px;} .membre #connexion_id{float:left;margin-top:5px;margin-left:0px;width:150px;} .membre #connexion_pass{float:left;margin-top:5px;margin-left:0px;width:150px;} .membre #membres_liens{ clear:both; float:left; margin-left:5px; } /*FORMULAIRE OUBLI PASSWORD*******************************************/ .membre #oubli {float:left;border:1px solid #C4C4C4;background-color:#F6F6F6;width:30%;margin: 10px 10px 10px 10px;padding:5px 1%;height:154px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;} .membre #oubli #oubli_mail{clear:both;float:left;margin-top:5px;width:150px;margin-left:10px;} .membre #oubli h3{clear:none;float:left;margin-top:20px;} .membre #oubli .lib{clear:both;float:left;color:#666666;margin:3px 10px;} .membre #oubli .input{} #membre #oubli .bouton{clear:none;float:left;margin-top:5px;margin-left:5px;} .membre #oubli .icone{clear:both;float:left;vertical-align:middle;height:60px;width:60px;background:transparent url(mot_de_passe_oublie.png) no-repeat;} #membre .formulaire_mdpp{width: 376px;height:100px;margin:20px 0 10px 0;clear:both;float:left;} #membre .mdpp{width:175px;margin:0 0 10px 0px;float:left;} #membre .bouton_mdpp, .membre #creation_compte .bouton_connexion{ border: 1px solid; color: #316CB0; cursor: pointer; float: right; font-size: 11px; font-weight: bold; margin: 8px 35px 0 0; padding: 0; text-align: center; padding: 5px; width: 69px; background-color: #F3F3F3; border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 2px #C0C0C0 inset; font-family:"Open sans", arial, helvetiva } /*FORMULAIRE CREATION DE COMPTE***************************************/ .membre #creation_compte {float:left;border:1px solid #C4C4C4;background-color:#F6F6F6;width:94%;margin: 10px 20px 10px 20px;padding:5px 1%;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;} .membre #creation_compte .lien_inscription{display:inline;cursor:pointer;} .membre #creation_compte_form{display:none;} .membre #creation_compte h3{clear:none;float:left;font-weight:bold;margin-bottom:5px;padding-top:20px;margin-left:5%;margin-right:5%;width:80%;} .membre #creation_compte .lib{clear:both;float:left;color:#666666;margin:3px 10px;} .membre #creation_compte .libelle{clear:both;font-size:11.5px;float:left;margin-top:5px;width:150px;text-align:left;margin-left:20px;color:#666666;line-height: 31px;} .membre #creation_compte .valeur{float:left;margin-top:5px;margin-left:2px;} #membre #creation_compte .bouton{float:left;margin-top:10px;margin-left:190px;} .membre #creation_compte .legende{clear:both;float:left;margin-top:20px;font-size:10px;color:#666666;} .membre #creation_compte .icone{clear:both;float:left;vertical-align:middle;height:60px;width:60px;background:transparent url(inscription.png) no-repeat;} .membre #creation_compte .connection{width:310px;margin:0 0 10px 0px;float:left;} /*Module facture*/ .factures{ margin:0 0 20px 0; clear:both;float:left; padding:0; width:100%; height:100%; min-height:350px; } .entete_facture{ clear:both;float:left;width:100%; height:14px; font-family : Arial; font-size:12px; margin:0; height:100%; clear:both; float:left; } .entete_facture .entete_ligne_facture { background: none repeat scroll 0 0 #838383; border-bottom: 2px solid #C3C3C3; float: left; vertical-align: middle; width: 100%; padding:0; text-align:center; } .entete_facture .entete_text_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 38%; height:20px; box-sizing: border-box; padding: 7px 0 0 0; } .entete_facture .entete_date_facture { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 15%; height:20px; box-sizing: border-box; padding: 7px 0 0 0; } .entete_facture .entete_montant_facture { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 18%; height:20px; box-sizing: border-box; padding: 7px 0 0 0; } .entete_facture .entete_open_facture { color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 29%; height:20px; padding:7px 0; box-sizing: border-box; padding: 7px 0 0 0; } .facture{ clear:both;float:left;width:100%; height:14px; font-family : Arial; font-size:12px; margin:0; height:100%; clear:both; float:left; text-align:center; } .facture .ligne_facture { background: none repeat scroll 0 0 #F4F3F3; border-bottom: 2px solid #C3C3C3; float: left; vertical-align: middle; width: 100%; height:30px; padding:0; } .facture .text_commande { border-right: 1px solid #C3C3C3; color: #444444; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 38%; height:30px; padding:7px 0; vertical-align: top; box-sizing: border-box; } .facture .date_facture { border-right: 1px solid #C3C3C3; color: #444444; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 15%; height:30px; padding:7px 0; vertical-align: top; box-sizing: border-box; } .facture .date_facture .text_date {float:left;} .facture .montant_facture { border-right: 1px solid #C3C3C3; color: #444444; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 18%; height:30px; padding:7px 0; vertical-align: top; box-sizing: border-box; } .facture .open_facture { display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 29%; height:30px; padding:4px 0 0 70px; box-sizing: border-box; } .facture .bouton_facture { background: #3088E0; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-family: arial; font-size: 13px; font-weight: bold; width: 180px; height:20px; padding:3px 0 0 0; } .facture .bouton_facture a { color: #FFFFFF; text-decoration: none; } .facture ol {counter-reset: count-facture;padding:0;display:inline;} /* on initialise et nomme un compteur */ .facture li { list-style-type: none; counter-increment: count-facture; /* on incrémente le compteur à chaque nouveau li */ margin-bottom: 10px; display:inline-block; float:left; width:50px; } .facture li:before { content: counter(count-facture); /* on affiche le compteur */ padding: 0 10px 3px; margin-right: 8px; vertical-align: top; background: #3088E0; -moz-border-radius: 5px 0 30px 0; border-radius: 5px 0 30px 0; font-weight: bold; font-size: 0.8em; color: white; } /*module administration_commande */ .administration_commande{ min-height:350px; clear: both; float: left; height: 100%; width:100%; } .entete_commande{ clear:both;float:left;width:100%; height:14px; font-family : Arial; font-size:12px; margin:0; height:100%; clear:both; float:left; } .entete_commande .entete_ligne_commande { background: none repeat scroll 0 0 #838383; border-bottom: 2px solid #C3C3C3; float: left; vertical-align: middle; width: 100%; padding:0; } .entete_commande .entete_text_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 25%; height:20px; padding:7px 0 0 0; text-align:center; box-sizing: border-box; } .entete_commande .entete_date_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 18%; height:20px; padding:7px 0 0 0; text-align:center; box-sizing: border-box; } .entete_commande .entete_montant_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 16%; height:20px; padding:7px 0 0 0; text-align:center; box-sizing: border-box; } .entete_commande .entete_etat_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 32%; height:20px; padding:7px 0 0 0; text-align:center; box-sizing: border-box; } .entete_commande .entete_open_commande { color: #FFFFFF; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 9%; height:20px; padding:7px 0 0 0; text-align:center; box-sizing: border-box; } .commande_espace_admin{ margin:0 0 20px 0; clear:both;float:left; padding:0; width:100%; height:100%; min-height:350px; } .commande_espace_admin .ligne_commande { background: none repeat scroll 0 0 #35AEDB; border-bottom: 2px solid #C3C3C3; float: left; vertical-align: middle; width: 100%; height:auto; padding:0; line-height: 20px; } .commande_espace_admin .ligne_commande_grey { background: none repeat scroll 0 0 #9E9696; } .commande_espace_admin .text_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 25%; height:25px; padding:7px 0 0 0; vertical-align: top; text-align:center; box-sizing: border-box; } .commande_espace_admin .date_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 18%; height:25px; vertical-align: top; box-sizing: border-box; } .commande_espace_admin .date_commande .text_date {float:left;padding:7px 0 0 8px;} .commande_espace_admin .montant_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 16%; height:25px; padding:7px 0 0 0; vertical-align: top; text-align:center; box-sizing: border-box; } .commande_espace_admin .etat_commande { border-right: 1px solid #C3C3C3; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 14px; font-weight: bold; width: 32%; height:25px; padding:7px 0 0 0; vertical-align: top; text-align:center; box-sizing: border-box; } .commande_espace_admin .open_commande { display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; width: 9%; height:25px; padding:4px 0 0 0; text-align:center; box-sizing: border-box; } .commande_espace_admin .bouton_commande { background: #3088E0; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; font-family: arial; font-size: 23px; font-weight: bold; width: 20px; height:20px; padding:0 0 0 1px; margin: 0 auto; text-align: center; vertical-align: top; line-height: 18px; } .commande_espace_admin .recap {clear:both;width: 250px;text-align:center;height:15px;border: 1px solid #35aedb; line-height: 18px; padding: 0;padding-left:5px;background-color: #35aedb;color:#ffffff;font-size:13px;font-weight:bold;margin-top:10px;} .commande_espace_admin .bouton_commande a { color: #FFFFFF; text-decoration: none; } .commande_espace_admin .compo_commande { width:100%; height:auto; clear:both; float:left; padding:5px 0 5px 0; background:none repeat scroll 0 0 #F4F3F3; } .commande_espace_admin .liste_compo_commande { width:auto; height:auto; clear:both; float:left; padding:5px 0 5px 0; margin:10px 20px 20px 20px; background:none repeat scroll 0 0 #F4F3F3; } .commande_espace_admin .pave_info{ background: #D7D7D7 url(logo_attention.png) no-repeat 5px 5px; border: 1px solid #FF8000; clear: both; color: #222529; float: left; font-family: arial,verdana; font-size: 11px; font-weight: bold; margin: 0 0 10px 10px; padding: 7px; width: auto; line-height: 18px; text-align:left; } .commande_espace_admin .pave_info a{font-size:11px;margin-top:5px;color:#35AEDB;} .commande_espace_admin .pave_info a:hover{font-size:11px;margin-top:5px;color:#FF8C25;} .administration_commande .pagination { clear: both; font-family: Arial; font-size: 12px; font-weight: bold; padding-bottom: 10px; padding-top: 5px; text-align: center; width: 100%; height: auto; min-height: 20px; } .administration_commande .pagination pagination_items { margin:auto; } .administration_commande .pagination .page_off { float:left; background:#F7F7F7 none repeat scroll 0 0; border:1px solid #DDDDDD; padding:1px 5px; margin-right:3px; } .administration_commande .pagination a { float:left; background:#F7F7F7 none repeat scroll 0 0; border:1px solid #DDDDDD; padding:1px 5px; margin-right:3px; } .administration_commande .pagination a:hover { float:left; background:#F7F7F7 none repeat scroll 0 0; border:1px solid #DDDDDD; padding:1px 5px; margin-right:3px; } .commande_espace_admin .liste_compo_commande .table_items { width:950px; } .commande_espace_admin .liste_compo_commande .table_items .entete{ background:none repeat scroll 0 0 #D7D7D7; width:100%; } .commande_espace_admin .liste_compo_commande .table_items .entete .produit{ width:550px; font-size: 14px; } .commande_espace_admin .liste_compo_commande .table_items .entete .quantite{ width:80px; font-size: 14px; } .commande_espace_admin .liste_compo_commande .table_items .entete .ht{ width:80px; font-size: 14px; } .commande_espace_admin .liste_compo_commande .table_items .entete .etat{ width:200px; font-size: 14px; } .commande_espace_admin .liste_compo_commande .table_items .item{color: #222529;font-size: 8pt;border-bottom: 1pt solid #E2E2E2;padding:8px 3px 5px 3px;font-weight:bold;} .commande_espace_admin .bloc{ width:100%; margin:auto; display:inline; } .commande_espace_admin .bloc .bloc_liv{ float: left; margin: 20px 0 0; min-width: 300px; padding: 0 5px 5px 5px; text-align:left; } .commande_espace_admin .bloc_liv .titre_liv { color:#ff8000; font-weight:bold; margin:3px; } .commande_espace_admin .bloc_liv .texte_liv { color:#222529; margin:3px; font-size:11px; padding: 0 0 0 20px; } .commande_espace_admin .bloc .bloc_prix{ background: #d8d8d6 none repeat scroll 0 0; float: right; margin: 20px 0 0; } .commande_espace_admin .bloc_prix .table_prix{width:275px} .commande_espace_admin .bloc_prix .texte { border-bottom: 1pt solid #e2e2e2; color: #222529; font-size: 8pt; font-weight: bold; margin: 0 10px 0 0; padding: 5px 20px; text-align: right; } .commande_espace_admin .bloc_prix .texteblue { border-bottom: 1pt solid #e2e2e2; background:#35aedb; color: #ffffff; font-size: 8pt; font-weight: bold; margin: 0 10px 0 0; padding: 5px 20px; text-align: right; } .commande_espace_admin ol {counter-reset: count-commande;padding:0;display:inline;} /* on initialise et nomme un compteur */ .commande_espace_admin li { list-style-type: none; counter-increment: count-commande; /* on incrémente le compteur à chaque nouveau li */ margin-bottom: 10px; display:inline-block; float:left; width:50px; } .commande_espace_admin li:before { content: counter(count-commande); /* on affiche le compteur */ padding: 0 10px 3px; margin-right: 8px; vertical-align: top; background: #ffffff; -moz-border-radius: 5px 0 30px 0; border-radius: 5px 0 30px 0; font-weight: bold; font-size: 1.5em; color: #3088E0; } .transfert_maquette{ clear: both; float: left; height: 100%; width: 100%; } .transfert_maquette .clear2{ border: 1px solid #83AE06; border-radius:5px; margin:10px 0 15px 0; padding:10px 0 10px 0; box-shadow: 3px 3px 10px #aaa; overflow:auto; } .transfert_maquette .nom_modele{ margin:0 0 10px 5px; } .transfert_maquette .corps{ clear: both; float: left; font-family: Arial; font-size: 12px; height: 100%; width: 90%; background-color: #068fae; border-radius: 15px 0 15px 15px; -moz-border-radius : 15px 0 15px 15px; color: #FFFFFF; font-size: 13px; font-weight: bold; margin: 0 100px 10px 35px; } .transfert_maquette .top{ background-color: #35AEDB; border-radius: 15px 15px 0 0; -moz-border-radius : 15px 15px 0 0;; color: #FFFFFF; font-family: Arial; font-size: 20px; font-weight: bold; line-height: 14px; margin: 10px auto 0; padding: 10px; text-align: center; width: 300px; } .transfert_maquette .entete{ float: left; line-height: 15px; font-family:Arial; font-weight:bold; font-size:13px; padding:10px; color:#1C5212; background-color: #FFFFFF; border-radius: 15px 0 15px 0; -moz-border-radius : 15px 0 15px 0; border: 1pt solid #83AE06; font-size: 13px; font-weight: bold; margin-left: auto; margin-right: auto; } .transfert_maquette .description{ clear:both; float: left; line-height: 17px; font-family:Arial; font-weight:normal; font-size:15px; padding:0 0 0 10px; color:#FFFFFF; margin:20px 0 0 20px; text-align:left; width: 90%; } .transfert_maquette .file_transfert{ clear:both; float: left; line-height: 14px; font-family:Arial; font-weight:bold; font-size:13px; padding:15px; color:#1C5212; background-color: #FFFFFF; border-radius:15px 15px 15px 15px; -moz-border-radius : 15px 0 15px 0; border: 1pt solid #83AE06; font-size: 13px; font-weight: bold; margin:15px 0 0 180px; width:500px; } .transfert_maquette .fichier_recu{ clear:both; float: left; width: 100%; margin:30px 0 0px 0; padding:0 0 10px 0; } .transfert_maquette .titre_liste_fichiers{ clear:both; float: left; line-height: 14px; font-family:Arial; font-weight:bold; font-size:15px; padding:0; width: 100%; color: #1C5212; margin:0 0 5px 0; } .transfert_maquette .liste_fichiers { clear:both; float: left; line-height: 32px; font-family:Arial; font-weight:bold; font-size:15px; padding:0 0 0 2%; width:98%; oveflow:auto } .transfert_maquette .file_submit{margin-left:0px;} .transfert_maquette .telecharger { float:left;margin-top: 5px; } .transfert_maquette .telecharger .supprimer { cursor:pointer; background:transparent url(croix-supprimer.png) no-repeat; width:15px; height:15px; float:right; margin:8px 0 0 5px; } .transfert_maquette .nom_fichier { float: left; line-height: 19px; font-family:Arial; font-weight:bold; font-size:14px; padding:4px 10px 0 0; max-width: 400px; word-wrap: break-word; margin-top: 6px; } .transfert_maquette .ouvrir { float: left; line-height: 17px; font-family:Arial; font-weight:bold; font-size:10px; margin:0 5px 0 5px; } .transfert_maquette .validation { clear:both; float: left; line-height: 17px; font-family:Arial; font-weight:bold; font-size:15px; margin:0 0 0 20px;; } .transfert_maquette .titre_transfert { clear:both; float: left; line-height: 14px; font-family:Arial; font-weight:bold; font-size:15px; padding:0; width: 100%; color: #1C5212; margin:0 0 10px 0; } .transfert_maquette input, select{ background-color: #fdfdfd; border: 1px solid #97abbb; height: 25px; padding:5px 0 0 10px; color: #222529; font-family: Arial,Verdana; font-size: 12px; font-weight: bold; vertical-align: middle; width: 95%; } .transfert_maquette .upload_file{ margin:10px; padding:5px; width:93%; background-color: #fff; font-size: 14px; } .transfert_maquette .transfert_radio{ margin: 0 0 5px; vertical-align: middle; background-color: #FFFFFF; border: 0; box-shadow: none; border-radius: 0; -moz-border-radius 0; border-top-color:none; width:10px;} .transfert_maquette textarea{ border:1px solid #83AE06; background-color:#ffffff; margin:0 5px 0 0; width:100%; height:100px; color: #1C5212; } .transfert_maquette input[type=button]{ color: #1C5212; margin:10px 0 0 25%; padding:5px; cursor:pointer; text-align:center; } .transfert_maquette .dossier_vert{ clear:both; float: left; background:transparent url(dossier-vert.png) no-repeat; width:32px; height:32px; margin:0 5px 0 0; } .transfert_maquette .fichier_ecrase{ opacity:0.5; } .transfert_maquette .actions{ clear:both; float: left; } .transfert_maquette .boutons{ float: left; margin-left: auto; margin-right: auto; width: 680px; margin-top:20px; margin-bottom:50px; } .transfert_maquette .bouton_batok{ float: right; display:inline-block; width:177px; height:61px; margin:0 0 0 100px; cursor:pointer; } .transfert_maquette .bouton_batnonok{ float: right; background:transparent url(bouton_continuer_plus_tard.png) no-repeat; display:inline-block; width:177px; height:61px; margin:0; cursor:pointer; } .transfert_maquette .bouton_valider{ float: right; display:inline-block; width:177px; height:61px; margin:0 0 0 100px; cursor:pointer; } .transfert_maquette .existante{ float: left; margin-left: auto; margin-right: auto; width: 680px; margin:0 0 5px 5px; cursor:pointer; } .transfert_maquette .bouton_maquette_existante{ background:#FFFFFF url(checkbox-checked.png) no-repeat 8px 4px; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; color: #808080; padding: 2px 2px 2px 30px; width: 420px; } .transfert_maquette .refus_bat{ clear:both; float: left; line-height: 14px; font-family:Arial; font-weight:bold; font-size:12px; padding:0; width: 100%; color: #1C5212; margin:10px 0 3px 0; } .transfert_maquette .message{ clear:both; float: left; line-height: 14px; font-family:Arial; font-weight:bold; font-size:12px; padding:0; width: 100%; color: #1C5212; margin:10px 0 3px 0; } /*module administration_commande */ .pub_print{ background:transparent url(pub_print.png) no-repeat scroll 5px 0; width:210px; height:315px; clear:both; float:left; margin:10px 0 0 0; cursor:pointer; } /*SUIVI DE COMMANDE***************************************/ .membre .titre,.membre .commande_titre{clear:both;width: 99%;height:15px;border: 1px solid #35aedb; line-height: 18px; padding: 0;padding-left:5px;background-color: #35aedb;color:#ffffff;font-size:13px;font-weight:bold;margin-top:10px;} .membre .titre,.membre .commande_titre .numero_commande{float:left;line-height:14px;} .membre .titre,.membre .commande_titre .date_commande{float:right;padding:0 10px 0 0;line-height:14px;} .membre .titre,.membre .commande_etat{clear:both;font-size:11px;margin:5px 0 0 5px;color:#222529;} .membre .titre,.membre .commande_etat a{font-size:11px;margin-top:5px;color:#35AEDB;} .membre .titre,.membre .commande_etat a:hover{font-size:11px;margin-top:5px;color:#FF8C25;} .membre .table_items{width:100%;} .membre .entete td{color: #222529;font-size: 8pt;border-bottom: 1pt solid #E2E2E2;padding:8px 3px 5px 3px;font-weight:bold;} .membre .item td{color: #222529;font-size: 8pt;border-bottom: 1pt solid #E2E2E2;padding:5px 3px;} .membre .total_montant{float:right;color: #222529;font-size: 8pt;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;border-bottom: 1pt solid #E2E2E2;border-left: 1pt solid #E2E2E2;border-right: 1pt solid #E2E2E2;padding:5px 3px;font-weight:bold;margin: 10px 100px 0 0;background-color: #83ae06;color:#FFFFFF} .membre .quantite,.membre .pu,.membre .delais,.membre .ht{text-align:center;} .membre .produit{width:650px;text-align: left;} .membre .quantite,.membre.ht{width:80px;} .membre .etat{width:190px;text-align: center;} .membre .etat .envoie_maquette{border:1px solid #3088E0;border-radius:5px;-moz-border-radius:5px;width:150px;text-align:center;background :#35aedb; font-weight:bold; color:#FFFFFF;padding:2px;} .membre .etat .confirm_bat{border:1px solid #3088E0;border-radius:5px;-moz-border-radius:5px;width:150px;text-align:center;background :#35aedb; font-weight:bold; color:#FFFFFF;padding:2px;} .membre .etat .envoie_maquette a{color:#FFFFFF;font-size:10px;} .membre .etat .confirm_bat a{color:#FFFFFF;font-size:10px;} .membre .total,.membre .tva,.membre .total_ttc{margin-left:457px;color: #222529;font-size: 8pt;border-bottom: 1pt solid #E2E2E2;padding:8px 3px;font-weight:bold;letter-spacing:-0.4px;} .membre .espacement{border:0px;} .membre .total_nb{text-align:center;} .membre .item .supprimer {margin-top:3px;width:12px;height:12px;cursor:pointer;background:transparent url(../default/caddie_sup.png);padding:0px;} .membre .actions{color: #35aedb;font-weight:bold;margin:8px 0px 8px 150px;} /*Module sondage*/ .membre_sondages{ margin:0 0 20px 10px; clear:both;float:left; padding:0; width:100%; height:100%; min-height:350px; } .membre_sondages .message{ background: url("../default/message.png") no-repeat scroll 3px 3px #FFFFFF; clear:both;float:left; padding:15px 15px 15px 40px; margin:0 0 20px 40px; width:400px; color: #666666; font-weight: bold; text-align:justify; font-family:verdana,arial; border:1px solid #c3c3c3; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; } .membre_sondages .intro{ border: 1px dashed #C3C3C3; font-family: verdana,arial; font-size: 12px; height: auto; margin: 10px 10px 10px 0; padding: 10px; text-align: justify; width: 519px; color:#222529; } .membre_sondages .bon_de_reduction{ background: transparent url("../default/bon_de_reduction.png") no-repeat scroll 0 0; width: 350px; height:150px; padding:0 0 10px 0; margin:0 0 0 95px; } .membre_sondages .intro .titre_intro{ color: #FF9736; font-size: 20px; font-weight: bold; padding: 0 0 5px 0; text-align: center; } .membre_sondages .notes{ width:115px; text-align:center; display:inline; float:left; font-size:13px; margin:0 0 0 -5px; } .membre_sondages .entete_commande { background: none repeat scroll 0 0 #35AEDB; clear: both; color: #FFFFFF; float: left; font-family: arial; font-size: 15px; font-weight: bold; height: 20px; line-height: 20px; padding: 3px; width: 535px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; } .membre_sondages .entete_commande .petit { font-size: 12px; display:inline; } .membre_sondages .compo_commande { clear:both; float:left; width:519px; border:1px solid #35AEDB; padding: 10px 10px 10px 10px; margin:0 0 10px 0; color:#222529; font-weight:bold; line-height:20px; } .membre_sondages .compo_commande .produit { background: url("../default/logo_commentaire.png") no-repeat scroll 5px 5px #FF9736; border-radius: 5px 5px 5px 5px; clear: both; color: #202020; float: left; font-size: 13px; line-height: 15px; margin: 5px 5px 10px 0; padding: 5px 5px 5px 25px; text-align: justify; width: 490px; } .membre_sondages .question {clear:both;float:left;width:220px;} .membre_sondages .question_l {clear:both;float:left;width:auto;padding:15px 0 0 0;} .membre_sondages .reponse_texte {clear:both;float:left;} .membre_sondages .reponse_valeur {clear:both;float:left;} .membre_sondages .reponse_valeur textarea {height: 100px;width: 500px;color:#222529;font-weight:bold;} .membre_sondages .bouton_valider {clear:both;float:left;padding:5px 0 0 0;} .membre_sondages .bouton_valider input {color:#35AEDB;font-weight:bold;cursor:pointer;background:#ffffff;} .membre_sondages .note{cursor:pointer;float:left;background:transparent url(../default/commentaires_kit.png) no-repeat scroll -20px -46px;width:16px;height:16px;margin-left:2px;} .membre_sondages .note_on{background-position:-0px -46px;} .membre_sondages .note_over{background-position:-40px -46px;} /* Module : MENU DYNAMIQUE MEMBRE*/ .membre .menu{clear:both;float:left; margin:5px 0px 5px 0px; background:transparent url(../images/default/menu_portail_bg.gif); border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:100%; } .client_menu{padding-left:10px; border-bottom:1px solid #35AEDB;} #client_menu /* Ensemble du menu */ { clear:both; float:none; font-weight : bold; /* on met le texte en gras */ font-family : Arial; /* on utilise Arial c'est plus beau ^^ */ font-size : 12px; /* hauteur du texte : 12 pixels */ overflow : hidden; text-align:center; line-height:22px; z-index:10; } #client_menu, #client_menu ul /* Liste */ { padding : 0; /* pas de marge intérieure */ margin : 0; /* ni extérieure */ list-style : none; /* on supprime le style par défault de la liste */ line-height : 23px; /* on défini une hauteur pour chaque élément */ /*text-align : center; on centre le texte qui se trouve dans la liste */ z-index:16; } #client_menu a /* Contenu des listes */ { display : inline-block; /* on change le type d'élément, les liens deviennent des balises de type block */ padding:0 5px 0 5px; background : #35aedb; /* couleur de fond */ color : #FFFFFF; /* couleur du texte */ border:0; text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */ width:auto; z-index:10; text-align:left; border-radius:5px; -moz-border-radius:5px; } #client_menu .no_link /* Contenu des listes */ { display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ padding : 0; /* aucune marge intérieure */ padding-left:10px; background : #F5F8FB; /* couleur de fond */ color : #444444; /* couleur du texte */ border:1px solid #D3DBEB; border-bottom:0px solid #D3DBEB; text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */ width : 164px; /* largeur */ z-index:10; text-align:left; } #client_menu li /* Elements des listes */ { float : left; /* pour ie qui ne reconnait pas "transparent" */ /*border-bottom : 1px solid white; /* on met une bordure blanche à droite de chaque élément */ border-top : 0px solid white; /* on met une bordure blanche à droite de chaque élément */ vertical-align: center; } #client_menu li img /* Contenu des listes */ { clear : both; float : left; border : 0; margin : 2px 4px 2px 5px; /* aucune marge intérieure */ height : 20px; /* largeur */ vertical-align: center; } /* ie ne reconnaissant pas le sélecteur ">" */ html>body #client_menu li { background-color: #35AEDB; border: 1px solid #35AEDB; border-radius: 7px 7px 0 0; margin-right: 10px; } #client_menu li ul /* Sous-listes */ { position: absolute; /* Position absolu */ width: 164px; /* Largeur des sous-listes */ left: -9999em; /* Hop, on envoi loin du champ de vision -999*/ background-color:#FFFFFF; border-bottom:1px solid #D3DBEB; } #client_menu li ul li /* Eléments de sous-listes */ { /* pour ie qui ne reconnait pas "transparent" (comme précédement) */ text-align:center; padding-left:0px; z-index:10; } /* ie ne reconnaissant pas le sélecteur ">" */ html>body #client_menu li ul li { z-index:10; } #client_menu li ul ul { margin : -22px 0 0 164px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */ /* pour ie qui ne reconnait pas "transparent" (comme précédement) */ border-left : 0px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ } /* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */ html>body #client_menu li ul ul { border-left : 0px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */ } #client_menu a:hover /* Lorsque la souris passe sur un des liens */ { color: #04042B; /* On passe le texte en noir ... */ } #client_menu .no_link:hover /* Lorsque la souris passe sur un des liens */ { color: #C05B00; /* On passe le texte en noir ... */ } #client_menu li:hover ul ul, #client_menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ { left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */ } #client_menu li:hover ul, #client_menu li li:hover ul, #client_menu li.sfhover ul, #client_menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ { left: auto; /* Repositionnement normal */ min-height: 0; /* Corrige un bug */ } /*********************************************************************/ /*hum surcharge de moteur.css qui se trouve sur pulsit serveur*/ #moteur_entete_titre { color: #006699; float: left; font-family: Arial; font-size: 17px; font-weight: 800; padding: 15px 90px 0 10px; } #moteur_form_titre { width:0;height:0; display:none; } #moteur_form_titre_img { width:0;height:0; } .moteur_form_label { clear: both; color: #222529; float: left; font-family: arial; font-size: 12px; font-weight: bold; margin: 2px 5px 2px 10px; text-align: left; width: 130px; line-height:25px; vertical-align:bottom; } #moteur_liste_boutons_pagination { clear: both; height: 100px; margin: auto; padding-top: 50px; width: 200px; } #moteur_liste_boutons_precedent_grand_off { background: url(../../images/default/page_precedente_grand_off.jpg); no-repeat scroll 0 0 transparent; float: left; height: 50px; width: 50px; } #moteur_liste_boutons_precedent_grand_on { background: url(../../images/default/page_precedente_grand_on.jpg); no-repeat scroll 0 0 transparent; float: left; height: 50px; width: 50px; } #moteur_liste_boutons_suivant_grand_off { background: url(../../images/default/page_suivante_grand_off.jpg); no-repeat scroll 0 0 transparent; float: right; height: 50px; width: 50px; } #moteur_liste_boutons_suivant_grand_on { background: url(../../images/default/page_suivante_grand_on.jpg); no-repeat scroll 0 0 transparent; float: right; height: 50px; width: 50px; } /* Module : Lexique*/ .lexique{ clear:both; float:left; margin:5px 0 40px 0; width:100%; padding:0 0 0 20px; } .lexique .titre_lexique{ clear:both; float:left; margin:5px 0 0 0; padding:0 0 0 5px; } .lexique .lexique_lettres{ clear:both; float:left; margin:0 0 10px 0; padding:0 0 0 15px; font-size:16px; } .lexique .lexique_fleche h3{ font-weight:bold; font-size:12px; padding:0; margin:0; display:inline; } .lexique a{ } /*mini fleche*/ .lexique .lexique_fleche{ clear:both; float:left; background: url(mini-fleche.gif) no-repeat scroll 0 0 transparent; width:100%; height:12px; } /*liste des libelle*/ .lexique .lexique_libelle{ clear:both; float:left; font-family:arial; font-size:12px; font-weight:normal; color:#2B2828; padding:0 0 10px 12px; } /*liste des definition*/ .lexique .lexique_definition{ clear:both; float:left; font-family:arial; font-size:12px; font-weight:normal; margin:0; padding:5px 0 10px 12px; color:#393737; } .lexique .bloc_lexique{ display:none; } .lexique ul { list-style: none; margin: 0; padding:0; } .lexique ul li { display: inline; cursor:pointer; } /* Module : 404*/ .erreur_404{ display:flex; margin:20px auto; background:transparent url(404.png) no-repeat 125px 50px; width:500px; height:200px; } .erreur_404 a{ color:#35AEDB; } /*pagination_commentaire*/ .pagination_commentaire { line-height:2em; clear:both; } #pagination-container { line-height:2em; clear:both; float: left; height: 25px; } .pagination_commentaire a, .pagination_commentaire span { padding:0.2em 0.5em; } .pagination_commentaire a { border:1px solid #808080; color:#808080; text-decoration:none; } .pagination_commentaire a:hover { border:1px solid #ff9736; color:#ff9736; } .pagination_commentaire .prevnext { font-weight:bold; } .pagination_commentaire span.disabled { border:1px solid #DDDDDD; color:#999999; } .pagination_commentaire span.current { border:1px solid #808080; background-color:#808080; color:#ffffff; font-weight:bold; } .slider { position: relative; overflow: hidden; } .slider li { list-style: none; float: left;padding:0;margin:0;} .slider ul {float: left;padding:0;margin:0; } .slider .dots {position: absolute;right: 0;bottom: -8px;text-align: center;} .slider .dots li {display: inline-block;width: 10px;height: 10px;min-height:10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;} .slider .dots li.active {background: #fff; opacity: 0.5;} .slider .fleches{margin:-225px 0 0 0;width:100%;height:42px;float:left;clear:both;cursor:pointer;display:none;} .slider .unslider-arrow{font-size:30px;font-family:"Open sans", arial, helvetiva;width:17px;height:42px;background:#ffffff;opacity:0.4;font-weight:bold;margin-top:40px;z-index:10;} .slider .next{float:right;border-radius:5px 0 0 5px;padding:0 0 0 3px;} .slider .prev{float:left;border-radius:0 5px 5px 0;padding:0 3px 0 0;} /*#article_208 h2:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f001";font-size: 2em;}*/ /*mise en page img en fct du nbre*/ .img2perline .itemo {width:48%;float:left;margin-left:1%;margin-right:1%;} .img3perline .itemo {width:31%;float:left;margin-left:1%;margin-right:1%;} .img4perline .itemo {width:23%;float:left;margin-left:1%;margin-right:1%;} /*mise en page produit_accueil*/ .produit_accueil { float:left;width:100%;margin-left:0px;margin-right:0px;} .produit_accueil .title{ text-align: center; text-transform: uppercase; font-weight: 400; font-size: 1.5em; margin: 0; padding: 0; font-family: "Open sans", Arial, Verdana; color: #3d3d3d; } .products-grid, .category-products ul, .category-products li.item{display: block;clear:both;overflow: hidden;} .category-products{padding-top:15px;} .category-products h2{ text-align:center; text-transform: uppercase; font-weight: 400; font-size: 1.5em; margin: 0; padding: 0; font-family: "Open sans", Arial, Verdana; color:#3d3d3d; } .category-products ul{ list-style: none; } .category-products .products-grid { width: auto; margin: 0 auto; padding: 5px 0; position: relative; display: flex; } .category-products .itemli{ width:23%; background: #fff; padding: 7px 0 0; margin: 0 1% 7px; text-align: center; position: relative; z-index: 10; box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); clear: none; box-sizing: border-box; float:left; display: flex; } .category-products .prolabel-wrapper{ opacity: 1;margin: auto; } .category-products .prolabel-wrapper:hover{ -webkit-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75); opacity: .8; } .products-grid .product-image { width: auto; height: auto; max-width: 100%; display: block; margin: 0 0 10px; position: relative; } a.product-image { cursor: pointer !important; } a.product-image:hover {color:#FF8C25;} a.product-image:visited {color:#222529;} .product-image img { width: 100%; max-width: 100%; border: 0; vertical-align: top; margin: 0; padding: 0; aspect-ratio: 1; } .category-product-content { margin: 0; padding: 0 5px; } .category-product-content .product-name { font-weight: bold; font-size: 16px; margin: 0 0 5px; padding: 0; font-family: "Open sans", Arial, Verdana; } .category-product-content .product-desc{ color: #b3b3b3; font-size: 14px; line-height: 21px; } .category-product-content .prix{ color: #444444; font-size: 1.1em; margin-bottom: .4em; line-height: 1.3em; font-family: "Open sans", Arial, Verdana; text-align: center; margin:0; padding:0; } .category-product-content .prix span{ font-weight:bold; color: #ff9736; font-size: 16px; } .category-product-content .bouton{ text-decoration: none; font-weight: 600; font-size: 100%; border: 1px solid #16a4fa; border-radius: 40px; background-color: #16a4fa; padding: 0; color: #FFF; float: none; margin: 8px auto; width:75%; } .catalogue_categories{ } .catalogue_categories h1{ font-size:20px; text-align:center; color:#444444; } .catalogue_categories .category-product-content .prix span{ font-size: 24px; } .contact .disclamer{clear:both;padding: 0;font-family: "Open sans", Arial, Verdana;text-align: center;font-size:13px;} .contact .msg {color:red;font-size:13px;font-weight:bold;padding:20px;} .contact .fichier{width:483px;padding: 5px 0 0 5px;} .contact input[type="file"]{padding: 10px 10px 0 10px;} /*CAPTCHA*/ .g-recaptcha > div{margin 10px auto !important;text-align: center;width: auto !important;height: auto !important;} /*AFFICHAGE COOKIES*/ .cookies{background:none repeat scroll 0 0 #dbdbdb;border:medium none;bottom:0;left:0;position:fixed;opacity:0.9;text-align:center;width:100%;z-index:999999;padding:10px;color:#332424;} .cookies_lien{cursor:pointer;text-decoration:underline;color:rgb(63, 91, 155);} .cookies_fermer{float:none;margin-left:50px;cursor:pointer;padding: 2px 10px;padding: 2px 10px;font-weight: bold;color: #ffffff;background: none #3f5b9b;border-radius: 2px;} /*CALCULATEURX*/ .calculateurx .visuel{margin:auto;width:147px;margin-top:20px;margin-bottom:25px} .calculateurx .fond_produit{width:147px;height:147px;background: url(../default/etiquettes/visu_etiquette.png) no-repeat 0px 0px;} .calculateurx .line-hauteur{background: transparent url(../default/etiquettes/fleches_pointilles_verticales.png) no-repeat right 12px;margin-left:-146px;margin-top:-100px;width: 130px;height:47px;text-align: center;padding-right:12px} .calculateurx .line-hauteur .label,.calculateurx .line-base .label {line-height: 20px;} .calculateurx .line-base{background: transparent url(../default/etiquettes/fleches_pointilles_horizontales.png) no-repeat center top;margin-top:60px;margin-left:3px;width: 145px;padding-top: 9px;text-align: center;} .calculateurx .bouton_orientation{width: 32px;height: 32px;cursor:pointer;background: transparent url(../default/etiquettes/btn_rotation.png) no-repeat left top;margin-top: -162px;position: absolute;margin-left: 128px;} .calculateurx .bouton_orientation:hover{background-position-y: -32px;} .calculateurx .lettre_orientation{width: 10px;height: 10px;background: transparent url(../default/etiquettes/lettre_rotation_a.png) no-repeat left top;margin-top: -68px;position: absolute;margin-left: 99px;} .calculateurx .bloc_modele{border-radius: 10px 10px 10px 0;-moz-border-radius : 10px 10px 10px 0;border: 1px solid black;padding:0;background-color: #eeecec;margin-bottom: 20px;} .calculateurx .label{color: #4b4b4b;font-family:"Open sans", Arial, Verdana;font-size: 14px;} .calculateurx .pose_automatique{color: #4b4b4b;font-family:"Open sans", Arial, Verdana;font-size: 14px;} .calculateurx .sup_modele{width: 24px;height: 24px;cursor:pointer;background: transparent url(../default/etiquettes/btn_suppression.png) no-repeat left top;margin-top: -12px;float: right;} .calculateurx .sup_modele:hover{background-position-y: -24px;} .calculateurx .ajout_modele{width: 240px;height: 25px;cursor:pointer;background: transparent url(../default/etiquettes/btn_ajout.png) no-repeat left top;padding:5px 0 0 40px;color: #4b4b4b;font-family:"Open sans", Arial, Verdana;font-size: 14px;margin: -20px 0 10px 0;} .calculateurx .ajout_modele:hover{background-position-y: -32px;} .calculateurx .form-label{width: 85px;min-width: 85px;} .calculateurx .form-value{width: 200px;min-width: 20px;} .calculateurx .optgroup{color:#000000;} .calculateur .nb_exemplaires{ color: #4b4b4b; display: table-cell; font-family:"Open sans", Arial, Verdana; font-size: 14px; margin: 0; text-align: left; width: 100%; } /* Customize the label (the container) */ .container-label { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .container-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 10px; height: 15px; width: 15px; background-color: #eee; border: solid black; border-width: 1px; } /* On mouse-over, add a grey background color */ .container-label:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .container-label input:checked ~ .checkmark { background-color: #23b3d1; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container-label input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container-label .checkmark:after { left: 4px; top: 0; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .calculateurx .form-line .model_name {border: 0;background: transparent;border-color: inherit; -webkit-box-shadow: none; box-shadow: none;text-transform: uppercase;background: url(../default/etiquettes/picto_editer.png) no-repeat 0px 0px #ffffff;padding-left: 30px;color:#000000;width:150px;margin:5px;} .calculateurx .line-qte_modele{background-color:#FFFFFF:} .calculateurx .bgbloc{background: #222529 none;-webkit-border-radius: 6px 0 6px 0;-moz-border-radius: 6px 0 6px 0;border-radius: 6px 0 6px 0;display:block;max-width: 200px;} /*FIN CALCULATEURX*/ .transfert_container{clear:both;float:left;margin-top:15px;text-align:left;width:300px;background-color:#fafafa;border:1px solid #CCCCCC;padding:5px;} .titre_transfert{font-weight:bold; color: rgb(0, 102, 153);} .transfert_container .msg_attente{color:#1740D4;} #progress_size{margin-top:10px;font-weight:bold;color:rgb(0, 102, 153);text-align:center;} .progress{position:relative;width:96%;border: 1px solid #ddd;padding: 1px;border-radius: 3px;margin:5px auto;} .progress{width:96%;margin:5px auto;} .bar{background-color: #B4F5B4;width:0%;height:20px;border-radius: 3px;} .percent{position:absolute;display:inline-block;top:3px;left:48%;} .annuler{background-color:#971A3F;} .annuler:hover{background-color:#F82563;color:#FFFFFF;} .button .generer_csv, .Fichier_csv a, input[type="submit"], .annuler{margin-left: 25%;margin-top:5px;background-color: #83AE06;border: 1px solid rgb(51, 51, 51);border-radius:8px;-moz-radius:8px;color: rgb(255, 255, 255);cursor: pointer;font-weight: bold;clear:both;width:200px;padding:5px;text-align:center;-webkit-transition-property: background-color;-webkit-transition-duration: 2s;-moz-transition-property: background-color;-moz-transition-duration: 2s;transition-property: background-color;transition-duration: 2s;} .button:hover, .generer_csv:hover, .Fichier_csv a:hover, input[type="submit"]:hover, .annuler:hover{background: none #ffffff;color:#83AE06;} /*debut module icones_accueil*/ .icones_accueil { width:95%; margin:auto; display:flex; } .icones_accueil ul{ list-style: none; width:100%; margin: 10px 0 0 0; padding: 0; } .icones_accueil .itemli{ width:25%; float:left; font-size: 100%; color:#222529; text-align: left; } .icones_accueil em{ display:block; font-style: normal; font-size: 140%; } .icones_accueil .icone{ width: 25px; height: 25px; float:left; padding: 0 10px 0 0; margin: 5px 0; } .icones_accueil .qualite{ background: url(icone-qualite.png) no-repeat 0px 0px; } .icones_accueil .made-france{ background: url(icone-france.png) no-repeat 0px 0px; } .icones_accueil .controle{ background: url(icone-controle.png) no-repeat 0px 0px; } .icones_accueil .top-prix{ background: url(icone-top-prix.png) no-repeat 0px 0px; } /*fin module icones_accueil*/ /* DEBUT DES CSS POUR LA NOUVELLE VERSION MOBILE **********************************************************************************************************************/ /*body {width:auto;background:#29b4eb url(fond_printimmo.jpg) no-repeat;background-position: top center;text-align:center;}*/ body {width:auto;background:#FFFFFF no-repeat;background-position: top center;text-align:center;} .content{width:100%;max-width:1200px;margin:auto;} /* Modulcontace : HEADER */ .header { /*background:transparent url(bandeau_top.png) no-repeat;*/ } .formulaire_connect .submenu{ display: none; width: auto; height: auto; clear: both; background-color: #000000; border-radius: 7px; z-index: 100; position: absolute; font-family: "Open sans",Arial,Verdana; font-weight: bold; font-size: 13px; text-align: center; padding: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.45); color: #ffffff; left: -40px; min-width: 150px; min-height: 195px; margin:10px 0 0 0;} .formulaire_connect .submenu::after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-bottom-color: transparent; border-bottom-color: #000; top: -10%; left: 50%; margin-left: -10px; } .formulaire_connect .submenu::before { content: ''; position: absolute; top: -30px; /* remonte jusqu'au bouton "Mon compte" */ left: 0; right: 0; height: 30px; /* couvre le trou (10px) + la flèche + marge */ background: transparent; } .formulaire_connect .submenu ul{list-style: none;padding: 0;margin: 0;} .formulaire_connect .submenu li{color:#ffffff;padding: 10px;} .formulaire_connect .submenu li:hover{background-color:#4A4A4A;} .formulaire_connect .submenu a{color:#ffffff;text-decoration:none;} .formulaire_connect .submenu a:hover{color:#ffffff;text-decoration:none;} .formulaire_connect .submenu a:visited{color:#ffffff;text-decoration:none;} .phone-coord{float: left;margin: 0 5% 0 5%;font-family: "Open sans", Arial, Verdana;font-size: 13px;text-align: center;padding: 9px 0 0 0;line-height: 20px;color: #222529;} .phone-coord .big{font-size:160%;color:#ff6600} .phone-coord .small{font-size:85%} .panier .subpanier{ display: none; position: absolute; top: 100%; right: 0; left: auto; width: 420px; max-height: calc(100vh - var(--sticky-top-offset) - 40px); clear: both; background-color: #ffffff; z-index: 99; font-family: "Open sans", Arial, Verdana; font-weight: bold; font-size: 13px; text-align: center; padding: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.45); box-sizing: border-box; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .panier .subpanier .caddie, .panier .subpanier #caddie_contenu{ max-height: none; overflow: visible; } .panier .subpanier .caddie_bottom{ position: static; margin-top: 12px; padding: 0 0 10px 0; box-shadow: none; } /* Module : MENU_PORTAIL */ .menu_portail .module_content_centre{padding:0px;width:990;background:#FFFFFF;border-radius: 5px 5px 0 0;-moz-border-radius : 5px 5px 0 0;} /*module administration_commande */ .transfert_maquette .bouton_batok{ background:transparent url(bouton_batok.png) no-repeat; } .transfert_maquette .bouton_batnonok{ background:transparent url(bouton_continuer_plus_tard.png) no-repeat; } .transfert_maquette .bouton_valider{ background:transparent url(bouton_valider_mon_choix.png) no-repeat; } /*COMMANDE*/ .fin_texte .bouton_transfert{background:transparent url(bouton_transfert.png) no-repeat;} .commande .boutons_action .demande_rappel{background:transparent url(bouton_demande_rappel.png) no-repeat;cursor:pointer;display:inline;width:191px;height:87px;float:right;} .commande .boutons_action .ajouter_produit{background:transparent url(bouton_ajouter_produit.png) no-repeat;cursor:pointer;display:inline;width:191px;height:87px;float:right;} .commande .boutons_action .passer_commande{background:#000000;cursor:pointer;display:inline;width:191px;height:39px;float:right;color:#FFFFFF;} .commande .boutons_action2 .demande_rappel{background:transparent url(bouton_demande_rappel.png) no-repeat;cursor:pointer;display:inline;width:191px;height:87px;float:right;} .commande .boutons_action_global2 .Other-product{min-width: 175px;} .commande .col50{width:50%;display: flex;align-items: center;} .commande .col-1{justify-content: center;} .commande .col-2{justify-content: flex-end;} .commande .col75{width:75%;text-align: left;} .commande .col25{width:25%;text-align: right;} .commande .fleche{font-size:12px;} .commande .textcol{width:100%;padding: 0 0 0 15px;cursor: pointer;font-weight: 600;color: #222529;} .commande .boutons_action_global2 .textcol{width:100%;display: flex;align-items: left;min-height:50px;} .commande .boutons_action_global2 .passer_commande{display: inline-block;margin-bottom: 0;font-weight: bold;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border-radius: .3em !important;padding: 1em 1em;font-size: 1.2em;border: none !important;max-height: 50px;} .btn-orange {background-color: #ed7600;color: #ffffff !important;} /*CADDIE POPUP*/ .caddie_popup .caddie_continuer{background:transparent url(continuer_achats.png);} .caddie_popup .caddie_commander{width:209px;height:112px;float:left;cursor:pointer;background:transparent url(valider_commande.png); } .caddie_popup .top-popup{font-size:18px;padding:0 0 10px;text-align:center;font-weight: 600;} .caddie_popup .top-popup::before{ content: ""; display: block; width: 70px; /* largeur de ton GIF, ajuste selon ton image */ height: 70px; /* hauteur du GIF */ background: url(../default/Succesgif.gif) no-repeat center center; background-size: contain; /* pour que le GIF ne soit pas déformé */ margin: 0 auto 10px; /* centrer l'élément et ajouter un espace sous le GIF */} /*Module : DEVIS ENCART */ .devis_encart{ background: #222529; border-radius: 0 10px 10px 0; width: 193px; height: 78px; padding: 0; margin: 7px; } .devis_encart .titre{ font-family: "Open sans", Arial, Verdana; color: #fff; font-size: 13px; text-transform: uppercase; text-align: center; padding: 10px 0 0 0; } /*DIV SIMPLES*/ .appel{background:transparent url(fond_contactez_nous.png) no-repeat center 0;} .reglement_info{background:transparent url(fond_reglement.jpg);height:184px;} .caddie .contenu{margin-left:0px;} /* Module : MENU_PRODUIT */ .menu_produit .text_famille_produit { background:transparent url(fond_famille.png) no-repeat; text-align:left; font-family:"Open sans", Arial, Verdana; } .menu_produit .text_famille_produit_moins { background:transparent url(fond_famille2.png) no-repeat; } /*Module : NEWSLETTER */ .newsletter{clear: both; float: left; height: 100%; margin-bottom: 20px;} /* Module : MENU_PORTAIL */ #admin_menu{ background: no-repeat scroll left top #222529; border: 0; } /* Module : FICHE_PRODUIT */ .fiche_produit .top_center_left .over_photo{ background:url(fond_prix.png) no-repeat; } .fiche_produit .produit_gabarit .gabarit_titre{background:transparent url(telecharger_gabarit.png) no-repeat;} /* Module : promos */ .promotions .papillon{ background:transparent url('goutte.png') no-repeat scroll 0px 0px; } /*div bouton commander sur les pages de descente*/ .bouton_commander{ background:transparent url(passer_commande.png) no-repeat scroll 0 0; } /*Module : NOS_AVANTAGES */ .nos_avantages{clear:both;float:left;width:247px;height:180px;margin-top:5px;} .nos_avantages .encart_content_top{width:247px;height:170px;margin:0 0 0 20px;} .nos_avantages .encart_content{width:247px;height:170px;margin:0 0 0 20px;} .nos_avantages .encart_content_top .encart_ligne{text-align:center;} .nos_avantages .hors-liv{font-size:8.5px;font-family:arial;color:#336699;margin-top:-5px;letter-spacing:-0.4px;} /*Module : CONFIANCE */ .confiance{clear:both;float:left;width:247px;height:170px;margin-top:5px;} .confiance .encart_content_top{border:0px; padding:5px 20px 5px 32px; margin:0; font-size:14px; line-height:16px; color:#222529; font-weight:normal;} .confiance .img_confiance{background:transparent url(confiance.gif) no-repeat scroll 0 0;width:221px;height:141px;padding:0;margin:0 0 0 15px;} .caddie,.page_accueil .commentaires,.confiance,.appel, .page_fiche_produit .commentaires,.articles_liste2,.contenu_droite .partenaires_liste{max-width: 100%;margin: auto;float: none;overflow: auto;margin-bottom:10px;} .page_fiche_produit .commentaires_liste_seule .centrage_commentaire{overflow:hidden;} /*module administration_commande */ .annuaire_immobilier{ background:transparent url(pave_annuaire.png) no-repeat scroll 0 0; width:210px; height:232px; clear:both; float:left; margin:10px 0 0 0; cursor:pointer; } /*espace admin*/ #page_espace_client .moteur_form_container_valider{ clear:both; margin: 0 0 0 125px; } /*module cocon_etiquette les pages spécifiques étiquette à fonction */ .cocon_etiquette,.article_produit{ width:100%; padding:0 0 15px 0; clear: both; } /*on corrige le style de l'article présent sur la page*/ .cocon{padding:10px 10px 10px 0;} .cocon_etiquette .leftcol, .article_produit .leftcol{ width:28%; padding:0; display: block; float:left; text-align:center; } .cocon_etiquette .photo,.article_produit .photo{margin:10px 0 0 0;width:300px;max-width:100%;max-height:300px;display:inline-block;} .cocon_etiquette .photo .photo_img, .article_produit .photo .photo_img{ width:90%;height:auto; } .cocon_etiquette .img_etiq, .article_produit .img_etiq{ max-width:740px; width: 100%; height:auto; } .cocon_etiquette .boutons, .article_produit .boutons{ margin: 20px auto; display: inline-block; width:230px; } .article_produit .boutons .icones{ margin-left: 0.5%; margin-right: 0.5%; width: 100%; float: left; display: flex; flex-wrap: wrap; } .cocon_etiquette .boutons{margin: 0 auto;} .cocon_etiquette .Indisponible {background:transparent url(../lebonprint.com/Produit-non-disponible.png) no-repeat;position:absolute;width:235px;height:131px;} .cocon_etiquette .titre, .article_produit .titre{ padding:0;margin:0; } .pave_option .article_produit a{color: #444444;text-decoration: none;text-transform:none} .pave_option .article_produit a:hover{color: #FF8C25;text-decoration: none;} .cocon_etiquette h1 { color:#FF6600; text-transform: uppercase; font-size:22px; font-weight:bold; } .article_produit h1{ color:#222529; font-size:24px; font-weight:bold; padding: 0 0 10px 15px; } .cocon_etiquette h1 span{ color:#222529; font-size:18px; font-weight:normal; } .cocon_etiquette h2, .article_produit h2{ font-weight:normal; } .cocon .barre_info{ background-color:#ffffff; border-bottom:0; } .cocon .item h2{ font-weight:600; font-size: 19px; } .cocon .item h3{ font-weight:500; font-size: 16px; padding: 3px 0 5px 10px; } .cocon .item p{ padding: 0 10px 0 27px; } .cocon .item ul{ padding: 0 0 0 75px; margin: 20px; } .cocon_etiquette .infos, .article_produit .infos{ width:69%; padding:0 10px 0 10px; display: block; float:left; vertical-align:top; } .cocon_etiquette .infos .topinfos, .article_produit .infos .topinfos{ display:flex; border-bottom:2px solid #222529; text-align:center; font-size:14px; color:#FF6600; cursor:pointer; text-transform:uppercase; background-color:#ededed; } .cocon_etiquette .spec, .article_produit .spec, .cocon_etiquette .devis, .article_produit .devis{ width:50%; padding:10px 5px 5px 5px; min-height:35px; line-height:20px; display:block; box-sizing:border-box; border:0; background:transparent; appearance:none; -webkit-appearance:none; font-family:Trebuchet MS; font-size:14px; text-align:center; text-transform:uppercase; color:#FF6600; cursor:pointer; letter-spacing: 0.2px; } .cocon_etiquette .actif, .article_produit .actif { background-color: #222529; color: #FFFFFF; } .cocon_etiquette .contenu, .article_produit .contenu{ width:100%; padding:5px; min-height:258px; } .cocon_etiquette .contenu-devis, .article_produit .contenu-devis{ width:100%; float: left; } .cocon_etiquette .cache, .article_produit .cache{ display:none; } .cocon_etiquette .icone, .article_produit .icone{ width:34px; height:40px; margin: 0 0 5px 0; float:left; } .cocon_etiquette .ic-fiche{ background:transparent url("icone-fiche.png") no-repeat center top; } .cocon_etiquette .ic-devis, .article_produit .ic-devis{ background:transparent url("icone-devis.png") no-repeat center top; } .cocon_etiquette .ic-echantillon, .article_produit .ic-echantillon{ background:transparent url("icone-echantillon.png") no-repeat center top; } .cocon_etiquette .ligne-liv{clear:both;display:inline-block;} .cocon_etiquette .ic-liv, .article_produit .ic-liv{ background:transparent url("livraison-gratuite.png") no-repeat center top; } .cocon_etiquette .boutons .btn-action, .article_produit .boutons .btn-action{ display:block; width:100%; height:45px; margin:0; padding:0; border:0; background:transparent; box-shadow:none; appearance:none; -webkit-appearance:none; font:inherit; color:#FFFFFF; text-align:left; cursor:pointer; } .cocon_etiquette .btn-a, .article_produit .btn-a{ margin: 0 0 5px 0; padding:0 0 0 5px; float:right; line-height: 40px; } .cocon_etiquette .btn-a2, .article_produit .btn-a2{ margin: 0 0 5px 0; justify-content: center; } .cocon_etiquette .btnblue, .article_produit .btnblue{ width:191px; height:40px; border-radius: 0 5px 5px 0; background-color:#07a8a6; } .cocon_etiquette .btngreen, .article_produit .btngreen{ width:191px; height:40px; color:#ff6600; } .cocon_etiquette .btnred, .article_produit .btnred{ width:191px; height:40px; color:#bd234d; } .cocon_etiquette .btngreen, .article_produit .btnliv{ width:191px; height:40px; justify-content: center; text-transform: uppercase; font-family: Trebuchet MS; font-size: 14px; text-align: left; letter-spacing: 0.2px; } .cocon_etiquette .lien-cocon, .article_produit .lien-cocon{ justify-content: center; text-transform: uppercase; font-family:verdana; font-size:10px; float:right; } .cocon_etiquette a, .article_produit .boutons a, .btn-a{ justify-content: center; text-transform: uppercase; font-family:Trebuchet MS; font-size:14px; text-align: left; letter-spacing: 0.2px; color:#FFFFFF; } .cocon_etiquette a:hover, a:visited, .article_produit a:hover, a:visited{ text-decoration: none; } .cocon_etiquette .top-text, .article_produit .top-text{ font-size: 20px; text-align: center; color: #393737; font-weight: bold; margin: 10px; } .cocon_etiquette .libelle, .article_produit .libelle{ font-size: 14px; color: #393737; margin: 10px; } .cocon_etiquette .contact-form, .article_produit .contact-form{ float:left; } .cocon_etiquette .contact-etiquette, .article_produit .contact-etiquette{ text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } .cocon_etiquette .contact-etiquette .quadruple, .double, .article_produit .contact-etiquette .quadruple{ line-height: 42px; width: 100%; text-align: center; } .contact-etiquette .quadruple_1, .contact-etiquette .quadruple_2, .contact-etiquette .quadruple_3, .contact-etiquette .quadruple_4, .article_produit .quadruple_1, .article_produit .quadruple_2, .article_produit .quadruple_3, .article_produit .quadruple_4{ width:25%; } .cocon_etiquette .contact-etiquette .info-retour, .article_produit .contact-etiquette .info-retour{ border:0; font-size: 14px; } /*Affichage flex des images produits dans articles sur 4 colonnes*/ .row { display: flex; flex-wrap: wrap; padding: 0 10px; } .column,.columns { flex: 20%; max-width: 25%; margin: 0 10px 20px 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); border-radius: 5px; margin: 0 1% 20px 1%; padding: 10px 1%; } .column_grid { display: grid; grid-template-rows: 3fr 75px; } .column_vide { flex: 20%; max-width: 25%; margin: 0 10px 20px 10px; padding: 0 0 10px 0; } .texte_tab{ text-align: justify; font-family: "Open sans",Arial,Verdana; color: #393737; font-size: 13px; line-height: 17px; padding: 5px; overflow: hidden; } .texte_tab h2{ font-size: 14px; padding: 0 0 5px 0; font-weight: normal; text-align:center; } .image_tab{ max-width:400px; text-align: center; margin: auto; } .image_tab_tronq{ height:150px; overflow: hidden; } .image_tab img{ max-height:250px; max-width:250px; } .texte_tab h2::before{ content: none; } .texte_tab a.text_tab, a.text-tab:visited{ text-align: justify; font-family: "Open sans",Arial,Verdana; color: #393737; font-size: 14px; color:#0039a6; text-decoration:none; font-weight:bold; } .texte_tab a.text_tab:hover{ text-decoration:underline; color:#0039a6; } #pave-contact-etiquette{ width:235px; height:450px; position: absolute; } #pave-contact-etiquette.fixed{position:fixed; top:129px;} .article_produit .commentaire, .cocon_etiquette .commentaire{ width:155px; border: 2px solid #333;border-radius: 5px; display: inline-block; padding:3px; } .cocon_etiquette .commentaire{margin-top:10px;} .article_produit .commentaire .titre, .cocon_etiquette .commentaire .titre{ font-size:13px; text-align: center; color:#222529; text-transform: uppercase; } .article_produit .new_commentaires .titre_boite, .cocon_etiquette .new_commentaires .titre_boite{ display: inline-flex; } .article_produit .new_commentaires .titre_boite .picto_boite2, .cocon_etiquette .new_commentaires .titre_boite .picto_boite2{ background: transparent url(https://www.lebonprint.com/images/default/../default/picto_etoile2.png) no-repeat scroll 0px 0px; width:100px; height:18px; } .article_produit .new_commentaires .all_notes, .cocon_etiquette .new_commentaires .all_notes{ margin: 2px 0 0 0; } .article_produit .new_commentaires .texte-sous-note, .cocon_etiquette .new_commentaires .texte-sous-note{ width:100%; height:100%; clear: both; text-align: center; } /*RECALAGE EN 100%*/ .contenu_general{padding:0 0 10px 0;width:100%;overflow:hidden;display:table;} .page_fiche_produit .contenu_general{display:block;} .contenu_gauche{display:table-cell;float:none;width:210px;padding:0px;padding-right:1%;} .contenu_centre{display:table-cell;float:none;width:auto;padding:0px;padding-top:5px;} .contenu_centre_seul{display:table-cell;float:none;width:auto;padding:0px;padding-top:5px;} .contenu_droite{display:table-cell;float:none;width:250px;padding:0px;padding-left:1%;padding-right:5px;padding-top:13px;} .header,.bottom_edil,.menu_bas,.menu_portail,.slider,.page_accueil .contenu_texte,caddie,.newsletter,.page_accueil .pave_art,.page_accueil .commentaires_liste_seule .content,.page_fiche_produit .commentaires_liste_seule .content,.middle_center,.fiche_produit,.middle_center .barre_info,.middle_center .lesplus_milieu,.middle_center .titre_info,.middle_center .lesplus_texte, .membre .introduction .contenu_domaine, .membre .introduction .selectionnez ,.middle_center .options,.middle_center .prix,.options .texte_options,.options .fond_bleu,.options .fond_gris, .commentaires_liste,#membre .connexion .formulaire_connexion ,.middle_center .prix .description,.fiche_produit .top_center,.fiche_produit .top_center .new_top_center_top,.fiche_produit .top_center .new_top_center_left,.fiche_produit .top_center .new_top_center_right,.fiche_produit .top_center .new_top_center_left .image_produit,.fiche_produit .banner li img ,.middle_center .prix .bleu,.middle_center .prix .gris,.calculateur,.calculateur .form-line-titre,.calculateur,.calculateur .form-line-titre,.calculateur .form-line ,.calculateur_tarif .resume_produit,.calculateur_tarif .container,.content .articles_liste .items,.content .commentaires_liste, .guide_technique,.guide_technique .trait,.promotions .categorie_content,.promotions .promo_titre,.promotions .promo_description,.page_referencement_article .contenu_texte ,.commande_content,.contenu_droite .nos_avantages .encart_content_top, .contenu_droite .nos_avantages .encart_ligne {width:100%;margin-left:0px;margin-right:0px;} #admin_menu,.page_accueil .articles_liste ul.homebloc,.page_accueil .articles_liste ul.homebloc li,.articles_liste2,.articles_liste2 .titre,.contenu_droite .partenaires_liste,.contenu_droite .partenaires_liste .titre,.contenu_droite .articles_liens{width:auto;float:none;overflow:auto;} .content .articles_liste h1,.content .articles_liste .item h2,.content .articles_liste .style5 .groupe-act,.content .articles_liste .style5 .menu-act,.promotions .item,.promotions{width:auto;} .content .articles_liste .item{width:98%;} .caddie,.options .fond_bleu,.options .fond_gris{width:99%;padding: 0 0 0 2px;} .page_accueil .commentaires,.page_accueil .commentaires_liste_seule .centrage_commentaire,.page_fiche_produit .commentaires_liste_seule .centrage_commentaire, .contenu_droite .nos_avantages {width:97%;padding-right:1%;padding-left:1%;} .page_fiche_produit .commentaires{width:100%;margin:-25px 0 20px 0;padding:0;} .actualites_liste {width:100%;margin:0 auto;} .slider{height:auto;} .slider .item{margin-top:0px;height:280px;width:50%;padding-right: 15px;} .page_accueil .articles_liste ul.homebloc li,.appel{text-align:center;} .middle_center .options,.options .fond_bleu,.options .fond_gris,.fiche_produit .top_center .new_top_center_right,.middle_center .produit_plus,.middle_center .lesplus_milieu,.middle_center .titre_info, .fiche_produit .top_center .new_top_center_right,.calculateur .form-title,.texte {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;} .slider li{background-size:100% 100%!important;} .auto_completion {position:relative;float:right;margin-left:75%;margin-top:-34px;} .shareit,menu_portail{position:absolute;float:left;} #admin_menu{padding-left: 17%;padding-right:25%;width: 58%;} .auto_completion #recherche{width:182px;} .header .connect{float:left;margin:0 5% 0 5%;left:auto;top:auto;width:100px;position:relative} .header .right-band{width:520px} .header .panier{float:left;margin:0 5% 0 5%;left:auto;top:auto;width:100px;position:relative;} .nos_avantages,.articles_liens{float:none;margin:auto;margin-bottom:10px;} .articles_liens{float:left;} .contenu_droite .articles_liens{float:none;overflow: hidden;} .newsletter .mail{float:left;} .newsletter .newsletter_encart_ok{margin-right:0;float:left;} .articles_liste .contenu_texte img,.article .texte img, .articles_liste .contenu_texte table, .articles_liste .photos img{max-width:100% !important;height:auto !important;} .infos_commande{width:100%;} .contact .valider input {cursor: pointer;text-align: center;} .middle_center .lesplus_texte{width:94%;} .page_accueil .articles_liste ul.homebloc li.first,.page_accueil .articles_liste ul.homebloc li.last{width:49%;float:left;} .commande_content{width:100%;} .commande .produit{width:70%;} .commande_caddie .titre, .commande .recap_titre, .commande .box_titre{width:100%;} .page_commande .contenu_centre, .page_paiement_retour .contenu_centre{width:100%;max-width: 977px;float: left;} #commande_client .box{width:100%;} #commande_client .reservation_connexion{width:100%;} #commande_client .reservation_connexion .instruction{text-align: center;margin-bottom: 20px;font-weight:600} #commande_client .reservation_connexion .connexion_container{display: flex;justify-content: space-between;align-items: flex-start;max-width: 600px;margin: 0 auto;} #commande_client .deja_client_box{margin-right:2%;width:97%;} #commande_client .connection {display: flex;flex-direction: column;gap: 10px;text-align: right;} #commande_client .donneebis{width:95%;margin-left:5%;} #commande_client .form_message, #commande_client textarea{width:66%;} #commande_client .ligne{width:100%;} #commande_client .mentions_legales{margin-left:2%;width:98%;} .commande .contenu_reglement {width:92%;margin-left:2%;margin-right:2%;font-weight: 600;} .commande .contenu_reglement .button-reglement{display: flex;justify-content: center;} .commande .paiement_texte{width:100%;background: none repeat scroll 0 0 #F5F5F5;font-family: "Open sans", Arial, Verdana;} .commande .contenu_cb.boutons_reglement, .commande .contenu_cheque.boutons_reglement, .commande .contenu_virement.boutons_reglement, .commande .contenu_mandat.boutons_reglement{margin-left:32%;} .commande .system_message{width:100%;font-size: 16px;} #commande_fin .fin_texte{width:97%;margin-left:2%;} .fin_texte .bouton_transfert{margin-left:29%;} #commande_fin .contenu_ac_decale, .paiement_retour .contenu_ac_decale {margin-left:28%;} #commande_fin .contenu_reglement{margin-left:0;} .membre #oubli{width:38%;height:170px;} #membre .connexion{width:50%;margin-right: 0px;height:170px;} #membre .connexion .bouton_connexion{clear: both;float: none;margin-left: 151px;width: 150px;background-color: #F3F3F3;border: 1px solid #C0C0C0;border-radius: 5px 5px 5px 5px;box-shadow: 1px 1px 2px #C0C0C0 inset;padding:5px 0 5px 0} .membre #creation_compte{width:92%;} .membre .introduction .contenu_domaine,.membre .introduction .selectionnez{margin: auto;padding:0px;float: none;width: 440px;} .middle_center .titre_info,.options .fond_bleu,.options .fond_gris{padding-left:5px;} .calculateur .form-title{padding-left:10px;} /*correction spécifiques*/ .page_actualite .style0 .photos{width:30%;} .page_actualite .articles_liste{width:99%;} .page_revendeur .articles_liste{width:99%;} .page_actualite .articles_liste .texte{width:50%;margin-left:30%} .page_actualite .articles_liste .suite{width:80%;margin:0px;} .articles_liste .style5 .contenu_texte{width:99%;} .calculateur {max-width: 650px;margin: 0 auto;} .calculateur .form-value2{padding:0} .calculateur .input-right{padding: 2.5px;} .calculateur .form-label2{margin-left: 0;} .calculateur_tarif .resume_produit{box-sizing: border-box;} .calculateurx .line-hauteur {margin-left: -132px;max-width: 106px;} .calculateurx .line-base {margin-left: 25px;max-width: 106px;} .caddie .produit{text-align:justify;} .caddie .option_pliage{padding:5px;} .article .items{width:97;} .caddie .vide,.caddie .item{padding-left:5px;} .calculateur_tarif{width: 96%;max-width: 650px;margin: 0 auto;clear: both;padding: 10px;float:none;min-height:200px} /*.fiche_produit .new_top_center_right .avis{margin-left: 6%;}*/ .calculateur .form-label,.calculateur .form-value,.calculateur .form-label2,.calculateur .form-value2{display:block;float:left;} .calculateur .form-label,.calculateur .form-label2{line-height:25px;} .calculateur .input-right{display:block;float:right;} .calculateur .form-label2{margin-left:5%;} .commande_espace_admin .liste_compo_commande{width:96%;} .commande_espace_admin .liste_compo_commande .table_items{width:100%;} .commande_espace_admin .pave_info{width:400px;} .commande_espace_admin .bloc .bloc_liv table{width:100%;} .commande_espace_admin .bloc_liv .texte_liv{padding-left:0px;} .membre .etat .envoie_maquette, .membre .etat .confirm_bat{margin:auto;} .fiche_produit .new_top_center_right .gabarit,.fiche_produit .new_top_center_right .gabarit_titre,.fiche_produit .new_top_center_right .gabarit .item,.fiche_produit .new_commentaires .all_notes,.fiche_produit .commentaires_resume .titre_boite, .cocon_etiquette .all_notes{width:auto;height:auto;} .fiche_produit .commentaires_resume{width:100%;height:100%;} .fiche_produit .top_center .new_top_center_left{width:78%;float:left;max-width:680px;} .fiche_produit .top_center .new_top_center_right{margin-left:0.5%;margin-right:0.5%;width:20%;float:left;min-height: 310px;display:flex;flex-wrap: wrap;} .fiche_produit .new_top_center_right .gabarit{width: 100%;padding: 0;} .fiche_produit .new_top_center_right .gabarit .item{width:95%;min-height: 27px;text-align:center;float:none;margin: 0 auto;background-color: #333;} .fiche_produit .new_top_center_right .gabarit .item2{width:95%;min-height: 27px;text-align:center;float:none;margin: 0 auto;} .fiche_produit .new_top_center_right .gabarit .item a{color:#FFFFFF;} .fiche_produit .new_top_center_right .gabarit_titre{float:none;} .fiche_produit .new_top_center_right .prix_min, .fiche_produit .new_top_center_right .delai {width: 50%;padding: 5px 0 0 0;clear:both;float:left;} .fiche_produit .new_top_center_right .titre_boite{padding: 0 0 0 15%;display: flex;flex-direction: column;} .fiche_produit .new_top_center_right .ICO_BAT,.article_produit .boutons .ICO_BAT{background:transparent url(ico-bat-gratuit.png) no-repeat center top;width:50%;height:89px;margin: 10px 0 0 0;} .fiche_produit .new_top_center_right .ICO_FRANCE,.article_produit .boutons .ICO_FRANCE{background:transparent url(ico-imprime-france.png) no-repeat center top;width:50%;height:89px;margin: 10px 0 0 0;} .fiche_produit .new_top_center_right .ICO_CONSEILLER,.article_produit .boutons .ICO_CONSEILLER{background:transparent url(ico-aide-personnalisee.png) no-repeat center top;width:50%;height:89px} .fiche_produit .new_top_center_right .ICO_PAIEMENT,.article_produit .boutons .ICO_PAIEMENT{background:transparent url(ico-paiement-securise.png) no-repeat center top;width:50%;height:89px} /*SPECIFICITE*/ @media only screen and (max-width: 1100px){.fiche_produit .new_top_center_right .titre_boite{padding: 0 0 5% 0;} .actualites_liste{display:none;} .tooltip{display:none;margin-left:490px;border:solid 2px #29b4eb;border-radius: 5px;background-color:#ffffff;color:#222529;max-width:225px;width:225px;padding:10px;min-height:30px;font-family:"Open sans", Arial, Verdana;font-size:12px;line-height:15px;z-index:98;} .tooltip_tableau_prix{margin-left: 0;width: 15%;right: 60%;} .commande .panier_droite, .commande .panier_gauche{width:50%} } /*VERSION TABLETTE*/ @media only screen and (max-width: 999px){ /*a cacher*/ #menu,.likebox_facebook,.reglement_info,.annuaire_immobilier,.contenu_droite .partenaires_liste,.shareit {display:none;} .header{display: block;} .mobile_only{display:block;} .caddie, .right-band .panier .ico_panier, .right-band .panier .mon_panier {display:none;} .right-band .panier{position:absolute;margin:0;top:0;left:0;} .right-band .panier .subpanier{display:none;position:absolute;top:100%;right:0;left:auto;width:420px;} #menu li ul li{display:none;} html > body #menu li, #menu li{width:100%;} #menu{width:98%;height:auto;margin-left:1%;position:absolute;z-index:10;background-color:#efefef;top:46px;} #menu a{line-height:38px; color:#222529;} .contenu_general{display:block;} .contenu_gauche{clear:both;display:block;width:98%;padding-left:1%;padding-right:1%;} .contenu_centre{clear:both;width:64%;} .contenu_centre_seul{clear:both;width:100%;} .contenu_droite{width:35%;} .menu_produit,.menu_produit .module_header,.menu_produit .text_famille_produit,.menu_produit .bg_cadre,.menu_produit .bouton_produit,.menu_produit .text_produit,.menu_produit .cadres,.menu_produit .changeliendevis {width:auto;float:none;overflow:auto;} .mobile_menu_produit{display:block;background-color:#fb8314;color:#ffffff;font-weight:bold;text-align:center;width:auto;margin:auto;padding:8px 10px;font-size:14px;cursor:pointer;} .mobile_menu_produit::before {content: "\2AF4";font-size: 2em;float:left;margin-top: -9px;} .menu_produit .text_famille_produit{background-position:top right;background-color:rgb(251, 131, 20);} .mobile_menu{display:block;position:absolute;right:10px;top:0;color:#000;cursor:pointer; right: 10px;} .mobile_caddie{position:absolute;left:10px;top:10px;width:32px;height:32px;color: #000;cursor:pointer;} .mobile_caddie::before{content: "\2AF4";font-size: 2.5em;float:left;} .mobile_connect{position:absolute;left:52px;;top:10px;width:32px;height:32px;color: #000;cursor:pointer;} .mobile_connect::before{content: "\2AF4";font-size: 2.5em;float:left;} .menu_produit{display:none;margin:auto;float:none;} .devis_encart{float:none;margin:auto;} .auto_completion{margin:0px;display:block;position:relative;width:auto;float:none;background-color:#efefef;} .auto_completion #recherche{width:74%;margin-bottom: 3px;margin-top: 3px;background:none;background-color:#FFFFFF;border:1px solid #cccccc;height:14px;} .header{height:145px;} #admin_menu{padding:0px;background-image:none;height:auto;} .commande .boutons_action{clear:both;float:none;margin:auto;display:block;} .bottom_edil{height:auto;} .tooltip{display:none !important;} #membre .formulaire_mdpp{width:100%;} .membre #creation_compte h3{width: auto;} .membre .titre_espace_membre{height:auto;min-height:50px} /*Spécifiques*/ .slider .fleches{margin: -160px 0 0 0;} .infos_commande{height:auto;} .fiche_produit .top_center .new_top_center_left{width:100%;float:none;} .fiche_produit .top_center .new_top_center_right{width:100%;float:none;margin-left:0px;margin-right:0px;display: inline-flex;min-height: 53px;} .fiche_produit .new_top_center_right .avis, .fiche_produit .new_top_center_right .prix_min, .fiche_produit .new_top_center_right .delai, .fiche_produit .new_top_center_right .gabarit,.fiche_produit .new_top_center_right .ICO_BAT,.fiche_produit .new_top_center_right .ICO_FRANCE,.fiche_produit .new_top_center_right .ICO_CONSEILLER,.fiche_produit .new_top_center_right .ICO_PAIEMENT {width: 12%;min-width:91px;padding: 10px 0;margin:0} .fiche_produit .new_top_center_right .gabarit{margin-top:-15px;} #commande_client .commande_client_input {margin: 3px;} .moteur_form_champ textarea{width: 310px;} .entete_commande .entete_date_commande, .entete_commande .entete_text_commande, .entete_commande .entete_montant_commande, .entete_commande .entete_etat_commande, .entete_commande .entete_open_commande, .entete_facture .entete_date_facture, .entete_facture .entete_text_commande, .entete_facture .entete_montant_facture,.entete_facture .entete_open_facture{font-size: 12px;} .commande_espace_admin .date_commande, .commande_espace_admin .text_commande, .commande_espace_admin .montant_commande, .commande_espace_admin .etat_commande, .facture .date_facture, .facture .text_commande, .facture .montant_facture, .facture .bouton_facture{font-size: 13px;} .transfert_maquette .top{margin: 15px 0 0 40%;} .transfert_maquette .file_transfert{margin: 15px 0 0 15px;} .transfert_maquette .corps{margin: 0;} .transfert_maquette .boutons{width: 500px;} .facture .open_facture{padding: 4px 0 0 2%;} .slider .item{height:200px;} .header .right-band {float: none;width: 200px;height: auto;margin: 0 auto;} .slider .item .pave{font-size: 12px;} .slider .item .titre{font-size: 20px;} .category-products .itemli{width:48%;} .category-products .products-grid, .itemli {display:block;} .category-product-content .product-name {text-transform: uppercase;} .contact .quadruple_3 {clear:both;} .contact .quadruple_1,.contact .quadruple_3, .contact .double_1{width:30%;} .contact .quadruple_2,.contact .quadruple_4, .contact .double_2{width:60%;} /*.contact .double_2 textarea{width:90%;}*/ .double_message .double_1,.double_message .double_2{width:30%;} .contact .double_2 textarea{width:173px; height:150px;} .cocon_etiquette .leftcol, .cocon_etiquette .infos {width:100%;display:table;padding: 5px;} .cocon_etiquette .photo{margin:auto;} .cocon_etiquette .boutons{vertical-align: top;padding: 15px;} .fiche_produit .new_top_center_top .mini_description, .middle_center .lesplus_texte, .commentaires .lib_individuel, .commentaires .commentaire_contenu, .options .texte_options, .calculateur_tarif .texte_sous,.articles_liste li, .texte_tab {font-size:95%} .articles_liste .item h2,.middle_center .titre_info h2,.middle_center .titre_info,.texte_interet2{font-size:16px} .articles_liste h3{font-size:14px} .column {flex: 45%;max-width: 50%;} .column_grid {grid-template-rows: 3fr 40px;} .commentaires .item{max-width: 29%} .banner li.no-mobile{display:none;} /*CALAGE POUR SPEED TEST*/ .icones_accueil{height:128px;display: block;clear: both;} .icones_accueil .itemli {width: 50%;padding: 10px 0;height:39px;} .actualites_liste{height:180px;} .product-image img {width:200px;height:200px;} .articles_liste .seo-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .articles_liste .seo-steps{grid-template-columns:repeat(3,minmax(0,1fr))} .articles_liste .seo-cta{padding:22px 20px} .articles_liste .seo-cta h3{font-size:24px} .articles_liste .seo-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } /*INTERMEDIAIRE (petits supports)*/ @media only screen and (max-width: 780px){ } /*VERSION MOBILE*/ @media only screen and (max-width: 734px){ .content{min-width: 320px;} /*calage général*/ .contenu_gauche,.contenu_centre,.contenu_droite{clear:both;display:block;width:98%;padding-left:1%;padding-right:1%;} .page_accueil .articles_liste ul.homebloc,.page_accueil .articles_liste ul.homebloc li{width:100%;margin-left:0px;margin-right:0px;} .page_commande .caddie {display:none;} .page_commande .contenu_centre{width:98%;} .societe, .mentions_legales, .cgv {width:100%;} #commande_client .donnee{clear:both;width:100%;} #commande_client .reservation_connexion .valider1{clear:both;} .commande .paiement_texte{clear:both;float:left;width:100%;} .paiement_texte input{clear:both;display:block;float:left;} .paiement_texte span{display:block;float:left;} /*modules*/ .guide_technique{height:auto;} .gabarits .gauche,.gabarits .droite{clear:both;float:none;width:100%} .newsletter{width: 247px;margin:auto;float:none;} .page_accueil .articles_liste ul.homebloc li.first,.page_accueil .articles_liste ul.homebloc li.last{clear:both;width:100%;} .articles_liste .item table{max-width:100%;width:100% !important;} .articles_liste h3{margin:3px 3px 10px 3px;} .promotions .photo_principale{position:relative;width:100%;margin:auto;} .article .photo_container img{max-width: 100%;height: auto;} /*fiche produit*/ .middle_center .prix .titre,.middle_center .prix .titremin, .middle_center .prix .titre_qt{width:auto;font-size:10px;} .middle_center .prix .impression{width:auto;} .middle_center .prix .caddie_add{clear:both;float:none;display:none;} .calculateur .form-label,.calculateur .form-value{display:block;text-align:center;padding:0px;width:98%;float:left;} .calculateur .form-value{align-items: center;display: flex;justify-content: center;} .calculateur .input-right{float:none;} /* clem 16/09/20 je vire ça fou la merde .calculateur_tarif .column-titre,.calculateur_tarif .column {display:block;float:left;font-size: 12px;min-width:auto;padding:8px 0px;height:auto;box-sizing:border-box;}*/ .calculateurx_tarif .column-titre,.calculateurx_tarif .column {width:33.3%;} .calculateur_tarif .column,.calculateur_tarif .columns{padding: 15px 0;} /* clem 16/09/20 je vire ça fou la merde .calculateur_tarif .container{display:block;clear:both;} */ .calculateur .form-label,.calculateur .form-value2,.calculateur .form-label2{width:100%;text-align:center;clear:both;display:block;padding-left:0px !important;padding-right:0px !important;} .calculateur .input-right{display:inline;padding-top:7px;padding-bottom:8px;} body{background:none;} .header {background-size:100% 100%;background-color:transparent;height:154px;} .articles_liste .contenu_texte img{max-width:100%;} .confiance .img_confiance{margin:auto;} .newsletter .mail{margin-left:5%;float:left;} .newsletter .newsletter_encart_ok{float:left;} .devis_encart{margin:auto;float:none;} .calculateur_tarif .texte {padding:0px !important;} #membre .connexion,.membre #oubli,.membre #creation_compte{width:97%;margin-left:1%;} .membre .introduction .contenu_domaine,.membre .introduction .selectionnez{width:320px;background-size: 100%;} .introduction .rubrique, .introduction .rubrique .icone{width:78px !important;background-size:100% !important;} .fond_off{display:none;} .fond_on{display:block} /*corrections spécifiques*/ .page_actualite .style0 .photos{width:80%;height:auto;} .page_actualite .articles_liste .texte{clear:both;width:100%;margin:0%;height:auto;} .page_actualite .articles_liste .suite{clear:both;width:80%;margin:0px;} .calculateur_tarif{width:100%;margin-left:0%;margin-right:0%;} .fiche_produit .new_top_center_right .avis{margin-left: 1%;} .commentaires_liste .commentaire_contenu{width:auto;} .lexique,.lexique .lexique_lettres,.lexique .titre_lexique{width:auto;} .paiement_texte .phrase{display:none;} .category-product-content .product-name {font-size:75%;} .category-product-content .bouton{font-size:85%;} .calculateur .form-label2{margin-left:0;} #pave-contact-etiquette{display:none} .page_fiche_produit .commentaires,.page_fiche_produit .commentaires_liste_seule .centrage_commentaire{max-width:100%;} #commande_client .commande_client_input {margin: 3px;} .client_menu{border-bottom:0;display: inline-block;} #client_menu li{border-radius: 7px;clear: both;min-width: 200px;margin-top: 5px;} .entete_commande .entete_date_commande, .entete_commande .entete_text_commande, .entete_commande .entete_montant_commande, .entete_commande .entete_etat_commande, .entete_commande .entete_open_commande, .entete_facture .entete_date_facture, .entete_facture .entete_text_commande, .entete_facture .entete_montant_facture,.entete_facture .entete_open_facture{font-size: 11px;vertical-align:top} .commande_espace_admin .date_commande, .commande_espace_admin .text_commande, .commande_espace_admin .montant_commande, .commande_espace_admin .etat_commande, .facture .date_facture, .facture .text_commande, .facture .montant_facture, .facture .bouton_facture,.entete_facture .entete_date_facture{font-size: 12px;} .commande_espace_admin .date_commande .text_date {padding: 7px 0 0 0;} .commande_espace_admin li{width:30px;} .commande_espace_admin .bloc .bloc_liv{min-width:200px;} .slider .fleches{margin: -135px 0 0 0;} .slider .item{height:150px;} .fiche_produit .top_center .new_top_center_left .image_produit, .fiche_produit .banner li, .fiche_produit .top_center .new_top_center_left{height:220px;min-height:220px} .options .texte_options, .middle_center .titre_info, .options .fond_bleu, .options .fond_gris, .middle_center .prix .quantite, .middle_center .prix .impression, .middle_center .prix .delai{font-size: 13px;} .fiche_produit .banner .fleches{margin: -130px 0 0 0;} .pave_gen{width:100%} .transfert_maquette .top{margin: 15px 0 0 20%;} .transfert_maquette .file_transfert{margin: 15px 0 0 15px;width:80%;} .transfert_maquette .corps{width:100%} .transfert_maquette .boutons{width: 300px;} .transfert_maquette .bouton_maquette_existante{} .facture .bouton_facture{width: 90px;height: 16px;overflow: hidden;} .calculateur_tarif{padding:0;width:100%;display: inherit;} .calculateur_tarif .container, .calculateur_tarif .resume_produit, .bottom_edil {min-width:360px;} .calculateur_tarif .texte_qt, .calculateur_tarif .tarif{font-size:14px;} .calculateurx .label{font-size:13px;} .calculateurx .visuel{width:130px} .calculateur .form-label3{font-size:13px;min-width: 120px;} .calculateur .nb_exemplaires{font-size:13px;} .calculateur_tarif .texte_sous{margin:5px 0 15px 0;} .loader {width:370px;} .loader .texte{font-size: 13.5px;} .calculateur_erreur{font-size: 13px;width:365px;} .calculateur_tarif .panier{display:none;} .articles_liste .barre_info {height:auto;} .menu_bas {height:auto;} .caddie_popup {max-width:270px;width:auto;text-align: center;margin: 0 auto;} .commande .tableau_caddie{width: 97%;} #commande_client .deja_client_box{margin:0;} #commande_client .box{width: 85%;} #commande_client .reservation_connexion .connection {margin:5% 10% 0 10%;} #commande_client .deja_client_connecte{max-width: 340px;} .encart_arbre{margin:0 0 15px 0;} .commande_espace_admin .liste_compo_commande{width:100%;margin:0;} .commande_espace_admin .pave_info{width: 95%;max-width: 375px;;margin: 0 0 10px 0px;} .commande_espace_admin .ligne_commande, .commande_espace_admin .date_commande, .commande_espace_admin .text_commande,.commande_espace_admin .montant_commande,.commande_espace_admin .etat_commande,.commande_espace_admin .open_commande{height: 36px;line-height: 12px;} .commande_espace_admin .date_commande .text_date{padding: 0 0 0 8px;} .entete_commande .entete_date_commande, .entete_commande .entete_etat_commande, .entete_commande .entete_open_commande, .entete_commande .entete_ligne_commande,.entete_facture .entete_ligne_facture, .entete_facture .entete_date_facture, .entete_facture .entete_open_facture, .entete_facture .entete_text_commande, .entete_facture .entete_montant_facture{height:36px;line-height:12px} .entete_commande .entete_text_commande, .entete_commande .entete_montant_commande{height:36px;line-height:12px;} .commande_espace_admin .liste_compo_commande .table_items .entete{text-align:center} #page_espace_client .facture .ligne_facture, #page_espace_client .facture .date_facture, #page_espace_client .facture .text_commande, #page_espace_client .facture .montant_facture, #page_espace_client .facture .open_facture{height: 45px;} .facture .date_facture .text_date{float: none;} #page_espace_client .contenu_centre .normal{text-align:center;} #page_espace_client .contenu_centre .normal .titre_espace_membre{text-align:left;} .membre_sondages .entete_commande, .membre_sondages .compo_commande, .membre_sondages .compo_commande .produit{width: 95%;} .membre_sondages .entete_commande, .membre_sondages .compo_commande{box-sizing:border-box;} .membre_sondages .reponse_valeur textarea{width:300px;} .membre_sondages .question{width:200px;} .membre_sondages .intro{width:89%} .membre_sondages .bon_de_reduction{margin: 0 auto;} .cocon_etiquette .libelle{font-size:13px} .cocon_etiquette .infos, .cocon_etiquette .contenu, .cocon_etiquette .contact-etiquette{padding:0} .cocon_etiquette .infos .topinfos{font-size:11px} .cocon .item p, .cocon .item h3{padding:0;margin:0} .articles_liste p{margin:0 5px 0 5px;} .page_fiche_produit .commentaires_liste_seule .centrage_commentaire{display:block} .commentaires .commentaire_notation, .commentaires .commentaire_contenu{width:100%} .fiche_produit .new_top_center_right .avis, .fiche_produit .new_top_center_right .prix_min, .fiche_produit .new_top_center_right .delai, .fiche_produit .new_top_center_right .ICO_BAT,.fiche_produit .new_top_center_right .ICO_FRANCE,.fiche_produit .new_top_center_right .ICO_CONSEILLER {width: 19%;min-width:0;padding: 10px 0;margin:0} /* .fiche_produit .new_top_center_right .ICO_PAIEMENT{display:none}*/ .fiche_produit .new_top_center_right .gabarit{width:100%} .column {flex: 100%;max-width: 100%;} .commentaires .item{max-width: 35%} .commentaires .lib_individuel{width: 100%;} .banner li.no-mobile{display:none;} .product-image img {width:150px;height:150px;} .fond_on1,.fond_on2,.fond_on3,.fond_on4{background-size: contain;} .commande .panier_droite{width:100%} .commande .panier_gauche{width:0px} #commande_client .reservation_connexion .connexion_container, #commande_client .mdpp{flex-direction: column; align-items: center;} #commande_client .reservation_connexion .valider1{margin: 15px 0;} #commande_client .libelle{width: 100%;} .commande .paiement_choix{margin: 30px 0 0 0;gap: 0;} .commentaires_liste .list-wrapper{padding:0} .commentaires_liste .list-item {max-width:360px} .content .articles_liste .item{max-width:410px} .page_referencement_article .groupe-art{margin: 10px;} .page_referencement_article p.petit{padding: 0 10px;} .texte_interet{line-height: 18px;width: 260px;} .texte_interet .bigO{margin:0} .bande_gauche,.bande_droite{min-width:50px;width:50px} .articles_liste .seo-tech-grid{grid-template-columns:1fr;gap:14px} .articles_liste .seo-tech-card{padding:16px} .articles_liste .seo-tech-card h3{font-size:20px} .articles_liste .seo-table{border-radius:12px} .articles_liste .seo-table-head{display:none} .articles_liste .seo-table-row{display:block;padding:8px 0} .articles_liste .seo-table-row:nth-child(odd),.articles_liste .seo-table-row:nth-child(even){background:transparent} .articles_liste .seo-table-cell{display:block;width:100%;padding:10px 14px;border-bottom:none} .articles_liste .seo-table-cell:before{content:attr(data-label);display:block;font-weight:700;color:#ed7600;margin-bottom:4px} .articles_liste .seo-steps{grid-template-columns:1fr;gap:12px} .articles_liste .seo-step{padding:16px 14px} .articles_liste .seo-step h3{font-size:18px} .articles_liste .seo-step p{font-size:14px} .articles_liste .seo-cta{flex-direction:column;align-items:flex-start;padding:20px 18px} .articles_liste .seo-cta h3{font-size:24px} .articles_liste .seo-cta-btn{width:100%;text-align:center} .articles_liste .seo-links-box{padding:18px 16px} .articles_liste .seo-links-box h3{font-size:21px} .articles_liste .seo-card-title{font-size:20px} .div_btn_avis_bas{width:360px;} .avis_phrase_fiche {width:335px;} .btn_avis_bas{display:block;width:100%;box-sizing:border-box} }