@import url(/storage/themes/nachtvogel/css/fonts/heart.css);
body {
font-size:14px;
line-height:1.5;
font-weight:400;
background:#454545;
color:#a6a6a6;
margin:40px 0;
text-align:center;
-webkit-font-smoothing:subpixel-antialiased;
-webkit-text-size-adjust:100%;
-moz-osx-font-smoothing:grayscale}


img {
-ms-interpolation-mode:bicubic
}


img.k-lazy-loading {
background-repeat:no-repeat;
background-position:50%;
background-size:24px 24px;
background-image:url(/storage/themes/nachtvogel/css/gray/spinner.svg)
}


a {
-webkit-transition:color .2s linear;
transition:color .2s linear
}


a,a:visited {
color:#cccccc;
text-decoration:none
}


a:focus,a:hover {
color:#b3b3b3}


b,strong {
font-weight:700
}


em,i {
font-style:italic
}


h1,h2,h3,h4,h5,h6 {
color:#cccccc;
font-size:14px;
margin-bottom:1.5em;
font-weight:700
}


h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited {
color:inherit
}


h2.archive {
font-size:18px;
color:#a6a6a6;
font-weight:400
}


small {
font-size:80%
}


.k-video {
margin:0 auto
}


.center {
text-align:center
}


.rarr:after {
content:" →"
}


.larr:before {
content:"← "
}


fieldset {
margin:0 0 .5rem
}


label {
color:#cccccc;
cursor:pointer;
display:block;
font-size:14px;
font-weight:700;
margin-bottom:.5em
}


input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
-webkit-appearance:none;
border-radius:0;
background-color:#454545;
border:1px solid #a6a6a6;
color:#cccccc;
display:block;
font-size:16px;
font-family:inherit!important;
margin:0 0 1em;
padding:.5em;
height:auto;
width:100%;
box-sizing:border-box
}


input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
border-color:#cccccc;
outline:none
}


fieldset[disabled] input[type=color],fieldset[disabled] input[type=date],fieldset[disabled] input[type=datetime-local],fieldset[disabled] input[type=datetime],fieldset[disabled] input[type=email],fieldset[disabled] input[type=month],fieldset[disabled] input[type=number],fieldset[disabled] input[type=password],fieldset[disabled] input[type=search],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=text],fieldset[disabled] input[type=time],fieldset[disabled] input[type=url],fieldset[disabled] input[type=week],fieldset[disabled] textarea,input[type=color]:disabled,input[type=color][disabled],input[type=color][readonly],input[type=date]:disabled,input[type=date][disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][disabled],input[type=datetime-local][readonly],input[type=datetime]:disabled,input[type=datetime][disabled],input[type=datetime][readonly],input[type=email]:disabled,input[type=email][disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][disabled],input[type=week][readonly],textarea:disabled,textarea[disabled],textarea[readonly] {
background-color:#ddd;
cursor:default
}


input[type=checkbox],input[type=file],input[type=radio],select {
margin:0 0 1rem
}


input[type=checkbox]+label,input[type=radio]+label {
display:inline-block;
margin-left:.5rem;
margin-right:1rem;
margin-bottom:0;
vertical-align:baseline
}


textarea[rows] {
height:auto
}


textarea {
max-width:100%
}


