/*
Theme Name: lejazzvolant
Theme URI: http://underscores.me/
Author: Marc-Aurele Geffroy
Author URI: http://twitter.com/themarcaurele
Description: Le theme du site du Jazz Volant, bar restaurant de l\'aerodrome de La Baule.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lejazzvolant
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%; /* 
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
    color: #999999;
}
a {
    text-decoration: none;   
}

article,aside,details,figcaption,figure,footer,header,main,nav,section {display: block;}

ol,ul {list-style: none;}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

h1,h2,h4,h5,h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

b,strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #333;
	border: 0;
	height: 1px;
	margin-bottom: 3rem;
}

ul,ol {
	margin: 0 0 1.5em 0;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}


img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button, input, select, textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button, input[type="button"], input[type="reset"] {
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
header:before,
header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

embed, iframe, object {
	max-width: 100%;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.gallery { margin-bottom: 1.5em; }
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; }

header {
    background: rgba(0,0,0,.8);
    padding: 2rem 0;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
}
header h1 {
    float: left;
    width: 240px;
    height: auto;
}
header h1 img {
    display: block;   
}
header nav {
    display: none;
    float: right;
    margin-top: 1.2rem;
}
@media all and (min-width:951px) {
    header nav {
        display: block;   
    }
}
header nav a {
    color: #999;
    text-transform: uppercase;
    font-size: 1.4rem;
    -webkit-transition: color 0.15s ease-in-out;
}
header nav a:hover {
    color: #fff;   
}
.wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    float: left;
}
nav ul li a {
    padding: 1rem 2rem;
    text-decoration: none;
    font-weight: 600;
}
nav li.current-menu-item a, .minimenu li.current-menu-item a {
    color: #fff;   
}
@media all and (max-width: 700px) {
    nav {
        display: none;   
    }
}

#content {
   background-image: url('images/txture.png');
}

#main {
    position: relative; 
}
.sectionindex {
    padding: 6rem 0;   
}
.sectionindex h3 {
    margin-bottom: 3rem;
    color: #fff;
    font-weight: 700;
    font-size: 5rem;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 3px 0 #000000;
}
@media all and (max-width: 700px) {
    .sectionindex h3 {
        font-size: 3rem;
    }
}

li.slide:after {
    content: "";
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flexslider {
    background: black;
    overflow: hidden;
    height: 100vh;
}
.flexslider ul {
    width: 100%;
    height: 100%;
}
.flexslider li.slide {
    width: 100%;
    height: 100vh;
    background: center center no-repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
    overflow: hidden;
}
#fleche {
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 90;
    width: 100%;
}
#fleche img {
    width: 4rem;
    height: auto;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@keyframes floating {0%{margin-bottom: 0;}100% {margin-bottom: 30px;}}
@-webkit-keyframes floating {0%{margin-bottom: 0;}100% {margin-bottom: 30px;}}
.floating {
    animation: floating 2s ease infinite alternate;
    -webkit-animation: floating 1s ease infinite alternate;
}
.flexslider li.slide .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    text-align: center;
    padding: 0 10rem;
    z-index: 10;
}
@media screen and (max-width: 700px) {
    .flexslider li.slide .text {
        padding: 0 4rem;
    }
}
.flexslider li.slide .text p {
    font-size: 4rem;
    font-weight: 600;
    line-height: 125%;
    color: #fff;
    text-shadow: 2px 2px 0 #000;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 700px) {
    .flexslider li.slide .text p {
        font-size: 2rem;
        width: 100%;
    }
}
.flexslider li.slide .text button {
    margin: 2rem .5rem 0;
    border: 2px solid #fff;
    /*border-radius: 3px;*/
    background: transparent;
    padding: 1.5rem 3rem;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-in-out;
}

a article.newsliste {
    position: relative;
    float: left;
    width: 49%;
    height: 33vh;
    margin: 0 2% 2% 0;
    background: #000;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}
@media all and (max-width: 700px) {
    a article.newsliste {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}
a:nth-of-type(2n) article.newsliste {
    margin-right: 0;   
}
a article.newsliste .darken {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 1;
    -webkit-transition: all 0.15s ease-in-out;
}
a article.newsliste:hover .darken {
    background: rgba(0,0,0,0);
}

article.newsliste .date {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.5);
    z-index: 2;
    -webkit-transition: all 0.15s ease-in-out;
}
article.newsliste:hover .date {
    background: rgba(0,0,0,0);
}
article.newsliste .date span {
    width: 25%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    letter-spacing: 2px;
    font-size: 2.5rem; 
    left: 0;
}

article.newsliste .text {
    float: right;
    width: 75%;
    height: 100%;
    text-align: center;
}
article.newsliste .text h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3rem;
    color: #fff;
    width: 75%;
    z-index: 2;
    padding: 0 5%;
    line-height: 120%;
}
article.newsliste .lireplus {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -60px;
    color: #fff;
    font-size: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    opacity: 0;
}
article.newsliste .lireplus span {
    border: 2px solid #fff;
    padding: .5rem 1rem;
    background: #fff;
    color: #000;
}
article.newsliste:hover .lireplus {
    bottom: 10%;
    opacity: 1;
}

