html { background: #ebebeb }
body { background: #fff; font-family: 'GothamRndLight'; font-size: 16px; margin: 0 30px }
body.content_only { margin: 0 }
.container.main,
.container.account { min-height: 300px; padding: 30px 15px }
.container.products { padding: 30px 15px 0 15px }
/*************************************************************************************************************
**************************************** INDEX ******************************************
**************************************************************************************************************/
#header {
background: #0e0e0e;
position: relative;
z-index: 1000;
}
#header #header_logo {
float: left;
position: relative;
z-index: 12;
}
#header #mainmenu {
float: left;
margin-left: 10px;
}
#header #mainmenu > ul {
list-style: none;
padding: 0;
margin: 46px 0 0 0;
}
#header #mainmenu > ul > li > ul { display: none }
#header #mainmenu > ul > li:first-child > a { font-family: 'GothamRndMedium' }
#header #mainmenu > ul > li {
float: left;
font-size: 18px;
padding: 0 25px 9px 25px;
}
#header #mainmenu li a {
color: #fff;
}
/* Sous-menu LG-MD */
@media (min-width: 1052px) {
#header #mainmenu > ul > li:first-child .submenu {
background: #f0f0f0;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
left: 50%;
margin: 9px 0 0 -570px;
min-height: 0;
max-height: 0;
overflow: hidden;
position: absolute;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
width: 1140px;
}
#header #mainmenu > ul > li:first-child:hover .submenu { min-height: 350px; max-height: 500px }
#header #mainmenu li .submenu ul {
padding: 35px 40px;
}
#header #mainmenu li ul li {
display: block;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
width: 260px;
z-index: 1;
}
header #mainmenu li ul li:hover { padding-left: 20px; z-index: 2 }
#header #mainmenu li ul li a {
color: #1c1c1c;
display: block;
font-family: 'GothamRndBook';
font-size: 14px;
padding: 9px 0 9px 30px;
position: relative;
}
#header #mainmenu li ul li:hover a { color: #b4293c; text-decoration: none; }
#header #mainmenu li ul li a i {
background-position: -112px -40px;
height: 25px;
left: 0;
position: absolute;
top: 6px;
width: 25px;
}
#header #mainmenu li ul li:hover a i { background-position: -216px -40px }
header #mainmenu li ul li div {
left: 300px;
opacity: 0;
position: absolute;
right: 40px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
top: 35px;
z-index: 1;
}
header #mainmenu li ul li:hover div { opacity: 1; z-index: 2; }
header #mainmenu li ul li div p {
color: #333;
float: left;
font-size: 36px;
text-transform: uppercase;
width: 40%;
}
header #mainmenu li ul li div img {
float: left;
margin-left: 5%;
width: 50%;
}
}
#languages, #header-cart, #infos-client, #header-search {
float: right;
}
#header-cart {
margin: 11px 0 0 15px;
}
#infos-client .logout {
background: url('../img/sprite-icons.png') no-repeat -250px -110px;
}
#infos-client .logout,
#header-cart > span {
background-color: #b4293c;
border-radius: 50%;
color: #fff;
display: block;
height: 26px;
line-height: 26px;
margin: 0 0 0 4px;
text-align: center;
width: 26px;
}
#header-cart > span { margin-bottom: 1px }
#header-cart > a {
text-decoration: none;
}
#header-cart > a .icon {
background-position: 0 0;
}
#header-cart .cart_block {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
display: none;
margin-right: -570px;
position: absolute;
right: 50%;
top: 73px;
width: 300px;
z-index: 100;
}
#header-cart .cart_block .block_content { background: #b4293c; margin: 8px 0 0 0 }
#header-cart .cart_block .products {
background: #f0f0f0;
margin: 8px 0 0 0;
}
#header-cart .cart_block .products dt {
border-bottom: 1px solid #e5e5e5;
font-size: 0;
padding: 15px 0;
position: relative;
overflow: hidden;
}
#header-cart .cart_block .products dt a.cart-images {
display: inline-block;
padding: 0 0 0 15px;
vertical-align: top;
width: 25%;
}
#header-cart .cart_block .products dt a.cart-images img {
display: block;
width: 100%;
}
#header-cart .cart_block .products dt .cart-info {
font-family: 'GothamRndBook';
font-size: 14px;
font-weight: normal;
display: inline-block;
padding: 0 15px;
vertical-align: middle;
width: 75%;
}
#header-cart .cart_block .products dt .cart-info .product-name {
margin-bottom: 5px;
}
#header-cart .cart_block .products dt .cart-info .product-name a {
color: #2d2b33
}
#header-cart .cart_block .products dt .cart-info .product-atributes a {
color: #999;
}
#header-cart .cart_block .products dt .cart-info .price {
color: #000;
font-family: 'GothamRndLight';
font-size: 20px;
}
#header-cart .cart_block .products dt .remove_link {
bottom: 15px;
position: absolute;
right: 5px;
}
#header-cart .cart_block .products dt .remove_link a { background-position: -34px -36px; }
#header-cart .cart_block .cart-prices {
overflow: hidden;
padding: 15px 0;
}
#header-cart .cart_block .cart-prices .cart-prices-line {
clear: both;
color: #fff;
margin-left: 25%;
padding: 0 15px;
width: 75%;
}
#header-cart .cart_block .cart-prices .cart-prices-line span {
font-size: 14px;
float: left;
padding: 5px 0 0 0;
}
#header-cart .cart_block .cart-prices .cart-prices-line span.price {
font-size: 20px;
float: right;
padding: 0;
}
#header-cart .cart_block .cart-prices .cart-prices-line span.ajax_cart_shipping_cost { font-size: 14px }
#header-cart .cart_block .cart-prices .cart-prices-line span.ajax_cart_shipping_cost + span { padding: 0; }
#header-cart .cart_block .cart-buttons {
margin: 0 0 0 25%;
padding: 0 15px;
}
#header-cart .cart_block .cart-buttons .btn {
border: 2px solid #fff;
border-radius: 2px;
font-size: 18px;
height: auto;
margin: 0 0 15px 0;
padding: 8px 65px 9px 15px;
text-align: left;
width: 100%;
}
#header-cart .cart_block .cart-buttons .btn i { background-position: 0 0 }
#header-cart .cart_block .cart-buttons .btn:hover i { background-position: -34px 0 }
#infos-client {
margin: 37px 0 0 15px;
}
#infos-client.logged { margin: 11px 0 0 15px; }
#infos-client a {
text-decoration: none;
}
#infos-client a .icon {
background-position: -210px -209px
}
#infos-client .account-links {
display: none;
}
#header-search {
margin: 37px 0 0 15px;
position: relative;
}
#header-search > a {
text-decoration: none;
}
#header-search > a .icon {
background-position: -70px 0px
}
#header-search #searchbox {
display: none;
position: absolute;
right: 0;
top: 43px;
width: 580px;
z-index: 5;
}
#header-search #searchbox input {
background: #000;
border: 0;
border-radius: 0;
color: #fff;
font-size: 18px;
float: left;
height: 55px;
padding: 15px;
width: 500px;
}
#header-search #searchbox button {
background: #000;
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
float: left;
height: 55px;
text-transform: uppercase;
width: 80px;
}
body .ac_results {
border: 0;
display: block;
z-index: 5;
}
body .ac_results li {
color: #2d2b33;
font-size: 18px;
padding: 15px 30px 15px 30px;
}
body .ac_results li.ac_odd { background: #ebebeb; }
body .ac_results li.ac_even { background: #dfdedd; }
body .ac_results li.ac_over { background: #333; color: #fff; cursor: pointer }
#languages ul {
font-size: 14px;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#languages li {
float: left;
}
#languages li span {
color: #fff;
display: block;
padding: 7px 13px;
}
#languages li.selected span,
#languages li:hover span {
background: #fff;
color: #000;
}
#languages li a {
text-decoration: none;
}
#homepage-slider {
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.flex-direction-nav .flex-prev {
display: none;
}
.flex-direction-nav .flex-next {
display: none;
}
}
#homepage-slider .homeslider-description {
top: 50%;
color: #fff;
font-size: 24px;
left: 50%;
margin: -200px 0 0 -575px;
position: absolute;
width: 520px;
}
#homepage-slider .homeslider-description .homeslider-title span {
color: #fff;
display: block;
font-size: 66px;
line-height: 78px;
text-transform: uppercase;
}
#homepage-slider .homeslider-description .homeslider-title span.bold {
font-family: 'GothamBold';
font-size: 57px;
}
#homepage-slider .homeslider-description a.btn {
margin: 40px 0 0 0;
}
#homepage-slider .flex-direction-nav {
height: 64px;
left: 0;
margin: -32px 0 0 0;
position: absolute;
right: 0;
top: 50%;
}
#homepage-slider .flex-direction-nav a {
background-color: #000;
height: 64px;
margin: -32px 0 0 0;
opacity: 0.7;
position: absolute;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 64px;
z-index: 99;
}
#homepage-slider .flex-direction-nav a:hover { opacity: 1 }
#homepage-slider .flex-direction-nav a.flex-prev { left: 0 }
#homepage-slider .flex-direction-nav a.flex-next { right: 0 }
#homepage-slider .flex-direction-nav a i {
margin: 15px auto 0 auto;
}
#homepage-slider .flex-direction-nav a.flex-prev i { background-position: -106px 0 }
#homepage-slider .flex-direction-nav a.flex-next i { background-position: -140px 0 }
#index main {
clear: both;
padding: 30px 15px 0 15px;
}
#index .bloc-link .link:hover { text-decoration: none }
#index .single {
padding: 0 15px 30px 15px;
}
#index .single .bg {
height: 420px;
position: relative;
}
#index .single .bg {
color: #fff;
padding: 25px;
}
#index .single .bg .title-bloc {
font-size: 40px;
margin: 0 0 -5px 0;
text-transform: uppercase;
}
#index .single .bg .subtitle-bloc {
font-size: 15px;
font-family: 'GothamBold';
text-transform:none;
}
#index .single .bg .link {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
}
#index .multi {
padding: 0 0 30px 0;
}
#index .multi .left > div {
color: #333;
height: 210px;
padding: 20px;
position: relative;
}
#index .multi .left .first {
display: inline-block;
padding: 0 0 30px 0;
width: 100%;
}
/* FIRST */
#index .multi .left .first a,
#index .multi .left .first span {
color: #fff;
display: inline-block;
font-size: 22px;
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
}
#index .multi .left .first a { padding-top: 70px; text-transform:uppercase; }
#index .multi .left .first span { padding-top: 55px; }
/* NORMAL */
#index .multi .left > div .title-bloc {
font-size: 22px;
margin: 0 0 -3px 0;
text-transform: uppercase;
}
#index .multi .left > div .subtitle-bloc {
font-size: 15px;
font-family: 'GothamBold';
text-transform:none;
}
#index .multi .left > div .link {
bottom: 20px;
color: #333;
font-family: 'GothamRndMedium';
font-size: 16px;
position: absolute;
left: 20px;
}
#index .multi .right > div {
color: #333;
display: inline-block;
height: 420px;
padding: 20px;
position: relative;
width: 100%;
}
#index .multi .right > div .title-bloc {
font-size: 22px;
margin: 0 0 -3px 0;
text-transform: uppercase;
color:#000;
}
#index .multi .right > div .subtitle-bloc {
font-size: 15px;
font-family: 'GothamBold';
text-transform:none;
color:#000;
}
#index .multi .right > div .link {
bottom: 20px;
color: #333;
font-family: 'GothamRndMedium';
font-size: 16px;
position: absolute;
right: 20px;
}
#footer {
background: #ebebeb;
}
#footer > .container { padding: 30px 15px }
#footer #reinsurance {
background: #b4293c;
color: #fff;
padding: 15px 0;
}
#footer #reinsurance .border {
border: 1px solid #da949e;
margin: 15px 0;
padding: 10px;
text-align: center;
}
#footer #reinsurance .border img {
display: block;
margin: 0 auto;
}
#footer h5 {
color: #141414;
font-family: 'GothamRndMedium';
font-size: 16px;
margin: 0 0 6px 0;
}
#footer .categories,
#footer .links,
#footer .social {
margin: 0 0 30px 0;
}
#footer .categories ul,
#footer .links ul,
#footer .social ul {
font-size: 14px;
list-style: none;
margin: 0 0 px 0;
padding: 0;
}
#footer .categories li,
#footer .links li {
padding: 3px 0;
}
#footer .categories li a,
#footer .links li a {
color: #141414;
}
#footer .newsletter p {
color: #141414;
font-size: 14px;
line-height: 25px;
margin: 0 0 10px 0;
}
#footer .newsletter form {
margin: 14px 0 25px 0;
overflow: hidden;
}
#footer .newsletter .form-group input {
border: 1px solid #2b2b2b;
border-radius: 2px 0 0 2px;
color: #666;
float: left;
font-size: 14px;
height: 42px;
line-height: unset;
padding: 10px;
width: 60%;
}
#footer .newsletter .form-group button {
background: #000;
border-radius: 0 2px 2px 0;
float: left;
font-family: 'GothamRndBook';
font-size: 14px;
height: 42px;
padding: 10px 5px;
margin: 0 0 0 -3px;
width: 40%;
}
#footer .social li {
float: left;
margin: 5px 0 0 13px;
}
#footer .social li:first-child { margin: 5px 0 0 0; }
#footer .social li a {
background: url('../img/sprite-icons.png') no-repeat -14px -151px;
display: block;
height: 46px;
width: 46px;
}
#footer .social li.facebook a:hover { background-position: -14px -82px }
#footer .social li.twitter a { background-position: -82px -152px }
#footer .social li.twitter a:hover { background-position: -82px -82px }
#footer .social li.google-plus a { background-position: -152px -152px }
#footer .social li.google-plus a:hover { background-position: -152px -82px }
@media (max-width: 1260px) {
#header #mainmenu > ul > li { float: left; font-size: 16px; padding: 0 15px }
#header-cart { margin: 12px 0 0 10px }
#header-cart .cart_block { margin-right: -470px; }
#infos-client, #search { margin: 37px 0 0 10px }
#homepage-slider .homeslider-description { font-size: 16px; margin: -140px 0 0 -470px; width: 400px }
#homepage-slider .homeslider-description .homeslider-title span { font-size: 50px; line-height: 39px }
#homepage-slider .homeslider-description .homeslider-title span.bold { font-size: 32px }
}
@media (max-width: 1052px) {
body { margin: 0 }
#header #menu-mobile { float: left; margin: 36px 0 0 10px; position: relative; z-index: 12 }
#header #menu-mobile i { background-position: -210px -105px }
#header #menu-mobile.open i { background-position: -245px -70px }
#header #mainmenu { background: rgba(0, 0, 0, 0); bottom: 0; left: -101%; margin: 0; position: fixed; width: 100%; top: 0; transition: background 0.3s ease 0s; z-index: 0; }
#header #mainmenu.open { background: rgba(0, 0, 0, 0.5);left: 0; z-index: 10; }
#header #mainmenu > ul { background: #0e0e0e; height: 100%; left: -101%; margin: 0; padding-top: 80px; position: absolute; transition: all 0.3s ease 0s; width: 50% }
#header #mainmenu.open > ul { left: 0 }
#header #mainmenu.scrolled { top: 0 }
#header #mainmenu.scrolled > ul { padding-top: 0; }
#header #mainmenu li { width: 100% }
#header #mainmenu > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; font-size: 18px; padding: 20px 70px 20px 20px; position: relative; width: 100%; }
#header #mainmenu > ul > li > a:after { background: url('../img/sprite-icons.png') no-repeat -140px -5px; content: ""; height: 35px; margin: -12px 0 0 0; position: absolute; right: 20px; top: 50%; width: 35px; }
#header #mainmenu > ul > li:first-child > a:after { background: url('../img/sprite-icons.png') no-repeat -210px -145px; }
#header #mainmenu > ul > li:first-child > a.open:after { background: url('../img/sprite-icons.png') no-repeat -246px -145px; }
#header #mainmenu > ul > li > a:hover { background: #b4293c; text-decoration: none; }
#header #mainmenu > ul > li > a + .submenu { max-height: 0; overflow: hidden; transition: all 0.3s ease 0s }
#header #mainmenu > ul > li > a.open { background: #b4293c; text-decoration: none; }
#header #mainmenu > ul > li > a.open + .submenu { max-height: 500px; overflow: hidden }
#header #mainmenu > ul > li li a { display: block; padding: 15px 0 5px 50px }
#header #mainmenu > ul > li li a i { display: none }
#header #mainmenu li ul li div { display: none }
#languages { margin: 0 0 0 -90px; position: fixed; bottom: -100px; left: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 100 }
#languages.open { bottom: 10px }
#header-cart .cart_block { margin-right: -360px; }
#header-cart .arrow-up { right: 9px }
#header-search { position: static }
#header-search #searchbox { left: 0; top: auto; width: 100% }
#header-search #searchbox input { width: 80% }
#header-search #searchbox button { width: 20% }
body .ac_results { width: 100% !important }
#homepage-slider .homeslider-description { margin: -140px 0 0 -360px; width: 350px }
#index .single, #index .multi { float: left; width: 100%; }
#footer #reinsurance { font-size: 14px }
#footer .newsletter p { display: none; }
#footer .social li { display: inline-block; float: none; margin-left: 10px; }
}
@media (max-width: 767px) {
#header #mainmenu ul { width: 80% }
#homepage-slider { overflow: hidden; }
#homepage-slider .bx-wrapper { min-width: 400px }
#homepage-slider .homeslider-description { font-size: 14px; left: 20px; margin: 0; top: 80px; width: 285px }
#homepage-slider .homeslider-description .homeslider-title span { font-size: 34px; line-height: 30px }
#homepage-slider .homeslider-description .homeslider-title span.bold { font-size: 22px }
#homepage-slider .homeslider-description > div { display: none }
#homepage-slider .homeslider-description a.btn { margin: 10px 0 0 0; padding: 10px 50px 10px 20px;}
#homepage-slider .bx-controls { display: none }
#header-cart .cart_block { margin-right: 0; right: 0px }
#header-cart .arrow-up { right: 22px }
#index main { padding: 15px 15px 0 15px }
#index .single, #index .multi, #index .multi .left, #index .multi .left .first { padding-bottom: 15px }
#footer #reinsurance { font-size: 16px; padding: 0; }
}
@media (max-width: 500px) {
#infos-client, #infos-client.logged, #header-search, #header-cart { margin-left: 10px }
#header-cart .cart_block { width: 100% }
#header #mainmenu > ul > li > a { padding: 15px 70px 15px 20px; }
#homepage-slider .homeslider-description { top: 30px }
#homepage-slider .homeslider-description .homeslider-title span { font-size: 28px }
#homepage-slider .homeslider-description .homeslider-title span.bold { font-size: 18px }
#homepage-slider .homeslider-description a.btn { font-size: 18px; height: auto; margin: 0; padding: 5px 50px 5px 15px; }
#footer { text-align: center }
}
/*************************************************************************************************************
*************************************** CATEGORY ****************************************
**************************************************************************************************************/
#category {
}
#category header.page-heading h1 {
margin: 60px 0 20px 0;
text-transform: uppercase
}
#category header.page-heading .description {
color: #fff;
font-family: 'GothamRndBook';
font-size: 16px;
}
#category header.page-heading .category-img img {
float: right;
}
#subcategories {
background: #f6f6f6;
}
#subcategories ul {
list-style: none;
}
#subcategories li {
float: left;
margin: 0 10px 0 0;
padding: 15px;
}
#subcategories li.active,
#subcategories li:hover { background: #fff }
#subcategories h2 {
margin: 0;
}
#subcategories a {
color: #333;
display: block;
font-family: 'GothamRndBook';
font-size: 14px;
text-align: center;
width: 100px;
}
#subcategories a { text-decoration: none }
#subcategories img {
display: block;
}
.products #filters {
}
.products #layered_form {
margin: 0 0 25px 0;
}
.products #enabled_filters ul {
list-style: none;
margin: 0;
padding: 0;
}
.products #enabled_filters.active ul { margin-top: 10px }
.products #enabled_filters ul li {
color: #333;
font-family: 'GothamRndBook';
font-size: 14px;
float: left;
margin: 0 30px 0 0;
padding: 5px 50px 5px 0;
position: relative;
}
.products #enabled_filters ul li a {
background:url('../img/sprite-icons.png') no-repeat -36px -38px;
height: 30px;
margin: -15px 0 0 0;
position: absolute;
right: 10px;
top: 50%;
width: 30px;
}
#pagination_bottom .showall {
clear: both;
float: right;
}
#pagination_bottom button {
border: 0;
background: none;
}
#pagination_bottom ul {
clear: both;
font-family: "GothamRndMedium";
font-size: 16px;
font-weight: normal;
margin: 15px 0;
}
#pagination_bottom ul li {
float: left;
margin: 0 5px;
}
#pagination_bottom ul li.active span, #pagination_bottom ul li:hover a { background: #b4293c; border-color: #b4293c; color: #fff; text-decoration: none; }
#pagination_bottom ul li > a, #pagination_bottom ul li > span {
border: 1px solid #e5e5e5;
color: #333;
display: block;
height: 100%;
padding: 10px 12px;
text-align: center;
width: 38px;
}
#pagination_bottom ul li.pagination_previous > a, #pagination_bottom ul li.pagination_previous > span,
#pagination_bottom ul li.pagination_next > a, #pagination_bottom ul li.pagination_next > span { width: auto; }
#pagination_bottom ul li.active a { color: #b4293c }
#pagination_bottom ul li b {
font-weight: normal;
}
.banner {
color: #fff;
padding: 160px 0;
text-align: center;
}
.banner h4 {
font-size: 48px;
margin-top: 50px;
}
@media (max-width: 1052px) {
header.page-heading h1 { font-size: 36px; margin: 20px 0 }
header.page-heading .sub-heading { margin: -10px 0 0 }
#category header.page-heading .category-img img { float: none; margin: 0 auto }
.products #filters .layered_filter { margin-top: 15px }
}
@media (max-width: 767px) {
header.page-heading h1 { font-size: 28px }
}
/*************************************************************************************************************
*************************************** PRODUCT *****************************************
**************************************************************************************************************/
#product .content {
}
#product .frame {
padding: 25px;
}
#product .frame .container { padding: 0; width: 100% }
#product h1 {
color: #000;
font-size: 48px;
}
#product .frame h1 { margin: 0 0 10px 0 }
#product #image-block {
padding: 15px;
position: relative;
}
#product #image-block .zoomPad {
width: 90%;
}
#product .extension #image-block img,
#product #image-block img {
display: block;
height: auto;
width: 100%;
}
#product #image-block .zoomPad .zoomWindow img {
margin: 600px 0 0 600px;
}
#product #image-block #thumbs_list {
clear: both;
float: left;
}
#product #image-block #thumbs_list li {
display: inline-block;
margin: 0 20px 0 0;
}
#product #image-block #thumbs_list li a img {
border: 1px solid #fff;
}
#product #image-block #thumbs_list li a.zoomThumbActive img,
#product #image-block #thumbs_list li a:hover img { border: 1px solid #b4293c }
#product #main-info {
padding: 15px;
}
#product #main-info .resume {
color: #000;
font-family: 'GothamRndMedium';
font-size: 18px;
margin: 0 0 60px 0;
}
#product .extension #main-info .resume { margin: 0 }
#product .extension #main-info .full {
color: #333;
font-family: 'GothamRndBook';
font-size: 14px;
}
#product #main-info #attributes label {
font-family: 'GothamRndBook';
font-size: 14px;
font-weight: normal;
}
#product #main-info #attributes label {
font-family: 'GothamRndBook';
font-size: 14px;
font-weight: normal;
}
#product #main-info #attributes fieldset {
margin-bottom: 30px;
padding: 0;
}
#product #main-info #attributes .color li {
border: 3px solid #fff;
border-radius: 50%;
float: left;
margin: 0 4px;
overflow: hidden;
height: 46px;
width: 46px;
}
#product #main-info #attributes .color li a {
box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: block;
height: 40px;
width: 40px;
}
#product #main-info #attributes .color img { height: 100%; width: 100% }
#product #main-info #attributes .color li:hover,
#product #main-info #attributes .color li.selected { background: #b4293c; border: 3px solid #b4293c }
#product #main-info #attributes fieldset select {
width: 270px;
}
#product #main-info .price {
position: relative;
padding: 0 80px 0 0;
}
#product #main-info .price .current-price {
color: #000;
font-size: 48px;
}
#product #main-info .price .old-price {
color: #000;
font-family: 'GothamRndBook';
font-size: 14px;
margin: 0 0 0 10px;
}
#product #main-info .price .ecotax {
color: #999;
font-family: 'GothamRndBook';
font-size: 14px;
line-height: 18px;
margin: 0 0 40px 0;
}
#product #main-info .price .product-reduction {
top: 18px;
}
#product .cta-product {
padding: 0;
}
#product .box-cart-bottom {
float: left;
}
#product #main-info .share {
border: 2px solid #dbdbdb;
border-radius: 2px;
position: absolute;
right: 0;
z-index: 900;
}
#product #main-info .share button.trigger {
background: url('../img/sprite-icons.png') no-repeat -135px -30px;
border: 0;
display: block;
height: 46px;
width: 46px;
}
#product #main-info .share button.trigger.open { background: url('../img/sprite-icons.png') no-repeat -239px -204px }
#product #main-info .share .trigger-content {
background: #fff;
height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
#product #main-info .share .trigger-content.open { height: 230px; opacity: 1 }
#product #main-info .share ul {
width: 49px;
}
#product #main-info .share li a i {
margin: 10px 6px;
padding: 2px;
opacity: 0.7;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
#product #main-info .share li a:hover i { opacity: 1 }
#product #main-info .share li i.mail { background-position: -106px -213px }
#product #main-info .share li i.print { background-position: -140px -213px }
#product #main-info .share li i.twitter { background-position: -36px -213px }
#product #main-info .share li i.facebook { background-position: -1px -213px }
#product #main-info .share li i.google-plus { background-position: -72px -213px }
#product #send_friend_form .product {
padding: 0;
}
#product #send_friend_form .closefb {
float: left;
margin-top: 12px;
}
#product #send_friend_form .btn i {
background-position: -210px -173px;
}
#product .product-menu {
background: #b4293c;
left: 30px;
margin: -85px 0 0 0;
position: absolute;
right: 30px;
z-index: 800;
}
#product .product-menu.stack { margin: 0; position: fixed; top: 0 }
#product .product-menu li {
float: left;
}
#product .product-menu li a {
color: #fff;
display: block;
font-family: 'GothamRndMedium';
font-size: 18px;
padding: 30px 25px;
}
#product .product-menu li a.active, #product .product-menu li a:hover {
background: #fff;
color: #b4293c;
text-decoration: none;
}
#product #description {
color: #fff;
margin-bottom: 60px;
padding: 35px 0;
}
#product .pictos {
font-family: 'GothamRndBook';
font-size: 14px;
text-align: center;
}
#product .pictos .picto {
border-top: 2px solid rgba(255, 255, 255, 0.3);
height: 150px;
}
#product .pictos .picto:first-child, #product .pictos .picto:first-child + .picto, #product .pictos .picto:first-child + .picto + .picto { border: 0 }
#product .pictos .clear:first-child { border: 0 }
#product .pictos .picto {
padding: 15px;
}
#product .pictos img {
display: block;
margin: 0 auto 10px auto;
}
#product #features [class^="col-"], #product #downloads [class^="col-"],
#product #features [class*="col-"], #product #downloads [class*="col-"] {
padding: 0;
}
#product #features-docs {
margin-bottom: 60px;
}
#product #features-docs ul {
border-top: 1px solid #e5e5e5;
}
#product #features-docs li {
border-bottom: 1px solid #e5e5e5;
color: #000;
font-family: 'GothamRndBook';
font-size: 14px;
overflow: hidden;
}
#product #features li {
padding: 13px 0;
}
#product #downloads li {
padding: 6px 0;
}
#product #downloads li div:first-child {
padding: 7px 0;
}
#product #downloads li a {
float: right;
font-size: 14px;
height: auto;
padding: 7px 50px 7px 10px;
}
#product .extension .customizationUploadBrowseDescription {
margin-bottom: 0;
}
#product .extension .formats {
color: #999;
display: block;
font-size: 14px;
margin-bottom: 10px;
}
#product .extension .price {
margin-top: 20px;
}
@media (max-width: 1260px) {
#product #main-info #attributes .color li { height: 36px; width: 36px }
#product #main-info #attributes .color li a { height: 32px; width: 32px }
#product #main-info .price .current-price { display: block; }
#product #main-info .price .old-price { display: block; margin: -10px 0 0 0 }
}
@media (max-width: 1052px) {
#product #image-block #thumbs_list { width: 100% }
#product #image-block #thumbs_list ul { text-align: center }
#product #main-info { clear: both }
#product #main-info #attributes fieldset:last-child label { margin-left: 90px; }
#product #main-info #attributes fieldset:last-child .selector { float: right; }
#product #main-info .box-cart-bottom { margin: 18px 0 0 90px }
#product .extension #main-info .box-cart-bottom { margin: 0 }
#product #main-info .box-cart-bottom .btn { font-size: 12px; padding: 13px 50px 13px 15px }
#product #main-info .share { margin: 18px 0 0 0 }
#product #image-block #thumbnail { border: 1px solid #e5e5e5; }
#product #image-block #thumbnail #thumbs_list { background: #e5e5e5; }
#product #image-block #thumbnail #thumbs_list ul { padding: 20px; }
#product #image-block #thumbnail #thumbs_list li { margin: 5px 5px 0 0; }
#product div.uploader span.filename { width: 470px }
#product .product-menu { left: 0; margin: -82px 0 0 0; right: 0 }
#product .product-menu li a { font-size: 16px; left: 0; padding: 30px 20px; right: 0; }
#product #description .contenu { margin: 0 0 40px 0 }
#product #features { margin: 0 0 30px 0 }
}
@media (max-width: 767px) {
#product h1 { font-size: 36px }
#product .content { margin-bottom: 30px }
#product #main-info .box-cart-bottom, #product #main-info .share { margin: 0 }
#product #main-info #attributes fieldset:last-child label { margin: 0 0 5px 0 }
#product #main-info #attributes fieldset:last-child .selector { float: left }
#product #main-info .share { top: -90px }
#product #main-info .box-cart-bottom { width: 100% }
#product #main-info .box-cart-bottom .btn { width: 100%; }
#product #main-info .resume { margin-bottom: 20px; }
#product #description { margin-top: -115px; }
#product #main-info #attributes fieldset select { width: 100% }
#product div.uploader span.filename { width: 65% }
#product div.uploader span.action { padding: 12px 5px 10px 5px; width: 30% }
#product .pictos .picto { height: 175px; padding-top: 25px; }
}
@media (max-width: 500px) {
#product h1 { font-size: 24px }
#product #main-info .price, #product .cta-product { margin: 0 }
#product #main-info #attributes fieldset { margin: 0 0 30px 0 }
#product #main-info .price .current-price { font-size: 34px }
#product #main-info .price .product-reduction { top: 12px }
#product .pictos .picto { height: auto; margin-left: 10%; width: 80% }
#product .pictos .picto:first-child + .picto, #product .pictos .picto:first-child + .picto + .picto { border-top: 2px solid rgba(255, 255, 255, 0.3) }
#product #features li span:first-child, #product #downloads li div:first-child { font-family: 'GothamBold' }
#product #features li span:last-child { padding-left: 15px }
#product #downloads li a { width: 100%; }
#product .zoomPreload, #product .zoomPup, #product .zoomWindow { display: none !important }
}
/*************************************************************************************************************
*************************************** POPUP PANIER *****************************************
**************************************************************************************************************/
.layer_cart_overlay {
background: rgba(197, 197, 197, 0.9);
display: none;
height: 100%;
left: 0;
position: fixed;
width: 100%;
z-index: 999;
}
#layer_cart {
display: none;
padding: 0 120px;
position: absolute;
z-index: 1000;
}
#layer_cart .cross {
background: #000;
cursor: pointer;
display: block;
height: 55px;
padding: 10px 0 0 10px;
position: absolute;
right: 65px;
top: 0;
width: 55px;
z-index: 2;
}
#layer_cart .cross i {
background-position: -246px -71px;
}
#layer_cart .bg {
background: #fff;
overflow: hidden;
padding: 15px 15px 0 15px;
}
#layer_cart .layer_cart_product {
margin-bottom: 25px;
}
#layer_cart .layer_cart_product .subtitle {
padding-right: 60px;
}
#layer_cart .layer_cart_product .product-box {
padding-left: 30px;
}
#layer_cart .layer_cart_product .product-infos {
background: #f0f0f0;
overflow: hidden;
padding: 15px 1px;
}
#layer_cart .layer_cart_product .product-infos .product-image-container {
height: 170px;
overflow: hidden;
width: 225px;
}
#layer_cart .layer_cart_product .product-infos .product-image-container img {
display: block;
margin: 0;
max-width: 100%;
max-height: 100%;
}
#layer_cart .layer_cart_product .product-infos .product-name {
color: #333;
font-family: 'GothamRndMedium';
margin: 25px 0 10px 0;
}
#layer_cart .layer_cart_product .product-infos .product-attributes {
color: #999;
margin: 0 0 10px 0;
}
#layer_cart .layer_cart_product .product-infos .prices {
float: left;
margin: 5px 0 0 0;
padding-right: 90px;
position: relative;
}
#layer_cart .layer_cart_product .product-infos .prices .product-price {
color: #000;
font-size: 36px;
margin-right: 15px;
}
#layer_cart .layer_cart_product .product-infos .prices .product-old-price {
color: #999;
font-family: 'GothamRndBook';
font-size: 14px;
}
#layer_cart .layer_cart_product .product-infos .prices .product-reduction {
height: 40px;
line-height: 40px;
top: 15px;
width: 60px;
}
#layer_cart .layer_cart_cart .button-container .continue {
cursor: pointer;
float: left;
font-family: 'GothamRndMedium';
font-size: 18px;
margin-top: 10px;
}
#layer_cart .layer_cart_cart .button-container .btn {
float: right;
}
#layer_cart .crossseling {
margin-top: 30px;
}
#layer_cart .crossseling .product-container .product-infos h5.product-name {
height: 40px;
margin: 5px 0 0;
}
@media (max-width: 1260px) {
#layer_cart { padding: 0 60px; }
#layer_cart .cross { right: 60px }
#layer_cart .layer_cart_product .product-infos .product-image-container { height: 160px; width: 200px }
#layer_cart .layer_cart_product .product-infos .product-image-container img { margin: -4px 0 0 0 }
#layer_cart .layer_cart_product .product-box { padding-left: 25px }
}
@media (max-width: 1052px) {
#layer_cart { left: 10px; padding: 0; right: 10px; }
#layer_cart .cross { right: 0 }
#layer_cart .layer_cart_product .product-box { padding-left: 10px }
#layer_cart .layer_cart_product .product-infos .product-name { margin-top: 5px; }
#layer_cart .layer_cart_product .product-infos .prices .product-price { display: block; margin-bottom: -10px }
#layer_cart .layer_cart_product .product-infos .prices .product-reduction { height: 56px; line-height: 56px; width: 56px; top: 9px; }
}
@media (max-width: 767px) {
#layer_cart .subtitle { font-family: 'GothamRndMedium'; font-size: 18px; line-height: 24px }
#layer_cart .layer_cart_product .product-infos .product-image-container { height: 100px; width: 130px }
#layer_cart .layer_cart_product .product-infos .product-image-container img { margin: 0 }
#layer_cart .layer_cart_product .product-infos .product-name { margin: 0 }
#layer_cart .layer_cart_product .product-infos .product-attributes { margin: 0 }
#layer_cart .layer_cart_product .product-infos .prices { margin: 0 }
#layer_cart .crossseling .product-container .product-infos h5.product-name { height: 60px }
#layer_cart .layer_cart_product .product-infos .prices .product-price { font-size: 28px }
#layer_cart .layer_cart_product .product-infos .prices .product-reduction { height: 50px; line-height: 50px; width: 56px; top: 6px; }
#layer_cart .crossseling .product-container:last-child { display: none }
}
@media (max-width: 570px) {
#layer_cart .layer_cart_cart .button-container .continue { border: 1px solid #b4293c; padding: 10px; text-align: center; width: 100% }
#layer_cart .layer_cart_cart .button-container .continue i { left: 10px; }
#layer_cart .layer_cart_cart .button-container .btn { margin-top: 10px; width: 100% }
}
@media (max-width: 500px) {
#layer_cart .layer_cart_product .product-infos .product-image-container { margin-left: 10%; height: auto; margin-bottom: 10px; width: 80%; }
#layer_cart .layer_cart_product .product-infos { position: relative; }
#layer_cart .layer_cart_product .product-box { position: static; text-align: center }
#layer_cart .layer_cart_product .product-infos .prices { padding: 0 15px; position: static; width: 100%; }
#layer_cart .layer_cart_product .product-infos .prices .product-reduction { right: 0; top: 0; }
#layer_cart .crossseling .product-container:last-child { display: block }
#layer_cart .layer_cart_product .product-infos .product-attributes { margin-bottom: 10px }
#layer_cart .layer_cart_product .product-infos .prices .product-price { font-size: 36px; margin: 0 0 -10px 0 }
#layer_cart .layer_cart_product .product-infos .prices .product-reduction { height: 56px; line-height: 56px; width: 56px; top: 0px; }
}
/*************************************************************************************************************
****************************************** PANIER ********************************************
**************************************************************************************************************/
#order_step {
font-size: 18px;
}
#order_step li,
#order_step li.step_todo.first {
background: #fff;
border-left: 2px solid #f0f0f0;
color: #333;
font-family: 'GothamRndMedium';
padding: 30px 10px 10px 20px;
}
#order_step li.step_todo {
background: #b4293c;
border-left: 2px solid #a0162e;
color: #fff;
font-family: 'GothamRndLight';
}
#order_step li.step_current { border-left: 2px solid #9d152d }
#order_step li.step_done { background: #f0f0f0; border-left: 2px solid #9d152d }
#order_step li:first-child { border-left: 2px solid #fff }
#order_step li a { color: #333; }
#shopping-cart {
padding: 20px 15px;
}
#shopping-cart #shopping-cart-products .image {
height: 105px;
overflow: hidden;
}
#shopping-cart #shopping-cart-products .image img {
margin-top: 5px;
max-width: 141px;
max-height: 105px;
}
#shopping-cart #shopping-cart-products .inner > div {
position: static
}
#shopping-cart #shopping-cart-products .product-name {
display: block;
font-family: 'GothamRndMedium';
line-height: 20px;
}
#shopping-cart #shopping-cart-products .product-attributes {
color: #999;
display: block;
font-family: 'GothamRndBook';
font-size: 14px;
margin: 5px 0 0 0;
}
#shopping-cart .delete {
bottom: 19px;
margin-left: -10px;
position: absolute;
}
#shopping-cart .delete a {
background-position: -34px -36px;
}
#shopping-cart #shopping-cart-products .price {
color: #000;
font-size: 24px;
padding-right: 10px;
}
#shopping-cart #shopping-cart-products .old-price {
color: #999;
font-family: 'GothamRndBook';
font-size: 14px;
}
#shopping-cart #shopping-cart-products .taxes {
bottom: 25px;
position: absolute;
}
#shopping-cart #shopping-cart-products .taxes li {
border-left: 1px solid #999;
color: #999;
float: left;
font-family: 'GothamRndBook';
font-size: 14px;
line-height: 12px;
padding: 0 8px 0 7px;
}
#shopping-cart #shopping-cart-products .taxes li:first-child { border: 0; padding-left: 0; }
#shopping-cart .cart_quantity_button .cart_quantity_up,
#shopping-cart .cart_quantity_button .cart_quantity_down {
background: #dbdbdb;
border-radius: 2px;
float: left;
padding: 0 2px;
}
#shopping-cart .cart_quantity_button .cart_quantity_input {
border: 2px solid #dbdbdb;
border-radius: 2px;
color: #999;
float: left;
height: 35px;
font-family: 'GothamRndBook';
font-size: 14px;
margin: 0 2px;
text-align: center;
width: 55px;
}
#shopping-cart #shopping-cart-products .total {
color: #000;
font-size: 24px;
padding-left: 30px;
text-align: right;
}
#shopping-cart #calcul {
background: transparent;
}
#shopping-cart #calcul .border {
margin-top: 15px;
}
#shopping-cart #calcul .discount_form .form-group {
position: relative;
margin: 0 0 40px 0;
}
#shopping-cart #calcul .discount_form .form-group .inner {
position: relative;
}
#shopping-cart #calcul .discount_form label {
color: #333;
font-family: 'GothamRndMedium';
font-size: 18px;
margin-bottom: 10px;
}
#shopping-cart #calcul .discount_form .discount_name {
border: 2px solid #dbdbdb;
border-radius: 2px;
height: 40px;
padding-right: 65px;
width: 100%;
}
#shopping-cart #calcul .discount_form .btn {
border-radius: 0 2px 2px 0;
font-family: 'GothamRndMedium';
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0;
position: absolute;
right: 0;
text-transform: uppercase;
text-align: center;
top: 0;
width: 65px;
}
#shopping-cart #calcul .line {
border-top: 1px solid #e5e5e5;
color: #333;
clear: both;
font-family: 'GothamRndBook';
font-size: 14px;
overflow: hidden;
padding: 10px 0;
}
#shopping-cart #calcul .line:first-child { border: 0 }
#shopping-cart #calcul .line > div:first-child {
padding: 7px 0 0 0;
}
#shopping-cart #calcul .line > div:last-child {
font-family: 'GothamRndLight';
font-size: 24px;
text-align: right;
}
#shopping-cart #calcul .line #total_tax {
font-family: 'GothamRndLight';
font-size: 24px;
}
#shopping-cart #calcul .line > div.label-total-price {
padding: 30px 0 0 0;
}
#shopping-cart #calcul #total_price {
color: #b4293c;
font-size: 48px;
}
.cart_navigation {
margin: 20px 0 0 0;
}
.cart_navigation .btn-cart {
float: right;
}
.cart_navigation .btn-cancel {
float: left;
}
#shopping-cart .extension {
position: relative;
}
#shopping-cart .extension .inner {
background: #deeee6;
}
#shopping-cart #shopping-cart-products .table-row {
margin: 10px 0;
padding: 15px 0;
}
#shopping-cart #calcul.table-row { margin: 10px -15px 0 -15px; }
#shopping-cart #shopping-cart-products .extension .image {
height: auto;
padding-left: 0;
}
#shopping-cart #shopping-cart-products .extension .image img {
margin-top: 0;
width: 100px;
}
#shopping-cart #shopping-cart-products .extension .image .custom-checkbox {
float: right;
margin-top: 24px;
}
#shopping-cart #shopping-cart-products .extension .product-infos > span {
color: #333;
display: block;
font-family: 'GothamRndMedium';
font-size: 16px;
margin: 15px 0 5px 0;
}
#shopping-cart #shopping-cart-products .extension .product-infos span:last-child {
color: #999;
display: block;
font-family: 'GothamRndBook';
font-size: 14px;
margin: 0;
}
#shopping-cart #shopping-cart-products .extension .total {
color: #3d8e66;
margin: 24px 0 16px 0;
}
@media (max-width: 1260px) {
#shopping-cart .cart_quantity_button .cart_quantity_up, #shopping-cart .cart_quantity_button .cart_quantity_down { padding: 0 }
#shopping-cart .cart_quantity_button .cart_quantity_input { margin: 0 -2px }
#shopping-cart #shopping-cart-products .extension .image .custom-checkbox { margin: 24px 0 0 5px; }
#shopping-cart #shopping-cart-products .extension .image .custom-checkbox:after { margin-right: 0 }
}
@media (max-width: 1052px) {
#shopping-cart #shopping-cart-products .inner > .image { height: 150px; margin-left: 0; position: absolute; left: 15px; z-index: 1; }
#shopping-cart #shopping-cart-products .image img { margin: 0; }
#shopping-cart #shopping-cart-products .inner > div { margin-left: 30%; }
#shopping-cart #shopping-cart-products .price { line-height: 22px }
#shopping-cart #shopping-cart-products .taxes { overflow: hidden; position: static; }
#shopping-cart #shopping-cart-products .taxes li { font-size: 12px }
#shopping-cart .delete { bottom: 25px; left: 25px }
#shopping-cart #shopping-cart-products .total { padding-left: 15px }
#shopping-cart #shopping-cart-products .product-attributes { margin: 0; }
#shopping-cart #shopping-cart-products .total { margin-top: -50px; text-align: right }
#shopping-cart #shopping-cart-products .extension .total { margin-top: 0; }
#shopping-cart #shopping-cart-products .extension .image .custom-checkbox { margin: 40px 0 0 5px; }
#shopping-cart #shopping-cart-products .extension .inner > .image { bottom: 0; height: auto; left: 0; top: 0; }
#shopping-cart #shopping-cart-products .extension .inner > .image a { background: #50b884; float: left; height: 100%; }
#shopping-cart #shopping-cart-products .extension .inner > .image a img { display: block; margin-top: 15px; }
.table-div .table-row strong, .extension strong { color: #b4293c; display: block; font-family: 'GothamRndMedium'; font-weight: normal; margin: 10px 0;}
#shopping-cart #shopping-cart-products .total > strong { font-size: 16px; }
#shopping-cart #shopping-cart-products .total strong { display: inline; }
#shopping-cart #calcul .discount_form .form-group { margin-top: 30px; width: 100%; }
}
@media (max-width: 767px) {
#shopping-cart #shopping-cart-products .table-head > div { font-size: 18px; }
#shopping-cart #shopping-cart-products .inner > .image { margin-left: 0; position: static; text-align: center; width: 100% }
#shopping-cart #shopping-cart-products .inner > div { margin-left: 0 }
#shopping-cart .delete { bottom: auto; left: auto; right: 15px; top: 25px }
#shopping-cart #calcul #total_price { font-size: 24px }
#shopping-cart #calcul .line > div:last-child { padding-right: 0; }
#shopping-cart #calcul .line > div.label-total-price { padding: 7px 0 0 }
#shopping-cart #calcul .border { margin: 0 }
#shopping-cart #shopping-cart-products .taxes li { line-height: 16px; }
#shopping-cart #calcul #total_price { font-family: 'GothamRndMedium' }
#shopping-cart #shopping-cart-products .extension .inner > .image { padding-top: 115px }
#shopping-cart #shopping-cart-products .extension .inner > .image a { position: absolute; height: 100px; left: 0; right: 0; top: 0; z-index: 1 }
#shopping-cart #shopping-cart-products .extension .inner > .image a img { display: block; margin: 8px auto 0 auto; }
#shopping-cart #shopping-cart-products .extension .image .custom-checkbox { margin: -80px 0 0 5px; position: relative; z-index: 2; }
#shopping-cart #shopping-cart-products .extension .inner .product-infos { padding-bottom: 10px; text-align: center; }
#shopping-cart #shopping-cart-products .extension .inner .total { text-align: center; }
.cart_navigation .btn-next, .cart_navigation .btn-cancel { margin-bottom: 20px; width: 100%; }
}
@media (max-width: 500px) {
#shopping-cart #shopping-cart-products .total { margin-top: 0; text-align: left }
#shopping-cart #calcul .line > div:first-child, #shopping-cart #calcul .line > div:last-child { display: inline; float: none; font-size: 14px; }
#shopping-cart #calcul .line #total_tax { font-size: 14px }
#shopping-cart #calcul .line > div:first-child { font-family: 'GothamRndMedium' }
#shopping-cart #shopping-cart-products .taxes li { border: 0; float: none; padding-left: 0; }
#shopping-cart #calcul .discount_form .form-group { margin: 20px 0 30px 0; }
.cart_navigation .btn-cart { margin-bottom: 15px; width: 100% }
}
/*************************************************************************************************************
****************************** CONNEXION / CREATION DE COMPTE ********************************
**************************************************************************************************************/
#authentication header.page-heading {
}
#auth {
padding: 50px 15px 50px 15px;
}
#auth #noSlide {
margin-top: -25px;
}
#auth form,
#account-creation_form .account_creation {
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
#account-creation_form .account_creation { clear: both; margin-bottom: 30px }
#auth form h2 {
border-bottom: 1px solid #e5e5e5;
color: #000;
display: block;
font-size: 30px;
margin: 0;
padding: 15px 100px;
}
#auth form .form_content {
padding: 20px 300px 20px 100px;
}
#auth #login_form .form_content,
#auth #create-account_form .form_content {
padding: 20px 100px;
}
#auth form .form_content p.text {
padding: 20px 0 21px 0;
}
#auth form .lost_password {
color: #b4293c;
float: left;
font-family: 'GothamRndBook';
font-size: 14px;
}
#auth #account-creation_form {
background: none;
border: 0;
}
#account-creation_form .civilite {
margin-bottom: 10px;
}
#account-creation_form .civilite > label {
margin-bottom: 10px;
padding: 0 20px 0 0;
vertical-align: middle;
}
.civilite > div {
float: left;
margin-right: 20px;
}
.birthdate label {
padding-left: 15px;
}
#auth .newsletter {
margin-bottom: 0;
}
#auth .newsletter h2 {
border: 0;
font-family: 'GothamRndBook';
font-size: 14px;
margin: 0 300px 0 100px;
padding: 25px 0 0 0;
}
#auth .newsletter .custom-checkbox > label {
font-size: 14px;
font-family: 'GothamRndLight';
line-height: 18px;
width: 85%;
}
#auth .newsletter .submit {
margin: 30px 0 0 0;
}
.label-required {
color: #b4293c;
font-family: 'GothamRndBook';
font-size: 14px;
font-style: italic;
margin-bottom: 20px;
}
#auth .trigger-invoice .checkbox label {
margin-top: 9px;
}
#password .container.password {
padding: 50px 15px;
}
#auth .illustration-img {
height: 344px
}
@media (max-width: 1260px) {
#auth #noSlide form h2,
#auth form h2 { padding: 15px 50px }
#auth form .newsletter h2 { margin: 0 50px; padding: 25px 0 20px }
#auth #login_form .form_content { padding: 20px 50px }
}
@media (max-width: 1052px) {
#auth #login_form { margin-bottom: 40px }
#auth form h2 { padding: 15px 100px }
#auth form .newsletter h2 { margin: 0 100px; padding: 25px 0 20px }
#auth #login_form .form_content { padding: 20px 100px }
}
@media (max-width: 767px) {
#auth form h2 { padding: 15px 50px }
#auth form .form_content { padding: 20px 50px }
#auth form .newsletter h2 { margin: 0 50px; padding: 25px 0 20px }
}
@media (max-width: 500px) {
#auth form h2 { padding: 15px 20px }
#auth form .newsletter h2 { margin: 0 20px; padding: 25px 0 20px }
#auth form .form_content { padding: 20px 20px }
#auth form .lost_password { margin-bottom: 15px }
#auth form .form_content .btn { width: 100% }
#auth #account-creation_form .birthdate > div { margin-bottom: 10px; }
#password .container.password .btn { margin-bottom: 20px; width: 100%; }
}
/*************************************************************************************************************
***************************************** ADRESSES *******************************************
**************************************************************************************************************/
body .addresses {
padding: 50px 15px;
}
.addresses .checkbox.inline > label {
margin-top: 9px;
}
.addresses .add-address {
margin-top: 28px;
}
.addresses .address {
background: #f7f7f7;
border: 1px solid #e5e5e5;
min-height: 285px;
}
.addresses #address_invoice_form {
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.addresses #address_invoice_form.open { opacity: 1; }
.addresses .addresses-list {
margin: 20px -15px 5px -15px;
}
.addresses .address li {
color: #666;
font-family: 'GothamRndBook';
font-size: 14px;
padding: 2px 20px 2px 100px;
}
.addresses .address .address_title {
border-bottom: 1px solid #e5e5e5;
color: #0e0e0e;
display: block;
margin: 0 0 15px 0;
padding: 20px 20px 20px 100px;
}
.addresses .address_title h2 {
font-size: 24px;
margin: 0;
}
.addresses .address_update {
font-family: 'GothamRndBook';
font-size: 14px;
padding: 20px 20px 15px 100px;
}
.addresses .address_add {
display: block;
margin: 15px 0 30px 0;
overflow: hidden;
text-align: center
}
.addresses #order-carrier-list .delivery-option {
background: none repeat scroll 0 0 #f7f7f7;
border: 1px solid #e5e5e5;
font-size: 0;
margin-bottom: 10px;
min-height: 104px;
}
.addresses #order-carrier-list .delivery-option > div {
float: none;
font-family: 'GothamRndBook';
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.addresses .radio-button {
min-height: 102px;
padding-left: 0;
}
.addresses .radio-button img {
margin: -1px 0 -1px -1px;
}
.addresses .radio-button img + .custom-radio { display: inline-block; margin: 0 0 0 20px }
.addresses .radio-button .custom-radio { border-radius: 50%; display: block; height: 35px; margin: 35px 0 0 132px; }
.addresses #order-carrier-list .delivery-option .price {
color: #3d8e66;
font-size: 18px;
}
@media (max-width: 1052px) {
.addresses .address { min-height: 310px }
.addresses .address li { padding-left: 40px }
.addresses .address .address_title { padding-left: 40px }
.addresses .radio-button img + .custom-radio { margin: 0 0 0 12px }
.addresses .radio-button .custom-radio { margin: 35px 0 0 127px; }
.addresses .address_title { padding: 20px }
.addresses li { padding: 2px 20px 2px 20px }
}
@media (max-width: 767px) {
.addresses .address { min-height: auto; padding-bottom: 10px; }
.addresses .address li { padding-left: 20px }
.addresses .address .address_title { padding-left: 20px }
.addresses #order-carrier-list .delivery-option > div.desc { padding: 15px; }
#auth #login_form .form_content, #auth #create-account_form .form_content { padding: 20px 20px }
.addresses .addresses-list > div:last-child { margin: 20px 0 0 0 }
.addresses .radio-button .custom-radio, .addresses .radio-button img.hidden-xs + .custom-radio { margin: 35px 0 0 45px; }
}
@media (max-width: 500px) {
.addresses .radio-button .radio, .addresses .radio-button img.hidden-xs + .custom-radio { margin: 35px 0 0 40%; }
.addresses #order-carrier-list .delivery-option .price { font-size: 14px }
}
.order-paiement {
padding: 30px 15px;
}
.order-paiement h2 {
color: #000;
font-size: 24px;
margin: 0 0 20px 0;
}
.order-paiement .border {
border: 1px solid #dbdbdb;
}
.order-paiement .paiement-module {
background: #f0f0f0;
border: 1px solid #dbdbdb;
color: #333;
font-family: 'GothamRndBook';
font-size: 16px;
overflow: hidden;
padding: 35px 0;
}
.order-paiement .paiement-module > div:first-child {
padding-left: 25px
}
.order-paiement .paiement-module > div:first-child + div + div {
padding-top: 6px
}
.order-paiement .resume-cart {
padding: 0;
}
.order-paiement .resume-cart h3 {
border-bottom: 1px solid #dbdbdb;
color: #000;
font-size: 24px;
font-weight: normal;
margin: 0;
padding: 15px;
}
.order-paiement .resume-cart .product { border-bottom: 1px solid #dbdbdb; padding: 20px 0; }
.order-paiement .resume-cart .product-name span:first-child {
color: #333;
font-family: 'GothamRndMedium';
line-height: 20px;
}
.order-paiement .resume-cart .product-name span:last-child {
color: #000;
font-size: 20px;
line-height: 20px;
}
.order-paiement .resume-cart .product-attributes {
color: #999;
font-family: 'GothamRndBook';
font-size: 14px;
}
.order-paiement .resume-price {
background: #f0f0f0;
padding: 12px 0;
}
.order-paiement .resume-price > div {
padding: 6px 0;
}
.order-paiement .resume-products .product > div > span:last-child,
.order-paiement .resume-price > div > span:last-child {
text-align: right;
}
.order-paiement .resume-price > div > span:first-child {
color: #666;
font-family: 'GothamRndBook';
font-size: 14px;
line-height: 20px;
}
.order-paiement .resume-price > div > span:last-child {
color: #333;
font-family: 'GothamRndLight';
font-size: 20px;
line-height: 20px;
}
.order-paiement .resume-price > div.price > span:first-child { color: #333 }
.order-paiement .resume-price > div.price > span:last-child { color: #b4293c }
.order-paiement h3 {
color: #000;
margin-top: 22px;
}
.order-paiement .cgv {
background: #deeee6;
color: #333;
font-size: 16px;
margin: 20px 0 0 0;
overflow: hidden;
padding: 25px;
}
.order-paiement .cgv .submit {
margin: 20px 0 0 0;
}
.order-paiement .submit {
margin-top: 35px;
}
.order-paiement .submit span {
color: #666;
display: block;
font-family: 'GothamRndBook';
font-size: 14px;
margin: -20px 0 10px 0;
}
.order-paiement .submit .btn-cancel {
margin-top: 10px;
}
.order-paiement .cgv .submit .btn.btn-next {
float: right;
padding-right: 50px;
}
.order-paiement .cgv label a {
color: #3d8e66;
display: inline-block;
font-family: 'GothamRndBook';
font-size: 14px;
line-height: 16px;
}
@media (max-width: 1260px) {
.order-paiement .submit { text-align: center }
.order-paiement .submit .btn.btn-next, .order-paiement .cgv .submit span { float: none }
}
@media (max-width: 1052px) {
.order-paiement .submit .btn.btn-next { float: right }
.order-paiement .submit span { text-align: center; }
}
@media (max-width: 767px) {
.order-paiement .submit .btn.btn-next, .order-paiement .cgv .submit span { float: none }
}
@media (max-width: 550px) {
.order-paiement .paiement-module > div:first-child { width: 25% }
.order-paiement .paiement-module > div:first-child + div { width: 75% }
.order-paiement .paiement-module > div:first-child + div + div { margin-left: 25%; width: 75% }
.order-paiement .cgv .submit .btn.btn-next { font-size: 16px }
}
@media (max-width: 370px) {
.order-paiement .paiement-module > div:first-child + div img { width: 100% }
.order-paiement .cgv .submit .btn.btn-next { font-size: 14px }
}
/*************************************************************************************************************
******************************************* COMPTE *******************************************
**************************************************************************************************************/
.account .block-menu {
margin: 0 0 30px 0;
}
.account .block-menu .inner {
background: #252525;
color: #fff;
height: 240px;
padding: 25px;
}
.account .block-menu:first-child + .block-menu .inner { background: #3f3b41 }
.account .block-menu:first-child + .block-menu + .block-menu .inner { background: #7c6954 }
.account .block-menu:first-child + .block-menu + .block-menu + .block-menu .inner { background: #b4293c }
.account .block-menu h3 {
font-size: 24px;
margin: 10px 0 20px 0;
}
.account .block-menu li {
font-size: 14px;
padding: 4px 0;
}
.account .block-menu li a {
color: #fff;
font-family: 'GothamRndBook';
}
.account .block-img .inner {
background: red;
height: 510px;
}
.account-footer-links {
margin: 20px 0 0 0;
}
.account .table-div .table-row {
font-family: 'GothamRndBook';
font-size: 14px;
}
@media (max-width: 767px) {
.container.account { padding: 15px }
}
/* Historique de commande */
.account .table-div .table-head {
color: #000;
font-family: 'GothamRndBook';
overflow: hidden;
}
#history .account .table-div .table-row {
font-size: 0;
margin-top: 10px;
padding: 21px 0 19px 0;
}
#history .account .table-div .table-row > div {
color: #666;
display: inline-block;
float: none;
font-family: 'GothamRndBook';
font-size: 14px;
vertical-align: middle;
}
.account .table-div .table-row > div a {
color: #b4293c;
}
@media (max-width: 1052px) {
.account .table-div .table-head > div:last-child { font-family: 'GothamRndMedium'; font-size: 16px; padding-left: 0; }
.account .table-div .table-row > div, #history .account .table-div .table-row > div { display: block }
}
/* Details de la commande */
#order-detail .order-info {
margin-bottom: 30px;
}
#order-detail .order-info ul li {
border-bottom: 1px solid #e5e5e5;
padding: 10px 15px;
}
#order-detail .order-info .table-div {
margin-top: 0;
}
.account .recap-info, .account .addresses { margin-bottom: 20px }
.account .recap-info .table-row {
padding: 15px 0;
}
#order-detail .account .product-row {
font-family: 'GothamRndBook';
font-size: 14px;
}
#order-detail .account .product-row .product-name {
color: #b4293c;
}
#order-detail .account .product-row .form-group input {
height: 35px;
text-align: center;
}
#order-detail .account .table-div .table-row { margin-top: 15px }
#order-detail .account .table-div .table-row.nobg {
font-family: 'GothamRndBook';
margin-top: 0;
}
#order-detail .account .table-div .table-row.nobg .title {
font-size: 14px;
}
#order-detail .account .table-div .table-row.nobg .total {
padding-top: 15px;
}
#order-detail .account .table-div .table-row.nobg .price {
color: #b4293c;
font-size: 30px;
}
.account .addresses {
padding: 0;
}
.account .addresses .address {
min-height: 250px;
}
#order-detail .account h3,
#order-detail .account h4 {
color: #333;
font-size: 30px;
margin: 30px 0 0 0;
padding-bottom: 10px;
}
#order-detail .account h3 { border-bottom: 1px solid #e5e5e5; margin: 30px 0 5px 0; }
.account .message .inner,
.account .add_message .inner,
.account .returns .inner {
background: #f7f7f7;
border: 1px solid #e5e5e5;
color: #666;
font-family: 'GothamRndBook';
font-size: 14px;
padding: 25px 0;
overflow: hidden;
}
.account .returns .inner label {
color: #333;
font-weight: normal;
margin: 10px 0;
}
.account .message .inner .table-div {
margin-top: 0;
}
.account .message .inner .table-row {
background: #e5e5e5;
color: #333;
font-size: 0;
}
.account .message .inner .table-row > div {
font-size: 14px;
}
.add_message .form-group {
padding: 0;
}
@media (max-width: 1260px) {
#order-detail .account .table-div .table-row.nobg .price { font-size: 24px; padding-left: 0; }
.account .addresses { margin-bottom: 0 }
#order-detail .account h3 { margin: 20px 0 5px }
#order-detail .account .product-row .form-group input { width: 60px }
}
@media (max-width: 1052px) {
#order-detail .order-info > div:last-child { margin-top: 25px }
.account .addresses .address { margin-bottom: 20px; }
#order-detail .account .product-row.return-allowed > div { padding-left: 70px }
#order-detail .account .product-row.return-allowed > .return-checkbox { padding-left: 15px; position: absolute; top: 25px; z-index: 5 }
}
@media (max-width: 767px) {
#order-detail .order-info li .bold { display: block; margin-top: 10px }
}
/* Retours */
#order-follow .account .table-div .table-row {
margin-bottom: 20px;
}
.block-order-detail {
background: #e5e5e5;
margin: 15px;
padding: 15px;
}
.block-order-detail .table-head {
color: #b4293c;
}
.block-order-detail .table-row {
background: #b4293c;
color: #fff;
font-family: 'GothamRndBook';
font-size: 14px;
overflow: hidden;
}
.block-order-detail strong { color: #fff }
@media (max-width: 1052px) {
.block-order-detail .text-center { text-align: left; }
}
/* Avoirs */
.account .table-div .table-row {
margin-top: 10px;
}
#order-slip .account .table-div .table-row .icon-pdf {
height: 27px;
margin: -3px 0 -4px 0;
}
/* Adresses */
#addresses .address {
margin-bottom: 30px;
min-height: 300px;
}
/* Ajout/Modif adresse */
form.std {
background: #f7f7f7;
border: 1px solid #e5e5e5;
clear: both;
overflow: hidden;
padding-bottom: 25px;
}
form.std h2 {
border-bottom: 1px solid #e5e5e5;
color: #000;
display: block;
font-size: 30px;
margin: 0;
padding: 15px 100px;
}
form.std .form_content {
padding: 20px 300px 20px 100px;
}
form.std .form_content p.text {
padding: 20px 0 21px 0;
}
form.std .lost_password {
color: #b4293c;
float: left;
font-family: 'GothamRndBook';
font-size: 14px;
}
.submit {
margin-top: 15px;
}
.submit > *:last-child {
float: left;
}
.submit > *:first-child {
float: right;
}
@media (max-width: 1260px) {
form.std .form_content { padding: 20px 100px }
}
@media (max-width: 767px) {
form.std h2 { padding: 15px 50px }
form.std .form_content { padding: 20px 50px }
.submit button, .submit a { display: block; margin-left: 10%; width: 80%; }
.submit > *:first-child { float: none; margin-bottom: 15px; }
}
@media (max-width: 500px) {
form.std h2 { padding: 15px 20px }
form.std .form_content { padding: 20px }
.submit button, .submit a.btn { font-size: 16px; margin-left: 0; width: 100%; }
}
/* Enregistrer un produit */
#product-register .subheading-picto .border {
border: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 16px;
height: 150px;
line-height: 16px;
padding: 15px;
text-align: center;
}
#product-register .subheading-picto .border img {
display: inline-block;
margin: 0 0 10px 0;
}
#product-register .subheading-picto .border p {
}
#product-register .account_creation {
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
#product-register .account_creation { clear: both; margin-bottom: 30px }
#product-register form {
clear: both;
}
#product-register form h2 {
border-bottom: 1px solid #e5e5e5;
color: #000;
display: block;
font-size: 30px;
margin: 0;
padding: 15px 200px;
}
#product-register form .form_content {
padding: 20px 200px 20px 200px;
}
#product-register #login_form .form_content,
#product-register #create-account_form .form_content {
padding: 20px 100px;
}
#product-register form .form_content p.text {
padding: 20px 0 21px 0;
}
#product-register form .lost_password {
color: #b4293c;
float: left;
font-family: 'GothamRndBook';
font-size: 14px;
}
#product-register .newletter {
padding-right: %;
}
#product-register .newletter label {
color: #000;
font-family: 'GothamRndBook';
font-size: 14px;
font-weight: normal;
}
@media (max-width: 1260px) {
#product-register form h2 { padding: 15px 100px }
#product-register form .form_content { padding: 20px 100px }
}
@media (max-width: 1052px) {
#product-register form h2 { padding: 15px 100px }
#product-register form .form_content { padding: 20px 100px }
#product-register .subheading-picto .border { height: 170px }
}
@media (max-width: 767px) {
#product-register form h2 { padding: 15px 50px }
#product-register form .form_content { padding: 20px 50px }
.submit button, .submit a { display: block; margin-left: 10%; width: 80%; }
.submit > *:first-child { float: none; margin-bottom: 15px; }
#product-register .subheading-picto .border { height: auto; margin-bottom: 15px; }
}
@media (max-width: 500px) {
#product-register form h2 { padding: 15px 20px }
#product-register form .form_content { padding: 20px }
.submit button, .submit a.btn { font-size: 16px; margin-left: 0; width: 100%; }
}
/* Mes produits */
#product-list .table-row {
margin-bottom: 12px;
}
#product-list .table-row .icon-delete {
background-position: -34px -40px;
height: 27px;
margin: -3px 0 -4px;
}
/* Firmware */
#firmware {
}
#firmware h2 {
color: #333;
font-family: 'GothamRndMedium';
font-size: 18px;
}
#firmware .selector span {
font-family: 'GothamRndLight';
font-size: 18px;
}
#firmware .description-firmware {
background: #2d2b33;
color: #fff;
font-family: 'GothamRndBook';
font-size: 14px;
padding: 30px 0;
}
#firmware .description-firmware h3 {
font-family: 'GothamRndLight';
font-size: 30px;
margin: 5px 0 30px 0;
}
#firmware .description-firmware h4 {
font-family: 'GothamRndMedium';
font-size: 18px;
margin: 0 0 20px 0;
}
#firmware .description-firmware ul {
list-style: disc;
margin: 0 0 30px 0;
padding-left: 15px;
}
#firmware .description-firmware li {
padding: 3px 25px;
}
#firmware .table-div.file {
border-top: 2px solid #e5e5e5;
margin-top: 0;
}
#firmware .table-div.file .table-row {
background: #fff;
border-bottom: 2px solid #e5e5e5;
font-size: 0;
margin-top: 0;
padding: 5px 0;
}
#firmware a {
color: #fff;
height: 41px;
padding-bottom: 5px ;
padding-top: 5px ;
}
@media (max-width: 1052px) {
#firmware .account .table-div .table-row > div { display: inline-block }
}
@media (max-width: 500px) {
#firmware .table-div.file .table-row { text-align: center }
#firmware .text-right a { width: 100%; }
}
/*************************************************************************************************************
******************************************** ODR *********************************************
**************************************************************************************************************/
/* Liste */
.container.odrs {
padding: 30px 15px;
}
.container .odr {
padding: 30px 0;
}
.container .odr h2 {
margin: 0 0 10px 0;
}
.container .odr .description {
background: #f0f0f0;
overflow: hidden;
}
.container .odr .description > div {
padding: 20px 30px;
}
.container .odr .description > div:first-child { background: #2d2b33; color: #fff; min-height: 140px }
.container .odr .description .enjoy {
color: #000;
font-size: 24px;
}
header.page-heading h1.justif { display: none; }
.container.odrs .print_odr { display: none }
.popover-info{
border: 1px solid #999;
border-radius: 50%;
color: #999;
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 18px;
text-align: center;
width: 20px;
}
.popover {
border: 2px solid #dbdbdb;
border-radius: 2px;
color: #000;
font-family: "GothamRndBook";
font-size: 14px;
font-weight: normal;
}
.popover.right {
margin-left: 20px;
}
.popover.right > .arrow { border-right-color: #dbdbdb }
.popover.right > .arrow:after { border-left-width: 2px; }
@media (max-width: 1260px) {
.container .odr .description > div .btn { font-size: 16px; height: auto }
}
@media (max-width: 1052px) {
.container .odr .description > div .btn { font-size: 20px; height: 50px }
}
@media (max-width: 500px) {
.container .odr .description > div .btn { font-size: 16px; height: auto; padding-right: 20px; width: 100%; }
.container .odr .description > div .btn i { display: none }
}
/* Participation */
.container.odrs .account_creation {
margin-bottom: 30px;
}
.container.odrs .form_content {
padding: 15px 150px;
}
.container.odrs .usage > label {
cursor: pointer;
float: left;
}
.container.odrs .usage > div {
float: left;
width: 50%;
}
.container.odrs .form_content.conditions {
}
.container.odrs .form_content.conditions .white {
margin: 15px 0;
min-height: 35px;
}
.container.odrs .form_content.conditions .white div:before {
border-color: #ddd;
}
.container.odrs .form_content.conditions .checkbox.inline.white > label {
color: #000;
font-family: 'GothamRndLight';
font-size: 14px;
margin: 8px 0 0 20px;
}
.container.odrs .submit {
margin-top: 14px;
}
.container.odrs .submit .link {
float: left;
font-size: 14px;
margin-top: 10px;
}
.container.odrs .submit button {
padding: 10px 70px;
}
.container.odrs .account_creation {
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
.container.odrs .account_creation h2 {
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 15px 150px;
}
@media (max-width: 1260px) {
.container.odrs .account_creation h2 { padding: 15px 30px }
.container.odrs .form_content { padding: 15px 30px }
}
@media (max-width: 1052px) {
.container.odrs .account_creation h2 { padding: 20px 100px }
.container.odrs .form_content { padding: 20px 100px }
}
@media (max-width: 767px) {
.container.odrs .account_creation h2 { padding: 20px 50px }
.container.odrs .form_content { padding: 20px 50px }
.container.odrs .usage > div { margin: 0 0 10px 0; width: 100%; }
}
@media (max-width: 500px) {
.container.odrs .account_creation h2 { padding: 20px 20px }
.container.odrs .form_content { padding: 20px 20px }
}
/*************************************************************************************************************
********************************** PAGES COMPLEMENTAIRES *************************************
**************************************************************************************************************/
/* Page 404 */
.page-heading.pagenotfound h1 {
font-size: 180px;
}
.page-heading.pagenotfound .sub-heading {
margin: -10px 0 10px 0;
}
#pagenotfound .form-group label {
color: #333;
font-family: 'GothamRndMedium';
font-size: 18px;
}
#pagenotfound .form-group .btn {
width: 100%;
}
@media (max-width: 1260px) {
.page-heading.pagenotfound h1 { font-size: 60px }
#pagenotfound .form-group .btn { margin-top: 10px; }
}
/* Contact */
#contact .information,
#module-we_mail-default .information {
background: #e5e5e5;
color: #333;
margin-bottom: 50px;
}
#contact .information .mask,
#module-we_mail-default .information .mask {
height: 150px;
padding-left: 0;
overflow: hidden;
}
#contact .information > div > h3,
#module-we_mail-default .information > div > h3 {
font-family: 'GothamRndBook';
}
#contact .information > div > p,
#module-we_mail-default .information > div > p {
font-size: 14px;
}
#contact textarea,
#module-we_mail-default textarea {
height: 332px;
}
#contact .submit,
#module-we_mail-default .submit {
margin-top: 0;
}
@media (max-width: 1260px) {
#contact div.uploader span.filename,
#module-we_mail-default div.uploader span.filename { width: 250px }
#contact div.uploader span.action,
#module-we_mail-default div.uploader span.action { padding: 12px 15px 12px; width: 115px }
}
@media (max-width: 1052px) {
#contact div.uploader span.filename,
#module-we_mail-default div.uploader span.filename { width: 60% }
#contact div.uploader span.action,
#module-we_mail-default div.uploader span.action { margin-left: 5%; padding: 12px 10px 12px; width: 35% }
#contact textarea,
#module-we_mail-default textarea { height: 200px; }
}
@media (max-width: 767px) {
#contact div.uploader span.filename,
#module-we_mail-default div.uploader span.filename { width: 50% }
#contact div.uploader span.action,
#module-we_mail-default div.uploader span.action { margin-left: 5%; padding: 12px 0px 12px; width: 45% }
}
/* Plan de site */
#sitemap h2 {
color: #333;
font-size: 36px;
}
#sitemap #sitemap_content li {
padding: 5px 0;
}
#sitemap #sitemap_content li a {
color: #333;
font-size: 14px;
padding: 0 10px 0 40px;
position: relative;
}
#sitemap #sitemap_content li a i {
background-position: -116px -43px;
left: 0;
height: 20px;
position: absolute;
top: 0;
width: 20px;
}
#sitemap #sitemap_content > div:first-child h2 {
margin: 0 0 10px 0;
}
#sitemap #sitemap_content > div:last-child h2 {
margin: 40px 0 10px 0;
}
#sitemap .tree {
padding: 0 0 0 5px;
}
#sitemap #sitemap_content .tree ul {
padding: 0 0 10px 0;
}
#sitemap #sitemap_content .tree > li > a {
font-family: 'GothamRndMedium';
padding: 0;
}
#sitemap #sitemap_content .tree > li > a span {
background: #fff;
display: block;
margin: 0 0 -5px 0;
position: relative;
z-index: 3;
}
#sitemap #sitemap_content .tree ul li {
padding: 0;
}
#sitemap #sitemap_content .tree ul li a {
border-bottom: 2px solid #ccc;
border-left: 2px solid #ccc;
display: block;
height: 35px;
padding: 5px 0 5px 40px;
position: relative;
z-index: 2;
}
#sitemap #sitemap_content .tree ul li a span {
background: #fff;
display: block;
margin: 15px 0 0 -15px;
padding: 0 30px 0 5px;
}
#sitemap #sitemap_content .tree ul ul {
padding: 5px 0 5px 30px;
position: relative;
z-index: 1;
}
#sitemap .sitemap_block.cms ul ul {
display: none;
}
/*************************************************************************************************************
**************************************** PAGES CMS *******************************************
**************************************************************************************************************/
#cms .sub-nav-cms {
background: #fff;
border: 1px solid #b4293c;
left: 15px;
top: 25px;
width: 262px;
z-index: 10;
}
#cms .sub-nav-cms.stacked { left: 50%; margin-left: -570px; position: fixed; top: 0 }
#cms .sub-nav-cms .title-cat-cms {
background: #b4293c;
color: #fff;
font-family: 'GothamRndMedium';
margin: 0;
padding: 30px 15px 30px 25px;
}
#cms .sub-nav-cms ul.list-group {
margin: 0;
}
#cms .sub-nav-cms ul.list-group > li {
}
#cms .sub-nav-cms ul.list-group > li > span {
background: #fff;
border-top: 1px solid #e5e5e5;
color: #000;
cursor: pointer;
display: block;
font-family: 'GothamRndBook';
font-size: 14px;
padding: 10px 15px 10px 25px;
}
#cms .sub-nav-cms ul.list-group > li > span:hover, #cms .sub-nav-cms ul.list-group > li.open > span { background: #000; border-top: 1px solid #000; color: #fff; text-decoration: none; }
#cms .sub-nav-cms ul.list-group ul {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#cms .sub-nav-cms ul.list-group li.open ul { max-height: 250px }
#cms .sub-nav-cms ul.list-group ul li {
padding-left: 30px;
}
#cms .sub-nav-cms ul.list-group ul li:first-child { padding-top: 10px; }
#cms .sub-nav-cms ul.list-group ul li:last-child { padding-bottom: 10px; }
#cms .sub-nav-cms ul.list-group ul li a {
background: #fff;
color: #000;
cursor: pointer;
display: block;
font-family: 'GothamRndBook';
font-size: 13px;
padding: 3px 0 3px 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#cms .sub-nav-cms ul.list-group ul li a:hover { padding-left: 5px; text-decoration: none; }
#cms .sub-nav-cms ul.list-group ul li a.active { color: #b4293c; font-style: italic; }
#cms .cms-content table {
width: 100%;
}
#cms .cms-content table td {
padding: 15px;
vertical-align: top;
}
#cms .cms-content table td img {
height: auto;
margin-top: 10px;
}
#cms .cms-content h2 {
color: #2d2b33;
font-size: 30px;
line-height: 40px;
margin: 0 0 30px 0;
}
#cms .cms-content h3 {
color: #2d2b33;
font-size: 22px;
margin: 0 0 15px 0;
}
#cms .cms-content p {
color: #2d2b33;
font-size: 14px;
}
@media (max-width: 1260px) {
#cms .sub-nav-cms { width: 222px }
#cms .sub-nav-cms.stacked { margin-left: -470px }
#cms .sub-nav-cms .title-cat-cms { padding: 25px 15px 25px 15px }
#cms .sub-nav-cms ul.list-group > li > span { padding: 10px 15px 10px 15px }
#cms .sub-nav-cms ul.list-group ul li { padding-left: 20px }
}
@media (max-width: 1052px) {
#cms .sub-nav-cms ,#cms .sub-nav-cms.stacked { position: static; margin: 0 0 30px 0; width: 100%; }
#cms .sub-nav-cms .title-cat-cms { padding: 25px 15px 25px 15px }
}
@media (max-width: 767px) {
#cms .cms-content table td { display: block; overflow: hidden; }
#cms .cms-content table td img { display: block; float: none !important; margin: 0 auto; width: 60%; }
}
@media (max-width: 500px) {
#cms .cms-content table td img { width: 100% }
}
/*************************************************************************************************************
**************************************** COOKIE ******************************************
**************************************************************************************************************/
#cookiesinfo {
background: #000;
bottom: 0;
color: #fff;
font-size: 14px;
left: 0;
padding: 15px 30px;
position: fixed;
right: 0;
text-align: center;
z-index: 1000;
}
#cookiesinfo .close-cookie {
background: #fff;
border-radius: 50%;
color: #000;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 26px;
line-height: 26px;
margin: -13px 0 0 0;
position: absolute;
right: 10px;
text-align: center;
top: 50%;
width: 26px;
}
/*************************************************************************************************************
**************************************** PRINT ******************************************
**************************************************************************************************************/
@media print {
#header #mainmenu,
#languages,
#header-cart,
#infos-client,
#header-search,
#breadcrumbs,
header.page-heading h1,
header.page-heading .sub-heading,
.account .table-div .table-head,
.account .table-div .table-row > div,
.account .table-div .table-row > div:last-child a,
.container.odrs .submit,
#footer > .container,
#footer #reinsurance > div,
cta-product .share
{
display: none;
}
header.page-heading h1.justif,
.account .table-div .table-row > div:last-child {
display: block;
}
#header { border-top: 100px solid #0e0e0e; height: 0; }
#header #header_logo { margin: -90px 0 50px 0; float: none;}
header.page-heading { border-top: 80px solid #b4293c; height: 0; padding: 0 }
header.page-heading h1 { color: #fff !important; margin: -60px 0 50px 0}
.container.odrs { padding: 0; }
.account .table-div { }
.account .table-div .table-row > div:last-child { border: 2px solid #f0f0f0; float: left; padding: 0; }
.account .table-div .table-row > div:last-child .print_odr { display: block; float: none; }
#footer #reinsurance { border-top: 20px solid #b4293c; height: 0; padding: 0; }
a:link, a:visited {background: transparent; color:#333; text-decoration:none;}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {content: " (" attr(href) ") "; font-size: 11px; visibility: hidden;}
a[href^="http://"] {color:#000;}
}
#index .multi .topleft .first a,
#index .multi .topleft .first span {
padding-top:20px;
color:#333;
text-align: left;
padding-left:20px;
}
.multi a:hover{
text-decoration:none;
}