/* ---------- Google Font ---------- 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);*/

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:22px;}
div { position:relative } 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 11px;
}

.alignleft, img.alignleft{
display: inline;
    float: left;
    margin-right: 22px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 22px;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



html{-webkit-font-smoothing:antialiased;}

a{color:#BA0707; font-style:bold;text-decoration:underline;}
a:hover{color:#921c04;font-style:bold; text-decoration:underline;}

body {
width:100%;
margin:0px auto;
padding:0px;
text-align:left;
background:#000 url() center center;
}

/*h1{font-size:36px;line-height:1.3em; }
h2{font-size:32px;line-height:1.3em;}
h3{font-size:24px;line-height:1.3em;}
h4{font-size:18px;line-height:1.3em;}
h5{font-size:16px;}
h6{font-size:14px;}*/
p{padding-bottom:11px;}
p, div, span{line-height:1.5em;}
.column-clear{clear:both;}
.clear{overflow: hidden;}


.mainWrap{width:90%;margin:0 auto;
background :black url() no-repeat top left;}

.title{margin:30px 0 20px 0;
text-align:center;
color:#3E4156;}

.back{text-align:center;}


h1{
font:1.3em bold Verdana, Garamond, sans-serif;
}
h2{
font:1.2em bold Verdana, Garamond, sans-serif;
}
h3{
font:1em Verdana, Garamond, sans-serif;
}

h3{
font:1.3em  bold Verdana, Garamond, sans-serif;
}

header {
display:block;
position:fixed;
top:0px;
left:0px;
width:100%;
height:auto;
margin:0;
padding:0.5%;
background :#000 url() no-repeat top left;
z-index:10;
}


header #logo {
display:block;
float:left;
height:auto;
padding-top:2px;
}

header #logo img{
max-width: 100%;
}
header img{
display:inline-block;
float:left;
max-width: 20%;
margin-right:2%;
}

header h1{
display:inline-block;
float:left;
margin-top:1em;
font:3em bold Verdana, Garamond, sans-serif;
color:#554f97;

}
header h2{
display:inline-block;
float:left;
margin-top:0.5em;
font:1.4em Verdana, Garamond, sans-serif;
color:#d3d3d3;
}
header h3{
margin-top:0.5em;
margin-bottom:0.8em;
font:1.2em Verdana, Garamond, sans-serif;
color:#d3d3d3;
}

section#scrolle {
margin:0;
padding:0;
padding-top: 150px;
color:#d6d6d6;
}

ul#nav{
display:inline-block; 
width:60%;
float:left;
margin:0px;
padding:0px;
padding-top:0.5em;
list-style-type:none;
background-color:transparent;
text-align:left;
}
ul#nav li {
display:inline;
}

ul#nav li a{
font:1.4em Verdana, sans-serif;
color:#d6d6d6;
text-decoration:underline;
margin-right:6px;     
}
ul#nav li a.active{
color:#f2f2f2;    
}
ul#nav li a:hover{
text-decoration:underline;
color:#a1a1a1;    
}

figcaption h3 {
display:block;
padding:3%;
font-size: 0.9em Verdana, Arial, Helvetica, sans-serif;
color :#fff;
text-align:left;
z-index : 5;
}

figcaption h3 a{
font: 1em Verdana, Arial, Helvetica, sans-serif;
color :#888;
text-transform: uppercase;
}

figcaption h3 a:hover{
color :#fff;
}
figcaption p{
  padding-top:-3%;
  padding-left:3%;
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  color :#fff;
    }

figcaption p a:hover{

  color:black;

    }
figure {
    position: relative;
    margin: 0;
    padding: 0;
 
}


section {
  position: relative;
  display: block;
  margin: 0px;
  padding:0px;
  background-color: transparent;
   font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
  font-family : Lucida Sans Unicode, Lucida Grande, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif ; 
}


section h1{
font-family :  Century, Verdana, Futura, sans-serif ; 
}
section h2{

font:1.2em bold Century, Verdana, Futura, sans-serif ;
margin-top:1em;
margin-bottom:0.6em;

color:#b7b7b7;
}

section li{
list-style-type: circle ; 
margin-left:2%;
}

section #taxi, #mirabel, #liens{

  padding-top:140px;
  border-bottom:4px solid #554f97;

}
section #accueil{

  padding-top:70px;
  border-bottom:4px solid #554f97;

} 

section.blanc {
display:block;
width:80%;
height:600px;
background-color:transparent;

}

#copyright{
text-align:middle;
color:#646464;
}
#copyright img{
vertical-align:middle;
border:none;
}
#copyright a{
color:black;
}
#copyright a:hover{
color:#8b8b8b;
}


