307 lines
3.8 KiB
SCSS
307 lines
3.8 KiB
SCSS
@import "vendor/flipclock";
|
|
@import "bootstrap";
|
|
|
|
@import "fontawesome/fontawesome";
|
|
|
|
@import "fontawesome/v4-shims";
|
|
@import "fontawesome/regular";
|
|
@import "fontawesome/solid";
|
|
|
|
@import "qi_grids";
|
|
|
|
$first_color:#EAB634;
|
|
|
|
|
|
body{
|
|
font-family: 'Libre Baskerville', serif;
|
|
font-size:15px;
|
|
background:rgba($first_color, 0.03);
|
|
color:rgba(0,0,0,0.7);
|
|
}
|
|
|
|
.row{
|
|
margin:0 !important;
|
|
}
|
|
|
|
|
|
.column_inner{
|
|
.main_center{
|
|
max-width:550px;
|
|
padding:0 30px;
|
|
}
|
|
|
|
|
|
}
|
|
.main_center{
|
|
max-width:1100px;
|
|
margin:auto;
|
|
}
|
|
|
|
|
|
.center{
|
|
width:90%;
|
|
max-width:900px;
|
|
margin:auto;
|
|
|
|
}
|
|
|
|
#contenu{
|
|
padding-top:219px !important;
|
|
}
|
|
|
|
.center_content{
|
|
max-width: 1140px;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
|
|
.title_grafilota{
|
|
font-family: "grafolita-script", cursive;
|
|
|
|
}
|
|
|
|
.title_grafilota_blanc{
|
|
font-family: "grafolita-script", cursive;
|
|
color:white;
|
|
}
|
|
|
|
|
|
.title_capital_blanc{
|
|
font-family: 'Libre Baskerville', serif;
|
|
color:white;
|
|
}
|
|
|
|
h1{
|
|
font-family: "grafolita-script", cursive;
|
|
font-size: 4em;
|
|
|
|
text-align:center;
|
|
padding-top:0px;
|
|
margin:0;
|
|
padding:0;
|
|
margin-bottom:20px;
|
|
color: rgba(217,77,96,1);
|
|
|
|
}
|
|
h2{
|
|
|
|
margin:0;
|
|
color: rgba(217,77,96,1);
|
|
}
|
|
|
|
h3{
|
|
font-size: 24px;
|
|
color: rgba(217,77,96,1);
|
|
}
|
|
#header{
|
|
background: rgba(61,145,111,1);
|
|
padding: 10px 15px;
|
|
|
|
|
|
|
|
|
|
#logo{
|
|
position:relative;
|
|
z-index:2;
|
|
height:120px;
|
|
}
|
|
|
|
#menu_top{
|
|
position:relative;
|
|
z-index:2;
|
|
float:right;
|
|
text-align:right;
|
|
margin-top:40px;
|
|
|
|
font-size: 20px;
|
|
color: rgba(254,249,243,1);
|
|
text-transform: uppercase;
|
|
|
|
|
|
color:white;
|
|
|
|
|
|
ul{
|
|
list-style:none;
|
|
padding:0;
|
|
margin:0;
|
|
li{
|
|
list-style:none;
|
|
display:inline-block;
|
|
padding:0;margin:0;
|
|
a{
|
|
display:inline-block;
|
|
padding:4px 10px;
|
|
color:white
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 0px) and (max-width: 1170px) {
|
|
.info_contact {
|
|
>div {
|
|
width: calc(50% - 30px);
|
|
margin-bottom: 30px;
|
|
}
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
|
|
#footer{
|
|
background: rgba(61,145,111,1);
|
|
padding:20px;
|
|
text-align:center;
|
|
color:white;
|
|
*{
|
|
color:white;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 880px) {
|
|
#sub_footer {#citation{
|
|
position:static;
|
|
width:auto;
|
|
padding-top:30px;
|
|
padding-bottom:150px;
|
|
}
|
|
|
|
|
|
|
|
#distinctions{
|
|
position:static;
|
|
margin:50px 20px;
|
|
text-align:center;
|
|
}}
|
|
|
|
.large_centered{
|
|
padding: 50px 20px;
|
|
span{font-size:20px !important;}
|
|
}
|
|
|
|
|
|
.shadow_square{
|
|
height:auto !important;
|
|
margin:0 !important;
|
|
margin-bottom:20px !important;
|
|
|
|
}
|
|
|
|
.pictos{
|
|
display:none;
|
|
}
|
|
|
|
body{
|
|
font-size:14px;
|
|
}
|
|
.article_large{
|
|
.img{
|
|
float:none;
|
|
width:auto;
|
|
|
|
}
|
|
|
|
.description{
|
|
margin:auto;
|
|
}
|
|
|
|
}
|
|
.article_small{
|
|
float:none;
|
|
width:auto;
|
|
}
|
|
#sub_footer{
|
|
background-size:cover;
|
|
|
|
}
|
|
.p_product{
|
|
width:inherit;
|
|
float:none;
|
|
margin:20px 25px;
|
|
|
|
}
|
|
.columns{
|
|
float:none;
|
|
width:100% !important;
|
|
box-sizing:border-box;
|
|
|
|
}
|
|
.product_show{
|
|
padding:20px;
|
|
|
|
.left_image{
|
|
float:none;
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.content{
|
|
margin:auto;
|
|
}
|
|
|
|
}
|
|
|
|
.addresses{
|
|
padding:20px;
|
|
}
|
|
|
|
#boutique_menu a{
|
|
|
|
font-size:0.75em;
|
|
width:60px;
|
|
.step{
|
|
font-size: 10px;
|
|
height: 41px;
|
|
line-height: 41px;
|
|
width: 41px;
|
|
|
|
}}
|
|
|
|
.price_line_block_recap{
|
|
font-size:0.8em;
|
|
}
|
|
|
|
|
|
#header.sub_page #logo, #header.home_page #logo{
|
|
margin:20px auto;
|
|
display:block;
|
|
}
|
|
|
|
.sub_header .inner {
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
|
|
#header{
|
|
|
|
div{
|
|
float:none !important;
|
|
}
|
|
text-align:center;
|
|
|
|
height:auto !important;
|
|
h1{
|
|
padding:30px 0;
|
|
}
|
|
div{
|
|
|
|
position:static !important;
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|