/****************************/
/*	FONTS
/****************************/
@charset "UTF-8";

@font-face {
    font-family: 'entypo';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/entypo/entypo.eot');
    src: url('../fonts/entypo/entypo.eot?#iefix') format('eot'),
        url('../fonts/entypo/entypo.woff') format('woff'),
        url('../fonts/entypo/entypo.ttf') format('truetype'),
        url('../fonts/entypo/entypo.svg#entypo') format('svg');
}

.entypo-note:before {
    content: "\266a"
}

.entypo-note-beamed:before {
    content: "\266b"
}

.entypo-music:before {
    content: "\1f3b5"
}

.entypo-search:before {
    content: "\1f50d"
}

.entypo-flashlight:before {
    content: "\1f526"
}

.entypo-mail:before {
    content: "\2709"
}

.entypo-heart:before {
    content: "\2665"
}

.entypo-heart-empty:before {
    content: "\2661"
}

.entypo-star:before {
    content: "\2605"
}

.entypo-star-empty:before {
    content: "\2606"
}

.entypo-user:before {
    content: "\1f464"
}

.entypo-users:before {
    content: "\1f465"
}

.entypo-user-add:before {
    content: "\e700"
}

.entypo-video:before {
    content: "\1f3ac"
}

.entypo-picture:before {
    content: "\1f304"
}

.entypo-camera:before {
    content: "\1f4f7"
}

.entypo-layout:before {
    content: "\268f"
}

.entypo-menu:before {
    content: "\2630"
}

.entypo-check:before {
    content: "\2713"
}

.entypo-cancel:before {
    content: "\2715"
}

.entypo-cancel-circled:before {
    content: "\2716"
}

.entypo-cancel-squared:before {
    content: "\274e"
}

.entypo-plus:before {
    content: "\2b"
}

.entypo-plus-circled:before {
    content: "\2795"
}

.entypo-plus-squared:before {
    content: "\229e"
}

.entypo-minus:before {
    content: "\2d"
}

.entypo-minus-circled:before {
    content: "\2796"
}

.entypo-minus-squared:before {
    content: "\229f"
}

.entypo-help:before {
    content: "\2753"
}

.entypo-help-circled:before {
    content: "\e704"
}

.entypo-info:before {
    content: "\2139"
}

.entypo-info-circled:before {
    content: "\e705"
}

.entypo-back:before {
    content: "\1f519"
}

.entypo-home:before {
    content: "\2302"
}

.entypo-link:before {
    content: "\1f517"
}

.entypo-attach:before {
    content: "\1f4ce"
}

.entypo-lock:before {
    content: "\1f512"
}

.entypo-lock-open:before {
    content: "\1f513"
}

.entypo-eye:before {
    content: "\e70a"
}

.entypo-tag:before {
    content: "\e70c"
}

.entypo-bookmark:before {
    content: "\1f516"
}

.entypo-bookmarks:before {
    content: "\1f4d1"
}

.entypo-flag:before {
    content: "\2691"
}

.entypo-thumbs-up:before {
    content: "\1f44d"
}

.entypo-thumbs-down:before {
    content: "\1f44e"
}

.entypo-download:before {
    content: "\1f4e5"
}

.entypo-upload:before {
    content: "\1f4e4"
}

.entypo-upload-cloud:before {
    content: "\e711"
}

.entypo-reply:before {
    content: "\e712"
}

.entypo-reply-all:before {
    content: "\e713"
}

.entypo-forward:before {
    content: "\27a6"
}

.entypo-quote:before {
    content: "\275e"
}

.entypo-code:before {
    content: "\e714"
}

.entypo-export:before {
    content: "\e715"
}

.entypo-pencil:before {
    content: "\270e"
}

.entypo-feather:before {
    content: "\2712"
}

.entypo-print:before {
    content: "\e716"
}

.entypo-retweet:before {
    content: "\e717"
}

.entypo-keyboard:before {
    content: "\2328"
}

.entypo-comment:before {
    content: "\e718"
}

.entypo-chat:before {
    content: "\e720"
}

.entypo-bell:before {
    content: "\1f514"
}

.entypo-attention:before {
    content: "\26a0"
}

.entypo-alert:before {
    content: "\1f4a5'"
}

.entypo-vcard:before {
    content: "\e722"
}

.entypo-address:before {
    content: "\e723"
}

.entypo-location:before {
    content: "\e724"
}

.entypo-map:before {
    content: "\e727"
}

.entypo-direction:before {
    content: "\27a2"
}

.entypo-compass:before {
    content: "\e728"
}

.entypo-cup:before {
    content: "\2615"
}

.entypo-trash:before {
    content: "\e729"
}

.entypo-doc:before {
    content: "\e730"
}

.entypo-docs:before {
    content: "\e736"
}

.entypo-doc-landscape:before {
    content: "\e737"
}

.entypo-doc-text:before {
    content: "\1f4c4"
}

.entypo-doc-text-inv:before {
    content: "\e731"
}

.entypo-newspaper:before {
    content: "\1f4f0"
}

.entypo-book-open:before {
    content: "\1f4d6"
}

.entypo-book:before {
    content: "\1f4d5"
}

