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;

}
}