/*
#@squelettes/css/perso.less
*/
/**
 * SOMMAIRE
 *
 * BASES & Variables
 *  Polices @font-face
 *  Variables
 *  Fonctions & Mixins
 *
 *
 * TYPO
 *  Habillage des balises HTML
 *    Eléments principaux
 *    Hyperliens
 *    Habillage des elements du contenu (listes et tableaux, fil d'ariane, éléments internes)
 *    Formulaires & Boutons
 *    Commentaires & sondages
 *
 *
 * LAYOUT
 *  Eléments principaux
 *  Entête, navigation et footer
 *  Gabarit d'impression
 *  Responsive
 *
 *
 *



 /******************************************************************************/
/* reset.css (MAD)
 * Exlus du Rest : small, stronger, */
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,
img,
ins,
kbd,
q,
s,
samp,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
/*ol,ul{list-style:none}
 blockquote,q{quotes:none}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    box-shadow: none !important;
  }
}
/*------------------------------------*\
    BASES & Variables
  \*------------------------------------*/
/* polices */
@font-face {
  font-family: 'icomoon';
  src: url('//www.realittes.net/squelettes/css/polices/icomoon/fonts/icomoon.eot?gl0bjp');
  src: url('//www.realittes.net/squelettes/css/polices/icomoon/fonts/icomoon.eot?gl0bjp#iefix') format('embedded-opentype'), url('//www.realittes.net/squelettes/css/polices/icomoon/fonts/icomoon.ttf?gl0bjp') format('truetype'), url('//www.realittes.net/squelettes/css/polices/icomoon/fonts/icomoon.woff?gl0bjp') format('woff'), url('//www.realittes.net/squelettes/css/polices/icomoon/fonts/icomoon.svg?gl0bjp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-americanexpress:before {
  content: "\e9f3";
  /*color: #2e77bc;*/
}
.icon-applepay:before {
  content: "\e9f4";
}
.icon-github1:before {
  content: "\e9f5";
}
.icon-gitlab1:before {
  content: "\e9f6";
  /*color: #fca121;*/
}
.icon-gnu:before {
  content: "\e9f7";
  /*color: #a42e2b;*/
}
.icon-googlepay:before {
  content: "\e9f8";
  /*color: #5f6368;*/
}
.icon-instagram1:before {
  content: "\ea02";
  /*color: #e4405f;*/
}
.icon-mastercard:before {
  content: "\e9f9";
  /*color: #eb001b;*/
}
.icon-patreon1:before {
  content: "\e9fa";
  /*color: #f96854;*/
}
.icon-paypal2:before {
  content: "\e9fb";
  /*color: #00457c;*/
}
.icon-peertube:before {
  content: "\ea03";
  /*color: #f1680d;*/
}
.icon-samsungpay:before {
  content: "\e9fc";
  /*color: #1428a0;*/
}
.icon-visa:before {
  content: "\e9fd";
  /*color: #142787;*/
}
.icon-wire1:before {
  content: "\e9fe";
}
.icon-matrix:before {
  content: "\e9e7";
}
.icon-liberapay:before {
  content: "\e9e8";
  /*color: #f6c915;*/
}
.icon-medium:before {
  content: "\e945";
}
.icon-ello:before {
  content: "\e962";
}
.icon-nextcloud:before {
  content: "\e900";
  color: #0082c9;
}
.icon-mastodon:before {
  content: "\e901";
  /*color: #3088d4;*/
}
.icon-bitcoincoul:before {
  content: "\e902";
  /*color: #f7931a;*/
}
.icon-rsscoul:before {
  content: "\e903";
  /*color: #ffa500;*/
}
.icon-wire:before {
  content: "\e904";
}
.icon-diaspora:before {
  content: "\e905";
}
.icon-patreon:before {
  content: "\e98c";
  /*color: #f96854;*/
}
.icon-soundcloudcoul:before {
  content: "\e906";
  /*color: #f30;*/
}
.icon-behancecoul:before {
  content: "\e907";
  /*color: #1769ff;*/
}
.icon-flickrcoul:before {
  content: "\e908";
  /*color: #0063dc;*/
}
.icon-share1:before {
  content: "\e9e5";
}
.icon-image:before {
  content: "\e9e6";
}
.icon-tag1:before {
  content: "\e909";
}
.icon-tag2:before {
  content: "\e90a";
}
.icon-cabinet:before {
  content: "\e90b";
}
.icon-cabinet1:before {
  content: "\e90c";
}
.icon-calendar:before {
  content: "\e90d";
}
.icon-camera2:before {
  content: "\e90e";
}
.icon-camera3:before {
  content: "\e90f";
}
.icon-film2:before {
  content: "\e910";
}
.icon-film3:before {
  content: "\e911";
}
.icon-film4:before {
  content: "\e912";
}
.icon-drink:before {
  content: "\e98e";
}
.icon-drink1:before {
  content: "\e98f";
}
.icon-coffee:before {
  content: "\e913";
}
.icon-mug:before {
  content: "\e914";
}
.icon-checkmark:before {
  content: "\e992";
}
.icon-cancel:before {
  content: "\e993";
}
.icon-warning1:before {
  content: "\e915";
}
.icon-pictures:before {
  content: "\e916";
}
.icon-cassette:before {
  content: "\e9e9";
}
.icon-position:before {
  content: "\e917";
}
.icon-sitemap:before {
  content: "\ea04";
}
.icon-sitemap1:before {
  content: "\ea05";
}
.icon-location1:before {
  content: "\e918";
}
.icon-download1:before {
  content: "\e919";
}
.icon-phone2:before {
  content: "\e91a";
}
.icon-image1:before {
  content: "\e9ea";
}
.icon-direction:before {
  content: "\e91b";
}
.icon-map3:before {
  content: "\e91c";
}
.icon-trashcan:before {
  content: "\e91d";
}
.icon-graduate:before {
  content: "\e9eb";
}
.icon-lab1:before {
  content: "\e91e";
}
.icon-refrigerator:before {
  content: "\e977";
}
.icon-locked:before {
  content: "\e9ff";
}
.icon-unlocked:before {
  content: "\ea00";
}
.icon-batman:before {
  content: "\e994";
}
.icon-spaceinvaders:before {
  content: "\e995";
}
.icon-lamp:before {
  content: "\e91f";
}
.icon-lamp1:before {
  content: "\e920";
}
.icon-umbrella:before {
  content: "\e9e1";
}
.icon-archive:before {
  content: "\e921";
}
.icon-lamp2:before {
  content: "\e922";
}
.icon-tools:before {
  content: "\e923";
}
.icon-screwdriver:before {
  content: "\e924";
}
.icon-pen1:before {
  content: "\e925";
}
.icon-chat:before {
  content: "\e926";
}
.icon-comments:before {
  content: "\e927";
}
.icon-chat1:before {
  content: "\e928";
}
.icon-chat2:before {
  content: "\e929";
}
.icon-resize:before {
  content: "\e92a";
}
.icon-download2:before {
  content: "\e92b";
}
.icon-attachment1:before {
  content: "\e92c";
}
.icon-hourglass:before {
  content: "\e92d";
}
.icon-pencil3:before {
  content: "\e92e";
}
.icon-pen2:before {
  content: "\e92f";
}
.icon-pin:before {
  content: "\e930";
}
.icon-discout:before {
  content: "\e931";
}
.icon-pig:before {
  content: "\e9e2";
}
.icon-bookmark1:before {
  content: "\e932";
}
.icon-music1:before {
  content: "\e933";
}
.icon-heart1:before {
  content: "\e934";
}
.icon-info1:before {
  content: "\e935";
}
.icon-info2:before {
  content: "\e936";
}
.icon-piano:before {
  content: "\e937";
}
.icon-bike1:before {
  content: "\ea01";
}
.icon-bus:before {
  content: "\e938";
}
.icon-bike:before {
  content: "\e939";
}
.icon-plane:before {
  content: "\e93a";
}
.icon-paperplane:before {
  content: "\e93b";
}
.icon-rocket2:before {
  content: "\e93c";
}
.icon-book2:before {
  content: "\e93d";
}
.icon-book3:before {
  content: "\e93e";
}
.icon-barcode2:before {
  content: "\e93f";
}
.icon-target:before {
  content: "\e940";
}
.icon-ticket2:before {
  content: "\e941";
}
.icon-ticket3:before {
  content: "\e942";
}
.icon-cone:before {
  content: "\e943";
}
.icon-radio:before {
  content: "\e944";
}
.icon-alert:before {
  content: "\e946";
}
.icon-pictures1:before {
  content: "\e9ec";
}
.icon-atom:before {
  content: "\e947";
}
.icon-globe1:before {
  content: "\e948";
}
.icon-globe2:before {
  content: "\e949";
}
.icon-shipping:before {
  content: "\e94a";
}
.icon-yingyang:before {
  content: "\e94b";
}
.icon-tags1:before {
  content: "\e94c";
}
.icon-clipboard:before {
  content: "\e94d";
}
.icon-switch:before {
  content: "\e94e";
}
.icon-ruler:before {
  content: "\e94f";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-o:before {
  content: "\f006";
}
.icon-film1:before {
  content: "\f008";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-home:before {
  content: "\f015";
}
.icon-road1:before {
  content: "\f018";
}
.icon-barcode1:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book1:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera1:before {
  content: "\f030";
}
.icon-pencil1:before {
  content: "\f040";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-phone1:before {
  content: "\f095";
}
.icon-bookmark-o:before {
  content: "\f097";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-github:before {
  content: "\f09b";
}
.icon-credit-card1:before {
  content: "\f09d";
}
.icon-feed1:before {
  content: "\f09e";
}
.icon-rss1:before {
  content: "\f09e";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-flask:before {
  content: "\f0c3";
}
.icon-paperclip:before {
  content: "\f0c6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-flash:before {
  content: "\f0e7";
}
.icon-lightbulb-o:before {
  content: "\f0eb";
}
.icon-angle-double-left:before {
  content: "\f100";
}
.icon-angle-double-right:before {
  content: "\f101";
}
.icon-angle-double-up:before {
  content: "\f102";
}
.icon-angle-double-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-star-half-full:before {
  content: "\f123";
}
.icon-star-half-o:before {
  content: "\f123";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-ellipsis-h:before {
  content: "\f141";
}
.icon-ellipsis-v:before {
  content: "\f142";
}
.icon-rss-square:before {
  content: "\f143";
}
.icon-ticket1:before {
  content: "\f145";
}
.icon-bitcoin:before {
  content: "\f15a";
}
.icon-btc:before {
  content: "\f15a";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-youtube1:before {
  content: "\f167";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-space-shuttle:before {
  content: "\f197";
}
.icon-graduation-cap:before {
  content: "\f19d";
}
.icon-mortar-board:before {
  content: "\f19d";
}
.icon-paw:before {
  content: "\f1b0";
}
.icon-tree1:before {
  content: "\f1bb";
}
.icon-soundcloud1:before {
  content: "\f1be";
}
.icon-qq:before {
  content: "\f1d6";
}
.icon-wechat:before {
  content: "\f1d7";
}
.icon-weixin:before {
  content: "\f1d7";
}
.icon-paper-plane:before {
  content: "\f1d8";
}
.icon-send:before {
  content: "\f1d8";
}
.icon-paper-plane-o:before {
  content: "\f1d9";
}
.icon-send-o:before {
  content: "\f1d9";
}
.icon-binoculars1:before {
  content: "\f1e5";
}
.icon-newspaper-o:before {
  content: "\f1ea";
}
.icon-paypal1:before {
  content: "\f1ed";
}
.icon-google-wallet:before {
  content: "\f1ee";
}
.icon-cc-visa:before {
  content: "\f1f0";
}
.icon-cc-mastercard:before {
  content: "\f1f1";
}
.icon-cc-discover:before {
  content: "\f1f2";
}
.icon-cc-amex:before {
  content: "\f1f3";
}
.icon-cc-paypal:before {
  content: "\f1f4";
}
.icon-cc-stripe:before {
  content: "\f1f5";
}
.icon-cc:before {
  content: "\f20a";
}
.icon-ship:before {
  content: "\f21a";
}
.icon-motorcycle:before {
  content: "\f21c";
}
.icon-hand-spock-o:before {
  content: "\f259";
}
.icon-television:before {
  content: "\f26c";
}
.icon-tv1:before {
  content: "\f26c";
}
.icon-500px1:before {
  content: "\f26e";
}
.icon-map-signs:before {
  content: "\f277";
}
.icon-map-o:before {
  content: "\f278";
}
.icon-map1:before {
  content: "\f279";
}
.icon-commenting:before {
  content: "\f27a";
}
.icon-commenting-o:before {
  content: "\f27b";
}
.icon-fort-awesome:before {
  content: "\f286";
}
.icon-shopping-bag:before {
  content: "\f290";
}
.icon-shopping-basket:before {
  content: "\f291";
}
.icon-gitlab:before {
  content: "\f296";
}
.icon-grav:before {
  content: "\f2d6";
}
.icon-microchip:before {
  content: "\f2db";
}
.icon-wpexplorer:before {
  content: "\f2de";
}
.icon-creative-commons-attribution:before {
  content: "\e950";
}
.icon-creative-commons-noderivs:before {
  content: "\e951";
}
.icon-creative-commons-noncommercial-eu:before {
  content: "\e952";
}
.icon-creative-commons-noncommercial-us:before {
  content: "\e953";
}
.icon-creative-commons-public-domain:before {
  content: "\e954";
}
.icon-creative-commons-remix:before {
  content: "\e955";
}
.icon-creative-commons-share:before {
  content: "\e956";
}
.icon-creative-commons-sharealike:before {
  content: "\e957";
}
.icon-creative-commons:before {
  content: "\e958";
}
.icon-chevron-thin-down:before {
  content: "\e996";
}
.icon-chevron-thin-left:before {
  content: "\e997";
}
.icon-chevron-thin-right:before {
  content: "\e998";
}
.icon-chevron-thin-up:before {
  content: "\e9a9";
}
.icon-dots-three-horizontal:before {
  content: "\e959";
}
.icon-open-book:before {
  content: "\e95a";
}
.icon-aircraft-landing:before {
  content: "\e95b";
}
.icon-aircraft-take-off:before {
  content: "\e95c";
}
.icon-aircraft:before {
  content: "\e95d";
}
.icon-attachment2:before {
  content: "\e95e";
}
.icon-beamed-note:before {
  content: "\e95f";
}
.icon-camera4:before {
  content: "\e960";
}
.icon-chat3:before {
  content: "\e961";
}
.icon-drop:before {
  content: "\e963";
}
.icon-edit:before {
  content: "\e964";
}
.icon-email:before {
  content: "\e965";
}
.icon-export:before {
  content: "\e966";
}
.icon-globe3:before {
  content: "\e967";
}
.icon-heart-outlined:before {
  content: "\e968";
}
.icon-heart2:before {
  content: "\e969";
}
.icon-help-with-circle:before {
  content: "\e96a";
}
.icon-help:before {
  content: "\e96b";
}
.icon-home1:before {
  content: "\e96c";
}
.icon-hour-glass:before {
  content: "\e96d";
}
.icon-infinity:before {
  content: "\e96e";
}
.icon-info-with-circle:before {
  content: "\e96f";
}
.icon-info3:before {
  content: "\e970";
}
.icon-key:before {
  content: "\e971";
}
.icon-light-bulb:before {
  content: "\e972";
}
.icon-link1:before {
  content: "\e973";
}
.icon-location-pin:before {
  content: "\e974";
}
.icon-location3:before {
  content: "\e975";
}
.icon-mail:before {
  content: "\e976";
}
.icon-map4:before {
  content: "\e978";
}
.icon-message:before {
  content: "\e979";
}
.icon-mic1:before {
  content: "\e97a";
}
.icon-new-message:before {
  content: "\e97b";
}
.icon-new:before {
  content: "\e97c";
}
.icon-news:before {
  content: "\e97d";
}
.icon-note:before {
  content: "\e97e";
}
.icon-old-mobile:before {
  content: "\e97f";
}
.icon-paper-plane1:before {
  content: "\e980";
}
.icon-pencil4:before {
  content: "\e981";
}
.icon-phone3:before {
  content: "\e982";
}
.icon-pin1:before {
  content: "\e983";
}
.icon-price-tag:before {
  content: "\e984";
}
.icon-rocket3:before {
  content: "\e985";
}
.icon-rss4:before {
  content: "\e986";
}
.icon-share2:before {
  content: "\e9ed";
}
.icon-shop:before {
  content: "\e9e3";
}
.icon-shopping-bag1:before {
  content: "\e9e4";
}
.icon-suitcase:before {
  content: "\e987";
}
.icon-ticket4:before {
  content: "\e988";
}
.icon-traffic-cone:before {
  content: "\e989";
}
.icon-tree:before {
  content: "\e9ee";
}
.icon-typing:before {
  content: "\e98a";
}
.icon-user1:before {
  content: "\e98b";
}
.icon-video:before {
  content: "\e98d";
}
.icon-flattr1:before {
  content: "\e990";
}
.icon-icloud:before {
  content: "\e991";
}
.icon-home3:before {
  content: "\e999";
}
.icon-newspaper:before {
  content: "\e99a";
}
.icon-pencil:before {
  content: "\e99b";
}
.icon-pencil2:before {
  content: "\e99c";
}
.icon-quill:before {
  content: "\e99d";
}
.icon-pen:before {
  content: "\e99e";
}
.icon-blog:before {
  content: "\e99f";
}
.icon-droplet:before {
  content: "\e9a0";
}
.icon-camera:before {
  content: "\e9a1";
}
.icon-headphones:before {
  content: "\e9a2";
}
.icon-music:before {
  content: "\e9a3";
}
.icon-play:before {
  content: "\e9a4";
}
.icon-film:before {
  content: "\e9a5";
}
.icon-video-camera:before {
  content: "\e9a6";
}
.icon-dice:before {
  content: "\e9a7";
}
.icon-pacman:before {
  content: "\e9a8";
}
.icon-podcast:before {
  content: "\e9aa";
}
.icon-feed:before {
  content: "\e9ab";
}
.icon-mic:before {
  content: "\e9ac";
}
.icon-book:before {
  content: "\e9ad";
}
.icon-books:before {
  content: "\e9ae";
}
.icon-barcode:before {
  content: "\e9af";
}
.icon-qrcode:before {
  content: "\e9b0";
}
.icon-ticket:before {
  content: "\e9b1";
}
.icon-coin-euro:before {
  content: "\e9b2";
}
.icon-credit-card:before {
  content: "\e9b3";
}
.icon-lifebuoy:before {
  content: "\e9b4";
}
.icon-phone:before {
  content: "\e9b5";
}
.icon-address-book:before {
  content: "\e9b6";
}
.icon-envelop:before {
  content: "\e9b7";
}
.icon-pushpin:before {
  content: "\e9b8";
}
.icon-location:before {
  content: "\e9b9";
}
.icon-location2:before {
  content: "\e9ba";
}
.icon-map:before {
  content: "\e9bb";
}
.icon-map2:before {
  content: "\e9bc";
}
.icon-printer:before {
  content: "\e9bd";
}
.icon-display:before {
  content: "\e9be";
}
.icon-tv:before {
  content: "\e9bf";
}
.icon-download:before {
  content: "\e9c0";
}
.icon-upload:before {
  content: "\e9c1";
}
.icon-bubble:before {
  content: "\e9c2";
}
.icon-bubbles:before {
  content: "\e9c3";
}
.icon-bubbles2:before {
  content: "\e9c4";
}
.icon-bubble2:before {
  content: "\e9c5";
}
.icon-bubbles3:before {
  content: "\e9c6";
}
.icon-bubbles4:before {
  content: "\e9c7";
}
.icon-user:before {
  content: "\e9c8";
}
.icon-spinner:before {
  content: "\e9c9";
}
.icon-spinner2:before {
  content: "\e9ca";
}
.icon-spinner3:before {
  content: "\e9cb";
}
.icon-spinner4:before {
  content: "\e9cc";
}
.icon-spinner6:before {
  content: "\e9cd";
}
.icon-spinner9:before {
  content: "\e9ef";
}
.icon-spinner10:before {
  content: "\e9ce";
}
.icon-binoculars:before {
  content: "\e9cf";
}
.icon-search:before {
  content: "\e9d0";
}
.icon-enlarge:before {
  content: "\e9d1";
}
.icon-shrink:before {
  content: "\e9f0";
}
.icon-equalizer:before {
  content: "\e9f1";
}
.icon-equalizer2:before {
  content: "\e9f2";
}
.icon-bug:before {
  content: "\e9d2";
}
.icon-rocket1:before {
  content: "\e9d3";
}
.icon-fire:before {
  content: "\e9d4";
}
.icon-lab:before {
  content: "\e9d5";
}
.icon-bin:before {
  content: "\e9d6";
}
.icon-airplane:before {
  content: "\e9d7";
}
.icon-road:before {
  content: "\e9d8";
}
.icon-accessibility:before {
  content: "\e9d9";
}
.icon-sphere:before {
  content: "\e9da";
}
.icon-earth:before {
  content: "\e9db";
}
.icon-link:before {
  content: "\e9dc";
}
.icon-attachment:before {
  content: "\e9dd";
}
.icon-star-empty:before {
  content: "\e9de";
}
.icon-star-half:before {
  content: "\e9df";
}
.icon-star-full:before {
  content: "\e9e0";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-infinite:before {
  content: "\ea2f";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-share:before {
  content: "\ea7d";
}
.icon-new-tab:before {
  content: "\ea7e";
}
.icon-rss:before {
  content: "\ea9b";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-vimeo:before {
  content: "\eaa0";
}
.icon-flickr:before {
  content: "\eaa3";
}
.icon-flickr2:before {
  content: "\eaa4";
}
.icon-behance:before {
  content: "\eaa8";
}
.icon-500px:before {
  content: "\eaab";
}
.icon-soundcloud:before {
  content: "\eac3";
}
.icon-flattr:before {
  content: "\ead5";
}
.icon-paypal:before {
  content: "\ead8";
}
/* Iconfont Icomoon */
/* CrimsonPro */
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-Italic.ttf');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-ExtraLight.ttf');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-ExtraLightItalic.ttf');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'CrimsonPro';
  src: url('//www.realittes.net/squelettes/css/polices/CrimsonPro-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
}
/* Lato */
@font-face {
  font-family: 'Lato';
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Hairline.ttf');
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Hairline.woff') format('woff'), url('//www.realittes.net/squelettes/css/polices/LatoLatin-Hairline.ttf') format('truetype');
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Thin.ttf');
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Thin.woff') format('woff'), url('//www.realittes.net/squelettes/css/polices/LatoLatin-Thin.ttf') format('truetype');
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Light.ttf');
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Light.woff') format('woff'), url('//www.realittes.net/squelettes/css/polices/LatoLatin-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Regular.ttf');
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Regular.woff') format('woff'), url('//www.realittes.net/squelettes/css/polices/LatoLatin-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Bold.ttf');
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Bold.woff') format('woff'), url('//www.realittes.net/squelettes/css/polices/LatoLatin-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Heavy.ttf');
  src: url('//www.realittes.net/squelettes/css/polices/LatoLatin-Heavy.woff') format('woff'), url('//www.realittes.net/squelettes/css/polices/LatoLatin-Heavy.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
/* Karmilla */
@font-face {
  font-family: 'Karmilla';
  src: url('//www.realittes.net/squelettes/css/karmilla-bold-016-webfont.ttf');
  src: url('//www.realittes.net/squelettes/css/karmilla-bold-016-webfont.woff') format('woff'), url('//www.realittes.net/squelettes/css/karmilla-bold-016-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Karmilla';
  src: url('//www.realittes.net/squelettes/css/karmilla-regular-016-webfont.ttf');
  src: url('//www.realittes.net/squelettes/css/karmilla-regular-016-webfont.woff') format('woff'), url('//www.realittes.net/squelettes/css/karmilla-regular-016-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/******************************************************************************/
/* Variables */
/* entête et footer */
/*LR bleu*/
/*LR foncé*/
/*Realittes rouge*/
/*Realittes foncé*/
/*Lautrecotedumiroir jaune*/
/*Lautrecotedumiroir foncé*/
/*@B1 : #FF760D; /*Laboutique couleur*/
/*@B2 : #E84300; /*Laboutique foncé*/
/*@B1 : #6395E4; /*Laboutique couleur*/
/*@B2 : #4F78B6; /*Laboutique foncé*/
/*Laboutique couleur*/
/*Laboutique foncé*/
/*Horizonscommuns couleur*/
/*Horizonscommuns foncé*/
/******************************************************************************/
/* Fonctions & Mixins */
/******************************************************************************/
/* TYPO */
/* ------------------------------------------
  /* Habillage des balises HTML
  /* ------------------------------------------ */
/* Elements principaux
  ------------------------------------------ */
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: "CrimsonPro", serif;
  font-weight: 200;
  font-size: 19px;
  line-height: 1.9;
  color: #333333;
  background: #ffffff;
}
h1,
.h1 {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: 3.5em;
  line-height: 1.5;
  margin-bottom: .75em;
}
h2,
.h2 {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: 2.75em;
  line-height: 1;
  margin-bottom: 1em;
}
h3,
.h3 {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: 2.35em;
  line-height: 1.2;
  padding-top: 1.15em;
  margin-bottom: .75em;
}
h4,
.h4 {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2em;
  line-height: 1.364;
  margin-bottom: 1.364em;
}
h5,
.h5 {
  font-family: "CrimsonPro", serif;
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  font-family: "CrimsonPro", serif;
  font-weight: 800;
  font-size: 1.25em;
}
h1,
.h1,
h2,
.h2 {
  line-height: 1.2;
}
p,
dl,
dd,
blockquote,
address,
pre,
table,
.table,
fieldset {
  margin-bottom: 1.5em;
}
i,
.i {
  font-style: italic;
}
sup,
.sup,
sub,
.sub {
  position: relative;
  font-size: 80%;
  font-variant: normal;
  line-height: 0;
  vertical-align: baseline;
}
sup,
.sup {
  top: -0.2em;
}
sub,
.sub {
  bottom: -0.25em;
}
spip_logo_site,
.spip_logo_site {
  font-family: "CrimsonPro", serif;
  font-size: 2em;
  font-weight: 100;
  font-stretch: condensed;
}
.icon {
  padding: 0 8px;
}
.icon a {
  text-decoration: none;
}
.annotation {
  font-size: small;
  color: yellow;
  padding: 0 8px;
}
/* Hyperliens
  ---------------------------------------------- */
a {
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  border-radius: 0;
}
a:visited {
  text-decoration: none;
  background-color: transparent;
  opacity: .7;
}
a:focus,
a:hover,
a:active {
  color: #333333 !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0;
}
::selection {
  background-color: #333333;
  color: #ffffff;
}
::-moz-selection {
  background-color: #333333;
  color: #ffffff;
}
.lr a,
.page_404 .lr a:visited {
  color: #0a85f5;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.lr a:visited,
.lr h1 {
  color: #04447f;
  text-decoration: none;
  background-color: transparent;
}
.lr a:focus,
.lr a:hover,
.lr a:active {
  color: #0a85f5 !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.lr ::selection {
  background-color: #0a85f5;
  color: #ffffff;
}
.lr ::-moz-selection {
  background-color: #0a85f5;
  color: #ffffff;
}
.lr .cartouche .soustitre {
  margin-top: -1em;
  margin-right: -3em;
  text-align: right;
  color: #0a85f5;
  font-weight: 100;
  font-size: 1.9em;
}
.realittes a,
.page_404 .realittes a:visited {
  color: #e32f2f;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.realittes a:visited,
.realittes h1 {
  color: #9e232d;
  text-decoration: none;
  background-color: transparent;
}
.realittes a:focus,
.realittes a:hover,
.realittes a:active {
  color: #e32f2f !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.realittes ::selection {
  background-color: #e32f2f;
  color: #ffffff;
}
.realittes ::-moz-selection {
  background-color: #e32f2f;
  color: #ffffff;
}
.realittes .cartouche .soustitre {
  margin-top: -1em;
  margin-right: -3em;
  text-align: right;
  color: #e32f2f;
  font-weight: 100;
  font-size: 1.9em;
}
.lautrecotedumiroir a,
.page_404 .lautrecotedumiroir a:visited {
  color: #ffb819;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.lautrecotedumiroir a:visited,
.lautrecotedumiroir h1 {
  color: #bf8913;
  text-decoration: none;
  background-color: transparent;
}
.lautrecotedumiroir a:focus,
.lautrecotedumiroir a:hover,
.lautrecotedumiroir a:active {
  color: #ffb819 !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.lautrecotedumiroir ::selection {
  background-color: #ffb819;
  color: #ffffff;
}
.lautrecotedumiroir ::-moz-selection {
  background-color: #ffb819;
  color: #ffffff;
}
.lautrecotedumiroir #me_contacter {
  width: 100%;
  text-align: center;
  margin: 3em 0;
}
.lautrecotedumiroir #me_contacter .contact_lien {
  padding: 1em;
}
.lautrecotedumiroir #me_contacter a {
  clear: both;
  margin: 3em auto !important;
  min-width: 300px;
  width: 45%;
  min-height: 100px;
  height: auto;
  padding: 1em 2em;
  text-align: center;
  font-family: "Lato", sans-serif;
  color: black;
  line-height: 2.5em;
  font-variant: small-caps;
  font-size: 2em;
  border: solid;
}
.lautrecotedumiroir #me_contacter a:hover,
.lautrecotedumiroir #me_contacter a:focus,
.lautrecotedumiroir #me_contacter a:active {
  background-color: rgba(0, 0, 0, 0.5);
}
.laboutique a,
.page_404 .laboutique a:visited {
  color: #ff760d;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.laboutique a:visited,
.laboutique h1 {
  color: #e88600;
  text-decoration: none;
  background-color: transparent;
}
.laboutique a:focus,
.laboutique a:hover,
.laboutique a:active {
  color: #ff760d !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.laboutique ::selection {
  background-color: #ff760d;
  color: #ffffff;
}
.laboutique ::-moz-selection {
  background-color: #ff760d;
  color: #ffffff;
}
.laboutique #me_contacter {
  width: 100%;
  text-align: center;
  margin: 3em 0;
}
.laboutique #me_contacter .contact_lien {
  padding: 1em;
}
.laboutique #me_contacter a {
  clear: both;
  margin: 3em auto !important;
  min-width: 300px;
  width: 45%;
  min-height: 100px;
  height: auto;
  padding: 1em 2em;
  text-align: center;
  font-family: "Lato", sans-serif;
  color: black;
  line-height: 2.5em;
  font-variant: small-caps;
  font-size: 2em;
  border: solid;
}
.laboutique #me_contacter a:hover,
.laboutique #me_contacter a:focus,
.laboutique #me_contacter a:active {
  background-color: rgba(0, 0, 0, 0.5);
}
.horizonscommuns a,
.page_404 .horizonscommuns a:visited {
  color: #c2d627;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.horizonscommuns a:visited,
.horizonscommuns h1 {
  color: #588f27;
  text-decoration: none;
  background-color: transparent;
}
.horizonscommuns a:focus,
.horizonscommuns a:hover,
.horizonscommuns a:active {
  color: #c2d627 !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.horizonscommuns ::selection {
  background-color: #c2d627;
  color: #ffffff;
}
.horizonscommuns ::-moz-selection {
  background-color: #c2d627;
  color: #ffffff;
}
.horizonscommuns #me_contacter {
  width: 100%;
  text-align: center;
  margin: 3em 0;
}
.horizonscommuns #me_contacter .contact_lien {
  padding: 1em;
}
.horizonscommuns #me_contacter a {
  clear: both;
  margin: 3em auto !important;
  min-width: 300px;
  width: 45%;
  min-height: 100px;
  height: auto;
  padding: 1em 2em;
  text-align: center;
  font-family: "Lato", sans-serif;
  color: black;
  line-height: 2.5em;
  font-variant: small-caps;
  font-size: 2em;
  border: solid;
}
.horizonscommuns #me_contacter a:hover,
.horizonscommuns #me_contacter a:focus,
.horizonscommuns #me_contacter a:active {
  background-color: rgba(0, 0, 0, 0.5);
}
.pageunique a {
  color: #588f27;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
  text-decoration-style: dotted;
  border-radius: 0;
}
.pageunique a:visited {
  color: #588f27;
  text-decoration: none;
  text-decoration-style: none;
  background-color: transparent;
  opacity: .7;
}
.pageunique a:focus,
.pageunique a:hover,
.pageunique a:active {
  color: #a9cf54 !important;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0;
}
.pageunique ::selection {
  background-color: #333333;
  color: #ffffff;
}
.pageunique ::-moz-selection {
  background-color: #333333;
  color: #ffffff;
}
/* Quotes, code and poetry */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(en) > q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
}
:lang(es) > q {
  quotes: "\00AB" "\00BB" "\201C" "\201D";
}
:lang(it) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D";
}
:lang(de) > q {
  quotes: "\00BB" "\00AB" "\203A" "\2039";
}
:lang(no) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\2039" "\203A";
}
/* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}
/* [fr] http://www.iamvdo.me/blog/n-oubliez-pas-la-propriete-css-quotes */
blockquote {
  z-index: 0;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5em;
  padding-left: 1.5em;
  border: solid rgba(102, 102, 102, 0.2);
  border-width: 0 0 0 5px;
}
blockquote::before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  content: "\00AB";
  line-height: 0;
  font-size: 10rem;
  color: rgba(102, 102, 102, 0.1);
}
blockquote p:last-of-type {
  margin-bottom: 0;
}
blockquote footer,
blockquote .src {
  display: block;
  font-size: 80%;
}
blockquote footer::before,
blockquote .src::before {
  content: "\2014 \00A0";
}
cite,
.cite {
  font-style: italic;
}
address {
  font-style: normal;
}
/* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
/* listes & tableaux */
li,
ul {
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  border-radius: 0;
}
ul {
  list-style-type: disc;
}
li {
  display: list-item;
  text-align: match-parent;
}
/* fil d'ariane */
.arbo {
  clear: both;
  font-size: .9em;
}
.arbo * {
  font-weight: normal;
}
.arbo strong {
  color: #666;
}
.arbo a,
.arbo a:visited {
  color: #666;
  text-decoration: none;
}
.arbo a:hover,
.arbo a:focus {
  /*background-color: #666 !important; color: white;*/
  text-decoration: none;
}
.vousetesici {
  display: none;
}
.pageunique .arbo a:hover,
.pageunique .arbo a:focus {
  color: #333333 !important;
  text-decoration: none;
}
/* sommaire */
div.cs_sommaire {
  display: block;
  float: right;
  margin-left: 1em;
  margin-right: 0.4em;
  overflow: auto;
  z-index: 100;
  min-width: 550px;
  max-height: 350px;
  text-align: left;
}
div.cs_sommaire ul {
  font-size: 90%;
}
/* éléments internes article */
article ul {
  list-style-type: disc;
}
article p img {
  margin: 0 auto;
  padding: 1em;
}
article .cul img {
  margin: 0 auto;
  padding: 1em;
}
.cartouche {
  margin-right: 2px;
  text-align: right;
}
.cartouche h1 {
  margin-bottom: 0;
}
.cartouche p {
  margin-bottom: 0;
}
abbr.published {
  border: 0;
}
@media print {
  abbr[title].published:after {
    content: "";
  }
  abbr[title].dtreviewed:after {
    content: "";
  }
}
.info-publi {
  margin: 0.3em 0 0;
  font-size: .9em;
  font-style: italic;
}
html[dir="rtl"] .info-publi {
  font-style: normal;
}
.traductions {
  font-size: .9em;
}
.traductions a[hreflang]:after {
  content: '';
}
.chapo {
  font-weight: bold;
  padding-top: 3em;
}
.texte {
  padding-top: 4em;
}
.texte p:first-of-type {
  clear: both;
}
.texte div:first-of-type {
  clear: both;
}
.hyperlien {
  display: block;
  padding-top: .5em;
  padding-bottom: .5em;
  background: #f2f2f8;
  font-weight: 300;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -border-radius: 2px;
  font-family: "Lato", sans-serif;
  font-size: 0.9em;
  margin-bottom: 1.5em;
}
.hyperlien_titre {
  clear: both;
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 1em;
  font-weight: 300;
  font-variant: small-caps;
  margin: 1.5em 0 0 0;
}
.hyperlien ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hyperlien a {
  display: block;
  padding-top: .8em;
  padding-left: 5%;
  margin: auto 0;
  line-height: 2em;
}
.hyperlien a:last-child {
  padding-bottom: .8em;
}
.cartouche,
.ps,
.notes,
.documents_portfolio {
  margin: 3em 0;
}
.ps {
  border: solid 1px #d1d1e5;
  padding: 1.2em;
}
.notes {
  clear: both;
  font-size: .9em;
  max-width: initial;
}
.conteneur_mots {
  display: flex;
  width: 100%;
  margin: 1.5em 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.mots {
  width: auto;
  padding: 0 1em;
  text-align: center;
}
.mots a {
  text-decoration: none;
}
.spip_note_ref {
  font-size: .6em;
  vertical-align: top;
}
/* Bloc editions dans inclure/documents (pour Réalittés)*/
.editions {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  padding: 1.2em;
  margin: 5em 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.editions h3 {
  font-size: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}
.editions ul {
  list-style: none;
  text-align: center;
  margin-left: 0;
  margin: 1em 0;
}
.editions ul li {
  margin-left: 0;
  margin-bottom: 1em;
}
.editions .couverture {
  padding: 1.5em 0;
  margin: auto 3em;
}
.editions .bloc_liens {
  padding: 0;
  margin: 0 3em;
}
.editions .bloc_liens .logo_doc {
  vertical-align: text-top;
}
.editions .bloc_liens .ext {
  text-decoration-line: none;
  text-decoration-style: none;
  border-bottom-style: dotted;
}
.editions .bloc_liens .hyperlien {
  font-family: "CrimsonPro", serif;
  font-size: 1em;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0;
  text-align: center;
  background-color: transparent;
}
.editions .bloc_liens .hyperlien a {
  padding: 0;
}
.rub {
  margin-left: 6%;
  margin-bottom: 1.2em;
}
.jour {
  clear: both;
  margin: 1.5em 0;
  text-align: justify;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  padding: 0 1.5em;
}
.cul p,
.lecture p,
.film p,
.theatre p,
.expo p,
.serie p,
.jeu p,
.concert p {
  clear: none !important;
}
.actu {
  clear: both;
  margin: 1.5em 0;
  text-align: justify;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  padding: 1.5em;
}
.publication {
  clear: both;
  margin: 1.5em 0;
  padding: 1.5em 0;
}
.publication p {
  clear: none !important;
}
.publication blockquote {
  font-style: italic;
  z-index: 0;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3em;
  padding-left: 1.5em;
  border: solid rgba(102, 102, 102, 0.2);
  border-width: 0 0 0 0;
}
.publication blockquote::before {
  z-index: -1;
  position: relative;
  left: 0;
  top: 0;
  content: "\00AB";
  line-height: 0;
  font-size: 10rem;
  color: rgba(102, 102, 102, 0.1);
}
.page_breve .content ul {
  list-style: none;
}
/* Listes et tableaux */
dl.spip dt {
  background: url(//www.realittes.net/squelettes/css/img/def.png) no-repeat 25px 0.5em;
}
table.spip {
  margin: 1em 0;
}
table.spip caption {
  background: none;
  border-bottom: 1px solid;
  text-align: left;
  font-weight: bold;
}
table.spip thead th {
  background: none;
  border: 1px solid;
  border-width: 1px 0;
}
table.spip tbody tr th,
table.spip tr td {
  background: none;
}
table.spip tbody tr.odd th,
table.spip tr.odd td {
  background: #ffffff;
}
table.spip tr:hover td {
  background: #d1d1e5;
}
table.spip tfoot {
  border-top: 1px solid;
}
/* Logos, documents et images */
.spip_documents,
.spip_doc_descriptif,
.spip_doc_credits,
.spip_doc_infos,
.spip_doc_titre {
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  font-size: x-small;
}
.jour .spip_documents.right {
  margin-left: 25px;
}
.jour .spip_documents.left {
  margin-right: 25px;
}
.jour .spip_documents.center {
  margin-left: 25px;
  margin-right: 25px;
}
.actu .spip_documents.right {
  margin-left: 25px;
}
.actu .spip_documents.left {
  margin-right: 25px;
}
.actu .spip_documents.center {
  margin-left: 25px;
  margin-right: 25px;
}
.publication .spip_documents.right {
  margin-left: 25px;
}
.publication .spip_documents.left {
  margin-right: 25px;
}
.publication .spip_documents.center {
  margin-left: 25px;
  margin-right: 25px;
}
/* Habillage des portfolios
  ---------------------------------------------- */
.documents_portfolio li {
  display: inline;
  margin: 0;
  padding: 0;
}
.documents_portfolio a {
  display: inline-block;
  padding: 0;
  border: none;
  background: transparent;
  /*box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);*/
}
.documents_portfolio a:hover {
  color: #999;
  opacity: 0.8;
}
.documents_joints .descriptif p {
  margin: 0;
}
/* Portfolios des articles*/
#documents_portfolio {
  width: 700px;
  margin: 3em auto;
}
.portfolio_article {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 0 auto;
  width: auto;
}
.portfolio_article_item {
  margin: 10px;
  box-shadow: 5px 7px 5px 2px rgba(85, 85, 85, 0.3);
}
/* Portfolios des articles si utilisation masonry*/
.bloc {
  max-width: 850px;
  margin: 0 auto;
}
.brique {
  float: left;
  margin: 5px;
}
/* Galerie PhotoSwipe 'LightBox'*/
.pswp__caption__center p {
  display: inline;
}
/* Portfolios photo, lautrecotedumiroir*/
#documents_portfolio_photo {
  clear: both;
  width: 100%;
  margin: 10em auto !important;
}
#portfolio-photo-item {
  margin: 5px;
}
#portfolio-photo-item .portfolio-photo-item a {
  display: inline-block;
  padding: 0;
  border: none;
  background: transparent;
}
#documents_portfolio_stock {
  padding: 7em 0;
}
#portfolio-photo-1col {
  margin: 1em auto;
}
#portfolio-photo-1col-item {
  margin: 5px;
}
#portfolio-photo-item .portfolio-photo-item a {
  border: none;
  background: transparent;
}
/*#documents_portfolio {width:100%; margin: 3em auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 10px;}
  #documents_portfolio li {display: flex;  margin-bottom: 10px;}*/