.entypo-folder:before {
    content: "\1f4c1"
}

.entypo-archive:before {
    content: "\e738"
}

.entypo-box:before {
    content: "\1f4e6"
}

.entypo-rss:before {
    content: "\e73a"
}

.entypo-phone:before {
    content: "\1f4dE"
}

.entypo-cog:before {
    content: "\2699"
}

.entypo-tools:before {
    content: "\2692"
}

.entypo-share:before {
    content: "\e73c"
}

.entypo-shareable:before {
    content: "\e73e"
}

.entypo-basket:before {
    content: "\e73d"
}

.entypo-bag:before {
    content: "\1f45c'"
}

.entypo-calendar:before {
    content: "\1f4c5"
}

.entypo-login:before {
    content: "\e740"
}

.entypo-logout:before {
    content: "\e741"
}

.entypo-mic:before {
    content: "\1f3a4"
}

.entypo-mute:before {
    content: "\1f507"
}

.entypo-sound:before {
    content: "\1f50a"
}

.entypo-volume:before {
    content: "\e742"
}

.entypo-clock:before {
    content: "\1f554"
}

.entypo-hourglass:before {
    content: "\23f3"
}

.entypo-lamp:before {
    content: "\1f4a1"
}

.entypo-light-down:before {
    content: "\1f505"
}

.entypo-light-up:before {
    content: "\1f506"
}

.entypo-adjust:before {
    content: "\25d1"
}

.entypo-block:before {
    content: "\1f6ab"
}

.entypo-resize-full:before {
    content: "\e744"
}

.entypo-resize-small:before {
    content: "\e746"
}

.entypo-popup:before {
    content: "\e74c"
}

.entypo-publish:before {
    content: "\e74d"
}

.entypo-window:before {
    content: "\e74e"
}

.entypo-arrow-combo:before {
    content: "\e74f"
}

.entypo-down-circled:before {
    content: "\e758"
}

.entypo-left-circled:before {
    content: "\e759"
}

.entypo-right-circled:before {
    content: "\e75a"
}

.entypo-up-circled:before {
    content: "\e75b"
}

.entypo-down-open:before {
    content: "\e75c"
}

.entypo-left-open:before {
    content: "\e75d"
}

.entypo-right-open:before {
    content: "\e75e"
}

.entypo-up-open:before {
    content: "\e75f"
}

.entypo-down-open-mini:before {
    content: "\e760"
}

.entypo-left-open-mini:before {
    content: "\e761"
}

.entypo-right-open-mini:before {
    content: "\e762"
}

.entypo-up-open-mini:before {
    content: "\e763"
}

.entypo-down-open-big:before {
    content: "\e764"
}

.entypo-left-open-big:before {
    content: "\e765"
}

.entypo-right-open-big:before {
    content: "\e766"
}

.entypo-up-open-big:before {
    content: "\e767"
}

.entypo-down:before {
    content: "\2b07"
}

.entypo-left:before {
    content: "\2b05"
}

.entypo-right:before {
    content: "\27a1"
}

.entypo-up:before {
    content: "\2b06"
}

.entypo-down-dir:before {
    content: "\25be"
}

.entypo-left-dir:before {
    content: "\25c2"
}

.entypo-right-dir:before {
    content: "\25b8"
}

.entypo-up-dir:before {
    content: "\25b4"
}

.entypo-down-bold:before {
    content: "\e4b0"
}

.entypo-left-bold:before {
    content: "\e4ad"
}

.entypo-right-bold:before {
    content: "\e4ae"
}

.entypo-up-bold:before {
    content: "\e4af"
}

.entypo-down-thin:before {
    content: "\2193"
}

.entypo-left-thin:before {
    content: "\2190"
}

.entypo-right-thin:before {
    content: "\2192"
}

.entypo-up-thin:before {
    content: "\2191"
}

.entypo-ccw:before {
    content: "\27f2"
}

.entypo-cw:before {
    content: "\27f3"
}

.entypo-arrows-ccw:before {
    content: "\1f504"
}

.entypo-level-down:before {
    content: "\21b3"
}

.entypo-level-up:before {
    content: "\21b0"
}

.entypo-shuffle:before {
    content: "\1f500"
}

.entypo-loop:before {
    content: "\1f501"
}

.entypo-switch:before {
    content: "\21c6"
}

.entypo-play:before {
    content: "\25b6"
}

.entypo-stop:before {
    content: "\25a0"
}

.entypo-pause:before {
    content: "\2389"
}

.entypo-record:before {
    content: "\26ab"
}

.entypo-to-end:before {
    content: "\23ed"
}

.entypo-to-start:before {
    content: "\23ee"
}

.entypo-fast-forward:before {
    content: "\23e9"
}

.entypo-fast-backward:before {
    content: "\23ea"
}

.entypo-progress-0:before {
    content: "\e768"
}

.entypo-progress-1:before {
    content: "\e769"
}

.entypo-progress-2:before {
    content: "\e76a"
}

.entypo-progress-3:before {
    content: "\e76b"
}

.entypo-target:before {
    content: "\1f3af"
}

.entypo-palette:before {
    content: "\1f3a8"
}

.entypo-list:before {
    content: "\e005"
}