.button,button {
border-style:solid;
border-width:0;
cursor:pointer;
font-family:inherit;
font-weight:400;
line-height:normal;
margin:0 0 1em;
position:relative;
text-decoration:none;
text-align:center;
-webkit-appearance:none;
-moz-appearance:none;
border-radius:0;
display:inline-block;
padding:.75rem 1.75rem;
font-size:14px;
background-color:#cccccc;
color:#454545}


.button:focus,.button:hover,button:focus,button:hover {
background-color:#a6a6a6;
color:#454545}


.button.large,button.large {
padding:1.125rem 2.25rem 1.1875rem;
font-size:1.25rem
}


.button.small,button.small {
padding:.875rem 1.75rem .9375rem;
font-size:.8125rem
}


.button.tiny,button.tiny {
padding:.625rem 1.25rem .6875rem;
font-size:.6875rem
}


.button.disabled,.button[disabled],button.disabled,button[disabled] {
opacity:.5
}


button::-moz-focus-inner {
border:0;
padding:0
}


.k-contact-form {
width:70%;
margin:2em auto
}


@media only screen and (max-width:767px) {
.k-contact-form {
width:100%
}



}


.k-contact-form fieldset.k-contact-form-error label {
color:red
}


.k-contact-form-success:before {
content:'✔';
color:#cccccc;
margin-right:6px
}


.k-contact-form-required-field label:after {
content:'*';
color:red
}


.k-content-form-processing {
opacity:.5
}


.k-content-form-processing button[type=submit] {
pointer-events:none!important
}


.k-contact-form-error input[type=color],.k-contact-form-error input[type=date],.k-contact-form-error input[type=datetime-local],.k-contact-form-error input[type=datetime],.k-contact-form-error input[type=email],.k-contact-form-error input[type=month],.k-contact-form-error input[type=number],.k-contact-form-error input[type=password],.k-contact-form-error input[type=search],.k-contact-form-error input[type=tel],.k-contact-form-error input[type=text],.k-contact-form-error input[type=time],.k-contact-form-error input[type=url],.k-contact-form-error input[type=week],.k-contact-form-error textarea {
border-color:red
}


.g-recaptcha {
margin-bottom:1.5rem
}


header.top {
margin-bottom:30px
}


header.top h1 {
font-size:56px;
line-height:44px;
text-transform:none;
font-weight:400;
letter-spacing:1px;
margin:0
}


.site_tagline {
font-size:14px;
margin-top:20px;
margin-bottom:0;
color:#a6a6a6;
font-weight:400;
font-style:italic
}


nav {
margin-bottom:50px
}


nav ul {
margin:0 auto
}


nav ul,nav ul li {
display:inline-block
}


nav ul li {
margin:0 10px;
line-height:2
}


nav a,nav a:visited {
font-size:18px;
color:#a6a6a6}


nav a.k-nav-current,nav a:hover {
color:#cccccc}


footer {
font-size:11px;
margin-bottom:50px
}


div.content-row {
margin-bottom:20px
}


div.content-wrap {
padding:0 10px
}


div.content-row div.wrap {
width:50%;
margin:0 auto
}


span.context {
display:block;
font-style:italic;
margin-bottom:10px
}


div.list-image {
padding:0 10px;
margin-bottom:30px
}


div.list-image img {
max-height:800px;
margin:0 auto
}


div.list-image h3 {
margin-top:20px
}


div.paginate {
text-align:center;
width:70%;
margin:0 auto;
font-size:14px
}


ul#pag a.num,ul#pag a.num:link {
color:#a6a6a6}


ul#pag a.num.k-pagination-current,ul#pag a.num:hover {
color:#cccccc}


ul#pag {
margin:40px 0
}


div.item {
margin:0 auto;
width:300px;
margin-bottom:40px
}


div.item .info {
margin-top:1em;
margin-bottom:30px
}


div.item img {
max-width:100%;
width:auto;
vertical-align:bottom
}


div.item img.k-lazy-loaded {
height:auto
}


div.item.content {
width:220px;
margin-bottom:14px
}


div.item h4 {
font-size:14px;
margin-bottom:.7em
}


div.item h4 span {
font-weight:400;
color:#a6a6a6}


div.item p.event_meta {
margin-top:15px
}


div.item p.event_meta,div.item p.event_meta a,div.item p.event_meta a:visited {
color:#737373}


div.item p.event_meta a:hover {
color:#cccccc}


div#mob-pag {
display:none
}


ul.detail-nav {
display:table;
width:100%
}


ul.detail-nav li {
display:table-row
}


ul.detail-nav li>span {
display:table-cell;
width:25%
}


ul.detail-nav li>span.l {
text-align:left;
font-size:12px
}


ul.detail-nav li>span.r {
text-align:right;
font-size:12px
}


ul.detail-nav li>span.m {
width:50%;
text-align:center
}


ol.meta {
list-style:none;
margin:10px 0;
padding:0
}


ol.meta li {
display:inline-block;
margin-right:10px;
font-size:12px
}


ol.meta li:last-child {
margin-right:0
}


ol.meta.mute li *,ol.meta.mute li a,ol.meta.mute li a:visited {
color:#737373}


ol.meta.mute li a:hover {
color:#cccccc}


a.pag {
font-size:13px
}


a.pag.disabled {
display:none
}


#cd-more {
margin-top:40px;
clear:both
}


ul.neighbors {
list-style:none;
margin-bottom:40px
}


ul.neighbors li {
display:inline-block;
opacity:.4;
-webkit-transition:opacity .2s linear;
transition:opacity .2s linear
}


ul.neighbors li.current,ul.neighbors li:hover {
opacity:1
}


#foot-more {
margin-top:2em
}


article {
margin:0 auto 40px;
width:75%
}


article header {
margin-bottom:1.5em
}


article header time {
font-size:13px;
color:#737373;
display:block;
margin-bottom:1em
}


article header h2 {
color:#cccccc;
font-size:16px;
margin-bottom:.5em;
font-weight:700
}


div.essay-body {
text-align:left
}


article p {
margin-bottom:1em
}


article p,blockquote {
font-size:16px;
line-height:1.5
}


blockquote {
padding:10px 25px;
margin-bottom:1.5em;
font-style:italic
}


blockquote p {
margin-bottom:0
}


article ul {
list-style:disc;
list-style-position:inside
}


article ol,article ul {
margin-bottom:1.5em;
font-size:16px;
line-height:1.5
}


article ol {
list-style:decimal;
list-style-position:inside
}


.k-content-embed,article h1,article h2,article h3,article h4 {
margin-bottom:1.5em
}


.k-content-embed {
text-align:center
}


.k-content {
line-height:0;
margin:0 auto
}


.k-content img {
max-width:100%;
height:auto
}


.k-content-text {
padding:1em;
margin:0 0 1em
}


.k-content-title {
margin:0 5px 0 0;
font-weight:700;
display:block
}


div#feat-essays {
overflow:auto;
margin:30px 0
}


div#feat-essays h2 {
margin-bottom:30px
}


div#feat-essays time {
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
margin-bottom:5px;
display:block
}


div#feat-essays h3 {
margin-bottom:8px
}


div#feat-essays a {
color:#cccccc}


div#essay-list div {
width:30%;
float:left;
margin:0 5% 30px 0
}