/* ------------------------------------------
  /* Formulaires & boutons
  /* ------------------------------------------ */
.bouton {
  border: solid 1px #d1d1e5;
  padding: .3em .6em ;
  margin: 0;
  margin-bottom: 5em;
  float: right;
}
.bouton a,
.bouton a:active,
.bouton a:hover .bouton a:focus {
  font-family: "Lato", sans-serif;
  color: #333333 !important;
  text-decoration: none !important;
}
/* Formulaires : variantes et cas particuliers
  ----------------------------------------------- */
.formulaire_spip {
  margin-bottom: 1.5em;
  font-family: "Lato", sans-serif;
  text-align: left;
}
fieldset {
  width: 100%;
  margin: 0;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
label {
  display: block;
}
.formulaire_recherche label {
  display: block;
}
.erreur_message {
  display: block;
}
input.text,
textarea {
  font-family: "CrimsonPro", serif;
  color: #333333;
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.formulaire_spip input.text,
.formulaire_spip textarea {
  padding: 0.2em 0.5em;
}
.content input.text {
  width: 50%;
  min-width: 250px;
}
textarea {
  width: 100%;
}
.editer {
  margin: 3em 0;
}
.editer input.text {
  border: none;
  border-bottom: solid 1px #d1d1e5;
}
/* Inscription / Désinscription Newsletter */
.formulaire_newsletter {
  margin: 2.5em 0;
}
.formulaire_newsletter .reponse_formulaire {
  color: #333333;
}
/* Selection des langues */
.formulaire_menu_lang {
  margin: 0;
  padding: 0;
  background: none;
}
/* Formulaires de contact */
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text {
  width: 100%;
}
.formulaire_ecrire_auteur,
.formulaire_formidable {
  max-width: 800px;
  margin: 0 auto;
}
.formulaire_formidable input.text {
  width: 100%;
}
.formulaire_formidable input.court {
  width: 50%;
  min-width: 250px;
}
.formulaire_formidable div.editer.saisie_checkbox div.choix {
  padding-left: 2em;
}
.formulaire_formidable div.editer.saisie_checkbox div.choix > * {
  display: inline-block !important;
  vertical-align: middle;
}
.formulaire_formidable div.editer.saisie_checkbox div.choix label[for] {
  float: none;
  margin-left: 5px;
  width: 80%;
}
.formulaire_formidable .small {
  font-size: 70%;
  margin-top: -3em;
  text-align: center;
}
.saisie_listes_diffusion .choix {
  display: inline;
}
.saisie_listes_diffusion .choix input {
  display: inline;
  vertical-align: text-top;
}
.saisie_listes_diffusion .choix label {
  width: 90%;
  display: inline;
}
/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text {
  width: 80%;
  height: 32px;
  padding-left: 42px;
  vertical-align: middle;
  border: solid 1px #d1d1e5;
  background: #ffffff url(//www.realittes.net/squelettes/css/img/recherche-1-resp48.png) no-repeat left center;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -border-radius: 0.25em;
}
.formulaire_recherche input.submit {
  width: 17%;
  padding: 0;
  height: 32px;
  vertical-align: middle;
  border: solid 1px #aaa;
  background: #ddd;
  border-left: none;
  -webkit-border-radius: 0 0.25em 0.25em 0;
  border-radius: 0 0.25em 0.25em 0;
  text-align: center;
}
nav .formulaire_recherche {
  float: right;
  display: inline;
  width: 250px;
  vertical-align: middle;
}
.main .formulaire_recherche {
  display: block;
  text-align: center;
  max-width: 1200px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  width: 100%;
  margin: 3em auto 2em ;
}
.main .formulaire_recherche input.text {
  text-align: center;
  height: 38px;
  font-size: 1.3em;
}
.formulaire_recherche input.submit {
  visibility: hidden;
  margin: 0;
  padding: 0;
  background: none;
}
.main .resrecherche ul {
  list-style: none;
}
.main .resrecherche h4.caps {
  font-weight: 300;
  font-size: 1.2em;
}
.main .resrecherche .date {
  margin-left: 20px;
}
.main .resrecherche .decale {
  margin-left: 100px;
}
/* Choix des mots-clefs */
ul.choix_mots {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.choix_mots li {
  clear: none;
  float: left;
  display: block;
  width: 30%;
  padding: 1%;
}
ul.choix_mots li label {
  display: inline;
  font-weight: normal;
}
.formulaire_spip .bugajaxie {
  display: none;
}
/*IE/Win*/
/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer {
  clear: left;
}
.formulaire_login .editer_password .details {
  display: block;
}
.formulaire_login #spip_logo_auteur {
  float: right;
}
/* ------------------------------------------
  /* Commentaires & sondages
  /* ------------------------------------------ */
/* Habillage des forums
  ---------------------------------------------- */
.comments {
  margin-top: 2em;
  padding: 1em 0;
  border-top: none;
}
.comments ul {
  list-style: none;
}
.comment-item {
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0;
  border-top: 1px solid #EEE;
}
.comments-items .comments-items {
  margin-left: 25px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}
.comment-meta {
  margin: 0;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  font-size: .7em;
  margin-bottom: 1em;
}
.comment-meta small {
  font-size: 100%;
}
.comment-meta abbr {
  border: 0;
}
.comment-meta a {
  text-decoration: none;
}
.comment-content .hyperlien {
  padding: 0;
  background: transparent;
  font-weight: normal;
}
.boutons,
.comment-reply,
.formulaire-forum,
.fieldset {
  font-family: "Lato", sans-serif;
}
#texte,
#message {
  font-family: "CrimsonPro", serif;
  color: #333333;
}
.forum-titre {
  margin-top: 2em;
  padding: 1em 0;
  border-top: none;
}
.comments-thread {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1em;
}
.comments-thread ul {
  list-style: none;
}
.comments-thread ul li {
  padding: .2em;
  margin: 0;
}
.comments-thread ul li ul.comments-ul {
  padding: 0 0 0 3em;
  margin: 0;
  box-shadow: none;
}
.comments-thread ul li ul.comments-ul li {
  padding: 1em 0 0 3em;
  margin: 0;
  box-shadow: none;
}
.comments-thread ul li.comment-li {
  padding: 1em;
  margin: 5em 0;
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
.comments-thread ul li p {
  font-size: .9em;
  line-height: 1.7em;
  padding: .5em;
}
.comments-thread ul li .comment-meta {
  font-size: .7em;
}
.comments-thread ul li .comment-meta strong {
  font-weight: 500;
}
.comments-thread ul li .comment-meta .item {
  display: none;
}
/* Barre typo */
.submit {
  border: solid 1px #d1d1e5;
  background: #ffffff;
  padding: 0.3em 0.6em;
}
/* Formulaire de forum */
.forum-titre {
  margin-top: 2em;
  padding: 1em 0;
  border-top: 0px solid #EEE;
}
.formulaire_forum legend {
  display: none;
}
.formulaire_forum .saisie_titre input.text {
  width: 100%;
}
.editer_mailsubscriber_optin .choix,
.editer_notification {
  display: inline;
}
.editer_mailsubscriber_optin .choix input,
.editer_notification input {
  display: inline;
  vertical-align: text-top;
}
.editer_mailsubscriber_optin .choix label,
.editer_notification label {
  width: 90%;
  display: inline;
}
/*.formulaire_forum .session_qui { display: none; }*/
.formulaire_forum .saisie_qui ul {
  list-style-type: none;
}
.formulaire_forum .saisie_texte .explication {
  font-size: .9em;
  font-style: italic;
  margin: 0.5em 0;
}
html[dir="rtl"] .formulaire_forum .saisie_texte .explication {
  font-style: normal;
}
.formulaire_forum .boutons {
  margin-top: 1em;
}
/* Habillage des petitions
  ---------------------------------------------- */
#signatures td.signature-date small {
  white-space: nowrap;
}
#signatures .formulaire_recherche {
  margin: 1.5em auto;
  text-align: center;
}
/* Formulaire de signature */
/******************************************************************************/
/* LAYOUT */
/* ------------------------------------------
  /* Éléments principaux
  /* ------------------------------------------ */