.entypo-list-add:before {
    content: "\e003"
}

.entypo-signal:before {
    content: "\1f4f6"
}

.entypo-trophy:before {
    content: "\1f3c6"
}

.entypo-battery:before {
    content: "\1f50b"
}

.entypo-back-in-time:before {
    content: "\e771"
}

.entypo-monitor:before {
    content: "\1f4bb"
}

.entypo-mobile:before {
    content: "\1f4f1"
}

.entypo-network:before {
    content: "\e776"
}

.entypo-cd:before {
    content: "\1f4bf"
}

.entypo-inbox:before {
    content: "\e777"
}

.entypo-install:before {
    content: "\e778"
}

.entypo-globe:before {
    content: "\1f30e"
}

.entypo-cloud:before {
    content: "\2601"
}

.entypo-cloud-thunder:before {
    content: "\26c8"
}

.entypo-flash:before {
    content: "\26a1"
}

.entypo-moon:before {
    content: "\263d"
}

.entypo-flight:before {
    content: "\2708"
}

.entypo-paper-plane:before {
    content: "\e79b"
}

.entypo-leaf:before {
    content: "\1f342"
}

.entypo-lifebuoy:before {
    content: "\e788"
}

.entypo-mouse:before {
    content: "\e789"
}

.entypo-briefcase:before {
    content: "\1f4bc"
}

.entypo-suitcase:before {
    content: "\e78e"
}

.entypo-dot:before {
    content: "\e78b"
}

.entypo-dot-2:before {
    content: "\e78c"
}

.entypo-dot-3:before {
    content: "\e78d"
}

.entypo-brush:before {
    content: "\e79a"
}

.entypo-magnet:before {
    content: "\e7a1"
}

.entypo-infinity:before {
    content: "\221e"
}

.entypo-erase:before {
    content: "\232b"
}

.entypo-chart-pie:before {
    content: "\e751"
}

.entypo-chart-line:before {
    content: "\1f4c8"
}

.entypo-chart-bar:before {
    content: "\1f4ca"
}

.entypo-chart-area:before {
    content: "\1f53e"
}

.entypo-tape:before {
    content: "\2707"
}

.entypo-graduation-cap:before {
    content: "\1f393"
}

.entypo-language:before {
    content: "\e752"
}

.entypo-ticket:before {
    content: "\1f3ab"
}

.entypo-water:before {
    content: "\1f4a6"
}

.entypo-droplet:before {
    content: "\1f4a7"
}

.entypo-air:before {
    content: "\e753"
}

.entypo-credit-card:before {
    content: "\1f4b3"
}

.entypo-floppy:before {
    content: "\1f4be"
}

.entypo-clipboard:before {
    content: "\1f4cb"
}

.entypo-megaphone:before {
    content: "\1f4e3"
}

.entypo-database:before {
    content: "\e754"
}

.entypo-drive:before {
    content: "\e755"
}

.entypo-bucket:before {
    content: "\e756"
}

.entypo-thermometer:before {
    content: "\e757"
}

.entypo-key:before {
    content: "\1f511"
}

.entypo-flow-cascade:before {
    content: "\e790"
}

.entypo-flow-branch:before {
    content: "\e791"
}

.entypo-flow-tree:before {
    content: "\e792"
}

.entypo-flow-line:before {
    content: "\e793"
}

.entypo-flow-parallel:before {
    content: "\e794"
}

.entypo-rocket:before {
    content: "\1f680"
}

.entypo-gauge:before {
    content: "\e7a2"
}

.entypo-traffic-cone:before {
    content: "\e7a3"
}

.entypo-cc:before {
    content: "\e7a5"
}

.entypo-cc-by:before {
    content: "\e7a6"
}

.entypo-cc-nc:before {
    content: "\e7a7"
}

.entypo-cc-nc-eu:before {
    content: "\e7a8"
}

.entypo-cc-nc-jp:before {
    content: "\e7a9"
}

.entypo-cc-sa:before {
    content: "\e7aa"
}

.entypo-cc-nd:before {
    content: "\e7ab"
}

.entypo-cc-pd:before {
    content: "\e7ac"
}

.entypo-cc-zero:before {
    content: "\e7ad"
}

.entypo-cc-share:before {
    content: "\e7ae"
}

.entypo-cc-remix:before {
    content: "\e7af"
}

.entypo-github:before {
    content: "\f300"
}

.entypo-github-circled:before {
    content: "\f301"
}

.entypo-flickr:before {
    content: "\f303"
}

.entypo-flickr-circled:before {
    content: "\f304"
}

.entypo-vimeo:before {
    content: "\f306"
}

.entypo-vimeo-circled:before {
    content: "\f307"
}

.entypo-twitter:before {
    content: "\f309"
}

.entypo-twitter-circled:before {
    content: "\f30a"
}

.entypo-facebook:before {
    content: "\f30c"
}

.entypo-facebook-circled:before {
    content: "\f30d"
}

.entypo-facebook-squared:before {
    content: "\f30e"
}

.entypo-gplus:before {
    content: "\f30f"
}

.entypo-gplus-circled:before {
    content: "\f310"
}

.entypo-pinterest:before {
    content: "\f312"
}

