/* 
Name : Cartridge World
URI : 
 */
@font-face{
font-family: "Open Sans", Arial, sans-serif;
font-weight:normal;
font-style:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
display:block}
audio,canvas,video{
display:inline-block;
*display:inline;
*zoom:1}
audio:not([controls]){
display:none;
height:0}
[hidden]{
display:none}
html{
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%}
html,button,input,select,textarea{
font-family:sans-serif}
body{
margin:0}
a:focus{
outline:thin dotted}
a:hover,a:active{
outline:0}
h1{
font-size:2em;
margin:.67em 0}
h2{
font-size:1.5em;
margin:.83em 0}
h3{
font-size:1.17em;
margin:1em 0}
h4{
font-size:1em;
margin:1.33em 0}
h5{
font-size:.83em;
margin:1.67em 0}
h6{
font-size:.75em;
margin:2.33em 0}
abbr[title]{
border-bottom:1px dotted}
b,strong{
font-weight:bold}
blockquote{
margin:1em 40px}
dfn{
font-style:italic}
mark{
background:#ff0;
color:#000}
p,pre{
margin:1em 0}
pre,code,kbd,samp{
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em}
pre{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word}
q{
quotes:none}
q:before,q:after{
content:'';
content:none}
small{
font-size:75%}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}
sup{
top:-0.5em}
sub{
bottom:-0.25em}
dl,menu,ol,ul{
margin:1em 0}
dd{
margin:0 0 0 40px}
menu,ol,ul{
padding:0 0 0 40px}
nav ul,nav ol{
list-style:none;
list-style-image:none}
img{
border:0;
-ms-interpolation-mode:bicubic}
svg:not(:root){
overflow:hidden}
figure{
margin:0}
form{
margin:0}
fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:.35em .625em .75em}
legend{
border:0;
padding:0;
white-space:normal;
*margin-left:-7px}
button,input,select,textarea{
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle}
button,input{
line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{
cursor:pointer;
-webkit-appearance:button;
*overflow:visible}
button[disabled],input[disabled]{
cursor:default}
input[type="checkbox"],input[type="radio"]{
box-sizing:border-box;
padding:0;
*height:13px;
*width:13px}
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-decoration,input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0}
textarea{
overflow:auto;
vertical-align:top}
table{
border-collapse:collapse;
border-spacing:0}
.ie body{
width:100%}
.ie #header{
min-width:980px;
left:0}
.ie #accueil-cartridge,.ie #boutiques-groupe,.ie #rappel-automatique,.ie #demande-tarifs,.ie #offres-boutiques,.ie #newsletter,.ie #business-direct,.ie #chiffres-cartridge,.ie #nous-trouver,.ie footer{
min-width:980px;
padding-left:0;
padding-right:0}
.ie .conteneur{
width:960px}
html{
font-size:62.5%}
body{
font-family: "Open Sans", Arial, sans-serif;
font-size:18px;
font-size:1.8rem;
color:#191919;
background-color:#FFF;
padding:0}
img,video,object{
max-width:100%}
li{
float:left}
a{
text-decoration:none}
.clearfix{
clear:both}
ul,p,span,h1,h2,h3,#map{
margin:0;
padding:0;
font-weight:100}
h2{
font-size:56px;
font-size:5.6rem}
h3{
font-size:26px;
font-size:2.6rem}
#header{
position:fixed;
z-index:8000;
background-color:#474A50;
width:100%;
padding:15px 0 0 0;
top:0}
.barre_jaune {
display: block;
width: 100%;
height: 3px;
background-color: #fff200}
.barre_bleue {
display: block;
width: 100%;
height: 12px;
background-color: #00539f}
.barre_verte {
display: block;
width: 100%;
height: 6px;
background-color: #7dc242}
#logo{
float:left;
width:219px;
padding-left:5%}
.collapse{
position:relative;
height:0;
overflow:hidden;
-webkit-transition:height .35s ease;
-moz-transition:height .35s ease;
-ms-transition:height .35s ease;
-o-transition:height .35s ease;
transition:height .35s ease}
.btn{
display:inline-block;
*display:inline;
padding:4px 10px 4px;
margin-bottom:0;
*margin-left:.3em;
font-size:13px;
line-height:18px;
*line-height:20px;
color:#333;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top,#fff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image:-o-linear-gradient(top,#fff,#e6e6e6);
background-image:linear-gradient(top,#fff,#e6e6e6);
background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
background-repeat:repeat-x;
border:1px solid #ccc;
*border:0;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}
.nav{
margin-bottom:18px;
margin-left:0;
list-style:none;
float:right;
width:auto;
font-size:15px;
font-size:1.5rem;
overflow:auto}
.nav>li>a{
display:block}
.nav>li>a:hover{
text-decoration:none;
background-color:#eee}
.navbar{
*position:relative;
*z-index:2;
margin-bottom:18px;
overflow:visible}
.navbar .container{
width:auto}
.nav-collapse.collapse{
height:auto}
.navbar{
padding-top:5px}
.navbar .btn{
margin-top:5px}
.navbar-fixed-top{
right:0;
left:0;
margin-bottom:0}
.navbar-fixed-top{
top:15}
.navbar .nav{
position:relative;
left:0;
display:block;
float:right;
padding:10px 5% 0 0}
.navbar .nav>li{
display:block;
float:left;
text-transform:uppercase;
padding:0 3px 0 0}
.navbar .nav>li>a{
float:none;
color:#fff;
font-weight:bold;
display:block;
line-height:32px;
line-height:3.2rem;
padding:0 10px}
.navbar .btn{
display:inline-block;
padding:4px 10px 4px;
margin:5px 5px 6px;
line-height:18px;
line-height:1.8rem}
.navbar .nav>li>a:hover,.navbar .nav>li>a.link-active{
color:#fff;
text-decoration:none;
background-color:transparent;
background:#E5007C;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px}
.navbar .nav>li>a.header-facebook:hover{
background:0}
.navbar .btn-navbar{
display:none;
float:right;
padding:7px 10px;
margin-right:6%;
background-color:#1956be;
background:-moz-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1956be),color-stop(50%,#194cad),color-stop(100%,#19439f));
background:-webkit-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:-o-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:-ms-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background-repeat:repeat-x;
border-color:#1956be #1956be #000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
background:linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1956be',endColorstr='#19439f',GradientType=0);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)}
.navbar .btn-navbar .icon-bar{
display:block;
width:18px;
height:2px;
background-color:#f5f5f5;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
box-shadow:0 1px 0 rgba(0,0,0,0.25)}
.btn-navbar .icon-bar+.icon-bar{
margin-top:3px}
.conteneur{
max-width:1170px;
margin:0 auto}
#accueil-cartridge{
height:769px;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover}
#bloc-bienvenue{
background:url(../img/bg-accueil.png) repeat;
position:relative;
top:200px;
margin:0 auto;
width:43%;
max-width:550px;
color:#fff;
text-align:center;
clear:both;
padding:50px 2%;
-moz-box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
-khtml-box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1)}
.bienvenue{
font-size:56px;
font-size:5.6rem}
#bloc-bienvenue .ville{
border-top:1px solid #fff;
line-height:80px;
padding-top:10px;
font-size:33px;
font-size:3.3rem}
#boutiques-groupe{
background:url(../img/bg-boutique-cartridge-world.png) repeat;
color:#303030;
text-align:center;
clear:both;
margin:0 auto;
padding:70px 5% 30px 5%}
.telephone-unique,#boutiques-groupe .ville{
margin:0 auto;
padding:0;
background:url(../img/filet.png) repeat-x center;
width:70%}
#boutiques-groupe .ville{
padding:20px 0}
#boutiques-groupe .ville span{
padding:0 3% 0 3%;
font-size:26px;
font-size:2.6rem}
#boutiques-groupe .ville span,#boutiques-groupe .telephone-unique span{
background:url(../img/bg-boutique-cartridge-world.png) repeat}
.telephone-legende{
padding-top:35px}
#boutiques-groupe .telephone-unique span{
color:#0038a5;
font-size:56px;
font-size:5.6rem;
padding:0 2%}
.boutiques{
overflow:hidden;
margin:0 auto;
width:100%;
padding-top:0;
text-align:center}
.boutiques .boutique{
border:2px solid #dbd7d4;
background-color:transparent;
background-color:rgba(255,255,255,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
zoom:1;
margin-bottom:-9000px;
padding:10px 1px 8988px;
width:23%;
vertical-align:top;
display:inline-block;
margin-right:1.3%}
.boutiques .l{
margin-right:0}
.boutiques .boutique,#chiffres-cartridge .donnees,#informations-boutiques .magasin{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
.boutiques p{
margin-bottom:45px;
line-height:27px;
line-height:2.7rem}
.boutiques .telephone{
padding-bottom:40px}
#boutiques-groupe .callage{
height:2px}
.empresas{
height:40px;
width:32px;
background:url(../img/empresas.png);
margin:15px auto 20px auto}
.entrega{
height:40px;
width:32px;
background:url(../img/entrega.png);
margin:15px auto 20px auto}
.ahorro{
height:40px;
width:50px;
background:url(../img/ahorro.png);
margin:15px auto 20px auto}
.garantia{
height:40px;
width:40px;
background:url(../img/garantia.png);
margin:15px auto 20px auto}
.etoile{
height:32px;
width:32px;
background:url(../img/etoiles.png);
margin:15px auto 20px auto}
.verte{
background-position:0 -32px}
.jaune{
background-position:0 -64px}
.noire{
background-position:0 -96px}
#rappel-automatique{
background:url(../img/bg-appel.png) repeat;
color:#303030;
text-align:center;
clear:both;
margin:0 auto;
padding:40px 5% 50px 5%}
#rappel-automatique span,#demande-tarifs span,#boutiques-groupe span,.leader,#offres-boutiques p,.boutiques .rue,.telephone-legende{
font-size:22px;
font-size:2.2rem}
#demande-tarifs{
background:url(../img/bg-prix.png) repeat #70ad19;
-moz-box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
-khtml-box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
box-shadow:0 0 65px rgba(0,0,0,0.1) inset,0 0 20px rgba(0,0,0,0.1) inset,0 0 5px rgba(0,0,0,0.1);
text-align:center;
clear:both;
margin:0 auto;
padding:50px 5%}
#nos-offres{
background:#ffee02}
#offres-boutiques{
background:#fff;
-moz-box-shadow:0 90px 90px rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1);
-webkit-box-shadow:0 90px 90px rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1) inset,0 0 0 rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1);
-khtml-box-shadow:0 90px 90px rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1) inset,0 0 0 rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1);
box-shadow:0 90px 90px rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1) inset,0 0 0 rgba(0,0,0,0.1) inset,0 0 60px rgba(0,0,0,0.1);
margin:0 auto;
padding:0 5%}
#offres-boutiques p{
text-align:center;
padding:0 0 20px 0}
#coupons-reduction{
padding:40px 0;
width:100%;
float:left;
text-align:center}
#coupons-reduction img{
max-width:327px;
width:100%;
padding-bottom:10px}
.coupon{
background-color:#FFF;
-moz-box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
-khtml-box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
display:inline-block;
width:27%;
margin:0 1%;
padding:10px 10px 15px 10px}
.coupon span a{
background:url(../img/imprimer.png) 0 0 no-repeat;
padding:4px 0 8px 40px;
color:#000}
.coupon span a:hover{
background:url(../img/imprimer.png) 0 -33px no-repeat}
.offres{
float:left;
padding:60px 0 0;
width:60%}
.cartridge-facebook{
float:left;
padding-top:70px;
text-align:right;
width:40%}
.cartridge-facebook span{
float:right;
padding:5px 0 0;
text-align:right}
.cartridge-facebook span a{
color:#191919}
.cartridge-facebook span a:hover{
color:#f100a3}
.offres-facebook{
float:right;
padding:0 15px 0 0}
#promo{
padding:40px 0;
text-align:center;
width:100%}
#promo img{
background-color:#FFF;
-moz-box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
-khtml-box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
padding:10px}
#newsletter{
background:url(../img/bg-newsletter.png) repeat;
padding:12px 0;
text-align:center}
#business-direct{
background:url(../img/bg-boutique-cartridge-world.png) repeat;
clear:both;
margin:0 auto;
padding:0 5% 70px 5%;
overflow:hidden}
#business-direct h1{
font-size:56px;
font-size:5.6rem;
color:#0038a5}
.livraison{
float:left;
width:50%;
padding-top:60px}
.livraison h2{
padding:0 0 15px 0;
color:#0038a5}
.livraison h3{
padding:0 0 55px 0}
.livraison p{
padding-bottom:20px;
line-height:30px;
line-height:3rem}
.commande{
float:left;
width:39%;
padding:140px 0 0 11%}
.commande h2{
font-size:26px;
font-size:2.6rem;
padding:22px 0 10px 0}
.commande h3{
color:#0038a5}
.commande p{
line-height:25px;
line-height:2.5rem}
.inscription,.inscription li a{
color:#0039a5}
.inscription,.inscription li a{
font-size:15px;
font-size:1.5rem}
.inscription li{
padding-right:3%}
.inscription li a:hover,footer a:hover,.coupon span a:hover{
color:#f100a3}
#chiffres-cartridge{
background:url(../img/separateur.png) repeat-x top #fff;
padding:40px 5% 40px 5%;
text-align:center;
overflow:hidden;
margin:0 0 20px 0}
#chiffres-cartridge .donnees{
width:24%;
margin-bottom:-99999px;
padding-bottom:99999px;
vertical-align:top;
display:inline-block;
border-right:solid #dbd7d4 2px}
#chiffres-cartridge .l{
border:0}
#chiffres-cartridge .donnees span{
font-size:56px;
font-size:5.6rem;
color:#0038a5}
#map{
width:100%;
height:768px}
#map img{
max-width:none}
#map p{
font-size:15px;
font-size:1.5rem}
#map p strong{
font-weight:bold}
#informations-boutiques{
overflow:hidden;
width:90%;
margin:0 auto 20px auto;
padding:20px 5% 0 5%;
text-align:center}
#informations-boutiques .magasin{
background:#fff;
width:24%;
margin-bottom:-99999px;
padding-bottom:99999px;
vertical-align:top;
display:inline-block;
border-right:solid #dbd7d4 2px}
#informations-boutiques .l{
border:0}
#informations-boutiques p{
padding-bottom:10px}
#informations-boutiques span.adresse{
line-height:30px;
line-height:3rem}
#informations-boutiques span.horaires{
font-size:15px;
font-size:1.5rem}
#sociaux-fixe{
overflow:visible;
bottom:15px;
z-index:9999;
position:fixed;
width:94.4%;
color:#fff;
text-align:right}
footer{
background-color:#191919;
overflow:auto;
padding:20px 5% 65px 5%;
font-size:15px;
font-size:1.5rem;
color:#a9a9a9}
footer img{
padding:8px 3px 0 3px;
float:right}
footer p{
float:left;
padding:15px 0 0 0}
footer a{
color:#a9a9a9}
.mentions-legales{
float:right;
padding-right:3px}
.mentions-legales p{
float:right;
padding:15px 3px 0 3px}
.erreur{
color:#fff}
#callback-ok{
padding:40px}
#newsletter-err{
margin-top:20px;
margin-bottom:20px}
#demande-err,#callback-err{
margin-bottom:20px}
.form-prix,.form-tel{
padding:15px 0}
input{
font-family: "Open Sans", Arial, sans-serif;
background-color:#fff;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #fff;
padding:14px;
margin:10px 0;
font-size:18px;
font-size:1.8rem}
input.email-tarifs,input.email-newsletter{
width:35%}
input[type="tel"]{
width:34%;
margin-right:2%}
input.email-commande{
width:90%}
input[type="submit"]{
width:180px;
border:0}
input[type="submit"]:hover{
background:#004795;
background:-moz-linear-gradient(top,#004795 0,#004487 50%,#002e66 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#004795),color-stop(50%,#002e66),color-stop(100%,#002e66));
background:-webkit-linear-gradient(top,#004795 0,#004487 50%,#002e66 100%);
background:-o-linear-gradient(top,#004795 0,#004487 50%,#002e66 100%);
background:-ms-linear-gradient(top,#004795 0,#004487 50%,#002e66 100%);
background:linear-gradient(top,#004795 0,#004487 50%,#002e66 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004795',endColorstr='#002e66',GradientType=0);
color:#FFF
}
.submit-appel{
background:#1956be;
background:-moz-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1956be),color-stop(50%,#194cad),color-stop(100%,#19439f));
background:-webkit-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:-o-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:-ms-linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
background:linear-gradient(top,#1956be 0,#194cad 50%,#19439f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1956be',endColorstr='#19439f',GradientType=0);
color:#FFF}
.submit-connect{
background:#1e44b1;
background:-moz-linear-gradient(top,#1e44b1 0,#19399f 50%,#142e8d 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e44b1),color-stop(50%,#19399f),color-stop(100%,#142e8d));
background:-webkit-linear-gradient(top,#1e44b1 0,#19399f 50%,#142e8d 100%);
background:-o-linear-gradient(top,#1e44b1 0,#19399f 50%,#142e8d 100%);
background:-ms-linear-gradient(top,#1e44b1 0,#19399f 50%,#142e8d 100%);
background:linear-gradient(top,#1e44b1 0,#19399f 50%,#142e8d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e44b1',endColorstr='#142e8d',GradientType=0);
color:#FFF}
.submit-prix{
background:#f100a3;
background:-moz-linear-gradient(top,#f100a3 0,#e90076 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f100a3),color-stop(100%,#e90076));
background:-webkit-linear-gradient(top,#f100a3 0,#e90076 100%);
background:-o-linear-gradient(top,#f100a3 0,#e90076 100%);
background:-ms-linear-gradient(top,#f100a3 0,#e90076 100%);
background:linear-gradient(to bottom,#f100a3 0,#e90076 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f100a3',endColorstr='#e90076',GradientType=0);
color:#FFF}
.submit-inscription{
background:#393939;
background:-moz-linear-gradient(top,#393939 0,#303030 50%,#272727 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#393939),color-stop(50%,#303030),color-stop(100%,#272727));
background:-webkit-linear-gradient(top,#393939 0,#303030 50%,#272727 100%);
background:-o-linear-gradient(top,#393939 0,#303030 50%,#272727 100%);
background:-ms-linear-gradient(top,#393939 0,#303030 50%,#272727 100%);
background:linear-gradient(top,#393939 0,#303030 50%,#272727 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#393939',endColorstr='#272727',GradientType=0);
color:#fff;
margin-left:2%}
#impression-coupon{
font-size:1.8rem;
text-align:center;
margin:20px auto}
#impression-coupon a{
padding:14px 25px;
color:#fff;
background:#86bd1e;
background:-moz-linear-gradient(top,#86bd1e 0,#5a9d14 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#86bd1e),color-stop(100%,#5a9d14));
background:-webkit-linear-gradient(top,#86bd1e 0,#5a9d14 100%);
background:-o-linear-gradient(top,#86bd1e 0,#5a9d14 100%);
background:-ms-linear-gradient(top,#86bd1e 0,#5a9d14 100%);
background:linear-gradient(top,#86bd1e 0,#5a9d14 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86bd1e',endColorstr='#5a9d14',GradientType=0);
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px}
#impression-coupon a:hover{
background:#f100a3;
background:-moz-linear-gradient(top,#f100a3 0,#e90076 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f100a3),color-stop(100%,#e90076));
background:-webkit-linear-gradient(top,#f100a3 0,#e90076 100%);
background:-o-linear-gradient(top,#f100a3 0,#e90076 100%);
background:-ms-linear-gradient(top,#f100a3 0,#e90076 100%);
background:linear-gradient(to bottom,#f100a3 0,#e90076 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f100a3',endColorstr='#e90076',GradientType=0)}
.adwords img{
display:block}
@media print{
#impression-coupon{
display:none}
}
@media(max-width:979px){
.bienvenue{
font-size:45px;
font-size:4.5rem}
.nav-collapse .actus span{
display:none}
#boutiques-groupe{
padding:40px 5% 30px 5%}
.boutiques .boutique{
width:43%;
margin-bottom:10px;
margin-right:0;
padding:0}
#boutiques-groupe .callage{
height:0}
#promo img{
width:95%}
.livraison p{
padding-bottom:15px;
line-height:25px;
line-height:2.5rem}
#chiffres-cartridge{
padding-bottom:20px;
margin:0}
#chiffres-cartridge .donnees,#informations-boutiques .magasin{
width:45%;
margin-bottom:0;
border:0}
#chiffres-cartridge .donnees{
padding-bottom:5px;
vertical-align:top}
#informations-boutiques .magasin{
padding-bottom:0}
.mentions-legales{
float:none;
margin:0 auto;
width:100%}
.mentions-legales p{
float:left;
width:79%}
#sociaux-fixe{
display:none}
footer{
padding-bottom:30px;
padding-top:30px}
}
@media(min-width:768px) and (max-width:979px){
h2{
font-size:49px;
font-size:4.9rem}
#logo{
float:none;
margin:0 auto;
padding-left:0}
#bloc-bienvenue{
width:60%;
top:250px}
.leader{
font-size:20px;
font-size:2rem}
.navbar-fixed-top .container{
float:none;
margin:0 auto}
.navbar .nav{
margin:0 auto;
overflow:hidden;
width:650px;
float:none;
padding-right:0;
padding-top:5px}
.navbar{
padding:10px 0}
.navbar .nav>li{
padding:0 9px 0 0}
.telephone-unique{
width:90%}
.livraison h2{
padding:0 0 15px 0;
color:#0038a5}
input[type="tel"]{
width:55%}
input.email-tarifs{
width:80%}
input.email-commande{
width:95%}
}
@media(max-width:767px){
h2{
font-size:35px;
font-size:3.5rem}
#header{
padding-bottom:15px}
.leader,.livraison p,input,#rappel-automatique,#demande-tarifs{
font-size:16px;
font-size:1.6rem}
#bloc-bienvenue{
width:70%;
padding:30px 2%}
h3,#boutiques-groupe span,.telephone-legende,.commande h2{
font-size:20px;
font-size:2rem}
#boutiques-groupe .ville span{
font-size:22px;
font-size:2.2rem;
left:0}
#boutiques-groupe .ville{
width:80%}
.boutiques p{
margin-bottom:25px}
#boutiques-groupe .telephone-unique span{
font-size:30px;
font-size:3rem}
.telephone-legende{
padding-top:15px}
#rappel-automatique,#demande-tarifs{
padding:20px 5%}
.offres{
padding:20px 0 0}
#offres-boutiques p{
font-size:18px;
font-size:1.8rem}
.cartridge-facebook{
padding-top:0;
width:100%}
.cartridge-facebook span{
float:left;
font-size:16px;
font-size:1.6rem}
.offres-facebook{
float:left;
padding:0 0 0 15px}
.coupon{
width:55%;
padding:15px;
margin-bottom:10px}
#business-direct{
padding:0 5% 30px 5%}
.inscription{
margin:0 auto;
text-align:center}
.livraison{
float:none;
width:100%;
padding:30px 0 0 0}
.livraison h3{
padding:0 0 15px 0}
.commande{
float:none;
width:100%;
padding:30px 0 0 0}
.commande h2{
padding-top:10px}
.commande h3{
font-size:25px;
font-size:2.5rem}
.form-prix,.form-tel{
padding:15px 0 0 0}
input[type="tel"]{
margin:0}
input.email-tarifs,input.email-commande,input[type="tel"]{
width:90%}
input.email-newsletter{
width:80%}
footer{
font-size:13px;
font-size:1.3rem}
.navbar .nav>li{
padding:0}
.navbar .nav>li>a{
line-height:20px;
line-height:2rem}
.navbar .nav>li>a.header-facebook{
display:none}
.navbar .nav{
width:100%;
margin:0;
padding:0}
.nav-collapse{
clear:both}
.nav-collapse,.nav-collapse.collapse{
height:0;
overflow:hidden;
margin:0 auto;
width:100%}
.nav-collapse .nav>li{
float:left;
width:48%;
color:#fff;
margin:2px 1%}
.nav-collapse .nav>li>a{
padding:8px}
.navbar .btn-navbar{
display:block}
}
@media(max-width:480px){
#header{
position:relative}
#logo{
width:200px}
#accueil-cartridge{
height:550px;
background-position:70% 30%}
#bloc-bienvenue{
padding-bottom:10px;
top:80px}
#bloc-bienvenue .ville{
font-size:30px;
font-size:3rem}
#boutiques-groupe .telephone-unique span{
font-size:23px;
font-size:2.3rem}
.coupon{
width:85%;
font-size:16px;
font-size:1.6rem}
.coupon span a{
padding-bottom:10px}
.livraison p{
padding-bottom:3px;
line-height:24px;
line-height:2.4rem}
.boutiques .boutique,#chiffres-cartridge .donnees,#informations-boutiques .magasin{
width:90%}
footer p{
text-align:center;
float:none}
.mentions-legales{
width:100%;
margin:0 auto}
.mentions-legales p{
width:100%;
padding-top:5px}
#reseaux-sociaux{
width:80px;
margin:0 auto;
overflow:auto}
.nav-collapse,.nav-collapse.collapse{
overflow:hidden}
.nav-collapse .nav>li{
width:98%;
float:none}
.nav-collapse .nav>li>a{
margin-bottom:2px;
padding:6px 15px}
}
#offres-boutiques,#demande-tarifs{
-webkit-transform:translateZ(0);
-o-transform:translateZ(0);
-moz-transform:translateZ(0);
transform:translateZ(0)}
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-tmp iframe,.fancybox-tmp object{
vertical-align:top;
padding:0;
margin:0}
.fancybox-wrap{
position:absolute;
top:0;
left:0;
z-index:8020}
.fancybox-skin{
position:relative;
padding:0;
margin:0;
background:#f9f9f9;
color:#444;
text-shadow:none}
.fancybox-opened{
z-index:8030}
.fancybox-opened .fancybox-skin{
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{
padding:0;
margin:0;
position:relative;
outline:0}
.fancybox-inner{
overflow:hidden}
.fancybox-type-iframe .fancybox-inner{
-webkit-overflow-scrolling:touch}
.fancybox-error{
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:10px}
.fancybox-image,.fancybox-iframe{
display:block;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
vertical-align:top}
.fancybox-image{
max-width:100%;
max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
background-image:url('../img/fancybox-sprite.png')}
#fancybox-loading{
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8020}
#fancybox-loading div{
width:44px;
height:44px;
background:url('../img/fancybox-loading.gif') center center no-repeat}
.fancybox-close{
position:absolute;
top:-40px;
right:-10px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040}
.fancybox-nav{
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
background:transparent url('../img/blank.gif');
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040}
.fancybox-prev{
left:0}
.fancybox-next{
right:0}
.fancybox-nav span{
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden}
.fancybox-prev span{
left:20px;
background-position:0 -36px}
.fancybox-next span{
right:20px;
background-position:0 -72px}
.fancybox-nav:hover span{
visibility:visible}
.fancybox-tmp{
position:absolute;
top:-9999px;
left:-9999px;
padding:0;
overflow:visible;
visibility:hidden}
#fancybox-overlay{
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:#000}
#fancybox-overlay.overlay-fixed{
position:fixed;
bottom:0;
right:0}
.fancybox-title{
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050}
.fancybox-opened .fancybox-title{
visibility:visible}
.fancybox-title-float-wrap{
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8030;
text-align:center}
.fancybox-title-float-wrap .child{
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:bold;
line-height:24px;
white-space:nowrap}
.fancybox-title-outside-wrap{
position:relative;
margin-top:10px;
color:#fff}
.fancybox-title-inside-wrap{
margin-top:10px}
.fancybox-title-over-wrap{
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)}
#fancybox-overlay{
position:fixed!important}