#spip-admin {
  z-index: 2000;
}
body sup {
  text-transform: lowercase;
}
body tbody {
  vertical-align: middle;
}
body tbody tr {
  vertical-align: inherit;
}
body tbody td {
  vertical-align: inherit;
}
body {
  overflow-x: hidden;
}
body {
  text-align: center;
  padding: 0;
  margin: 0;
}
.page {
  position: relative;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}
.header {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #ffffff;
  /*box-shadow: 0 0px 50px 20px #252525;*/
}
.main {
  width: 95%;
  margin: 1em auto 0;
  padding: 0.2em 1em 2em ;
  /*background-color: @L1;*/
  display: flex;
  align-content: stretch;
  /*position:relative; overflow:hidden; z-index: 100;*/
  flex-wrap: wrap;
  text-align: left;
}
.ariane {
  display: block;
  clear: both;
  padding: 0 0 3em;
  margin: 0;
  line-height: 1.1;
  opacity: 0.5;
}
.footer {
  clear: both;
  padding: 2em 2em 0.1em;
  margin: 0.1em 0 0 0;
  background-color: #252525;
  color: #ffffff;
}
/* largeur calculee du wrapper: 960*70%  = 672px */
.wrapper {
  display: block;
  clear: both;
  min-width: 80%;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto ;
  padding: 1px;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
.content {
  max-width: 980px;
  min-height: 350px;
  padding: 1em 1em 2em;
  margin: 0 auto ;
}
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside {
  display: block;
  text-align: center;
  /*background-color: @color1;*/
  padding: 0;
  margin: 0;
}
content,
.content {
  background-color: #ffffff;
}
.content h2 {
  padding-top: 1.1em;
}
.box {
  display: block;
  margin-bottom: 1.5em;
  padding: 1.5em 1.5em;
  padding-bottom: .1em;
  border: 1px solid;
}
.box#newscard {
  background: url(//www.realittes.net/squelettes/img/stamp.png) no-repeat right 0px top 20px;
  min-height: 320px;
}
.box#newscard p {
  text-align: right;
  line-heigth: 1.2em;
}
.accordeon ul {
  margin-bottom: 0;
}
.accordeon h2 {
  padding-top: 1.5em;
}
.accordeon ul,
.accordeon li {
  margin-left: 0;
}
.accordeon ul ul,
.accordeon ul ul li {
  margin-left: 1.5em;
}
.page_mot #lautrecotedumiroir .content {
  width: 80%;
  max-width: 1400px;
  padding: 1em 1em 2em;
}
.page_mot #lautrecotedumiroir .wrapper a {
  color: #ffb819 !important;
}
.page_mot #lautrecotedumiroir .ariane {
  display: block;
  clear: both;
  padding: 0 0 3em 3em;
  margin: 0;
  line-height: 1.1;
  opacity: 0.5;
}
.page_mot #lautrecotedumiroir .ariane .arbo a,
.page_mot #lautrecotedumiroir .ariane .arbo a:visited {
  color: #666 !important;
  text-decoration: none;
}
.page_mot #lautrecotedumiroir .ariane .arbo a:hover,
.page_mot #lautrecotedumiroir .ariane .arbo a:focus {
  color: #ffb819 !important;
  text-decoration: none;
}
.page_mot #lautrecotedumiroir .cartouche h1 {
  padding-left: 2em;
  text-align: left;
}
.liste-contenu a {
  padding-bottom: 0;
}
.liste-contenu p {
  padding-top: .3em;
}
.content .news {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.content .news .toutseul {
  flex-basis: 3 !important;
  box-sizing: content-box;
  width: 100%;
}
.toutseul ul {
  list-style: none;
}
.content .news .aside {
  flex-basis: auto;
  box-sizing: content-box;
  width: 100%;
  padding: 0 .5em 1em;
  max-width: 300px;
}
.content .news .aside .menu p {
  text-align: center;
}
.content .news #articles_recents {
  margin: 0 auto;
  width: auto;
}
.content .news #articles_recents ul li h3 {
  margin-bottom: 0;
}
h3#derniers_textes {
  font-size: 1.6em;
}
.carousel {
  max-width: 105%;
}
.carousel h2 {
  padding-top: 1.1em;
}
.owl-nav {
  clear: both;
  width: 100%;
  max-width: 100%;
  position: relative;
  top: -120px;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  max-width: 50px;
  max-height: 50px;
  -moz-border-radius: 1em !important;
  -webkit-border-radius: 1em !important;
  -o-border-radius: 1em !important;
  -ms-border-radius: 1em !important;
  -border-radius: 1em !important;
  padding: 2px 2px !important;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.3);
  font-size: 29px !important;
  line-height: 1em;
}
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #000000 !important;
}
.owl-nav .icon {
  max-width: 50px;
  max-height: 50px;
  overflow: hidden;
  opacity: 0.7;
  padding: 3px 1px;
}
.owl-nav button.owl-prev {
  position: absolute;
  left: -3%;
}
.owl-nav button.owl-next {
  position: absolute;
  right: 2%;
}
.visuallyhidden {
  visibility: hidden;
  overflow: hidden;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
/* Sommaire Lautrecotedumiroir
  ---------------------------------------------- */
#lautrecotedumiroir.main {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 ;
  /*background-color: @L1;*/
  display: flex;
  align-content: stretch;
  /*position:relative; overflow:hidden; z-index: 100;*/
  flex-wrap: wrap;
  text-align: left;
}
#lautrecotedumiroir .wrapper {
  display: block;
  clear: both;
  width: 100%;
  overflow: hidden;
  margin: 0 auto ;
  padding: 0;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
#lautrecotedumiroir .content {
  max-width: 980px;
  min-height: 0;
  padding: 0;
  margin: 0 auto ;
}
#lautrecotedumiroir .wrapper .icon {
  font-size: .6em;
}
#lautrecotedumiroir .wrapper a {
  color: white;
}
#mon_monde {
  position: relative;
  top: 0;
}
#mon_monde .cadre_titre {
  position: absolute;
  top: 30vh;
  left: 0;
  z-index: 1500;
  min-width: 300px;
  width: 43%;
  min-height: 100px;
  height: 100px;
  padding: 1em 2em;
  margin: 0 auto;
  margin-left: 45%;
  text-align: center;
  color: white;
}
#mon_monde .cadre_titre h2 {
  font-variant: small-caps;
  font-size: 2em;
  z-index: 1700;
}
#mon_monde .rubrique {
  position: relative;
  top: 0 !important;
  left: 0;
  padding: 0;
  margin: 0;
}
#mon_monde .owl-carousel {
  z-index: 1000;
}
#mon_monde .couv-photo {
  width: 100%;
  height: 100vh;
  background: no-repeat 50% 50%;
  background-size: cover;
  background-clip: border-box;
  overflow: hidden;
  z-index: 1000;
}
#mon_monde .contenu-content {
  position: absolute;
  top: 30vh;
  left: 0;
  min-width: 300px;
  width: 43%;
  min-height: 100px;
  height: 36vh;
  padding: 1em 2em;
  margin: 0 auto;
  margin-left: 45%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}
#mon_monde a {
  position: absolute;
  top: 6vh;
  left: 0;
  min-width: 300px;
  width: 100%;
  font-variant: none;
  font-size: 3.5em;
  z-index: 2000 !important;
  padding: 1.5em 2em;
  margin: 1px auto;
  color: white;
  line-height: 1em;
  text-align: center;
  font-family: "Lato", sans-serif;
}
#mon_monde a#series {
  position: absolute;
  top: 49vh;
  left: 0;
  margin-left: 58%;
  min-width: 300px;
  width: 35vw;
  z-index: 1500 !important;
  padding: 1em;
}
#mon_monde .owl-nav {
  clear: both;
  width: 100%;
  height: 0;
  position: absolute;
  top: 48vh;
  margin-top: 0;
}
#mon_monde .owl-nav button.owl-prev,
.owl-nav button.owl-next {
  max-width: 150px;
  height: 50px;
  padding: 2px 2px !important;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 45px !important;
  position: absolute;
  top: 45%;
}
#mon_monde .owl-nav button.owl-prev {
  position: absolute;
  left: 5px;
  font-size: 45px !important;
}
#mon_monde .owl-nav button.owl-next {
  position: absolute;
  right: 0px;
  font-size: 45px !important;
}
#mon_monde .owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #000000 !important;
}
/*Si Articles Collection par Carousel*/
/*#lautrecotedumiroir .bande_articles {clear: both; width: 85%; height: 0; padding-bottom: 450px; color: @noir; margin: 1em auto;}
  #lautrecotedumiroir .bande_articles .contenu-content {display: flex; align-items: center; justify-content:center; margin: 0 auto; min-width: 450px; width: 100%; height: 300px; background-color: rgba(0,0,0,0); color: @noir; font-family: @font2;line-height: 2.5em; position : absolute; top:0px; z-index:1500; }
  #lautrecotedumiroir .bande_articles .contenu-content a {min-width: 450px; width: 100%; height: 300px; z-index:1500; }
  #lautrecotedumiroir .bande_articles .contenu-content:hover {background-color: rgba(0,0,0,0.5);}
  #lautrecotedumiroir .jaime_lien_texte p {text-align: center; }
  #lautrecotedumiroir .jaime_lien  {width: 100%; font-size: 1.6em; text-align: right !important; padding-right: 1.5em; padding-bottom: .5em;}
  #lautrecotedumiroir .bande_articles h2 {font-variant: small-caps; font-size: 2em; margin-left: -50px;}
  #lautrecotedumiroir a#titre_rub {color:@noir !important; max-width: 600px !important;}
  #lautrecotedumiroir a#titre_rub:hover {color:@noir !important; text-decoration: none !important;}
  #lautrecotedumiroir h2#titre_rub {max-width: 600px !important;}*/
/* Pas nécessaire ? #lautrecotedumiroir .carousel#bande_articles {max-width: 100%; }
  #lautrecotedumiroir .carousel#bande_articles h2 {padding-top: 1.1em; font-variant: normal;}*/
/*#bandeau_articles .contenu {max-width: 100%; }
  #bandeau_articles .contenu h2 {width: 100%; text-align : right; padding-top: 6em; padding-right: 1em; font-variant: normal;  margin-left: auto; z-index:1500;}

  #bandeau_articles {position: relative; top: 0;}
  #bandeau_articles .owl-nav {clear: both; width: 100%; height: 1em; margin: 0 auto; margin-top: 0 !important; position: absolute; top: 130px !important; z-index: 100;}
  #bandeau_articles .owl-theme {clear: both; width: 100%; height: 0; margin-top: 0 !important; z-index: 100; }
  #bandeau_articles .owl-nav button.owl-prev, .owl-nav button.owl-next {line-height: 1em !important; max-width: 150px; height: 50px; padding: 2px 2px !important; text-align: center; background-color: rgba(0,0,0,0); color: rgba(0,0,0,.5) !important; font-size: 45px !important;}
  #bandeau_articles .owl-nav button.owl-prev {position: absolute; left: -75px !important;}
  #bandeau_articles .owl-nav button.owl-next {position: absolute; right: -105px !important;}
  #bandeau_articles .owl-nav button.owl-prev:hover, .owl-nav button.owl-next:hover {background-color: rgba(0,0,0,0) !important;color: rgba(0,0,0,1) !important;}*/
/*Si Articles Collection par Flexbox*/
#lautrecotedumiroir .bande_articles {
  display: flex;
  width: 100%;
  flex-direction: column;
  /*flex-wrap: wrap; justify-content: space-around; align-items: center;*/
  margin: 1.5em auto 1em;
}
#lautrecotedumiroir h2#titre_rub {
  width: 95% !important;
  color: #333333 !important;
  justify-content: flex-start;
  color: #333333;
  margin: 0 auto;
  padding: 1em 2% 1em 2%;
}
#lautrecotedumiroir a#titre_rub {
  color: #333333 !important;
}
#lautrecotedumiroir a#titre_rub:hover {
  color: #333333 !important;
  text-decoration: none !important;
}
#lautrecotedumiroir .vignettes {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around !important;
  align-items: center;
  color: #333333;
  margin: 0 auto;
  padding: 0 1em;
}
#lautrecotedumiroir .vignette_flex,
#lautrecotedumiroir .vignette_flex a,
#lautrecotedumiroir .vignette_flex .fond_titre,
#lautrecotedumiroir .vignette_flex .fond_titre a {
  width: 420px;
  height: 280px;
}
#lautrecotedumiroir .vignette_flex {
  border: none;
  padding: 0;
  margin: 0 1.2em 2em;
  display: block;
  color: #bf8913;
}
#lautrecotedumiroir .vignette_flex a {
  padding: 0;
  margin-bottom: 0;
  display: block;
  z-index: 1;
}
/*#lautrecotedumiroir .bande_articles {clear: both; width: 85%; height: 500px; margin: 1em auto;}*/
#lautrecotedumiroir .vignette_flex .fond_titre {
  display: block;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #333333;
  font-family: "Lato", sans-serif;
  line-height: 2.5em;
  z-index: 2 !important;
  position: relative;
  top: -280px;
  left: 0;
}
#lautrecotedumiroir .vignette_flex .fond_titre a {
  z-index: 3 !important;
  position: absolute;
  top: 0px;
}
#lautrecotedumiroir .vignette_flex .fond_titre:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#lautrecotedumiroir .vignette_flex .fond_titre h2 {
  z-index: 4 !important;
  position: relative;
  top: 220px;
  width: 100%;
  text-align: right;
  padding-top: 0;
  padding-right: 1em;
  font-variant: normal;
  margin-left: auto;
}
#lautrecotedumiroir .bande_articles h2 {
  font-variant: small-caps;
  font-size: 2em !important;
}
#lautrecotedumiroir .bande_articles#voyages {
  margin-top: -1.5em;
}
/*#lautrecotedumiroir .jaime_lien_texte p {text-align: center; }
  #lautrecotedumiroir .jaime_lien  {width: 100%; font-size: 1.6em; text-align: right !important; padding-right: 1.5em; padding-bottom: .5em;}*/
#lautrecotedumiroir .jaime {
  clear: both;
  background: no-repeat center center url("//www.realittes.net/squelettes/img/Pele-mele.jpg");
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  color: #ffffff;
  margin: 4.5em 0 0 0;
}
#lautrecotedumiroir .jaime .contenu-content {
  position: relative;
  top: 20vh;
  left: 0;
  min-width: 300px;
  width: 55%;
  min-height: 100px;
  height: auto;
  padding: 1em 2em;
  margin: 0 auto;
  margin-left: 8%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Lato", sans-serif;
  line-height: 2.5em;
}
#lautrecotedumiroir .jaime_lien_texte p {
  text-align: center;
}
#lautrecotedumiroir .jaime_lien {
  width: 100%;
  font-size: 1.6em;
  text-align: right !important;
  padding-right: 1.5em;
  padding-bottom: .5em;
}
#lautrecotedumiroir .jaime h2 {
  font-variant: small-caps;
  font-size: 2em;
}
#lautrecotedumiroir .news {
  display: block;
  width: 100%;
  /*flex-direction: row; justify-content: center;*/
}
#lautrecotedumiroir .news .toutseul {
  /*flex-basis: 1 !important; */
  box-sizing: content-box;
  width: 75%;
  margin: 1em auto;
}
#lautrecotedumiroir .toutseul ul {
  list-style: none;
  margin-left: 0;
}
#lautrecotedumiroir .toutseul li {
  margin-left: 0;
}
#lautrecotedumiroir .toutseul li .actu {
  text-align: center;
}
#lautrecotedumiroir .toutseul .actu li {
  margin-left: 0 !important;
}
#lautrecotedumiroir .news h2#titre_rub {
  width: 95% !important;
  color: #333333 !important;
  /*justify-content: flex-start; */
  color: #333333;
  margin: 0 auto;
  padding: 1em 2% 0 2%;
}
#lautrecotedumiroir .news a#titre_rub {
  color: #333333 !important;
  font-variant: small-caps;
  font-size: .7em;
}
#lautrecotedumiroir .news a {
  color: #ffb819;
  font-family: "Lato", sans-serif;
  font-weight: 200;
}
#lautrecotedumiroir .stock {
  clear: both;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 47.39%;
  color: #ffffff;
  margin: 4.5em 0;
}
#lautrecotedumiroir #me_contacter_sommaire.stock {
  clear: both;
  background-size: cover;
  width: 100%;
  height: 300px;
  padding-bottom: 0;
  background-color: #ffffff;
  color: #ffffff;
  margin: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lautrecotedumiroir .stock .contenu-content {
  position: relative;
  top: 450px;
  left: 0;
  min-width: 300px;
  width: 45%;
  min-height: 100px;
  height: auto;
  padding: 1em 2em;
  margin: auto auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Lato", sans-serif;
  line-height: 2.5em;
}
#lautrecotedumiroir #me_contacter_sommaire.stock .contenu-content {
  position: static;
  min-width: 300px;
  width: 45%;
  min-height: 100px;
  height: auto;
  padding: 1em 2em;
  margin: auto auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-family: "Lato", sans-serif;
  line-height: 2.5em;
}
#lautrecotedumiroir .stock_lien_texte p {
  text-align: center;
}
#lautrecotedumiroir .stock_lien {
  width: 100%;
  font-size: 1.6em;
  text-align: right !important;
  padding-right: 1.5em;
  padding-bottom: .5em;
}
#lautrecotedumiroir #me_contacter_sommaire .stock_lien {
  width: 100%;
  text-align: center !important;
  padding-right: 0;
  padding-bottom: 0;
  padding: 1em;
  font-variant: small-caps;
  font-size: 2em;
}
#lautrecotedumiroir .stock h2 {
  font-variant: small-caps;
  font-size: 2em;
}
#lautrecotedumiroir #stock {
  background: no-repeat center center url("//www.realittes.net/squelettes/img/Stock_03.jpg");
  background-size: cover;
  margin-bottom: 0 !important;
}
#lautrecotedumiroir #commandes {
  background: no-repeat center center url("//www.realittes.net/squelettes/img/Commande.jpg");
  background-size: cover;
}
#lautrecotedumiroir #acces_clients {
  background: no-repeat center center url("//www.realittes.net/squelettes/img/Acces-clients_Serrure.jpg");
  background-size: cover;
}
#lautrecotedumiroir #tirages {
  background: no-repeat center center url("//www.realittes.net/squelettes/img/Tirages.jpg");
  background-size: cover;
}
#lautrecotedumiroir #formations {
  background: no-repeat center center url("//www.realittes.net/squelettes/img/Formations_TracesSable.jpg");
  background-size: cover;
}
/* Sommaire Laboutique
  ---------------------------------------------- */
#laboutique.main {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 ;
  /*background-color: @L1;*/
  display: flex;
  align-content: stretch;
  /*position:relative; overflow:hidden; z-index: 100;*/
  flex-wrap: wrap;
  text-align: left;
}
#laboutique .wrapper {
  display: block;
  clear: both;
  width: 100%;
  overflow: hidden;
  margin: 0 auto ;
  padding: 0;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
#laboutique #couv-page-1colonne {
  height: 30vh;
}
#laboutique .content {
  max-width: 980px;
  min-height: 0;
  padding: 0;
  margin: 0 auto ;
}
#laboutique .wrapper .icon {
  font-size: .6em;
}
#laboutique .wrapper a {
  color: white;
}
/*Si Articles 'Collection' par Flexbox ('Catégories', 'Autour de...')*/
#laboutique h2#titre_rub {
  width: 95% !important;
  color: #333333 !important;
  justify-content: flex-start;
  color: #333333;
  margin: 0 auto;
  padding: 1em 2% 1em 2%;
  font-variant: small-caps;
  font-size: 1.6em !important;
}
#laboutique a#titre_rub {
  color: #333333 !important;
}
#laboutique a#titre_rub:hover {
  color: #333333 !important;
  text-decoration: none !important;
}
/* Solution Flexbox préférée : cf .laboutique .liste_articles_blog, .laboutique .liste_categories, .laboutique .liste_themes
  #laboutique .bande_cat_produits {display: flex; width: 100%; flex-direction: column; margin: 1.5em auto 1em;}

  #laboutique .vignettes {display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center !important; align-items: center; color: @noir; margin: 0 auto; padding: 0 1em;}
  #laboutique .vignette_flex, #laboutique .vignette_flex a, #laboutique .vignette_flex .fond_titre, #laboutique .vignette_flex .fond_titre a {width: 500px; height: 300px;}
  #laboutique .vignette_flex {border: none; padding:0; margin: 2em; display: block; color :@B2}
  #laboutique .vignette_flex a {padding: 0; margin-bottom: 0; display: block; z-index:1;}
  #laboutique .vignette_flex .fond_titre {display: block; margin: 0; background-color: rgba(0,0,0,0); color: @noir; font-family: @font2;line-height: 2.5em;  z-index:2 !important; position : relative; top: -280px; left:0; }
  #laboutique .vignette_flex .fond_titre a {z-index:3 !important; position : absolute; top: 0px;}
  #laboutique .vignette_flex .fond_titre:hover {background-color: rgba(0,0,0,0.5);}
  #laboutique .vignette_flex .fond_titre h2 {z-index:4 !important; position : relative; top: 220px; width: 100%; text-align : right; padding-top: 0; padding-right: 1em; font-variant: normal;  margin-left: auto;}
  #laboutique .bande_cat_produits h2 {font-variant: small-caps; font-size: 2em !important;}

  #laboutique .bande_cat_produits#collections {}
  #laboutique .bande_cat_produits#themes {}
*/
#laboutique .news {
  display: block;
  width: 100%;
  /*flex-direction: row; justify-content: center;*/
}
#laboutique .news .toutseul {
  /*flex-basis: 1 !important; */
  box-sizing: content-box;
  width: 75%;
  margin: 1em auto;
}
#laboutique .toutseul ul {
  list-style: none;
  margin-left: 0;
}
#laboutique .toutseul li {
  margin-left: 0;
}
#laboutique .news .toutseul li {
  padding: .5em;
  margin: 3em 1em;
  font-size: .9em;
}
#laboutique .toutseul li .actu {
  text-align: center;
}
#laboutique .toutseul .actu li {
  margin-left: 0 !important;
}
#laboutique .news h2#titre_rub {
  width: 95% !important;
  color: #333333 !important;
  /*justify-content: flex-start; */
  color: #333333;
  margin: 0 auto;
  padding: 1em 2% 0 2%;
}
#laboutique .news a#titre_rub {
  color: #333333 !important;
  font-variant: small-caps;
  font-size: .7em;
}
#laboutique .news a {
  color: #ff760d;
  font-family: "Lato", sans-serif;
  font-weight: 200;
}
/* Sommaire Horizonscommuns
  ---------------------------------------------- */
#horizonscommuns.main {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 ;
  /*background-color: @L1;*/
  display: flex;
  align-content: stretch;
  /*position:relative; overflow:hidden; z-index: 100;*/
  flex-wrap: wrap;
  text-align: left;
}
#horizonscommuns .wrapper {
  display: block;
  clear: both;
  width: 100%;
  overflow: hidden;
  margin: 0 auto ;
  padding: 0;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
#horizonscommuns .content {
  max-width: 980px;
  min-height: 0;
  padding: 0;
  margin: 0 auto ;
}
#horizonscommuns .wrapper .icon {
  font-size: .6em;
}
/*#horizonscommuns .wrapper a {color: white;}*/
#horizonscommuns #gaston_attend {
  clear: both;
  width: 100%;
  height: 60vh;
  color: #ffffff;
  background: no-repeat center left 35% url("//www.realittes.net/squelettes/img/Gaston_attend.gif");
  background-size: contain;
  margin: 6em 0;
}
#horizonscommuns #gaston_attend .texte-info {
  width: 30%;
  min-width: 250px;
  max-width: 500px;
  float: right;
  margin: 3em;
  font-family: "Karmilla", monospace;
  font-size: 1em;
  color: #333333;
  text-align: right;
  margin-right: 15%;
}
#horizonscommuns #gaston_attend .texte-info p {
  margin: 0;
}
#horizonscommuns .footer {
  width: 100%;
}
/* Article portfolio photo
  ---------------------------------------------- */
#article-portfolio .page {
  width: 100%;
}
#article-portfolio.main {
  width: 100%;
  margin: 0 0 1em;
  padding: 0 0 2em ;
  /*background-color: @L1;*/
  text-align: left;
}
#article-portfolio .couv-photo {
  width: 100%;
  height: 100vh;
  background: no-repeat center center;
  background-size: cover;
}
#article-portfolio .ariane {
  display: block;
  clear: both;
  padding: 0 0 3em 3em;
  margin: 0;
  line-height: 1.1;
  opacity: 0.5;
}
#article-portfolio .wrapper {
  display: block;
  clear: both;
  width: 100% !important;
  overflow: hidden;
  margin: 0;
  padding: 1px;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