div#essay-list div:nth-child(3n+3) {
margin-right:0!important
}


div#essay-list div:nth-child(3n+1) {
clear:left
}


div#feat-essays img {
margin-bottom:10px
}


ul.k-mosaic.edge>li {
margin:8px 8px 0 0
}


div#social-bttns {
margin:40px 0 30px;
width:100%;
overflow:auto
}


div#social-bttns div.cell {
width:50%;
float:left;
box-sizing:border-box
}


div#social-bttns div.cell.left {
padding-right:8px
}


div#social-bttns div.cell.right {
padding-left:8px
}


.social-links {
margin-bottom:40px
}


.social-links li,.social-links li a {
display:inline-block
}


.social-links li a {
font-size:11px;
text-align:center;
color:#a6a6a6;
padding:0 5px
}


.social-links li a:hover {
color:#cccccc}


.social-links li a.share_facebook,.social-links li a.share_pinterest {
padding-right:3px
}


#infinite_load_msg {
display:none;
width:100%;
padding:0 0 80px;
text-align:center
}


#infinite_load_msg span {
display:inline-block
}


#infinite_load_msg span:before {
margin-right:6px;
top:4px;
position:relative;
content:"";
display:block;
height:16px;
width:16px;
background-repeat:no-repeat;
background-position:50%;
background-size:16px 16px;
background-image:url(/storage/themes/nachtvogel/css/gray/spinner.svg)
}


div#kdiscuss {
margin:40px 0;
overflow:auto
}


body.k-source-content div#kdiscuss {
width:75%;
margin-right:auto;
margin-left:auto
}


.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}


* html .clearfix,:first-child+html .clearfix {
zoom:1
}


@media only screen and (min-width:768px) and (max-width:959px) {
div.item {
width:216px
}


div.item.content {
width:172px
}


article,div.paginate {
width:80%
}


div.list-image img {
max-height:916px
}



}


@media only screen and (max-width:767px) {
img.custom_logo {
max-width:300px;
height:auto;
-webkit-transform:scale(0.8);
transform:scale(0.8);
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.8, M12=0, M21=0, M22=0.8, SizingMethod='auto expand')";
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%
}


div.item,div.item.content {
width:300px
}


article,div.paginate {
width:100%
}


div.list-image {
padding:0
}


div.list-image img {
max-height:416px
}


ul.detail-nav li span.l,ul.detail-nav li span.r {
display:none
}


ul.detail-nav li span.m {
width:100%
}


div#mob-pag {
display:block
}


div#essay-list div {
width:100%;
float:left;
margin:0 0 30px
}


div#essay-list div:nth-child(3n+3) {
margin-right:0!important
}


div#essay-list div:nth-child(3n+1) {
clear:none
}



}


@media only screen and (min-width:480px) and (max-width:767px) {
img.custom_logo {
max-width:480px
}


div.item,div.item.content {
width:420px
}


div.item.content img,div.item img {
max-height:268px
}


article,div.paginate {
width:100%
}


div.list-image {
padding:0
}


div.list-image img {
max-height:268px
}


div#essay-list div {
width:45%;
float:left;
margin:0 5% 30px 0
}


div#essay-list div:nth-child(2n+2) {
margin-right:0!important
}


div#essay-list div:nth-child(2n+1) {
clear:left
}


div#essay-list div:nth-child(3n+3) {
margin-right:5%!important
}


div#essay-list div:nth-child(3n+1) {
clear:none
}



}

/* body {
 /* Location of the image */
  background-image: url(/storage/themes/nachtvogel/css/img/background_bateau_s.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center bottom;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: scroll;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: contain;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #E3DAD1;
  }
*/

@media only screen and (max-width: 767px) {
  body {

    background-image: url(/storage/themes/nachtvogel/img/background_bateau_mob.jpg);
  }
}

