@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* Fin normalize */
/* ------------------------------------------
ICONES
--------------------------------------------- */
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?pim0pr');
src: url('../fonts/icomoon.eot?pim0pr#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?pim0pr') format('truetype'),
url('../fonts/icomoon.woff?pim0pr') format('woff'),
url('../fonts/icomoon.svg?pim0pr#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-devis:before {
content: "\e900";
}
.icon-home:before {
content: "\e901";
}
.icon-fleche4:before {
content: "\e902";
}
.icon-fleche2:before {
content: "\e903";
}
.icon-fleche1:before {
content: "\e904";
}
.icon-location:before {
content: "\e905";
}
.icon-fleche3:before {
content: "\e906";
}
.icon-ecrire2:before {
content: "\e907";
}
.icon-hamburger:before {
content: "\e908";
}
.icon-print:before {
content: "\e909";
}
.icon-mobile:before {
content: "\e90a";
}
.icon-pdf:before {
content: "\e90b";
}
.icon-email:before {
content: "\e90c";
}
.icon-ecrire1:before {
content: "\e90d";
}
.icon-login:before {
content: "\e90e";
}
.icon-recherche:before {
content: "\e90f";
}
.icon-profil:before {
content: "\e910";
}
.icon-caddi:before {
content: "\e911";
}
.icon-googleplus:before {
content: "\e912";
}
.icon-instagram:before {
content: "\e913";
}
.icon-linkedin:before {
content: "\e914";
}
.icon-pinterest:before {
content: "\e915";
}
.icon-tweeter:before {
content: "\e916";
}
.icon-facebook:before {
content: "\e917";
}
.icon-home1:before {
content: "\e918";
}
.icon-quantite:before {
content: "\e919";
}
.icon-puce1:before {
content: "\e91a";
}
.icon-plus:before {
content: "\e91b";
}
.icon-moins:before {
content: "\e91c";
}
.icon-liste:before {
content: "\e91d";
}
.icon-grille:before {
content: "\e91e";
}
.icon-dossiers:before {
content: "\e91f";
}
.icon-compare:before {
content: "\e920";
}
.icon-puce-bas2:before {
content: "\e921";
}
.icon-puce-haut:before {
content: "\e922";
}
.icon-puce-bas:before {
content: "\e923";
}
.icon-poubelle:before {
content: "\e924";
}
.icon-file-text:before {
content: "\e925";
}
.icon-download3:before {
content: "\e926";
}
.icon-star-empty:before {
content: "\e927";
}
.icon-star-full:before {
content: "\e928";
}
.icon-calendar:before {
content: "\e929";
}
/* ------------------------------------------
GLOBAL STYLES
--------------------------------------------- */
html {
height: 100%;
margin:0;
padding:0
}
/* Switching box model for all elements */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
color: #262626;
background: #fff;
font-family: 'Yantramanav', sans-serif;
font-size:16px;
}
.font1 {
font-family: 'Poppins', sans-serif;
}
a:active,
a:hover {
outline: 0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
#contenu-global {
padding-top:230px;
font-family: 'Poppins', sans-serif;
}
#contenu-global2 {
padding-top:230px;
}
.largeur-site {
width:1150px;
margin: 0 auto;
position:relative;
}
.largeur-site2 {
width:1490px;
margin: 0 auto;
position:relative;
}
.bt1 a {
display:block;
width:90px;
font-size: 18px;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
border: 1px solid #ffffff;
margin: 0 auto;
padding: 5px 0 ;
}
.bt1 a:hover {
background-color:#63bde7;
}
.couleur1 {
color: #ff5300;
}
input[type="submit"],
input[type="button"] {
background-color: #ff5200;
border:1px solid #ff5200;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #FFFFFF;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
input[type="submit"]:hover,
input[type="button"]:hover {
background-color: #ffffff;
color: #ff5200;
border:1px solid #ff5200;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
input[type="submit"]:focus,
input[type="button"]:focus {
background-color: #f1f1f1;
color: #ff5200;
border:1px solid #ff5200;
}
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border: none;
}
/*****LOADER*****/
.load_page {
width: 100%;
height: 100%;
z-index: 200;
position: fixed;
left: 0;
top: 0;
background-color: #fff;
}
.loader {
width: 100px;
height: 100px;
background: url(../img/loader.gif) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
border: none;
}
/* ------------------------------------------
FIXED HEADER
--------------------------------------------- */
header {
background-color: #fff;
/*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,235,226,1) 100%);*/
position: fixed;
z-index: 100;
height:230px;
left: 0;
right:0;
top: 0;
text-align:center;
-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.header-full {
width:1490px;
margin: 0 auto;
position: relative;
}
.logo-header {
width:189px;
margin: 5px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.logo-header2 {
width:189px;
margin: 5px 0;
padding:45px 0 48px 0;
}
.logo-header img {
display:block;
width:100%;
height:auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.logo-header2 img {
display:block;
width:100%;
height:auto;
}
.recherche-mobile,
.recherche-top2,
.header-mobile,
.menubas-mobile {
display: none;
}
.menu-top {
position:absolute;
left:440px;
top:4px;
text-align: left;
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
.menu-top ul {
list-style: none;
padding: 0;
margin:0;
}
.menu-top li {
display:inline;
margin: 0 15px;
}
.menu-top a {
color: #000;
text-decoration: none;
}
.menu-top a:hover {
color: #ff5200;
}
.lien-obfusque:hover {
color: #ff5200;
}
.menu-top-color2 a {
color: #ff5200;
}
.menu-top-color2 a:hover {
color: #000;
}
.recherche-top {
position:absolute;
left:450px;
top:46px;
width:580px;
}
.recherche-top-txt {
width:580px;
font-size: 18px;
text-transform: uppercase;
padding: 14px 8px;
background-color: rgba(255,235,226,1.00);
border: 2px solid #ff5200;
outline: 2px dotted rgba(255,235,226,1.00);
border-radius: 8px;
}
.recherche-top-txt::placeholder {
color: #ff5200;
}
.recherche-top input[type="submit"] {
position: absolute;
right:4px;
top:3px;
z-index:1000;
background-color:rgba(0,0,0,0);
background-image: url(../img/loupe2.png);
background-repeat: no-repeat;
background-position: right center;
border: 0;
border-radius: 8px;
width: 45px;
height: 45px;
}
.panier-top {
position:absolute;
right:0;
top:40px;
}
.devis-top {
position:absolute;
right:0;
top:95px;
}
.panier-top a {
display: block;
width:260px;
height:46px;
background-color: #ff5200;
color: #fff;
text-decoration: none;
padding: 6px;
border-radius:8px;
}
.devis-top a {
display: block;
width:260px;
height:46px;
background-color: #0084ff;
color: #fff;
text-decoration: none;
padding: 6px;
border-radius:8px;
}
.panier-top a:hover,
.devis-top a:hover{
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}
.iconrecaptop {
font-size:34px;
color:#fff;
margin:0;
width:20px;
float:left;
}
.titrerecaptop {
font-size: 12px;
font-weight: 700;
color:#fff;
margin:0 0 0 20px;
float:left;
}
.textrecaptop {
margin:0 0 0 20px;
font-size: 18px;
text-transform: uppercase;
float:left;
}
.langueswitcher {
position:absolute;
left:250px;
top:10px;
}
.tel-header {
position:absolute;
left:210px;
top:60px;
font-size:22px;
font-weight:400;
color:#000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tel-header a {
color:#000;
text-decoration:none;
}
.baseline-header {
position:absolute;
left:575px;
top:15px;
font-size:18px;
font-weight:400;
text-transform: uppercase;
letter-spacing: 3px;
}
#nom-header {
position:absolute;
right:0;
top:5px;
font-size:16px;
color:#000;
}
#nom-header a {
color:#000;
}
#nom-header a:hover {
text-decoration:none;
}
#identif {
position:absolute;
right:0;
top:5px;
font-size:18px;
color:#ff5200;
}
#identif a {
color:#444444;
text-decoration:none;
}
#identif a:hover {
color:#ff5200;
}
#deconnect-header {
position:absolute;
right:20px;
top:35px;
font-size:12px;
color:#444444;
}
#deconnect-header a {
color:#999;
}
#deconnect-header a:hover {
text-decoration:none;
}
/* ------------------------------------------
MENU
--------------------------------------------- */
.navbar {
overflow: auto;
text-align: center;
padding: 7px 0 0 0;
}
.dropdown {
display: inline-block;
margin: 0 -1px;
padding: 0;
text-decoration: none;
}
.dropdown {
overflow: hidden;
}
.menupicto {
margin:0;
}
.menupicto img {
display:block;
margin: 0 auto;
}
.dropbtn {
width:164px;
min-height: 74px;
font-size: 16px;
line-height: 16px;
text-align: center;
outline: none;
margin: 0;
padding: 0 0 2px 0;
border:none;
border-radius: 8px 8px 0px 0px;
}
.dropdown a {
text-decoration: none;
}
.dropdown:hover {
border-radius: 8px 8px 0px 0px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
.dropdown:hover .dropbtn a {
color: #ff5200;
}
.colormenu1 {
background-color:#cbffbd;
color:#1b7e00;
}
.colormenu1b {
color:#1b7e00;
}
.colormenu1 a,
.colormenu1 a:hover {
color:#1b7e00 !important;
}
.colormenu2 {
background-color:#ffc5c5;
color:#c50000;
}
.colormenu2b {
color:#c50000;
}
.colormenu2 a,
.colormenu2 a:hover {
color:#c50000 !important;
}
.colormenu3 {
background-color:#ffd3fe;
color:#d700a7;
}
.colormenu3b {
color:#d700a7;
}
.colormenu3 a,
.colormenu3 a:hover {
color:#d700a7 !important;
}
.colormenu4 {
background-color:#d9deff;
color:#0019c0;
}
.colormenu4b {
color:#0019c0;
}
.colormenu4 a,
.colormenu4 a:hover {
color:#0019c0 !important;
}
.colormenu5 {
background-color:#c9f2ff;
color:#007ea6;
}
.colormenu5b {
color:#007ea6;
}
.colormenu5 a,
.colormenu5 a:hover {
color:#007ea6 !important;
}
.colormenu6 {
background-color:#dcfea5;
color:#4a7800;
}
.colormenu6b {
color:#4a7800;
}
.colormenu6 a,
.colormenu6 a:hover {
color:#4a7800 !important;
}
.colormenu7 {
background-color:#fdfca4;
color:#6c6b00;
}
.colormenu7b {
color:#6c6b00;
}
.colormenu7 a,
.colormenu7 a:hover {
color:#6c6b00 !important;
}
.colormenu8 {
background-color:#feecc4;
color:#684800;
}
.colormenu8b {
color:#684800;
}
.colormenu8 a,
.colormenu8 a:hover {
color:#684800 !important;
}
.colormenu9 {
background-color:#efcfff;
color:#8001bc;
}
.colormenu9b {
color:#8001bc;
}
.colormenu9 a,
.colormenu9 a:hover {
color:#8001bc !important;
}
.colortitre1 {
background-color:#82d137;
color:#fff;
}
.bandesousmenu {
width:100%;
height:20px;
}
.row {
max-width: 1400px;
margin:0 auto;
}
.row2 {
max-width: 1280px;
margin:0 auto;
}
.dropdown-content {
visibility:hidden;
position: absolute;
font-family: 'Open Sans', sans-serif;
background-color: #fff;
width: 100%;
min-height:300px;
max-height: 600px;
overflow: auto;
left: 0;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.8);
z-index: 1;
padding: 0 0 20px 0;
opacity: 0;
-webkit-transition: opacity 250ms ease-out;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
.dropdown-content a:hover {
color: #ff5200;
}
/*.dropdown:hover .dropdown-content {
visibility: visible;
transition-delay: 250ms;
opacity: 1;
}*/
.sousmenuopen{
visibility: visible;
transition-delay: 250ms;
opacity: 1;
}
.sousrub {
display:inline-block;
vertical-align: top;
width:75%;
text-align: left;
}
.sousrubnew {
display:inline-block;
vertical-align: top;
width:55%;
text-align: left;
}
.column {
display:inline-block;
vertical-align: top;
width: 32%;
padding: 0 10px;
}
.columnnew {
display:inline-block;
vertical-align: top;
width: 38%;
padding: 0 10px;
}
.columnnew2 {
display:inline-block;
vertical-align: top;
width: 22%;
padding: 20px 10px;
}
.columnnew2 img {
width:100%;
height:auto;
border-radius: 8px;
}
.menuimage {
display:inline-block;
vertical-align: top;
width: 24%;
margin: 20px 0 0 0;
}
.menuimage2 {
display:inline-block;
vertical-align: top;
width: 40%;
margin: 20px 0 0 0;
}
.menuimage img {
border:2px solid #ff5200;
border-radius: 8px;
}
.menuimage2 img {
border:2px solid #ff5200;
border-radius: 8px;
}
a.sousrub1 {
float: none;
color: #000;
font-size: 18px;
line-height: 18px;
margin: 15px 0 10px 0;
text-decoration: none;
display: block;
text-align: left;
}
.sousrub2 a {
float: none;
font-size: 13px;
color: #000;
padding: 2px 2px 2px 5px;
text-decoration: none;
display: block;
text-align: left;
}
.sousrub2 {
border-left: 1px solid #ff5200;
margin-left: 5px;
}
.sousrub2 img {
width:100px;
height: auto;
}
.sousrub2 a:hover img {
transition-duration: 0.3s;
transform: translate(10px, 0);
}
.sousrubtab img {
width:100px;
height: auto;
}
.sousrubtab a:hover img {
transition-duration: 0.3s;
transform: translate(8px, 0);
}
.sousrubtab ul {
list-style: none;
margin:0;
padding: 0;
}
.sousrubtab li {
font-size: 13px;
padding:0;
margin:7px 0;
}
.sousrubtab li a {
color:#000;
}
.sousrubtab table {
max-width: 1100px;
margin: 10px auto;
}
.sousrubtab td {
text-align: center;
vertical-align: middle;
vertical-align: top;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
/* ------------------------------------------
ACCUEIL
--------------------------------------------- */
.visu-home1 {
max-width:1500px;
margin: 0 auto;
}
.visu-home2 {
display:none;
}
.visu-home1 img {
display: block;
float:left;
width:25%;
height:auto;
margin:0;
}
.visu-home2 img {
display: block;
width:100%;
height:auto;
margin:0;
}
.encartsvisuelhome {
margin: 0px auto 0 auto;
}
.encartsvisuelhome img {
display:block;
width:100%;
height: auto;
border-radius: 8px;
}
.encartsvisuelhome-g {
width:720px;
display:inline-block;
vertical-align: top;
}
.encartsvisuelhome-d {
width:740px;
display:inline-block;
vertical-align: top;
margin: 0 0 0 25px;
}
.visuelhome2 {
margin: 10px 0 10px 0;
}
.titre-menus-home {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 24px;
text-align: center;
margin: 15px 0 5px 0
}
.menu-home {
background-color: #f4f6f6;
border-radius: 8px;
width: 1490px;
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 10px 0;
margin: 0 auto;
}
.menu-home-bloc {
display:inline-block;
vertical-align: top;
position: relative;
text-align: left;
width:480px;
height:250px;
background-color: #fff;
border-radius: 8px;
margin: 5px 3px;
}
.menu-home-bloc:hover {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
}
.menu-home-bloc-bande-color {
width:100%;
height:20px;
border-radius: 8px 8px 0 0;
}
.menu-home-bloc-titre {
max-width: 280px;
font-weight: 700;
font-size: 24px;
line-height: 24px;
margin:25px 0 0 10px;
}
.menu-home-bloc-description {
max-width: 280px;
overflow:hidden;
font-size: 16px;
margin: 10px 0 0 10px;
}
.menu-badges {
background-image:url("../img/home/menu-home-badges.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-imprimantes {
background-image:url("../img/home/menu-home-imprimante.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-consommable {
background-image:url("../img/home/menu-home-consommable.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-porte-badge {
background-image:url("../img/home/menu-home-porte-badge.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-tour-cou {
background-image:url("../img/home/menu-home-tour-cou.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-rfid {
background-image:url("../img/home/menu-home-rfid.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-douchette {
background-image:url("../img/home/menu-home-douchette.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-etiquette {
background-image:url("../img/home/menu-home-etiquette.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-presta {
background-image:url("../img/home/menu-home-prestation.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-bracelets {
background-image:url("../img/home/menu-home-bracelets.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-boite {
background-image:url("../img/home/menu-home-rangement.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-home-bloc-lien {
position:absolute;
left:10px;
bottom: 10px;
}
.menu-home-bloc-lien a {
display:block;
text-decoration: none;
width:110px;
background-color: #ff5300;
text-align: center;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color:#fff;
border:2px solid #ff5300;
border-radius: 8px;
padding: 3px 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-home-bloc-lien a:hover {
background-color: #fff;
color:#ff5300;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* ------------------------------------------*/
#presentation-home {
clear:both;
font-family: 'Poppins', sans-serif;
font-size:16px;
max-width:1100px;
margin: 20px auto;
padding:10px 10px 0 10px;
text-align:justify;
}
#presentation-home h1 {
font-weight:700;
font-size:24px;
line-height: 26px;
text-transform:uppercase;
text-align:center;
margin: 0;
}
#presentation-home h2 {
font-weight:300;
font-size:18px;
color:#ff5300;
text-align:center;
margin: 0 0 5px 0;
}
#presentation-home p {
color:#4f4f4f;
line-height: 24px;
}
#presentation-home a {
color:#262626;
}
#presentation-home a:hover {
text-decoration:none;
}
.pres-home-accroche {
font-size: 18px;
color:#ff5300 !important;
text-align: center;
margin: 5px 0 0 0;
}
.pres-home-fond {
background-color: #f4f6f6;
border-radius: 8px;
padding: 5px 25px;
}
.suite-btn a {
display:block;
width:140px;
font-size: 14px;
font-weight: 700;
color:#ff5200 !important;
text-decoration:none;
text-align:center;
border: 2px solid #ff5200;
border-radius: 10px;
margin: 20px auto;
padding: 10px 0 ;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.suite-btn a:hover {
background-color:#ff5200;
color:#fff !important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.home-pictos {
text-align: center;
max-width:1400px;
font-family: 'Poppins', sans-serif;
color:#4f4f4f;
margin: 40px auto 20px auto;
}
.home-pictos p {
margin: 5px 0;
}
.home-picto-bloc {
width:340px;
font-size: 24px;
line-height: 26px;
display: inline-block;
vertical-align: top;
margin: 10px 0 0 0;
}
.dossier-home-titre {
font-family: 'Poppins', sans-serif;
font-weight:700;
font-size:24px;
color:#ff5300;
text-align:center;
margin: 40px 0 5px 0;
}
#dossiers-home {
max-width: 1490px;
background-color: #f4f6f6;
border-radius: 8px;
font-family: 'Poppins', sans-serif;
text-align:center;
margin: 0 auto 20px auto;
padding: 15px 0 20px 0;
}
#dossiers-home h2 {
font-weight:300;
font-size:40px;
text-transform:uppercase;
margin: 0 0 20px 0;
}
/** DOSSIERS **/
#dossiers-liste {
text-align:center;
margin: 30px 0 60px 0;
}
#dossiers-menu {
text-align:center;
}
#dossiers-menu ul {
list-style:none;
margin:0;
padding:0;
}
#dossiers-menu li {
display: inline-block;
text-transform:uppercase;
margin: 10px 15px;
}
#dossiers-menu li a {
display: block;
height:28px;
color:#262626;
text-decoration:none;
}
#dossiers-menu li a:hover {
color:#ff5200;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #ff5200;
}
.dossiers-menu-actif a {
color: #ff5200 !important;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #ff5200;
}
.dossiers-titre-cat {
font-weight:400;
font-size:30px;
text-transform:uppercase;
margin: 5px 0 10px 0;
}
.dossiers-text-cat {
width:90%;
text-align:left;
margin: 5px auto 30px auto;
}
.dossiers-bloc {
width:400px;
display:inline-block;
vertical-align:top;
background-color: #fff;
border-radius: 8px;
margin: 10px 20px;
}
.dossiers-couv img {
width:100%;
height:auto;
border-radius: 8px 8px 0 0;
}
.dossiers-bloc h3,
.dossiers-bloc h2 {
font-weight:700;
font-size:16px;
text-transform:uppercase;
margin: 5px 10px 10px 10px;
}
.dossiers-bloc h2 a,
.dossiers-bloc h3 a {
color:#262626;
text-decoration:none;
}
.dossiers-bloc p {
font-size:14px;
color:#4f4f4f;
text-align:justify;
margin: 10px 10px 10px 10px;
}
.suite-dossier a {
display:block;
width:120px;
font-size: 14px;
font-weight: 700;
color:#ff5200;
text-decoration:none;
text-align:center;
border: 2px solid #ff5200;
border-radius: 10px;
margin: 20px auto;
padding: 6px 0 ;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.suite-dossier a:hover {
background-color:#ff5200;
color:#fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.bt-tous-dossier a {
display:block;
background-color:#ff5200;
width:220px;
font-size: 16px;
font-weight: 700;
color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align:center;
border: 2px solid #ff5200;
border-radius: 10px;
margin: 10px auto;
padding: 15px 0 ;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bt-tous-dossier a:hover {
background-color:#fff;
color:#ff5200;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#dossiers-detail {
width:90%;
max-width:1000px;
margin: 0 auto;
padding-bottom:50px;
}
#dossiers-detail a {
color:#262626;
}
#dossiers-detail a:hover {
text-decoration:none;
}
.dossiers-detail-titre {
font-weight:700;
font-size:24px;
text-transform:uppercase;
text-align:center;
color:#ff5200;
margin: 10px 0 10px 0;
}
ul#dossiers-detail-menu {
list-style:none;
margin:0 auto;
text-align:center;
padding:0;
}
ul#dossiers-detail-menu li {
display:inline-block;
margin: 5px 20px;
}
.dossiers-detail-date {
text-align:center;
color:#89898a;
margin: 0 0 10px 0;
}
.dossiers-detail-cat {
text-align:center;
color:#89898a;
margin: 0 0 10px 0;
}
.dossiers-detail-cat a {
color:#262626;
text-decoration:none;
}
.dossiers-detail-cat a:hover {
color:#ff5200 !important;
}
.dossiers-detail-auteur {
text-align:center;
margin: 0 0 10px 0;
}
.dossiers-detail-permalien a {
color:#89898a !important;
text-decoration:none;
}
.dossiers-detail-permalien a:hover {
text-decoration:underline !important;
}
.dossiers-detail-lien {
color:#89898a;
margin:10px 0 0 0;
}
#dossiers-detail h2 {
font-weight:400;
font-size:22px;
}
#dossiers-detail h3 {
font-weight:400;
font-size:18px;
}
#dossiers-detail img {
max-width:100%;
height:auto;
}
#dossiers-detail-bas {
padding-bottom:50px;
}
#dossiers-banner img {
width:100%;
height:auto;
}
#clients-home2 {
clear:both;
max-width:1490px;
margin: 0 auto 20px auto;
text-align:center;
background-color:#f4f6f6;
border-radius: 8px;
padding: 10px 0;
}
.slide-clients {
width:160px;
height:50px;
display:inline-block;
vertical-align:top;
margin: 5px 5px;
}
.slide-clients img {
max-width:160px;
height:auto;
max-height:50px;
width:auto;
opacity:0.7;
}
.slide-clients img:hover {
opacity:1;
}
.clients-titre {
font-weight:100;
font-size:36px;
color:#ff5200;
text-transform:uppercase;
margin:0;
}
.clients-titre2 {
max-width:1490px;
background-color:#f4f6f6;
font-family: 'Poppins', sans-serif;
font-weight:700;
font-size:14px;
color:#ff5300;
text-align: center;
margin: 0 auto;
padding: 8px 0 0 0;
}
#clients-home img {
max-width:200px;
height:auto;
max-height:70px;
width:auto;
vertical-align:middle;
margin:20px 30px;
opacity:0.75;
}
#clients-home img:hover {
opacity:1;
}
.encarts-texte-home {
max-width: 1490px;
font-family: 'Poppins', sans-serif;
color:#4f4f4f;
font-size: 16px;
line-height: 24px;
text-align: center;
margin: 0 auto;
padding: 20px 0 60px 0;
}
.encarts-texte-home a {
color:#4f4f4f;
}
.encarts-texte-home a:hover {
text-decoration:none;
}
.texte-home-col1 {
width:800px;
display:inline-block;
vertical-align: top;
margin: 0 50px 0 0;
}
.texte-home-col1 p,
.texte-home-col1 ul {
text-align:justify;
}
.texte-home-col1 ul {
margin: 0;
padding: 0 0 0 15px;
}
.texte-home-col1 h3 {
font-weight:700;
font-size:24px;
line-height: 28px;
color:#ff5200;
margin: 10px 10px;
}
.texte-home-col1 li {
margin: 15px 0;
}
.text-home-fond1 {
background-color: #f4f6f6;
border-radius: 8px;
padding: 10px 25px;
}
.texte-home-col2 {
width:600px;
display:inline-block;
vertical-align: top;
margin: 0;
}
.texte-home-col2 img {
border-radius: 50%;
}
.texte-home-col2 h3 {
font-weight:700;
font-size:24px;
line-height: 28px;
color:#ff5200;
margin: 10px 10px;
}
.texte-home-col2 p {
text-align:justify;
}
.texte-home-col2 ul {
text-align:left;
}
/* ------------------------------------------
MISE EN PAGE GLOBALE
--------------------------------------------- */
.color-elliaden {
color:#ff5200 !important;
}
.centrer {
text-align:center;
}
.titre-section {
font-family: 'Ubuntu', sans-serif;
font-size:48px;
font-weight:300;
color:#63bde7;
margin: 20px 0 0 0;
}
.sous-titre-section {
font-family: 'Ubuntu', sans-serif;
font-size:36px;
font-weight:300;
color:#63bde7;
margin: 20px 0 0 0;
}
hr {
height: 1px;
margin: 10px 0;
padding: 0;
color: #262626;
background-color: #262626;
border: 0;
}
/* ------------------------------------------
NOTIFICATION
--------------------------------------------- */
.notif-erreur {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#C00;
text-align:center;
margin:2px;
}
.notif-traitement {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#F90;
text-align:center;
margin:2px;
}
.notif-valide {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0C0;
text-align:center;
margin:2px;
}
.notif-erreur2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
background-color: #C00;
text-align:center;
margin:2px;
padding: 15px;
border-radius: 8px;
}
.notif-traitement2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
background-color: #F90;
text-align:center;
margin:2px;
padding: 15px;
border-radius: 8px;
}
.notif-valide2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
background-color: #0C0;
text-align:center;
margin:2px;
padding: 15px;
border-radius: 8px;
}
/* ------------------------------------------
FOOTER
--------------------------------------------- */
footer {
background-color:#011736;
font-family: 'Poppins', sans-serif;
font-size: 16px;
text-align: center;
color:#fff;
padding: 15px 0 30px 0;
}
footer ul {
list-style-type: none;
padding:0;
}
#footer-bloc1,
#footer-bloc2,
#footer-bloc3 {
width:350px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#footer-bloc4 {
width:350px;
display:inline-block;
vertical-align:top;
text-align:right;
}
#footer-bloc2 li,
#footer-bloc3 li {
margin: 6px 0;
}
footer a {
color: #fff;
text-decoration:none;
opacity: 0.7;
}
footer a:hover {
opacity: 1;
}
.footer-titre-col {
font-weight: 700;
text-transform: uppercase;
}
.footer-social li {
display:inline;
margin: 5px 4px;
font-size:30px;
}
#footer-tel {
font-size:18px;
margin: 20px 0 20px 0;
}
/* ------------------------------------------
FIL ARIANNE
--------------------------------------------- */
#filarianne {
position: fixed;
top:180px;
left:60px;
right:0;
height: 38px;
background-color:#ff5200;
padding: 8px 0 5px 10px;
font-weight:700;
color:#fff;
z-index:90;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
#filarianne ul {
list-style:none;
padding:0;
margin:0;
}
#filarianne li {
display:inline;
margin: 0 8px;
}
#filarianne a {
color:#fff;
text-decoration:none;
}
#filarianne a:hover {
color:#262626;
}
#filmenu {
font-family: 'Yantramanav', sans-serif !important;
max-width: 1500px;
margin: 0 auto;
z-index:90;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.filcontainer {
background: #ff5200;
padding-left:5px;
}
#filmenu ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
#filmenu ul ul {
max-height: 400px;
overflow-y: auto;
overflow-x:hidden;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
}
#filmenu > ul {
position: relative;
display: block;
background: #ff5200;
width: 100%;
z-index: 1;
}
#filmenu:after,
#filmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#filmenu.align-right > ul > li {
float: right;
}
#filmenu.align-center ul {
text-align: center;
}
#filmenu.align-center ul ul {
text-align: left;
}
#filmenu > ul > li {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 400;
color: #ffffff;
}
#filmenu > ul > #menu-button {
display: none;
}
#filmenu ul li a {
display: block;
text-decoration: none;
}
#filmenu > ul > li > a {
font-size: 14px;
font-weight: 400;
padding: 5px 5px 5px 5px;
color: #ffffff;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
}
#filmenu > ul > li.has-sub > a {
padding-right: 20px;
}
#filmenu > ul > li:hover > a {
color: #000;
}
#filmenu li.has-sub::after {
display: block;
content: "";
position: absolute;
width: 0;
height: 0;
}
#filmenu > ul > li.has-sub::after {
right: 5px;
top: 10px;
border: 5px solid transparent;
border-top-color: #ffffff;
}
#filmenu > ul > li:hover.has-sub::after {
border-top-color: #262626;
}
#filmenu > ul > li:hover::after {
border-top-color: #000;
}
#indicatorContainer {
position: absolute;
height: 12px;
width: 100%;
bottom: 0px;
overflow: hidden;
z-index: -1;
}
#pIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
z-index: -2;
-webkit-transition: left .25s ease;
-moz-transition: left .25s ease;
-ms-transition: left .25s ease;
-o-transition: left .25s ease;
transition: left .25s ease;
}
#cIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
top: -12px;
right: 100%;
z-index: -2;
}
#filmenu ul ul {
position: absolute;
left: -9999px;
top: 50px;
opacity: 0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
z-index: 1000;
}
#filmenu ul ul ul {
top: 27px;
padding-left: 5px;
}
#filmenu ul ul li {
position: relative;
}
#filmenu > ul > li:hover > ul {
left: auto;
top: 22px;
opacity: 1;
}
#filmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
opacity: 1;
}
#filmenu ul ul li:hover > ul {
left: 170px;
top: 0;
opacity: 1;
}
#filmenu.align-right ul ul li:hover > ul {
left: auto;
right: 170px;
top: 0;
opacity: 1;
padding-right: 5px;
}
#filmenu ul ul li a {
width: 260px;
border-bottom: 1px solid #eeeeee;
padding: 3px 20px;
font-size: 14px;
font-weight:400;
color: #262626;
background: #ffffff;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#filmenu.align-right ul ul li a {
text-align: right;
}
#filmenu ul ul li:hover > a {
background: #ededed;
color: #000;
}
#filmenu ul ul li:last-child > a,
#filmenu ul ul li.last > a {
border-bottom: 0;
}
#filmenu > ul > li > ul::after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #ffffff;
position: absolute;
top: -12px;
left: 30px;
}
#filmenu.align-right > ul > li > ul::after {
left: auto;
right: 30px;
}
#filmenu ul ul li.has-sub::after {
border: 4px solid transparent;
border-left-color: #9ea2a5;
right: 10px;
top: 12px;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#filmenu.align-right ul ul li.has-sub::after {
border-left-color: transparent;
border-right-color: #9ea2a5;
right: auto;
left: 10px;
}
#filmenu ul ul li.has-sub:hover::after {
border-left-color: #000;
right: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#filmenu.align-right ul ul li.has-sub:hover::after {
border-right-color: #000;
border-left-color: transparent;
left: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#filmenu {
width: auto;
}
#filmenu.align-center ul {
text-align: left;
}
#filmenu.align-right > ul > li {
float: none;
}
#filmenu ul {
width: auto;
}
#filmenu .submenuArrow,
#filmenu #indicatorContainer {
display: none;
}
#filmenu > ul {
height: auto;
display: block;
}
#filmenu > ul > li {
float: none;
}
#filmenu li,
#filmenu > ul > li {
display: none;
}
#filmenu ul ul,
#filmenu ul ul ul,
#filmenu ul > li:hover > ul,
#filmenu ul ul > li:hover > ul,
#filmenu.align-right ul ul,
#filmenu.align-right ul ul ul,
#filmenu.align-right ul > li:hover > ul,
#filmenu.align-right ul ul > li:hover > ul {
position: relative;
left: auto;
top: auto;
opacity: 1;
padding-left: 0;
padding-right: 0;
right: auto;
}
#filmenu ul .has-sub::after {
display: none;
}
#filmenu ul li a {
padding: 12px 20px;
}
#filmenu ul ul li a {
border: 0;
background: none;
width: auto;
padding: 8px 35px;
}
#filmenu.align-right ul ul li a {
text-align: left;
}
#filmenu ul ul li:hover > a {
background: none;
color: #8c9195;
}
#filmenu ul ul ul a {
padding: 8px 50px;
}
#filmenu ul ul ul ul a {
padding: 8px 65px;
}
#filmenu ul ul ul ul ul a {
padding: 8px 80px;
}
#filmenu ul ul ul ul ul ul a {
padding: 8px 95px;
}
#filmenu > ul > #menu-button {
display: block;
cursor: pointer;
}
#filmenu #menu-button > a {
padding: 14px 20px;
}
#filmenu ul.open li,
#filmenu > ul.open > li {
display: block;
}
#filmenu > ul.open > li#menu-button > a {
color: #fff;
border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#filmenu ul ul::after {
display: none;
}
#filmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #7a8189;
border-bottom: 2px solid #7a8189;
right: 20px;
top: 15px;
}
#filmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #7a8189;
right: 20px;
top: 25px;
}
#filmenu ul.open #menu-button::after,
#filmenu ul.open #menu-button::before {
border-color: #fff;
}
}
/* ------------------------------------------
PAGES RUBRIQUES
--------------------------------------------- */
#rub-banner {
height:300px;
text-align:center;
background-image: url('../img/bannieres/elliaden-controle-acces.jpg');
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 20px 0 0 0;
}
#rub-banner2 {
background-image: url('../img/bannieres/elliaden-imprimante-carte.jpg');
}
#rub-banner strong {
font-weight:100;
}
.rub-banner-titre {
font-weight:100;
font-size:72px;
text-transform:uppercase;
color:#fff;
margin: 0;
}
.rub-banner-soustitre {
font-weight:100;
font-size:40px;
text-transform:uppercase;
color:#ff5300;
margin: 0;
}
#rub-marques {
background-color:#000;
text-align:center;
font-size:18px;
color:#ff5300;
padding:10px 0;
}
#rub-marques a {
color:#fff;
text-decoration:none;
}
#rub-marques a:hover {
color:#ff5300;
}
.titre-rub-description {
font-size:16px;
font-weight: 700;
text-transform:uppercase;
margin: 5px 0;
}
.rub-description {
padding: 10px 5px;
text-align:center;
}
#rub-description {
font-size:14px;
color:#fff;
background-color:#262626;
padding: 2px 30px;
text-align:center;
}
.rub-description2 {
width:100%;
font-size:14px;
text-align:center;
margin:10px auto 20px auto;
border-radius: 8px;
padding: 5px 10px 15px 10px;
}
#rub-description p,
.rub-description2 p {
margin:5px auto;
max-width:1000px;
text-align:justify;
}
#rub-description h2,
.rub-description2 h2 {
font-weight:700;
font-size:14px;
margin: 15px auto 10px auto;
max-width:1000px;
text-align:justify;
}
#rub-description h3,
.rub-description2 h3 {
font-weight:400;
font-size:14px;
margin: 10px auto 10px auto;
max-width:1000px;
text-align:justify;
}
#rub-description ul,
.rub-description2 ul {
margin:5px auto;
max-width:1000px;
text-align:justify;
}
#rub-description3 {
width:100%;
min-height: 100px;
background-color:#262626;
background-image: url('../img/bannieres/fond-filtres-imprimante-carte.jpg');
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
text-align:center;
color:#fff;
padding: 5px 0 10px 0;
margin: 0px auto 5px auto;
}
.less.active .button-read-more, .button-read-less {
display: none
}
.less.active .button-read-less {
display: block
}
.liresuite {
text-align:center;
}
.liresuite a {
color:#ff5300;
text-decoration:none;
}.liresuite a:hover {
color:#000;
}
.ban-promo2,
.top-promo-1 {
display: none;
}
#col-container {
clear: both;
width: 1490px;
margin: 10px auto;
}
.col-container {
clear: both;
width: 1490px;
min-height: 600px;
margin: 10px auto;
}
.col-promo1 {
display:inline-block;
width:300px;
vertical-align: top;
margin: 0;
}
.col-promo1 img {
border-radius: 8px;
}
#rub-grille {
display:inline-block;
width:1180px;
vertical-align: top;
text-align:center;
margin: 0 auto 50px auto;
}
.animate {
-webkit-animation-duration: .5s;
-webkit-animation-delay: 0s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .5s;
-moz-animation-delay: 0s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .5s;
-ms-animation-delay: 0s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.fond-titrerub {
border-radius: 8px;
text-align:center;
margin: 10px 0;
padding: 5px 3px;
}
.fond-titrerub2 {
border-radius: 8px;
text-align:center;
margin:0 0 10px 0;
padding: 5px 3px;
}
.titre-rub-1 {
font-weight:700;
font-size:18px;
text-transform:uppercase;
text-align:center;
margin:0;
}
.titre-rub-1 strong {
font-weight:400;
}
.titre-rub-2 {
font-weight:300;
font-size:36px;
text-transform:uppercase;
color:#ff5300;
text-align:center;
margin:0;
}
.titre-rub-3 {
font-weight:700;
font-size:18px;
text-transform:uppercase;
text-align:center;
margin: 0;
border-radius: 8px;
}
.soustitre-rub-3 {
font-size: 14px;
margin: 0 10px;
}
.titre-rub-4 {
font-weight:700;
font-size:18px;
text-transform:uppercase;
text-align:center;
padding: 5px 3px;
margin:0;
border-radius: 8px;
}
.fond-rub {
background-color: #f4f6f6;
border-radius: 8px;
text-align: center;
padding: 10px 0;
margin: 0 auto;
}
.rub-bloc {
display:inline-block;
vertical-align: top;
position: relative;
text-align: left;
width:480px;
height:320px;
background-color: #fff;
border-radius: 8px;
margin: 5px 3px;
}
.rub-bloc:hover,
.rub-bloc2:hover {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
}
.rub-bloc a {
display:block;text-decoration: none;
width:480px;
height:320px;
}
.rub-bloc2 {
display:inline-block;
vertical-align: top;
position: relative;
text-align: left;
width:400px;
height:320px;
background-color: #fff;
border-radius: 8px;
margin: 5px 3px;
}
.rub-bloc2 a {
display:block;text-decoration: none;
width:400px;
height:320px;
}
.rub-bloc-titre2 {
max-width: 280px;
font-weight: 700;
font-size: 24px;
line-height: 26px;
margin:10px 0 0 10px;
}
.rub-bloc-description2 {
max-width: 280px;
max-height: 210px;
overflow:hidden;
font-size: 14px;
line-height: 21px;
color:#4f4f4f;
margin: 5px 0 0 10px;
}
.rub-bloc-fleche {
position:absolute;
bottom:-10px;
left:50%;
margin-left: -15px;
}
.menu-cordons {
background-image:url("../img/vignettes-rubriques/cordons-tour-cou.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-pinces {
background-image:url("../img/vignettes-rubriques/pinces-attaches.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
.menu-enrouleurs {
background-image:url("../img/vignettes-rubriques/enrouleur-zip.jpg");
background-position: center right;
background-size: auto;
background-repeat: no-repeat;
}
#rub-recherche {
width:100%;
background-color:#262626;
background-image: url('../img/bannieres/fond-filtres-controle-acces-rfid.jpg');
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
text-align:center;
color:#fff;
padding: 5px 0;
margin: 0 auto 40px auto;
}
.titre-selec-critere {
font-size:18px;
text-align: center;
color:#ff5300;
margin:0;
}
.critere-bloc {
width:100%;
display:inline-block;
margin: 5px 0 0 0;
font-size:12px;
}
.critere-bloc-titre {
font-size:12px;
font-weight: 700;
text-transform: uppercase;
color:#ff5300;
margin: 0;
}
.critere-bloc select {
width: 100%;
background-color: #fff;
border: 1px solid #ff5300;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-size:12px;
font-weight: 400;
margin: 4px 0;
padding: 2px 4px;
}
.critere-bloc ul {
list-style: none;
padding:0;
margin:0;
}
.pluscriteres {
text-align: center;
margin: 10px 0 5px 0;
}
.pluscriteres a {
font-size: 14px;
font-weight: 700;
color:#ff5300;
text-decoration:none;
}
.pluscriteres a:hover {
color:#000;
}
.bt-valider {
font-size:20px;
text-transform:uppercase;
padding:8px 24px;
margin: 15px 0;
}
#choix-afficher {
color:#c0c0c0;
float:right
}
#choix-afficher ul {
list-style:none;
padding:0;
}
#choix-afficher li {
display:inline;
margin: 0 5px;
}
#choix-afficher a {
color:#c0c0c0;
text-decoration:none;
}
#choix-afficher a:hover {
color:#ff5300;
}
.col-1 {
display:inline-block;
width:240px;
vertical-align: top;
margin: 0 5px 0 0;
}
.vignette-rub img {
width:100%;
height:auto;
border: 1px solid #ff5200;
border-radius: 8px;
}
#rub-filtres {
background-color: #fff4ee;
color: #4f4f4f;
padding: 5px 6px 10px 6px;
margin: 8px 0 0 0;
border-radius: 8px;
}
#liste-top {
width:1490px;
margin: 0 auto;
}
#liste-produits {
clear:both;
display:inline-block;
width:1240px;
vertical-align: top;
margin: 0 auto 50px auto;
text-align:left;
}
#col-rub {
clear:both;
display:inline-block;
width:1240px;
vertical-align: top;
margin: 0 auto 50px auto;
text-align:center;
}
#liste-produits-recherche {
clear:both;
display:inline-block;
width:1180px;
vertical-align: top;
margin: 0 auto 100px auto;
text-align:center;
}
.liste-produits-ligne-bloc {
background-color:#f3f3f3;
padding:5px 0;
margin: 10px 0;
}
.liste-produits-ligne-compare input[type="checkbox"] {
width:20px;
height:20px;
}
.liste-produits-ligne-vignette img {
display:block;
width:180px;
border: 1px solid #000;
margin: 0 auto;
}
.liste-produits-ligne-txt {
text-align:left;
padding-left:5px;
}
td.liste-produits-ligne-txt {
vertical-align:top;
}
.liste-produits-ligne-txt h2 {
font-weight:400;
font-size:24px;
margin:0;
}
.liste-produits-ligne-txt h3 {
font-weight:700;
font-size:18px;
color:#ff5200;
margin:0;
}
.liste-produits-ligne-txt ul {
list-style:none;
padding:0;
margin:0;
}
.liste-produits-ligne-txt li {
font-size:14px;
color:#444445;
margin:0;
}
.liste-produits-ligne-txt a,
.liste-produits-grille-bloc h2 a {
color:#262626;
text-decoration: none;
}
.liste-produits-ligne-txt a:hover,
.liste-produits-grille-bloc h2 a:hover {
color:#ff5200;
}
.liste-produits-ligne-votre-tarif {
font-size:18px;
color:#444445;
margin:0;
}
.liste-produits-ligne-prix,
.liste-produits-ligne-prix a {
font-size:18px;
color:#ff5200;
text-decoration:none;
margin:-5px 0 0 0;
}
.liste-produits-ligne-prix a:hover {
text-decoration:underline;
}
.liste-produits-pieces {
font-size:11px;
color:#ff5200;
margin:-5px 0 0 0;
padding: 0 0 1px 0;
}
.liste-produits-ligne-tarif-a-partir {
margin: 0;
font-size: 18px;
font-weight: 700;
color:#ff5200;
}
.produit-tarif-apartir {
margin: 0;
font-size: 12px;
font-weight: 700;
color:#000;
}
.produit-inscriptionvalid {
margin: 0 10px;
font-size: 12px;
color:#000;
}
.produit-inscriptionvalid2 {
margin: 0 10px;
font-size: 11px;
line-height: 11px;
color:#000;
}
.devis-reponse {
margin: 0;
font-size: 16px;
font-weight: 700;
color:#0084ff;
}
.devis-reponse2 {
margin: 0;
font-size: 11px;
font-weight: 700;
color:#0084ff;
}
.produit-tarif-indicatif {
font-size: 11px;
font-weight: 700;
line-height: 14px;
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
}
.produit-tarif-indicatif a {
color:#ff5200;
}
.produit-tarif-indicatif a:hover {
text-decoration: none;
}
.produit-poserquestion {
font-size: 14px;
font-weight: 700;
line-height: 14px;
margin: 5px 0;;
}
.produit-poserquestion2 {
font-size: 12px;
font-weight: 700;
line-height: 12px;
margin: 3px 0;;
}
.produit-poserquestion a,
.produit-poserquestion2 a {
color:#ff5200;
}
.produit-poserquestion a:hover,
.produit-poserquestion2 a:hover {
text-decoration: none;
}
.liste-produits-ligne-voir-prix a {
font-size:30px;
text-decoration:none;
color:#ff5200;
margin:0 0 20px 0;
}
.liste-produits-ligne-voir-prix a:hover {
color:#262626;
}
.liste-produits-ligne-plusdetail a {
text-transform:uppercase;
color:#444445;
text-decoration:none;
margin:0;
}
.liste-produits-ligne-plusdetail a:hover {
color:#ff5200;
}
.liste-produits-ligne-plusmoins {
width:70px;
font-size:20px;
margin: 30px auto 0 auto;
}
.liste-produits-ligne-plusmoins a {
font-size:16px;
color:#bebebe;
text-decoration:none;
}
.liste-produits-ligne-plusmoins a:hover {
color:#262626;
}
.listeproduit-qte {
width:28px;
font-size:20px;
text-align:center;
margin:0;
background-color:#f3f3f3;
border:none;
}
.liste-produits-ligne-caddi {
margin: 2px 0;
}
.liste-produits-ligne-caddi a {
font-size:48px;
color:#ff5200;
text-decoration:none;
margin:0;
}
.liste-produits-ligne-caddi a:hover {
color:#000;
}
.compare-btliste {
width:400px;
font-size: 16px;
text-align: center;
margin: 0 auto;
}
.compare-btliste img {
display:inline-block;
vertical-align: middle;
}
.compare-btliste a {
display:block;
width:400px;
background-color: #97a1eb;
text-decoration: none;
color:#fff;
padding: 6px 0;
border-radius: 20px;
}
.compare-btliste a:hover {
background-color: #414b93;
}
.comparer-bt {
display:block;
width:340px;
background-color:#262626;
text-align:center;
border-radius: 8px;
padding:10px 0;
margin: 5px auto;
}
a.comparer-bt {
color:#fff;
text-decoration:none;
font-size:18px;
}
a:hover.comparer-bt {
background-color:#ff5200;
}
.comparer-bt2 {
display:block;
width:340px;
background-color:#262626;
text-align:center;
padding:10px 0;
margin: 5px 0 0 0;
float:left;
}
a.comparer-bt2 {
color:#fff;
text-decoration:none;
font-size:18px;
}
a:hover.comparer-bt2 {
background-color:#ff5200;
}
.liste-produits-grille-bloc {
position: relative;
width:200px;
min-height: 460px;
display:inline-block;
vertical-align:top;
background-color:#c9f2ff;
border-radius: 8px;
text-align: center;
padding:10px 0 0 0;
margin: 0px 1px 15px 1px;
}
.liste-produits-grille-bloc:hover {
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
.liste-produits-grille-bloc img {
display:block;
width:180px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
margin: 0 auto;
}
.liste-produits-grille-bloc h2 {
font-weight:700;
font-size:12px;
line-height: 14px;
margin:8px 5px 5px 5px;
}
.liste-produits-grille-bloc h2 a {
color:#007ea6;
}
.liste-produits-grille-bloc h2 a:hover {
color:#000;
}
.liste-produits-grille-bloc h3 {
font-weight:400;
font-size:10px;
color:#616161;
margin:3px 0 3px 0;
}
.liste-produits-etiquette1 {
position:absolute;
left:5px;
top:5px;
padding:5px;
border-radius:8px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
font-family: 'Varela Round', sans-serif;
font-size:12px;
}
.liste-produits-etiquette1 p {
margin:0;
}
.etiquettestyle1 {
background-color: #fff;
color:#000;
font-weight: 700;
}
.etiquettestyle2 {
background-color:#FF00A6;
color:#fff;
}
.etiquettestyle3 {
background-color:#D70003;
color:#fff;
font-weight: 700;
}
.etiquettestyle4 {
background-color:#02E500;
color:#000;
}
.etiquettestyle5 {
background-color:#fff;
color:#00780A;
}
.etiquettestyle6 {
background-color:#FFF45E;
color:#00780A;
}
.etiquettestyle7 {
background-color:#69F8FF;
color:#0B00A4;
}
.etiquettestyle8 {
background-color:#fff;
color:#C10003;
}
.etiquettestyle9 {
background-color:#fff;
color:#000;
}
.etiquettestyle10 {
background-color:#FF7727;
color:#fff;
}
.etiquettestyle11 {
background-color:#FF0105;
color:#fff;
}
.listproduit-bloctarif {
width:180px;
background-color: #fff;
margin: 0 auto;
border-radius: 8px 8px 0 0;
}
.produit-tarif-consulter {
font-size: 18px;
padding : 10px 0;
margin: 0;
}
.produit-tarif-consulter a {
text-decoration: none;
color:#ff5200;
}
.produit-tarif-consulter a:hover {
color:#000;
}
.liste-produits-grille-votre-tarif {
font-size:10px;
font-weight: 700;
color:#000;
padding:2px 0 0 0;
margin:0;
}
.liste-produits-grille-prix {
font-size:18px;
color:#ff5200;
margin:-5px 0 0 0;
}
.liste-produits-grille-pieces {
font-size:11px;
color:#ff5200;
margin:-5px 0 0 0;
padding: 0 0 1px 0;
}
.liste-produits-grille-pieces2 {
font-size:11px;
color:#000;
margin:00 0 0;
}
.liste-produits-grille-voir-prix a {
font-size:26px;
text-decoration:none;
color:#ff5200;
margin:0 0 20px 0;
}
.liste-produits-grille-voir-prix a:hover {
color:#262626;
}
.liste-produits-tarifinternet {
font-size:10px;
margin:0 0 -4px 0;
}
.liste-produits-grille-plusdetail {
margin: 4px 0 8px 0;
}
.liste-produits-grille-plusdetail a {
text-transform:uppercase;
color:#000;
text-decoration:none;
}
.liste-produits-grille-plusdetail a:hover {
color:#ff5200;
}
.liste-produits-stock {
background-color: #fff;
max-width: 260px;
font-size: 12px;
font-weight: 700;
text-align: center;
color:#0B6A00;
padding: 4px 0;
margin: 2px auto 5px auto;
border-radius: 0 0 8px 8px;
}
.produits-stock {
font-size: 14px;
font-weight: 700;
text-align: center;
color:#0B6A00;
margin: 8px 0;
}
.liste-produits-bt-ajout-panier {
margin:8px 0;
}
.liste-produits-bt-ajout-panier a {
display:block;
width: 180px;
border : 1px solid #ff5200;
background-color:#ff5200;
text-decoration: none;
font-size: 14px;
line-height: 14px;
color:#fff;
border-radius: 8px;
margin: 0 auto;
padding: 6px 0;
}
.liste-produits-bt-ajout-panier a:hover {
background-color:#fff;
color:#ff5200;
}
.liste-produits-bt-connectezvous {
margin:4px 0;
}
.liste-produits-bt-connectezvous a {
display:block;
width: 180px;
border : 1px solid #ff5200;
background-color:#ff5200;
text-decoration: none;
font-size: 14px;
line-height: 14px;
color:#fff;
border-radius: 8px;
margin: 0 auto;
padding: 6px 0;
}
.liste-produits-bt-connectezvous a:hover {
background-color:#fff;
color:#ff5200;
}
.liste-produits-bt-ajout-devis {
margin:8px 0;
}
.liste-produits-bt-ajout-devis a {
display:block;
width: 180px;
border : 1px solid #0084ff;
background-color:#0084ff;
text-decoration: none;
font-size: 14px;
line-height: 14px;
color:#fff;
border-radius: 8px;
margin: 0 auto;
padding: 6px 0;
}
.liste-produits-bt-ajout-devis a:hover {
background-color:#fff;
color:#0084ff;
}
.liste-produits-grille-bloc-bas {
background-color:#e1e1e1;
height:50px;
}
.listeproduit-qte2 {
width:28px;
font-size:20px;
text-align:center;
margin:0;
background-color:#e1e1e1;
border:none;
}
.liste-produits-grille-compare {
font-size: 12px;
margin: 10px 0;
}
.liste-produits-grille-compare input[type="checkbox"] {
width:15px;
height:15px;
}
.liste-produits-grille-plusmoins {
font-size:18px;
margin: -3px auto 0 auto;
}
.liste-produits-grille-caddi {
float:right;
margin: 10px 15px 0 0;
}
.liste-produits-grille-caddi a {
font-size:30px;
color:#ff5200;
text-decoration:none;
margin:0;
}
.liste-produits-grille-caddi a:hover {
color:#000;
}
/******** PAGINATION ********/
#pagination-bloc {
text-align: center;
padding: 30px 0;
clear: both;
}
.page {
display: inline-block;
width:25px;
height:25px;
margin: 0 4px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: none;
background: #FFFFFF;
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #b4b4b4;
}
.page:hover, .page.gradient:hover {
background: #93918d;
color:#FFFFFF;
}
.page.active {
border: none;
background: #262626;
color: #FFFFFF;
}
.page.gradient {
background: #FFFFFF;
}
/****************/
/* ------------------------------------------
FICHE PRODUIT
--------------------------------------------- */
.produit-titre {
font-weight:700;
font-size:32px;
color:#ff5200;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
#produit-photos-zoom {
position: relative;
}
#produit-photos-zoom img {
width:100%;
height:auto;
}
.produit-photo-picto {
width:36px;
position:absolute;
right:0;
top:0;
}
.produit-photo-picto img {
display: block;
width:100%;
height:auto;
margin: 4px 0;
}
.produitliste-photo-picto {
width:30px;
position:absolute;
right:4px;
top:0;
}
.produitliste-photo-picto img {
display: block;
width:100%;
height:auto;
margin: 4px 0;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.produit-description {
font-size: 14px;
color:#000;
text-align: justify;
margin: 10px 0 0 0;
}
.savoirplus {
text-align:center;
margin-top:10px;
}
.savoirplus a {
color:#262626;
text-decoration:none;
}
.savoirplus a:hover {
color:#ff5300;
}
.produit-description-suite {
font-size: 14px;
color:#000;
text-align: justify;
margin: 10px 0 0 0;
}
.produit-description-suite h2 {
font-weight:400;
font-size:16px;
margin: 0 0 10px 0;
}
#produit-infos {
max-width: 1500px;
text-align:center;
margin: 20px auto 0 auto;
}
#produit-colonne-gauche {
width:33%;
max-width:700px;
display:inline-block;
vertical-align:top;
}
#produit-colonne-mixte-droite {
width:66%;
display:inline-block;
vertical-align:top;
}
#produit-colonne-milieu {
width:49%;
display:inline-block;
vertical-align:top;
text-align: center;
padding: 0 2% 0 2%;
}
#produit-colonne-droite {
width:49%;
display:inline-block;
vertical-align:top;
text-align:left;
padding: 0 2% 0 2%;
border-left: 1px solid #262626;
}
.produit-ref {
font-size:14px;
color:#444445;
margin: 0;
}
.produit-ref-sage {
font-size:11px;
color: #999;
margin: 0;
}
.produit-autres {
color:#939393;
}
.produit-autres select {
width:280px;
color:#444445;
border:1px solid #ff5200;
padding: 5px 2px;
}
.produit-couleur {
font-weight: 700;
font-size: 10px;
color:#000;
margin: 0 0 -12px 0;
}
.couleur-block {
display: inline-block;
width:20px;
height:20px;
border:2px solid #ccc;
border-radius: 50%;
margin: -5px 0 -15px 0;
}
.couleur-block a {
display: block;
width:22px;
height:22px;
border:2px solid rgba(255,255,255,0.00);
border-radius: 50%;
margin: -3px 0 0 -3px;
}
.couleur-block a:hover {
border:2px solid #ff5200;
}
.couleur-active a {
border: 2px solid #ff5200;
}
.rouge {
background-color: #DF0000;
}
.vert {
background-color: #009B0C;
}
.bleu-marine {
background-color: #00028E;
}
.bleu-ciel {
background-color: #00ACF4;
}
.orange {
background-color: #ff5200;
}
.gris {
background-color: #7E7E7E;
}
.blanc {
background-color: #FFFFFF;
}
.noir {
background-color: #000000;
}
.produit-tarif-constat {
font-size: 14px;
line-height: 14px;
margin: 0 0 -3px 0;
padding: 5px 0 0 0;
}
.produit-tarif-titre {
font-weight:700;
color:#444445;
margin: 0;
}
.produit-tarif-titre2 {
font-size:18px;
font-weight:700;
color: #ff5300;
margin: 10px 0 4px 0;
}
.produit-tarif-titre2 a {
color: #ff5300;
}
.produit-tarif-titre2 a:hover {
text-decoration:none;
}
.produit-tarif {
font-size:20px;
font-weight:700;
color:#ff5200;
margin: 0;
}
.produit-tarifunitaire {
font-size:16px;
line-height: 20px;
font-weight:400;
color:#ff5200;
margin: 0;
}
.produit-tarif-bloc {
width:280px;
background-color: #fff4ee;
text-align: center;
border:2px solid #ff5200;
border-radius:8px;
padding: 10px 0 5px 0;
margin: 0 auto;
}
.produit-tarif-bloc2 {
width:180px;
background-color: #fff4ee;
text-align: center;
border:2px solid #ff5200;
border-radius:8px;
padding: 10px 0 5px 0;
margin: 0 auto;
}
.produit-voir-tarif a {
display:block;
background-color:#ff5200;
border: 1px solid #ff5200;
width:280px;
font-size:16px;
text-decoration:none;
text-align:center;
color:#fff;
padding: 14px 0;
margin: 0px auto;
border-radius: 8px;
}
.produit-voir-tarif-voir {
font-weight:700;
text-transform:uppercase;
}
.produit-voir-tarif a:hover {
background-color:#fff;
color:#ff5200;
}
.produit-sep {
color:#ff5200;
font-weight: 700;
margin: 10px 0;
}
.produit-sep2 {
color:#ff5200;
font-size: 12px;
font-weight: 700;
margin: 4px 0;
}
.produit-contacteznous {
margin: 0 0 20px 0;
font-weight: 700;
}
.produit-contacteznous a {
text-decoration: none;
color:#262626;
}
.produit-tarif-qt {
margin: 10px 0;
}
.produit-tarif-qt a {
font-size:18px;
color:#444445;
text-decoration:none;
}
.produit-nbrepiecelot {
margin: 0;
}
.produit-tarif-qt a:hover {
color:#ff5200;
}
#tarif-quantite-container {
position:relative;
}
#tarif-quantite {
width:220px;
background-color:#fff;
border:1px solid #262626;
position:absolute;
top:-180px;
left:0;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.tarif-quantite-titre {
font-size:16px;
color:#ff5200;
text-align:center;
text-transform:uppercase;
margin: 10px 0 2px 0;
}
#tarif-quantite table {
width: 80%;
margin: 0 auto 10px auto;
}
#tarif-quantite tr {
background-color:#e9e9e9;
border-bottom:1px solid #fff;
}
#tarif-quantite td {
padding: 2px 10px;
}
.tarif-quantite-prix {
color:#ff5200;
}
.bloc-demande-devis {
max-width: 340px;
background-color: #EEF6FF;
border: 2px solid #0084ff;
border-radius:8px;
margin: 0 auto;
}
.bloc-demande-devis2 {
width: 190px;
background-color: #EEF6FF;
border: 2px solid #0084ff;
border-radius:8px;
margin: 0 auto;
}
.produit-tarifinternet {
font-size: 11px;
margin:0;
}
.produit-question {
font-size:16px;
color:#0084ff;
margin: 0;
}
.produit-question2 {
font-size:12px;
color:#0084ff;
margin: 0;
}
.produit-imprimer a {
font-size:16px;
color:#444445;
text-decoration:none;
margin: 10px 0 10px 0;
}
.produit-imprimer a:hover {
color:#ff5200;
}
.produit-bt-demande-devis {
margin: 0 auto;
}
.produit-bt-demande-devis a {
display:block;
background-color:#fff;
border: 1px solid #ff5200;
width:280px;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
text-align:center;
color:#ff5200;
padding: 15px 0;
margin: 3px auto;
}
.produit-bt-demande-devis a:hover {
background-color:#ff5200;
color:#fff;
}
.produit-bt-demande-devis2 {
margin: 0 auto;
}
.produit-bt-demande-devis2 a {
display:block;
background-color:#0084ff;
border: 1px solid #0084ff;
border-radius: 8px;
width:280px;
font-size:15px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
text-align:center;
color:#fff;
padding: 15px 0;
margin: 6px auto;
}
.produit-bt-demande-devis2 a:hover {
background-color:#fff;
color:#0084ff;
}
.produit-bt-demande-devis3 {
margin: 0 auto;
}
.produit-bt-demande-devis3 a {
display:block;
background-color:#0084ff;
border: 1px solid #0084ff;
border-radius: 8px;
width:150px;
font-size:14px;
line-height: 14px;
text-decoration:none;
text-align:center;
color:#fff;
padding: 5px 0;
margin: 6px auto;
}
.produit-bt-demande-devis3 a:hover {
background-color:#fff;
color:#0084ff;
}
.produit-plusmoins-titre {
font-size:16px;
}
.produit-plusmoins-titre2 {
font-size:16px;
color:#0084ff;
}
.produit-plusmoins-titre3 {
font-size:12px;
color:#0084ff;
}
.produit-plusmoins {
font-size:18px;
margin: 0;
}
.produit-plusmoins2 {
margin: 0;
}
.produit-plusmoins2 input[type="number"] {
border: 1px solid #0084ff;
}
.produit-plusmoins a {
font-size:26px;
color:#bebebe;
text-decoration:none;
}
.produit-plusmoins a:hover {
color:#262626;
}
.produit-bt-ajouter {
margin:0 auto;
}
.produit-bt-ajouter a {
display:block;
border: 1px solid #ff5200;
border-radius: 8px;
background-color:#ff5200;
width:280px;
font-size:18px;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#fff;
padding: 15px 0;
margin: 6px auto;
}
.produit-bt-ajouter a:hover {
background-color:#fff;
color:#ff5200;
}
.produit-bt-ajouter-favoris {
margin:0 0 20px 0;
}
.produit-bt-ajouter-favoris a {
display:block;
border: 1px solid #ff5200;
border-radius:8px;
width:280px;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#ff5200;
padding: 10px 0;
margin: 5px auto;
}
.produit-bt-ajouter-favoris a:hover {
background-color:#ff5200;
color:#fff;
}
.produit-delai {
color:#444445;
margin: 10px 0 10px 0;
}
.produit-titre2 {
font-weight:700;
font-size:16px;
margin: 10px 0 5px 0;
}
#produit-fiche-tech th {
font-weight:400;
font-size:14px;
color:#ff5300;
background-color:#fff4ef;
padding:5px 8px;
}
#produit-fiche-tech td {
background-color:#fff4ef;
font-size:14px;
padding:5px 8px;
}
#produit-fiche-tech tr {
border: 1px solid #ff5300;
}
.produit-texte-complement {
font-size: 14px;
margin: 15px 0;
}
ul.produit-social {
list-style:none;
padding:0;
margin: 20px 0 0 0;
}
ul.produit-social li {
display:inline;
margin: 0 10px;
font-size:36px;
}
ul.produit-social li a {
color:#bebebe;
text-decoration:none;
}
ul.produit-social li a:hover {
color:#262626;
}
.infos-generales {
font-size: 14px;
color:#ff5200;
max-width:280px;
margin: 0 auto;
}
.infos-generales ul {
list-style:none;
text-align: left;
padding:0;
margin: 20px 0;
}
.infos-generales li {
margin: 0 0;
padding:6px 0 6px 40px;
}
li.infos-generales-back1 {
background-image: url(../img/pictos/devis.png);
background-repeat: no-repeat;
background-position: 0 10px;
}
li.infos-generales-back2 {
background-image: url(../img/pictos/secu.png);
background-repeat: no-repeat;
background-position: 0 0;
}
li.infos-generales-back3 {
background-image: url(../img/pictos/livraison.png);
background-repeat: no-repeat;
background-position: 0 10px;
}
li.infos-generales-back4 {
background-image: url(../img/pictos/tarif-degressif.png);
background-repeat: no-repeat;
background-position: 0 10px;
}
#produit-photos {
width:80%;
margin: 0 auto;
}
#produit-photos-vignettes img {
border: 1px solid #262626;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.video-bloc {
width:100%;
margin: 15px auto;
}
#ban-promo-prod {
background-color: #ff5200;
border-top: 1px solid #ff5200;
border-bottom: 1px solid #ff5200;
margin: 20px 0 0 0;
}
#ban-promo-prod img {
display:block;
margin: 0 auto;
}
.promo-prod2 {
display: none;
}
/********* PRODUITS ASSOCIES *******/
#produits-associe {
background-color:#262626;
margin: 0 0 0 0;
text-align:center;
padding:10px 0 30px 0;
}
.produit-associe-titre {
font-weight:300;
font-size:26px;
color:#ff5200;
text-transform:uppercase;
margin: 0 5px 10px 5px;
}
.produits-associe-bloc {
display:inline-block;
vertical-align:top;
width:300px;
background-color:#d4d4d4;
padding:20px 0 10px 0;
margin: 10px 15px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.produits-associe-bloc:hover {
background-color:#eaeaea;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.produits-associe-bloc img {
border: 1px solid #262626;
border-radius: 8px;
}
.produits-associe-nom {
font-weight:700;
font-size:16px;
line-height: 18px;
margin: 5px 5px;
}
.produits-associe-description {
font-size:14px;
margin: 5px 5px 20px 5px;
}
.produits-associe-tarif-titre {
font-size:14px;
color:#444445;
margin: 0 5px;
}
.produits-associe-tarif {
font-weight:700;
font-size:18px;
color:#ff5200;
margin:0;
}
.produits-associe-tarif a {
text-decoration:none;
color:#ff5200;
}
.produits-associe-tarif a:hover {
color:#262626;
}
.produits-associe-voir-tarif a {
font-weight:700;
font-size:24px;
text-decoration:none;
color:#ff5200;
margin:0;
}
.produits-associe-voir-tarif a:hover {
color:#262626;
}
.produits-associe-bt-voir a {
display:block;
width:120px;
background-color:#444445;
border-radius: 8px;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#fff;
padding: 10px 0;
margin: 0 0 0 10px;
float:left;
}
.produits-associe-bt-voir a:hover {
background-color:#ff5200;
}
.produits-associe-bt-ajouter a {
display:block;
width:150px;
background-color:#ff5200;
border-radius: 8px;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#fff;
padding: 10px 0;
margin: 0 10px 0 0;
float:right;
}
.produits-associe-bt-ajouter a:hover {
background-color:#fff;
color:#ff5200;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}
.produits-associe-bt-devis a {
display:block;
width:150px;
background-color:#0084ff;
border-radius: 8px;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#fff;
padding: 10px 0;
margin: 0 10px 0 0;
float:right;
}
.produits-associe-bt-devis a:hover {
background-color:#fff;
color:#0084ff;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}
/********* DEMANDE DEVIS *******/
.demande-devis-titre {
font-weight:300;
font-size:48px;
color:#ff5200;
text-transform:uppercase;
text-align:center;
margin: 20px 5px 5px 5px;
}
.demande-devis-text {
font-size:18px;
text-align:center;
margin: 0 5px 15px 5px;
}
#form-devis {
max-width:600px;
text-align:center;
margin: 20px auto 100px auto;
}
#form-devis label {
display:inline-block;
width:90px;
text-align:left;
vertical-align:top;
margin: 10px 0 0 0;
}
#form-devis input[type="text"],
#form-devis input[type="email"],
#form-devis select {
width:400px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#form-devis textarea {
width:400px;
height:140px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#captcha {
margin: 0 0 0 90px;
}
#bt-devis-envoi {
font-size:18px;
text-transform:uppercase;
background-color: #0084ff;
border:1px solid #0084ff;
padding:10px 30px;
margin: 10px 0 10px 90px;
}
#bt-devis-envoi:hover {
color:#0084ff;
background-color: #fff;
}
/**************** PANIER *****************/
#panier {
width:90%;
max-width: 1490px;
margin: 0 auto;
}
#panier-fil {
text-align: center;
margin: 15px 0 30px 0;
}
.panier-fil-etape {
display: inline-block;
vertical-align:top;
margin: 0 10px 0 10px;
}
.panier-fil-etape p {
font-size: 16px;
color: #bfbfbf;
margin: 0;
}
.panier-fil-etape a {
color: #ff5300;
text-decoration: none;
}
.panier-fil-etape a:hover {
text-decoration: underline;
}
.panier-fil-number1,
.panier-fil-number2 {
width: 30px;
height: 30px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 18px;
color: #FFF;
text-align: center;
margin: 0;
padding-top: 2px;
}
.panier-fil-number1 {
background-color: #bfbfbf;
}
.panier-fil-number2 {
background-color: #ff5300;
}
#tableaupanier th {
font-size: 16px;
font-weight: normal;
background-color: #fff;
border-bottom: 1px solid #262626;
}
#tableaupanier td {
font-size: 15px;
border-bottom: 1px dotted #262626;
padding:1%;
}
#tableaupanier tr:hover {
background-color:#f7f7f7;
}
#tableaupanier select {
width:190px;
font-size:16px;
color:#052f69;
border: 1px solid #262626;
margin: 0;
padding: 4px 5px;
}
.panier-vignette {
display:block;
border: 1px solid #262626;
}
.panier-plusmoins {
display:block;
width:110px;
font-size:26px;
margin: 0 0 0 0;
}
.panier-plusmoins a {
font-size:26px;
color:#bebebe;
text-decoration:none;
}
.panier-plusmoins a:hover {
color:#262626;
}
.panierpoubelle a {
font-size:26px;
color:#bebebe;
text-decoration:none;
}
.panierpoubelle a:hover {
color:#262626;
}
#panier-bon-achat {
width: 460px;
float:left;
background-color:#ffffff;
border: 1px dashed #262626;
text-align: center;
margin: 10px auto;
padding-bottom:5px;
}
.panier-bon-achat-titre {
font-size: 14px;
font-weight: normal;
margin: 5px 0 0 0;
}
.panier-bon-achat-info {
font-size: 11px;
font-weight: normal;
color: #999999;
margin: 0 0 10px 0;
font-style: italic;
}
#panier-bon-achat input[type="text"] {
width: 100px;
height: 26px;
border: 1px solid #262626;
margin: 0;
background-color: #f5f5f5;
padding:5px;
}
#panier-bon-achat input[type="submit"] {
width: 34px;
height: 26px;
margin: 0;
vertical-align:top;
}
#panier-fin {
width: 280px;
text-align: center;
float: right;
margin: 0 0 10px 0;
}
.viderpanier {
margin: 2px 0 0 0;
font-size: 13px;
}
.viderpanier a {
text-decoration: none;
color:#515151;
}
.viderpanier a:hover {
color:#000;
}
#panier-total {
width: 280px;
border: 1px solid #262626;
padding: 10px 0px;
margin: 10px auto;
font-size: 16px;
}
.panier-total-txt {
font-size: 14px !important;
}
#panier-total td {
padding: 3px 5px;
}
#panier-fin input[type="submit"],
#panier-fin input[type="button"] {
padding: 10px 20px;
margin: 5px 0 20px 0;
}
#poursuivre-achats {
width:216px;
font-size:14px;
background-color:#fff;
color:#ff5300;
}
#poursuivre-achats:hover {
background-color: #ff5300;
color:#fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#panier-vide {
font-size: 18px;
text-align: center;
margin: 90px 0 300px 0;
}
.panier-titre {
font-size:24px;
text-transform:uppercase;
}
#panier-livraison {
text-align:center;
}
#panier-livraison-col1 {
width:400px;
border: 1px solid #CCC;
display:inline-block;
vertical-align:top;
margin: 0 40px 20px 0;
padding: 10px 0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#panier-livraison-col2 {
font-size: 14px;
width:300px;
border: 1px solid #CCC;
display:inline-block;
vertical-align:top;
margin: 0 40px 20px 0;
padding: 10px 0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#panier-livraison-col3 {
width:400px;
border: 1px solid #CCC;
display:inline-block;
vertical-align:top;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.livraison-choix-titre {
font-size:16px;
color:#ff5300;
}
.panier-fdp {
font-size:18px;
color:#ff5300;
}
.enlevement-infos {
text-align:left !important;
margin: 40px 10px 20px 10px;
}
#panier h2 {
font-weight:400;
font-size:24px;
text-align:center;
}
#form-adresse hr {
height: 1px;
margin: 0;
padding: 0;
color:#262626;
background-color: #262626;
border: 0;
}
.adresse-facture-titre {
margin: 0 0 15px 0;
padding:0;
font-size:22px;
color:#ffffff;
background-color: #262626;
border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
}
#form-adresse label {
display:block;
width:100%;
font-size:14px;
margin: 5px 0 0 0;
}
#form-adresse input[type="text"],
#form-adresse input[type="tel"],
#form-adresse input[type="email"],
#form-adresse input[type="password"] {
width:94%;
font-size:18px;
border: 1px solid #262626;
margin: 0 0 5px 0;
padding: 4px 5px;
}
#form-adresse select {
width:200px;
font-size:18px;
border: 1px solid #262626;
margin: 5px 0;
padding: 4px 5px;
}
#form-adresse input[type="radio"] {
width:20px;
height:20px;
}
#case-meme-adresse {
font-size: 14px;
margin:0 0 10px 0;
}
#case-meme-adresse input[type="checkbox"] {
width:20px;
height:20px;
}
#form-adresse input[type="submit"] {
padding: 15px 30px;
margin: 10px 0;
text-transform:uppercase;
font-size:20px;
}
#panier-transport {
text-align:center;
min-height:300px;
}
#panier-adresses-recap {
clear:both;
width:620px;
margin: 20px auto;
}
#panier-livraison-recap {
width:280px;
float:left;
}
#panier-facturation-recap {
width:280px;
float:right;
}
#panier-livraison-recap h2,
#panier-facturation-recap h2 {
font-size: 16px;
margin: 0;
}
#panier-livraison-recap h3,
#panier-facturation-recap h3 {
margin: 0 0 5px 0;
text-align:center;
font-size: 16px;
font-weight:400;
}
#panier-livraison-recap h3 a,
#panier-facturation-recap h3 a {
color:#262626;
}
#panier-livraison-recap h3 a:hover,
#panier-facturation-recap h3 a:hover {
text-decoration:none;
}
#panier-livraison-recap p,
#panier-facturation-recap p {
font-size:16px;
background-color:#ffffff;
border: 1px dashed #052f69;
padding: 10px;
margin: 0;
}
#panier-commentaire {
clear:both;
width:600px;
text-align:center;
margin: 20px auto;
padding-top:20px;
}
#panier-commentaire p {
margin: 0;
}
#panier-commentaire textarea {
width:90%;
height:60px;
background-color:#ffffff;
border: 1px solid #052f69;
resize:none;
}
.panier-cgv {
clear:both;
max-width:600px;
text-align:center;
font-size:18px;
margin: 20px auto;
padding-top:30px;
}
.panier-cgv a {
color:#262626;
}
.panier-cgv a:hover {
text-decoration:none;
}
.panier-cgv input[type="checkbox"] {
width:16px;
height:16px;
}
#panier-paiement {
text-align:center;
}
.choix-paiement {
width: 200px;
background-color:#ffffff;
display: inline-block;
border : 1px dashed #052f69;
margin: 10px;
padding-bottom: 10px;
vertical-align: top;
}
.choix-paiement img {
margin: 10px 0 0 0;
}
.choix-paiement-titre {
font-size: 14px;
font-weight: 600;
margin: 5px 0 5px 0;
}
.choix-paiement-legende {
font-size: 14px;
font-weight: 400;
margin: 0 0 5px 0;
}
.choix-paiement input[type="radio"] {
width: 20px;
height: 20px;
margin: 0;
}
#panier-paiement input[type="submit"] {
font-size:20px;
text-transform:uppercase;
padding: 15px 20px;
margin: 10px 0;
}
#panier-paiement-cb {
text-align:center;
font-size:16px;
}
#messageconfirmation {
width:90%;
max-width:600px;
min-height:450px;
padding: 50px 0 30px 0;
margin: 0 auto;
}
.messageconfirmation-top {
font-size: 28px;
text-align:center;
margin: 20px 0;
}
.messageconfirmation-txt {
font-size: 16px;
margin: 10px 10px 20px 10px;
}
.messageconfirmation-txt a {
color:#262626;
}
.messageconfirmation-txt a:hover {
text-decoration:none;
}
.messageconfirmation-retour {
font-size: 18px;
text-align:center;
margin: 50px;
}
.messageconfirmation-retour a {
color:#262626;
text-decoration:none;
}
.messageconfirmation-retour a:hover {
text-decoration:underline;
}
.messageconfirmation-error {
font-size: 16px;
text-align:center;
margin: 10px 10px 20px 10px;
}
#colissimo-bloc {
width:600px;
margin:0 auto;
}
#clear2 {
clear:both;
height:120px;
}
/**************** IDENTIFICATION *****************/
#identification {
width: 830px;
min-height:400px;
margin: 40px auto;
}
#identification-titre {
font-size: 24px;
text-transform:uppercase;
color:#004e7a;
text-align:center;
border-bottom : thin dashed #004e7a;
}
#identification-client,
#identification-nouveau {
min-height:300px;
text-align: center;
border: 1px solid #004e7a;
border-radius: 8px;
margin: 20px 0 0 0;
padding-bottom: 5px;
background-color:#e1f4ff;
-moz-box-shadow: 2px 2px 5px 0px #c0c0c0;
-webkit-box-shadow: 2px 2px 5px 0px #c0c0c0;
-o-box-shadow: 2px 2px 5px 0px #c0c0c0;
box-shadow: 2px 2px 5px 0px #c0c0c0;
}
.identification-top {
background-color: #004e7a;
border-radius: 8px 8px 0 0;
text-align: center;
font-size: 18px;
text-transform:uppercase;
color: #ffffff;
padding: 4px 0;
}
#identification-client {
width: 390px;
float: left;
}
#identification-nouveau {
width: 390px;
float: right;
}
.identification-titre {
font-size: 16px;
margin: 10px 0;
}
#identification-login {
width: 90%;
margin: 0 auto;
}
#identification-login input[type="text"],
#identification-login input[type="password"] {
width: 100%;
height:32px;
font-size:18px;
border: 1px solid #004e7a;
border-radius: 8px;
background-color: #fff;
padding: 0 2%;
}
#identification-login label {
display: block;
font-size: 12px;
font-weight: 700;
text-align: left;
margin: 10px 0 2px 0;
}
#identification-nouveau [type="text"] {
width: 84%;
height:32px;
font-size:18px;
border: 1px solid #004e7a;
border-radius: 8px;
background-color: #fff;
padding: 0 2%;
}
#identification-nouveau label {
display: block;
font-size: 12px;
font-weight: 700;
text-align: left;
margin: 0 0 2px 30px;
}
#identification-login input[type="submit"] {
margin: 5px 0 10px 0;
padding: 10px 40px;
}
#identification-nouveau input[type="button"] {
margin: 5px 0 10px 0;
padding: 10px 20px;
}
.identification-pass {
font-size: 12px;
color: #999;
margin: 5px 0 10px 0;
}
.identification-pass a {
color: #999;
text-decoration: none;
}
.identification-pass a:hover {
text-decoration: underline;
}
.identification-bienvenu {
font-size: 20px;
margin: 10px 0 5px 0;
}
.identification-txt {
color: #444445;
font-size:14px;
margin: 5px 10px 10px 10px;
}
/**************** CREER UN COMPTE *****************/
#creercompte-top {
font-size: 24px;
text-transform:uppercase;
color:#004e7a;
text-align:center;
border-bottom : thin dashed #004e7a;
margin: 30px 0;
}
#creercompte {
width:690px;
background-color:#e1f4ff;
border: 1px solid #004e7a;
border-radius: 8px;
-moz-box-shadow: 2px 2px 5px 0px #c0c0c0;
-webkit-box-shadow: 2px 2px 5px 0px #c0c0c0;
-o-box-shadow: 2px 2px 5px 0px #c0c0c0;
box-shadow: 2px 2px 5px 0px #c0c0c0;
padding: 10px 0 15px 0;
margin: 0 auto 60px auto;
}
#creercompte label {
display:inline-block;
width:260px;
text-align:right;
margin: 5px 5px 0 0;
}
#creercompte input[type="text"],
#creercompte input[type="tel"],
#creercompte input[type="email"],
#creercompte input[type="password"] {
width:300px;
font-size:18px;
border: 1px solid #004e7a;
margin: 5px 0;
padding: 4px 5px;
border-radius: 8px;
}
#creercompte select {
width:220px;
font-size:18px;
border: 1px solid #004e7a;
margin: 5px 0;
padding: 4px 5px;
}
.creercompte-cgv {
font-size:18px;
margin: 10px 20px 10px 270px;
}
.creercompte-cgv a {
color:#262626;
}
.creercompte-cgv a:hover {
text-decoration:none;
}
.creercompte-cgv input[type="checkbox"] {
width:16px;
height:16px;
}
#creercompte input[type="submit"] {
margin: 5px 0 10px 0;
padding: 10px 40px;
}
.creercompte-info {
font-size:12px;
margin: 10px 0 0 20px;
}
.motdepasse-info {
font-size:16px;
text-align:center;
margin: 10px 5px 20px 5px;
}
.creercompte-newsletter {
font-size:16px;
margin: 15px 0;
text-align:center;
}
/* ------------------------------------------
RECHERCHE
--------------------------------------------- */
#recherche {
min-height:750px;
text-align:center;
padding: 100px 0 0 0;
}
/*video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -1000;
background: no-repeat;
background-size: cover;
opacity: .5;
}
video { display: block;
}*/
video
{
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -1000;
background: no-repeat;
background-size: cover;
opacity: .5;
}
.videoo
{
position: absolute;
z-index: 1;
width: auto; height: auto;
margin: 0 0;
z-index: -1;
}
#barre-recherche {
width:90%;
max-width:800px;
background-color: rgba(255, 255, 255, 0.7);
margin: 0 auto;
text-align:center;
padding:10px;
border: 1px solid #ff5200;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
}
#barre-recherche input[type="text"] {
width:100%;
padding: 5px 1%;
border:none;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.recherche-baseline {
font-weight:100;
font-size:60px;
color:#fff;
text-align:center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin: 20px 5px;
}
#liste-produit-recherche {
text-align:center;
}
.liste-produits-recherche-bloc {
width:160px;
display:inline-block;
vertical-align:top;
margin: 4px 2px;
}
.liste-produits-recherche-bloc a {
display:block;
width:160px;
height:300px;
background-color:#f3f3f3;
text-decoration:none;
padding:20px 0 10px 0;
}
.liste-produits-recherche-bloc a:hover {
background-color:#ffede4;
}
.liste-produits-recherche-titre {
font-weight:400;
font-size:18px;
margin:5px 5px 0 5px;
}
a p.liste-produits-recherche-titre,
a p.liste-produits-recherche-votre-tarif,
a p.liste-produits-recherche-tarif-constat {
color:#262626;
}
.liste-produits-recherche-tarif-constat {
font-size:12px;
color:#444445;
margin:0;
}
.liste-produits-recherche-votre-tarif {
font-size:14px;
color:#444445;
margin:0;
}
.liste-produits-recherche-prix {
font-size:18px;
color:#ff5200;
margin:0 0 10px 0;
}
.liste-produits-recherche-ref {
font-size:16px;
color:#ff5200;
margin:0 0 5px 0;
}
/* ------------------------------------------
CONTACT
--------------------------------------------- */
.titre-page {
font-weight:400;
font-size:24px;
text-transform:uppercase;
text-align:center;
margin: 10px 20px;
}
#contact-bloc {
width:905px;
margin: 0 auto;
}
#contact-col1 {
width:600px;
display:inline-block;
vertical-align:top;
}
#contact-col2 {
width:300px;
display:inline-block;
vertical-align:top;
}
#contact-col2 a {
color:#000;
}
#contact-col2 a:hover {
text-decoration: none;
}
#form-contact {
max-width:600px;
text-align:center;
margin: 20px auto 50px auto;
}
#form-contact label {
display:inline-block;
width:90px;
text-align:left;
vertical-align:top;
margin: 10px 0 0 0;
}
#form-contact input[type="text"],
#form-contact input[type="email"] {
width:400px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#form-contact textarea {
width:400px;
height:140px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.contact-titre {
font-weight:100;
font-size:36px;
margin: 0 0 10px 0;
}
.contact-tel {
font-size:18px;
margin: 0 0 10px 0;
}
.contact-adress {
font-size:18px;
margin: 30px 0 20px 0;
}
/* ------------------------------------------
MON COMPTE
--------------------------------------------- */
#moncompte-menu {
text-align:center;
color:#ff5200;
padding:15px 5px 10px 5px;
border-bottom: dashed 1px #D3D3D3;
}
#moncompte-menu ul {
list-style:none;
padding:0;
margin:0;
}
#moncompte-menu li {
display:inline;
font-size:24px;
margin: 0 10px;
}
#moncompte-menu a {
color:#262626;
text-decoration:none;
}
#moncompte-menu a:hover {
color:#ff5200;
}
#moncompte-contenu {
min-height:500px;
text-align:center;
padding-bottom:30px;
}
#moncompte-commandes {
max-width:800px;
margin: 20px auto;
text-align:center;
}
#moncompte-commandes th {
font-size:14px;
background-color:#e5e5e5;
padding:8px 4px;
}
#moncompte-commandes tr:hover {
background-color:#fef8f5;
}
#moncompte-commandes td {
border-bottom:1px solid #e7e6e5;
padding:10px 2px;
}
#moncompte-commandes td a {
text-decoration:none;
color:#262626;
}
#moncompte-commandes td a:hover {
color:#ff5200;
}
.moncompte-tab-ico {
font-size:30px;
}
#form-moncompte {
width:90%;
max-width:600px;
margin: 10px auto 60px auto;
}
#form-moncompte label {
display:block;
width:100%;
font-size:14px;
margin: 5px 0 0 0;
}
#form-moncompte input[type="text"],
#form-moncompte input[type="tel"],
#form-moncompte input[type="email"],
#form-moncompte input[type="password"] {
width:94%;
font-size:18px;
border: 1px solid #262626;
margin: 0 0 5px 0;
padding: 4px 5px;
}
#form-moncompte select {
width:200px;
font-size:18px;
border: 1px solid #262626;
margin: 5px 0;
padding: 4px 5px;
}
#form-moncompte input[type="submit"] {
padding: 10px 30px;
margin: 10px 0;
text-transform:uppercase;
font-size:20px;
}
.form-moncompte-titre {
font-size:20px;
margin: 0;
}
.form-info {
font-size:12px;
}
.commande-numero {
font-size:24px;
margin: 15px 0 5px 0;
}
.commande-date {
font-size:18px;
margin: 5px 0 15px 0;
}
.commande-reglement {
font-size:18px;
margin: 5px 0 20px 0;
}
.bt-retour a {
display:block;
width:160px;
font-size: 18px;
color:#ff5200;
text-transform:uppercase;
text-decoration:none;
text-align:center;
border: 1px solid #ff5200;
margin: 40px auto;
padding: 15px 0 ;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.bt-retour a:hover {
background-color:#ff5200;
color:#fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#comptesupp {
max-width: 600px;
border: 1px solid #B9B9B9;
padding: 20px 10px;
margin: 20px auto 50px auto;
}
#comptesupp a {
color:#5B5B5B;
}
#comptesupp a:hover {
text-decoration: none;
}
#comptesuppok {
max-width: 600px;
background-color: #FF0004;
border: 1px solid #FF0004;
color:#fff;
padding: 20px 10px;
margin: 20px auto 50px auto;
}
/* ------------------------------------------
CONTENU GENERIQUE
--------------------------------------------- */
#contenu-generique {
width:90%;
max-width:1200px;
margin:0 auto;
padding-bottom:50px;
}
#contenu-generique td,
#contenu-generique th {
border:1px solid #262626;
padding: 5px 10px;
}
/* ------------------------------------------
PRESENTATION
--------------------------------------------- */
#presentation-bloc {
width:90%;
max-width:1000px;
margin: 0 auto;
padding-bottom:50px;
}
#presentation-bloc h1 {
font-weight:300;
font-size:30px;
}
#presentation-bloc h2 {
font-weight:400;
font-size:22px;
}
#presentation-bloc h3 {
font-weight:700;
font-size:20px;
color:#ff5200;
}
#presentation-image img {
width:100%;
height:auto;
border:1px solid #262626;
}
/* ------------------------------------------
PRODUITS FAVORIS
--------------------------------------------- */
#produits-favoris {
min-height:600px;
max-width: 1490px;
margin: 0 auto 30px auto;;
text-align: center;
}
#produits-favoris-infos {
text-align:center;
padding: 50px 0 0 0;
}
#produits-favoris-nonlogue a,
#produits-favoris-infos a {
color:#262626;
}
#produits-favoris-nonlogue a:hover,
#produits-favoris-infos a:hover {
text-decoration:none;
}
.favorispoubelle a {
font-size:26px;
color:#bebebe;
text-decoration:none;
}
.favorispoubelle a:hover {
color:#262626;
}
/* ------------------------------------------
COMPARATEUR
--------------------------------------------- */
.compare-top1 {
height:4px !important;
background-color:#fff !important;
}
.compare-top {
height:250px !important;
background-color:#fff !important;
vertical-align:top;
}
.compare-titre {
font-weight:700;
font-size:18px;
margin: 15px 0 5px 0;
}
.compare-description {
font-weight:400;
font-size:16px;
margin: 5px 0;
}
.compare-bloc table {
font-size:12px;
font-weight:700;
margin : 0 auto;
}
.compare-bloc td {
height:40px;
width:240px;
background-color:#e9e9e9;
border-bottom:1px solid #fff;
border-right:2px solid #fff;
padding: 0 10px;
}
.compare-nom-produit {
font-size:18px;
margin: 5px 0;
}
.compare-bas {
background-color:#fff !important;
}
.compare-prix,
.compare-prix a {
font-size:22px;
text-decoration:none;
color:#ff5300;
margin: 5px 0;
}
.compare-prix a:hover {
text-decoration:underline;
}
.compare-bt-voir a {
display:block;
background-color:#ff5200;
width:160px;
font-size: 16px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align:center;
border: 1px solid #ff5200;
margin: 10px auto;
padding: 15px 0 ;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.compare-bt-voir a:hover {
background-color:#fff;
color:#ff5200;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.compare-bt-retirer a {
font-weight:400;
font-size:18px;
color:#262626;
text-decoration:none;
}
.compare-bt-retirer a:hover {
color:#ff5200;
}
.compare-bt-retirer {
margin:25px 0;
}
/* ------------------------------------------
SEO
--------------------------------------------- */
#bloc-seo {
text-align:center;
margin: 40px 20px 20px 20px;
color:#c5c5c5;
font-size:12px;
}
#bloc-seo p {
margin: 5px 0;
}
#bloc-seo a {
color:#c5c5c5;
}
#bloc-seo a:hover {
text-decoration:none;
}
/* ------------------------------------------
MENU TOP
--------------------------------------------- */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
padding: 13px 20px;
/* make room for the toggle button (sub indicator) */
padding-right: 58px;
color: #262626;
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
}
.sm-clean a.current {
color: #ff5200;
}
.sm-clean a.disabled {
color: #bbbbbb;
}
.sm-clean a span.sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 16px/34px monospace !important;
text-align: center;
text-shadow: none;
background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.sm-clean a.highlighted span.sub-arrow:before {
display: block;
content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.sm-clean li {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
border-top: 0;
}
.sm-clean ul {
background: rgba(162, 162, 162, 0.1);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
font-size: 16px;
border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
border-left: 40px solid transparent;
}
@media (min-width: 768px) {
/* Switch to desktop layout
-----------------------------------------------
These transform the menu tree from
collapsible to desktop (navbar + dropdowns)
-----------------------------------------------*/
/* start... (it's not recommended editing these rules) */
#main-nav {
line-height: 0;
text-align: center;
}
#main-menu {
display: inline-block;
}
.sm-clean li {
text-transform:uppercase;
}
.sm-clean li li {
text-transform:none;
}
.sm-clean ul {
position: absolute;
width: 12em;
}
.sm-clean li {
float: left;
}
.sm-clean.sm-rtl li {
float: right;
}
.sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
float: none;
}
.sm-clean a {
white-space: nowrap;
}
.sm-clean ul a, .sm-clean.sm-vertical a {
white-space: normal;
}
.sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
}
/* ...end */
.sm-clean {
padding: 0;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
padding: 6px 12px 8px 12px;
color: #262626;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
color: #ff5200;
}
.sm-clean a.current {
color: #ff5200;
}
.sm-clean a.disabled {
color: #bbbbbb;
}
.sm-clean a.has-submenu {
padding-right: 24px;
}
.sm-clean a span.sub-arrow {
top: 50%;
margin-top: -4px;
right: 12px;
width: 0;
height: 0;
border-width: 4px;
border-style: solid dashed dashed dashed;
border-color: #ff5200 transparent transparent transparent;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.sm-clean a.highlighted span.sub-arrow:before {
display: none;
}
.sm-clean li {
border-top: 0;
}
.sm-clean > li > ul:before,
.sm-clean > li > ul:after {
content: '';
position: absolute;
top: -18px;
left: 30px;
width: 0;
height: 0;
overflow: hidden;
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #bbbbbb transparent;
}
.sm-clean > li > ul:after {
top: -16px;
left: 31px;
border-width: 8px;
border-color: transparent transparent white transparent;
}
.sm-clean ul {
border: 1px solid #bbbbbb;
padding: 5px 0;
background: white;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
border: 0 !important;
padding: 6px 20px;
color: #262626;
}
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
background: #eeeeee;
color: #ff5200;
}
.sm-clean ul a.current {
color: #ff5200;
}
.sm-clean ul a.disabled {
background: white;
color: #cccccc;
}
.sm-clean ul a.has-submenu {
padding-right: 20px;
}
.sm-clean ul a span.sub-arrow {
right: 8px;
top: 50%;
margin-top: -5px;
border-width: 5px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #555555;
}
.sm-clean span.scroll-up,
.sm-clean span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: white;
height: 20px;
}
.sm-clean span.scroll-up:hover,
.sm-clean span.scroll-down:hover {
background: #eeeeee;
}
.sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
border-color: transparent transparent #d23600 transparent;
}
.sm-clean span.scroll-down:hover span.scroll-down-arrow {
border-color: #d23600 transparent transparent transparent;
}
.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
position: absolute;
top: 0;
left: 50%;
margin-left: -6px;
width: 0;
height: 0;
overflow: hidden;
border-width: 6px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555555 transparent;
}
.sm-clean span.scroll-down-arrow {
top: 8px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
}
.sm-clean.sm-rtl a.has-submenu {
padding-right: 12px;
padding-left: 24px;
}
.sm-clean.sm-rtl a span.sub-arrow {
right: auto;
left: 12px;
}
.sm-clean.sm-rtl.sm-vertical a.has-submenu {
padding: 10px 20px;
}
.sm-clean.sm-rtl.sm-vertical a span.sub-arrow {
right: auto;
left: 8px;
border-style: dashed solid dashed dashed;
border-color: transparent #555555 transparent transparent;
}
.sm-clean.sm-rtl > li > ul:before {
left: auto;
right: 30px;
}
.sm-clean.sm-rtl > li > ul:after {
left: auto;
right: 31px;
}
.sm-clean.sm-rtl ul a.has-submenu {
padding: 10px 20px !important;
}
.sm-clean.sm-rtl ul a span.sub-arrow {
right: auto;
left: 8px;
border-style: dashed solid dashed dashed;
border-color: transparent #555555 transparent transparent;
}
.sm-clean.sm-vertical {
padding: 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.sm-clean.sm-vertical a {
padding: 10px 20px;
}
.sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
background: white;
}
.sm-clean.sm-vertical a.disabled {
background: #eeeeee;
}
.sm-clean.sm-vertical a span.sub-arrow {
right: 8px;
top: 50%;
margin-top: -5px;
border-width: 5px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #555555;
}
.sm-clean.sm-vertical > li > ul:before,
.sm-clean.sm-vertical > li > ul:after {
display: none;
}
.sm-clean.sm-vertical ul a {
padding: 10px 20px;
}
.sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
background: #eeeeee;
}
.sm-clean.sm-vertical ul a.disabled {
background: white;
}
}
/* ------------------------------------------
BANNIERE
--------------------------------------------- */
.banniere-elliaden {
max-width: 760px;
margin: 10px auto;
padding:10px;
background-color:#06C;
color:#fff;
text-align:center;
border-radius:8px;
}
.banniere-elliaden a {
color:#fff;
}
.banniere-elliaden a:hover {
text-decoration: none;
}
.banniere-txt1 {
font-size:14px;
}
.banniere-txt2 {
font-size:20px;
}
.banniere-txt3 {
font-size:28px;
}
/* ------------------------------------------
NEWSLETTER ARCHIVES
--------------------------------------------- */
#newslettersarchive {
min-height: 600px;
text-align: center;
padding-bottom: 60px;
}
.newsarchivetitre {
font-weight:300;
font-size:48px;
color:#ff5200;
text-transform:uppercase;
margin: 15px 5px 0 5px;
}
.newsletterarchive-bloc {
width:300px;
display: inline-block;
vertical-align: top;
margin: 20px;
}
.newsletterarchive-bloc img {
border: 1px solid #8a8a8a;
}
.newsletterarchive-bloc p {
margin: 0;
}
.newsletterarchive-bloc a {
text-decoration: none;
color:#555555;
}
.newsletterarchive-bloc a:hover {
color:#ff5300;
}
.newsletterarchive-bloc a:hover img {
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
/* ------------------------------------------
DEVIS
--------------------------------------------- */
.demandedevistitre {
font-weight:700;
font-size:24px;
color:#0084ff;
text-transform:uppercase;
text-align:center;
}
.poursuivre-devis {
width:280px;
font-size:18px;
text-transform: uppercase;
background-color:#00a40c !important;
border:1px solid #00a40c !important;
color:#fff;
margin: 10px auto;
padding: 15px 0;
}
.poursuivre-devis:hover {
background-color: #fff !important;
color:#00a40c !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.envoi-devis {
width:280px;
font-size:16px;
text-transform: uppercase;
background-color:#0084ff !important;
border:1px solid #0084ff !important;
color:#fff;
margin: 10px auto;
padding: 15px 0;
}
.envoi-devis:hover {
background-color: #fff !important;
color:#0084ff !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.paniervide {
text-align: center;
height: 400px;
font-size: 18px;
}
.tarif-quantite2 {
width:280px;
text-align: center;
border:1px solid #ff5200;
border-radius: 8px;
padding: 10px 0 5px 0;
margin: 0 auto;
}
.prixqt-titre {
font-size: 16px;
margin:0;
}
.tarif-quantite2 table {
width: 98%;
margin: 0 auto 10px auto;
}
.tarif-quantite2 th {
padding: 1px 10px;
background-color:#ff5200;
color:#fff;
font-size:10px;
line-height: 12px;
}
.tarif-quantite2 tr {
background-color:#fff4ee;
border-bottom:1px solid #fff;
}
.tarif-quantite2 td {
padding: 1px 10px;
font-size:12px;
}
.tarif-qt-info {
font-size: 12px;
margin:5px 0;
}
.tarif-qt-info a {
color:#000;
}
.tarif-qt-info a:hover {
text-decoration: none;
}
.recherche-titre {
text-align:center;
font-size:18px;
padding: 20px 0 0 0;
}
.recherche-mob {
height:550px;
padding-top:80px;
text-align:center;
}
.recherche-mob2 {
position:relative;
width:90%;
margin: 0 auto;
}
.recherche-mob2-txt {
width:100%;
font-size: 18px;
text-transform: uppercase;
padding: 14px 8px;
background-color: rgba(233,233,233,1.00);
border: none;
outline: 1px dotted rgba(181,181,181,1.00);
}
.recherche-mob2 input[type="submit"] {
position: absolute;
right:4px;
top:3px;
z-index:1000;
background-color:rgba(0,0,0,0);
background-image: url(../img/loupe2.png);
background-repeat: no-repeat;
background-position: right center;
border: 0;
border-radius: 5px;
width: 45px;
height: 45px;
}
.recherche-mob-titre {
font-size:24px;
margin: 0 0 5px 0;
}
/* ------------------------------------------
BANNIERE HOME
--------------------------------------------- */
.banhome {
background-color: #ff5200;
font-size: 18px;
text-align: center;
color:#fff;
padding: 0 0 1px 0;
}
.banhome img {
display:block;
width:100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
}
.numeric {
width:60px;
border:1px solid #000;
border-radius: 8px;
text-align: center;
margin: 0;
}
.numeric2 {
width:50px;
border:1px solid #000;
border-radius: 8px;
text-align: center;
margin: 0;
}
/* ------------------------------------------
SAV
--------------------------------------------- */
.form-sav {
max-width:650px;
text-align:center;
margin: 20px auto 50px auto;
}
.form-sav label {
display:inline-block;
width:200px;
text-align:left;
vertical-align:top;
margin: 10px 0 0 0;
}
.form-sav input[type="text"],
.form-sav input[type="email"] {
width:400px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.form-sav textarea {
width:400px;
height:140px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.form-sav select {
width:400px;
background-color:#eaeaea;
text-align:left;
border:none;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.form-sav-titre {
font-weight:100;
font-size:36px;
text-align: center;
margin: 20px 0 10px 0;
}
.form-sav-text {
max-width: 800px;
margin: 10px auto;
}
.form-sav-envoi {
font-size:18px;
text-transform:uppercase;
padding:10px 30px;
margin: 10px 0;
}
.homeslider1 {
max-width: 1500px;
margin: 0 auto;
border-left: 1px solid #ff5200;
border-right: 1px solid #ff5200;
}
.homeslider1,
.homeslider2 {
position: relative;
background-color: #ff5200;
}
.homeslider1 img,
.homeslider2 img {
width:100%;
height:auto;
}
.homeslider2 {
display:none;
}
.flecheg img,
.fleched img {
width:38px;
height:62px;
opacity:0.5;
}
.flecheg img:hover,
.fleched img:hover {
opacity:1;
}
.flecheg {
position:absolute;
z-index: 10;
left:10px;
top: 50%;
transform: translateY(-50%);
}
.fleched {
position:absolute;
z-index: 10;
right:10px;
top: 50%;
transform: translateY(-50%);
}
.liste-produits-lotqttab {
margin: 0;
}
.liste-produits-lotqt {
width: 180px;
margin: 0 auto -10px auto;
}
.liste-produits-lotqt th {
padding: 1px 4px;
font-size: 10px;
color:#fff;
background-color:#ff5200;
border:1px solid #fff;
}
.liste-produits-lotqt tr {
background-color:#fff4ee;
font-size: 11px;
border-bottom:1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.liste-produits-lotqt td {
padding: 0 4px;
}
.anspm { display:none;}
.popuprgpd {
background-color: #FFF;
position:fixed;
bottom:0;
left:0;
right:0;
z-index: 10000;
text-align: center;
border-top:1px solid #000;
padding:5px 5px 20px 5px;
}
.popuprgpd p {
max-width: 800px;
margin: 5px auto;
text-align: justify;
}
.popuprgpd a {
color:#000;
}
.popuprgpd a:hover {
text-decoration: none;
}
.popuprgpd button {
background-color: #ff5200;
border:1px solid #ff5200;
text-transform: uppercase;
font-size: 20px;
padding: 5px 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.popuprgpd button:hover {
background-color: #ffffff;
color: #ff5200;
border:1px solid #ff5200;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.popuprgpd button:focus {
background-color: #f1f1f1;
color: #ff5200;
border:1px solid #ff5200;
}
.popup-background {
position: fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index: 1000;
background-color: rgba(0,0,0,0.8)
}
.popup1 {
background-color: #fff;
max-width: 800px;
text-align: center;
border-radius: 20px;
margin: 5px auto;
/* margin-top: 50vh;
transform: translateY(-50%);*/
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
}
.popupfermer {
float: right;
margin: 6px 6px 0 0;
}
.popuptitre {
font-size: 24px;
line-height: 24px;
color:#2ac401;
margin: 0 5px 15px 5px;
padding: 15px 0 0 0;
}
.popup1 hr {
height: 1px;
background-color: #2ac401;
border: none;
margin: 5px 0;
}
.popupimg {
width:180px;
display: inline-block;
vertical-align: top;
}
.popupimg img {
display:block;
width:180px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
margin: 5px auto;
}
.popuptxt {
width:500px;
display: inline-block;
vertical-align: top;
margin: 5px 0 5px 10px;
text-align: left;
}
.popuptxttitre {
font-size: 24px;
line-height: 24px;
font-weight: 700;
margin: 8px 4px;
}
.popuptxtlot {
font-size: 20px;
margin: 8px 4px;
}
.popuptextref {
font-size: 14px;
color: #ff5200;
font-weight: 700;
margin: 8px 4px;
}
.popuptxtqt {
font-size: 20px;
margin: 8px 4px;
}
.popuparticlesnbr {
font-size: 20px;
margin: 8px 4px;
}
.popup1 button {
font-size:20px;
color:#fff;
padding: 6px 10px;
margin: 10px 10px;
border-radius: 8px;
transition-duration: 0.3s;
}
button.popupbtpoursuivre {
background-color: #00a40c;
border: 1px solid #00a40c;
}
button:hover.popupbtpoursuivre {
background-color: #fff;
color:#00a40c;
}
button.popupbtpanier {
background-color: #ff5200;
border: 1px solid #ff5200;
}
button:hover.popupbtpanier {
background-color: #fff;
color:#ff5200;
}
button.popupbtdevis {
background-color: #0084ff;
border: 1px solid #0084ff;
}
button:hover.popupbtdevis {
background-color: #fff;
color:#0084ff;
}
.inscriptionbloc {
min-height: 500px;
}
.inscription {
max-width: 650px;
margin: 0 auto 10px auto;
background-color:#e1f4ff;
border: 1px solid #004e7a;
border-radius: 8px;
-moz-box-shadow: 2px 2px 5px 0px #c0c0c0;
-webkit-box-shadow: 2px 2px 5px 0px #c0c0c0;
-o-box-shadow: 2px 2px 5px 0px #c0c0c0;
box-shadow: 2px 2px 5px 0px #c0c0c0;
padding: 20px 10px 10px 10px;
font-size: 18px;
}
.inscription a {
color:#000;
}
.inscription a:hover {
text-decoration: none;
}
.inscriptionbt {
padding: 10px 20px;
margin: 10px auto 60px auto;
text-transform: uppercase;
}
.inscripbt {
text-align: center;
}
.imprimedevis {
font-size: 14px;
border: 1px solid #004e7a;
margin: 0 0 10px 0;
}
.imprimedevistitre {
font-weight: 700;
margin: 4px 0;
}
.imprimedevispays select {
width: 130px;
background-color: #fff;
border: 1px solid #ff5300;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size:14px;
font-weight: 400;
padding:4px 2px;
}
.imprimedeviscp input[type="text"]{
width: 80px;
background-color: #fff;
border: 1px solid #ff5300;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: 400;
padding:4px 2px;
margin: 10px 0 4px 0;
}
/* ------------------------------------------
BOITES ZERO DECHET
--------------------------------------------- */
.soustitre-zerodechet1 {
font-size: 20px;
font-weight: 400;
color: #3b7900;
text-align: center;
}
.soustitre-zerodechet2 {
font-size: 24px;
font-weight: 700;
color: #3b7900;
text-align: center;
}
.zerod-col1 {
max-width: 880px;
margin: 0 auto;
color: #3b7900;
}
.zerodechet-photo1 {
display: inline-block;
vertical-align: top;
width:220px;
}
.zerodechet-photo1 img {
height: 200px;
width:auto;
border:2px solid #ff5300;
border-radius: 50%;
}
.zerodechet-fond1 {
display: inline-block;
vertical-align: top;
width:650px;
}
.zerodechet-tab1 {
max-width:880px;
margin: 20px auto;
}
.zerodechet-tab1 th {
background-color: #82d137;
color: #fff;
padding: 10px 0;
}
.zerodechet-tab1 tr {
color: #3b7900;
text-align: center;
margin: 10px 0;
border: 1px solid #82d137;
}
.zerodechet-tab1 td {
padding: 10px 0;
}
.zerodechet-fond2 {
background-color: #ffe8dd;
color: #ff5300;
max-width:880px;
margin: 20px auto;
padding: 10px 20px;
border-radius: 10px;
}
.zerodechet-fond2 a {
color: #ff5300;
}
.zerodechet-fond2 a:hover {
text-decoration: none;
}
.zerodechet-photo2 {
display: inline-block;
vertical-align: top;
width:220px;
}
.zerodechet-photo2 img {
height: 200px;
width:auto;
}
.zerodechet-fond3 {
display: inline-block;
vertical-align: top;
width:650px;
color: #3b7900;
}
.zerodechet-fond4 {
background-color: #dfffc0;
color: #3b7900;
max-width:880px;
margin: 20px auto;
padding: 10px 20px;
border-radius: 10px;
}
.zerodechet-warning {
background-color: #ff5300;
color:#fff;
font-weight: 700;
margin: 20px auto;
padding: 10px 20px;
border-radius: 10px;
}
.zerodechetcomment img {
width:100%;
height: auto;
}
.zerodechet-autre {
border: 2px solid #82d137;
border-radius: 10px;
padding: 10px 20px;
margin: 10px 0 80px 0;
}
.zerodechet-bt a {
display:block;
width:200px;
background-color:#82d137;
text-decoration: none;
font-size: 18px;
color:#fff;
text-align: center;
padding: 15px 0;
border: 2px solid #82d137;
border-radius: 10px;
margin: 0 auto;
}
.zerodechet-bt a:hover {
background-color:#fff;
color:#82d137;
}