#article-portfolio .content {
  width: 100% !important;
  min-width: 95%;
  min-height: 350px;
  padding: 1em 1em 2em;
  margin: 0 auto ;
}
#article-portfolio .cartouche h1 {
  padding-left: 2em;
  text-align: left;
}
#article-portfolio .cartouche .soustitre {
  margin-top: -1em;
  padding-right: 2em;
  text-align: right;
  color: #bf8913;
  font-weight: 100;
}
#article-portfolio .cartouche {
  padding-right: 2em;
}
#article-portfolio .chapo {
  clear: both;
  max-width: 450px;
  float: right;
  text-align: right;
  padding: 4em 7em 4em 0;
}
#article-portfolio .texte {
  clear: both;
  max-width: 650px;
  text-align: center;
  padding: 2em auto;
  margin: 0 auto;
}
#documents_portfolio_photo {
  clear: both;
  max-width: 900px;
  margin: 3em auto;
  text-align: center;
}
#documents_portfolio_photo_hauteur {
  clear: both;
  max-width: 930px;
  margin: 3em auto;
  text-align: center;
}
/* Page commande : portfolio 1 colonne
  ---------------------------------------------- */
#portfolio-photo-1col {
  width: 100%;
  margin: 0 auto;
}
#portfolio-photo-1col-item {
  width: 100% !important;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
}
#portfolio-photo-1col-item img {
  width: 100% !important;
  height: auto;
  margin: 0 auto;
  padding: 0.1em;
}
#stock #couv-page-1colonne {
  width: 100%;
  height: 50vh;
  background: no-repeat center center;
  background-size: cover;
}
/* Article reportage photo
  ---------------------------------------------- */
#article-reportage .page {
  width: 100%;
}
#article-reportage.main {
  width: 100%;
  margin: 0 0 1em;
  padding: 0 0 2em ;
  /*background-color: @L1;*/
  text-align: left;
}
#article-reportage .couv-photo {
  width: 100%;
  height: 100vh;
  background: no-repeat center center;
  background-size: cover;
}
#article-reportage .ariane {
  display: block;
  clear: both;
  padding: 0 0 3em 3em;
  margin: 0;
  line-height: 1.1;
  opacity: 0.5;
}
#article-reportage .wrapper {
  display: block;
  clear: both;
  width: 100% !important;
  overflow: hidden;
  margin: 0;
  padding: 1px;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
#article-reportage .content {
  width: 100% !important;
  min-width: 95%;
  min-height: 350px;
  padding: 1em 1em 2em;
  margin: 0 auto;
}
#article-reportage article {
  max-width: 980px;
  padding: 1em 1em 2em 1em;
  margin: auto;
}
#article-reportage .cartouche h1 {
  padding-left: -2em;
  text-align: left;
}
#article-reportage .cartouche .soustitre {
  margin-top: -1em;
  padding-right: -2em;
  text-align: right;
  color: #bf8913;
  font-weight: 100;
}
#article-reportage .forum-titre,
#article-reportage .ariaformprop {
  max-width: 980px;
  margin: auto;
}
/*  #article-reportage .cartouche {padding-right: 2em;}
  #article-reportage .chapo {clear: both; max-width: 980px; float: right; text-align: left; padding: 4em 7em 4em 0;}
#article-reportage .texte {clear: both; max-width: 650px; text-align: left; padding: 2em auto;margin: 0 auto;}
  #documents_portfolio_photo {clear: both; max-width: 900px; margin: 3em auto; text-align: center;}
  #documents_portfolio_photo_hauteur {clear: both; max-width: 930px; margin: 3em auto; text-align: center;}
  */
/* Article portfolio stock
  ---------------------------------------------- */
#stock .page {
  width: 100%;
}
#stock.main {
  width: 100%;
  margin: 0 0;
  padding: 0 0 2em ;
  /*background-color: @L1;*/
  text-align: left;
}
#stock .couv-photo {
  width: 100%;
  height: 100vh;
  background: no-repeat center center;
  background-size: cover;
}
#stock .ariane {
  display: block;
  clear: both;
  padding: 0.2 0 3em 3em;
  margin: 0;
  line-height: 1.1;
  opacity: 0.5;
}
#stock .wrapper {
  display: block;
  clear: both;
  width: 100% !important;
  overflow: hidden;
  margin: 0;
  padding: 1px;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
#stock .content {
  width: 100% !important;
  min-width: 95%;
  min-height: 350px;
  padding: 1em 1em 2em;
  margin: 0 auto ;
}
#stock .cartouche h1 {
  padding-left: 2em;
  text-align: left;
}
#stock .cartouche .soustitre {
  margin-top: -1em;
  padding-right: 2em;
  text-align: right;
  color: #bf8913;
  font-weight: 100;
}
#stock .cartouche {
  padding-right: 2em;
}
#stock .chapo {
  clear: both;
  max-width: 450px;
  float: right;
  text-align: right;
  padding: 4em 7em 4em 0;
}
#stock .texte {
  clear: both;
  width: 80%;
  text-align: center;
  padding: 2em auto;
  margin: 0 auto;
}
/* Portfolios du Stock*/
#documents_portfolio_stock {
  clear: both;
  width: 80%;
  margin: 3em auto;
}
/* La boutique / Produits
  ---------------------------------------------- */
.laboutique .page {
  width: 100%;
}
.laboutique.main {
  width: 100%;
  margin: 0 0 1em;
  padding: 0 0 2em ;
  /*background-color: @L1;*/
  text-align: left;
  font-family: "Lato", sans-serif;
}
.laboutique .couv-photo {
  width: 100%;
  height: 100vh;
  background: no-repeat center center;
  background-size: cover;
}
.laboutique #couv-page-1colonne {
  width: 100%;
  height: 50vh;
  background: no-repeat center center;
  background-size: cover;
}
.laboutique .ariane {
  display: block;
  clear: both;
  padding: 0 0 3em 3em;
  margin: 0;
  line-height: 1.1;
  opacity: 0.5;
}
.laboutique .wrapper {
  display: block;
  clear: both;
  width: 100% !important;
  overflow: hidden;
  margin: 0;
  padding: 1px;
  min-height: 400px;
  /*background-color: @color2;*/
  object-fit: fill;
}
.laboutique .content {
  width: 100% !important;
  min-width: 95%;
  min-height: 350px;
  padding: 1em 1em 2em;
  margin: 0 auto ;
}
.laboutique article {
  margin-bottom: 7em;
  /*max-width: 980px; padding: 1em 1em 2em 1em; margin:auto;*/
}
.laboutique .cartouche h1 {
  padding-right: 12%;
  text-align: right;
}
.laboutique .cartouche .soustitre {
  margin-top: -1em;
  padding-right: .2em;
  text-align: right;
  color: #e88600;
  font-weight: 100;
}
.laboutique .cartouche p.publication {
  margin-top: 0;
  padding: .2em 0;
}
.laboutique .cartouche {
  padding-right: 2em;
}
.laboutique .cartouche .postmeta {
  max-width: 300px;
  float: right;
}
.laboutique .cartouche .postmeta .tags ul {
  list-style: none;
  display: block;
}
.laboutique .chapo {
  clear: both;
  max-width: 450px;
  float: right;
  text-align: right;
  padding: 4em 7em 4em 0;
}
.laboutique #fiche .texte {
  clear: both;
  max-width: 650px;
  text-align: center;
  padding-top: 0;
  padding: 2em auto;
  margin: 0 auto 4em;
}
.laboutique #fiche ul.declinaison_objet {
  list-style-type: none;
  width: 100%;
  margin: 5em auto;
  -moz-column-count: auto;
  -webkit-column-count: auto;
  -khtml-column-count: auto;
  -ms-column-count: auto;
  -o-column-count: auto;
  column-count: auto;
  -moz-column-width: 550px;
  -webkit-column-width: 550px;
  -khtml-column-width: 550px;
  -ms-column-width: 550px;
  -o-column-width: 550px;
  column-width: 550px;
  -moz-column-gap: 6em;
  -webkit-column-gap: 6em;
  -khtml-column-gap: 6em;
  -ms-column-gap: 6em;
  -o-column-gap: 6em;
  column-gap: 6em;
  padding-top: 6em;
}
.laboutique #fiche ul.declinaison_objet li {
  margin: 0 1.5em;
  margin-bottom: 1.5em;
  -moz-break-inside: avoid-column;
  -webkit-break-inside: avoid-column;
  -khtml-break-inside: avoid-column;
  -ms-break-inside: avoid-column;
  -o-break-inside: avoid-column;
  break-inside: avoid-column;
  -moz-page-break-inside: avoid;
  -webkit-page-break-inside: avoid;
  -khtml-page-break-inside: avoid;
  -ms-page-break-inside: avoid;
  -o-page-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -khtml-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  padding: 0 .2em;
}
.laboutique #fiche ul.declinaison_objet li:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
/*.laboutique #fiche ul.declinaison_objet li span {margin-right: 2em;}*/
.laboutique #fiche ul.declinaison_objet li span.prix {
  text-align: center;
  margin: 0 auto;
}
.laboutique #fiche ul.declinaison_objet li a {
  text-align: center;
  margin: .2em auto;
}
.laboutique .fiche {
  font-family: "Lato", sans-serif;
  font-size: .9em;
}
.laboutique #article .corps_article {
  clear: both;
  max-width: 980px;
  text-align: left;
  font-size: .9em;
  padding-top: 0;
  padding: 2em;
  margin: 0 auto 4em;
}
.laboutique #article .corps_article .texte {
  margin-bottom: 5em;
}
.laboutique .boites {
  margin: 2em 0;
  width: 100%;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.laboutique .boite {
  display: inline-block;
  flex-basis: auto;
  border: none;
  min-width: 620px;
  width: 50%;
  min-height: 210px;
  padding: .5em 2em;
  text-align: center;
  margin: 0 auto;
}
.laboutique .boite-declinaison {
  display: inline-block;
  flex-basis: auto;
  border: none;
  min-width: 620px;
  width: 70%;
  min-height: 210px;
  padding: .5em 2em;
  text-align: center;
  margin: 0 auto;
}
/*.laboutique #produit .hyperlien, .laboutique #article .hyperlien {background : rgba(242,242,248,0); padding: 0 15%}
  .laboutique #produit .hyperlien ul, .laboutique #article .hyperlien ul {display: flex ; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; padding: 0; margin: .8em 0 9em; height: 220px; overflow-y: visible;}*/
.laboutique #produit .hyperlien_titre,
.laboutique #article .hyperlien_titre {
  padding-left: 17%;
}
.laboutique .forum-titre,
.laboutique .ariaformprop,
.laboutique .formulaire_spip {
  max-width: 980px;
  margin: auto;
  margin-bottom: 1.5em;
}
.laboutique .formulaire_spip input.text,
.laboutique .formulaire_spip textarea.textarea {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding-bottom: 0;
  line-height: 1.1em;
}
.laboutique .formulaire_spip textarea.textarea {
  line-height: 1.5em;
}
.laboutique ul.editer-groupe {
  list-style: none;
  margin-left: 0;
}
.laboutique ul.editer-groupe .choix {
  display: inline;
}
.laboutique ul.editer-groupe .choix input {
  vertical-align: middle;
}
.laboutique ul.editer-groupe .choix label {
  width: 80%;
  display: inline;
  vertical-align: middle;
}
.laboutique #produit .hyperlien ul li,
.laboutique #article .hyperlien ul li {
  margin: 1em;
}
.laboutique a.vignette {
  width: 250px;
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
.laboutique a.vignette:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  /*color: @noir;*/
}
.laboutique .vignette .etiquette {
  padding: .8em;
  display: none;
  font-weight: 300;
}
.laboutique .vignette:hover .etiquette {
  display: block;
  z-index: 1000;
}
.laboutique .vignette .etiquette .titre {
  font-size: .9em;
}
.laboutique .vignette .etiquette .descriptif {
  font-size: .7em;
}
.laboutique .vignette .etiquette .descriptif p {
  margin: 0;
}
.laboutique .vignette .etiquette .prix {
  font-size: .6em;
}
.laboutique .rubrique #couv-page-1colonne {
  height: 50vh;
}
.laboutique .liste_produits {
  background: rgba(242, 242, 248, 0);
  width: 100%;
}
.laboutique .liste_produits ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  padding: 0;
  margin: .8em 0 9em;
  height: auto;
  overflow-y: visible;
}
.laboutique .liste_produits ul li {
  margin: 2em;
  width: 250px;
  height: 200px;
  z-index: 100;
}
.laboutique .liste_produits ul li:hover {
  z-index: 1000;
}
.laboutique .liste_produits a.vignette {
  width: 250px;
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
.laboutique .liste_produits a.vignette:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  /*color: @noir;*/
}
/*.laboutique .liste_produits .vignette .logo, .laboutique .liste_produits .vignette .logo img {position: relative; z-index: -100;}*/
.laboutique .liste_produits .vignette .etiquette {
  padding: .8em;
  display: none;
  font-weight: 300;
}
.laboutique .liste_produits .vignette:hover .etiquette {
  display: block;
  background-color: #ffffff !important;
}
.laboutique .liste_produits .vignette .etiquette .titre {
  font-size: .9em;
}
.laboutique .liste_produits .vignette .etiquette .descriptif {
  font-size: .7em;
}
.laboutique .liste_produits .vignette .etiquette .descriptif p {
  margin: 0;
}
.laboutique .liste_produits .vignette .etiquette .prix {
  font-size: .6em;
}
.laboutique .liste_articles_blog,
.laboutique .liste_categories,
.laboutique .liste_themes {
  background: rgba(242, 242, 248, 0);
  width: 100%;
}
.laboutique .liste_articles_blog ul,
.laboutique .liste_categories ul,
.laboutique .liste_themes ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  padding: 0;
  margin: .8em 0 9em;
  height: auto;
  overflow-y: visible;
}
.laboutique .liste_articles_blog ul li,
.laboutique .liste_categories ul li,
.laboutique .liste_themes ul li {
  margin: 2em;
  width: 500px;
  min-width: 250px;
  height: 300px;
  z-index: 100;
}
.laboutique .liste_articles_blog ul li:hover,
.laboutique .liste_categories ul li:hover,
.laboutique .liste_themes ul li:hover {
  z-index: 1000;
}
.laboutique .liste_articles_blog a.vignette,
.laboutique .liste_categories a.vignette,
.laboutique .liste_themes a.vignette {
  width: 500px;
  min-width: 250px;
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
.laboutique .liste_articles_blog a.vignette:hover,
.laboutique .liste_categories a.vignette:hover,
.laboutique .liste_themes a.vignette:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  /*color: @noir;*/
}
/*.laboutique .liste_produits .vignette .logo, .laboutique .liste_produits .vignette .logo img {position: relative; z-index: -100;}*/
.laboutique .liste_articles_blog .vignette .etiquette,
.laboutique .liste_categories .vignette .etiquette,
.laboutique .liste_themes .vignette .etiquette {
  padding: .8em;
  display: none;
  font-weight: 300;
  min-height: 150px;
}
.laboutique .liste_articles_blog .vignette:hover .etiquette,
.laboutique .liste_categories .vignette:hover .etiquette,
.laboutique .liste_themes .vignette:hover .etiquette {
  display: block;
  background-color: #ffffff !important;
}
.laboutique .liste_articles_blog .vignette .etiquette .titre,
.laboutique .liste_categories .vignette .etiquette .titre,
.laboutique .liste_themes .vignette .etiquette .titre {
  font-size: .9em;
}
.laboutique .liste_articles_blog .vignette .etiquette .descriptif,
.laboutique .liste_categories .vignette .etiquette .descriptif,
.laboutique .liste_themes .vignette .etiquette .descriptif {
  font-size: .7em;
  line-height: 1.3em;
}
.laboutique .liste_articles_blog .vignette .etiquette .descriptif p,
.laboutique .liste_categories .vignette .etiquette .descriptif p,
.laboutique .liste_themes .vignette .etiquette .descriptif p {
  margin: 0;
}
/* Liste produits ailleurs (mot.html et recherche.html)
    ---------------------------------------------- */
.lautrecotedumiroir .liste_produits {
  background: rgba(242, 242, 248, 0);
  width: 100%;
}
.lautrecotedumiroir .liste_produits ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  padding: 0;
  margin: .8em 0 9em;
  height: auto;
  overflow-y: visible;
}
.lautrecotedumiroir .liste_produits ul li {
  margin: 2em;
  width: 250px;
  height: 200px;
  z-index: 100;
}
.lautrecotedumiroir .liste_produits ul li:hover {
  z-index: 1000;
}
.lautrecotedumiroir .liste_produits a.vignette {
  width: 250px;
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
.lautrecotedumiroir .liste_produits a.vignette:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  /*color: @noir;*/
}
.lautrecotedumiroir .liste_produits .vignette .etiquette {
  padding: .8em;
  display: none;
  font-weight: 300;
}
.lautrecotedumiroir .liste_produits .vignette:hover .etiquette {
  display: block;
  background-color: #ffffff !important;
}
.lautrecotedumiroir .liste_produits .vignette .etiquette .titre {
  font-size: .9em;
}
.lautrecotedumiroir .liste_produits .vignette .etiquette .descriptif {
  font-size: .7em;
}
.lautrecotedumiroir .liste_produits .vignette .etiquette .descriptif p {
  margin: 0;
}
.lautrecotedumiroir .liste_produits .vignette .etiquette .prix {
  font-size: .6em;
}
.lr .liste_produits {
  background: rgba(242, 242, 248, 0);
  width: 100%;
}
.lr .liste_produits ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  padding: 0;
  margin: .8em 0 9em;
  height: auto;
  overflow-y: visible;
}
.lr .liste_produits ul li {
  margin: 2em;
  width: 250px;
  height: 200px;
  z-index: 100;
}
.lr .liste_produits ul li:hover {
  z-index: 1000;
}
.lr .liste_produits a.vignette {
  width: 250px;
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
.lr .liste_produits a.vignette:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  /*color: @noir;*/
}
.lr .liste_produits .vignette .etiquette {
  padding: .8em;
  display: none;
  font-weight: 300;
}
.lr .liste_produits .vignette:hover .etiquette {
  display: block;
  background-color: #ffffff !important;
}
.lr .liste_produits .vignette .etiquette .titre {
  font-size: .9em;
}
.lr .liste_produits .vignette .etiquette .descriptif {
  font-size: .7em;
}
.lr .liste_produits .vignette .etiquette .descriptif p {
  margin: 0;
}
.lr .liste_produits .vignette .etiquette .prix {
  font-size: .6em;
}
.realittes .liste_produits {
  background: rgba(242, 242, 248, 0);
  width: 100%;
}
.realittes .liste_produits ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
  padding: 0;
  margin: .8em 0 9em;
  height: auto;
  overflow-y: visible;
}
.realittes .liste_produits ul li {
  margin: 2em;
  width: 250px;
  height: 200px;
  z-index: 100;
}
.realittes .liste_produits ul li:hover {
  z-index: 1000;
}
.realittes .liste_produits a.vignette {
  width: 250px;
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 2em;
}
.realittes .liste_produits a.vignette:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  /*color: @noir;*/
}
/*.laboutique .liste_produits .vignette .logo, .laboutique .liste_produits .vignette .logo img {position: relative; z-index: -100;}*/
.realittes .liste_produits .vignette .etiquette {
  padding: .8em;
  display: none;
  font-weight: 300;
}
.realittes .liste_produits .vignette:hover .etiquette {
  display: block;
  background-color: #ffffff !important;
}
.realittes .liste_produits .vignette .etiquette .titre {
  font-size: .9em;
}
.realittes .liste_produits .vignette .etiquette .descriptif {
  font-size: .7em;
}
.realittes .liste_produits .vignette .etiquette .descriptif p {
  margin: 0;
}
.realittes .liste_produits .vignette .etiquette .prix {
  font-size: .6em;
}
/* La boutique / Divers
    ---------------------------------------------- */
.laboutique#page-unique {
  width: 100%;
  padding: 0 3em;
}
.laboutique#page-unique .texte {
  max-width: 1400px;
  margin: 0 auto;
}
.laboutique#page-unique table {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.laboutique#page-unique table thead {
  font-weight: 600 !important;
}
.laboutique#page-unique th,
.laboutique#page-unique td {
  border-bottom: solid 1px #dddddd;
}
.laboutique#page-unique th {
  border-top: none;
  text-align: center;
}
.laboutique#page-unique table.spip tr:hover td {
  background: #ffffff !important;
}
.laboutique#page-unique td {
  padding: .5em;
  text-align: center;
  font-size: .9em;
}
/* La boutique / Espace perso
    ---------------------------------------------- */
.laboutique #rubrique-espace_perso .plan-perso {
  width: 42%;
  min-width: 350px;
  margin: 0 auto 1.5em;
}
.laboutique #rubrique-espace_perso .plan-perso ul {
  list-style: none;
  margin-left: 0;
}
.laboutique #rubrique-espace_perso .plan-perso ul li {
  margin-left: 0;
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col,
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col:hover {
  text-decoration: none;
  margin: 2em;
}
/*.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col .etiquette {width: 400px; min-width: 300px; margin: 0 auto;}*/
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col .titre h3 {
  padding-top: 0;
  margin: 0;
  margin-bottom: .3em;
  text-align: center;
}
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col .descriptif,
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col:hover .descriptif {
  padding: 0 1em;
  color: #333333;
  max-width: 340px;
  width: 80%;
  min-width: 300px;
  margin: 0 auto;
}
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col .descriptif ul {
  list-style-type: '-';
}
.laboutique #rubrique-espace_perso .plan-perso li a.vignette-col .descriptif ul li {
  box-shadow: none;
  margin: 0;
  padding: .2em .5em;
  line-height: 1.5em;
  font-size: .8em;
}
.laboutique #mon_compte .gestion_compte {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1em;
}
.laboutique #mon_compte .gestion_compte .formulaire_spip {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 5em;
}
.laboutique #mon_compte .gestion_compte .formulaire_spip #oubli_form legend {
  font-weight: 400;
}
.laboutique #mes_commandes table {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.laboutique #mes_commandes th,
.laboutique #mes_commandes td {
  border-bottom: solid 1px #dddddd;
}
.laboutique #mes_commandes th {
  border-top: none;
  text-align: center;
}
.laboutique #mes_commandes table.spip tr#ligne_tableau:hover td {
  background: #ffffff !important;
}
.laboutique #mes_commandes td {
  padding: .5em;
  text-align: center;
  font-size: .9em;
}
.laboutique #mes_commandes td.etat {
  font-variant: small-caps;
  font-size: .8em;
}
.laboutique #mes_commandes td.infos a,
.laboutique #mes_commandes td.infos a:hover,
.laboutique #mes_commandes td.infos a:focus,
.laboutique #mes_commandes td.infos a:active,
.laboutique #mes_commandes td.infos a:visited {
  color: #333333 !important;
  text-decoration: none;
}
.laboutique #mes_commandes td abbr {
  text-decoration: none !important;
}
.laboutique #mes_commandes td .flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.laboutique #mes_commandes td .flex .voir_detail a {
  border: solid 1px #000000;
  color: #333333;
  line-height: 36.1px;
  padding: .6em .9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: .1em;
  margin-bottom: .5em;
}
.laboutique #mes_commandes td .flex .docs {
  width: 100%;
  font-variant: small-caps;
  font-size: .8em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.laboutique #mes_commandes td .flex .docs span {
  width: 40%;
  min-width: 80px;
  line-height: 1.2em;
  align-items: center;
}
.laboutique #mes_commandes td .flex .docs a,
.laboutique #mes_commandes td .flex .docs a:hover,
.laboutique #mes_commandes td .flex .docs a:focus,
.laboutique #mes_commandes td .flex .docs a:active,
.laboutique #mes_commandes td .flex .docs a:visited {
  color: #333333 !important;
}
.laboutique #detail_commande .infos {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.laboutique #detail_commande .infos .dates abbr {
  text-decoration: none !important;
  font-weight: 700;
}
.laboutique #detail_commande .infos .dates span.label {
  font-weight: 700;
}
.laboutique #detail_commande .infos label {
  display: inline;
  font-weight: 700;
}
.laboutique #detail_commande .infos span {
  display: inline;
}
.laboutique #detail_commande .infos span.statut {
  font-variant: small-caps;
}
.laboutique #detail_commande table {
  width: 100%;
  max-width: 980px;
  margin: 3em auto;
}
.laboutique #detail_commande table td.ajout_panier {
  text-align: center;
}
.laboutique #detail_commande #adresses {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: flex-start;
}
.laboutique #detail_commande #adresse.row-fluid .span8 {
  width: 50%;
  padding: 5px;
}
.laboutique #detail_commande #adresse.row-fluid .span8 p {
  width: 300px;
  padding-left: 5%;
  margin: 0 auto 1.5em;
}
.laboutique #detail_commande .retour {
  width: 100%;
  padding: 0 3em;
  color: #333333;
  padding-bottom: 3em;
}
.laboutique #mon_suivi .comments-thread {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1em;
}
.laboutique #mon_suivi .comments-thread ul {
  list-style: none;
}
.laboutique #mon_suivi .comments-thread ul li {
  padding: .2em;
  margin: 0;
}
.laboutique #mon_suivi .comments-thread ul li ul.comments-ul {
  padding: 0 0 0 3em;
  margin: 0;
  box-shadow: none;
}
.laboutique #mon_suivi .comments-thread ul li ul.comments-ul li {
  padding: 1em 0 0 3em;
  margin: 0;
  box-shadow: none;
}
.laboutique #mon_suivi .comments-thread ul li.comment-li {
  padding: 1em;
  margin: 5em 0;
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
.laboutique #mon_suivi .comments-thread ul li p {
  font-size: .9em;
  line-height: 1.7em;
  padding: .5em;
}
.laboutique #mon_suivi .comments-thread ul li .comment-meta {
  font-size: .7em;
}
.laboutique #mon_suivi .comments-thread ul li .comment-meta strong {
  font-weight: 500;
}
.laboutique #mon_suivi .comments-thread ul li .comment-meta .item {
  display: none;
}
.laboutique .editer-groupe #texte {
  font-family: "Lato", sans-serif;
}
/* La boutique / Tunnel de commande : panier, commande, livraison, paiement
    ---------------------------------------------- */
