html {
margin:0;
padding:0;
}
body {
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
flex-direction: column;
background-color: #042137;
margin:0;
padding:0;
font-family: 'Mandali', sans-serif;
}
h1, h2, h3 {
color: black;
}
.coordonnees {
color: #C33416;
}
#titreresponsive {
visibility: hidden;
display: none;
}
.menuA {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
justify-content: space-between;
width: 110%;
}
nav li {
list-style-type: none;
margin-left: 1%;
margin-right:1%;
color:
}
nav a {
text-decoration: none;
text-align: right;
color: #D9B68F;
}
nav a:hover {
color: #FFFBFA;
border-bottom: 4px solid #FFD9A7;
}
#blokheader {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
align-items: wrap;
margin-left: 0;
padding:0;
}
#blokheaderresponsive {
display: none;
}
#bloc {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
justify-content: flex-start;
margin:0;
padding:0;
background-color: #F9FCFF;
}
.menuresponsive {
visibility: hidden;
}
.showresponsive {
display: none;
}
.texte {
visibility: visible;
margin-left: 12%;
margin-right: 3%;
margin-top: 40;
margin-bottom: 25px;
padding-left: 1%;
padding-right: 0;
}
.texteresponsive {
visibility: hidden;
display: none;
}
.imagetexte {
margin-top: 35px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 8%;
padding: 0;
}
#bandeauA {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
align-items: wrap;
margin-left: 0;
padding:0;
background-color: #6F8DA4;
}
#bandeauBarticles {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: wrap;
margin-left: 0;
padding:0;
background-color: #FFD9A7;
}
.articleb1 {
margin: 2%;
padding: 2%;
}
.articleb2 {
margin: 2%;
padding: 2%;
}
.articleb3 {
margin: 2%;
padding: 2%;
}
.interieurcar {
float: right;
padding-left: 10px;
}
@media screen and (max-width: 1176px) {
#blokheader {
visibility: hidden;
display: none;
}
#blokheaderresponsive {
display: block;
visibility: visible;
color: #D9B68F;
margin-left: 6%;
}
#bloc {
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
flex-direction: column-reverse;
}
#bandeau2articles {
display: flex;
flex-direction: column;
}
.responsiveimg {
margin-left: 5%;
margin-right: 5%;
width: 100%;
height: 100;
}
.texte {
visibility: hidden;
display: none;
margin-left: 5%;
margin-right: 5%;
}
#titreresponsive {
visibility: visible;
display: block;
margin-left:6%;
}
.texteresponsive {
margin-left: 5%;
margin-right: 5%;
visibility: visible;
display: block;
}
nav > ul > li {
float: left;
position: relative;
}
nav > ul:after {
content: "";
display: block;
clear: both;
}
nav a {
display: inline-block;
text-decoration: none;
}
nav > ul > li > a {
padding: 20 px 15 px;
color: #FFF;
}
.sousmenu1 {
display: none;
}
nav li:hover .sousmenu1 {
display: inline-block;
position: absolute;
top: 10px;
left: 0px;
padding: 0;
margin-right: 10px;
z-index: 80000;
}
.sousmenuA li {
border-bottom: 1px solid #FFFFFF;
background-color: #002030;
margin-right: 10px;
}
.sousmenuA li a {
padding: 0;
font-size: 20px;
color: #FFFFFF;
width: 210px;
margin-right: 10px;
}
.location {
display: none;
}
.taxiservices {
display: none;
}
.logofranck {
margin-left: 5%;
margin-right: 5%;
width: 100%;
height: 100;
}
.showresponsive {
display: inline-block;
}
.noshowresponsive {
display: none;
}
}
Comments
0 B
|👍
/👎