/* Copyright (c) 2016, SIMAC SILVESTRE Rémi a:link => pages non encore été visité a:visited => page déjà visité a:hover => survole a:active => liens en train d'êtr cliqué a:focus => liens qui deviennent actifs (lors de la navigation au clavier, par exemple) background: transparent url(/path/to/images/filename.png); = background-color: transparent; background-image: url(/path/to/images/filename.png); HAUT DROITE BAS GAUCHE HAUT DROITE/GAUCHE BAS HAUT/BAS DROITE/GAUCHE text-transform : capitalize; 1er lettre majuscule text-transform: uppercase; / lowercase font-variant: small-caps; #div>p:first-child => > : tous les p sous balise de div / first-child : balise direct après le div h1 + p => tous les p au même niveau que h1 animation-duration : durée / transition : acceleration ease : Rapide sur le début et ralenti sur la fin. / linear : La vitesse est constante sur toute la durée de l'animation. ease-in : Lent sur le début et accélère de plus en plus vers la fin. / ease-out : Rapide sur le début et décèlere sur la fin. / ease-in-out : Le départ et la fin sont lents. */ /* RESET */ html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;border: none;}td {border:0; border-width:0;}td.right {border-right: none;}tr.bottom td {border-bottom: none;} fieldset,img, a img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;} caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}input,textarea,select{font-size:14px;}* { margin: 0;}a:focus { outline:0;} iframe{border:none;} /*---------------- GENERALITES ------------------*/ html, body {height:100%;width:100%;background: #f0f0f0 ;font-family: Arial, sans-serif;font-size:100%;} #body{position:relative;width:1280px;margin:0 auto;background:#fff;height: auto!important;-moz-border-radius: 8px;border-radius: 8px; -moz-box-shadow: 8px 0 10px -3px #666666,-8px 0 10px -3px #666666;-webkit-box-shadow: 8px 0 10px -3px #666666,-8px 0 10px -3px #666666; box-shadow:8px 0 10px -3px #666666,-8px 0 10px -3px #666666;} h1, .titre_h1{color: #b53128; font-size:25px;font-family:"Times New Roman", Georgia, Times, serif; font-weight: bold; margin: 10px 0;} h2, h2 a{color:#000;font-size:18px;font-weight: 400;margin:5px 0;} h3, h3 a{color:#b53128; font-size:16px; font-weight: 400;} h3{margin:12px 0; border-bottom: 1px solid #200603; padding-bottom: 4px;} h4, h4 a{color:#000;font-size:14px;font-weight:bold;} a { text-decoration: none; color: #000;} .rub_liens a {color: #684519;font-size: 12px;font-style: normal;font-weight: bolder;text-decoration: none;} p{font-size:14px;margin: 0.5em 0;/*color:#444142*/color:#000;} .accroche p{font-size:16px;margin: 1em 0;} p a,span a{text-decoration:none;color:#78261b;} p a:hover{text-decoration:underline;color:#78261b;} input, textarea, select{ border: 1px solid #e2e2e2;} input[type="text"],input[type="password"], input[type="email"], input[type="date"], textarea, select{padding: 8px 10px;background-color: #efefef; box-shadow: inset rgba(0,0,0,0.35) 1px 1px 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} select{padding: 7px 10px;} input[type="button"], input[type="submit"], input[type="reset"] {cursor:pointer;} input:hover { /* Bordure légèrement plus claire */ border: 1px solid #999} input:focus { color: #000; border: 1px solid #96b8ef; box-shadow: inset rgba(0,0,0,0.25) 2px 2px 12px, #96b8ef 0 0 8px; outline: 0;} b, .bold, .gras, strong{font-weight:bold;} em, i{ font-style : italic;} .left, .gauche { display: block;float:left!important;} .right, .droite{ display: block;float:right!important;} .center, .centrer{text-align: center;margin:0 auto!important;} .clear{clear:both;} .no_border{border:none!important;} .hide{display:none;} .cadreErreur, .cadreSucces, cadreAlerte{text-align:center;padding:10px;margin-bottom:5px;} .cadreErreur{color:black;border:1px red solid;background-color:#F39898;} .cadreSucces{color:black;border:1px green solid;background-color:#a5d747;} .cadreAlerte{color:black;border:1px #DE6A1C solid;background-color:#F9A41E;} .messageSucces{color:green;} .messageErreur{color:red;} .infoGlobal, .infoGlobal p {color: #b8874b!important;padding: 0px;font-size: 12px!important;} .infosLegales p { font-size: 11px;} #page_accueil .infoGlobal { letter-spacing:2px;text-align: center; line-height: 18px; font-size: 14px!important;} .presentation {text-align: left;line-height: 18px;} #mentions-legales .presentation, #cgv .presentation, #pageQuiSommeNous .presentation{ letter-spacing:1px;} .presentation .gaucheFormulaire{width:500px;} .presentation .droiteFormulaire{width:500px;} .infoLight{color: #969696; font-size: 1em;font-weight: 800;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 0.8em;} /* DESIGN CHECKBOX */ .checkbox label{display: block;} /* Base for label styling */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked, .icon-radio {position: absolute;left: -9999px;} [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label , [type="radio"]:not(:checked) + label, [type="radio"]:checked + label, .icon-radio+ .label {position: relative;padding-left: 25px;cursor: pointer;} /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked+ label:before, [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before, .icon-radio+ .label:before {content: '';position: absolute;left:0px;top: 0px; width: 15px; height: 15px;border: 1px solid #aaa;background: #f8f8f8;border-radius:1px;box-shadow: inset rgba(0,0,0,0.35) 1px 1px 10px;} [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, .icon-radio+ .label:before { top: 0px;} /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after, .checked .icon-radio+ .label:after{content: '✔'; position: absolute;top: -10px;left:1px;font-size:22px;color: #09ad7e;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s; } [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, .icon-radio+ .label:after{top: -10px;} /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0); } [type="checkbox"]:checked + label:after, [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before, [type="radio"]:disabled:checked + label:before , .disabled .icon-radio+ .label:before{box-shadow: none;border-color: #bbb;background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after, [type="radio"]:disabled:checked + label:after, .disabled .icon-radio+ .label:after {color: #999;} [type="checkbox"]:disabled + label , [type="radio"]:disabled + label, .disabled .icon-radio+ .label {color: #aaa;} /* accessibility */ [type="checkbox"]:checked:focus + label:before,[type="checkbox"]:not(:checked):focus + label:before, [type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before {border: 1px dotted blue;} [type="checkbox"]:checked + label:before, [type="radio"]:checked + label:before {border: 1px solid #415241;background: #f8f8f8;border-radius: 0px;box-shadow: inset 0 1px 3px rgba(0,0,0,.3)} /*------------------------------------------- BOUTONS -----------------------------------------------*/ .bouton, .bouton_valider, .boutonDegraderPanneau,#page_store .titre_separation, #page_produit .titre_separation, #pValiderPanier .bouton_valider2{display: block;position:relative; color:#fff; font-size: 12px; text-align: center;height: 34px; line-height: 34px;border: 1px solid #b2b2b2; padding:0 10px;} .bouton_menu_site .bouton{border-top-right-radius: 8px; text-transform: uppercase;font-weight: bold;height: 30px; line-height: 30px;} .bouton_valider{border-top-right-radius: 4px; text-transform: uppercase;font-weight: bold;} .bouton_menu_site:hover .button, .bouton_menu_site:focus .button, .bouton_menu_site:active .button{ color: #000!important;} .bouton_valider:hover,.bouton_valider:active .bouton_valider:focus, .bouton_valider2:hover{ background: #61bc2e;background: -webkit-linear-gradient(#9ad24c,#61bc2e);background: -moz-linear-gradient(#9ad24c,#61bc2e);background: linear-gradient(#9ad24c,#61bc2e);border-color: #478b1f;color:#fff;} .bouton_ok{background:url('spritesheet.png') no-repeat scroll transparent -45px -5px; width:28px;height:22px!important;border:1px solid #959594;font-family:"Times New Roman", Georgia, Times, serif; font-size:12px; } .bouton_ok:hover, .bouton_ok:hover, .bouton_ok:focus{background-position: -45px -27px;font-weight:normal!important;} .boutonRecharger{position:relative; background:url('spritesheet.png') no-repeat scroll transparent -1115px -32px; width: 18px; height: 19px;font-size: 0;border:0;} .boutonSupprimer, .bSupprimer{position:relative; background:url('spritesheet.png') no-repeat scroll transparent -45px -61px; width: 20px; height: 20px; font-size: 0;border:0;} .boutonSupprimer:hover, .boutonRecharger :hover, .bSupprimer:hover{ border: 0;} /*transform: rotate(-7deg); : problème de rotation pour les petits fontes */ .picto_rond, .picto_promotion{ position:relative; background:#e61421; border-radius:50%; width:60px; height:60px; border:2px solid #fff;text-align: center;color:#fff;} .picto_rond .centre, .picto_promotion .centre{position:absolute; width: 100%;top: 50%;transform: translate(0%, -50%);text-align: center;} .picto_rond .important, .picto_promotion .important{position:relative;display:block;font-size:20px; color:#fff;font-weight: bold;} .picto_rond .petit_texte, .picto_promotion .petit_texte{position:relative;display:block;font-size: 9px; color:#fff;} .boutonDegraderPanneau{ /* color:#000;*/ color: #478b1f; font-weight: bold; background: #e4ceb6; /* Old browsers */ background: -moz-linear-gradient(top, #e4ceb6 0%, #f9f1c4 25%, #f9f1c4 75%, #e4ceb6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4ceb6), color-stop(25%,#f9f1c4), color-stop(75%,#f9f1c4), color-stop(100%,#e4ceb6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* IE10+ */ background: linear-gradient(to bottom, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ceb6', endColorstr='#e4ceb6',GradientType=0 ); /* IE6-9 */ } .boutonDegraderPanneau:hover, .boutonDegraderPanneau:focus, .boutonDegraderPanneau:active{/*text-decoration: none;*/ background: #d1d1d1; /* Old browsers */ background: -moz-linear-gradient(top, #d1d1d1 0%, #eeeeee 25%, #eeeeee 75%, #d1d1d1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(25%,#eeeeee), color-stop(75%,#eeeeee), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d1d1d1 0%,#eeeeee 25%,#eeeeee 75%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d1d1d1 0%,#eeeeee 25%,#eeeeee 75%,#d1d1d1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d1d1d1 0%,#eeeeee 25%,#eeeeee 75%,#d1d1d1 100%); /* IE10+ */ background: linear-gradient(to bottom, #d1d1d1 0%,#eeeeee 25%,#eeeeee 75%,#d1d1d1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */ } .bouton_warning{color:#fff; /*background: #df5049;background: -webkit-linear-gradient(#e56a51,#df5049);background: -moz-linear-gradient(#e56a51,#df5049);background: linear-gradient(#e56a51,#df5049);*/ border: 1px solid #990000;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);} .bouton_warning:hover,.bouton_warning:active .bouton_warning:focus{ /*font-weight: normal!important; */ border-color: #df5049;color:#fff; background: #e56a51;background: -webkit-linear-gradient(#e99b99,#e56a51);background: -moz-linear-gradient(#e99b99,#e56a51);background: linear-gradient(#e99b99,#e56a51);} /* COULEURS */ .degradeRouge, #menu_store .bouton_menu_site .degradeRouge, .bouton_warning{background-color: #da1e3b;background-image: -webkit-gradient(linear, left top, left bottom, from(#da1e3b), to(#801616));background-image: -webkit-linear-gradient(top, #da1e3b, #920808);background-image: -moz-linear-gradient(top, #da1e3b, #920808);background-image: -ms-linear-gradient(top, #da1e3b, #920808);background-image: -o-linear-gradient(top, #da1e3b, #920808);background-image: linear-gradient(to bottom, #da1e3b, #920808); } .degradeVert, #menu_store .degradeVert, .bouton_valider, .bouton_valider2{background-color: #55AF52;background-image: -webkit-gradient(linear, left top, left bottom, from(#55AF52), to(#118A30));background-image: -webkit-linear-gradient(top, #55AF52, #118A30);background-image: -moz-linear-gradient(top, #55AF52, #118A30);background-image: -ms-linear-gradient(top, #55AF52, #118A30);background-image: -o-linear-gradient(top, #55AF52, #118A30);background-image: linear-gradient(to bottom, #55AF52, #118A30); } .degraderPanneau{ background: #FFF3AB!important; background: -webkit-linear-gradient( #FFF3AB, #d4bea5)!important; background: -moz-linear-gradient( #FFF3AB, #d4bea5)!important; background: -ms-linear-gradient( #FFF3AB, #d4bea5)!important; background: -o-linear-gradient( #FFF3AB, #d4bea5)!important; background: linear-gradient( #FFF3AB, #d4bea5)!important;}/*#dfc8b3 / #f3e7c0*/ .remplie { background-color: #95c351!important;} .requis {color:#ff0000!important;}/*b87571*/ /* .degradeGris{border:1px solid #b2b2b2;color: #000;background-color: #e4e4e4;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e4));background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);background-image: -moz-linear-gradient(top, #fff, #e4e4e4);background-image: -ms-linear-gradient(top, #fff, #e4e4e4);background-image: -o-linear-gradient(top, #fff, #e4e4e4);background-image: linear-gradient(to bottom, #fff, #e4e4e4); }*/ .degradeGris, #sousMenuStore{ border: 1px solid #b2b2b2; background-color: #f0f0f0; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,0.95) ), to(rgba(206, 206, 206, 0.95) ) ); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.95), rgba(206, 206, 206, 0.95) ); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.95), rgba(206, 206, 206, 0.95) ); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.95), rgba(206, 206, 206, 0.95) ); background-image: -o-linear-gradient(top, rgba(255,255,255,0.95), rgba(206, 206, 206, 0.95) ); background-image: linear-gradient(top, rgba(255,255,255,0.95), rgba(206, 206, 206, 0.95) ); } /* image conversion COULEUR->NB */ .color_to_grayscale{ transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);} .color_to_grayscale:hover,.color_to_grayscale:focus,.color_to_grayscale:active{ animation-duration: 2s; -moz-animation-duration: 2s; -webkit-animation-duration: 2s; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);} /*------------------------------------------------------ HR -------------------------------------*/ .hr_ombre_1050{clear:both;background:#fff url('hr_ombre.png') repeat-x;margin:0;padding:0;height: 6px; border:none;} .hr1280, .hr1080, .hr940, .hr700, .hr220{clear:both; display:block; margin:10px 5px; height:4px; line-height:4px; background:url('spritesheet.png') no-repeat scroll transparent; border:none;} .hr1280{ width: 1160px; margin:10px 60px;background-position: -5px -140px;} .hr1080{ width: 1080px; margin:20px 0px 20px 0;background-position: -5px -135px;} .hr940 { width: 920px; margin: 15px 10px; background-position: -94px -19px;} .hr220{ width: 232px; margin:10px 0px; background-position:-94px -5px;} .hr_sous_titre { width: 540px; margin: 10px 0; height: 1px; line-height: 1px; background:url('spritesheet.png') no-repeat scroll transparent -92px -31px; border:none;} /*------------- liste -------------------*/ .texte_liste{} .texte_liste>ul { padding-left: 0px; margin-left: 20px; } .texte_liste ul li{ list-style-type: square;} .texte_liste ul ul{ padding-left: 15px;} .texte_liste ul ul li{ list-style-type: disc;} .contexte { color: #999999; font-size: 10px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------ HEADER ---------------------------------------------------------------------------------*/ #header{z-index: 99997; width:1280px;margin:7px auto 5px auto;} #header_content {position: relative; width: 100%;} /* HEADER Bandeau & Logo */ #header_bandeau{width: 100%; margin:0;padding:0;border:0;height:182px; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;} #header_bandeau #bandeau{width: 1280px;height:182px;top:50px;} #header_logo{position:absolute;top:50px;left:480px;} /*Langue*/ #choixLangue{display:none;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------- BLOC COMPTE ----------------------------------------*/ #bloc_compte{display:block;position:absolute;top:47px;right:20px; font-family:"Times New Roman", Georgia, Times, serif; font-size: 12px; width: 200px;} #bloc_compte{padding:8px 12px 6px 10px;background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.7);border-top-right-radius: 8px;border-radius: 4px;} /* Menu connexion */ #bloc_compte>.contenu {display: inline-block;;position:relative;margin:0; } #bloc_compte .contenu #espaceProTxt{font-size:0;display:none;} #menu_connexion .menu_login{display:block;position:relative;} #menu_connexion #mail_c, #menu_connexion #passe_c{display:block; position:relative;width:140px; padding:2px 4px;font-size: 12px;color: #8c8c8c; } #menu_connexion #passe_c{margin-top:7px; float:left;} #menu_connexion .bouton_ok{position:relative; float:left; margin-top:6px; margin-left:10px;} #menu_connexion #liens_connexion {position:relative;display:block;margin: 6px 0 0px 0 ;} #menu_connexion #liens_connexion a, #menu_connexion .erreur_connexion{display:block;float:none;font-size: 12px;line-height: 12px;font-weight: bold;} #menu_connexion .erreur_connexion {color:#B53128;} #liens_connexion a:hover, #liens_connexion a:focus, #liens_connexion a:active, #zoneDeconnexion a:hover,#zoneDeconnexion a :active,#zoneDeconnexion a:focus{text-decoration: underline;} /* LOGGED */ #menu_compte2 .user, #menu_compte2 .lienMonCompte, #menu_compte2 #zoneDeconnexion{position:relative; } #menu_compte2 .texte{display: block;position:relative;text-decoration: none; line-height:12px; padding: 0px 0px; color: #000;font-weight: bold;} #menu_compte2 .user {text-transform: capitalize; color: #b53128; } #menu_compte2 .mon_compte{ width: 90px; text-align: center; padding: 2px 5px;color: #33302F;border: 1px #606261 solid;border-radius:1px;background-color: #69696926;} #menu_compte2 .mon_compte:hover{background-color: #0000002e} #menu_compte2 .lienMonCompte, #menu_compte2 #zoneDeconnexion{display:inline-block;} #menu_compte2 #zoneDeconnexion{float:right;} #menu_connexion .lienMonCompte:hover,#menu_connexion .lienMonCompte:focus,#menu_connexion .lienMonCompte:active { text-decoration: underline;} /*#zoneDeconnexion {position: relative;display:inline-block;float:right;margin: 12px 0 0 5px;}*/ #zoneDeconnexion { position: absolute;display: block;bottom:5px;right: 6px;z-index: 2;} #zoneDeconnexion .texte{color: #b53128; font-weight: bold; font-size: 13px;} /* MENU SITE (telechargement/point de vente / lien )*/ .menu_site {position: absolute; top:15px; right: 15px; } .menu_site li{position:relative;height:20px; float: right;} .menu_site li a{display: inline-block; } .menu_site>li::after{position: relative; display: inline-block; content:" ";background: transparent url('spritesheet.png') 0 center no-repeat; background-position: -5px -88px; width:5px;height:2px; top: -4px; margin-right: 5px; } .menu_site .first::after {background:none; margin-right: 0px; } .menu_site li span{display: block;position:relative;line-height:14px; text-transform :uppercase;font-family:"Times New Roman", Georgia, Times, serif; font-weight: 600; font-size:12px; color: #fff;} .menu_site li a:hover span, .menu_site li a:focus span, .menu_site li a:active span,.menu_site .actif>a span, .menu_site .actif>a>span{ text-decoration: underline; } /* RECHERCHE */ #bloc_recherche {position:absolute;height:25px; top: 141px; right: 63px;} #rechercheProduit{position:relative;padding: 4px 6px 4px 30px; margin:0;width:137px; font-size: 12px;color: #8c8c8c; z-index:100;font-family:"Times New Roman", Georgia, Times, serif; } #bloc_recherche .icone_recherche{position:absolute;top:1px;left:5px;width :19px; height:17px;background:url('spritesheet.png') no-repeat scroll transparent -45px -90px; z-index:101;} #bloc_recherche .bouton_ok{position:relative; margin-left: 3px;} #bloc_recherche:hover,.menu_site #bloc_recherche li:active,.menu_site #bloc_recherche li:focus{background:none; } /* LIEN SOCIAUX */ #restePage .bloc_reseau_sociaux {position: relative;height:25px;top:0px;} .bloc_reseau_sociaux .lien_social .image{ display:block; position: relative; float: left; width:30px; height:30px; margin: 12px 0 0 5px; border: none;font-size: 0; background:url('spritesheet.png') no-repeat scroll transparent; } .bloc_reseau_sociaux .lien_facebook, .bloc_reseau_sociaux .lien_facebook_gamo, .bloc_reseau_sociaux .lien_facebook_guerini, .bloc_reseau_sociaux .lien_facebook_fair{background-position: -1035px -5px!important; } .bloc_reseau_sociaux .lien_youtube{ background-position: -1075px -5px!important;} .bloc_reseau_sociaux .texte{ display: block;float: left; position: relative;margin-left: 10px;} /* Lien sociaux header */ #header_bandeau .bloc_reseau_sociaux {position: absolute; height: 25px; top: 127px; right: 20px;} #header_bandeau .bloc_reseau_sociaux .texte{display:none;} /* Lien sociaux pages */ .haut_de_page .bloc_reseau_sociaux {float:right;} .haut_de_page .lien_social .image{ margin: 8px 0 0 0px;} .haut_de_page .bloc_reseau_sociaux .texte{ max-width:100px; margin: 5px 0 0 10px;} /* display: inline-block;*/ #page_caesar_guerini .bloc_reseau_sociaux { float: right; width: 130px; right: 0px;} #page_caesar_guerini .bloc_reseau_sociaux .texte{margin-top:1px;} /*#restePage .bloc_reseau_sociaux {position: absolute;height:25px;top:0px;right:0px;}*/ #page_caesar_guerini .lien_social .image{margin:0;} #page_caesar_guerini .bloc_reseau_sociaux .texte{max-width:85px;} #page_caesar_guerini legend { color: #fff;} /* Lien sociaux acceuil */ #bloc_reseau_sociaux_accueil{display:block;position: relative; float:left; width:610px;height:45px; } #bloc_reseau_sociaux_accueil .titre{ position: relative; display: block; float: left; font-size: 26px;font-weight: bold;margin: 8px 0px 10px 130px; width: 270px; letter-spacing: 1px;;} #bloc_reseau_sociaux_accueil .bloc_reseau_sociaux{ position: relative; display: block; float: left;font-size: 0px; width: 200px;top:0;} #bloc_reseau_sociaux_accueil .bloc_reseau_sociaux .lien_social .image{margin: 8px 0 0 5px;font-size: 0;} #footer .lien_social .image{display:none;} #footer .bloc_reseau_sociaux .texte { clear:both; margin:0;} /* Panier Menu */ #zonePanier{display: block;position:absolute; top:100px;right:20px; height:25px; width:290px; border-radius: 4px;background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.7); padding: 4px 0px 2px 4px;} #logoPanier { display: block; height: 100%; width: 100%;} #zonePanier a{color:#000;display:block; padding-top:2px;font-family:"Times New Roman", Georgia, Times, serif; font-size: 13px; font-weight: bold; } #zonePanier .texte{ position: relative; display: inline-block;padding-top:3px; } #logoPanier .image{position: relative;display: inline-block;background:url('spritesheet.png') no-repeat scroll transparent -4px -59px;width: 25px; height: 18px; margin-right: 5px; top: -1px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------- MENU STORE -----------------------*/ #menu_store{display: flex;position:relative; width:1280px;height:50px; margin:0;padding:0 0 0 0px; z-index:105;font-family:"Times New Roman", Georgia, Times, serif; background: #f9f1c4 url('menu0.png') repeat-x; } #menu_store a {text-transform: uppercase;} #menu_store>li{position: relative;display: inline-block;float:left; height:50px; padding: 0px 5px;margin:0px; } #menu_store .niveau1{background: #f9f1c4 url('menu0.png') repeat-x;border-right:1px solid #a8a295; border-left:1px solid #fff; max-width: 98px; } #menu_store .niveau1.actif, #menu_store .niveau1:hover, #menu_store .niveau1:focus, #menu_store .niveau1:active{background-position:0 -50px!important ; z-index:106; } #menu_store .menu_1_ligne{max-width:105px;}/* cas des textes trop long */ #menu_store .first{border-left:none;} #menu_store .niveau1 a{text-decoration: none; font-family:"Times New Roman", Georgia, Times, serif;font-size: 12px;} #menu_store .niveau1>a, #menu_store .niveau1>span{display: block;top: -1px;position:relative;text-align: center;font-size: 12px;text-transform :uppercase;font-weight: bold;color:#000;padding: 0 3px 0 3px;} #menu_store .home a {margin:0 3px;} #menu_store .home .image{ display: block; top: 15px; position: relative;background:url('spritesheet.png') no-repeat scroll transparent -153px -112px; width:18px;height:19px;} #menu_store .home .texte{font-size: 0;} #menu_store .last {border: none; border-left: 1px solid #fff; position: relative; float: left;} #menu_store .bouton_menu_site{ float: right;} /* centrage div */ #menu_store .niveau1{height:50px; line-height:50px;} #menu_store .centrage{vertical-align:middle;display:inline-block; line-height:1; }/*CENTRAGE VERTICAL TEXTE de plusieurs ligne*/ /* le menu des cat / sous cat */ #menu_store .niveau2 {display: none; position: absolute; min-height: 100px;left: 0px; top: 48px;width:1019px;border:1px solid #b2b2b2; margin: 0px; padding: 10px 15px; z-index:601; border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 2px 4px 4px rgba(0,0,0,0.5); /* background-color: #e4e4e4;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e4));background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);background-image: -moz-linear-gradient(top, #fff, #e4e4e4);background-image: -ms-linear-gradient(top, #fff, #e4e4e4);background-image: -o-linear-gradient(top, #fff, #e4e4e4);background-image: linear-gradient(to bottom, #fff, #e4e4e4); */ } #menu_store li:hover .niveau2,#menu_store li .niveau2:hover{display: block!important;} #menu_store .niveau2 li { position: relative; } #menu_store .niveau2 li>a { display:block; color: #000; font-size: 11px; font-weight: bold; padding:0px 0 0px 0px;} /* MENU GUERINI PINEWOOD */ #menu_store .bouton_menu_site .bouton { width: 105px;margin: 10px 10px 0 0px; } #menu_store .bouton_menu_site .bouton:hover, #menu_store .bouton_menu_site .bouton:focus, #menu_store .bouton_menu_site .bouton:active{ color: #000;} #menu_store .bouton_menu_site .niveau2 { min-height: 70px;left:-35px; top: 40px;width:170px;text-align: center;} #menu_store .bouton_menu_site .niveau2 a, #menu_store .bouton_menu_site .niveau2 span { display: block; position: relative; text-transform: uppercase; color: #fff; font-weight: bold;text-decoration: none; line-height: 18px; text-align: center; font-size: 12px; text-transform: uppercase;} #menu_store .bouton_menu_site .niveau2 li:hover>a, #menu_store .bouton_menu_site .niveau2 li:focus>a, #menu_store .bouton_menu_site .niveau2 li:active>a{ color: #000;} #menu_store .bouton_menu_site .niveau2>.actif>a{ color: #fff; text-decoration: underline;} #menu_store .bouton_menu_site .niveau2 ul { display:none;} #menu_store .bouton_menu_site .niveau2 ul li a{ font-size: 11px;font-weight:400;} #menu_store .bouton_menu_site .niveau2 ul .actif a{ color:#000;} #header #menu_store .bouton_menu_site .niveau2 .passif span{color:grey;font-size: 13px;} #menu_store .degradeRouge .degradeRouge{background: none;} #sousMenuPage ul li {position: relative;} #sousMenuPage ul ul {display:none;position: absolute; z-index: 101;min-height: 70px;left:-30px; top:25px;width:200px;text-align: center; padding-bottom: 8px;} #sousMenuPage li:hover ul{display:block;} #sousMenuPage ul ul li { position: relative; display: block; height: 20px; padding: 0px 5px; font-size: 12px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------- SOUS MENU STORE --------------------------------------------------------*/ #bloc_sousMenuStore , #page_store .menu_store, #page_produit .menu_store{float:left;z-index: 99997; display:block; background:#fff; width:234px;} #page_store .menu_store .titre_separation, #page_produit .menu_store .titre_separation{ margin: 10px 0 0 0; } #page_store .titre_separation, #page_produit .titre_separation{ color: #000; font-family: Arial, sans-serif; background: #FFF3AB; background: -webkit-linear-gradient( #FFF3AB, #d4bea5); background: -moz-linear-gradient( #FFF3AB, #d4bea5); background: -ms-linear-gradient( #FFF3AB, #d4bea5); background: -o-linear-gradient( #FFF3AB, #d4bea5); background: linear-gradient( #FFF3AB, #d4bea5);} #page_store .titre_separation:hover, #page_store .titre_separation:active, #page_store .titre_separation:focus , #page_produit .titre_separation:hover , #page_produit .titre_separation:active, #page_produit .titre_separation:focus { border: #000 solid 1px; } #page_store .titre_separation a, #page_produit .titre_separation a {color: #000;} #page_store .titre_separation.special, #page_produit .titre_separation.special{font-weight: 700; font-size: 14px;} #page_store .titre_separation.special.titre_montage a, #page_produit .titre_separation.special.titre_montage a{ color: #b53128;} .menu_store .titre_menu{font-size: 12px; margin:0;padding:0;padding-top:10px; text-transform: uppercase;font-weight: bold;} #sousMenuStore{width:100%;margin-top:10px;margin-bottom:10px; border-top-right-radius: 8px; ;font-size: 12px; } #sousMenuStore ul{padding:0px; margin:0;padding-top:5px;} #sousMenuStore li { width:100%; } #sousMenuStore a { width:100%; font-size: 12px; text-transform: uppercase;color: #000; display:block;height:22px;padding-top:3px;cursor:pointer!important;} #sousMenuStore .niveau1>li>a span{ font-weight: bold; padding-left: 10px;padding-top:5px;} #sousMenuStore .niveau2>li>a span{ font-weight: bold; padding-left: 20px;padding-top:5px; padding-bottom:5px;font-size: 11px } #sousMenuStore .niveau3>li>a span{ font-weight: normal; padding-left: 25px; font-size: 11px} #sousMenuStore li a:hover, #sousMenuStore>li a:focus , #sousMenuStore>li a:active , #sousMenuStore .actif{background: transparent url('sousMenu0.png') repeat-x!important; } /* SOUS MENU MARQUE */ .sousMenuMarque{width: 232px;margin: 10px 0; padding: 0px 0 30px 0;border-top-right-radius: 8px; ;font-size: 12px; } .sousMenuMarque a {font-size: 12px; color: #000; display:block;cursor:pointer!important;text-align: center;} .sousMenuMarque .texte{display:none;width:0;height:0;} .sousMenuMarque img{margin: 15px auto 0px auto; display:block; max-height: 150px; max-width: 180px;} .sousMenuMarque li:first-child img{ margin-top: 30px;} .sousMenuMarque a:hover img, .sousMenuMarque a:focus img, .sousMenuMarque a:active img{-moz-opacity:0.5;opacity: 0.5;filter:alpha(opacity=50);} /* sous MENU STORE */ .bloc_sousMenuStore { margin-top: 10px; } .bloc_sousMenuStore .interieur{ margin-top: 10px; } .bloc_sousMenuStore .titre_separation{ position: relative; display: block;margin:0 0 10px 0;width:232px;height:33px;padding:0 0 0px 4px;line-height: 31px;font-size: 22px;} .sous_menu_ligne{position:relative;display:block;float:left;width:230px; height: 25px; margin: 0px 0px 0 0;} .bloc_selection_menu .sous_menu_ligne{height: auto;} .bloc_sousMenuStore .sous_menu_ligne {font-family: 'Oswald', sans-serif!important; } .menu_store .bloc_marque{position:relative;display:block;float:left;width:calc(100% - 5px); height:22px;margin:5px 0px 0 0px;} .bloc_sousMenuStore .bloc_marque .photo{display:block;float:left; width:60px; /*text-align: center;*/} .bloc_sousMenuStore .bloc_marque .photo img{max-height: 22px;max-width:60px; } .sous_menu_ligne .texte{position:relative;margin-left: 10px;display: block;float:left;font-size: 12px;font-weight: 400;color: #000;} .sous_menu_ligne .desactive_filtre {color: #B9121B;text-decoration: underline; font-family: 'Oswald', sans-serif; font-weight: 400;} .bloc_sousMenuStore a{display:block;cursor:pointer} .bloc_sousMenuStore .bloc_marque .texte{line-height: 25px;} .bloc_sousMenuStore .sous_menu_ligne .quantite{float:left;margin-left: 2px;font-size: 12px; /* line-height: 12px;*/ font-weight: 200;color: #aaaaab;} .bloc_sousMenuStore .bloc_marque .quantite{line-height: 25px;} .close .interieur{display:none;} .open .icon-toggle{ } .bloc_sousMenuStore .bouton_toggle { display:block; float: right; width: 36px; height: 26px; padding: 0;} .bloc_sousMenuStore .icon-toggle{display:block;font-size: 0; background: transparent url("spritesheet.png") no-repeat -25px -242px; width: 14px; height: 8px; margin: 12px 16px 6px 6px;} .bloc_sousMenuStore.open .icon-toggle{ background-position: -39px -242px;} .bloc_sousMenuStore .toggle-bas{display:block;text-align: center;width:100%;height:10px; background: none; border: none; } .bloc_sousMenuStore .toggle-bas .icon-toggle{ display: block;text-align: center;float:none;margin:0 auto;} .bloc_sousMenuStore .boutonSupprimer { position: absolute;right:50px;top:6px;}/*right:3px;*/ .bloc_lien h2{padding-left:5px;} /*----------------------------------------------------- FILS ARIANE -----------------------------------------------------*/ #filArianePage{position:relative;display:block; float:left;padding:5px 0 10px 0px;width:700px;} .filAriane a,.filAriane span{font-weight: bold;display:block;float:left;font-size: 12px;font-family:Arial, sans-serif; line-height: 30px; margin: 0px 0;} .filAriane .fleche{margin:0px 5px 0 5px;} .filAriane a:hover,.filAriane a:focus{text-decoration: underline;} .filAriane_logo{margin-top:0px!important;} .filAriane_logo img{max-height:34px;padding-right: 10px} .filArianeStore .filAriane a, .filArianeStore .filAriane span{font-size: 14px;line-height: 16px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------- PAGE ----------------------------------------------------------------*/ #restePage { position: relative; min-height: 700px; padding: 0 0px;} #pageContact, #pageQuiSommeNous,#pageRevendeur, #pageTelechargement, #pageMarques, #pages, #page_compte, #page_caesar_guerini #fond_page, #page_panier,#pageInscription,#pageSite {margin:20px 100px 0px 100px;font-size: 12px;padding-bottom:20px;} #pageSite .hr1280{ margin: 10px 0px;} #page_accueil, #page_store, #page_produit{position:relative;display: block; margin:0px 0 0 20px;font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;} /*#page_produit #produit {position: relative;padding: 0px 20px 0px 40px;float: left;z-index: 10;min-height: 370px;width: 940px;}*/ /*#store, #page_produit #produit{position:relative;margin-left:20px;float:left;z-index:10; min-height:370px;width:988px;}*/ #store, #page_produit #produit{position:relative;margin-left:40px;float:left;z-index:10; min-height:370px;width:948px;} /*#pages p {font-size:14px;}*/ #pages table {border-collapse:collapse; width:950px;border: 2px solid black; } #pages .border th, #pages .border td{border: 1px solid black;vertical-align: text-top;padding:5px 10px;} #pages .collapse_bottom td{border-bottom: 0px ;padding-bottom: 10px;} #pages .collapse_top td{border-top: 0px ;padding-top: 5px;} #pages .separation_top td{border-top: 2px solid black;padding: 10px;} #pages .important{color:#ff0000} #pages table .titre_h1 { font-size: 20px;} #pages table .titre_h2, table .titre_h2 th{ font-weight: 700;} #pages table .titre_h3, #pages table .titre_h3 th{color:white;background-color: black;} /* ACCUEIL */ #page_accueil{margin:20px 0 0 20px;} #page_accueil .descriptif p {text-align: center;} #page_accueil h1{text-align: center;margin-top: 16px;} /* ACCUEIL SLIDER */ #page_accueil #slider, #page_accueil .lien_division{display:block;float:left; border-radius: 0px;} #slider {border:1px solid #ccc!important;margin-bottom:20px;} #slider #background_banner { height: 44px!important; top: 395px;background:#ccc; border-top:1px solid #ccc; color: #fff;} #page_accueil .slider, #page_accueil #slider { height: 395px!important;} #page_accueil #bloc_catalogue .slider {width:200px; height: 280px!important;} #slider .banner, #slider .banner .texte, #slider .banner .titre{ display:none;} #slider .banner{display:block;margin:0;padding:0; height: 395px;margin-top: -395px; width:922px; } #slider .banner a{display:block;margin:0;padding:0; height: 395px;width:922px; cursor: pointer;} #slider #bloc_catalogue .banner{margin:0;padding:0; height: 280px;margin-top: -280px; width:200px; } #slider #bloc_catalogue .banner a{margin:0;padding:0; height: 280px;width:200px; cursor: pointer;} #page_accueil #slider .bullet { } #page_accueil .bullet a {background:url(spritesheet.png) -6px -83px no-repeat;} #page_accueil .bullet .current a {background-position: -6px -96px;} #page_accueil .bullet a:hover,#page_accueil .bullet a:focus,#page_accueil .bullet a:active{background-position:-6px -109px} #slider{ /*margin-bottom: 20px;*/ overflow:hidden;width:924px;height:400px; margin-bottom: 20px;} #slider .zoneImage{overflow:hidden;width:672px;height:420px;} /* fleche prec/suiv */ #slider .prev {position:absolute; bottom:180px; left:10px; background:transparent url(spritesheet.png) -231px -73px no-repeat; width:29px; height:33px; z-index:111 !important; display:inline-block;} #slider .prev:hover {background-position:-231px -40px;} #slider .next {position:absolute; bottom:180px; right:10px; background:transparent url(spritesheet.png) -268px -73px no-repeat; width:29px; height:33px; z-index:111 !important; display:inline-block;} #slider .next:hover {background-position:-268px -40px;} #slider .next,#slider .prev { bottom: 182px;} /* ACCUEIL BLOCS */ #page_accueil #bloc_catalogue_nouveaute{display:block;float:left; width:295px;margin-bottom:20px; margin-left: 20px;} #page_accueil #bloc_catalogue{border:1px solid #ccc!important;padding:0 40px 6px 40px;width:215px;height:292px;text-align: center;} #page_accueil #bloc_catalogue a{height:100%;text-decoration: none;color:#000;text-align: center;} #page_accueil #bloc_catalogue img{display:block;margin:0px auto 0 auto; width: 200px;} #page_accueil #bloc_catalogue .texte {position: absolute;top: 46px;right:25px; font-size: 24px;color: #000;z-index: 2; border: none; margin: 0; writing-mode: vertical-rl; text-orientation: sideways-right; font-weight: 700;} .bloc_nouveaute_promo{position: relative; width: 293px; } .bloc_nouveaute_promo li { position: relative; display:block; height: 44px!important; padding: 0px; margin: 0px; border: 1px solid #ccc; z-index: 106; text-align: center; cursor: pointer; font-weight: 400; float: left;} .bloc_nouveaute_promo .bouton_division_3 { width: 100%; left: 0;margin-bottom: 6px;} .bloc_nouveaute_promo .bouton_division_1 { width: 100%; } .bloc_nouveaute_promo .case_menu { display: block; height: 42px; line-height: 42px; padding: 0 5px; font-weight: 800; font-size: 18px; text-align: center; text-transform: uppercase; color: #000; text-decoration:none;} #bloc_boutiques {display:block;position: relative; float:left; width:924px;height:255px;margin-bottom:20px; margin-right: 19px;text-align: center;} #bloc_boutiques .interieur{padding:5px 0px 0px 0px;text-align: center;} #bloc_boutiques .titre { position: relative; display:block; text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 5px;} #bloc_boutiques .bloc_boutique { position: relative; display:block; float:left; height: 100px; width:295px; padding: 0px; margin: 0px 0 10px 10px; border: 0; cursor: pointer; } #bloc_boutiques .first{} #bloc_boutiques .bloc_boutique .texte { font-size: 0; margin:0;padding:0;} #bloc_boutiques .bloc_boutique .image { position: absolute; top: 0;} #page_accueil #bloc_point_de_vente {display:block;position: relative; float:left; width:295px; height:255px; margin-bottom: 20px;text-align: center;} #page_accueil #bloc_point_de_vente img{margin-top: 0px;} #page_accueil #bloc_point_de_vente .texte{font-size: 0;} #page_accueil #formulaire_point_de_vente{margin-top: 20px;} #formulaire_point_de_vente select { font-size: 18px; padding: 4px 10px; border: #bdbdbd 1px solid; background-color: #fff;} #formulaire_point_de_vente option[selected=selected], #formulaire_point_de_vente .selected{ font-weight:bold;} #page_accueil #bloc_video {display:block;position: relative; float:left; width:610px; height:410px; margin-bottom: 20px;margin-right: 20px;background-color: #000;} #page_accueil #bloc_video .texte {font-size: 0;} #ligne_movie {width:100%;} #header_movie{ margin:0px auto;width:100%;} #page_accueil #bloc_guerini_sport {display:block;position: relative; float:left; width:610px; height:350px; margin-bottom: 15px;} #page_accueil #bloc_guerini_sport .texte {font-size: 0;} .menu_store .guerini_sport{margin:10px 0;} .menu_store .guerini_sport h2{margin:0;padding:0;} /* TRI AFFICHAGE */ .bandeau_tri{position:relative;display:block;height:20px;margin:0px;background-color:#f1f1f1;padding:7px 5px 5px 10px;border-top-right-radius: 8px;font-size:11px;} .bandeau_tri .tri_type, .bandeau_tri .tri_nombre,.bandeau_tri span,.bandeau_tri select{float:left;position:relative;display:block;} .bandeau_tri select{margin:0px 3px; font-size:11px; } .bandeau_tri .centre_haut{font-size:10px;padding-top:4px;} .bandeau_tri .tri_type{position:relative; left:0px;} .bandeau_tri .tri_type select{width:140px;} .bandeau_tri .tri_nombre{position:absolute; left:30%;} .bandeau_tri .tri_nombre select{width:50px;} .bandeau_tri .total_produit{position:relative;display:block;float:right;padding-top: 3px;} .bandeau_tri .total_produit p{font-size: 10px;} .bandeau_tri select{ padding: 2px 2px; } /* INDEX PAGE */ /*.indexPages{position:relative;display:block;height:20px;margin:10px 0 10px 10px;background-color:#f1f1f1;padding:10px 20px 5px 20px;list-style-type: none;font-size:10px;border-radius:4px;}*/ .indexPages{position:relative;display:block;margin:2px 10px 0px 10px; float: right;} .indexPages li{display:block; float:left;margin-right:5px;text-align:center;} .indexPages a{color:black;text-decoration:none;} .indexPagesLien a, .indexPagesMot a, .indexPagesActif{display:block; border:1px #d0d0d0 solid;background-color:#d5d5d5;padding:1px 5px;} .indexPagesActif{border-color:#555;background-color:#aaa;} /* BANDEAU MARQUE */ .marque_entete {float:left; width:100%;height:80px;background: #f9f1c4 url('marque_entete0.png') repeat-x!important;border-top-right-radius: 8px; overflow:hidden;margin-top:10px;} .marque_entete .logo{margin-top:5px; max-height:70px;} /*************************** VIGNETTE PRODUIT ****************************/ .vignetteProduit {position:relative;background:#fff;height:120px;width:461px;float:left;margin: 10px 10px 0px 0px; border: 1px solid #b2b2b2;border-top-right-radius: 8px;overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .vignetteProduit p { margin: 0;} .vignetteDouble {height:252px;} .vignetteProduit .interieur{padding: 1px;} .vignetteProduit:focus ,.vignetteProduit:hover ,.vignetteProduit:focus {border:1px solid red;/*-moz-opacity:0.5;opacity: 0.5;filter:alpha(opacity=50); *//*font-weight: bold;*/} .vignetteProduit .no_photo { display: block; text-align: center; width: 100%; height: 65px; margin-top: 20px;} .vignetteProduit .no_photo .texte{ } .vignetteProduit .zoneImage {width:100%;text-align: center;margin-top: 5px;} .vignetteProduit .zoneImage .vignette_produit {max-width:440px;max-height: 90px;text-align: center;} .vignetteDouble .zoneImage .vignette_produit {max-height:200px;} .vignetteProduit .nouveaute{position:absolute;left:0;top:0;z-index:10;} .mini_proof_steel_shoot {display:inline-block;width:15px;height:15px;background:url('spritesheet.png') no-repeat scroll transparent -94px -116px;} .vignetteProduit .mini_proof_steel_shoot{position: relative;top: 3px; left: 3px; } .vignetteProduit .bloc_info {position: absolute; display:block; z-index:15;font-size:11px; bottom: 2px; text-align: center; width: 100%;} .double .bloc_info {bottom: 10px;} .vignetteProduit .bloc_prix {position:relative; display:block; top: 0px;position:relative; display:block;float:right;font-size:11px; margin:0px 40px 0 50px;max-width: 280px;background-color: #fff;background-color: rgba(255,255,255,0.75);} .vignetteProduit .bloc_prix, .vignetteProduit .bloc_achat .dispo {margin-top:7px} /* margin-top à cause du decalage provoqué par l'image du panier si present '*/ .vignetteProduit .prix_non_solde { color: grey;line-height: 11px; font-size: 11px;text-decoration:line-through;} #produit .prix_non_solde { text-decoration:line-through;font-size: 1.2em; } .bloc_prix .promo_pourcentage { color: #ff0000!important;} .vignetteProduit .bloc_achat {position:relative; display:block;float:right;height:21px;margin-right:20px;margin-bottom:0px;right:0;} .quantite_panier {display: block;float: left; width:19px;text-align: center;/*padding: 6px 10px;*/} .vignetteProduit .quantite_panier {min-height:14px;font-size: 11px;margin-top:0px;padding:4px 4px 4px 4px!important;} .produitDansPanier {display: inline;color:#3b7c22; line-height: 9px; font-size: 12px; } .icone_achat {position:relative;top:-3px;display: block;float: left;font-size:0px;text-indent:-5000px;margin:0px 0 0px 3px; padding:0; width:30px; height:24px; background:url('spritesheet.png') no-repeat scroll transparent -5px -29px; cursor: pointer;border:none;} .icone_achat:hover, .icone_achat:active, .icone_achat:focus{ background-position:-5px -5px;border:none;} .vignetteProduit .nomProduit{position:relative;margin-top: 2px; background-color: rgba(255,255,255,0.75);} .vignetteProduit h3 { border: none; padding-bottom: 0px; margin: 0;} .vignetteProduit .nomProduit h3 a{font-size:12px;line-height:13px;color:#262626;font-weight:200;} .vignetteProduit .ref {font-size:10px;font-weight: 200; color: #b53128;} .vignetteProduit .ref .titre{font-size:11px;} #page_store .infoGlobal , #page_produit .infoGlobal {position: relative;display: block;text-align: center;} #page_store .info_marque {text-align: left;} #page_store .upline, #page_store .downline {margin: 10px 0;font-family: arial; font-size: 15px; color: #b8874b;text-align: justify;} #page_store .downline {text-align:center;} .info_bas_de_page{margin: 20px auto 0 auto;} /*-------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------- PAGE PRODUIT -----------------------------------------------------------*/ /*#page_produit{position:relative;display:block;margin:0 20px 20px 20px;}*/ #modif-produit-lien {position: absolute;display: block;top: 0px;right: -53px; width:53px; height:53px;cursor: pointer;z-index: 10;} #page_produit h1{margin:0;font-size: 22px; color: #6B4B40; font-style: normal; font-weight: bolder;} /*------------------- SLIDER Images PRODUIT-------------------*/ #produit #zoneImage {position: relative;padding: 0;} #produit #zoneImage .slider{margin-bottom: 20px;overflow: hidden;width: 100%;height: 400px;} #produit #zoneImage .slider .items{text-align: center;width: 100%;height:400px;} #produit #zoneImage .slider .item a{text-align: center;margin:0 auto;display: table-cell; vertical-align: middle;width: 100% ;height:400px;} #produit #zoneImage .slider img{margin:0 auto;max-width: 100% ;max-height:400px;} /* bullet */ #produit .bullet {position:relative;bottom:20px;margin: 0 auto;width: 100px;} #produit .bullet li {float:left;padding-left:3px} #produit .bullet a {display:block;width:13px;height:13px;background:url(spritesheet.png) no-repeat -6px -83px;text-indent:-9999px} #produit .bullet .current a {background-position: -6px -96px; } #produit .bullet a:hover,#produit .bullet a:focus,#produit .bullet a:active{background-position: -6px -109px;} /* fleche prec/suiv */ #produit .prev,#produit .next {position:relative; bottom:0px; width:20px; height:23px; display:inline-block;} #produit .prev {left:100px; background:transparent url(spritesheet.png) no-repeat -180px -44px; } #produit .prev:hover {background-position:-180px -67px;} #produit .next {left:788px; background:transparent url(spritesheet.png) no-repeat -203px -44px; } #produit .next:hover {background-position:-203px -67px;} #produit #blocThumb {position: relative;display:block;margin:10px auto 5px auto; text-align: center;} #produit #blocThumb .thumb {width: 92px;height:90px;display: table-cell; vertical-align: middle;} #produit #zoneImage #blocThumb a { display: block; width: 92px; height: 90px; border: 1px solid black; float: left; margin-right: 2px; margin-top: 2px;} #produit #blocThumb .thumb img { max-width: 90px; max-height: 90px; display: table-cell; margin: 0 auto; text-align: center;} #produit #blocThumb .texte { position: absolute; bottom: 5px; text-align: center; border: none; text-decoration: none; width: 92px; font-size: 11px; padding: 0 5px; display: none;} /* #page_produit .bloc_thumb{ margin-top:10px;text-align: center;} #page_produit .thumb img{max-width:150px;max-height:150px;}*/ /* caroussel produits vertical */ /* #page_produit #zoneCaroussel {position: relative;display: block;float:right; width: 160px;margin:40px 0 0 0;} #page_produit #zoneCaroussel .reference_caroussel {position:relative;font-size: 11px;text-align:center;color:#7f7f7f;top:-4px;} #page_produit #zoneCaroussel .texte {font-size: 12px; } */ /*------------------- PICTOS Produit ------------------------*/ #page_produit #bloc_pictos{margin:20px 0;width:100%;} #page_produit .bloc_picto {float:left; display:block;position:relative;z-index:99;margin-right:5px;margin-bottom:5px;cursor:pointer;} #page_produit #bloc_pictos .picto_nouveaute { background: transparent url(spritesheet.png) no-repeat -16px -155px;width: 116px; height: 34px;} #page_produit .bloc_picto .texte{z-index: 101;display:none;position:absolute;top:70px;left:-108px;width:290px;max-height:350px;padding:0 10px 10px 10px; text-align: center; border-top-right-radius: 8px;border: 1px solid #b2b2b2;box-shadow: 2px 4px 4px rgba(0,0,0,0.5); background-color: #f0f0f0;background-image: -webkit-linear-gradient(top, #fff, #a7a7a7);background-image: -moz-linear-gradient(top, #fff, #a7a7a7);background-image: -ms-linear-gradient(top, #fff, #a7a7a7);background-image: -o-linear-gradient(top, #fff, #a7a7a7);background: linear-gradient(to bottom, #fff, #a7a7a7);} #page_produit .bloc_picto .texte .descriptif { float: none; width: 270px; font-size: 12px; padding-top: 2px;z-index: 100;} #bloc_pictos .bloc_picto .texte p, #bloc_pictos .bloc_picto .texte a{z-index:603; margin:0; padding:0;} #bloc_pictos .bloc_picto:hover .texte, #bloc_pictos .bloc_picto:focus .texte, #bloc_pictos .bloc_picto:active .texte{display:block;} #bloc_pictos .photo img{max-height:50px;} #page_produit .picto_promotion { float: left; display: block;} /* texte */ #page_produit #produit_et_options_infos{position: relative;float:left;width:100%;} .accroche {margin-bottom:10px;font-size:16px;font-weight:bold;} #page_produit .produit_texte ul, #page_produit .option_texte ul{padding-left: 0px;margin-left: 20px;} #page_produit .produit_texte ul>li, #page_produit .option_texte ul>li {list-style-type: square; } #page_produit .produit_texte ul>li br, #page_produit .option_texte ul>li br{line-height: 0;} #page_produit .produit_texte li, #page_produit .description li{font-size:14px; margin: 4px 0; padding-left: 0px;} #page_produit .produit_texte li li, #page_produit .description li li{font-size:14px;padding-left: 20px;} #page_produit .bloc_titre_option h2 {display: block;float: left;font-size: 16px;font-weight: bold;} #produit_info{float:left;} #page_produit .bloc_option{ position:relative;display:block;width:100%;margin-top: 20px;} #page_produit .bloc_option_gauche{ float:left; width:500px;margin-right: 20px;} #page_produit .bloc_option_droite{ float: left;width: 240px;margin-left:0px;} #page_produit .bloc_dispo_achat, .dotation .valeur{ display:block;position:relative;width:225px;height:100px;padding:8px 5px; background: #e4ceb6; /* Old browsers */ background: -moz-linear-gradient(top, #e4ceb6 0%, #f9f1c4 25%, #f9f1c4 75%, #e4ceb6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4ceb6), color-stop(25%,#f9f1c4), color-stop(75%,#f9f1c4), color-stop(100%,#e4ceb6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* IE10+ */ background: linear-gradient(to bottom, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ceb6', endColorstr='#e4ceb6',GradientType=0 ); /* IE6-9 */} #page_produit .bloc_dispo_achat{font-size: 13px;} .dotation .valeur{width:auto;height:auto;display:inline;margin:0 0 0 20px; font-size: 11px;padding:2px 10px;color: #b53128;font-weight: bold;} #page_produit .bloc_prix {position:relative; display:block;top:4px;left:5px; width: 215px;} #page_produit .bloc_prix .bloc_dealer, #page_produit .bloc_prix .bloc_public {display:block;position:relative;height:20px;} #page_produit .bloc_prix .texte { position:absolute; display:block;left:0px;top:0;font-size: 11px; } #page_produit .bloc_prix .prix {position:absolute; display:block; right: 0;top:0; font-size: 11px; font-weight: bold; } #page_produit .bloc_achat{ display:block;position:absolute;width:260px;top:55px;left:10px;} #page_produit .bloc_achat .pQuantite{ display: block; float: left;} #page_produit .bloc_achat .pBouton{ display: block; float: left; margin-left:10px; margin-top: 16px;} #page_produit .mini_dispo{float:left;display:block;padding-top:0px;padding-left:0px;} #page_produit .mini_dispo .dispo_icone,#page_produit .mini_dispo img{display:block;height:16px;padding:0;margin:0;font-height:11px;} #page_produit .mini_dispo img{padding-top:5px;padding-bottom: 3px;height:8px;} /*tableau descriptif produits*/ #page_produit #produit_info{float:left;} .produit_tableau{position: relative;margin-top: 10px;top: 0px;width:100%;} .produit_tableau .det_prod{ border-collapse: collapse; border-color:#957956;border-style:none;border-width:1px;} .produit_tableau th { font-size: 12px; color:white; padding:2px 5px 2px 5px; text-align:center; background-color:#2a1811; border-color:#957956; border-style:none; border-width:1px; font-variant: small-caps;} .produit_tableau td {font-size: 11px;color:#3E1E08;text-align:center;background-color:#fff;border-color:#957956;border-style:none;padding:2px 2px;border-width:1px;} .produit_tableau .pair td {background-color:#edeadf;} .produit_tableau .pair .steel_shot {background-color: #fff;} .produit_tableau .designation {max-width: 150px;} .produit_tableau .voir a {background:url('spritesheet.png') no-repeat scroll transparent -46px -92x;padding-right: 20px;margin-right: 5px; width: 19px; height: 17px;} .produit_tableau .voir a:hover, .produit_tableau .voir a:focus,.produit_tableau .voir a:active{ background-position: -46px -109x;} .produit_tableau .det_prodHT {font-size: 14px!important;font-weight: bold!important;} .produit_tableau .achat {min-width:70px; width:70px;} .produit_tableau .achat .messageErreur {display:block;min-height:17px ; padding:4px 0;} .produit_tableau .achat .icone_achat {height: 25px;border: none;float: left;} .produit_tableau .quantite_panier {float:left;text-align: center;padding: 2px 1px;width: 28px;height: 14px;margin-top:2px;font-size: 11px;} /* Lien PDF */ #page_produit .bloc_telechargement { display: block; position: relative; margin: 20px 0 15px 0px; } .lien_pdf {width:210px; display: block; float: left;margin:0px 10px 0px 0; } .bloc_telechargement .image{float:left; background: transparent url('spritesheet.png') no-repeat; width: 60px; height: 59px;} .lien_pdf .image{background-position: -141px -157px;} .lien_pdf .texte{float: left;width: 127px;margin: 5px 0 0 10px;background: none;border:none; font-size: 12px; color: #444142; font-weight: bold;} .bloc_telechargement .texte:hover, .lien_pdf .texte:active, .lien_pdf .texte:focus{text-decoration: underline;} /* Produits Lies */ .produits_lies{margin:20px 0 20px 0;} .produits_lies h5{font-size: 16px; font-weight: bold;} /*********************** PAGE CONTACT ************************/ #pageContact .contact{font-size:18px;float:left; } #pageContact .infosLegales { margin-top: 20px;} /*********************** PAGE MARQUE ************************/ #bloc_marques {position:relative;display:block;margin: 0 0 0 0px;} #bloc_marques .bloc_marque{position:relative;display:block;float:left;width:200px; height:130px;margin: 10px 0px 0 20px;} #bloc_marques .first{margin-left: 0;} #bloc_marques .photo{position:relative; width:100%; height:100%;z-index:99;} #bloc_marques .photo img{max-width: 160px;z-index:99;} #bloc_marques .bloc_marque .texte{display:none;position:absolute;top:100px;left:-40px;width:290px;padding:0 10px 10px 10px;max-height:350px; border-top-right-radius: 8px; z-index:602;text-align: center;box-shadow: 2px 4px 4px rgba(0,0,0,0.5);} #bloc_marques .bloc_marque .texte p, #bloc_marques .bloc_marque .texte a{z-index:603; margin:0; padding:0;} #bloc_marques .bloc_marque .liens_intitule{ font-family: "Times New Roman", Georgia, Times, serif; } #bloc_marques .bloc_marque .rub_liens{ margin-top:10px!important; } #bloc_marques .bloc_marque:hover .texte, #bloc_marques .bloc_marque:focus .texte, #bloc_marques .bloc_marque:active .texte{display:block;} /*-------------------------------------------- LISTE REVENDEUR / MAP ------------------------------------------------------------*/ #liste_revendeur .link_prev, #liste_revendeur .link_next{position: relative; display: block; cursor:pointer; float: left;background:url('spritesheet.png') no-repeat scroll transparent -180px -44px; width: 20px; height: 23px; } #liste_revendeur .link_next{background-position: -203px -44px; } #liste_revendeur .link_next a, #liste_revendeur .link_next a{width: 20px; height: 23px; display:block;} .box_revendeurs { display:block; float: left; font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;font-size: 11px;color: #000;font-weight: bold;width: 210px;background-color: #fff;border:0px solid #1a2200;} .titre_revendeurs { color:#b53128; text-align:left; background-color:#fff;text-transform: uppercase } .box_revendeurs a{ color: #66858D; text-decoration: none;} .box_revendeurs a:focus, .box_revendeurs a:hover{ text-decoration: underline;} #revendeurs #map_canvas { display: block; float: right; margin: 0px 0px 20px 0px; height: 1000px; width: 1080px;} #map_canvas h1{font-size:14px;color: #000; font-weight: bold;} #map_canvas h2{font-size:12px;color: #656565; } #map_canvas p{font-size:12px;color: #000; } #map_canvas a{font-size:12px;color: #66858D; } #map_canvas a:hover,#map_canvas a:focus,#map_canvas a:active{text-decoration: underline; } #liste_revendeur .onglet {clear:both;} /*********************** Tableau Liste (panier) ************************/ .tab_bibliotheque th {height:30px;font-weight:bold; border-bottom: 1px #1a1a1a solid; padding-bottom: 5px;} /*.tab_bibliotheque thead td{font-size:16px;font-weight:bold;border-bottom:1px #1a1a1a solid;color:#1a1a1a;text-align: left;}*/ .tab_bibliotheque #photo{width:185px;} .tab_bibliotheque #designation{width:450px;} .tab_bibliotheque #informations{width:120px; padding-right: 20px;;text-align: right;} .tab_bibliotheque #quantite{width:90px;} .tab_bibliotheque #ssTotal{width:110px;text-align: right;} .tab_bibliotheque tbody td{vertical-align:top;font-size: 13px;margin-right: 10px;} .tab_bibliotheque tbody>tr td{padding-top:5px;} .tab_bibliotheque tbody>tr:first-child td{padding-top:10px;} .tab_bibliotheque .lienProduit{color:black;text-decoration:none;font-weight:bold;} .tab_bibliotheque a:hover, .tab_bibliotheque a:hover, .tab_bibliotheque a:active{text-decoration:underline;} .tab_bibliotheque .nom_option { line-height: 11px; font-size: 11px; text-transform: none; font-weight: normal;} .tab_bibliotheque .prix{text-align:right; padding-right: 20px;} .tab_bibliotheque .ssTotal{text-align:right;font-weight:bold;} .tab_bibliotheque tfoot{text-align:right;font-weight:bold;font-size: 14px;} .mignature_produit_3 { max-height: 65px; max-width: 150px;} .tab_bibliotheque #referenceCommande{width:370px;text-align:left;} .tab_bibliotheque #dateCommande{width:155px;text-align:left;} .tab_bibliotheque #etatCommande{width:200px;text-align:left;} #page_compte .tab_bibliotheque tbody td { padding: 6px 0;} /*********************** PAGE PANIER ************************/ #page_panier .bouton bouton_warning{font-size: 11px;} #page_compte .boutonRecharger{top: 4px;} #page_panier .boutonRecharger{bottom: 4px;} #page_panier .photoReduite{max-height:65px;max-width:150px;} #page_panier .boutonSupprimer{margin-left:10px; bottom: 4px;} #page_panier .photoReduite { max-height: 65px; max-width: 150px;} #page_panier .quantite, #page_compte .quantite{width:30px;} #page_panier #label_ajout_reference{padding:30px 0 10px 0;margin:0;font-weight: bold;color: #b53128;} #page_panier .panier_reference{width:100px;margin-right: 20px;} #page_panier #pValiderPanier ,#page_compte #pValiderPanier{float:right;margin-right:100px;} #page_panier #pViderPanier ,#page_compte #pViderPanier{float:left;margin-left:0px;} #page_panier .bouton_warning, #page_compte .bouton_warning{font-size: 11px; height: 24px; line-height: 20px; } /*---------------------------------- MON COMPTE ----------------------------*/ #sst{font-style: italic;} #rechercheProduit .boutonDegraderPanneau, #choix .boutonDegraderPanneau{display:inline;} #page_compte .selecteur4, #page_compte .selecteur5{float:left;margin-right:20px;} #page_compte .selecteur5{margin-top:26px;} #page_compte .lignePaire{background-color:#edeadf;} /*-------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------- Caesar Guerini -----------------------------------------------------------------------------*/ #page_caesar_guerini {background-color: #000; color:#fff;background:url('Background-04.png') repeat transparent;} #page_caesar_guerini #bloc_sousMenuBandeau img{border:0;} #page_caesar_guerini #fond_page{font-size: 12px; color:#fff;}/*background-color: #000;*/ #page_caesar_guerini h1 {color: #e21232;font-weight: 200; text-transform: uppercase; } #page_caesar_guerini h2 {color:#fff;} #page_caesar_guerini h3 {color:#e21232; border-color:#fff; font-weight: 600;} #page_caesar_guerini h4 {color:#e21232; } #page_caesar_guerini p {color:#fff;} #page_caesar_guerini a {color:#ECCB86;} #page_caesar_guerini img {border: #000 2px solid;} #page_caesar_guerini .evt_image img, #page_caesar_guerini .trophee img {border: none;} #page_caesar_guerini #fond_page #produits_occasions{ background-color: #000; color: #1a1a1a;} #page_caesar_guerini #fond_page #produits_occasions .vignette_produit{ max-width: 600px;} .dotation{} .dotation h3{font-size: 20px;padding-top:10px;} .dotation .info{text-align: center;} .dotation a, .dotation li a {text-decoration: none;color: #F12409;font-family: 'Times New Roman', Georgia, Times, serif;} .dotation a:focus, .dotation li a:focus, .dotation a:hover, .dotation li a:hover {text-decoration: underline;} .float-break:after {content: "-";height: 0;font-size: 0;visibility: hidden;display: block;clear: both;} #bloc_sousMenuBandeau { position: relative; height: 272px; width: 1280px; padding: 0; margin: 0;} #bloc_sousMenuPage {position: relative;float: none;height: 25px;width:1280px;padding:0;margin:0; background-color : #D33D47!important;} #bloc_sousMenuPage #sousMenuPage {float: right;position: relative;top: 0px;clear: right;margin-right: 20px;} #bloc_sousMenuPage #sousMenuPage>ul{/*background-image: none;*/clear: both;float: right;list-style: none outside none;margin: 0;padding: 0;width: 100%;color: #101111;font-family: "Times New Roman", Georgia, Times, serif;} #bloc_sousMenuPage #sousMenuPage>ul>li::before {top:9px ; width: 5px; height: 2px;background:url('spritesheet.png') no-repeat scroll transparent -901px -5px;} /* background: transparent url('tiret_blanc.png') center left no-repeat; */ #bloc_sousMenuPage #sousMenuPage>ul>li {float: left;font-weight: bold;text-transform: uppercase;font-size: 15px; color:inherit; height: 25px; } #bloc_sousMenuPage #sousMenuPage>ul> .first::before {background: none;} #bloc_sousMenuPage #sousMenuPage li a, #bloc_sousMenuPage #sousMenuPage li span {display: block;position:relative;margin: 0;padding:4px 10px 5px 15px; color:#f0f8ff; font-weight: inherit;font-size:inherit;} #bloc_sousMenuPage #sousMenuPage li a span{position: relative;text-decoration: none;line-height: inherit;text-align: center; text-transform: inherit;padding: 5px 10px 5px 15px;font-weight: inherit;color: inherit;} #sousMenuPage a:hover{text-decoration: underline;} #sousMenuPage .actif a{font-weight: bold;text-decoration: underline;} #bloc_sousMenuPage #sousMenuPage .last a{padding-right: 0px;} .trophee li{float:left;margin-top: 20px;width:180px;text-align: center;height: 200px;} .trophee li h2{font-family: arial, sans-serif;font-size: 11px;color: #EAD48F!important; height:22px;display:block; text-align: center;line-height: 13px;} .trophee li .centrage { vertical-align: middle; display: inline-block; line-height: 1;} .trophee li h2 .centre {vertical-align: middle;display: inline-block;line-height: 1;} .trophee li .attribute-image img{max-width:120px;height:120px;} .trophee .photoVideTrophee{display:block;width:120px;height:120px;padding:0 40px;} .trophee .photoVideTrophee .degradeRouge{display:block;width:120px;height:120px;} .trophee li .attribute-year{font-family: arial, sans-serif;font-size: 12px;color: #fff;text-transform: uppercase;} .trophee li .attribute-shotgun{display: block;font-family:"Times New Roman", Georgia, Times, serif; color: #EAD48F;font-size: 11px;line-height: 12px;text-transform:uppercase;font-weight: bold;} .trophee li .attribute-magazine{display: block;font-family:"Times New Roman", Georgia, Times, serif; color: #fff;font-size: 12px;line-height: 12px;text-transform: none;} .cadox .trophee li{ width: 195px;} .eventListing {position: relative;padding: 6px 0 5px 0px;width: 100%;border-bottom: 1px solid #9b8745;height:100px;} .eventListing .evt_image {position: relative;float: left;padding: 3px 0 4px 0;width: 90px;height: 90px;} .eventListing .evt_image img {border: 1px #9b8745 solid;width: 88px;height: 88px;} .eventListing .evt_info { height: 82px;padding: 12px 15px 4px 15px;margin: 0px 0 0 0px;position: relative;float: left;width: 271px;border-right: 0px solid #9b8745;} .eventListing .evt_categorie {font-family: arial, sans-serif;font-size: 11px;color: #fff;} .eventListing .evt_guerini_day {font-family: arial, sans-serif;font-size: 12px;color: #FF1000!important;} .eventListing .evt_title {display: block;font-family:"Times New Roman", Georgia, Times, serif; color: #ECCB86;font-size: 16px;line-height: 20px;text-transform: uppercase;} .eventListing .evt_info_2 {position: relative;float: left;width: 183px;padding: 6px 5px 4px 5px;} .eventListing .evt_date_debut,.eventListing .evt_date_fin {color:#ffffff;font-size: 14px;} .eventListing .date_jour, .eventListing .date_mois {font-family:arial, sans-serif;font-size: 14px;} .eventListing .evt_lieu {color: #C5C5C5;margin-top: 0px;font-family: arial, sans-serif;font-size: 13px;} .evt_info ul{ list-style-type: square;} .evt_info li{ font-size: 12px; color: #fff; margin-left: 14px; list-style-type: square;} #actualites .actu {position: relative;display:block;width: 100%;margin-bottom: 10px;padding-bottom: 20px;overflow: hidden;} #actualites .actu .evt_image {display: block;float: left;width: 220px;margin-right: 20px;text-align: center;} #actualites .actu .evt_image img{max-width: 220px; max-height:300px;} #actualites .actu .evt_info {display: block;float: left;width: 800px;} #actualites .actu .evt_info img{ margin-right: 10px;} #actualites .actu .evt_title {margin-bottom: 0px;font-size: 18px;font-weight: bold;} #actualites .actu .evt_date_publication {padding: 4px 0 0 0;font-size: 12px;color: #999;} /*#actualites .actu .evt_description p {font-size: 12px; line-height: 14px;color:#fff;margin-bottom: 10px;}*/ #actualites .actu li, #actualites .actu li span {color:#fff;} #representant{padding-left: 10px;} #representant .eventListing{height:210px;} #representant .eventListing .evt_image {width: 202px;height: 202px;} #representant .eventListing .evt_image img {width: 200px;height: 200px;} #representant .photoVideRepresentant, #representant .photoVideRepresentant .degradeRouge {display: block;width: 200px;height: 200px;} #representant .eventListing .evt_info { width: 180px; height: 192px;} #representant .eventListing .evt_info_2 { width: 150px;padding-left: 20px;} .definition li{float:left;padding:10px 0; width:150px;font-size: 11px;} #occasion { padding:20px 40px 20px 40px} #occasion h2{ color: #b53128;font-size: 16px;margin:10px 0 0 0;} #occasion #pageFormulaire {margin: 20px 20px 0px 20px;} #occasion p{ font-size: 14px;} #page_caesar_guerini .deux_tiers{ width: 640px; margin-right: 80px;float:left;} #page_caesar_guerini .un_tiers{width:320px; text-align: left;float:right;} /*#page_caesar_guerini .un_tiers h3 {font-size: 15px;}*/ #page_caesar_guerini p {font-size:16px;font-family: 'Times New Roman', Georgia, Times, serif;line-height:18px;margin:10px 0;} /*#page_caesar_guerini .un_tiers p {font-size:14px;font-family: 'Times New Roman', Georgia, Times, serif;line-height:18px;padding:0;margin:0;}*/ #page_caesar_guerini .presentation p {font-family: arial, sans-serif;} #page_caesar_guerini .presentation .accroche {font-style: italic; font-weight: bold;} /* TELECHARGEMENT */ #pageTelechargement li { position: relative; display: block; float: left; width: 270px; padding-right: 80px; padding-bottom: 20px;} #pageTelechargement .bloc_catalogue img{max-width: 200px;} #pageTelechargement .catalogue img{ padding-bottom: 20px;} #pageTelechargement .bloc_catalogue{ display: inline-block; float: left; width: 220px; margin-right: 40px; height: 350px;} .telechargement_nom { font-size: 14px; color: #A70606; font-weight: bolder;} /*-------------------------------------------- Montage --------------------------------------------*/ #tab_montages table {border: 1px solid #957956;} #tab_montages th {font-size: 12px;color: white;padding: 2px 0px 2px 0px;text-align: center;background-color: #2a1811;border-color: #957956;border-style: solid;border-width: 1px;font-variant: small-caps;} #tab_montages .no_cellule {color: white;background-color: #fff;border-color: #fff;border-style: none;border-width: 0px;} #tab_montages td {font-size: 10px;color: black; padding: 2px 1px 2px 0px;text-align: center; background-color: #fff; border-color: #957956; border-style: solid; border-width: 1px;} #tab_montages .paire {background-color: #edeadf;} #tab_montages .entete_ligne {background-color: #c5bcb8; font-weight: 600;font-size: 12px;border-left-width: 0; border-right-width: 0;} #tab_montages td a{ color: #3879d9;} #tab_montages td a:hover,#tab_montages td a:focus{ text-decoration: underline;} #tab_montages.tab_ample th, #tab_montages.tab_ample td{padding:10px 1px 10px 0px;} /*tabulation*/ .ui-widget-header {border-bottom: 1px solid #957956;background: #e8e8e8;color: #333333;font-weight: bold;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#000;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #000; background: #edeadf; color: #000; } /*-------------------------------------------- Menu Footer / Menu Mon Compte --------------------------------------------*/ .menu_page{ height:45px;border: 1px solid #b2b2b2; } .menu_page li{ width:230px;height:44px;display:block;float:left; font-size:11px; border-right: 1px solid #b2b2b2;border-left: 1px solid #fff;text-align: center;} .menu_page li a, .menu_page li span{display:block; padding-top:7px; padding-bottom: 7px;line-height: 30px;} .menu_page .first{border-left: 0px; } .menu_page .last{border-right: 0px;} .menu_page li:hover, .menu_page li:active, .menu_page li:focus { text-decoration: underline;} #page_compte .menu_page{ width:100%; margin-top:20px;} #page_compte .menu_page li{ width: 264px;} #footer .menu_page{ width:1200px ;margin: 10px 40px; } /*-------------------------------------------- FORMULAIRE --------------------------------------------*/ .blocFormulaire{width:500px;} .blocFormulaire label{display: block;position: relative;float:left; font-weight: 600; top: 8px; } .blocFormulaire input[type="text"], .blocFormulaire input[type="password"], .blocFormulaire select{float:right;width:192px;} .blocFormulaire select{width:214px;} .blocFormulaire p{ position: relative; display: block;clear:both; min-height: 34px; margin: 5px 0;} .blocFormulaire input[type="submit"]{float:left;} #capcha{width:100px;} .entete_selection .boutonSupprimer{margin-top: 5px} .formulaire textarea { width: 428px; height: 109px;margin-top: 10px;} #pageInscription textarea { width: 730px;} .gaucheFormulaire{float:left;margin-right: 20px;} .droiteFormulaire{float:right;margin-left: 20px} label{ font-weight: 600; } /* ScrollToTop */ #scrollToTop a{ display:block; position:fixed;z-index: 1001;height:40px; width:40px;background:url('spritesheet.png') no-repeat scroll -164px -219px transparent; opacity: 0.5;right: 30px;bottom: 40px;padding: 40px 0px 0px 0px; margin:0 auto;text-indent:-9999px;font-family: "Times New Roman", Georgia, Times, serif;font-size: 13px; font-weight: bold;text-align: center;} #scrollToTop a:hover{cursor:pointer;text-decoration: none !important;text-indent: 0px; opacity: 1;} /* page inscription newsletter */ #page_newsletter .formulaire input[type="text"], #page_newsletter .formulaire input[type="email"], #page_newsletter .formulaire input[type="date"], #page_newsletter .formulaire input[type="password"], #page_newsletter .formulaire input[type="search"],#page_newsletter .formulaire select {float: right;margin-left: auto;width: 160px;} #page_newsletter .cadreErreur, #page_newsletter .cadreSucces {padding : 25px 12px;} #page_newsletter form {padding : 25px 12px;font-family: arial; text-align:left; } #page_newsletter .bloc_paragraphe {margin: 15px 0 30px 0; text-align: center;} #page_newsletter .formulaire select, #page_newsletter .formulaire input, #page_newsletter .formulaire input{width: 200px; padding: 6px 10px;font-family: arial;font-size: 14px; } #page_newsletter input[type="submit"] {float: right;padding: 8px 14px;margin: 20px 0 0;} #page_newsletter .formulaire select{width: 182px;} #page_newsletter .formulaire #optin {margin: 10px;} #page_newsletter #civiliteBlock, #page_newsletter #pratiqueBlock {text-align: left;} #page_newsletter #pratiqueBlock {margin-top:25px;} #page_newsletter hr {margin: 20px 0px;} #page_newsletter #pratiqueBlock div {margin-top:10px;} #page_newsletter #capchaBlock {text-align: left;margin: 15px 0 30px 0;} #page_newsletter .formulaire form {width: 40%; margin: auto;} #page_newsletter .formulaire p {line-height: 30px;} #page_newsletter .formulaire p#newsletter-accroche {line-height: 20px;margin-bottom:40px;} #page_newsletter #champsObligatoires {margin: 10px 0 0;} #page_newsletter #civilite_m {margin-right: 40px;} #page_newsletter .infosLegales{font-weight: bold; padding: 25px;} #page_newsletter label{display: inline-block;} #page_newsletter h1{text-align: center;} #page_newsletter #newsletter-upline{line-height: 20px;margin-bottom: 30px} #newsletter-footer {text-align: center;padding: 20px 0;} /* bloc inscription newsletter footer */ #inscription_newsletter_block {width:100%;background-color: #fff;color: #b53128;padding: 12px 0px 25px 0;margin-top: 18px;} #inscription_newsletter_block #inscription_newsletter_text {width: 29%;float:left;padding: 1% 3% 0 20%;letter-spacing: 1px;} #inscription_newsletter_block h5 {margin: 0;text-align: left;font-size: 16px;} #inscription_newsletter_block p {font-size: 12px;} #inscription_newsletter_block #inscription_newsletter_right {width: 47%;float: left;text-align: left;padding: 25px 0 0 10px;} #inscription_newsletter_block input[type="email"] {margin-right: -4px;box-shadow: none; border: 1px solid #b14e47;} #inscription_newsletter_block input[type="submit"] {font-family: arial;padding: 8px 14px;border: 1px solid #b14e47;border-left: none;background-color: #b14e47;color: #fff;} /*-------------------------------------------- FOOTER --------------------------------------------*/ #footer{position: relative;margin: 0px auto 0px auto;text-align: center;z-index:10;} #footer .ligne{line-height: 18px;} #footer .ligne .mot_ligne{padding:0px 5px 0px 7px ;border-left:1px solid #000;height:11px;line-height: 11px; display: inline-block; font-size: 11px; /*padding: 0px 5px 0 7px;*/ } /*#footer .ligne .mot_ligne{padding:0px 7px 0px 7px ;border-left:1px solid #000;height:11px;line-height: 11px;}*/ #footer .ligne .first , #footer .ligne .first .mot_ligne{border-left:0px;} #footer p,#footer span, #footer a {font-size:11px ; color:#000;} #footer a:hover,#footer a:active,#footer a:focus{text-decoration: underline;} #footer_bas{position:relative;bottom:0;height:110px;width: 1280px; background-color: #fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));background-image: -webkit-linear-gradient(top, #fff, #000);background-image: -moz-linear-gradient(top, #fff, #000);background-image: -ms-linear-gradient(top, #fff, #000);background-image: -o-linear-gradient(top, #fff, #000);background-image: linear-gradient(to bottom, #fff, #000); background: #fff url('footer_background.png') repeat-x ;/* pb : couvre l'ombre */} #footer_bas .logo{width:185px; margin:0 auto;}