#coordonnees{
  position:fixed;
  bottom:4%;
  right:2%;
  display:block;
  padding:0.5em;
  background: rgba(206, 204, 197, 0.7);
  font:1.4em bold Century, Verdana, sans-serif ;
  text-align:center;
  color:#e7e0d2;
}
/*#coordonnees a:link{
  color:#5b5b5b;
}*/
#coordonnees a:hover{
  color:#747474;
}
#coordonnees img{

  display:inline-block;
  float:right;
}
#coordonnees p{
  display:inline-block;
  margin:2%;
  
}
#coordonnees #appel{
  display:none;
}

#tel {
margin:0px;
line-height:2em;
font:bold 2em Verdana, Helvetica, sans-serif;
color:#554f97;
text-decoration:none;

}
  .flexitem-entier img{
 display:inline-block;
 float:left;
 margin-right:1%;
  }
  .flexitem-entier .tel-important {
  font:bold 1.3em Verdana, Garamond, sans-serif;
  color:#178fa5;
}


footer {
  display: block;
  width: 100%;
  margin:0;
  padding:10px;
  background:url(img/) no-repeat center right #000;
  background-size:contain;
  background:#000;
  color: #a1a1a1;
  text-align: center;
  clear:both;
}

footer a:link {
  font:1.1em bold Verdana, sans-serif;
  font-color: #333;
}

footer a:hover {
  color: #313131;

}
footer a:visited {
  color: #333;

}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:96%;}
.menu ul {top:37px;}
.menu li a{font-size:16px;
padding:8px;}
}

@media (max-width: 767px) {


.mainWrap{width:98%;}

header {
display:block;
width:100%;
margin:0;
padding:0.5%;
background :#000 url() no-repeat top left;
}
header #logo {
display:block;
float:left;
width:100%;
height:auto;
margin:1%;
padding:0;
}
header img{
max-width: 20%;
}

header h1{

margin-top:0.2em;
font:1.3em bold Verdana, Garamond, sans-serif;
color:#fff;
}
header h2{
margin-top:0.2em;
font:1.1em Verdana, Garamond, sans-serif;
color:#d3d3d3;
}
header h3{
display:none;
}

.mainWrap{width:auto;padding:2px 4px;}

nav{margin:0;
background:none;}

.title{margin:12px 0 20px 0;
text-align:center;
font:1.3em bold Verdana, Garamond, sans-serif;
color:#3E4156;}


.article h2{font-size:1.3em;line-height:1.3em;}
.article h3{font-size:1.2em;line-height:1.3em;}
}

section h1{
   font-family :  Century, Verdana, Futura, sans-serif ; 
   font-size:1.2em;
}
  .flexitem-entier h1{
   font-family :  Century, Verdana, Futura, sans-serif ; 
   font-size:1.2em;
   border-radius:none;
   margin-left:2%;
   margin-bottom: 10px;
  }



@media (max-width: 480px) {

  
header h1{
margin:0.2em auto;
font:1.1em bold Verdana, Garamond, sans-serif;
color:#fff;
}
header h2{

margin:0.1em auto;
font:0.9em Verdana, Garamond, sans-serif;
color:#d3d3d3;
}
header h3{
display:none;
}



header #logo {
display:block;
float:none;
width:98%;
height:auto;
margin:1%;
padding-top:2px;
margin-bottom:2px;
border:none;


}


header #logo img{
max-width: 100%;

}

header img{
display:none;
max-width: 20%;
}


ul#nav{
display:block; 
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:0.5em;
list-style-type:none;
background-color:transparent;
text-align:center;
}
ul#nav li {
display:inline-block;
}

#coordonnees #appel{
  display:inline-block;
}

#tel {
margin:0px;
line-height:1.6em;
font:bold 1.6em Verdana, Helvetica, sans-serif;
color:#554f97;
text-decoration:none;

}
}