.k-mosaic{position:relative;display:block;list-style:none;padding:0;margin:0}.k-mosaic:after,.k-mosaic:before{content:" ";display:table}.k-mosaic:after{clear:both}.k-mosaic>li{display:inline;height:auto;float:left;font-size:0!important;line-height:0!important;box-sizing:border-box}.k-mosaic img{max-height:none!important;vertical-align:baseline}.k-mosaic-1>li{width:100%}.k-mosaic-1>li:nth-of-type(n){clear:none}.k-mosaic-1>li:nth-of-type(1n+1){clear:both}.k-mosaic-2>li{width:50%}.k-mosaic-2>li:nth-of-type(n){clear:none}.k-mosaic-2>li:nth-of-type(2n+1){clear:both}.k-mosaic-3>li{width:33.333333333%}.k-mosaic-3>li:nth-of-type(n){clear:none}.k-mosaic-3>li:nth-of-type(3n+1){clear:both}.k-mosaic-4>li{width:25%}.k-mosaic-4>li:nth-of-type(n){clear:none}.k-mosaic-4>li:nth-of-type(4n+1){clear:both}.k-mosaic-5>li{width:20%}.k-mosaic-5>li:nth-of-type(n){clear:none}.k-mosaic-5>li:nth-of-type(5n+1){clear:both}.k-mosaic-6>li{width:16.66667%}.k-mosaic-6>li:nth-of-type(n){clear:none}.k-mosaic-6>li:nth-of-type(6n+1){clear:both}.k-mosaic-7>li{width:14.28571%}.k-mosaic-7>li:nth-of-type(n){clear:none}.k-mosaic-7>li:nth-of-type(7n+1){clear:both}.k-mosaic-8>li{width:12.5%}.k-mosaic-8>li:nth-of-type(n){clear:none}.k-mosaic-8>li:nth-of-type(8n+1){clear:both}.k-mosaic-9>li{width:11.11111%}.k-mosaic-9>li:nth-of-type(n){clear:none}.k-mosaic-9>li:nth-of-type(9n+1){clear:both}.k-mosaic-10>li{width:10%}.k-mosaic-10>li:nth-of-type(n){clear:none}.k-mosaic-10>li:nth-of-type(10n+1){clear:both}.k-mosaic.edge>li{margin:1px 1px 0 0}.k-mosaic-1.edge li:first-child,.k-mosaic-2.edge>li:nth-of-type(-n+2),.k-mosaic-3.edge>li:nth-of-type(-n+3),.k-mosaic-4.edge>li:nth-of-type(-n+4),.k-mosaic-5.edge>li:nth-of-type(-n+5),.k-mosaic-6.edge>li:nth-of-type(-n+6),.k-mosaic-7.edge>li:nth-of-type(-n+7),.k-mosaic-8.edge>li:nth-of-type(-n+8),.k-mosaic-9.edge>li:nth-of-type(-n+9),.k-mosaic-10.edge>li:nth-of-type(-n+10){margin-top:0!important}.k-mosaic-1.edge li,.k-mosaic-2.edge>li:nth-of-type(2n),.k-mosaic-3.edge>li:nth-of-type(3n),.k-mosaic-4.edge>li:nth-of-type(4n),.k-mosaic-5.edge>li:nth-of-type(5n),.k-mosaic-6.edge>li:nth-of-type(6n),.k-mosaic-7.edge>li:nth-of-type(7n),.k-mosaic-8.edge>li:nth-of-type(8n),.k-mosaic-9.edge>li:nth-of-type(9n),.k-mosaic-10.edge>li:nth-of-type(10n),.k-mosaic-uneven:last-child{margin-right:0!important}.k-mosaic-2.edge>li:nth-of-type(2n+1),.k-mosaic-3.edge>li:nth-of-type(3n+1),.k-mosaic-4.edge>li:nth-of-type(4n+1),.k-mosaic-5.edge>li:nth-of-type(5n+1),.k-mosaic-6.edge>li:nth-of-type(6n+1),.k-mosaic-7.edge>li:nth-of-type(7n+1),.k-mosaic-8.edge>li:nth-of-type(8n+1),.k-mosaic-9.edge>li:nth-of-type(9n+1),.k-mosaic-10.edge>li:nth-of-type(10n+1){margin-left:0!important}

/*CSS Variables, Light theme*/
:root {
	--background: #fffffb; transition-duration:.2s; transition-timing-function: ease-in; 
	/*couleur de fond*/
	--background-form-field: #fbfbfb; transition-duration:.4s; transition-timing-function: ease-in;
	/*fond de champ de contact, fond de popup carte*/
	--button: #ccc; transition-duration:.4s; transition-timing-function: ease-in;
	/*bouton de submission dans contact, background pour accordion*/
	--button-hover-gris: #aaa; transition-duration:.4s; transition-timing-function: ease-in;
	/*hover sur accordion*/
	--categories-list: #6a6a6a; transition-duration:.4s; transition-timing-function: ease-in;
	/*liste de categories*/
	--texte-en-retrait: #6a6a6a; transition-duration:.4s; transition-timing-function: ease-in;
	/*titre de menu principal non actif, lieu expérience, tags, navigation droite et gauche, categories dans un album*/
	--cadre-boite: #bbb; transition-duration:.4s; transition-timing-function: ease-in;
	/*tirets mémoire, bouton "+" sur le côté (ne fonctionne pas, couleur actuelle est #000000)*/
	--general-text: #333; transition-duration:.4s; transition-timing-function: ease-in;
	/*texte sans ciblage (summary albums, "category" dans un album, ), h2 mémoire, h3 mémoire, tout le CV, lieu d'expérience, champ de saisie contacts, categories dans un album*/
	--background-map-default: #ccc; transition-duration:.4s; transition-timing-function: ease-in;
	/*Fond de pays par défaut*/
	--texte-secondaire: #1f1f1f; transition-duration:.4s; transition-timing-function: ease-in;
	/*titre de projet dans projets*/
	--texte-principal: #111; transition-duration:.4s; transition-timing-function: ease-in;
	/*titre principal, titre album, menu principal actif, lien dans description d'album, description d'album, h4 mémoire, lien d'image sur photo, titre resume, sous-titré resume, categorie active*/

	/*Couleurs, pour l'instant non utilisées (car pas amenées à changer immédiatement)*/
	--mandarine: #fd8c39;
	/*orange de hover pour category*/
	--orangeade: #fcc738;
	/*orange hover sur titre principal*/
	--lila: #6e5bff;
	/*violet pour hover sur tag*/
	--bleu-social: #55faec;
	/*bleu pour hover sur réseaux sociaux*/
	--vert-fluo: #1cea3d;
	/*vert pour hover sur titre de projet dans projets*/
	--turquoise: #2bccfa;
	/*bleu pour hover sur titre de menu principal*/
	--cerisier: #ff7dd6;
	/*rose pour hover de lien dans une description d'album*/
	--cerisier-actif: #f45695;
	/*rose pour lien actif dans description album (pas très utile)*/
	--framboise: #f93c49;
	/*rouge de hover sur projet suivant, hover sur article suivant, hover sur bouton de submission, cœur en footer, hover sur lien dans flexbox*/
}