.laboutique #tunnel {
  width: 100%;
  padding: 0 3em;
  color: #333333;
}
.laboutique .tunnel .cartouche {
  padding-bottom: 2em;
}
.laboutique .tunnel .cartouche h3.soustitre {
  font-size: 1.8em;
}
.laboutique #tunnel #remplir {
  height: 27vh;
}
.laboutique #tunnel button.modifier {
  background: rgba(242, 242, 248, 0);
  border: solid 1px #d1d1e5;
  line-height: 36.1px;
  padding: .3em .6em;
}
.laboutique #tunnel button i {
  color: #333333;
}
/*.laboutique #tunnel button.btn-tunnel {border-style: solid; border-width: 3px; border-color: @B1 !important; color: @B1 !important; font-weight: bold;}
  .laboutique #tunnel button.btn-tunnel:hover, .laboutique #tunnel button.btn-tunnel:focus, .laboutique #tunnel button.btn-tunnel:active {background-color: @B2 ; color: @blanc;}*/
.laboutique #tunnel .formulaire_spip h3.hide:first-of-type {
  padding-top: 0;
}
.laboutique #tunnel .formulaire_panier .quantite {
  text-align: center;
}
.laboutique #tunnel .formulaire_panier .emplette input.quantite {
  width: 5em !important;
  max-width: 250px !important;
  min-width: 80px !important;
}
.laboutique #tunnel .formulaire_panier td.description p {
  margin: .5em 0;
}
.laboutique #tunnel .actions {
  max-width: 350px;
  float: right;
  margin-right: 20%;
  text-align: center;
  font-family: "Lato", sans-serif;
  padding: 0 3em;
}
.laboutique #tunnel .actions .icon-angle-right {
  vertical-align: text-top;
  font-weight: 300;
}
.laboutique #tunnel .actions-left {
  text-align: left;
  font-family: "Lato", sans-serif;
  padding: 0 3em;
}
.laboutique #tunnel button.submit {
  border: solid 3px #ff760d !important;
  color: #e88600 !important;
  font-weight: 400 !important;
  line-height: 36.1px;
  padding: .3em .6em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.laboutique #tunnel a.submit {
  border: solid 3px #ff760d !important;
  color: #e88600 !important;
  font-weight: 400 !important;
  line-height: 36.1px;
  padding: .3em .6em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.laboutique #tunnel button.submit:hover,
.laboutique #tunnel button.submit:active,
.laboutique #tunnel button.submit:focus {
  background-color: #e88600 !important;
  color: #ffffff !important;
}
.laboutique #tunnel a.submit:hover,
.laboutique #tunnel a.submit:active,
.laboutique #tunnel a.submit:focus {
  background-color: #e88600 !important;
  color: #ffffff !important;
}
.laboutique #tunnel p.important {
  color: #ff760d;
  border: solid 2px #ff760d;
  padding: .3em .6em;
  font-size: .9em;
}
.laboutique #tunnel p.important strong {
  font-weight: 300;
  text-decoration: underline;
}
.laboutique #tunnel .profil_show .row-fluid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: flex-start;
}
.laboutique #tunnel .profil_show .row-fluid .span6 {
  width: 50%;
  padding: 5px;
}
.laboutique #tunnel .profil_show .row-fluid .span6 p {
  width: 300px;
  padding-left: 5%;
  margin: 0 auto 1.5em;
}
.laboutique #tunnel .profil_modif li.fieldset {
  margin-left: 0;
}
.laboutique #tunnel .recapitulatif-commande .row-fluid .span4 small i {
  font-size: 1em;
  line-height: 1.5em;
}
.laboutique #tunnel .recapitulatif-commande #adresses {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around !important;
  align-items: flex-start;
}
.laboutique #tunnel .recapitulatif-commande #adresse.row-fluid .span8 {
  width: 50%;
  padding: 5px;
}
.laboutique #tunnel .recapitulatif-commande #adresse.row-fluid .span8 p {
  width: 300px;
  padding-left: 5%;
  margin: 0 auto 1.5em;
}
.laboutique #tunnel .formulaire_adresser_commande .liste-items button.btn {
  background: rgba(242, 242, 248, 0);
  border: solid 1px #d1d1e5;
  line-height: 36.1px;
  padding: .3em .6em;
  box-shadow: none;
}
.laboutique #tunnel .formulaire_spip_payer .payer_acte h4 {
  font-size: 1.7em;
  font-weight: 500;
}
.laboutique #tunnel .formulaire_spip_payer .payer_acte .info {
  margin: 1.5em 0;
}
.laboutique #tunnel .identification.formulaire_spip {
  margin: auto 0;
  width: 100%;
  max-width: none;
}
.laboutique #tunnel .identification.formulaire_spip .row-fluid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.laboutique #tunnel .identification.formulaire_spip .row-fluid .span6 {
  width: 500px;
  padding: 2em;
  min-width: 250px;
}
.laboutique #tunnel .identification.formulaire_spip .row-fluid .span6 .formulaire_login form input.text {
  width: 90%;
  max-width: 380px;
}
.laboutique #tunnel .identification.formulaire_spip .row-fluid .span6 .formulaire_login fieldset {
  margin-bottom: 3em;
}
.laboutique #tunnel .identification.formulaire_spip .row-fluid .span6 .formulaire_inscription form input.password {
  border: 0;
  border-bottom: solid 1px #d1d1e5;
}
.laboutique #tunnel .infos_paiements {
  margin: auto;
  margin-bottom: 3em;
  max-width: 980px;
}
.laboutique #tunnel .infos_paiements .icon {
  font-size: 1.3em;
  float: right;
  direction: ltr;
}
/*.laboutique #tunnel .identification.formulaire_spip .row-fluid em#pass_securise {display: none;}*/
/* Portfolios laboutique*/
#documents_portfolio_boutique {
  clear: both;
  width: 100%;
}
#documents_portfolio_boutique #portfolio-photo {
  width: 100%;
  margin: 1em auto !important;
  padding: 1px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#documents_portfolio_boutique #portfolio-photo-item {
  margin: 5px;
}
#documents_portfolio_boutique #portfolio-photo-item a {
  display: inline-block;
  padding: 0;
  border: none;
}
/* Portfolios des articles si utilisation masonry
      .masonry {}
      .bloc {max-width: 850px; margin: 0 auto;}
      .brique {float: left; margin: 5px;}*/
/* Images inter-texte responsive
  ---------------------------------------------- */
/*#portfolio-photo-1col {width: 100%; margin: 0 auto; }
  #portfolio-photo-1col-item {width: 100% !important; margin: 0 auto; padding: 1em; text-align: center;}*/
.texte img {
  max-width: 100% !important;
  height: auto;
}
/* Page 404
  ---------------------------------------------- */
.page_404 .wrapper {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  padding-top: -56.25%;
}
.page_404 .content {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: none;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
}
.page_404 .main {
  clear: both;
  background: no-repeat center center url("//www.realittes.net/squelettes/img/404_Alice.jpg");
  background-size: cover;
  width: 100%;
  height: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  color: #ffffff;
}
.page_404 .cartouche {
  width: 100%;
  text-align: left;
  line-height: 100%;
  margin: 0 auto auto;
}
.page_404 .cartouche h1 {
  font-size: 3.5em;
}
.page_404 .erreur {
  width: 100%;
  margin: 8% auto auto 12%;
}
.page_404 .erreur p {
  max-width: 200px;
  text-align: center;
}
.page_404 .wrapper_recherche {
  width: 100%;
  margin: 3% auto auto auto;
}
.page_404 .recherche {
  max-width: 800px;
  margin: 0 auto;
}
.page_404 .retour_accueil {
  width: 100%;
  text-align: left;
  margin: 1% auto auto 30%;
  font-family: "Lato", sans-serif;
}
.page_404 .retour {
  margin: 2% 5px;
}
.page_404 .retour small {
  font-size: .7em;
}
.page_404 .retour span {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 5px;
  font-size: 1.2em;
}
.page_404 .retour .lr {
  margin-left: 2%;
}
.page_404 .retour .realittes {
  margin-left: 3%;
}
.page_404 .retour .lautrecotedumiroir {
  margin-left: 4.5%;
}
.page_404 .retour .laboutique {
  margin-left: 6.5%;
}
/* ------------------------------------------
  /* Entête, navigation & footer
  /* ------------------------------------------ */
/* Navigation
  ---------------------------------------------- */
/* Navigation générale */
.nav {
  background: transparent;
  display: block;
  padding: 0;
  margin: 0;
}
.nav li {
  display: inline;
}
.nav li a {
  display: inline-block;
  padding: 0.25em 0.5em;
  margin: 0;
  text-decoration: none;
  color: #333333;
  background-color: rgba(0, 0, 0, 0);
}
.nav li.on a {
  background-color: rgba(0, 0, 0, 0);
  color: #333333;
  text-decoration: underline;
  border: 0 1 1 solid #333333;
}
.nav li a:focus,
.nav li a:hover,
.nav li a:active {
  color: #333333;
  border: 0 1 1 solid #333333;
  background-color: rgba(0, 0, 0, 0);
  font-weight: 400;
}
/* Ligne fine de nav */
.navbase {
  display: inline-block;
  width: 100%;
  font-size: 0.8em;
  color: #b4b4b4;
}
.navbase a {
  color: #b4b4b4;
}
/* Aside */
/* issu de theme*/
.aside h2 {
  border-bottom: 3px solid #EEE;
  padding-bottom: .1em;
}
.aside li {
  margin: 1em 0;
}
.aside a {
  text-decoration: none;
}
.aside .menu {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -border-radius: 5px;
  /*background-color: @R2;*/
  color: #333333;
  clear: both;
  display: block;
  float: center;
  min-width: 300px;
  max-width: 400px;
  padding: 0.2em;
  margin: 3em auto 0;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 0.8em;
  overflow: hidden;
}
.aside .menu p {
  font-size: .8em;
  padding-top: .8em;
  line-height: 1.5em;
  text-align: justify;
}
.aside .menu h3,
.aside .menu h2 {
  font-size: 1.5em;
  font-variant: small-caps;
  line-height: 1.5;
  padding-top: 0.15em;
  margin-bottom: .5em;
  border-bottom: none;
  padding-bottom: .1em;
  text-align: right;
}
.aside .menu ul {
  margin: 1em 0 .5em 1.5em;
  line-height: 1.2em;
}
.aside .menu ul li {
  padding: 0.3em 0.5em;
  margin: 0;
  line-height: 1;
  list-style: none;
}
.aside .menu ul li ul {
  margin-left: 1.5em;
  list-style: circle;
}
.aside .menu a {
  text-decoration: none;
  font-size: 1.2em;
  padding-bottom: .3em;
}
.aside .menu small {
  font-size: .7em;
}
.aside .menu a,
.aside .menu small {
  float: right !important;
  clear: both;
}
.aside .menu .introduction {
  clear: both;
}
/* Article précédent/suivant */
.articles_prec_suiv {
  clear: both;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.art_prec a .spip_logo,
.art_suiv a .spip_logo {
  margin: 0;
  padding: 3px;
}
.art_prec,
.art_suiv {
  height: 100px;
}
.art_prec a,
.art_suiv a {
  display: flex;
  height: 100px;
  text-align: center;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-size: 1.4em;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
}
.art_prec div,
.art_suiv span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.art_prec .titre,
.art_suiv .titre {
  width: 300px !important;
  height: 100px;
  line-height: 1.5em;
  padding: 5px;
}
.art_prec a {
  margin-left: -300px;
  transition: transform 0.5s;
}
.art_prec a:hover {
  transform: translateX(300px);
}
.art_suiv a {
  margin-right: -300px;
  transition: transform 0.5s;
}
.art_suiv a:hover {
  transform: translateX(-300px);
}
/* Pagination */
.pagination a,
.pagination .on {
  padding: .5em;
  margin: 0em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -border-radius: 0.25em;
}
.pagination a {
  background: transparent;
  text-decoration: none;
}
.pagination .on,
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
  font-weight: bold;
  background: transparent;
  color: #333333 !important;
}
.pagination .sep {
  visibility: hidden;
}
.menu_articles .pagination strong {
  font-size: 1em;
}
/* Ajout après passage SPIP 4.2, pansement, mieux vaudrait peut-être comprendre pourquoi ul avec pagination ? */
ul.pagination-items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
ul.pagination-item {
  margin: 0em;
  flex-basis: 7.5%;
  display: flex;
  align-items: center;
}
/* Menus
  ---------------------------------------------- */
.menu {
  visibility: visible;
}
/* Habillage general des menus de nav (issu de theme)*/
.menu {
  clear: both;
  margin-bottom: 1.5em;
  text-align: left;
}
.menu ul li ul {
  margin-left: 1.5em;
  list-style: circle;
}
/*.menu-liste {display: inline; }*/
.menu ul {
  margin-bottom: 0;
}
.menu .formulaire_recherche {
  margin: 0;
  vertical-align: middle;
  padding: 6px 0;
}
.menu-items__lien {
  height: 100%;
  margin: 0 0 0 0;
}
.menu .menu-items__item_recherche {
  width: 250px !important;
  height: 100%;
  vertical-align: middle;
  float: right;
  font-size: 1.2rem;
  font-weight: 200;
  padding: auto 0;
  line-height: 2.2;
}
.menu .menu-items__item_recherche:hover {
  background-color: #ffffff;
}
.menuplan li {
  display: block;
}
.menuplan a {
  color: #ffffff;
}
.menu_articles .li {
  margin-top: 0;
  margin-bottom: 0;
}
/* Listes d'articles et extraits introductifs */
.menu_articles li {
  clear: both;
  margin-bottom: 1.5em;
}
.menu_articles li h3,
.menu_articles li h2 {
  margin: 0 0 0.2em 0;
}
.menu_articles li p {
  margin: 0;
}
.menu_articles li .enclosures {
  float: right;
  text-align: right;
  max-width: 60%;
  margin: 0;
}
.menu_articles li div {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
.menu_articles a {
  text-decoration: none;
}
.menu_articles strong {
  font-size: 1.2em;
}
.menu_breves li h3 {
  margin: 0;
}
/* Brèves d'actu Lautrecotedumiroir */
.lautrecotedumiroir #actu li {
  list-style: none;
  margin: 5em 1.5em;
}
.lautrecotedumiroir .menu_breves .actu {
  text-align: center;
}
.lautrecotedumiroir .menu_breves .actu ul {
  margin-left: 0;
}
.lautrecotedumiroir .menu_breves .actu li {
  list-style-type: none;
  margin-left: 0;
}
/* Brèves d'actu Laboutique */
.laboutique #actu li {
  list-style: none;
  margin: 5em auto;
  width: 70%;
}
.laboutique .menu_breves .actu {
  text-align: center;
}
.laboutique .menu_breves .actu ul {
  margin-left: 0;
}
.laboutique .menu_breves .actu li {
  list-style-type: none;
  margin-left: 0;
}
.menu_comments ul {
  list-style: none;
}
.menu_comments ul li a::before {
  content: "\00AB";
  line-height: 0;
  font-size: 5rem;
  color: rgba(102, 102, 102, 0.1);
}
/* Plan du site */
.page_plan .main {
  width: 100%;
  margin: 0 0;
}
.page_plan .wrapper {
  width: 100%;
}
.page_plan .cartouche {
  margin-right: 10%;
}
.page_plan .content {
  width: 100%;
  margin: 0 0;
  max-width: none;
}
.plan {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.plan h1 {
  font-size: 3.2em;
}
.plan strong {
  font-variant: small-caps;
  font-size: 1.2em;
  font-weight: 400;
}
.plan_secteur {
  margin: 5em 1em 5em 1em;
  padding: 1em;
  width: 660px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
}
.plan .element {
  margin-left: 15%;
}
.plan ul {
  font-family: "Lato", sans-serif;
}
.plan ul li {
  list-style-type: "\2514";
  list-style-position: outside;
  padding-left: 1em;
}
.plan ul li ul {
  margin: 1.5em 0 2.5em 1.5em;
}
/* Menu perso inspiration MAD + menu flottant*/
/* prealables  */
#skrollr-body {
  height: auto;
  /*position: -webkit-sticky; position: sticky; top:0;*/
}
@-moz-keyframes apparition {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes apparition {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes apparition {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes apparition {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes apparition {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes apparition-droite {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes apparition-droite {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes apparition-droite {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes apparition-droite {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes apparition-droite {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Bandeau-nav-générale lucierenaudin.net
    ---------------------------------------------- */
#bandeau-navigation {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Lato", sans-serif;
  vertical-align: baseline;
  font-weight: 300;
  line-height: 1;
  padding-bottom: 5px;
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
#bandeau_principal {
  background-color: #FFF;
  zoom: 1;
  position: relative;
  z-index: 1000;
  margin-top: -10px;
}
#bandeau_principal:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_principal:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_principal:after {
  clear: both;
}
#bandeau_principal #hamburger {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 4px;
  margin-left: 24px;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  z-index: 10;
  border: 0 solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  background-color: #000;
  padding: 10px;
  -moz-transition: 0.2s background-color;
  -webkit-transition: 0.2s background-color;
  -khtml-transition: 0.2s background-color;
  -ms-transition: 0.2s background-color;
  -o-transition: 0.2s background-color;
  transition: 0.2s background-color;
}
#bandeau_principal #hamburger:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_principal #hamburger:focus {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_principal > ul {
  display: table;
  padding-left: 90px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
#bandeau_principal > ul > li {
  display: table-cell;
  vertical-align: top;
  height: 5.5vw;
  padding-top: 2.5vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -border-radius: 0 !important;
}
#bandeau_principal > ul li.secteur {
  margin: 0;
  padding: 0 auto;
}
#bandeau_principal > ul li.rubriques {
  font-size: 1.1em;
  font-weight: 500;
}
#bandeau_principal > ul li.rubriques nav {
  -moz-transition: opacity 0.2s,visibility 0.2s;
  -webkit-transition: opacity 0.2s,visibility 0.2s;
  -khtml-transition: opacity 0.2s,visibility 0.2s;
  -ms-transition: opacity 0.2s,visibility 0.2s;
  -o-transition: opacity 0.2s,visibility 0.2s;
  transition: opacity 0.2s,visibility 0.2s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  zoom: 1;
  display: block;
  padding-top: 5.5vw;
  padding-left: 34px;
  padding-bottom: 34px;
  padding-right: 34px;
  z-index: -1;
  background-color: red;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  color: #ffffff;
}
#bandeau_principal > ul li.rubriques nav:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_principal > ul li.rubriques nav:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_principal > ul li.rubriques nav:after {
  clear: both;
}
#bandeau_principal > ul li.rubriques nav .gros_logo {
  float: left;
  margin-top: 34px;
}
#bandeau_principal > ul li.rubriques nav .gros_logo svg path {
  fill: #FFF;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  -khtml-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
  -moz-column-gap: 34px;
  -webkit-column-gap: 34px;
  -khtml-column-gap: 34px;
  -ms-column-gap: 34px;
  -o-column-gap: 34px;
  column-gap: 34px;
  padding-top: 34px;
  padding-left: 0px;
  -moz-transform: translateX(34px);
  -webkit-transform: translateX(34px);
  -khtml-transform: translateX(34px);
  -ms-transform: translateX(34px);
  -o-transform: translateX(34px);
  transform: translateX(34px);
  opacity: 0;
  transition: 0.6s opacity, 0.6s transform ease-out;
  transition-delay: 0.1s;
  font-family: "Lato", sans-serif;
  text-align: left;
  margin-left: 0;
  column-width: 20%;
  margin-bottom: .5em;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire a {
  color: #FFF !important;
  text-decoration: none;
  padding: 0.2em 0;
  width: 100%;
  font-weight: 200;
  border-bottom: 0;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire a:hover {
  text-decoration: underline;
  font-weight: inherit;
  color: #FFF !important;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire a:focus {
  text-decoration: underline;
  font-weight: inherit;
  color: #FFF !important;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire a:active {
  text-decoration: underline;
  font-weight: inherit;
  color: #FFF !important;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li {
  display: inline-block !important;
  -moz-break-inside: avoid-column;
  -webkit-break-inside: avoid-column;
  -khtml-break-inside: avoid-column;
  -ms-break-inside: avoid-column;
  -o-break-inside: avoid-column;
  break-inside: avoid-column;
  -moz-page-break-inside: avoid;
  -webkit-page-break-inside: avoid;
  -khtml-page-break-inside: avoid;
  -ms-page-break-inside: avoid;
  -o-page-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -khtml-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  padding-bottom: 1em;
  font-weight: 200;
  margin: 0 0 0 2em ;
  padding-left: 0;
  min-width: 300px;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li > a:hover {
  font-weight: 400;
  font-size: .8em;
  text-transform: none;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li > a {
  font-weight: 400;
  font-size: .8em;
  text-transform: none;
  margin-bottom: 0.3em;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li > ul {
  margin-top: 0;
}
#bandeau_principal > ul li.rubriques nav ul.liste_plan {
  margin: 0;
}
#bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li > ul li {
  margin: 0;
  font-size: 0.62em;
}
#bandeau_principal > ul li.rubriques:hover nav {
  display: block;
  opacity: 1;
  visibility: visible !important;
  transition: 0s;
  overflow-y: visible !important;
}
#bandeau_principal > ul li.rubriques:hover nav .liste_secondaire {
  transform: translateX(0px);
  opacity: 1;
}
#bandeau_principal > ul li.rubriques:focus nav {
  display: block;
  opacity: 1;
  visibility: visible !important;
  transition: 0s;
  overflow-y: visible !important;
}
#bandeau_principal > ul li.rubriques:focus nav .liste_secondaire {
  transform: translateX(0px);
  opacity: 1;
}
#bandeau_principal > ul li.rubriques > a {
  text-transform: uppercase;
  line-height: 1vw;
  font-family: "Lato", sans-serif;
  color: #000;
  display: block;
  text-decoration: none;
  padding-bottom: .4em;
  padding-top: .6em;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -border-radius: 0;
}
#bandeau_principal > ul li.secteur > a:hover {
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
}
#bandeau_principal > ul li.secteur > a:focus {
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
}
#bandeau_principal > ul li.secteur > a:active {
  border-bottom: 3px solid #ffffff !important;
  color: #ffffff !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