#socialindex {
    text-align: center;   
}
#introindex:after {
     display: block;
     content: " ";
     clear: both;
}
#introindex p {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 3rem;
}
.blocintro {
    float: left;
    width: 32%;
    min-height: 70vh;
    margin: 0 2% 0 0;
    padding: 2rem 2rem 3rem;
    border: 2px solid #fff;
    text-align: center;
}
@media all and (max-width: 700px) {
    .blocintro {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
        min-height: 0;
    }
}
.blocintro:last-child {
    margin-right: 0;
}
.blocintro h4 {
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
}
.blocintro img {
    width: 80px;
    height: auto;
}
.blocintro p {
     margin-bottom: 0;  
}
.blocintro a.button {
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 1rem 2rem;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
}
.blocintro a.button:hover {
    background: #fff;
    color: #000;
}

#aperodromeindex p.dateaperodrome {
    font-size: 6rem;
    margin-bottom: 3rem;
    line-height: 100%;
}
#aperodromeindex a.button, #privatisationindex a.button, li.slide .text a.button, a.button {
    display: inline-block;
    margin: 2rem .5rem 0;
    border: 2px solid #fff;
    background: transparent;
    padding: 1.5rem 3rem;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-in-out;
}
#aperodromeindex a.button:hover, #privatisationindex a.button:hover, li.slide .text a.button:hover, a.button:hover {
    background: #fff;
    color: #000;
}

#privatisationindex a.button {
    margin-top: 3rem;   
    display: inline-block;
}

#privatisationindex, #aperodromeindex {
    position: relative;
    padding: 8rem 0;
  	background-image : url('images/tapisserie.jpg');
    background-size: cover;
    background-position: 50% 50%;
    color: #fff;
    text-align: center;
}
#privatisationindex p {
    margin-bottom: 1rem;
    font-size: 2rem;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.ombretop {position: absolute;top: 0;width: 100%;height: 2rem;background: linear-gradient(to bottom, #000, transparent);}
.ombrebottom {position: absolute;bottom: 0;width: 100%;height: 2rem;background: linear-gradient(to top, #000, transparent);}

p {
    margin-bottom: 0;   
}
#social {
    text-align: center;
    margin: 0 0 2rem;
}
#social ul {
    margin: 0;
    padding: 0;
}
#social ul li {
    display: inline-block;
    margin-right: 2rem;
    -webkit-transition: all 0.15s ease-in-out;
}
#social ul li:last-child {
    margin-right: 0;
}
#social ul li:hover {
    opacity: .6;
}
#social ul li img {
    width: 100px;
    height: 100px;
}
@media all and (max-width: 700px) {
    #social {
        margin: 0 0 1rem;   
    }
    #social ul li img {
        width: 60px;   
    }
}
footer {
    padding: 4rem;
    background-image: url('images/txture.png');
}
footer p {
    text-align: center;   
}
footer p a, #contentpage p a {
    color: #ccc;
    border-bottom: 1px solid #444;
    -webkit-transition: color 0.15s ease-in-out, border 0.15s ease-in-out;
}
footer p a:hover, #contentpage p a:hover {
    color: #fff;
    border-bottom: 1px solid #444;
}
#contentpage {
    position: relative;
    background-image : url('images/tapisserie.jpg');
    background-size: cover;
    background-position: 50% 50%;  
    padding: 3rem 0 6rem;
}
#contentpageliste {
    position: relative;
    background-image : url('images/tapisserie.jpg');
    background-size: cover;
    background-position: 50% 50%;  
    padding: 6rem 0 6rem;
}
#contentpageliste h1 {
   
}
#contentpage .illu .darken {
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
}
#contentpage article {
    background-image: url('images/txture.png');
    padding: 5rem;
    margin-bottom: 0rem;
}
@media all and (max-width: 700px) {
    #contentpage article {
        padding: 2rem;   
    }
}
#contentpage article p, .metapost {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 3rem;
}
.metapost {
    text-align: center;
    color: #999;
}
#contentpage article p:last-child {
    margin-bottom: 0;   
}
#contentpage article h3 {
    color: #fff;
    font-size: 3rem;
    margin-bottom: .5rem;
}
#contentpage .illu {
    background-size: cover;
    width: 100%;
    height: 62vh;
    background-position: 50% 50%;
    position: relative;
}
#contentpage .h1center {
    top: 62%;
    -webkit-transform: translateY(-62%);
    position: absolute;
    width: 100%;
}
#contentpage h1 {
    font-family: "Oswald";
    text-align: center;
    font-size: 6rem;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: .25rem;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 3px 0 #000000;
}
@media all and (max-width: 700px) {
    #contentpage h1 {
        font-size: 4rem;   
    }
}
#contentpage .box {
    padding: 3rem;
    border: 2px solid #fff; 
}
#boxtechnique {
    float: right;
    width: 38%;
    margin-left: 5rem;
    background: rgba(255,255,255,.75);
}
@media all and (max-width: 700px) {
    #boxtechnique {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}
#contentpage #boxtechnique h3 {
    line-height: 100%;
    color: #999;
    margin-bottom: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
#contentpage #boxtechnique h4 {
    color: #999;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 1px solid #999;
}
#contentpage #boxtechnique ul {
    color: #333;
    line-height: 100%;
    margin-bottom: 2rem;
}
#contentpage #boxtechnique ul:nth-of-type(3) {
    margin-bottom: 0;
}
#contentpage #boxtechnique ul li {
    line-height: 125%;
    margin-bottom: .5em;
}
#contentpage #boxtechnique ul li:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 700px) {
    header {
        position: relative;
    }
    #contentpage {
        padding: 0 0 3rem;   
    }
}