/*CSS Variables, Light theme*/
:root.dark {
	--background: #101010; transition-duration:.2s; transition-timing-function: ease-in;
	/*couleur de fond*/
	--background-form-field: #151515; transition-duration:.4s; transition-timing-function: ease-in;
	/*fond de champ de contact, fond de popup carte*/
	--button: #202020; transition-duration:.4s; transition-timing-function: ease-in;
	/*bouton de submission dans contact, background pour accordion*/
	--button-hover-gris: #444; transition:.4s; transition-timing-function: ease-in;
	/*hover sur accordion*/
	--categories-list: #a6a6a6; transition-duration:.4s; transition-timing-function: ease-in;
	/*liste de categories*/
	--texte-en-retrait: #bbb; transition-duration:.4s; transition-timing-function: ease-in;
	/*titre de menu principal non actif, lieu expérience, tags, navigation droite et gauche, categories dans un album*/
	--cadre-boite: #ccc; transition-duration:.4s; transition-timing-function: ease-in;
	/*tirets mémoire, bouton "+" sur le côté (ne fonctionne pas, couleur actuelle est #000000)*/
	--general-text: #eee; transition-duration:.4s; transition-timing-function: ease-in;
	/*texte sans ciblage (summary albums, "category" dans un album, ), h2 mémoire, h3 mémoire, tout le CV, lieu d'expérience, champ de saisie contacts*/
	--background-map-default: #eee; transition-duration:.4s; transition-timing-function: ease-in;
	/*Fond de pays par défaut*/
	--texte-secondaire: #e3e3e3; transition-duration:.4s; transition-timing-function: ease-in;
	/*titre de projet dans projets*/
	--texte-principal: #fff; transition-duration:.4s; transition-timing-function: ease-in;
	/*titre principal, titre album, menu principal actif, lien dans description d'album, description d'album, h4 mémoire, lien d'image sur photo, titre resume, sous-titré resume, categorie active*/

	/*Couleurs, pour l'instant non utilisées (car pas amenées à changer immédiatement)*/
	--mandarine: #fd8c39;
	/*orange de hover pour category*/
	--orangeade: #fcc738;
	/*orange hover sur titre principal*/
	--lila: #6e5bff;
	/*violet pour hover sur tag*/
	--bleu-social: #55faec;
	/*bleu pour hover sur réseaux sociaux*/
	--vert-fluo: #1cea3d;
	/*vert pour hover sur titre de projet dans projets*/
	--turquoise: #2bccfa;
	/*bleu pour hover sur titre de menu principal*/
	--cerisier: #ff7dd6;
	/*rose pour hover de lien dans une description d'album*/
	--cerisier-actif: #f45695;
	/*rose pour lien actif dans description album (pas très utile)*/
	--framboise: #f93c49;
	/*rouge de hover sur projet suivant, hover sur article suivant, hover sur bouton de submission, cœur en footer, hover sur lien dans flexbox*/

}







/*--- FIN DES COULEURS UTILISÉES ---*/


/*Aspects généraux*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/*Setup couleur fond*/
html,
body {
	width: 100%;
	height: 100%;
	background: #101010;
	background: var(--background);
}


/*Responsive images*/
.kgrid_item {
	/* Hides each medium sized image */
	display: none;
}

.kgrid_item img {
	/* Responsive magic */
	max-width: 100%;
	height: auto;
}


/*Menu catégories dans "Projets"*/

ul.ulcategories {
	margin-bottom: 40px;
	margin-top: 15px;
}

li.licategory {
	display: inline;
	margin: 25px;
	font-family: 'Circular Std', serif;
	line-height: 2.5;
	color: var(--categories-list);
	font-size: 17px;
	-webkit-font-smoothing: antialiased;
}

li.licategory a:link {
	color: var(--categories-list);
}

li.licategory a:visited {
	color: var(--categories-list);
}

li.licategory a:hover {
	color: #fd8c39;
}

li.licategory a.current {
	color: var(--texte-principal);
	border-bottom: 1px solid currentColor;
	display: inline-block;
	line-height: 1.2;
}

li.licategory a.current:hover {
	color: #fd8c39;
}


/*Ajustement de la taille du nav dans les projets*/
nav#navprojets {
	margin-bottom: 0px;
}

nav#navnormal {
	margin-bottom: 75px;
}


/*Titre de l'archive visionnée (avec le #)*/
h2.archive {
	font-family: 'Circular Std', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;

}

footer {
	margin-top: 100px;
}

/*Titre album*/
span.m h2 {
	color: var(--texte-principal);
}