#bandeau_principal > ul li.recherche {
  float: right;
  margin: 0 2em 0 0;
}
#lien-1 nav {
  background-color: #0a85f5 !important;
}
#lien-2 nav {
  background-color: #e32f2f !important;
}
#lien-3 nav {
  background-color: #ffb819 !important;
}
#afficher_menu {
  display: none;
}
#afficher_menu:checked ~ #menu_flottant {
  display: block;
}
#afficher_menu:checked ~ #fond_menu {
  display: block;
}
#afficher_menu:checked ~ #menu_flottant {
  margin-left: 0;
}
#fond_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
}
#menu_flottant {
  overflow-x: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  position: fixed;
  transform: translate3D(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  max-width: 420px;
  margin-left: -100%;
  width: 100%;
  transition: margin-left 0.3s;
  z-index: 1800;
  top: 0;
  bottom: 0;
  overflow: auto;
  left: 0;
  min-height: 200px;
  background-color: #FFF;
  border-right: 1px solid #e4e4e4;
  font-family: "Lato", sans-serif;
}
#menu_flottant #fermer_menu {
  position: absolute;
  top: 16px;
  left: 24px;
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 2px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  transition: 0.2s background;
}
#menu_flottant #fermer_menu svg {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant #fermer_menu img {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant #fermer_menu:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant #fermer_menu:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant .gros_logo {
  display: inline-block;
  padding-top: 2.5vw;
  margin-top: 34px;
  margin-left: 15%;
  transform: translateX(0);
  padding-bottom: 2em;
}
#menu_flottant .gros_logo svg path {
  fill: #000;
}
#menu_flottant ul {
  list-style: none;
}
#menu_flottant div.formulaire_recherche {
  display: none;
  background-color: #f0f0f0;
  margin: 1em;
  width: 300px;
}
#menu_flottant div.formulaire_recherche form {
  margin: 0;
  padding: 0.5em 0;
  position: relative;
  font-family: "Lato", sans-serif;
}
#menu_flottant div.formulaire_recherche form label {
  display: none;
}
#menu_flottant div.formulaire_recherche form input.search {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  -khtml-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  background-color: #f0f0f0;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 15px 25px 15px 42px;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant div.formulaire_recherche form input.search::placeholder {
  color: #f0f0f0;
}
#menu_flottant div.formulaire_recherche form input.submit {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  right: 0;
  width: 58px;
  height: 58px;
}
#menu_flottant ul.rubriques {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0;
  background-color: #f0f0f0;
}
#menu_flottant ul li {
  margin: 0;
}
#menu_flottant ul.rubriques li a {
  display: block;
  text-align: right;
  color: #888;
  text-decoration: none;
  padding: 0 20px 0 40px;
  text-transform: uppercase;
  font-size: 85%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.2em;
  font-family: "Lato", sans-serif;
}
#menu_flottant ul.rubriques li a:hover {
  color: #FFF;
}
#menu_flottant ul.rubriques li a:focus {
  color: #FFF;
}
#menu_flottant .outils {
  border-top: 1px solid #e4e4e4;
}
#menu_flottant .outils li {
  border-bottom: 1px solid #e4e4e4;
}
#menu_flottant .outils li a {
  padding-left: 17px;
  display: table;
  width: 100%;
  zoom: 1;
  text-align: right;
  color: #888;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 100%;
  color: #000;
  font-family: "Lato", sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -border-radius: 0;
}
#menu_flottant .outils li a:before {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant .outils li a:after {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant .outils li a:after {
  clear: both;
}
#menu_flottant .outils li a .intitule {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 10px;
  padding-left: 0;
}
#menu_flottant .outils li a .logo {
  display: table-cell;
  vertical-align: middle;
  width: 48px;
}
#menu_flottant .outils li a .logo .survol {
  display: none;
}
#menu_flottant .outils li a:hover,
#menu_flottant .outils li a:focus {
  background-color: #252525 !important;
  color: #FFF !important;
  font-weight: inherit;
}
#menu_flottant .outils li a:hover .logo .normal {
  display: none;
}
#menu_flottant .outils li a:hover .logo .survol {
  display: block;
}
#menu_flottant .outils li a:focus .logo .normal {
  display: none;
}
#menu_flottant .outils li a:focus .logo .survol {
  display: block;
}
/*#menu_flottant .outils li.rubriques{background-color:#eee}*/
#menu_flottant .outils li.rubriques a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant .outils li.rubriques.active {
  background-color: #e4e4e4;
}
#menu_flottant .outils li.permanents {
  font-size: 1.2em;
  background-color: #eee;
}
#menu_flottant .outils li.permanents a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant .outils li.permanents.active {
  background-color: #e4e4e4;
}
#menu_flottant #lien-1 a:hover,
#menu_flottant #lien-1 a:focus {
  background-color: #0a85f5 !important;
  color: #FFF;
}
#menu_flottant #lien-2 a:hover,
#menu_flottant #lien-2 a:focus {
  background-color: #e32f2f !important;
  color: #FFF;
}
#menu_flottant #lien-3 a:hover,
#menu_flottant #lien-3 a:focus {
  background-color: #ffb819 !important;
  color: #FFF;
}
#menu_flottant #lien-24 a:hover,
#menu_flottant #lien-24 a:focus {
  background-color: #ff760d !important;
  color: #FFF;
}
#menu_flottant #lien-25 a:hover,
#menu_flottant #lien-25 a:focus {
  background-color: #c2d627 !important;
  color: #FFF;
}
/* Pour colorer spécifiquement les autres liens (à identifier)
  #menu_flottant #lien-contacts a:hover, #menu_flottant #lien-contacts a:focus {background-color: @contacts !important;color:#FFF}
  #menu_flottant #lien-soutenir a:hover, #menu_flottant #lien-soutenir a:focus {background-color: @soutenir !important;color:#FFF}
  #menu_flottant #lien-boutique a:hover, #menu_flottant #lien-boutique a:focus {background-color: @boutique !important;color:#FFF}*/
/* Bandeau-menu Réalittés.net
  ---------------------------------------------- */
#bandeau-navigation_realittes {
  width: 50%;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Lato", sans-serif;
  vertical-align: baseline;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  top: 100px;
  left: 50%;
}
#bandeau_realittes {
  background-color: rgba(0, 0, 0, 0);
  zoom: 1;
  position: relative;
  z-index: 1000;
  margin-top: -10px;
}
#bandeau_realittes:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_realittes:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_realittes:after {
  clear: both;
}
#bandeau_realittes #hamburger {
  position: absolute;
  top: 70px;
  right: 200px;
  padding: 4px;
  margin-right: 29px;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  z-index: 10;
  border: 0 solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  background-color: #000;
  padding: 10px;
  -moz-transition: 0.2s background-color;
  -webkit-transition: 0.2s background-color;
  -khtml-transition: 0.2s background-color;
  -ms-transition: 0.2s background-color;
  -o-transition: 0.2s background-color;
  transition: 0.2s background-color;
}
#bandeau_realittes #hamburger:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_realittes #hamburger:focus {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_realittes > ul {
  display: table;
  padding-left: 90px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
#bandeau_realittes > ul > li {
  display: table-cell;
  vertical-align: top;
  height: 5.5vw;
  padding-top: 2.5vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -border-radius: 0 !important;
}
#bandeau_realittes > ul li.recherche {
  position: absolute;
  top: 55px;
  right: 45%;
  margin: 0 0 0 2em;
  padding: 0;
}
#afficher_menu {
  display: none;
}
#afficher_menu:checked ~ #menu_flottant_realittes {
  display: block;
}
#afficher_menu:checked ~ #fond_menu {
  display: block;
}
#afficher_menu:checked ~ #menu_flottant_realittes {
  margin-right: 0;
}
#fond_menu {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
}
#menu_flottant_realittes {
  overflow-x: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  position: fixed;
  transform: translate3D(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  max-width: 420px;
  margin-right: -100%;
  width: 100%;
  transition: margin-right 0.3s;
  z-index: 1800;
  top: 0;
  bottom: 0;
  overflow: auto;
  right: 0;
  min-height: 200px;
  background-color: #FFF;
  border-right: 1px solid #e4e4e4;
  font-family: "Lato", sans-serif;
}
#menu_flottant_realittes #fermer_menu {
  position: absolute;
  top: 16px;
  right: 24px;
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 2px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  transition: 0.2s background;
  z-index: 1000;
}
#menu_flottant_realittes #fermer_menu svg {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant_realittes #fermer_menu img {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant_realittes #fermer_menu:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant_realittes #fermer_menu:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant_realittes a {
  transition-duration: 0.3s;
}
#menu_flottant_realittes .spip_logo {
  position: relative !important;
  top: 0 !important;
}
#menu_flottant_realittes .gros_logo {
  display: inline-block;
  padding-top: 1vw;
  margin-top: 50px;
  margin-left: 15%;
  transform: translateX(0);
  padding-bottom: 1em;
}
#menu_flottant_realittes .gros_logo svg path {
  fill: #000;
}
#menu_flottant_realittes ul {
  list-style: none;
}
#menu_flottant_realittes div.formulaire_recherche {
  display: none;
  background-color: #f0f0f0;
  margin: 1em;
  width: 300px;
}
#menu_flottant_realittes div.formulaire_recherche form {
  margin: 0;
  padding: 0.5em 0;
  position: relative;
  font-family: "Lato", sans-serif;
}
#menu_flottant_realittes div.formulaire_recherche form label {
  display: none;
}
#menu_flottant_realittes div.formulaire_recherche form input.search {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  -khtml-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  background-color: #f0f0f0;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 15px 25px 15px 42px;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_realittes div.formulaire_recherche form input.search::placeholder {
  color: #f0f0f0;
}
#menu_flottant_realittes div.formulaire_recherche form input.submit {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  right: 0;
  width: 58px;
  height: 58px;
}
#menu_flottant_realittes ul.rubriques {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0;
  background-color: #f0f0f0;
}
#menu_flottant_realittes ul li {
  margin: 0;
  padding: 20px 0;
}
#menu_flottant_realittes ul li a {
  text-decoration: none;
  padding: 0.1em 0;
  width: 100%;
  font-weight: 300;
}
#menu_flottant_realittes ul li.rubriques a {
  font-weight: 300;
  font-size: 1em;
  text-transform: none;
  margin-bottom: 0.1em;
}
#menu_flottant_realittes ul li.rubriques ul.liste_plan li a {
  font-weight: 200;
  font-size: .9em;
  text-transform: none;
  margin-bottom: 0;
  line-height: 1.2em;
}
#menu_flottant_realittes ul li ul.liste_plan li {
  margin: 0;
  padding: 0;
}
#menu_flottant_realittes ul.rubriques li a {
  display: block;
  text-align: right;
  color: #888;
  text-decoration: none;
  padding: 0 20px 0 40px;
  text-transform: uppercase;
  font-size: 1em;
  font-family: "Lato", sans-serif;
}
#menu_flottant_realittes .outils {
  border-top: 1px solid #e4e4e4;
  margin-bottom: 5em;
}
#menu_flottant_realittes .outils li {
  border-bottom: 0px solid #e4e4e4;
}
#menu_flottant_realittes .outils li a {
  padding-left: 17px;
  display: table;
  width: 100%;
  zoom: 1;
  text-align: left;
  text-decoration: none;
  font-size: 100%;
  color: #000;
  font-family: "Lato", sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -border-radius: 0;
}
#menu_flottant_realittes .outils li a:before {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant_realittes .outils li a:after {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant_realittes .outils li a:after {
  clear: both;
}
#menu_flottant_realittes .outils li a .intitule {
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0px;
  padding-left: 0;
}
#menu_flottant_realittes .outils li a .logo {
  display: table-cell;
  vertical-align: middle;
  width: 48px;
}
#menu_flottant_realittes .outils li a .logo .survol {
  display: none;
}
#menu_flottant_realittes .outils li a:hover,
#menu_flottant_realittes .outils li a:focus {
  color: #e32f2f !important;
  text-decoration: underline;
}
#menu_flottant_realittes .outils li a:hover .logo .normal {
  display: none;
}
#menu_flottant_realittes .outils li a:hover .logo .survol {
  display: block;
}
#menu_flottant_realittes .outils li a:focus .logo .normal {
  display: none;
}
#menu_flottant_realittes .outils li a:focus .logo .survol {
  display: block;
}
/*#menu_flottant .outils li.rubriques{background-color:#eee}*/
#menu_flottant_realittes .outils li.rubriques a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_realittes .outils li.rubriques.active {
  background-color: #e4e4e4;
}
#menu_flottant_realittes .outils li.permanents {
  font-size: 1.2em;
  background-color: #eee;
}
#menu_flottant_realittes .outils li.permanents a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_realittes .outils li.permanents.active {
  background-color: #e4e4e4;
}
/* Bandeau-menu Lautrecotedumiroir.net
  ---------------------------------------------- */
#bandeau-navigation_lautrecotedumiroir {
  width: 50%;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Lato", sans-serif;
  vertical-align: baseline;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  top: 66px;
  right: 50%;
}
#bandeau_lautrecotedumiroir {
  background-color: rgba(0, 0, 0, 0);
  zoom: 1;
  position: relative;
  z-index: 1000;
  margin-top: -10px;
}
#bandeau_lautrecotedumiroir:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_lautrecotedumiroir:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_lautrecotedumiroir:after {
  clear: both;
}
#bandeau_lautrecotedumiroir #hamburger {
  position: absolute;
  top: 70px;
  left: 200px;
  padding: 4px;
  margin-left: 24px;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  z-index: 10;
  border: 0 solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  background-color: #000;
  padding: 10px;
  -moz-transition: 0.2s background-color;
  -webkit-transition: 0.2s background-color;
  -khtml-transition: 0.2s background-color;
  -ms-transition: 0.2s background-color;
  -o-transition: 0.2s background-color;
  transition: 0.2s background-color;
}
#bandeau_lautrecotedumiroir #hamburger:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_lautrecotedumiroir #hamburger:focus {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_lautrecotedumiroir > ul {
  display: table;
  padding-left: 90px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
#bandeau_lautrecotedumiroir > ul > li {
  display: table-cell;
  vertical-align: top;
  height: 5.5vw;
  padding-top: 2.5vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -border-radius: 0 !important;
}
#bandeau_lautrecotedumiroir > ul li.recherche {
  position: absolute;
  top: 55px;
  left: 45%;
  margin: 0 2em 0 0;
  padding: 0;
}
#afficher_menu {
  display: none;
}
#afficher_menu:checked ~ #menu_flottant_lautrecotedumiroir {
  display: block;
}
#afficher_menu:checked ~ #fond_menu {
  display: block;
}
#afficher_menu:checked ~ #menu_flottant_lautrecotedumiroir {
  margin-left: 0;
}
#fond_menu {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
}
#menu_flottant_lautrecotedumiroir {
  overflow-x: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  position: fixed;
  transform: translate3D(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  max-width: 420px;
  margin-left: -100%;
  width: 100%;
  transition: margin-left 0.3s;
  z-index: 1800;
  top: 0;
  bottom: 0;
  overflow: auto;
  left: 0;
  min-height: 200px;
  background-color: #333333;
  border-right: 1px solid #000;
  font-family: "Lato", sans-serif;
}
#menu_flottant_lautrecotedumiroir #fermer_menu {
  position: absolute;
  top: 16px;
  left: 24px;
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 2px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  transition: 0.2s background;
  z-index: 1000;
}
#menu_flottant_lautrecotedumiroir #fermer_menu svg {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant_lautrecotedumiroir #fermer_menu img {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant_lautrecotedumiroir #fermer_menu:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant_lautrecotedumiroir #fermer_menu:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant_lautrecotedumiroir a {
  transition-duration: 0.3s;
}
#menu_flottant_lautrecotedumiroir .spip_logo {
  position: relative !important;
  top: 0 !important;
}
#menu_flottant_lautrecotedumiroir .gros_logo {
  display: inline-block;
  padding-top: 1vw;
  margin-top: 50px;
  margin-right: 15%;
  transform: translateX(0);
  padding-bottom: 1em;
}
#menu_flottant_lautrecotedumiroir .gros_logo svg path {
  fill: #000;
}
#menu_flottant_lautrecotedumiroir ul {
  list-style: none;
}
#menu_flottant_lautrecotedumiroir div.formulaire_recherche {
  display: none;
  background-color: #f0f0f0;
  margin: 1em;
  width: 300px;
}
#menu_flottant_lautrecotedumiroir div.formulaire_recherche form {
  margin: 0;
  padding: 0.5em 0;
  position: relative;
  font-family: "Lato", sans-serif;
}
#menu_flottant_lautrecotedumiroir div.formulaire_recherche form label {
  display: none;
}
#menu_flottant_lautrecotedumiroir div.formulaire_recherche form input.search {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  -khtml-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  background-color: #f0f0f0;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 15px 25px 15px 42px;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_lautrecotedumiroir div.formulaire_recherche form input.search::placeholder {
  color: #f0f0f0;
}
#menu_flottant_lautrecotedumiroir div.formulaire_recherche form input.submit {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  right: 0;
  width: 58px;
  height: 58px;
}
#menu_flottant_lautrecotedumiroir ul.rubriques {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0;
  background-color: #f0f0f0;
}
#menu_flottant_lautrecotedumiroir ul li {
  margin: 0;
  padding: 20px 0;
  padding-right: 34px;
}
#menu_flottant_lautrecotedumiroir ul li a {
  text-decoration: none;
  padding: 0.1em 0;
  width: 100%;
  font-weight: 300;
}
#menu_flottant_lautrecotedumiroir ul li.rubriques a {
  font-weight: 300;
  font-size: 1em;
  text-transform: none;
  margin-bottom: 0.1em;
}
#menu_flottant_lautrecotedumiroir ul li.rubriques ul.liste_plan {
  padding-right: 34px;
}
#menu_flottant_lautrecotedumiroir ul li.rubriques ul.liste_plan li a {
  font-weight: 100;
  font-size: .9em;
  text-transform: none;
  margin-bottom: 0;
  line-height: 1.2em;
}
#menu_flottant_lautrecotedumiroir ul li ul.liste_plan li {
  margin: 0;
  padding: 0;
}
#menu_flottant_lautrecotedumiroir ul.rubriques li a {
  display: block;
  text-align: right;
  color: #888;
  text-decoration: none;
  padding: 0 20px 0 40px;
  padding-right: 17px;
  text-transform: uppercase;
  font-size: 1em;
  font-family: "Lato", sans-serif;
}
#menu_flottant_lautrecotedumiroir .outils {
  border-top: 1px solid black;
  margin-bottom: 5em;
}
#menu_flottant_lautrecotedumiroir .outils li {
  border-bottom: 0px solid #e4e4e4;
}
#menu_flottant_lautrecotedumiroir .outils li a {
  padding-right: 17px;
  display: table;
  width: 100%;
  zoom: 1;
  text-align: right;
  text-decoration: none;
  font-size: 100%;
  color: white;
  font-family: "Lato", sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -border-radius: 0;
}
#menu_flottant_lautrecotedumiroir .outils li a:before {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant_lautrecotedumiroir .outils li a:after {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant_lautrecotedumiroir .outils li a:after {
  clear: both;
}
#menu_flottant_lautrecotedumiroir .outils li a .intitule {
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 0px;
}
#menu_flottant_lautrecotedumiroir .outils li a .logo {
  display: table-cell;
  vertical-align: middle;
  width: 48px;
}
#menu_flottant_lautrecotedumiroir .outils li a .logo .survol {
  display: none;
}
#menu_flottant_lautrecotedumiroir .outils li a:hover,
#menu_flottant_lautrecotedumiroir .outils li a:focus {
  color: #ffb819 !important;
  text-decoration: underline;
}
#menu_flottant_lautrecotedumiroir .outils li a:hover .logo .normal {
  display: none;
}
#menu_flottant_lautrecotedumiroir .outils li a:hover .logo .survol {
  display: block;
}
#menu_flottant_lautrecotedumiroir .outils li a:focus .logo .normal {
  display: none;
}
#menu_flottant_lautrecotedumiroir .outils li a:focus .logo .survol {
  display: block;
}
/*#menu_flottant .outils li.rubriques{background-color:#eee}*/
#menu_flottant_lautrecotedumiroir .outils li.rubriques a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_lautrecotedumiroir .outils li.rubriques.active {
  background-color: #e4e4e4;
}
#menu_flottant_lautrecotedumiroir .outils li.permanents {
  font-size: 1.2em;
  background-color: #eee;
}
#menu_flottant_lautrecotedumiroir .outils li.permanents a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_lautrecotedumiroir .outils li.permanents.active {
  background-color: #e4e4e4;
}
/* Bandeau-menu La boutique — À modifier
  ---------------------------------------------- */
#bandeau-navigation_laboutique {
  width: 50%;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Lato", sans-serif;
  vertical-align: baseline;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  top: 66px;
  right: 50%;
}
#bandeau_laboutique {
  background-color: rgba(0, 0, 0, 0);
  zoom: 1;
  position: relative;
  z-index: 1000;
  margin-top: -10px;
}
#bandeau_laboutique:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_laboutique:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_laboutique:after {
  clear: both;
}
#bandeau_laboutique #hamburger {
  position: absolute;
  top: 70px;
  left: 200px;
  padding: 4px;
  margin-left: 24px;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  z-index: 10;
  border: 0 solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  background-color: #000;
  padding: 10px;
  -moz-transition: 0.2s background-color;
  -webkit-transition: 0.2s background-color;
  -khtml-transition: 0.2s background-color;
  -ms-transition: 0.2s background-color;
  -o-transition: 0.2s background-color;
  transition: 0.2s background-color;
}
#bandeau_laboutique #hamburger:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_laboutique #hamburger:focus {
  background-color: rgba(0, 0, 0, 0.5);
}
#bandeau_laboutique > ul {
  display: table;
  padding-left: 90px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
#bandeau_laboutique > ul > li {
  display: table-cell;
  vertical-align: top;
  height: 5.5vw;
  padding-top: 2.5vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -border-radius: 0 !important;
}
#bandeau_laboutique > ul li.recherche {
  position: absolute;
  top: 55px;
  left: 45%;
  margin: 0 2em 0 0;
  padding: 0;
}
#afficher_menu {
  display: none;
}
#afficher_menu:checked ~ #menu_flottant_laboutique {
  display: block;
}
#afficher_menu:checked ~ #fond_menu {
  display: block;
}
#afficher_menu:checked ~ #menu_flottant_laboutique {
  margin-left: 0;
}
#fond_menu {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
}
#menu_flottant_laboutique {
  overflow-x: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  position: fixed;
  transform: translate3D(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  max-width: 420px;
  margin-left: -100%;
  width: 100%;
  transition: margin-left 0.3s;
  z-index: 1800;
  top: 0;
  bottom: 0;
  overflow: auto;
  left: 0;
  min-height: 200px;
  background-color: #333333;
  border-right: 1px solid #000;
  font-family: "Lato", sans-serif;
}
#menu_flottant_laboutique #fermer_menu {
  position: absolute;
  top: 16px;
  left: 24px;
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 2px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*behavior:url(https://madparis.fr/squelettes-2017/plugins/auto/css_imbriques/v3.3.2/PIE.htc);*/
  transition: 0.2s background;
  z-index: 1000;
}
#menu_flottant_laboutique #fermer_menu svg {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant_laboutique #fermer_menu img {
  width: 50%;
  height: 50%;
  margin-left: 20%;
  margin-top: 25%;
}
#menu_flottant_laboutique #fermer_menu:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant_laboutique #fermer_menu:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu_flottant_laboutique a {
  transition-duration: 0.3s;
}
#menu_flottant_laboutique .spip_logo {
  position: relative !important;
  top: 0 !important;
}
#menu_flottant_laboutique .gros_logo {
  display: inline-block;
  padding-top: 1vw;
  margin-top: 50px;
  margin-right: 15%;
  transform: translateX(0);
  padding-bottom: 1em;
}
#menu_flottant_laboutique .gros_logo svg path {
  fill: #000;
}
#menu_flottant_laboutique ul {
  list-style: none;
}
#menu_flottant_laboutique div.formulaire_recherche {
  display: none;
  background-color: #f0f0f0;
  margin: 1em;
  width: 300px;
}
#menu_flottant_laboutique div.formulaire_recherche form {
  margin: 0;
  padding: 0.5em 0;
  position: relative;
  font-family: "Lato", sans-serif;
}
#menu_flottant_laboutique div.formulaire_recherche form label {
  display: none;
}
#menu_flottant_laboutique div.formulaire_recherche form input.search {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  -khtml-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  background-color: #f0f0f0;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 15px 25px 15px 42px;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_laboutique div.formulaire_recherche form input.search::placeholder {
  color: #f0f0f0;
}
#menu_flottant_laboutique div.formulaire_recherche form input.submit {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  right: 0;
  width: 58px;
  height: 58px;
}
#menu_flottant_laboutique ul.rubriques {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0;
  background-color: #f0f0f0;
}
#menu_flottant_laboutique ul li {
  margin: 0;
  padding: 20px 0;
  padding-right: 34px;
}
#menu_flottant_laboutique ul li a {
  text-decoration: none;
  padding: 0.1em 0;
  width: 100%;
  font-weight: 300;
}
#menu_flottant_laboutique ul li.rubriques a {
  font-weight: 300;
  font-size: 1em;
  text-transform: none;
  margin-bottom: 0.1em;
}
#menu_flottant_laboutique ul li.rubriques ul.liste_plan {
  padding-right: 34px;
}
#menu_flottant_laboutique ul li.rubriques ul.liste_plan li a {
  font-weight: 100;
  font-size: .9em;
  text-transform: none;
  margin-bottom: 0;
  line-height: 1.2em;
}
#menu_flottant_laboutique ul li ul.liste_plan li {
  margin: 0;
  padding: 0;
}
#menu_flottant_laboutique ul.rubriques li a {
  display: block;
  text-align: right;
  color: #888;
  text-decoration: none;
  padding: 0 20px 0 40px;
  padding-right: 17px;
  text-transform: uppercase;
  font-size: 1em;
  font-family: "Lato", sans-serif;
}
#menu_flottant_laboutique .outils {
  border-top: 1px solid black;
  margin-bottom: 5em;
}
#menu_flottant_laboutique .outils li {
  border-bottom: 0px solid #e4e4e4;
}
#menu_flottant_laboutique .outils li a {
  padding-right: 17px;
  display: table;
  width: 100%;
  zoom: 1;
  text-align: right;
  text-decoration: none;
  font-size: 100%;
  color: white;
  font-family: "Lato", sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -border-radius: 0;
}
#menu_flottant_laboutique .outils li a:before {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant_laboutique .outils li a:after {
  content: "";
  display: block;
  overflow: hidden;
}
#menu_flottant_laboutique .outils li a:after {
  clear: both;
}
#menu_flottant_laboutique .outils li a .intitule {
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 0px;
}
#menu_flottant_laboutique .outils li a .logo {
  display: table-cell;
  vertical-align: middle;
  width: 48px;
}
#menu_flottant_laboutique .outils li a .logo .survol {
  display: none;
}
#menu_flottant_laboutique .outils li a:hover,
#menu_flottant_laboutique .outils li a:focus {
  color: #ff760d !important;
  text-decoration: underline;
}
#menu_flottant_laboutique .outils li a:hover .logo .normal {
  display: none;
}
#menu_flottant_laboutique .outils li a:hover .logo .survol {
  display: block;
}
#menu_flottant_laboutique .outils li a:focus .logo .normal {
  display: none;
}
#menu_flottant_laboutique .outils li a:focus .logo .survol {
  display: block;
}
/*#menu_flottant .outils li.rubriques{background-color:#eee}*/
#menu_flottant_laboutique .outils li.rubriques a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_laboutique .outils li.rubriques.active {
  background-color: #e4e4e4;
}
#menu_flottant_laboutique .outils li.permanents {
  font-size: 1.2em;
  background-color: #eee;
}
#menu_flottant_laboutique .outils li.permanents a {
  padding-left: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
}
#menu_flottant_laboutique .outils li.permanents.active {
  background-color: #e4e4e4;
}
/* Bandeau-nav mon compte La boutique
    ---------------------------------------------- */