#boxaperodrome {
    text-align: center;
    padding: 3rem 0;
}
#boxaperodrome h3 {
    margin-bottom: 3rem;
    color: #fff;
    font-weight: 700;
    font-size: 5rem;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 3px 0 #000000;
}
#boxaperodrome p.dateaperodrome {
    font-size: 6rem;
    margin-bottom: 3rem;
    line-height: 100%;   
}
#newsletteraperodrome {
    text-align: center;
    margin-top: 
}
#contentpage article #newsletteraperodrome p {
    color: #999;   
}
#newsletteraperodrome form {
    width: 50%;
    margin: 0 auto;    
}
#newsletteraperodrome input {
    border: 2px solid #fff;
    background: transparent;
    padding: 1rem 2rem;
    max-width: 100%;
}
#newsletteraperodrome input[type="text"]:focus, #newsletteraperodrome input[type="email"]:focus {
    background: #fff;
}
#newsletteraperodrome .blocinput {
    width: 49%;
    float: left;
    margin-bottom: 2rem;
}
@media all and (max-width: 700px) {
    #newsletteraperodrome form {
        width: 80%;   
    }
    #newsletteraperodrome .blocinput {
        width: 100%;
        float: none;
    }
}
#newsletteraperodrome input#mc-embedded-subscribe {
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 1rem 2rem;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
}
#newsletteraperodrome input#mc-embedded-subscribe:hover {
    background: #fff;
    color: #000;
}

.partenaire {
    width: 21.5%;
    float: left;
    margin: 0 2% 2% 0;
}
.partenaire:nth-of-type(4n) {
    margin-right: 0;   
}

.bt_mobile {
    display: none;
    position: fixed;
    top: 3.5rem;
    right: 3rem;
    cursor: pointer;
    z-index: 201;
}
@media all and (max-width:950px) {
    .bt_mobile {
        display: block;
    }
}
@media all and (max-width: 700px) {
    .bt_mobile {
        background: rgba(0,0,0,.8);
        padding: 1rem;
        top: 2.5rem;
        right: 2rem;
    }
}
#galeriephotos:after {
    clear:both;
    display: table;
    content: "";
}
#galeriephotos li {
    float: left;
    width: 20%;
}
#galeriephotos li img {
    width: 100%;
    height: auto;
    display: block;
}
    
    
.bt_mobile .line {
    background: #fff;
    width: 3rem;
    height: .5rem;
    -webkit-transition: all 0.15s ease-in-out;
}

.bt_mobile .line1 {
    display: block;
    content: "";
    margin: 0px auto;
}
.bt_mobile .line2 {
    display: block;
    content: "";
    margin: 5px auto 0px;
}
.bt_mobile .line3 {
    display: block;
    content: "";
    margin: 5px auto 0px;
}
.bt_mobile.menu-on .line2 {
    opacity: 0;  
}
.bt_mobile.menu-on .line1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 4rem;
    position: absolute;
    top: 10px;
    left: -5px;
}
.bt_mobile.menu-on .line3 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 4rem;
    position: absolute;
    top: 5px;
    left: -5px;
}
.minimenu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,1);
    padding: 6rem;
    z-index: -1;
}
@media all and (max-width: 700px) {
    .minimenu {
        padding: 3rem;   
    }
}
.minimenu.menu-on {
    z-index: 200;
}
.minimenu ul {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    margin: 0 auto;
}
.minimenu ul li {
    margin: 0;
    padding: 0;
}
.minimenu ul li a {
    font-size: 4rem;
    font-weight: 600;
    color: rgba(255,255,255,.7);
    -webkit-transition: color 0.15s ease-in-out;
}
.minimenu ul li:hover a {
    color: rgba(255,255,255,1);
}


#contactleft {
    float: left;
    width: 49%;
    margin-right: 2%;
}
/* Carte GG Maps */
 #LocalisationJazzVolant {
        float: right;
        height:500px;
        width:49%;
    }
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }
@media all and (max-width: 700px) {
    #contactleft, #LocalisationJazzVolant {
        width: 100%;   
    }
    #contactleft {
        margin-bottom: 3rem;   
    }
}