/*Paramètres de "article"*/
body.k-lens-a-propos div article {
	width: 960px;
	min-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

body.k-lens-a-propos div article div.essay-body {
	text-align: justify;
}

body.k-lens-cabinet-de-curiosites div article {
	width: 960px;
	min-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

body.k-lens-cabinet-de-curiosites div article div.essay-body {
	text-align: justify;
}




@media screen and (max-width: 1000px) {
	body.k-lens-a-propos div article {
		width: 95%;
		/* The width is 100%, when the viewport is 800px or smaller */
	}

	body.k-lens-cabinet-de-curiosites div article {
		width: 95%;
		/* The width is 100%, when the viewport is 800px or smaller */
	}

}

/*Caption photo dans album*/
div.list-image p {
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

}

/*Texte sans ciblage (a priori les summaries dans les projets et "Category" sous la description de projet, les labels de la page de contact*/
body {
	color: var(--general-text);
}

/*Titre site*/
h1 {
	color: var(--texte-principal);
	font-weight: bold;
}

h1 a {
    font-weight:bold;
}

h1:hover {
	color: #fcc738;
}

header.top {
	margin-top: 20px;
}


/*USELESS ? Remplacé par modification du header pour la dimension du Titre
a.k-nav-current {
    line-height:normal;
    text-align:center;
}*/

/*Couleur tags*/
ol.meta.mute li a {
	color: var(--texte-en-retrait)
}

ol.meta.mute li a:link {
	color: var(--texte-en-retrait)
}

ol.meta.mute li a:visited {
	color: var(--texte-en-retrait)
}

ol.meta.mute li a:hover {
	color: #6e5bff;
}

/*Liens réseaux sociaux*/
.social-links li a:hover {
	color: #55faec;
}


/*Liens categories dans les projets*/
ol#album_categories li a {
	color: var(--texte-en-retrait);
}

ol#album_categories li a:visited {
	color: var(--texte-en-retrait);
}

ol#album_categories li a:hover {
	color: #fd8c39;
}

/*Lien album dans albums (projets)*/
div.info a:hover {
	color: #1cea3d;
}

div.info a {
	color: var(--texte-secondaire);
}

/*Lien barre de menu*/

.k-nav-list li a:not(.k-nav-current) {
	color: var(--texte-en-retrait);
}

.k-nav-list li a:hover {
	color: #2bccfa;
}

li a.k-nav-current {
	color: var(--texte-principal);
	border-bottom: 1px solid currentColor;
	display: inline-block;
	line-height: 1.5;
}

.k-nav-list li {
	margin-left: 15px;
	margin-right: 15px;
}


@media screen and (max-width: 640px) {
	header.top {
		font-size: 20px;
	}
}

h2 {
	font-size: 28px;
	padding-bottom: 0px
}

/*Page de contact*/
form.k-contact-form fieldset label {
	font-size: 18px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
}

fieldset.k-contact-form-textarea-field textarea {
	background-color: var(--background-form-field);
}

fieldset.k-contact-form-email-field input {
	background-color: var(--background-form-field);
}

fieldset.k-contact-form-submit button {
	background-color: var(--button);
	color: var(--general-text);
}

fieldset.k-contact-form-submit button:hover {
	background-color: #f93c49;
}

textarea {
	color: var(--general-text);
}




/*Titre essay*/
span.m h2 {
	font-size: 30px;
}

/*Lien description album*/
a.lienalbum:link {
	color: var(--texte-principal);
	text-decoration: underline;
}

a.lienalbum {
	color: var(--texte-principal)
}

a.lienalbum:hover {
	color: #ff7dd6;
}

a.lienalbum:active {
	color: #f45695;
}

/*Paragraphe description album*/
.pdescription {
	margin-bottom: 8px;
}

.idescription {
	font-style: italic;
}

/*Vidéo intégrée dans album*/

.video_insert {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
}

.video_insert_algoarchi {
	padding-left: 80px;
	padding-right: 80px;
	margin-bottom: 30px;
}

@media all and (max-width: 480px) {
	.video_insert {
		padding: 0;
	}

}

@media all and (max-width:768px) {
	.video_insert_algoarchi {
		padding: 0;
		max-height: 416px;

	}
}



/*Titre essay dans liste essays*/
h2 a {
	font-size: 30px;
}