.entypo-pinterest-circled:before {
    content: "\f313"
}

.entypo-tumblr:before {
    content: "\f315"
}

.entypo-tumblr-circled:before {
    content: "\f316"
}

.entypo-linkedin:before {
    content: "\f318"
}

.entypo-linkedin-circled:before {
    content: "\f319"
}

.entypo-dribbble:before {
    content: "\f31b"
}

.entypo-dribbble-circled:before {
    content: "\f31c"
}

.entypo-stumbleupon:before {
    content: "\f31e"
}

.entypo-stumbleupon-circled:before {
    content: "\f31f"
}

.entypo-lastfm:before {
    content: "\f321"
}

.entypo-lastfm-circled:before {
    content: "\f322"
}

.entypo-rdio:before {
    content: "\f324"
}

.entypo-rdio-circled:before {
    content: "\f325"
}

.entypo-spotify:before {
    content: "\f327"
}

.entypo-spotify-circled:before {
    content: "\f328"
}

.entypo-qq:before {
    content: "\f32a"
}

.entypo-instagrem:before {
    content: "\f32d"
}

.entypo-dropbox:before {
    content: "\f330"
}

.entypo-evernote:before {
    content: "\f333"
}

.entypo-flattr:before {
    content: "\f336"
}

.entypo-skype:before {
    content: "\f339"
}

.entypo-skype-circled:before {
    content: "\f33a"
}

.entypo-renren:before {
    content: "\f33c"
}

.entypo-sina-weibo:before {
    content: "\f33f"
}

.entypo-paypal:before {
    content: "\f342"
}

.entypo-picasa:before {
    content: "\f345"
}

.entypo-soundcloud:before {
    content: "\f348"
}

.entypo-mixi:before {
    content: "\f34b"
}

.entypo-behance:before {
    content: "\f34e"
}

.entypo-google-circles:before {
    content: "\f351"
}

.entypo-vkontakte:before {
    content: "\f354"
}

.entypo-smashing:before {
    content: "\f357"
}

.entypo-sweden:before {
    content: "\f601"
}

.entypo-db-shape:before {
    content: "\f600"
}

.entypo-logo-db:before {
    content: "\f603"
}

[class*="entypo-"]:before {
    font-family: 'entypo';
}

.vertical-align-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.horizontal-align-middle {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

@viewport {
    width: device-width;
    /* largeur du viewport */
    zoom: 1;
    /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}

html,
body,
#fullpage,
section {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

html {
    overflow: hidden;
}

body {
    overflow: hidden;
    overflow-y: auto;
    cursor: default;
    font-family: Lato, Helvetica, Sans-serif;
}

body.modal-open {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    /*text-shadow: 2px 2px #000;*/
}

a:hover {
    text-decoration: underline;
}

*:focus {
    outline: none;
}

*::-moz-focus-inner {
    border: none;
}

/****************************/
/*	HEADERS
/****************************/
#nav-bar {
    /* text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3); */
    transition: all 0.7s ease 0s;
    background-color: rgba(255, 255, 255, 0.78);
    min-height: 4em;
    /* height: 10%; */
    box-shadow: 0px -4px 9px #000;
    /* z-index: 10; */
    padding-bottom: 0;
}


#entete-titre {
    font-family: "Sue Ellen Francisco", cursive;
    font-size: 4vw;
    color: #56699f;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
    /* text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.78); */
}

#entete-soustitre {
    /* font-family: Lato,Helvetica,sans-serif; */
    font-size: 1.4vw;
    font-style: italic;
    /* left: 1.7em; */
    letter-spacing: 0.1em;
    /* position: relative; */
    /* top: 5.5em; */
    /*transition: all 0.6s ease 0s;*/
    color: #56699f;
    text-shadow: 1px 1px 1px #fff;
    /* position: absolute; */
}


.livre {
    font-size: 2.5vw;
    text-shadow: 3px 2px 2px #000;
    color: #fff;
    z-index: 10;
    min-width: 150px;
}

.livre-titre {
    font-size: 3vw;
    font-weight: 700;
    margin: 2px 0;
}

#last {
    min-width: 200px;
}


@media (min-width: 480px) {
    .livre {
        font-size: 2.2vw;
        min-width: 200px;
    }

    .livre-titre {
        font-size: 2.6vw;
    }

    #last {
        min-width: 220px;
    }
}

@media (min-width: 590px) {
    .livre {
        font-size: 2vw;
        min-width: 230px;
    }

    .livre-titre {
        font-size: 2.4vw;
    }

    #last {
        min-width: 250px;
    }

}

@media (min-width: 780px) {
    .livre {
        font-size: 1.6vw;
        min-width: 220px;
    }

    .livre-titre {
        font-size: 2vw;
    }

    #last {
        min-width: 240px;
    }

}

@media (min-width: 858px) {
    .livre {
        font-size: 1.6vw;
        min-width: 220px;
    }

    .livre-titre {
        font-size: 2vw;
    }

    #last {
        min-width: 240px;
    }

}

@media (min-width: 1000px) {
    .livre {
        font-size: 1vw;
        min-width: 200px;
    }

    .livre-titre {
        font-size: 1.3vw;
    }

    #last {
        min-width: 220px;
    }

}

