/*Theme Name: Prix Bob Calle du livre d'artiste 

Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème du Prix Bob Calle du livre d'artiste 

Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*//* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:100%;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
    font-family: 'Lora';
    font-size:1rem;
	line-height:1.4;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    background-color: #E7E3DC;
    color:#141212;   
}

img {max-width:100%;height:auto;max-height:100%;width:auto;}
a img {border:0;}

.clear {clear:both;}

.d_none {display: none;}

strong {font-weight:bold;}

a, .rouge {color:#C22B24;}

/* ------------------------------ CONTENT ------------------------------ */

.container {
    position: relative;
    width:1440px;
    margin:0 auto;
    padding:0 56px;
    box-sizing: border-box;
    background-color: #F8F6F2;
}



h1, h2, h3 {font-family: 'Poppins';}

/* ------------------------------ HEADER ------------------------------ */

header {height:88px;width:100%;position:fixed;z-index: 90;}

#sous_header {height:88px;}
#header {display: flex;justify-content: space-between;align-items: center;}

#logo img {height:88px;}

nav ul {margin:0;padding:0;list-style-type: none;display: flex;justify-content: space-around;align-items: center;}

nav li {margin:0 10px;text-align: center;position: relative;}
nav li.petit {margin:0 5px;}

nav  a {
    font-family: 'Poppins';
    text-decoration: none;
    color:#141212;
    display: inline-block;
    padding-bottom:5px;
    border-bottom: 2px solid #F8F6F2;
}
nav  a:hover, nav li.current-menu-item a {
    color:#C22B24;
    border-bottom: 2px solid #C22B24;
}

nav ul ul {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #F8F6F2;
    border:2px solid #141212;
    padding:0 10px;
    margin-left:-10px;
    min-width:100%;
    box-shadow: 6px 6px 0 0 rgba(20,20,18,0.15);
}
nav ul ul li {margin:15px 0;}

li:hover ul, .menu-item-has-children:hover ul {display: block;}

#open_menu {
    display: none;
    position: absolute;
    top:22px;right:20px;
    flex-direction: column;
    height: 40px;
    width:40px;
    justify-content:center;
    cursor: pointer;
}

.trait_haut {top: 0px;}
.trait_milieu {top: 8px;}
.trait_bas {top: 16px;}

.trait {
    width: 40px;
    height: 2px;
    background: #C22B24;
    transition: 0.4s ease all;
    position: absolute;
}
.incline_un {transform: rotate(45deg);top:12px;}
.incline_deux {transform: rotate(-45deg);top:12px;}

/* ------------------------------  FOOTER -----------------------------*/

footer {
    background-color: #141212;
    color:#E7E3DC;
}

/* ------------------------------  RESPONSIVE -----------------------------*/

@media (max-width: 1440px) {
    .container {width:100%;}
}
@media (max-width: 1024px) {
    #open_menu {display: flex;}
}
@media (min-width: 769px) {
    .mobile {display: none !important;}
}
@media (max-width: 768px) {
    .desktop {display: none !important;}
}
@media (max-width: 480px) {
}