html, body {
margin:0;
padding:0;
height:100%;
needed for container min-height */ font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#333333;
/*background-image:url(../images/fond5.jpg);*/
/*background-image:url(../images/light_noise_diagonal.png);*/
/*background-image: url('../images/light_noise_diagonal.png');*/
background-position:top center;
background-repeat: repeat;
}
/*
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('/../fonts/myriadpro/MYRIADPRO-REGULAR.woff') format('woff');
}
@font-face {
font-family: 'Campton Light DEMO';
src: url('Campton-LightDEMO.woff2') format('woff2'),
url('Campton-LightDEMO.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'lobster_1.3regular';
src: url('../fonts/lobster/lobster_1.3.eot');
src: url('../fonts/lobster/lobster_1.3.eot?#iefix') format('embedded-opentype'),
url('../fonts/lobster/lobster_1.3.woff') format('woff'),
url('../fonts/lobster/lobster_1.3.ttf') format('truetype'),
url('../fonts/lobster/lobster_1.3.svg#lobster_1.3regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neueregular';
src: url('../fonts/bebas/bebasneue-webfont.eot');
src: url('../fonts/bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas/bebasneue-webfont.woff2') format('woff2'),
url('../fonts/bebas/bebasneue-webfont.woff') format('woff'),
url('../fonts/bebas/bebasneue-webfont.ttf') format('truetype'),
url('../fonts/bebas/bebasneue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('../fonts/myriadpro/MYRIADPRO-BOLDCOND.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('../fonts/myriadpro/MYRIADPRO-COND.woff') format('woff');
}
@font-face {
font-family: 'code_boldregular';
src: url('../fonts/codebold/codebold.eot');
src: url('../fonts/codebold/codebold.eot?#iefix') format('embedded-opentype'),
url('../fonts/codebold/codebold.woff') format('woff'),
url('../fonts/codebold/codebold.ttf') format('truetype'),
url('../fonts/codebold/codebold.svg#code_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'itc_avant_garde_gothic_bookRg';
src: url('../fonts/itc/avantgardeitcbybt-book.eot');
src: url('../fonts/itc/avantgardeitcbybt-book.eot?#iefix') format('embedded-opentype'),
url('../fonts/itc/avantgardeitcbybt-book.woff') format('woff'),
url('../fonts/itc/avantgardeitcbybt-book.ttf') format('truetype'),
url('../fonts/itc/avantgardeitcbybt-book.svg#itc_avant_garde_gothic_bookRg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'avantgarde_bk_btdemi';
src: url('../fonts/AvantDemi/avgardd.eot');
src: url('../fonts/AvantDemi/avgardd.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvantDemi/avgardd.woff') format('woff'),
url('../fonts/AvantDemi/avgardd.ttf') format('truetype'),
url('../fonts/AvantDemi/avgardd.svg#avantgarde_bk_btdemi') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('../fonts/myriadpro/MYRIADPRO-BOLDCOND.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Condensed italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed italic'), url('../fonts/myriadpro/MYRIADPRO-CONDIT.woff') format('woff');
}
@font-face {
font-family: 'SegoeUI-Italic';
src: url('../fonts/segoe/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe/SegoeUI-Italic.woff') format('woff'), url('../fonts/segoe/SegoeUI-Italic.ttf') format('truetype'), url('../fonts/segoe/SegoeUI-Italic.svg#SegoeUI-Italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'segoe_uiregular';
src: url('../fonts/segoe/5834388143-webfont.eot');
src: url('../fonts/segoe/5834388143-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/segoe/5834388143-webfont.woff') format('woff'),
url('../fonts/segoe/5834388143-webfont.ttf') format('truetype'),
url('../fonts/segoe/5834388143-webfont.svg#segoe_uiregular') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'segoe_uiregular2';
src: url('../fonts/segoe/5834388143-webfont.eot');
src: url('../fonts/segoe/5834388143-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/segoe/5834388143-webfont.woff') format('woff'),
url('../fonts/segoe/5834388143-webfont.ttf') format('truetype'),
url('../fonts/segoe/5834388143-webfont.svg#segoe_uiregular') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'SegoeWP-SemiLight';
src: url('../fonts/segoe/SegoeWP-SemiLight.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe/SegoeWP-SemiLight.woff') format('woff'), url('../fonts/segoe/SegoeWP-SemiLight.ttf') format('truetype'), url('../fonts/segoe/SegoeWP-SemiLight.svg#SegoeWP-SemiLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoeWP-Light';
src: url('../fonts/segoe/SegoeWP-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe/SegoeWP-Light.woff') format('woff'), url('../fonts/segoe/SegoeWP-Light.ttf') format('truetype'), url('../fonts/segoe/SegoeWP-Light.svg#SegoeWP-Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoeWP-Bold';
src: url('../fonts/segoe/SegoeWP-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe/SegoeWP-Bold.woff') format('woff'), url('../fonts/segoe/SegoeWP-Bold.ttf') format('truetype'), url('../fonts/segoe/SegoeWP-Bold.svg#SegoeWP-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoeWP-Semibold';
src: url('../fonts/segoe/SegoeWP-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe/SegoeWP-Semibold.woff') format('woff'), url('../fonts/segoe/SegoeWP-Semibold.ttf') format('truetype'), url('../fonts/segoe/SegoeWP-Semibold.svg#SegoeWP-Semibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'abadi_mt_condensed_extra_boRg';
src: url('../fonts/abadiBold/4551411663-webfont.eot');
src: url('../fonts/abadiBold/4551411663-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/abadiBold/4551411663-webfont.woff') format('woff'),
url('../fonts/abadiBold/4551411663-webfont.ttf') format('truetype'),
url('../fonts/abadiBold/4551411663-webfont.svg#abadi_mt_condensed_extra_boRg') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/********** CHRISTMAS CSS ************/
/*@media screen and (min-width: 768px) {
#padding-for-header {
margin-top: 94px !important;
}
}
*/
.gagnez-credit-achat {display: none !important;}
.bonner-christmas.container-fluid {
max-width: 2115px;
background: #e64b43;
}
.bonner-christmas.container-fluid img {
width: 100%;
max-width: 1920px;
background: red;
margin: 0 auto;
display: block;
}
/**********************/
h1, h2, h3, div, span, p, ul, li {
border: 0;
padding: 0;
margin: 0;
}
h1 {
font-weight:bold;
line-height:1.1;
margin:0.4em 0;
font-family: "SegoeWP-Bold", Helvetica, sans-serif;
}
h2 {
font-weight: normal;
line-height:1.1;
font-family: "SegoeWP-SemiLight", Helvetica, sans-serif;
margin:0 0 0.5em;
}
p {
font-family: "segoe_uiregular",Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
color: #444444;
/*line-height: 1;*/
margin: 0 0 0.5em;
}
div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:1170px;
display:block;
margin-left: auto;
margin-right: auto;
height:auto; /* real browsers */
/*height:100%;*/ /* IE6: treaded as min-height*/
/* min-height:100%; *//* real browsers */
/*box-shadow: 0px 0px 15px #949494;
background-color: white;*/
}
div#header {
padding:0;
}
div#col_l {
width:180px;
padding:0;
float:left;
padding-right:10px;
text-align:left;
margin-bottom:30px;
}
div#col_r {
width:180px;
padding:0;
float:left;
padding-left:10px;
text-align:left;
margin-bottom:30px;
}
div#main {
margin-top:30px;
width:570px;
padding-left:10px;
padding-right: 10px;
float:left;
text-align:justify;
margin-bottom:30px;
}
.alert-danger {
color: #fff !important;
padding: 3px 8px !important;
margin: 0 !important;
background: #e74c3c !important;
}
div#mainproduit {
width:940px;
text-align:left;
margin-top:5px;
border: 1px solid #cccccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #FFFFFF;
behavior: url(css/PIE.htc);
padding:15px;
}
div#main2 {
width:100%;
height:auto;
padding:0;
float:left;
}
div#maincol {
width:780px;
padding:10;
float:left;
margin-top:30px;
margin-bottom:30px;
}
div#main_l {
margin-top:30px;
width:360px;
padding-left:10px;
padding-right: 10px;
float:left;
text-align:justify;
margin-bottom:30px;
}
div#main_r {
margin-top:30px;
width:500px;
padding-left:10px;
padding-right: 10px;
float:left;
text-align:justify;
margin-bottom:30px;
}
div#navigation {
border-right:thin #cccccc solid;
float:left;
text-align:center;
padding-left:10px;
padding-right:10px;
vertical-align:top;
}
div#langues {
width: 93px;
margin-left:845px
}
.spacer {
padding-left:10px;
padding-right:10px;
}
.menu {
font-family: "segoe_uiregular" Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration:none;
}
.sub_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
text-decoration:none;
}
.sub_menu:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:F9A703;
text-decoration:underline;
}
.textlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
font-weight: normal;
}
.textlink:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F9A703;
font-weight: normal;
}
.esp {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration:none;
}
.esp:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #F9A703;
text-decoration:underline;
}
.undermenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration:none;
line-height:1;
}
.legende {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: normal;
}
.legende2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: normal;
}
.legendeorange {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #F9A703;
font-weight: normal;
}
.messages {
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 12px;
color: #333333;
font-weight: normal;
}
.intitule {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
font-weight: bold;
}
.formulaires {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: normal;
}
.head1 {
font:2em Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:000000;
line-height: 1.2;
margin: 1.5em 11px 1.5em;
}
.head2 {
font:1.7em Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#444444;
line-height:1.1;
margin:1.5em 0 1.5em;
}
.head3 {
font:1.5em Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:1.5em 0 1.5em;
line-height:1.1;
color:#000000;
}
.head2orange {
font:1.7em Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#F17051;
line-height:1.1;
margin:1.5em 0 1.5em;
}
.orangehead4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: normal;
}
.orange {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:1.1;
color: #FDA408;
font-weight: bold;
}
.normalorange {
font:1.7em Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#F17051 !important;
line-height:1.1;
margin:1.5em 0 1.5em;
}
.spacer {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}
.boxfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #444444;
margin:0 0 0;
font-weight: normal;
}
.style1 {
color: #FFFFFF
}
.style2 {
color: #444444
}
.black {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
line-height:1.1;
font-weight: normal;
text-decoration: none;
}
.white {
color: #ffffff;
}
.roundedcase {
width:155px;
padding:10px;
position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 0px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#E1E1E1));
background: -moz-linear-gradient(#ffffff, #E1E1E1);
-pie-background: linear-gradient(#ffffff, #E1E1E1);
behavior: url(css/PIE.htc);
}
.roundedcasePanier {
width:159px;
padding:10px;
position:relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #000000;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#000000));
background: -moz-linear-gradient(#444444, #000000);
-pie-background: linear-gradient(#444444, #000000);
behavior: url(css/PIE.htc);
}
.shadowcase {
width:155px;
padding:10px;
position:relative;
margin-bottom:10px;
padding-left:10px;
border: 1px solid #cccccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #FFFFFF;
-webkit-box-shadow: #E4E4E4 0px 2px 5px;
-moz-box-shadow: #E4E4E4 0px 2px 5px;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
height: 450px;
}
.pictocase {
width:155px;
position:relative;
padding:3px;
border: 1px solid #cccccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #FFFFFF;
-webkit-box-shadow: #E4E4E4 0px 2px 5px;
-moz-box-shadow: #E4E4E4 0px 2px 5px;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
}
.colorcase {
width:15px;
height:15px;
position:relative;
margin-bottom:10px;
border: 1px solid #cccccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #E4E4E4 0px 2px 2px;
-moz-box-shadow: #E4E4E4 0px 2px 2px;
box-shadow: #E4E4E4 0px 2px 2px;
behavior: url(css/PIE.htc);
float:left;
}
.shadowcase_orange_text {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
.shadowcase_orange {
width:155px;
padding:10px;
position:relative;
margin-bottom:10px;
padding-left:10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #FDA408;
-webkit-box-shadow: #E4E4E4 0px 2px 5px;
-moz-box-shadow: #E4E4E4 0px 2px 5px;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
}
.button_orange {
position:relative;
width:174px;
padding:3px;
margin-top:0px;
margin-bottom:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #FDA408;
-webkit-box-shadow: #E4E4E4 0px 2px 5px;
-moz-box-shadow: #E4E4E4 0px 2px 5px;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
}
.button_red {
position:relative;
width:174px;
padding:3px;
margin-top:0px;
margin-bottom:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #990000;
-webkit-box-shadow: #E4E4E4 0px 2px 5px;
-moz-box-shadow: #E4E4E4 0px 2px 5px;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
}
.button_green {
position:relative;
width:174px;
padding:3px;
margin-top:0px;
margin-bottom:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color: #006600;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #ffffff;
-webkit-box-shadow: #E4E4E4 0px 2px 5px;
-moz-box-shadow: #E4E4E4 0px 2px 5px;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
}
.button-orange {
padding: 10px;
position: relative;
margin-bottom: 10px;
padding-left: 10px;
border: 1px solid #cccccc;
border-radius: 8px;
background: #FDA408;
box-shadow: #E4E4E4 0px 2px 5px;
behavior: url(css/PIE.htc);
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}
.btn {
width: 100%;
}
/*.btn a {
font-size:20px;
color:white;
text-shadow:1px 1px 2px black;
} */
ul.puce li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration:none;
list-style-type: none;
background-color:#f2f2f2;
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 16px;
padding-bottom:4px;
}
ul.puce:hover li:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5bbcac;
text-decoration:underline;
list-style-type: none;
background-color:#f2f2f2;
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 16px;
padding-bottom:4px;
}
.linknormal {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #444444;
line-height:1.4;
margin:0 0 0.5em;
text-decoration: none;
}
.linknormal:hover {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #222222;
line-height:1.4;
margin:0 0 0.5em;
text-decoration: none;
}
.list-promo{
margin:3px 0px;
}
/*********************RS*****************************/
#social_hub
{
z-index: 0;
position: fixed;
right: 0;
padding: 0;
margin-top: 70px;
top: 127px;
}
#RS{overflow: hidden;}
#social_hub #RS a{
right: -95px;
display: block;
position: relative;
z-index: 5;
background: silver;
width: 137px;
height: 50px;
margin-bottom: 5px;
color: white;
border-radius: 23px 0px 0px 23px;
transition-duration: 0.5s;
font-family: 'lobster_1.3regular';
font-size: 25px;
padding-left: 17px;
}
#social_hub #RS .google1
{
right: -95px;
display: block;
position: relative;
z-index: 5;
background: silver;
width: 137px;
height: 50px;
margin-bottom: 5px;
color: white;
border-radius: 23px 0px 0px 23px;
transition-duration: 0.5s;
font-family: 'lobster_1.3regular';
font-size: 25px;
padding-left: 17px;
}
#social_hub #RS .google1:hover{
right: 0px;
}
#social_hub #RS a:hover{
right: 0px;
}
#social_hub #RS .fb
{
background-color: #3B579D;
}
#social_hub #RS .twitter
{
background-color: #00ACEE;
}
#social_hub #RS .google
{
background-color: #E6443E;
}
#social_hub #RS .google1
{
background-color: #E6443E;
}
#social_hub #RS .fbImage
{
width: 34%;
position: absolute;
right: 96px;
}
#social_hub #RS .fbTexte
{
position: absolute;
left: 41px;
margin: 7px 0px 0px 18px;
}
#social_hub #RS .twImage
{
width: 20%;
position: absolute;
right: 104px;
top: 12px;
}
#social_hub #RS .twtexte
{
position: absolute;
left: 50px;
margin: 7px 0px 0px 18px;
}
#social_hub #RS .googleImage
{
width: 20%;
position: absolute;
right: 104px;
top: 12px;
}
#social_hub #RS .googletexte
{
position: absolute;
left: 43px;
margin: 7px 0px 0px 18px;
}
#googleId{border: solid 4px;}
/*#container{height: 190% !important;height: auto !important}*/
.DemandeDevisCasquette{left:40% !important;}
.google1-2{position: relative;
top: 16px;
opacity: 1;
left: 62px;}
#social_hub #RS .googletexte
{
margin: -14px 0px 0px 25px !important;
}
.accroche
{
display: block;
position: absolute;
top: -102px;
left: -155px;
width: 280px;
height: 84px;
}
.devis {
font-size: 17px !important;
border-radius: 3px !important;
font-family: 'SegoeWP-Bold' !important;
margin: 10px 0px !important;
}
/*MEDIA QUERIES pour enlever accroche reseaux sociaux dès 1024px pour un ecran*/
@media screen and (max-width: 1304px) {
#social_hub
{display: none;}
}
@media screen and (max-width: 1613px) {
#schub_accroche {
display:none;
}
}
/*BANNIERE NOËL*/
#banniere-noel
{
width: 970px;
background-image: url("../images/banniere-noel.jpg");
background-repeat: no-repeat;
height: 60px;
}
/*FOOTER*/
/*PAGE ERREUR.PHP*/
#erreur
{
width: 970px;
height: 204px;
background:url("../images/formulaire/CompteClient.jpg") no-repeat;
z-index: 9;
text-align: center;
margin:0 auto;
}
#logoErreur
{
z-index: 99;
width: 100%;
height: 206px;
-webkit-animation: bounce 0.35s ease infinite alternate;
@-webkit-animation: bounce 0.35s ease infinite alternate;
}
@keyframes bounce{
from {transform: translateY(0);}
to {transform: translateY(-20px);}
}
@-webkit-keyframes bounce{
from {transform: translateY(0);}
to {transform: translateY(-20px);}
}
#textErreur
{
text-align: center;
}
#textErreur .attention
{
font-family: 'Myriad Pro Bold Condensed';
font-size: 80px !important;
color: black !important;
line-height: 1 !important;
}
#textErreur p{font-family: 'Myriad Pro Condensed italic' !important;
font-size: 61px;
line-height: 1;
margin: 60px 0px 150px 0px;}
#erreur p {
font-family: 'Myriad Pro Condensed italic';
font-size: 115px !important;
color: white;
margin-top: 55px;
}
.ReseauxSociaux
{
width: 100%;
float: left;
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
.ReseauxSociaux ul
{
width: 390px;
margin-left: auto;
margin-right: auto;
}
.ReseauxSociaux ul li
{
float: left;
margin-right: 7px;
margin-left: 0px ;
}
#icon_fb, #icon_tw, #icon_insta, #icon_gplus, #icon_pinterest
{
-webkit-transition: background 0.2s ease, box-shadow 0s ease;
-moz-transition: background 0.2s ease, box-shadow 0s ease;
-ms-transition: background 0.2s ease, box-shadow 0s ease;
-o-transition: background 0.2s ease, box-shadow 0s ease;
transition: background 0.2s ease, box-shadow 0s ease;
}
#icon_fb
{
background: url('../images/footer/icon-fb.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_tw
{
background: url('../images/footer/icon-twitter.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_insta
{
background: url('../images/footer/icon-insta.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_gplus
{
background: url('../images/footer/icon-gplus.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_pinterest
{
background: url('../images/footer/icon-pinterest.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_fb:hover
{
background: url('../images/footer/icon-hover-fb.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_tw:hover
{
background: url('../images/footer/icon-hover-twitter.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_insta:hover
{
background: url('../images/footer/icon-hover-insta.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_gplus:hover
{
background: url('../images/footer/icon-hover-gplus.png') no-repeat;
height: 63px;
width: 63px;
}
#icon_pinterest:hover
{
background: url('../images/footer/icon-hover-pinterest.png') no-repeat;
height: 63px;
width: 63px;
}
/*#Header-LP {
padding-top: 54px !important;
}
*/
/*BOUTTON LP FLAT DESIGN */
.button-design
{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 300px;
display: block;
background-color: #00cd69;
color: #fff;
text-align: center;
padding: 17px 0px 18px 0px;
font-size: 16px;
border-radius: 50px;
text-shadow: none!important;
margin: 20px auto 40px auto;
}
.button-design-lp-produit
{
border-bottom: 5px solid #21b875 !important;
padding-top: 12px;
text-decoration: none;
overflow: hidden;
background-color: #00cd69;
color: white !important;
font-size: 20px;
font-family: 'SegoeWP-SemiLight';
max-width: 360px;
height: 59px;
text-align: center;
margin-left: auto;
margin-right: auto;
border-radius: 0px !important;
display: block !important;
transition-duration: 0.2s;
bottom: 120px;
position: relative;
}
.button-design:hover, .button-design-lp-produit:hover
{
background-color: #00bd61;
transition-duration: 0.2s;
color: #fff !important;
}
.button-design:focus
{
color: #fff !important;
}
.button-design > img { position: absolute;
left: 15px;
bottom: 11px;
width: 10%;}
#visuelsProd{height: 0px !important;}
/*css pour page*/
.container-fluid {padding-left: 0px !important;padding-right: 0px !important;}
.accroche{display: none !important;}
/******************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
outline: none;
}
/*media queries pour espacement content barre de nav */
/*
@media screen and (min-width: 767px) {
.content{margin-top: 54px !important;}
}
*/
@media screen and (max-width: 767px) {
.content{margin-top: 60px !important;}
}
-->
.loader {
z-index: 1 !important;
text-align: center;
position: absolute;
top: 42%;
width: 100%;
}
object{
z-index: 1 !important;
}
.button-declinaison
{
background: #1aa466;
}
#container #header > div:first-child
{
z-index: 1 !important;
}
/*Information produit*/
div#information-produit {
/* width: 100%;*/
border: 1px solid #f1f1f1;
padding-left: 0;
margin-top: 150px;
}
ul.list-inline.info-tabs li{
color: #3d3d3d;
padding: 10px;
background: #fff;
cursor: pointer;
border-bottom: 3px solid #fff;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
ul.list-inline.info-tabs li:hover {
border-bottom: 3px solid #5bbcac;
}
ul.list-inline.info-tabs li.active {
border-bottom: 3px solid #5bbcac;
background: #f1f1f1;
}
div#tableautaille > img {
width: 16%!important;
height: initial;
bottom: 25px;
position: relative;
}
.img-price {
float: left;
}
.price-pourcent ul {
float: right;
font-size: 16px;
font-family: 'SegoeWP-SemiLight';
position: relative;
top: 40px;
}
.price-pourcent ul li {
list-style-type: none;
}