@media (min-width: 2270px) {
    .livre {
        font-size: 1vw;
        min-width: 200px;
    }

    .livre-titre {
        font-size: 1.3vw;
    }

    #last {
        min-width: 220px;
    }

}


.livre a {
    width: 100%;
}

.livre img {
    width: 100%;
    box-shadow: 0px 0px 26px 0px #000000cf;
}


.livre-info {}

.couv {}




.navbar-custom.navbar-light .nav-item.active .nav-link {
    color: #243e87;
    /*text-shadow: 0px 1px 0px #243e87b3; 
        border-bottom: 3px solid #56699f;
        box-shadow: 0px 16px 0px #56699f;*/
    cursor: default;
    text-shadow: 1px 1px 2px #e3e3e3;
}


/*.navbar-custom.navbar-light .nav-item:not(.active):hover .nav-link {
    color: #243e87;
    text-shadow: 0px 1px 0px #243e87b3;
}*/
.navbar-custom.navbar-light .nav-item {
    font-size: 1.8em;
    /* font-variant: small-caps; */
    position: relative;

    text-align: right;
    letter-spacing: 5px;
    padding-bottom: 5px;
}

.navbar-custom.navbar-light .nav-item .nav-link {
    /*color: #56699f;*/
    color: #8999c8;
    transition: all 1s ease 0s;
}

.navbar-custom .navbar-toggler {
    /* color: #56699f; */
    border-color: #8a8a8ae6;
}


/****************************/
/*	SECTIONS ET ARTICLE
/****************************/
section {
    overflow: hidden;
    position: relative;
    /*padding-top: 4em !important;*/
}

article {
    height: 100%;
}

article h1 {
    font-size: 1.7em
}

article .texte {
    overflow: hidden;
    font-size: 1.1em;
}

article .texte p {
    margin: 0;
}

article .contenu {
    color: #fff;
    padding-bottom: 5em;
}

article .footer {
    /*    position: absolute;
        bottom: 8em;
        width: 100%;*/
    height: 2.5em;
}

.tease {
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(0,0,0,0)));*/
    background: linear-gradient(#fff, #fff 70%, rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*pointer-events: none;*/
}

/****************************/
/*	ACCUEIL
/****************************/
section#accueil {
    background-image: url('img/les-deux-cotes-fond.jpg');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding: 20px;
}

section#accueil a {
    text-shadow: none;
}

.carinedemiface {
    bottom: 0;
    height: 98%;
    left: 0;
    position: absolute;
    z-index: 5;
    height: 70%;
}

.sstitre {
    font-style: italic;
}

/****************************/
/*	ECRITS
/****************************/
#ecrits .header,
#jeunesse .header {
    height: 20vh;
}

#ecrits .texte,
#jeunesse .texte {
    /*background-color: #ffffff29;*/
    height: 45vh;
    /*height: 55%;*/
}

#ecrits .texte>.tease,
#jeunesse .texte>.tease {
    height: 80%;
}


#ecrits .footer,
#jeunesse .footer {
    height: 14%;
}

#ecrits .bt-suite,
#jeunesse .bt-suite {
    padding: 0.3em 1em;
    width: 100%;
    background-color: #2d2d2d2e;
    border-color: #ffffff24;
    color: #eee;
    z-index: 999;
}

/****************************/
/*	BIO
/****************************/
#bio .header {
    /*height:30vh;*/
}

#bio .header>img {
    height: 25vh;
}

#bio h1 {
    font-size: 1.3em;
}

#bio .texte {
    /*height:40vh;*/
    /*max-height:30vh;*/
    line-height: 1.3em;
}

#bio .contenu>div {
    margin-top: 0.5em;
}

/****************************/
/*	REGARDS
/****************************/
#regards .header {
    height: 22vh;
}

#regards h1 {
    font-size: 1.2em;
}

#regards .texte {
    /*background-color: #ffffff29;*/
    height: 35vh;
    /*height: 40%;*/
}

#regards .texte>.tease {
    height: 80%;
}

#regards .footer {
    margin-top: 1.5em;
}

#regards .bt-suite {
    /* font-size: 1.1em; */
    padding: 0.3em 1em;
    width: 100%;
    background-color: #2d2d2d2e;
    border-color: #ffffff24;
    color: #eee;
    z-index: 999;
}

/***
** BOUTONS
**/

.btlink {
    border-color: #d1d1d1;
    color: #d1d1d1;
    /*font-size: 0.8em;*/
}

.btlink:hover {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

/***
** SLIDES
**/
.slidearrowright,
.slidearrowleft {
    color: rgba(255, 255, 255, 0.46);
    cursor: pointer;
    /*display: inline-block;*/
    font-size: 3em;
    padding: 0;
    /*padding: 50% 0.3em;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*transition: all 0.6s ease 0s;*/
    /*z-index: 999;*/
}

.slidearrowright:hover,
.slidearrowleft:hover {
    color: rgba(255, 255, 255, 1);
}

.slidearrowleft {
    /*left:0;*/
}

.slidearrowright {
    /*right: 0;*/
}

.entypo-right-open-big,
.entypo-left-open-big {
    /*transform: translateY(-50%);*/
}

.fp-slidesNav {
    bottom: 0 !important;
    height: 2.5em;
    line-height: 3.3em;
}

.fp-slidesNav ul li a.active span {
    background: none repeat scroll 0 0 #fff;
}

.fp-slidesNav ul li a span {
    border: 1px solid #fff;
}

#mentionslegales {
    bottom: 0;
    color: #fff;
    font-size: 0.6em;
    letter-spacing: 1px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    position: absolute;
    text-align: center;
    width: 100%;
}