header#laboutique #tech {
  position: absolute;
  width: 400px;
  height: 130px;
  right: 10px;
  top: 75px;
  margin: 0;
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
  clear: both;
  font-size: .8em;
  text-align: center;
  margin-right: 3em;
}
header#laboutique #tech .h6 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 1vw;
}
header#laboutique #tech h6#titre_bouton {
  font-size: 1.1em;
}
header#laboutique #tech a {
  opacity: .50;
}
header#laboutique #tech a:hover {
  opacity: .90;
  text-decoration: none;
}
header#laboutique .bouton_tech {
  margin: 0 0 0 5px;
  width: 190px;
  height: 110px;
  flex-grow: 1;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 1vw;
  padding-top: 10px;
  z-index: 700;
}
header#laboutique .bouton_tech .icone {
  margin: 4px 0 0;
}
header#laboutique .bouton_tech:hover {
  background-color: #FFF;
}
header#laboutique .bouton_tech:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
header#laboutique #mon_compte .icone {
  min-width: 50px;
  min-height: 50px;
  z-index: 500;
  background: no-repeat center center url("//www.realittes.net/squelettes/css/img/moncompte-resp256.png");
  background-size: contain;
  padding: 2px;
}
header#laboutique #minipanier:hover {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
header#laboutique #minipanier .icone {
  min-width: 50px;
  min-height: 50px;
  z-index: 500;
  background: no-repeat center center url("//www.realittes.net/squelettes/css/img/panier-resp256.png");
  background-size: contain;
  padding: 2px;
}
header#laboutique .bouton_tech a p {
  font-size: .8em;
  font-weight: 500;
}
#menu_mon_compte {
  width: 190px;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Lato", sans-serif;
  vertical-align: baseline;
  font-weight: 300;
  /*line-height: 1; padding-bottom: 5px; box-shadow: 0 0px 5px 3px rgba(0,0,0,0.2);*/
  z-index: 800;
}
#bandeau_mon-compte {
  background-color: #FFF;
  zoom: 1;
  position: relative;
  z-index: 1000;
  margin-top: -100px;
}
#bandeau_mon-compte:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_mon-compte:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_mon-compte:after {
  clear: both;
}
#bandeau_mon-compte > ul {
  display: table;
  padding: 0;
  width: 100%;
  text-align: center;
  margin-left: 0;
  margin-bottom: 0;
}
#bandeau_mon-compte > ul > li {
  display: table-cell;
  vertical-align: top;
  height: 5.2vw;
  padding-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -border-radius: 0 !important;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 1vw;
}
#bandeau_mon-compte > ul > li a p {
  font-size: .8em;
  padding: 0;
  margin: 0;
}
#bandeau_mon-compte > ul li.rubriques {
  font-size: 1.1em;
  font-weight: 500;
}
#bandeau_mon-compte > ul li.rubriques nav {
  -moz-transition: opacity 0.2s,visibility 0.2s;
  -webkit-transition: opacity 0.2s,visibility 0.2s;
  -khtml-transition: opacity 0.2s,visibility 0.2s;
  -ms-transition: opacity 0.2s,visibility 0.2s;
  -o-transition: opacity 0.2s,visibility 0.2s;
  transition: opacity 0.2s,visibility 0.2s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  zoom: 1;
  display: block;
  padding-top: 5.5vw;
  padding-left: 34px;
  padding-bottom: 34px;
  padding-right: 34px;
  z-index: -1;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(//www.realittes.net/squelettes/css/boxsizing.htc);
  color: #ffffff;
}
#bandeau_mon-compte > ul li.rubriques nav:before {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_mon-compte > ul li.rubriques nav:after {
  content: "";
  display: block;
  overflow: hidden;
}
#bandeau_mon-compte > ul li.rubriques nav:after {
  clear: both;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire {
  -moz-column-gap: 32px;
  -webkit-column-gap: 32px;
  -khtml-column-gap: 32px;
  -ms-column-gap: 32px;
  -o-column-gap: 32px;
  column-gap: 32px;
  padding-top: 32px;
  padding-left: 0px;
  -moz-transform: translateX(32px);
  -webkit-transform: translateX(32px);
  -khtml-transform: translateX(32px);
  -ms-transform: translateX(32px);
  -o-transform: translateX(32px);
  transform: translateX(34px);
  opacity: 0;
  transition: 0.6s opacity, 0.6s transform ease-out;
  transition-delay: 0.1s;
  font-family: "Lato", sans-serif;
  text-align: left;
  margin-left: 0;
  column-width: 20%;
  margin-bottom: .5em;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire a {
  color: #333333 !important;
  text-decoration: none;
  padding: 0.2em 0;
  width: 100%;
  font-weight: 200;
  border-bottom: 0;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire a:hover {
  text-decoration: underline;
  font-weight: inherit;
  color: #333333 !important;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire a:focus {
  text-decoration: underline;
  font-weight: inherit;
  color: #333333 !important;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire a:active {
  text-decoration: underline;
  font-weight: inherit;
  color: #333333 !important;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire > li {
  display: block !important;
  padding-bottom: 1em;
  font-weight: 200;
  margin: 0 0 0 .5em ;
  padding-left: 0;
  min-width: 350px;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire > li > a:hover {
  font-weight: 400;
  font-size: .8em;
  text-transform: none;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire > li > a {
  font-weight: 400;
  font-size: .8em;
  text-transform: none;
  margin-bottom: 0.3em;
}
#bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire > li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#bandeau_mon-compte > ul li.rubriques:hover nav {
  display: block;
  opacity: 1;
  visibility: visible !important;
  transition: 0s;
  overflow-y: visible !important;
}
#bandeau_mon-compte > ul li.rubriques:hover nav .liste_secondaire {
  transform: translateX(0px);
  opacity: 1;
}
#bandeau_mon-compte > ul li.rubriques:focus nav {
  display: block;
  opacity: 1;
  visibility: visible !important;
  transition: 0s;
  overflow-y: visible !important;
}
#bandeau_mon-compte > ul li.rubriques:focus nav .liste_secondaire {
  transform: translateX(0px);
  opacity: 1;
}
/*#bandeau_mon-compte > ul li.rubriques > a{text-transform:uppercase;line-height:1vw;font-family:@font2 ; color:#000;display:block;text-decoration:none;padding-bottom:.4em;padding-top:.6em;padding-left:0;padding-right:0;margin: 0 auto; white-space:nowrap;border-bottom:3px solid transparent; .rounded(0);}*/
#bandeau_mon-compte > ul li.secteur > a:hover {
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
}
#bandeau_mon-compte > ul li.secteur > a:focus {
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
}
#bandeau_mon-compte > ul li.secteur > a:active {
  border-bottom: 3px solid #ffffff !important;
  color: #ffffff !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
#lien-27 nav {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
/* Header
  ---------------------------------------------- */
.header {
  position: relative;
}
.header .navbase {
  height: 2em;
  text-align: right;
  margin: 0.1em auto;
}
.header .navbase a,
.header .navbase li a {
  color: #b4b4b4;
  overflow: visible;
}
.header .navbase a.on ::before,
.header .navbase li a.on ::before {
  content: '[';
}
.header .navbase a.on ::after,
.header .navbase li a.on ::after {
  content: ']';
}
.header .navbase a:hover,
.header .navbase li a:hover,
.header .navbase a:focus,
.header .navbase li a:focus {
  text-decoration: underline;
  font-weight: inherit;
}
.header .navbase ul {
  display: inline;
}
.header .navbase li {
  list-style: none;
}
.header .invisible {
  display: none;
}
.header .ligne {
  padding: 5px;
  margin: 0 2em;
}
/*.header .ligne a:focus, .header .ligne a:hover {color: @noir; border: 0 3 solid @noir}*/
/*.header .ligne-logo {position:relative; top: 5px; float: left; padding: 5px 10px; margin:0 2em; z-index: 1500; background-color: #fff; }*/
/*.header .ligne a:hover { border: 0 1 1 solid @noir }*/
.header .bandeau {
  clear: both;
}
/*.header a.secteur {display: inline; height: 18px; width: 49.7%; }*/
/*.header .bandeau #lien {display: inline; width: 49.7%; height: 1px;}*/
/*.header .lien a { position: absolute; top: 0; display: inline-block; z-index: 1500;}*/
.header .spip_logo_site {
  margin: 0;
  line-height: 1;
  font-weight: normal;
}
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover {
  padding: 0;
  background: transparent;
  text-decoration: none;
  color: #222;
  z-index: 1500;
}
.header .spip_logo_site a:hover {
  opacity: 0.7;
  color: #333333;
}
.header .spip_logo_site a:hover img {
  opacity: 0.7;
}
.header .spip_logo {
  margin-bottom: 0;
  padding: 5px 10px;
  margin: 0 1em;
  z-index: 500;
}
/*.header .bandeau #logolr {position: absolute; top: 0; left: 0; display: inline-block; z-index: 1500; }*/
/*.header #slogan {font-size:1.1em;float: right; margin-top: 20%; margin-right: 5%; color: @blanc; background-color: black; padding: 0 5px;}*/
.header .bandeau #titre-site,
.header .bandeau #titre-secteur {
  font-family: "Lato", sans-serif;
  z-index: 1500;
  font-weight: 300;
  font-stretch: condensed;
  text-transform: lowercase;
  line-height: .8em;
}
.header h1 {
  font-size: 1em;
  line-height: 1;
  margin-bottom: 0;
}
/*.header .lien-secteur {z-index: 3;}
    .header .lien-realittes {background: transparent; float: left; height: 100%; width: 50%;}
    .header .lien-lautrecote {background: transparent; float: right; height: 100%; width: 50%;}*/
/* Header LR
    ---------------------------------------------- */
header#lr .bandeau {
  clear: both;
  background: no-repeat center top url("//www.realittes.net/squelettes/img/Banniere_horizons_ouverts_2560px.jpg");
  background-size: contain;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 42%;
}
/*.header .bandeau #lien {display: inline; width: 49.7%; height: 1px;}*/
header#lr .wrap_liens {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}
header#lr .wrap_liens a {
  height: 10px;
  padding-bottom: 42%;
  /*min-width: 120px; width: 49.7%;*/
  flex-basis: 50%;
  z-index: 1000;
}
/*header#lr .lien#lienR {position: absolute; left: 0;}
  header#lr .lien#lienL {position: absolute; right: 0;}*/
/*.header .lien a { position: absolute; top: 0; display: inline-block; z-index: 1500;}*/
header#lr .spip_logo_site {
  max-width: 150px;
}
header#lr .spip_logo_site {
  padding: 0;
  background: transparent;
  text-decoration: none;
  color: #222;
  z-index: 1500;
}
header#lr .spip_logo {
  position: absolute;
  top: 5px;
  float: left;
}
header#lr .bandeau #logolr {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 1500;
}
/*header#lr #slogan {font-size:1.1em;float: right; margin-top: 20%; margin-right: 5%; color: @blanc; background-color: black; padding: 0 5px;}*/
header#lr .bandeau #titre-site {
  position: absolute;
  top: 67px;
  left: 150px;
  float: left;
  padding: 5px;
  margin: 0;
  z-index: 1500;
  background-color: transparent;
  font-size: 1.4em;
}
header#lr .bandeau #titre-secteur {
  position: absolute;
  top: 146px;
  left: 64%;
  float: right;
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  font-size: 1.8em;
  color: #ffffff;
  background-color: black;
}
header#lr .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.1em;
  position: absolute;
  top: 161px;
  left: 69%;
  margin-top: 1em;
  margin-left: 0;
  color: black;
  padding: 0 5px;
}
header#lr .chapo p {
  margin-bottom: 0;
}
/* Header Réalittés
    ---------------------------------------------- */
header#realittes {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
header#realittes .spip_logo_site {
  max-width: 150px;
}
header#realittes .spip_logo {
  position: absolute;
  top: 55px;
  right: 15px !important;
}
header#realittes .bandeau {
  display: flex;
  flex-direction: row;
  clear: both;
  background: no-repeat left top url("//www.realittes.net/squelettes/img/Banniere_horizons_gauche_rec.png");
  background-size: contain;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  padding-bottom: 200px;
}
header#realittes .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 1000;
}
header#realittes .bandeau #logo {
  display: inline;
  z-index: 1500;
}
header#realittes .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.1em;
  position: absolute;
  top: 75px;
  left: 30%;
  margin-top: 1em;
  margin-right: 0;
  color: black;
  padding: 0 5px;
}
header#realittes .chapo p {
  margin-bottom: 0;
}
header#realittes .bandeau #titre-site {
  position: absolute;
  top: 60px;
  left: 25%;
  float: left;
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  font-size: 1.8em;
  color: #ffffff;
  background-color: black;
}
/* Header Lautrecotedumiroir
    ---------------------------------------------- */
header#lautrecotedumiroir {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
header#lautrecotedumiroir .photo_couv {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
header#lautrecotedumiroir .photo_couv img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
header#lautrecotedumiroir .spip_logo_site {
  max-width: 400px;
}
header#lautrecotedumiroir .spip_logo {
  position: absolute;
  top: 21px;
  left: 15px;
}
header#lautrecotedumiroir .bandeau {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  clear: both;
  background: no-repeat right top url("//www.realittes.net/squelettes/img/Banniere_horizons_droit_rec.png");
  background-size: contain;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  padding-bottom: 200px;
}
header#lautrecotedumiroir .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 800;
  position: absolute;
  right: 0;
}
header#lautrecotedumiroir .bandeau #logo {
  display: inline;
  z-index: 1500;
}
header#lautrecotedumiroir .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.1em;
  position: absolute;
  top: 41px;
  left: 54%;
  margin-top: 1em;
  margin-left: 0;
  color: black;
  padding: 0 5px;
}
header#lautrecotedumiroir .chapo p {
  margin-bottom: 0;
}
header#lautrecotedumiroir .bandeau #titre-site {
  position: absolute;
  top: 26px;
  left: 49%;
  float: right;
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  font-size: 1.8em;
  color: #ffffff;
  background-color: black;
}
header#lautrecotedumiroir .auteur p {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: .8em;
  position: absolute;
  top: 116px;
  left: 55.5%;
  margin-top: 0em;
  margin-left: .5em;
  color: black;
  padding: 1em 5px 0 5px;
}
header#lautrecotedumiroir .auteur p a {
  font-size: 1.4em;
  font-weight: 100;
  z-index: 500;
}
header#lautrecotedumiroir .auteur p a:hover,
header#lautrecotedumiroir .auteur p a:focus {
  text-decoration: none;
}
/* Header laboutique
    ---------------------------------------------- */
header#laboutique {
  box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.2);
}
header#laboutique .photo_couv {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
header#laboutique .photo_couv img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
header#laboutique .spip_logo_site {
  max-width: 400px;
}
header#laboutique .spip_logo {
  position: absolute;
  top: 21px;
  left: 15px;
}
header#laboutique .bandeau {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  clear: both;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  padding-bottom: 200px;
}
header#laboutique .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 800;
  position: absolute;
  right: 0;
}
header#laboutique .bandeau #logo {
  display: inline;
  z-index: 1500;
}
header#laboutique .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.1em;
  position: absolute;
  top: 41px;
  left: 54%;
  margin-top: 1em;
  margin-left: 0;
  color: black;
  padding: 0 5px;
}
header#laboutique .chapo p {
  margin-bottom: 0;
}
header#laboutique .bandeau #titre-site {
  position: absolute;
  top: 26px;
  left: 49%;
  float: right;
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  font-size: 1.8em;
  color: #ffffff;
  background-color: black;
}
header#laboutique .auteur p {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: .8em;
  position: absolute;
  top: 116px;
  left: 55.5%;
  margin-top: 0em;
  margin-left: .5em;
  color: black;
  padding: 1em 5px 0 5px;
}
header#laboutique .auteur p a {
  font-size: 1.4em;
  font-weight: 100;
  z-index: 500;
}
header#laboutique .auteur p a:hover,
header#laboutique .auteur p a:focus {
  text-decoration: none;
}
/* Footer
  ---------------------------------------------- */
/*issu de theme*/
.footer a {
  text-decoration: none;
}
.footer a.spip_out:after {
  content: "";
}
.footer {
  display: block;
  font-family: "Lato", sans-serif;
  font-stretch: condensed;
  font-weight: thin;
  font-size: 0.8em;
  color: #ffffff !important;
  margin-top: 0;
  border-top: 0;
}
.footer p {
  color: #ffffff;
}
.footer .flex {
  display: flex;
  width: 100%;
}
.footer .boites {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer .box {
  flex-basis: auto;
  border: none;
  min-width: 300px;
  max-width: 600px;
  padding: 1.5em 2em;
}
.footer .tonsurton {
  color: #252525 !important;
}
.footer #minibandeau {
  max-width: 600px;
  flex-basis: 2.5;
  box-sizing: content-box;
  width: 100%;
}
.footer .navbase {
  text-align: center;
  margin: 0.5em auto;
}
.footer .invisible {
  display: none;
}
.footer .ligne {
  color: #ffffff;
  padding: 6px;
  margin: 0 3px;
}
.footer .generator {
  float: right;
}
.footer .generator a {
  padding: 0;
  background: none;
}
.footer a {
  color: #ffffff;
}
.footer a:hover,
.footer a:focus {
  color: #ffffff !important;
  border-bottom: 2px #ffffff;
  background-color: none;
}
.footer a:active {
  color: #ffffff;
  border: 2px 0 #ffffff;
}
.footer a:visited {
  color: #ffffff;
}
.footer h2 {
  font-size: 1.2em;
  line-height: 1.1;
  padding-top: 1.15em;
  margin-bottom: .5em;
  border-bottom: none;
  padding-bottom: .1em;
  text-align: left;
  color: #ffffff;
}
.footer ul {
  text-align: right;
  margin: 0.5em auto 1.5em 15%;
}
.footer li {
  list-style: none;
  margin: 0;
  line-height: 2.1em;
}
.footer .icon {
  opacity: 0.7;
  color: #ffffff;
}
.footer .bandeau {
  clear: both;
  background: no-repeat center top url("//www.realittes.net/squelettes/img/Banniere_horizons_ouverts.jpg");
  background-size: cover;
  padding: 0;
  width: 100%;
  height: 0;
  padding-bottom: 42%;
}
.footer .bandeau a {
  width: 50%;
}
.footer .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 42%;
  min-width: 50px;
  width: 50%;
}
.footer #minibandeau p {
  width: 100%;
}
.footer #minibandeau p.pres {
  margin-bottom: .2em;
}
.footer #minibandeau p.right {
  text-align: right;
}
/* Footer LR
  ---------------------------------------------- */
.footer#lr {
  font-size: .7em;
}
.footer#lr .box#minibandeaux {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0;
  height: auto;
  max-width: 42%;
}
.footer#lr .box#minibandeaux .pres {
  width: 100%;
  padding: 0;
  margin: 0.5em 0;
}
.footer#lr .box#minibandeau {
  flex-basis: auto;
  border: none;
  min-width: 270px;
  max-width: 300px;
  height: 80px;
  padding: .5em .1em;
  margin-bottom: 0;
}
.footer#lr #minibandeau {
  display: flex;
  flex-direction: row;
  clear: both;
  max-width: 300px;
  height: 100px;
  box-sizing: content-box;
  float: center;
  padding-left: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  margin-left: 5%;
}
.footer#lr #minibandeau .cartouche {
  padding: .1em;
  margin: 0;
  z-index: 1200;
}
.footer#lr #minibandeau #titre-site h1 {
  font-family: "Lato", sans-serif;
  margin: 0;
  z-index: 1500;
  font-size: .9em;
  font-weight: 200;
  font-stretch: condensed;
  text-transform: lowercase;
  margin-top: 1em;
  margin-right: 1.2em;
  text-align: left;
}
.footer#lr #minibandeau #titre-site h1 a {
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  line-height: .75em;
  color: #ffffff;
  background-color: black;
}
.footer#lr #minibandeau .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.1em;
  margin-top: .1em;
  margin-left: 0;
  padding: 0 5px;
  margin-bottom: 0;
  padding-right: .5em;
  line-height: 1em;
}
.footer#lr #minibandeau .chapo p {
  margin: 0;
}
.footer#lr #minibandeau p {
  margin-top: 0;
  margin-right: 8.5em;
}
.footer#lr #minibandeau p a {
  font-size: 1.4em;
  font-weight: 100;
}
.footer#lr .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 1000;
}
/* Footer Réalittés
  ---------------------------------------------- */
.footer#realittes {
  font-size: .7em;
}
.footer#realittes ul {
  margin-bottom: .1em;
}
.footer#realittes .boites {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer#realittes .box {
  flex-basis: auto;
  border: none;
  min-width: 270px;
  max-width: 600px;
  height: 210px;
  padding: .5em 2em;
  margin-bottom: 0;
}
.footer#realittes .box .couverture {
  width: 152px;
  padding: 0 10px;
  position: relative;
  margin: auto;
}
.footer#realittes #minibandeau {
  display: flex;
  flex-direction: row;
  clear: both;
  max-width: 420px;
  height: 220px;
  box-sizing: content-box;
  float: right;
  padding-right: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}
.footer#realittes #minibandeau .cartouche {
  padding: .1em;
  margin: 0;
  z-index: 1200;
}
.footer#realittes .bandeau {
  background: no-repeat left top url("//www.realittes.net/squelettes/img/Banniere_horizons_droit_rec.png");
  background-size: contain;
  width: 311.25px;
  height: 200px;
  margin: 0;
  padding: 0;
  padding-bottom: 200px;
  position: absolute;
  right: 0;
  z-index: 1000;
}
.footer#realittes #minibandeau #titre-site h1 {
  font-family: "Lato", sans-serif;
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  font-size: 1.2em;
  font-weight: 200;
  font-stretch: condensed;
  text-transform: lowercase;
  line-height: .8em;
  color: #ffffff;
  background-color: black;
  margin-top: 1.3em;
  margin-right: 1.5em;
}
.footer#realittes #minibandeau .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.3em;
  margin-top: .1em;
  margin-right: 0;
  padding: 0 5px;
  margin-bottom: 0;
  padding-left: 2.5em;
  line-height: 1em;
}
.footer#realittes #minibandeau .chapo p {
  margin: 0;
}
.footer#realittes #minibandeau p {
  margin-top: 1em;
  margin-left: .5em;
}
.footer#realittes #minibandeau p a {
  font-size: 1.4em;
  font-weight: 100;
}
.footer#realittes .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 1000;
}
/* Footer Lautrecotedumiroir
  ---------------------------------------------- */
.footer#lautrecotedumiroir {
  font-size: .7em;
}
.footer#lautrecotedumiroir ul {
  margin-bottom: .1em;
}
.footer#lautrecotedumiroir .boites {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer#lautrecotedumiroir .box {
  flex-basis: auto;
  border: none;
  min-width: 270px;
  max-width: 600px;
  height: 210px;
  padding: .5em 2em;
  margin-bottom: 0;
}
.footer#lautrecotedumiroir .box .couverture {
  width: 152px;
  padding: 0 10px;
  position: relative;
  margin: auto;
}
.footer#lautrecotedumiroir #minibandeau {
  display: flex;
  flex-direction: row;
  clear: both;
  max-width: 420px;
  height: 220px;
  box-sizing: content-box;
  float: left;
  padding-left: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  margin-left: 10%;
}
.footer#lautrecotedumiroir #minibandeau .cartouche {
  padding: .1em;
  margin: 0;
  z-index: 1200;
}
.footer#lautrecotedumiroir .bandeau {
  background: no-repeat left top url("//www.realittes.net/squelettes/img/Banniere_horizons_gauche_rec.png");
  background-size: contain;
  width: 311.25px;
  height: 200px;
  margin: 0;
  padding: 0;
  padding-bottom: 200px;
  position: absolute;
  left: 0;
  z-index: 1000;
}
.footer#lautrecotedumiroir #minibandeau #titre-site h1 {
  font-family: "Lato", sans-serif;
  margin: 0;
  z-index: 1500;
  font-size: 1.2em;
  font-weight: 200;
  font-stretch: condensed;
  text-transform: lowercase;
  margin-top: 1.3em;
  margin-right: 1.2em;
}
.footer#lautrecotedumiroir #minibandeau #titre-site h1 a {
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  line-height: .8em;
  color: #ffffff;
  background-color: black;
}
.footer#lautrecotedumiroir #minibandeau .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.3em;
  margin-top: .1em;
  margin-left: 0;
  padding: 0 5px;
  margin-bottom: 0;
  padding-right: .5em;
  line-height: 1em;
}
.footer#lautrecotedumiroir #minibandeau .chapo p {
  margin: 0;
}
.footer#lautrecotedumiroir #minibandeau p {
  margin-top: 1em;
  margin-right: 8.5em;
}
.footer#lautrecotedumiroir #minibandeau p a {
  font-size: 1.4em;
  font-weight: 100;
}
.footer#lautrecotedumiroir .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 1000;
}
/* Footer laboutique
  ---------------------------------------------- */