/*Résumé album / essay*/
span.m {
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	color: var(--texte-principal);
	font-size: 14px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

/*Temps affiché au dessus essay*/
time {
	font-family: 'Circular Std', 'Helvetica Neue';
	sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

/*Navigation gauche*/
a.pag.larr {
	font-family: 'Circular Std', 'Helvetica Neue', Helvetica, Arial;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;

}

a.pag.larr,
a.pag.rarr,
a.title.larr,
a.title.rarr {
	color: var(--texte-en-retrait);
}

a.pag.larr:hover,
a.pag.rarr:hover,
a.title.larr:hover,
a.title.rarr:hover {
	color: #f93c49;
}


a.title.larr {
	font-family: 'Circular Std', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}


/*Navigation droite*/
a.pag.rarr {
	font-family: 'Circular Std', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

}

a.title.rarr {
	font-family: 'Circular Std', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

}

/*Menu principal*/
nav a {
	font-size: 23px;
}

/* Essai de redimensionnement. N'est pas satisfaisant car mal ciblé et provoque des erreurs sur mobile

.container div.sixteen.columns {
    width:1200px;
    margin:auto
}

.container {
    width:1200px;
    margin:auto
}
*/

/*Texte essay (utile pour "Chemin de vie" mais à préciser avec une class)*/
div.essay-body {
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

}



div.essay-body p {
	font-size: 15px;
}

.hoverinfo {
	position: absolute;
	top: 20px;
	left: 20px;
}

/*Présentations de l'album dans albums*/
div.info h4 {
	margin-top: 16px;
	margin-bottom: 8px;
}

/*Titre de l'album dans la section albums*/
div.info a {
	font-size: 17px;
}

/*Présentation courte de l'album dans albumS*/
div.info:not(a) {
	font-size: 14px;
	font-family: 'Circular Std', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

}

/*MÉMOIRE*/

/*Corps de texte*/
/*p.p2 {margin: 0.0px 0.0px 0.0px 14.2px; font: 9.5px 'Helvetica Neue'; -webkit-text-stroke: #000000}*/
p.p2 {
	margin: 0.0px 10px 0.0px 16px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

/*Titres sommaire*/
p.p3 {
	margin: 0.0px 0.0px 0.0px 14.2px;
	font: 9.5px 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	min-height: 11.0px;
	-webkit-font-smoothing: antialiased;
}

p.p4 {
	margin: 0.0px 0.0px 18.0px 12.8px;
	text-indent: -12.8px;
	font: 13.0px 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p6 {
	margin: 0.0px 0.0px 6.0px 17.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p7 {
	margin: 0.0px 0.0px 2.0px 34.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p8 {
	margin: 0.0px 0.0px 2.0px 51.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p5 {
	margin: 0.0px 0.0px 12.0px 12.8px;
	text-indent: -12.8px;
	font: 13.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p9 {
	margin: 0.0px 0.0px 6.0px 51.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p10 {
	margin: 0.0px 0.0px 12.0px 51.0px;
	font: 10.0px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p11 {
	margin: 0.0px 0.0px 6.0px 34.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p12 {
	margin: 0.0px 0.0px 18.0px 34.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p13 {
	margin: 0.0px 0.0px 12.0px 34.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p14 {
	margin: 0.0px 0.0px 18.0px 51.0px;
	font: 10.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

p.p15 {
	margin: 0.0px 0.0px 3.0px 12.8px;
	text-indent: -12.8px;
	font: 13.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

/*Citation*/
/*p.p16 {margin: 0.0px 0.0px 0.0px 42.5px; font: 9.5px 'Helvetica Neue'; -webkit-text-stroke: #000000}*/
p.p16 {
	margin: 0.0px 0.0px 0.0px 50px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}


/*Petit titre gras*/
p.p19 {
	margin: 0.0px 0.0px 15.0px 0.0px;
	font-size: 15.0px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', Sans-Serif;
	-webkit-text-stroke: #000000;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

p.p19 span.s2 {
	font-size: 17px;
	margin-left: 10px;
}

/*Tableau*/
p.p24 {
	margin: 0.0px 0.0px 0.0px 0.0px;
	font: 9.5px 'Circular Std', 'Helvetica Neue', Arial, sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

/*Liste bibliographie*/
p.p31 {
	margin: 0.0px 0.0px 6.0px 0.0px;
	font: 9.5px 'Circular Std', 'Helvetica Neue', Arial, sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

/*Remerciements*/

p.p33 {
	margin: 0.0px 0.0px 0.0px 0.0px;
	text-align: center;
	font: 9.5px 'Circular Std', 'Helvetica Neue', Arial, sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}

/*Annotation*/
p.p38 {
	margin: 0px 0px 0px 0px;
	font: 10px 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-text-stroke: #000000;
	-webkit-font-smoothing: antialiased;
}


/*Bloc d'avant-propos (responsive*/
div.avant_propos {
	width: 500px;
	max-width: 95%;
	margin: auto;
}


/*Grosse margin pour avant-propos*/
p.p40 {
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-bottom: 0px;
	margin-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: justify;
	-webkit-font-smoothing: antialiased;

}

p.p41 {
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: justify -webkit-font-smoothing: antialiased;
}

p.p42 {
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-bottom: 40px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
}

/*Texte normal*/
span.s2 {
	font-kerning: none
}

h3 span.s2 {
	font-family: 'Circular Std', 'Times new Roman', serif;
	-webkit-font-smoothing: antialiased;
}


/*Numéros de parties*/
span.s3 {
	font: 10.0px 'Zapf Dingbats';
	font-kerning: none;
	-webkit-font-smoothing: antialiased;
}

/*Certains titre (aléatoire)*/
span.s4 {
	font: 20px 'Circular Std', 'Stolzl Display Normal', 'Times new roman', serif;
	-webkit-font-smoothing: antialiased;
}

span.s8 {
	font: 24.0px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', Sans-Serif;
	font-kerning: none;
	-webkit-font-smoothing: antialiased;
}

h2.h2memoire,
h3.h3memoire {
	text-align: center
}


/*Exposant*/
span.s5 {
	font: 5.5px 'Circular Std', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-kerning: none;
	-webkit-font-smoothing: antialiased;
}

/*Titre parties principales*/
span.s6 {
	font: 46px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-kerning: none;
	-webkit-font-smoothing: antialiased;
}


/*Exposant notes de bas de page*/
span.s11 {
	font: 5.5px 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-kerning: none;
	-webkit-font-smoothing: antialiased;
}

span.alignright {
	float: right;
	visibility: hidden
}

/*Tableau*/
table.t1 {
	background-color: none;
	border-collapse: collapse
}

td.td1 {
	width: 260px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td2 {
	width: 100px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td3 {
	width: 230px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td4 {
	width: 20px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td5 {
	width: 210px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td6 {
	width: 160px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td7 {
	width: 250px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td8 {
	width: 18.1px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td9 {
	width: 250px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td10 {
	width: 150px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td11 {
	width: 190px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

td.td12 {
	width: 21.8px;
	height: 11.0px;
	padding: 5.0px 5.0px 5.0px 5.0px
}

div p.p38 {
	margin-left: 50px;
	margin-right: 10px;
}

div p.p38 span.s2 {
	font-size: 13px;
}

article h2.h2memoire {
	font-family: 'Stolzl Display', 'Times new Roman', serif;
	margin-bottom: 0;
	-webkit-font-smoothing: antialiased;
}

article h3.h3memoire {
	margin-left: 25px;
	margin-bottom: 0;
}



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: var(--button);
	cursor: pointer;
	padding: 18px 18px 10px 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin-bottom: 8px
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.accordion:hover {
	background-color: var(--button-hover-gris);
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 18px;
	display: none;
	overflow: hidden;
}

div.panel {
	background: none;
	margin-bottom: 30px;
	border: var(--cadre-boite);
	border-width: 1px;
	border-style: dashed;
}




accordion .panel {
	padding: 10px 15px 10px 15px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom: 10px;
}

.accordion:after {
	content: '\02795';
	/* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #ccc;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796";
	/* Unicode character for "minus" sign (-) */
}

div h3 {
	font-family: 'Stolzl Display Normal', 'Times new Roman', serif;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
}

h2.h2memoire {
	font-size: 23px;
	color: var(--general-text);
}

h2 span.s4 {
	font-weight: 'Stolzl Display', 'Times new roman', serif;
	font-size: 23px;
	margin-bottom: 0px;
	-webkit-font-smoothing: antialiased;
}

/*reset font titres accordion*/
h3.h3memoire span.s4 {
	font-family: 'Stolzl Display Normal';
	-webkit-font-smoothing: antialiased;
}

h2.h2memoire span.s6 {
	font-family: 'Stolzl Display', 'Times new roman', serif;
	-webkit-font-smoothing: antialiased;
}

h2.h2memoire span.s4 {
	font-family: 'Stolzl Display', 'Times new roman', serif;
	-webkit-font-smoothing: antialiased;
}

h4 span.s2 {
	font-size: 19px;
	font-family: 'Circular Std', 'Helvetica Neue', 'Helvetica', 'Arial', Sans-Serif;
	color: var(--texte-principal);
	-webkit-font-smoothing: antialiased;
}

h3.h3memoire {
	margin-bottom: 0px;
	color: var(--general-text);
}

h5.bibliographie_mem {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 19px;
	font-family: 'Circular Std', 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
}

h5.bibliographie_mem span.s2 {
	font-weight: bold;
}

sup {
	vertical-align: super;
	font-size: 10px
}

div.panel {
	padding-bottom: 50px;
	padding-top: 20px
}

.carteagv {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	> height: 0;
}

.carteagv iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

/*Bibliographie critique*/

/*Tabulation*/
span.tabulation_span {
	white-space: pre
}

/*Texte justifié*/

p.p2biblio {
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
}


div p.p38biblio {
	margin-left: 80px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 60px;
	text-align: justify;
}

div p.p6biblio {
	margin-left: 30px;
}

div h5.bibliographie_biblio {
	margin-left: 30px;
}

div p.p31biblio {
	margin-left: 50px;
}



/* ---- Particles ---- */

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*--- Texte rouge ---*/
.redtext {
	color: #f93c49;
}

/*--- Couleurs des paged3 ---*/

/*Couleurs texte*/
.titreresume {
	color: var(--texte-principal);
	font-weight:bold;
}

.soustitre_resume {
	color: var(--texte-principal);
}

.lieu_exp {
	color: var(--texte-en-retrait);
}

/*Grisé pour mettre en retrait*/
.titre_exp {
	color: var(--general-text)
}

/*Lien dans flexbox*/

.lien_contact {
	color: var(--texte-principal)
}

.lien_contact:visited {
	color: var(--texte-principal)
}

.lien_contact:link {
	color: var(--texte-principal)
}

.titre_exp a:link {
	color: var(--general-text)
}

.titre_exp a:visited {
	color: var(--general-text)
}

.flexbox a:hover {
	color: #f93c49;
}



/*Lien avec fading de l'image (pour these owls)*/
.fadea_img:link {
	color: #fff;
}

.fadea_img:hover {
	color: #fff
}

.fadea_img:visited {
	color: #fff;
}

/*Lightbox*/
#main {
    margin-top:50px;
}