#mentionslegales a {
    text-shadow: none;
}

.texte>div:first-child {
    margin-bottom: 0.7em;
}

/**********************
    RESPONSIVENESS
***********************/
@media (min-width: 380px) {
    article h1 {
        font-size: 2em;
    }
}


@media (min-width: 768px) {

    .slidearrowright,
    .slidearrowleft {
        font-size: 4em;
    }

    .bt-suite {
        /*width:50% !important;*/
    }

    #ecrits .header,
    #jeunesse .header {
        height: 25vh;
    }

    #ecrits .texte,
    #jeunesse .text {
        height: 30vh;
    }

    #ecrits .footer,
    #jeunesse .footer {
        height: 10vh;
    }


    #regards .header {
        height: 35vh;
    }

    #regards .texte {
        height: 35vh;
    }

    #regards .footer {
        height: 5vh;
    }

    #bio .header {
        /*height: 32%;*/
    }

    #bio .header>img {
        height: 30vh;
    }

    #bio h1 {
        font-size: 2em;
    }

    #bio .texte {
        /* height: 40vh; */
        /* max-height: 30vh; */
        line-height: 1.5em;
        font-size: 1.5em !important
    }

    #bio .contenu>div {
        margin-top: 1em;
    }



    .header,
    .texte {
        font-size: 1.2em !important;
    }

    #nav-bar {
        padding-top: 0.3rem;
    }
}

@media (min-width: 992px) {
    #entete-titre {
        font-size: 5em;
    }

    #entete-soustitre {
        font-size: 1.4vw;
    }

    .navbar-custom.navbar-light .nav-item {
        font-size: 1.5em;
        margin-left: 0.7em;
        text-align: left;
        letter-spacing: 3px;
    }

    .navbar-custom.navbar-light .nav-item.active .nav-link::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 8px 20px;
        border-color: transparent transparent #243e87cc transparent;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    section {
        /* padding-top: 5.1em !important; */
    }

    #ecrits .header,
    #jeunesse .header {
        height: 30vh;
    }

    #ecrits .texte,
    #jeunesse .texte {
        height: 30vh;
    }

    #ecrits .footer,
    #jeunesse .footer {
        height: 10vh;
    }

    /*
        #bio .texte {
            font-size: 2em !important;
        }
        #bio h1 {
            font-size: 3em !important;
        }
    */
    .header {
        font-size: 1.4em !important;
    }

    .texte {
        font-size: 1.3em !important;
    }

    #nav-bar {
        padding-top: 0.6rem;
    }

}

@media (min-width: 992px) and (max-width: 1024px) {
    .collapse {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .navbar-custom.navbar-light .nav-item {
        font-size: 1.7em;
        margin-left: 1.5em;
        letter-spacing: 4px;
    }

    .slidearrowright,
    .slidearrowleft {
        font-size: 5em;
    }

    .header,
    .texte {
        font-size: 1.5em !important;
    }

    #nav-bar {
        padding-top: 0.3rem;
    }

    #ecrits .header,
    #jeunesse .header {
        height: 50vh;
    }

    .header .tease {
        height: 24vh;
    }


    #ecrits .footer,
    #jeunesse .footer {
        height: 10vh;
    }

    #regards .header {
        height: 50vh;
    }

    #regards .footer {
        height: 10vh;
    }
}

@media (min-width: 1400px) {
    #entete-titre {
        font-size: 6vw;
    }

    #entete-soustitre {
        font-size: 1.3vw;
    }

    .navbar-custom.navbar-light .nav-item {
        font-size: 1.8em;
        margin-left: 1.3em;
    }

    section {
        /* padding-top: 5.5em !important; */
    }

    #nav-bar {
        padding-top: 0.5rem;
    }


}



/**********************************************************************************/
/*	SECTIONS ARTICLES BOX (Texte central + encadré à gauche + boutons + extraits)
/**********************************************************************************/

.article-box {
    color: #fff;
    /*display: inline-block;*/
    /*height: 70%;*/
    /*position: relative;*/
    /*width: 70%;*/
    /*
    color: #fff;
        display: inline-block;
        width: 55%;
        height: 65%;
    */
}




/**********************
    CONTACT
***********************/
.form-group {
    position: relative;
    /*margin-bottom: 2.25rem;*/
}

.form-group input {
    height: 1.9rem;
}

.form-group textarea {
    resize: vertical;
    min-height: 25vh;
    overflow: hidden;
}