@media (max-width: 320px) {
}
/* grid container */
[class*="grid-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -1em;
  /* inline-block fallback for IE9 generation */
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}
/* grid childs */
[class*="grid-"] > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% * 1 / 4 - 1em - .01px);
  margin-left: 1em;
  /* inline-block fallback for IE9 generation */
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-rendering: auto;
}
/* examples */
[class*="grid-2"] > * {
  width: calc(100% * 1 / 2 - 1em);
}
[class*="grid-2"] > .flexitem-double {
  width: calc(100% * 2 / 2 - 1em);
}
[class*="grid-2"] > .flexitem-first {
  width: calc(100% * 2 / 2 - 1em);

  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
[class*="grid-3"] > * {
  width: calc(100% * 1 / 3 - 1em);
}
[class*="grid-3"] > .flexitem-double {
  width: calc(100% * 2 / 3 - 1em);
}
[class*="grid-3"] > .flexitem-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
[class*="grid-4"] > * {
  width: calc(100% * 1 / 4 - 1em);
}

[class*="grid-4"] > .flexitem-double {
  width: calc(100% * 2 / 4 - 1em);
}
[class*="grid-4"] > .flexitem-triple {
  width: calc(100% * 3 / 4 - 1em);
}

[class*="grid-4"] > .flexitem-entier {
  width: calc(80% * 4 / 4 - 1em);
  margin:auto;
  margin-bottom:10px;
  color:#555;
}




[class*="grid-4"] > * h1{
margin-top:0.05em;
font:1.4em georgia, "trebuchet ms", arial, serif;


}

[class*="grid-4"] > * img{
max-width:100%;


}

}
/* .fl avant et sans le crochet Responsive grid */
/* "small-2" = 2 columns when small screen */
@media (min-device-width: 768px) and (max-device-width: 979px) {

header h1{
display:inline-block;
float:left;
margin-top:0.5em;
font:0.9em Verdana, Garamond, sans-serif;
color:#d3d3d3;
color:#554f97;
}
  header img{
display:inline-block;
float:left;
margin-top:0.5em;
max-width: 12%;
}

[class*="grid-4"] > * {
  width: calc(50% - 1em);
}
 
  

}
/* "tiny-1" = 1 column when tiny screen */
@media (max-width: 480px) {


  [class*="-tiny-2"] > * {
    width: calc(100% * 1 / 2 - 1em);
  }
  [class*="-tiny-2"] > .flexitem-double {
    width: calc(100% * 1 / 2 - 1em);

  }
  [class*="-tiny-1"] > * {
    width: calc(100% - 1em);
  }
   
  [class*="-tiny-1"] > .flexitem-triple {
    width: calc(100% - 1em);

  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

}

#p2 {
  display:none;
}

/* examples */
.grid-2-1 > *:nth-child(odd) {
  width: calc(66.66666666666666% - 1em);
}
.grid-2-1 > *:nth-child(even) {
  width: calc(33.33333333333333% - 1em);
}
/*
@media (min-width: 768px) and (max-width: 979px) {

*/

@media (max-width: 480px) {


  .grid-2-1 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-1-2 > *:nth-child(odd) {
  width: calc(33.33333333333333% - 1em);
}
.grid-1-2 > *:nth-child(even) {
  width: calc(66.66666666666666% - 1em);
}}
@media (max-width: 480px) {
  .grid-1-2 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-3-1 > *:nth-child(odd) {
  width: calc(75% - 1em);
}
.grid-3-1 > *:nth-child(even) {
  width: calc(25% - 1em);
}
@media (max-width: 480px) {
  .grid-3-1 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-1-3 > *:nth-child(odd) {
  width: calc(25% - 1em);
}
.grid-1-3 > *:nth-child(even) {
  width: calc(75% - 1em);
}
@media (max-width: 480px) {
  .grid-1-3 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-3-2 > *:nth-child(odd) {
  width: calc(60% - 1em);
}
.grid-3-2 > *:nth-child(even) {
  width: calc(40% - 1em);
}
@media (max-width: 480px) {
  .grid-3-2 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-2-3 > *:nth-child(odd) {
  width: calc(40% - 1em);
}
.grid-2-3 > *:nth-child(even) {
  width: calc(60% - 1em);
}
@media (max-width: 480px) {
  .grid-2-3 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-4-1 > *:nth-child(odd) {
  width: calc(80% - 1em);
}
.grid-4-1 > *:nth-child(even) {
  width: calc(20% - 1em);
}
@media (max-width: 480px) {
  .grid-4-1 > *:nth-child(n) {
    width: calc(100% - 1em);
  }
}
.grid-1-4 > *:nth-child(odd) {
  width: calc(20% - 1em);
}
.grid-1-4 > *:nth-child(even) {
  width: calc(80% - 1em);
}
@media (max-width: 480px) {
  .grid-1-4 > *:nth-child(n) {
    width: calc(100% - 1em);
  }

header {
display:block;
width:100%;
margin:0;
padding:2%;
background :#000 url() no-repeat top left;
border:none;
}

header h1{
display:inline-block;
float:left;
margin-top:0;
font:1.4em bold Verdana, Garamond, sans-serif;
color:#554f97;
clear: right;
}
header h2{
display:inline-block;
float:left;
margin-top:0.3em;
font:0.9em Verdana, Garamond, sans-serif;
color:#d3d3d3;
}

header.fixedHeader h1 {
display:block;
font:1.4em bold Verdana, Garamond, sans-serif;
margin-top:0.3em;
float:left;
}
header.fixedHeader h2 {
display:none;
}


}

/* deco */


[class*="grid-"] > div {
  margin-bottom:10px;
  padding: 1em;
  color:#d6d6d6;
  background-color: transparent;
}