@charset "UTF-8";

/*Theme Name: APPL

Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème de l'APPL 
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, 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;}

/* ------------------------------ GLOBAL ------------------------------ */
body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:1rem;
	line-height:1.4;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    color:#333;    
    overflow-x: hidden;
}
img {max-width:100%;height:auto;max-height:100%;}
a img {border:0;}

a {color:#336633;}
a:hover {}

strong {font-weight:600;}

em, i, blockquote, .publication {font-family: 'DM Serif Display', serif;font-size:1.1rem;}

.clear {clear:both;}

.container {position: relative;width:1200px;margin:0 auto;padding:0 15px;}

hr {clear:both;height:1px;background:#336633;border:0;margin:25px 0;}

p {text-align: justify;}

sup {font-size: 0.7rem;}

/* ------------------------------ HEADER ------------------------------ */
.top {display: flex;justify-content: space-between;padding:15px 15px;}

header {position: fixed;top:0;width:100%;z-index:500;background: #336633 /*669900*/;}
header a {color:#FFF;text-decoration: none;}

#recherche {text-align: right;}
#recherche label {display: none;}
#recherche input[type=text] {border:0;padding:5px 10px;font-size:1rem;height:22px}
#recherche input[type=submit] {color: transparent;;border:0;padding:0;font-size:1rem;cursor: pointer;background: url("img/search.png") no-repeat center #333333;background-size: contain;width:32px;height:32px;}

nav {background: #333333;}
nav ul {list-style-type: none;margin:0;padding:0;display: flex;width: 100%;}
nav li {margin:0;padding:0;flex:1;text-align: center;}
nav li a {padding:8px 20px;font-family: 'DM Serif Display', serif;display: inline-block;}
nav li:hover, nav li.current-menu-item, nav li.current-menu-parent, nav li.current-page-ancestor {background: #FFF;border-top-left-radius:7px;border-top-right-radius:7px; }
nav li:hover a, nav li.current-menu-item a, nav li.current-menu-parent a, nav li.current-page-ancestor a {color:#336633;}

#open_menu {color:#FFF;padding:8px 40px;font-family: 'DM Serif Display', serif;text-align: center;}
#burger {position: absolute;left:15px;top:4px;font-size:30px;}

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

h1, h2, h3, h4, h5 {font-family: 'DM Serif Display', serif;font-weight: normal;color:#336633;clear:both;}

header h1 {font-size:2.25rem;line-height: 2.2rem;}
header .appl {font-family: 'Poppins', sans-serif;font-size:1.05rem;line-height:1.2rem;margin:10px 0;}

.main {margin:180px 0 100px 0;}


.content {float:right;width:75%;margin:0;padding-left:25px;}
.side {float:left;width:25%;margin:0;}

.main h1, .main h2 {font-size:2rem;margin:50px 0 25px 0;border-bottom: 1px solid #336633;position: relative;padding-right:60px;display: block;}
.main h2 {padding-right:0;clear:both;}
.main h3 {font-size:1.5rem;margin:25px 0 5px 0;border-bottom: 1px solid #336633;position: relative;display: flex;}

.content h1 {margin-top: 0;}
.side h3:first-child {margin-top: 11px;}

.drapeau {width:50px;position:absolute;right:0;bottom:0;}

.division {margin-bottom: 25px;font-size:1.3rem;}

.sous-titre {font-family: 'DM Serif Display', serif;font-weight: normal;color:#336633;font-size:1.5rem;}

.categories {margin-bottom : 25px;}
.categories ul {margin:0;padding:0;list-style-type: none;font-size:0.9rem;}

.categories li {background:#EEE;padding:10px;border-top:1px solid #DDD;display: flex;align-items: center;margin:0;}
.categories li:first-child {border:0;border-top-left-radius:7px;border-top-right-radius:7px;}
.categories li:last-child {border-bottom-left-radius:7px;border-bottom-right-radius:7px;}

.categories img {}
.categories i {color:#999/*839983*/;font-size:40px;}

.categories a {text-decoration: none;color:#336633;}
.categories a:hover {text-decoration: underline;}

.picto {width:44px;height:44px;border-radius: 22px;background-position: center;background-size: cover;margin-right:10px;text-align: center;}
.titre {flex:1;color:#336633;}

.emplacement {}

.arrondi {border-top-left-radius:7px;border-top-right-radius:7px;}

#appl div.fancybox-caption {display: block !important;}

.photo {margin-bottom:15px;position: relative;text-align: center;}
.photo .caption, .wp-caption-text {font-size:0.7rem;font-style:italic;text-align: center;margin-top:10px;}

.alignleft {clear:left;float:left;margin:15px 15px 15px 0;}
.alignright {clear:right;float:right;margin:15px 0px 15px 15px;}

.nav_notices {font-size:0.9rem;}
.nav_gauche {float:left;width:40%;}
.nav_droite {float:right;width:40%;}

.galerie_photos {display: flex;flex-wrap: wrap;}
.galerie_photos div {width:25%;}
.galerie_photos a {display: inline-block;background: #FFF;border:1px solid #336633;padding:7px;margin:5px;}
.galerie_photos img {display: block;}

blockquote, .publication {color:#336633;font-style: italic;}
.publication {text-align: center;}

.pagination {margin-top:25px;text-align: center;}


.titre_ancetre {font-family: 'DM Serif Display', serif;padding:10px 10px;background:#336633;color:#FFF;text-align: center;font-size:1.2rem;}
.border {border: 1px solid #ddd;border-top:0;}

.page .side ul {list-style-type: none;margin:0;padding:0;}
.page .side ul.menu_page {margin:0 0 100px 0;}
.page .side a {text-decoration: none;display: block;}
.page .side li {border-top:1px solid #bbb;margin:0;}
.page .side li li {border-top:1px solid #ddd;}
.page .side li a {padding:10px;background:#ccc;font-size:0.9rem;color:#336633;}
.page .side li li a {padding:7px 7px 7px 20px;background:#eee;}
.page .side .current_page_item  {border-top:1px solid #eee;}
.page .side .current_page_item > a, .page .side li a:hover {background: #336633;color:#FFF;}

li {margin:7px 0;}

.archive .side h3, .archive .side h4 {cursor: pointer;position: relative;background:url('img/down.png') no-repeat right center;padding-right:20px;background-size:16px 16px;}
.archive .side h4 {font-size:1.2rem;padding-left:15px;margin-bottom:10px;}

.ouvert {background-image:url('img/up.png') !important;}

.masque {display: none;}
.archive .side ul ul {margin-top: 10px;}
.archive .side li {font-size:0.75rem;margin:0 0 8px 0;}
.archive .side li a {font-size:0.9rem;}
.archive .side .children {padding-left:20px;}

.grille_notice {display: flex;flex-wrap: wrap;clear:both;}
.bloc_notice {width:20%;padding:10px;}
.bloc_notice a {display: block;text-align: center;}
.img_notice {height:300px;background-size: cover;background-position: top center;margin-bottom: 10px;background-color: #eee;}

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

footer {position: fixed;bottom:0;width:100%;z-index:100;background-color:#336633;color:#FFF;padding:10px 0;text-align: center;font-size: 0.8rem;}

footer a {color:#FFF;}


/* ------------------------------  RESPONSIVE -----------------------------*/
@media (max-width: 1200px) {
    .container {width:100%;}
}
@media (min-width: 769px) {
    .mobile {display: none !important;}
}
@media (max-width: 768px) {
    .desktop, .menu_container {display: none;}
    
    header {position: relative;top:auto;}
    .top {display: block;padding:15px 15px;}
    #recherche {text-align: center;}
    header h1 {font-size:1.7rem;line-height: 1.9rem;text-align: center;}
    header .appl {font-size:0.9rem;}
    
    .main {margin:25px 0;}
    .main h1, .main h2 {font-size:1.5rem;}
    footer {position: relative;bottom:auto;}

    nav ul {display: block;}
    nav li {display: block;text-align: left;}
    nav li a {padding:10px;font-family: 'DM Serif Display', serif;display: block;font-size:1.1rem;}
    nav li:hover, nav li.current-menu-item, nav li.current-menu-parent, nav li.current-page-ancestor {background: transparent;border-radius:0; }
    nav li:hover a, nav li.current-menu-item a, nav li.current-menu-parent a {color:#336633;border-radius:0;}
    
    .main h1 {padding-right:40px;}
    .drapeau {width:30px;}

    .side, .content {float:none;width:100%;margin:0 0 50px 0;padding:0;}

    .photo .caption {font-size:0.8rem;}
    
    .galerie_photos {text-align: center;}    
    .galerie_photos div {width:33.33%;}

    .img_notice {height:200px;}
    .bloc_notice {width:33.33%;}
    
    .categories ul {font-size:1rem;}
    .archive .side li a {font-size:1rem;}

}
@media (max-width: 480px) {
    .galerie_photos div {width:50%;}
    .bloc_notice {width:50%;}
}