.footer#laboutique {
  font-size: .7em;
}
.footer#laboutique ul {
  margin-bottom: .1em;
}
.footer#laboutique .boites {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.footer#laboutique .box {
  flex-basis: auto;
  border: none;
  min-width: 270px;
  max-width: 600px;
  height: 210px;
  padding: .5em 2em;
  margin-bottom: 0;
}
/*.footer#laboutique .box .couverture {width: 152px; padding: 0 10px; position: relative; margin: auto; }*/
.footer#laboutique .box#minibandeaux {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0;
  height: auto;
  max-width: 62%;
}
.footer#laboutique .box#minibandeau {
  flex-basis: auto;
  border: none;
  min-width: 270px;
  max-width: 300px;
  height: 80px;
  padding: .5em .1em;
  margin-bottom: 0;
}
.footer#laboutique #minibandeau {
  display: flex;
  flex-direction: row;
  clear: both;
  max-width: 300px;
  height: 100px;
  box-sizing: content-box;
  float: center;
  padding-left: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  margin-left: 5%;
}
.footer#laboutique #minibandeau .cartouche {
  padding: .1em;
  margin: 0;
  z-index: 1200;
}
/*.footer#laboutique .bandeau { background: no-repeat left top url("../img/Banniere_horizons_gauche_rec.png"); background-size: contain; width: 311.25px; height: 150px; margin: 0; padding: 0; padding-bottom: 200px; position:absolute; left: 0; z-index:1000; }*/
.footer#laboutique #minibandeau #titre-site h1 {
  font-family: "Lato", sans-serif;
  margin: 0;
  z-index: 1500;
  font-size: .9em;
  font-weight: 200;
  font-stretch: condensed;
  text-transform: lowercase;
  margin-top: 1em;
  margin-right: 1.2em;
  text-align: left;
}
.footer#laboutique #minibandeau #titre-site h1 a {
  padding: 5px 10px;
  margin: 0;
  z-index: 1500;
  line-height: .75em;
  color: #ffffff;
  background-color: black;
}
.footer#laboutique #minibandeau .chapo {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
  text-transform: lowercase;
  font-size: 1.1em;
  margin-top: .1em;
  margin-left: 0;
  padding: 0 5px;
  margin-bottom: 0;
  padding-right: .5em;
  line-height: 1em;
}
.footer#laboutique #minibandeau .chapo p {
  margin: 0;
}
.footer#laboutique #minibandeau p {
  margin-top: 0;
  margin-right: 8.5em;
}
.footer#laboutique #minibandeau p a {
  font-size: 1.4em;
  font-weight: 100;
}
.footer#laboutique .lien {
  display: inline-block;
  height: 10px;
  padding-bottom: 200px;
  min-width: 10px;
  width: 311.25px;
  z-index: 1000;
}
/* ------------------------------------------
  /* Gabarit d'impression
  /* ------------------------------------------ */
@media print {
  #bandeau_principal {
    display: none;
  }
  /*  Ne pas imprimer */
  .spip-admin,
  .spip-admin-float,
  .spip-previsu {
    display: none;
  }
  .repondre,
  .formulaire_spip {
    display: none;
  }
  /* Souligner et expliciter les liens */
  a {
    color: #0a85f5;
    text-decoration: underline !important;
  }
  .lr a {
    color: #0a85f5;
    text-decoration: underline !important;
  }
  .realittes a {
    color: #e32f2f;
    text-decoration: underline !important;
  }
  .lautrecotedumiroir a {
    color: #ffb819;
    text-decoration: underline !important;
  }
  .laboutique a {
    color: #ff760d;
    text-decoration: underline !important;
  }
  .horizonscommuns a {
    color: #c2d627;
    text-decoration: underline !important;
  }
  a.spip_out:after,
  a.spip_glossaire:after,
  a.spip_mail:after {
    display: inline;
    content: " [" attr(href) "]";
  }
}
/* ------------------------------------------
  /* Responsive
  /* ------------------------------------------ */
/* Layout
  ---------------------------------------------- */
/*@media (max-width: 767px) {
    .content { width: 100%; }
    .aside {display: block; visibility: collapse; }
    .aside .menu {display: block; visibility: collapse; }
  }*/
@media (min-width: 2300px) {
  header#laboutique #tech {
    right: 10px;
    top: 40px;
  }
}
@media (max-width: 2300px) {
  #lautrecotedumiroir .stock .contenu-content {
    position: relative;
    top: 395px;
  }
  .plan {
    font-size: 1em;
  }
  .plan_secteur {
    margin: 5em 1em 5em 1em;
    padding: 1em;
    width: 600px;
  }
  header#laboutique #tech {
    right: 10px;
    top: 50px;
  }
}
@media (max-width: 2000px) {
  .plan {
    font-size: .9em;
  }
  .plan_secteur {
    margin: 5em 1em 5em 1em;
    padding: 1em;
    width: 550px;
  }
  header#laboutique #tech {
    right: 10px;
    top: 60px;
  }
}
@media (max-width: 1900px) {
  #lautrecotedumiroir .stock .contenu-content {
    position: relative;
    top: 300px;
  }
  .plan_secteur {
    margin: 5em 1em 5em 1em;
    padding: 1em;
    width: 500px;
  }
}
@media (max-width: 1720px) {
  #lautrecotedumiroir .stock {
    clear: both;
    width: 100%;
    height: 815px;
    padding-bottom: 0;
  }
  #lautrecotedumiroir .stock .contenu-content {
    position: relative;
    top: 277.5px;
  }
  .realittes .cartouche .soustitre {
    margin-right: -1em;
  }
  .lr .cartouche .soustitre {
    margin-right: -1em;
  }
}
@media (max-width: 1700px) {
  .page_404 .erreur {
    width: 100%;
    margin: 5% auto auto 12%;
  }
}
@media (max-width: 1650px) {
  #lautrecotedumiroir .jaime {
    clear: both;
    background: no-repeat center center url("//www.realittes.net/squelettes/img/Pele-mele.jpg");
    background-size: cover;
    width: 100%;
    height: 928px;
    padding-bottom: 0;
  }
  #lautrecotedumiroir .jaime .contenu-content {
    position: relative;
    top: 20vh;
    left: 0;
    min-width: 300px;
    width: 55%;
    min-height: 100px;
    height: auto;
    padding: 1em 2em;
    margin: 0 auto;
    margin-left: 8%;
  }
  header#laboutique #tech {
    top: 75px;
  }
}
@media (max-width: 1525px) {
  #lautrecotedumiroir .vignette_flex {
    margin: 0 .2em 2em;
  }
  .realittes .cartouche .soustitre {
    margin-right: 1em;
  }
  .lr .cartouche .soustitre {
    margin-right: 1em;
  }
}
@media (min-width: 1451px) {
  .content {
    width: 950px;
  }
  .wrapper {
    min-width: 950px;
  }
  .aside {
    display: block;
    text-align: center;
  }
  .aside .menu {
    display: block;
  }
  .page_404 .wrapper {
    width: 100%;
  }
  .page_404 .content {
    width: 100%;
  }
}
@media (max-width: 1450px) {
  .wrapper {
    min-width: 812px;
  }
  .content {
    width: 100%;
  }
  .aside {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  .aside .menu {
    margin: 2em;
  }
  .page_404 .wrapper {
    width: 100%;
  }
  .page_404 .cartouche h1 {
    font-size: 3em;
  }
  .page_404 .erreur {
    margin: 4% auto auto 12%;
    font-size: .9em;
  }
  .page_404 .recherche {
    max-width: 700px;
    margin: 0 auto;
    padding-right: 3%;
  }
  .page_404 #formulaire_recherche {
    margin: 2em auto 2em auto;
  }
  .page_404 .retour_accueil {
    margin: 2% auto auto 28%;
  }
  .page_404 .retour span {
    font-size: 1.1em;
  }
  #documents_portfolio {
    margin: 3em auto;
  }
  #horizonscommuns #gaston_attend .texte-info {
    margin-top: 1em;
  }
}
@media (max-width: 1320px) {
  #lautrecotedumiroir .vignette_flex {
    margin: 0 10em 2em;
  }
}
@media (max-width: 1250px) {
  .page_404 .erreur {
    margin: 3% auto auto 12%;
  }
  .page_404 .wrapper_recherche {
    margin: 1% auto auto auto;
  }
  .page_404 .recherche {
    max-width: 700px;
    margin: 0 auto;
    padding-right: 5%;
  }
  .page_404 .retour_accueil {
    margin: .5% auto auto 28%;
  }
  .page_404 .retour span {
    font-size: 1em;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 0;
    min-width: 300px;
    width: 43%;
    min-height: 100px;
    height: 40vh;
  }
  header#laboutique .bouton_tech p {
    line-height: 1em;
  }
}
@media (max-width: 1100px) {
  .page_404 .cartouche h1 {
    font-size: 2.5em;
  }
  .page_404 .erreur {
    margin: 2% auto auto 12%;
    font-size: .8em;
  }
  .page_404 .wrapper_recherche {
    margin: 0 auto auto auto;
  }
  .page_404 .recherche {
    max-width: 650px;
    margin: 0 auto;
    padding-right: 8%;
  }
  .page_404 .retour_accueil {
    margin: .5% auto auto 25%;
  }
  #documents_portfolio_photo {
    clear: both;
    max-width: 660px;
    margin: 3em auto;
  }
  #documents_portfolio_photo_hauteur {
    clear: both;
    max-width: 620px;
    margin: 3em auto;
  }
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 0;
    z-index: 1500;
    min-width: 300px;
    width: 43%;
    min-height: 100px;
    height: 100px;
    padding: 1em 2em;
    margin: 0 auto;
    margin-left: 45%;
  }
  #mon_monde .cadre_titre h2 {
    font-size: 1.8em;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 0;
    min-width: 300px;
    width: 43%;
    min-height: 100px;
    height: 36vh;
    padding: 1em 2em;
    margin: 0 auto;
    margin-left: 45%;
  }
  #mon_monde a {
    position: absolute;
    top: 6vh;
    left: 0;
    min-width: 300px;
    width: 100%;
    font-size: 3.5em;
    padding: 1.5em .5em;
    margin: 1px auto;
    line-height: 1em;
  }
  header#laboutique #tech .h6 {
    line-height: 1.6vw;
  }
  #bandeau_mon-compte > ul li.rubriques nav ul.liste_secondaire {
    padding-top: 60px;
  }
  #horizonscommuns #gaston_attend .texte-info {
    margin-top: .5em;
  }
}
@media (max-width: 1000px) {
  .page_404 .retour span {
    font-size: 1em;
  }
  .page_404 small {
    display: none;
  }
  #lautrecotedumiroir .jaime .contenu-content {
    position: relative;
    top: 10vh;
    left: 0;
    min-width: 300px;
    width: 55%;
    min-height: 100px;
    height: auto;
    padding: 1em 2em;
    margin: 5em auto;
    margin-left: 8%;
  }
  #bandeau_laboutique #rechercheL {
    display: none !important;
  }
  #horizonscommuns #gaston_attend .texte-info {
    font-size: .9em;
    margin-right: 12%;
  }
}
@media (max-width: 897px) {
  .arbo {
    display: inline;
  }
  .wrapper,
  .content {
    width: 100%;
    min-width: 200px;
  }
  /*.aside { width: 100%; max-width: 350px; }*/
  .aside {
    width: 100%;
    display: none;
  }
  .aside .menu {
    width: 100%;
    display: none;
  }
  #slogan {
    display: none;
  }
  .header .spip_logo {
    margin-bottom: 0;
    position: absolute;
    top: 5px;
    float: left;
    padding: 5px 10px;
    margin: 0 1em;
    z-index: 1500;
    background-color: rgba(0, 0, 0, 0);
  }
  .page_404 .main {
    clear: both;
    background: no-repeat center center url("//www.realittes.net/squelettes/img/404_Alice.jpg");
    background-size: cover;
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  .page_404 .cartouche h1 {
    font-size: 2em;
  }
  #bandeau_lautrecotedumiroir #rechercheL {
    display: none !important;
  }
  #laboutique #mon_compte {
    display: none !important;
  }
  header#laboutique #tech {
    width: 200px;
    height: 130px;
    right: 10px;
    top: 75px;
    margin: 0;
    padding: 5px;
    margin-right: 3em;
  }
  header#lautrecotedumiroir .bandeau #titre-site {
    left: 35%;
    z-index: 500;
  }
  header#lautrecotedumiroir .chapo {
    left: 40%;
  }
  header#lautrecotedumiroir .auteur p {
    left: 42%;
  }
  header#lr .bandeau #titre-secteur {
    top: 146px;
    left: 35%;
    z-index: 1500;
  }
  header#lr .chapo {
    font-size: 1.1em;
    top: 161px;
    left: 40%;
  }
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 0;
    z-index: 1500;
    min-width: 300px;
    width: 43%;
    min-height: 100px;
    height: 100px;
    padding: 1em 2em;
    margin: 0 auto;
    margin-left: 45%;
  }
  #mon_monde .cadre_titre h2 {
    font-size: 1.8em;
  }
  #mon_monde .couv-photo {
    width: 100%;
    height: 100vh;
    background: no-repeat 50% 50%;
    background-size: cover;
    background-clip: border-box;
    overflow: hidden;
    z-index: 1000;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 0;
    min-width: 300px;
    width: 43%;
    min-height: 100px;
    height: 36vh;
    padding: 1em 2em;
    margin: 0 auto;
    margin-left: 45%;
  }
  #mon_monde a {
    position: absolute;
    top: 6vh;
    left: 0;
    min-width: 300px;
    width: 100%;
    font-size: 3em;
    padding: 1.5em .5em;
    margin: 1px auto;
    line-height: 1em;
  }
  .laboutique #produit .hyperlien ul,
  .laboutique #article .hyperlien ul {
    height: auto;
    overflow-y: visible;
  }
}
/* largeur maximum 767px (theme)*/
@media (max-width: 767px) {
  .pagination {
    line-height: 3;
  }
  .page_404 .retour_accueil {
    width: 100%;
    margin: .5% auto;
  }
  .page_404 .retour span {
    font-size: .9em;
  }
  #documents_portfolio_photo,
  #documents_portfolio_photo_hauteur {
    clear: both;
    max-width: 300px;
    margin: 3em auto;
  }
  #article-portfolio .cartouche h1 {
    padding-left: 20px;
    text-align: left;
  }
  #article-portfolio .cartouche {
    padding-right: 2em;
  }
  #article-portfolio .chapo {
    clear: both;
    max-width: 450px;
    float: right;
    text-align: right;
    padding: 4em 2em 4em 0;
  }
  #article-portfolio .texte {
    clear: both;
    max-width: 500px;
    text-align: center;
    padding: 3em auto;
  }
  #mon_monde a {
    position: absolute;
    top: 6vh;
    left: 0;
    min-width: 300px;
    width: 100%;
    font-size: 2.5em;
    padding: 2.8em .5em;
    margin: 1px auto;
  }
  #lautrecotedumiroir .jaime .contenu-content,
  #lautrecotedumiroir .stock .contenu-content {
    font-size: .9em;
  }
  #horizonscommuns #gaston_attend .texte-info {
    margin-top: 0;
    margin-right: 8%;
  }
}
@media (max-width: 690px) {
  .header .spip_logo {
    margin-bottom: 0;
    position: absolute;
    top: 5px;
    float: left;
    padding: 5px 10px;
    margin: 0 1em;
    background-color: rgba(0, 0, 0, 0);
  }
  #logo {
    z-index: 1500;
  }
  .header img.spip_logo {
    display: block;
  }
  #bandeau_realittes #rechercheR {
    display: none !important;
  }
  header#laboutique #tech {
    margin-right: 2em;
  }
  .laboutique .liste_articles_blog ul li {
    width: 80%;
    min-width: 250px;
    height: 100%;
  }
  .laboutique .liste_articles_blog ul li img {
    width: 100%;
    height: auto;
  }
  .laboutique .liste_articles_blog a.vignette {
    width: 100%;
    min-width: 250px;
  }
  .laboutique #mon_compte .gestion_compte .formulaire_spip {
    max-width: 300px;
  }
  #horizonscommuns #gaston_attend .texte-info {
    width: 50%;
    padding: 1em 2em;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    z-index: 1000;
    border: solid 3px #333333;
    text-align: center;
    margin-top: -2em;
  }
}
/* largeur maximum 640px (theme)*/
@media (max-width: 640px) {
  body {
    font-size: .95em;
  }
  h1,
  .h1,
  h2,
  .h2 {
    line-height: 1;
  }
  .header img.spip_logo {
    display: block !important;
    min-width: 150px;
  }
  .header .spip_logo {
    margin-bottom: 0;
    position: absolute;
    top: 5px;
    float: left;
    padding: 5px 10px;
    margin: 0 1em;
    background-color: rgba(0, 0, 0, 0);
  }
  .editions .couverture {
    padding: 1.5em 0;
    margin: auto 0;
  }
  .art_prec a {
    margin-left: -350px;
  }
  .art_prec a:hover {
    transform: translateX(320px);
  }
  .art_suiv a {
    margin-right: -350px;
  }
  .art_suiv a:hover {
    transform: translateX(-320px);
  }
  #mon_monde .cadre_titre {
    margin-left: 35%;
  }
  #mon_monde .contenu-content {
    height: 36vh;
    padding: 1em 2em;
    margin: 0 auto;
    margin-left: 35%;
  }
  header#laboutique #tech {
    width: 150px;
    height: 130px;
    right: 10px;
    top: 75px;
    margin: 0;
    padding: 5px;
    margin-right: 2em;
  }
  header#laboutique .bouton_tech {
    width: 140px;
    height: 110px;
    padding-top: 10px;
    z-index: 700;
  }
  .laboutique .boite {
    min-width: 350px;
    width: 50%;
    min-height: 210px;
    padding: .5em 2em;
  }
}
@media (max-width: 600px) {
  .header .spip_logo {
    margin-bottom: 0;
    position: absolute;
    top: 5px;
    float: left;
    padding: 5px 10px;
    margin: 0 1em;
    z-index: 1500;
    background-color: rgba(0, 0, 0, 0);
    min-width: 150px;
  }
  .header img.spip_logo {
    display: block;
  }
  .header .navbase {
    display: none;
  }
  header#lautrecotedumiroir .chapo {
    display: none;
  }
  header#lautrecotedumiroir .auteur {
    display: none;
  }
  header#lr .bandeau #titre-secteur {
    top: 126px;
    left: 35%;
  }
  header#lr .chapo {
    display: none;
  }
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 25%;
    z-index: 1500;
    min-width: 300px;
    width: 55%;
    min-height: 100px;
    height: 100px;
    padding: 1em 2em;
    margin-left: 0;
    margin: 0 auto;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 25%;
    min-width: 300px;
    width: 55%;
    min-height: 100px;
    height: 36vh;
    padding: 1em 2em;
    margin-left: 0;
    margin: auto auto !important;
  }
  #mon_monde a {
    position: absolute;
    top: 6vh;
    left: 0;
    min-width: 300px;
    width: 100%;
    font-size: 2.5em;
    padding: 2.8em .5em;
    margin: 1px auto;
  }
  #lautrecotedumiroir .jaime .contenu-content {
    position: relative;
    top: 10vh;
    left: 0;
    min-width: 300px;
    width: 55%;
    min-height: 100px;
    height: auto;
    padding: 1em 2em;
    margin: 5em auto;
    margin-left: 0;
    margin: auto auto;
  }
  header#laboutique .bouton_tech p {
    line-height: 1.1em;
  }
}
@media (max-width: 540px) {
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 20%;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 20%;
  }
  div.cs_sommaire {
    min-width: 450px;
  }
  header#laboutique .chapo {
    display: none;
  }
  .laboutique .boite-declinaison {
    min-width: 100%;
    width: 100%;
    min-height: 210px;
    padding: .5em 2em;
    text-align: center;
    margin: 0;
  }
  .laboutique #fiche ul.declinaison_objet {
    list-style-type: none;
    width: 100%;
    margin: 5em auto;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -khtml-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
  }
  .laboutique #fiche ul.declinaison_objet li {
    width: 90%;
  }
}
@media (max-width: 450px) {
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 15%;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 15%;
  }
  div.cs_sommaire {
    min-width: 350px;
  }
}
@media (max-width: 410px) {
  header#lautrecotedumiroir .spip_logo {
    margin-bottom: 0;
    position: absolute;
    top: 55px;
    left: 5px;
    padding: 5px 10px;
    margin: 0;
    z-index: 500;
  }
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 0;
    margin: auto 3em;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 0;
    margin: auto 3em !important;
  }
  .art_prec a {
    margin-left: -405 px;
  }
  .art_prec a:hover {
    transform: translateX(340px);
  }
  .art_suiv a {
    margin-right: -405px;
  }
  .art_suiv a:hover {
    transform: translateX(-340px);
  }
  #lautrecotedumiroir .vignette_flex .fond_titre h2 {
    padding-right: 2em;
  }
  header#laboutique #tech {
    display: none;
  }
}
@media (max-width: 375px) {
  .art_prec a {
    margin-left: -400px;
  }
  .art_prec a:hover {
    transform: translateX(340px);
  }
  .art_suiv a {
    margin-right: -400px;
  }
  .art_suiv a:hover {
    transform: translateX(-340px);
  }
  .footer#lautrecotedumiroir #minibandeau #titre-site h1 a {
    padding: 5px 10px;
    line-height: 1.2em;
    max-width: 140px;
  }
  #mon_monde .cadre_titre {
    position: absolute;
    top: 30vh;
    left: 0;
    margin: auto 1em;
  }
  #mon_monde .contenu-content {
    position: absolute;
    top: 30vh;
    left: 0;
    margin: auto 1em !important;
  }
  div.cs_sommaire {
    min-width: 300px;
  }
}
/* Menu MAD
  ---------------------------------------------- */
@media all and (max-width: 600px) {
  #bandeau_principal > ul li.recherche {
    display: none;
  }
  #bandeau_principal > ul {
    display: table;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
  }
}
@media all and (max-width: 960px) {
  /*#bandeau_principal #hamburger{padding:5px}*/
  #bandeau_principal > ul {
    padding-top: 12px;
  }
  #bandeau_principal > ul li.rubriques:hover nav {
    display: none;
  }
  #bandeau_principal > ul li.rubriques:focus nav {
    display: none;
  }
  #bandeau_principal > ul li.rubriques {
    font-size: 1em;
    margin-right: 1em;
  }
  #bandeau_principal > ul li.secteur > a:hover,
  #bandeau_principal > ul li.secteur > a:focus {
    border-bottom: 3px solid #000;
    color: #000 !important;
  }
}
@media all and (max-width: 460px) {
  #bandeau_principal #hamburger {
    margin-left: 10px;
  }
  .gros_logo.dessus svg {
    left: 10px;
    top: 10px;
  }
}
@media (max-width: 960px) {
  #bandeau_principal > ul > li {
    height: 46px;
    padding-top: 19px;
  }
}
@media all and (min-width: 961px) {
  #bandeau_principal > ul li.rubriques:hover nav + a {
    color: #FFF;
    border-bottom: 3px solid #ffffff;
  }
  #bandeau_principal > ul > li {
    height: 56px;
    padding-top: 29px;
  }
  #bandeau_principal > ul li.rubriques:hover nav + a:hover {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:hover nav + a:focus {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:hover nav + a.active {
    color: #FFF;
    border-bottom: 3px solid #ffffff;
  }
  #bandeau_principal > ul li.rubriques:hover nav + a.active:hover {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:hover nav + a.active:focus {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:focus nav + a {
    color: #FFF;
    border-bottom: 3px solid #ffffff;
  }
  #bandeau_principal > ul li.rubriques:focus nav + a:hover {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:focus nav + a:focus {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:focus nav + a.active {
    color: #FFF;
    border-bottom: 3px solid #ffffff;
  }
  #bandeau_principal > ul li.rubriques:focus nav + a.active:hover {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
  #bandeau_principal > ul li.rubriques:focus nav + a.active:focus {
    border-bottom: 3px solid #FFF;
    color: #FFF !important;
  }
}
@media all and (min-width: 1700px) {
  #bandeau_principal > ul li.rubriques {
    font-size: 1.2em;
  }
  #bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li a,
  #bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li a:hover {
    font-size: .7em;
  }
  #bandeau_principal > ul li.rubriques nav ul.liste_secondaire > li > ul li {
    font-size: 0.73em;
  }
  #bandeau_principal #hamburger {
    margin-top: .3em;
  }
}
@media all and (max-height: 700px) {
  #menu_flottant .gros_logo {
    padding-top: 0;
    margin-top: 25px;
  }
}
@media (min-width: 641px) {
  #menu_flottant .outils li.rubriques {
    display: none;
  }
}