html {
width: 100%;
max-width: 100%;
overflow-x:hidden;
padding: 0;
margin: 0;
border: none;
font-family: "Open Sans", sans-serif;
}
body {
background-color: #fff;
color: #000;
font-size:62.5%;
margin: 0;
padding: 0;
font-family: "Open Sans", sans-serif;
height: 100%;
width: 100%;
border: none;
}
.blocked {
max-width:100%;
max-height:100%;
overflow:hidden;
}
section {
display: block;
margin: 0;
padding: 0;
width: 100%;
margin-top: 160px;
}
.float_divider { clear: both; height: 1px; font-size: 1px; }
.erreur {
display: block;
background-color: rgb(242, 255, 225);
border: 1px solid rgb(131, 209, 61);
margin: 10px 10px 0 10px;
padding: 10px;
color: red;
font-size:1.2em;
font-style:italic;
font-weight:normal;
}
.erreur .legend {
font-size: 10px;
}
.table {
display: table;
table-layout: fixed;
width: 100%;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
empty-cells: show;
}
.link_button {
text-align: center;
}
.link_button a {
display: inline-block;
text-decoration: none;
font-size: 1.4em;
font-weight: bold;
color: #fff;
border-top: 1px solid rgb(179,17,21);
border-left: 1px solid rgba(213,19,24,0.5);
border-right: none;
border-bottom: 1px solid rgb(216,127,134);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224,20,25)), to(rgb(181,12,27)), color-stop(0.5 , rgb(224,20,25)), color-stop(0.5 , rgb(202,15,26)), color-stop(0.5 , rgb(181,11,26)) );
padding: 10px 5px 10px 5px;
-webkit-border-radius: 5px;
}
.link_button a span {
display: inline-block;
width: 100%;
background: none;
background-image: url('/res3/views_mobile/common/img/iPhoneArrow_inverted.png');
background-position: 98% center;
background-repeat: no-repeat;
}
/**menu select pages liste produit */
.menu_select_wrap{
margin:0 15px 0 15px;
}
.menu_select_wrap select{
width: 100%;
vertical-align: middle;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
box-shadow: 0 1px 3px #f3f3f3;
margin: 0 0 20px 0;
overflow: hidden;
background-color: #f2f2f2;
border: 1px solid #e6e6e6;
font-size: 14px;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
height:32px;
padding-left: 10px;
background: #f2f2f2 url('/res3/views/newespaceclient/common/images/arrow_menu.png') no-repeat;
background-position: right 10px top 8px;
appearance:none;-webkit-appearance:none;-moz-appearance:none; /* Firefox */
}
.menu_select_wrap option {
width: 100%;
text-align: left;
padding: 0px 0px;
font-size: 14px;
font-family: "Open Sans", sans-serif;
font-weight: bold;
text-transform: none;
color:#353535;
line-height: 32px;
}
.menu_select_wrap .acces-rapide {
opacity: 0.9;
}
.menu_select_wrap a {
color: inherit;
text-decoration: none;
}
.link {
color:#d91627;
}
/********************************************/
/** FIL D'ARIANE
/********************************************/
.breadcrumb {
overflow: hidden;
font-family: "Open Sans",sans-serif;
font-size: 12px;
padding: 10px 0 10px 0;
margin-left: 15px;
}
.sprite_go_home {
width: 8px;
display: inline-block;
vertical-align: middle;
height: 9px;
background: url(/res3/views_mobile/common/img/home_logo.png) no-repeat;
background-size: 8px;
}
.breadcrumb ul{
margin: 0;padding: 0;
}
.breadcrumb li{
display: inline;
color:#797979;
}
.breadcrumb a{
color: inherit;
text-decoration: none;
color:#353535;
}
.breadcrumb a:hover{
text-decoration: underline;
}
.header-page {
background-color: #fff;
box-shadow: 0px 5px 15px #dadada;
position: fixed;
width: 100%;
z-index: 10000;
top:0px;
}
body {
background-color: #f2f2f2;
padding-bottom: 40px;
}
footer{
display: none;
}
footer a {
color:#fff;
padding-right: 10px;
}
footer p{
float: right;
margin: 0;
padding: 0;
}
/* ------------------------ */
/* Grille et structure */
/* ------------------------ */
.item .col {
display: block;
}
.row{
width: 100%;
vertical-align: top;
display: block;
}
.col{
vertical-align: top;
display: inline-block;
}
.col_picture{
float: left;
width: 80px;
padding-right: 10px;
}
.col_infos{
margin-right: 20px;
padding-left: 110px;
}
.col_action{
width: 20px;
position:absolute;
top: 0;
right: 0;
bottom:0;
background-color: #353535;
}
.col-adresse {
width: 49%;
}
.col-adresse ul {
margin:0;
padding:10px;
list-style: none;
font-size: 12px;
}
.col-contact {
display: block;
font-size: 12px;
padding:10px;
}
.col-logo {
padding-top: 8px;
}
.item {
margin:0 15px;
font-family: "Open Sans", sans-serif;
background-color: #fff;
overflow: hidden;
margin-bottom: 20px;
}
.item_header {
padding: 5px;
background-color: #c3c3c3;
}
.item_body {
position: relative;
border-bottom: 1px solid #c3c3c3;
padding: 10px 10px 20px 10px;
}
/* ------------------------ */
/* Titres */
/* ------------------------ */
.page_title {
margin:0 15px;
}
.page_title .title {
text-transform: uppercase;
font-weight:bold;
margin-bottom: 0px;
font-size: 16px;
color:#353535;
}
.page_title .title u {
text-decoration: none;
border-bottom: 1px solid #868686;
padding-bottom:2px;
letter-spacing: -0.025em;
}
.page_title .title:after {
display: inline-block;
vertical-align: top;
content: "";
background: url(/res3/views/newespaceclient/common/images/cadenas2.png) no-repeat;
background-color: transparent;
height: 20px;
width: 20px;
background-size: 21px;
position: relative;
left: 8px;
}
.page_title p {
font-size: 14px;
margin-top: 9px;
margin-bottom: 0px;
font-family: "Open Sans", sans-serif;
}
.page_title .products_quantity {
font-weight: bold;
}
.order_number {
margin: 0 15px;
text-align: right;
font-size: 14px;
margin-bottom: 10px;
}
.my_pending .page_title {
margin-bottom: 20px;
}
/* ------------------------ */
/* design item */
/* ------------------------ */
.item{
font-family: "Open Sans", sans-serif;
}
.item_header {
padding: 10px;
background-color: #dadada;
font-weight: bold;
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
.item_header div {
margin-bottom:5px;
}
.item_header span {
color:#d91627;
}
.item h2 {
margin-top: 0;
}
.item_body {
position: relative;
border-bottom: 1px solid #c3c3c3;
padding: 10px 10px 20px 10px;
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
.item_body h2 {
color: #000;
font-size: 16px;
word-break: break-word;
}
.item_body h2 a {
color:inherit;
}
.item_body .col_infos div {
padding-bottom: 8px;
}
.col div span {
font-weight: bold;
}
.col_picture img {
width: 100%;
height: auto;
}
.status {
color: orange;
display: block;
}
/* ------------------------ */
/* boutons */
/* ------------------------ */
.bt_status {
margin-top: 8px;
font-weight: bold;
color: #fff;
border-radius: 3px;
padding: 13px 20px;
background-color: #d91627;
border-bottom: 4px solid #b91321;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
text-align: center;
}
.bt_action{
background: #353535 url(/res3/views_mobile/espaceclient/common_ec/images/bt_action_arrow.png) no-repeat center center;
height: 100%;
background-size: 60%;
}
/* ------------------------ */
/* garanti */
/* ------------------------ */
.warrant {
padding: 0px;
border-radius: 2px;
background-color: #dadada;
margin-right: 10px;
margin-left: 10px;
font-size: 14px;
}
.warrant li {
list-style:none;
padding:5px;
font-size: 0.9em;
}
.warrant a {
color: inherit;
}
/* ------------------------ */
/* me,nu contextuel */
/* ------------------------ */
.action_menu {
position: fixed;
top:140px;
overflow: hidden;
display: none;
left: 0;
right: 0;
background-color: #fff;
border: 1px solid #c3c3c3;
border-bottom: 0px;
margin: 10px;
background-color: #fff;
z-index: 999;
}
.action_menu.visible {
display: block;
}
.action_menu:before{
display: block;
background-color: rgba(0,0,0,0.8);
}
.action_menu ul {
margin: 0 ;
padding: 0 ;
}
.action_menu li {
list-style: none;
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 10px;
border-bottom: 1px solid #c3c3c3;
color:#353535;
}
.action_menu_bg {
display: none;
position: fixed;
top:0px;
left: 0;
right: 0;
bottom: 0;
z-index: 888;
background-color: rgba(0, 0, 0, 0.63);
}
.action_menu_bg.visible{
display: block;
}
.action_menu a {
color: inherit;
text-decoration: none;
}
/** menu header **/
.col-bt-retour {
width: 46%;
}
.bt-retour-ws {
padding: 8px 10px 8px 10px;
background-color: #dadada;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
width: 64px;
}
.back-button{
text-decoration: none;
color: #353535;
text-transform: uppercase;
font-size: 10px;
background: url(/res3/views_mobile/common/img/prev.png) no-repeat 0 50%;
background-size: 17px 17px;
display: block;
padding-left: 23px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
}
.mentions-legales{
padding-left:15px;
}
.mentions-legales p{
font-size: 12px;
}
.mentions-legales a {
color: #d91627;
}.menu{
padding:0;
margin: 0;
display: inline-block;
width: 100%;
}
.menu > .table {
width: 100%;
}
.menu .item {
vertical-align: middle;
text-align: left;
}
.menu .item.row.inter {
display: none;
}
.menu a.table {
width: 100%;
text-decoration: none;
}
.menu a.table .cell {
vertical-align: middle;
}
.menu a.table .cell.label {
width: 30px;
white-space: nowrap;
text-transform: uppercase;
font-size: 1.4em;
color: #353535;
}
.menu a.table .cell.icon{
padding: 0 0 0 10px;
text-align: right;
}
.menu a {
-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.menu .item.inter > .cell {
border: none;
-webkit-box-shadow: none;
background-color: transparent;
}
.menu a.table .cell.label{
padding: 17px 7px 17px 15px;
text-align: left;
}
.menu a.table .cell.icon {
position: absolute;
top: 11px;
right: 0;
background-color: rgba(255,255,255,0);
background-repeat: no-repeat;
background-position-x: right;
background-position-y: 50%;
border-right: 15px solid rgba(255,255,255,0);
}
.menu {
margin-top: 20px;
}
.menu .inner {
font-family: "open sans", sans-serif;
font-weight: bold;
color: #353535;
border-radius: 3px;
background-color: #e6e6e6;
border-bottom: 4px solid #d2cece;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
text-align: center;
position: relative;
cursor: pointer;
}
.menu .icon {
position : absolute
right : 0px;
}
#mobile-header {
width: 100%;
background-color: #fff;
}
#header_wrapper {
background-color:#fff;
display: block;
width: 100%;
}
#mobile-header h1 {
display: block;
background-color: red;
padding:20px;
text-align: center;
width:100%;
margin-top: 0px;
}
#logo {
text-align: center;
vertical-align: middle;
width: 100%;
}
#logo a {
text-decoration: none;
display: inline-block;
width: 100%; height: 100%;
}
/*#mobile-header a {
width: 70px;
}
*/
#title {
height: 35px;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(236,236,236)), color-stop(0.4, rgb(250,250,250)),color-stop(0.6, rgb(250,250,250)));
}
#title h1 {
font-size: 1.925em;
vertical-align: middle;
text-align: center;
margin: 0;
padding: 5px 0;
width: 100%;
}
#sub_title {
height: 35px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgb(243,243,243)));
}
#sub_title h2{
font-size: 1.05em;
vertical-align: middle;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
}
#home_button {
width: 35px;
padding: 0 7px;
}
#home_button img {
display: block;
border: none;
}
#title .cell {
border-top: 1px solid rgb(203,199,206);
border-bottom: 1px solid rgb(218,210,189);
}
footer > nav > div {
display: table;
width: 100%;
position: fixed;
bottom: 0;
padding: 0;
}
#geolocation footer > nav > div {
position: relative;
}
#mobile-footer {
display: table-row;
margin: 0;
padding: 0;
}
#mobile-footer li {
list-style: none;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0;
margin: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(203,203,203)), color-stop(0.5,rgb(222,221,222)),color-stop(0.5,rgb(215,215,215)));
border-top: 1px solid rgb(225,225,225);
border-right: 1px solid rgb(205,205,205);
border-left: none;
}
#mobile-footer li + li {
border-right: none;
border-left: 1px solid rgb(171,171,171);
}
#mobile-footer li a {
display: inline-block;
width: auto;
font-weight: bold;
color: rgb(85,85,85);
font-size: 1.2em;
text-transform: none;
text-align: center;
text-decoration: none;
vertical-align: middle;
margin: 0;
width: 99%;
padding: 10px 0 10px 0;
border-left: 1px solid rgb(252,252,252);
}
#mobile-footer li span {
text-align: center;
}
#my_wishlist_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/my_wishlists_icon.png');
-webkit-background-size: 32px 32px;
}
#my_wishlist_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/my_wishlists_icon_inverted.png');
}
#my_repair_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/my_repair_icon.png');
-webkit-background-size: 32px 32px;
}
#my_repair_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/my_repair_icon_inverted.png');
}
#my_commands_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/my_commands_icon.png');
-webkit-background-size: 32px 32px;
}
#my_commands_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/my_commands_icon_inverted.png');
}
#my_conso_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/my_conso_icon.png');
-webkit-background-size: 32px 32px;
}
#my_conso_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/my_conso_icon_inverted.png');
}
#my_equipement_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/my_equipement_icon.png');
-webkit-background-size: 32px 32px;
}
#my_equipement_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/my_equipement_icon_inverted.png');
}
#deconnexion_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/deconnexion.png');
-webkit-background-size: 32px 32px;
}
#deconnexion_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/deconnexion_inverted.png');
}
#my_favorite_store_item .icon {
width: 32px;
height: 32px;
background-image:url('/res3/views_mobile/common/img/my_favorite_store.png');
-webkit-background-size: 32px 32px;
}
#my_favorite_store_item:hover .icon {
background-image:url('/res3/views_mobile/common/img/my_favorite_store_inverted.png');
}
#accueil_ec #title h1 {
color: rgb(255,255,255);
}
#accueil_ec #title .cell {
border-top: 1px solid rgb(203,199,206);
border-bottom: none;
}
#accueil_ec #title .cell {
background: -webkit-gradient( linear, left top, left bottom, from(rgb(254, 0, 0)), to(rgb(197, 15, 15)) );
}
#sub_title {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(114,114,114)), to(rgb(29,29,29)), color-stop(0.5, rgb(76,76,76)), color-stop(0.5, rgb(65,65,65)) );
}
#sub_title .cell {
border-top: 1px solid rgb(135, 90, 90);
border-bottom: 1px solid rgb(41, 41, 43);
text-transform: capitalize;
color: #fff;
font-size: 1.22em;
}
#sub_title h2 {
height: 45px;
}