.form-group .control-label {
    position: absolute;
    top: 0.25rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    /*color: #b3b3b3;*/
    color: #dbdbdb;
    font-size: 1rem;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.form-group .bar {
    position: relative;
    border-bottom: 0.0625rem solid #dbdbdb;
    display: block;
}

.form-group .bar::before {
    content: '';
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}

.form-group input,
.form-group textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.4;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}

.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
    color: rgba(255, 255, 255, 0.95);
}

.form-group select~.control-label,
.form-group input:focus~.control-label,
.form-group input:valid~.control-label,
.form-group input.form-file~.control-label,
.form-group input.has-value~.control-label,
.form-group textarea:focus~.control-label,
.form-group textarea:valid~.control-label,
.form-group textarea.form-file~.control-label,
.form-group textarea.has-value~.control-label {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    top: -1rem;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
    outline: none;
}

.form-group select:focus~.control-label,
.form-group input:focus~.control-label,
.form-group textarea:focus~.control-label {
    color: rgba(255, 255, 255, 0.6);
}

.form-group select:focus~.bar::before,
.form-group input:focus~.bar::before,
.form-group textarea:focus~.bar::before {
    width: 100%;
    left: 0;
}

.submitbtn {
    background-color: #45454547;
    color: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.56);
    transition: all 0.4s ease 0s;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1.3em;
    padding: 0.5em 0;
    text-shadow: 2px 2px 5px black;
    letter-spacing: 3px;
}

.submitbtn:hover {
    background-color: #a2a2a247;
}

.form-error {
    color: #f00;
    margin-bottom: 2em;
}

.form-info {
    color: white;
    font-size: 1.5em;
    text-align: center;
    background-color: #ffffff26;
}

.field-error {
    display: none;
    color: #f00;
    margin: 4px 0 0 0;
    text-shadow: 1px 1px 0px #060606;
    background: #00000042;
    padding: 0 7px;
}

.g-recaptcha {
    display: inline-block;
}


/**********************
    HACKS
***********************/

/* empeche de sélectionner une image */
img {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}



/*
.colgauche {
    display: inline-block;
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: left;
    width: 25%;
}

.colgauche a {
    text-shadow:none;
}
.colgauche a:hover {
    text-decoration: none;
}

.coldroite {
    height: 100%;
    position: absolute;
    right: 0;
    width: 75%;    
}

.img-article {
    display: inline-block;
    width: 80%;
    margin-bottom: 1em;
    border: 0.3em inset rgba(255, 255, 255, 0.14);
    border-radius: 8px;
}

.btextrait, .lien {
    cursor: pointer;
    display: block;
    line-height: 1.8em;
    opacity: 0.7;
    text-align: center;
    transition: all 0.6s ease 0s;
}

.btlink {
    display:block;
    opacity:0;
    transition: all 0.6s ease 0s;
    line-height: 1.8em;
}
.btlink.actif {
    background-color: rgba(255, 255, 255, 0.24);
    opacity:1;
}


.btbar {
    display:inline-block;
    width:80%;
    float: left;
}

.btlinkbar {
    display:inline-block;
    width:20%
}

.btextrait:hover, .lien:hover {
    opacity: 1;
}

.btextrait.actif {
    background-color: rgba(255, 255, 255, 0.24);
    color: #ffffff;
    text-align: right;
    padding-right: 0.5em;
    opacity: 1;
}
.btextrait.actif::before {
    color: #fff;
    content: "X";
    float: left;
    left: 0.4em;
    margin-left: 0;
    padding-left: 0.5em;
}
.btextrait.actif:hover::before {
}

.lien {
    border: 1px solid rgba(255, 255, 255, 0.52);
    margin: 1.5em 0 0;
    width: 80%;
    letter-spacing: 1px;
    border-radius: 2px;
}
.lien a {
    color:inherit;    
    display: block;
}
.lien .gauche {
    float:left;
    margin-left: 0.5em;
}
.lien .droite {
    float:right;
    margin-right: 0.5em;
}
.lien:hover {
    background-color:rgba(255, 255, 255, 0.52);
    color:#000;
}

.texte-box {
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.6s ease 0s;    
}
.texte-box.actif {
    opacity:1;
    z-index:10;
}
.extrait-box.actif {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.24);
    padding: 1.5em;
    border-radius: 1.2em;
}
.titre-article {
    display: block;
    font-size: 2.5em;
    font-style: normal;
    text-align: left;
    text-shadow: 1px 1px #000;    
}

.soustitre-article {
    font-size: 1em;
    font-style: italic;
    line-height: 1.3em;
    margin: 0;
    text-shadow: 1px 1px #000;
    text-align:left;
    margin-bottom: 1em;
}
.texte-article {
    font-family: Georgia;
    font-size: 1.2em;
    font-style: normal;
    letter-spacing: 0.1em;
    line-height: 1.7em;
    margin:0;
    text-align:left;
    padding-right: 1em;
    text-shadow: 1px 1px #000;
}
.texte-article strong {
    font-weight: bolder;
}
section .texte-article a, section .fullscreen a {
    color:#324fe1;
}
section .texte-article a:hover, section .fullscreen a:hover {
    text-decoration: underline;
}

.large-right .texte-article {
    font-family: "Sue Ellen Francisco",cursive;
    font-size: 1.6em;
    text-align: left;
}
.texte-article-wrapper {
    display: inline-block;
    height: 90%;
    overflow: hidden;
    width: 100%;    
}

/***************************************************************************************
/*	SECTIONS ARTICLES LARGES (image en partie gauche gauche, texte en partie droite)
/***************************************************************************************

.article-large {
    color: #fff;
    display: inline-block;
    height: 100%;
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
}
.large-left {
    display: inline-block;
    width:45%;
    height:100%;
    float:left;
    position: relative;
    margin-top: 10%; 
}
.img-large-left {
    width: 40%;
    border: 0.4em inset rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    position: absolute;
    right: 0.2em;
    margin-right: 10%; 
}

.large-right {
    font-family: "Sue Ellen Francisco",cursive;
    display: inline-block;
    float: left;
    height: 100%;
    margin-top: 10%; 
    width: 45%;
}

.large-right .titre-article {
    letter-spacing: 3px;
    text-align: left;
}
*/


/**************************************************************************************
/*	Formulaire Contact
/*************************************************************************************
form#contactmsg {
    text-align: left;
    width: 70%;
}
form#contactmsg input, form#contactmsg textarea {
    border-radius: 2px;
}
form#contactmsg input[type=text], form#contactmsg textarea {
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
    border: 1px inset rgba(84, 84, 84, 0.34);
    font-family: Lato,Arial,sans-serif;
    font-size: 2em;
    color: rgba(234, 244, 233, 0.92);
    line-height: 1.6em;
    margin-bottom: 1em;
    padding: 0 0.2em;
    width: 100%;
}
form#contactmsg .formerror {
    display:inline-block;
    width:70%;
    color: #fff;
    font-size: 1.5em;
    color: #f9ffcf;
    text-shadow: 1px 1px #0c5412;
}
form#contactmsg .msgerr {
    display:none;
}
form#contactmsg #no-error {
    display:inline;
}
form#contactmsg input.submitbtn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #fff;
    font-size: 1.7em;
    right: 0;
    width: 30%;
    margin:0;
    display:inline-block;
    position:absolute;
    right:0;
    text-shadow: 1px 1px #274e12;
}
form#contactmsg input.submitbtn:hover {
    background:#fff;
    color:#487b3b;
}
form#contactmsg textarea {
    height: 10em;
}
*/
/***************************************************************************************/
/*	Encarts accueil
/***************************************************************************************/
/*
#encarts {
    float: right;
    height: 40%;
    padding: 2em;
    position: relative;
    top: -16em;
    width: 75%;
}
*/
.encart-box {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    /*float: right;*/
    padding: 1em;
    position: absolute;
    right: 5%;
    top: 25%;
    transition: all 0.7s ease 0s;
    width: 30%;


    /*
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 1em;
    width: 35%;
    float:right;
    margin:4em;
    transition: all 0.7s ease 0s;    
    */
}

#parution {
    right: 37%;
}

.encart-box p.encart-titre {
    color: rgba(0, 0, 0, 0.22);
    font-size: 2.3em;
    font-variant: small-caps;
    font-weight: 400;
    transition: all 0.7s ease 0s;
    z-index: 10;
}

.encart-box p.encart-txt {
    text-align: justify;
}

.encart-box img {
    width: 100%;
    /*height: 13em;*/
    opacity: 0.7;
    transition: all 0.7s ease 0s;
    z-index: 10;
}

.encart-box:hover {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid rgba(0, 0, 0, 1);
}

.encart-box:hover p.encart-titre {
    color: rgba(0, 0, 0, 1);
}

.encart-box:hover img {
    opacity: 1;
}

#textedeco {
    bottom: 0;
    color: rgba(0, 0, 0, 0.11);
    font-family: "Sue Ellen Francisco", cursive;
    font-size: 3.9em;
    font-style: italic;
    height: 4.2em;
    line-height: 1.1em;
    position: absolute;
    width: 110%;
    z-index: 1;
    overflow: hidden;
}


.fullscreen {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.1s, opacity 0.8s linear;

    font-family: Georgia;
    color: #56503a;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.90);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.fullscreen.actif {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.fullscreen .zonecontenu {
    display: inline-block;
    padding: 3em;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.fullscreen img {
    float: left;
    margin: 0 2em 0 0;
}

.fullscreentitre {
    font-size: 4em;
    line-height: 1em;
    margin-bottom: 1em;
    width: 90%;
}

.fullscreentexte {
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 1.9em;
    text-align: justify;
}

.zonefermer {
    color: #cdcdcd;
    cursor: pointer;
    position: absolute;
    right: 4em;
    top: 0;
    /*padding: 1em 0 0 3em;*/
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84);
    transition: all 0.7s ease 0s;
}

.boutonfermer {
    float: right;
    font-family: cursive;
    font-size: 6.6em;
    line-height: 1.2em;
    margin: 0 0 0 0.3em;
    transition: all 0.7s ease 0s;
}

.textefermer {
    float: right;
    font-family: Lato;
    font-size: 2.0em;
    line-height: 4.0em;
    transition: all 0.7s ease 0s;
}

.zonefermer:hover .textefermer,
.zonefermer:hover .boutonfermer {
    color: #56503a;
}

.zonefermer:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}