body
{
    background-color:       black;
    color:                  white;
    font-family:            "antique-olive";
    font-weight:            400;
    overflow:               hidden;
    margin:                 0;

    --color-blue-light:     #00FAFA;
    --color-green:          #0F0;
    --color-red:            #F00;
    --color-blue:           #00F;
    --color-purple:         #F0F;
    --color-yellow:         #FF0;

    --space-half:           6px;
    --space-standard:       12px;
    --space-double:         24px;
    --space-4x:             48px;

    --p-text-indent:        10%;
    --mobile-font-size:     50px;
/*
    --cursor-hand:          url(../Img/assets_hand.svg) 17 9, auto;
*/
    --cursor-hand:          none;
}

a,
label,
input[type=checkbox],
input[type=file],
input[type=file]::file-selector-button
{
    cursor:                 none;
}

.custom-cursor 
{
    position:               fixed;
    pointer-events:         none;
    mix-blend-mode:         difference;
    width:                  100px;
    height:                 100px;
    border-radius:          50%;
    background-color:      white;
    transition:             transform 150ms ease;
    transform:              translate(-50%, -50%) scale(1);
    z-index:                100000;
    transform-origin:       center;
  }

.custom-cursor.small
{
    transform:              translate(-50%, -50%) scale(0.5);
}  


.popup-background
{
    position:               absolute;
    width:                  100%;
    height:                 100%;
    z-index:                9998;
    background-color:       var(--color-blue-light);
    opacity:                0.0;
    display:                none;
}

.announce-container
{
    display:                flex;
    justify-content:        center;
    align-items:            center;  
    width:                  100%;
    height:                 100%;  
}

.announce
{
    display:                inline-block;
    color:                  var(--color-blue-light);
    border:                 1px solid var(--color-blue-light);
    padding:                var(--space-half);
}

.debug
{
    position:               absolute;
    display:                none;
    z-index:                99999;
    top:                    0;
    left:                   0;
    width:                  400px;
    height:                 200px;
    padding:                10px;
    color:                  white;
    background-color:       rgba(0,0,255,0.7);
    overflow-y:             scroll;
    font-size:              12px;
    pointer-events:         none;
}

.mouse-events-disabled
{
    pointer-events: none;
}

::-webkit-scrollbar 
{
    width: 					    8px;
}
 
/* Track */
::-webkit-scrollbar-track 
{
    -webkit-border-radius: 	    5px;
    border-radius: 			    5px;
	background-color: 		    transparent;
}

.content::-webkit-scrollbar-track 
{
    margin-bottom:              var(--space-double);
}

::-webkit-scrollbar * 
{
	background:				    transparent;
}
 
/* Handle */
::-webkit-scrollbar-thumb
 {
    background: 			    white; 
    border-radius:              5px;
}


.flex
{
    display:                    flex;
}


.stretch_it
{
    display:                    inline-block;
    white-space:                nowrap;
    transform:                  scale(1,1.45);
}

.stretch_it_cat
{
    display:                    inline-block;
    white-space:                nowrap;
    transform:                  scale(1,1);
}


.justify
{
    text-align:                 justify;
}

.caption
{
    display:                    inline-block;    
    margin-top:                 var(--space-half);
}


/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MENU TOP

*/

.menu-top
{
    mix-blend-mode:             difference;
    text-align:                 center;
    font-size:                  18px;/*0.94vw;*/
    font-weight:                300;
    position:                   absolute;
    width:                      100%;
    top:                        0;
    left:                       0;
    z-index:                    9999;
}

.menu-top.hidden
{
    display:                    none;
}


.menu-top ul,
.content ul
{
    list-style-type:            disc;
    list-style-position:        outside;
    padding:                    0;
    margin:                     0;
    margin-left:                var(--space-double);
    margin-top:                 var(--space-standard);
}

.content ul li
{
    margin-bottom:              10px;
    padding-right:              5%;
}


.menu-top ul
{
    margin-top:                 0;
}

.menu-top li, 
#page-search .content li
{
    color:                      var(--color-blue-light);
    display:                    inline;
    letter-spacing:             0.45em;
    border:                     1px solid var(--color-blue-light);
    padding:                    var(--space-half);
    cursor:                     var(--cursor-hand);

}

.menu-top li:hover
{
    background-color:           var(--color-blue-light);
    color:                      black;
}

.menu-top.invert
{
    mix-blend-mode:             normal;
}

.menu-top.invert li
{
    color:                      black;
    border:                     1px solid  black;
}

.menu-top.invert li:hover
{
    background-color:           black;
    color:                      var(--color-blue-light);
}

.menu-top.invert select
{
    color:                      black;
}


.menu-top li#search
{
    padding-left:               0;
    padding-right:              0;
}

.menu-top li#search > img
{
    position:                   relative;
    height:                     35px;
    top:                        12px;
}


.menu-top li
{
    text-transform:             uppercase; 
}

.menu-top #language
{
    margin-right:               var(--space-half);
}


.menu-top select 
{
    color:                  var(--color-blue-light);
    font-weight:            300;
    background-color:       transparent;
    border:                 none;
    margin:                 0;
    font-family:            inherit;
    font-size:              inherit;
    cursor:                 inherit;
    line-height:            inherit;
    letter-spacing:         inherit;
}

.menu-top select option
{
    font-family:            inherit;
    font-size:              inherit;
}

.menu-top select:focus
{
    border:                 none;
    outline:                none;
}


.menu-top li:hover select,
.menu-top select:hover
{
    color:                  black;
}

.menu-top.invert select:hover
{
    color:                  var(--color-blue-light);
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MENU SYMBOLS

*/

.menu-symbols, 
.pages-container
{
    display:                    none;
    position:                   absolute;
    width:                      100%;
    height:                     100%;
    top:                        0;
    left:                       0;
}

.symbol-container
{
    position:                   absolute;
    width:                      20%;    
    height:                     20%;    
    cursor:                     var(--cursor-hand);
}

.cursor-pointer-custom
{
    cursor:                     var(--cursor-hand);
}

.symbol
{
    width:                      20%;    
    position:                   absolute;
}

.menu-symbols .symbol
{
    opacity:                    0.0;
}

.Article .infos .li-share-social
{
    cursor:             pointer;
}

.Article .infos .social-link-container
{
    display:            none;
}

.Article .infos .social-link
{
	display : 			inline-block;
    margin-left:        var(--space-double);
    margin-bottom:        var(--space-standard);
}

.Article .infos .social-link .screen-reader-only
{
    position:           relative;
    top:                -6px;
    left:               0px;
}



/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PAGE INTRO

*/
#page-intro
{
    position:               fixed;
    top:                    0;
    width:                  100%;
    height:                 100%;    
}

#page-intro video 
{
    object-fit:             cover;
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PAGE

*/

.page
{
    display:                    flex;
    flex-direction:             column;
    justify-content:            space-between;
    box-sizing:                 border-box;
    position:                   absolute;
    width:                      50%;
    height:                     50%;
    overflow:                   hidden;
    padding:                    calc( var(--space-standard) - 5px);
    mix-blend-mode:             difference;
    visibility:                 hidden;
}

/*.page*/ .title
{
    width:                      100%;
    font-size:                  6vw;
    font-weight:                300;
    line-height:                1.1em;
    font-style:                 normal;
    color:                      transparent;
/*    text-align:                 justify;
*/    text-transform:             uppercase;
    margin:                     12px 0 0 0;
    -webkit-text-stroke-width:  2px;
    -webkit-text-stroke-color: white;
    z-index:                    1000;
    user-select:                none;
}

.page .title-cat 
{
    text-transform:             uppercase;
}

.page ul
{
    list-style-type:            none;
    padding:                    0;
    margin:                     0;
}

.page .categories
{
    display:                    flex;
    mix-blend-mode:             difference;    
    position:                   relative;
    top:                        0;
    left:                       0;
    z-index:                    10;
}

.page .categories .stretch-cat
{
    flex:                       1;
    overflow-x:                 hidden;

}

.page .categories .cat-2:first-child
{
    margin-right:               var(--space-half);
}

.page .categories li
{
    display:                    inline-block;
    box-sizing:                 border-box;
    color:                     white;
    text-transform:             uppercase;
    font-size:                  calc(12px + 1.2vw);
/*    letter-spacing:             0.3em;
*/    padding:                    4px;
    margin-bottom:              var(--space-half);
    border:                     1px solid white;

    cursor:                     var(--cursor-hand);
}

.page li:hover
{
    color:                      black;
    background-color:           white;
}

.page .symbol
{
    position :                  absolute/*relative*/;
    z-index:                    1;
    display:                    none;
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PAGE GRID ITEMS

*/

.grid-items
{
    display:                    none;
    overflow-x:                 hidden;
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      100%;
    height:                     100%;
/*    z-index:                    2;
*/}

.grid
{
    position:                   absolute;
    display:                    grid;
    width:                      80%;
    grid-gap:                   var(--space-standard);

    gap:                        var(--space-standard);
    margin:                     var(--space-standard);
/*
    margin:                     72px 72px var(--space-double) 0;
    padding:                    0 var(--space-half);
*/
    grid-template-columns:      repeat(auto-fill, 256px);
    grid-auto-rows:             128px;
    grid-auto-flow:             row dense;

/*    justify-content:            center;	
*/
}

.grid .image
{
    display :                   inline-block;
    position:                   relative;
}

.grid .image img.preview
{
    position:                   absolute;
    width:                      100%;
    height:                     100%;
    object-fit:                 cover;
    filter:                     grayscale(1);
    mix-blend-mode:             difference;
}

.image .icon-play
{
    position:                   absolute;
    width:                      75px;
    height:                     auto;
    top:                        50%;
    left:                       50%;
    transform:                  translate(-50%, -50%);
}

.grid .text
{
    font-weight:                300;
    padding:                    var(--space-half);
    overflow-y:                 scroll;
}

.s,.m,.l
{
    opacity:                    0;
    box-sizing:                 border-box;
    border:                     1px solid white;
    cursor:                     var(--cursor-hand);
}

.s
{
    grid-column-end:            span 1;
    grid-row-end:               span 1;
}
  
.m
{
    grid-column-end:            span 1;
    grid-row-end:               span 2;
}
  
.l
{
    grid-column-end:            span 2;
    grid-row-end:               span 2;
}

.appear
{
    animation-name:             fadeInFromNone;
    animation-duration:         0.5s;
    animation-timing-function:  ease-out;
    animation-fill-mode:        forwards;
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> REALMS

*/

#page-realms
{
    top:                        0;
    left:                       0;
    background-color:           rgba(0,255,0,1.0);
    padding-top:                0;
}

#page-realms li:hover
{
    color:                      var(--color-green);
    background-color:           white;
}

#page-realms .s, #page-realms .m, #page-realms .l
{
    border:                     1px solid var(--color-purple);
}

#page-realms .text
{
    color:                     var(--color-purple);
}

#page-realms .grid .image
{
    background-color:           var(--color-green);
}

.article .content .medias .text a
{
    border-bottom:              2px dotted;
    color:                     #fff;
    text-decoration:            none;
}

.article.realms .infos,
.article.realms .infos a
{
    color:                      var(--color-green);
}

.article.realms .infos a
{
    border-bottom:          1px solid var(--color-green);
}


.article.realms .infos a.social-link
{
    border-bottom:          0;
}


.article.realms .infos path
{
    stroke:                   var(--color-green);
    fill:                     none;
}

.article.realms .infos path:hover
{
    fill:                   var(--color-green);
}



.article.realms .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-green); 
}


/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LOCALITIES

*/

#page-localities
{
    top:                        0;
    right:                      0;
    background-color:           rgba(0,0,255,1.0);
    padding-top:                0;
}

#page-localities li:hover
{
    color:                      var(--color-blue);
    background-color:           white;
}

#page-localities .s, #page-localities .m, #page-localities .l {
    border: 1px solid var(--color-yellow);
}

#page-localities .text 
{
    color:                  var(--color-yellow);
}

#page-localities .text::-webkit-scrollbar-thumb
{
   background: 			    var(--color-yellow); 
}

#page-localities .grid .image
{
    background-color:           var(--color-blue);
}

#page-localities .grid
{
    justify-content:            right;
    right:                      0;
    direction:                  rtl;
}

.article.localities .infos,
.article.localities .infos a
{
    color:                  var(--color-blue);
}

.article.localities .infos a
{
    border-bottom:          1px solid var(--color-blue);
}

.article.localities .infos a.social-link
{
    border-bottom:          0;
}

.article.localities .infos path
{
    stroke:                   var(--color-blue);
    fill:                     none;
}

.article.localities .infos path:hover
{
    fill:                   var(--color-blue);
}




.article.localities .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-blue); 
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> STRATEGIES

*/

#page-strategies
{
    flex-direction:             column-reverse;
    bottom:                     0;
    right:                      0;
    background-color:           rgba(255,0,255,1.0);
    padding-bottom:             0;
}


#page-strategies li:hover
{
    color:                      var(--color-purple);
    background-color:           white;
}

#page-strategies .s, #page-strategies .m, #page-strategies .l {
    border: 1px solid var(--color-green);
}


#page-strategies .grid .image
{
    background-color:           var(--color-purple);
}

.article.strategies .infos,
.article.strategies .infos a
{
    color:                      var(--color-purple);
}

.article.strategies .infos a
{
    border-bottom:              1px solid var(--color-purple);
}

.article.strategies .infos a.social-link
{
    border-bottom:          0;
}


.article.strategies .infos path
{
    stroke:                   var(--color-purple);
    fill:                     none;
}

.article.strategies .infos path:hover
{
    fill:                   var(--color-purple);
}



#page-strategies .text 
{
    color:               
    
    var(--color-green);
}

#page-strategies .grid
{
    justify-content:            right;
    right:                      0;
    direction:                  rtl;
}


#page-strategies .text::-webkit-scrollbar-thumb
{
   background: 			    var(--color-green); 
}

.article.strategies .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-purple); 
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SCALES

*/
#page-scales
{

    flex-direction:             column-reverse;
    bottom:                     0;
    left:                       0;
    background-color:           rgba(255,0,0,1.0);
    padding-bottom:             0;
}

#page-scales li:hover
{
    color:                      var(--color-red);
    background-color:           white;
}

#page-scales .s, #page-scales .m, #page-scales .l {
    border: 1px solid var(--color-blue-light);
}

#page-scales .text 
{
    color: var(--color-blue-light);
}

#page-scales .text::-webkit-scrollbar-thumb
{
   background: 			    var(--color-blue-light); 
}

#page-scales .grid .image
{
    background-color:           var(--color-red);
}


.article.scales .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-red); 
}

.article.scales .infos,
.article.scales .infos a
{
    color:                  var(--color-red);
}

.article.scales .infos a
{
    border-bottom:          1px solid var(--color-red);
}

.article.scales .infos a.social-link
{
    border-bottom:          0;
}


.article.scales .infos path
{
    stroke:                   var(--color-red);
    fill:                     none;
}

.article.scales .infos path:hover
{
    fill:                     var(--color-red);
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SEARCH

*/
#page-search .content
{
    flex-direction:             column;    
    margin: 0 var(--ArticleInnerMargin) 0 var(--ArticleInnerMargin);
    padding-right: var(--space-standard);
}

#page-search .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-blue-light); 
}

#page-search .content ul
{
    margin-left:                0;
}

#page-search .content li
{
    display:                    inline-block;
    text-transform:             uppercase;
    font-size:                  calc(12px + 0.3124vw);
    font-weight:                300;
    margin-bottom:              var(--space-standard);
    margin-right:                var(--space-standard);
}

#page-search.article .content h2 
{
    text-indent:                0;
    font-weight:                400;
    color:                      var(--color-blue-light);
    margin-top:                 var(--space-4x);
}


#page-search .content li:hover
{
    background-color:           var(--color-blue-light);
    color:                      #000;
}

#page-search input
{
    width:                      40%;
    height:                     40px;
    font-size:                  calc(12px + 0.3124vw);
    font-weight:                400;
    display:                    inline-block;
    box-sizing:                 border-box;
    border:                     1px solid var(--color-blue-light);
    background-color:           transparent;
    color:                      var(--color-blue-light);
    font-family:                "antique-olive";
}

#search-terms
{
    display:                    block;
}

#search-terms img
{
    position:                   relative;
    top:                        15px;
    border:                     1px solid var(--color-blue-light);
    margin-left:                var(--space-half);
    height:                     38px;
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ARTICLE / POPUP

*/
.article
{
    position :                  absolute; 
    overflow:                   hidden;
    display:                    none;
    width:                      95%;    
    height:                     90%;  
    z-index:                    11000;
}



.article .btn-close
{
    user-select:                none;
}

.Article .medias 
{
    flex:                       75%;
}

.Article .medias > *
{
    min-width:                     400px;
    max-width:                     900px;
}

.Article .medias .media:last-child
{
    padding-bottom:                 var(--space-double);
}


.Article h1
{
    margin-top:                 var(--ArticleInnerMargin);
    font-size:                  calc(19px + 0.47vw);
    max-width:                  75%;
}

.Article .content h1
{
    margin-left:                0;
    color:                      var(--color-blue-light);
}


.Article .media
{
    margin-bottom:              var(--ArticleInnerMargin);
}

.Article .media.text
{
    font-size:                  calc(12px + 0.47vw); /*1.09vw*/;
    font-weight:                400;
}

.Article .media.text p 
{
    text-indent:                var(--p-text-indent);
}


.Article .content
{
    height:                     90%; /* to be computed */
    overflow-y:                 scroll;
}

/* won't address medias */
.Article .content > p
{
    margin: 0 var(--ArticleInnerMargin) 0 var(--ArticleInnerMargin);
}

.article .btn-next,
.article .btn-close
{
    position:                   absolute;
    top:                        var(--ArticleInnerMargin);
    width:                      40px;
    height:                     40px;
    margin-right:               var(--ArticleInnerMargin);
    cursor:                    var(--cursor-hand);
}

.article .btn-close
{
    right:                      0;
}

.article .btn-close,
.article .btn-next
{
    transform-origin:       center;
    transform:              scale(1);
    transition:             0.25s;   
}

.article .btn-close:hover,
.article .btn-next:hover
{
    transform:              scale(1.2);   
}


.article .btn-next
{
    right:                      40px;
}

.article .icon-share img
{
    position:                   relative;
    top:                        0.3em;
    height:                     1.3em;
    margin-right:               var(--space-half);
}

.article .content p,
.article .content h2
{
    /* same as article medias.text */
    font-size:                   calc(12px + 0.47vw);
    text-indent:                var(--p-text-indent);
}


.article .content p
{
    margin-top:                 0;
}

.article .content h2
{
/*    color:                      var(--color-blue-light);
*/    
    font-weight:                700;
    margin-bottom:              0;
}

.article .infos
{
    font-size:                    calc(12px + 0.11vw);
}

.article .infos li
{
    margin-bottom:               var(--space-standard);
}

.article .infos a
{
    text-decoration:            none;
}


.article input:focus
{
    outline:                    none;
}

.article .content::-webkit-scrollbar-thumb
 {
    background: 			    white; 
}

.pdfcontent, .pdfOverlay
{
	--pdfHeight	: 500px;
}
.pdfcontent
{	width : 100%;
	height : var(--pdfHeight);
	z-index:5;
	overflow:hidden;
}

.pdfOverlay
{
	--btn-padding : var(--space-standard);
	--btn-font-size : calc(12px + 1.2vw);
	display:block;
	padding-top: calc( (var(--pdfHeight) - var(--btn-padding) - var(--btn-font-size) - 2px)/2);
	width:100%;
	height: var(--pdfHeight);
	position:relative;
	top: calc(var(--pdfHeight)*-1);
	left:0;
	z-index:10;
	text-align:center;
	background-color:rgba(0,0,0,0.1);
}
.pdfOverlay .btnDownload 
{
	background : black;
	border : 1px solid var(--ArticleHilightColor);
	text-transform : uppercase; 
	color :	var(--ArticleHilightColor); 
	padding:var(--btn-padding);
	letter-spacing:0.9em;
	font-size:  var(--btn-font-size);
	font-weight : 100;
	text-decoration : none;
}


/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SEARCH RESULTS

*/

#page-search-results
{
    display:                    none;
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      100%;
    height:                     100%;
    background:                 black;
    padding:                    var(--space-standard);    
    box-sizing:                 border-box;    
}

#page-search-results .title
{
    margin-top:                 0px;
}

#page-search-results .nav-search
{
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      30%;
    height:                     100%;
    display:                    flex;
    flex-direction:             column;
    box-sizing:                 border-box;
}

#page-search-results .nb-results
{
    position:                   relative;
    flex:                       1;
    color:                      var(--color-blue-light);
    box-sizing:                 border-box;
    padding-top:                30%;
    padding-left:               var(--space-standard);
}

#page-search-results .btn-back-search
{
    flex:                       1;
    padding:                    0 0 var(--space-standard) var(--space-standard);
    display:                    flex;
}

#page-search-results .btn-back-search img
{
    height:                     30vh;
    margin-top:                 auto;
    cursor:                    var(--cursor-hand);
}

#page-search-results .grid
{
    box-sizing:                 border-box;
    padding-right:              var(--space-standard);
    left:                       30%;
    width:                      70%;
    direction:                  rtl;
}

#page-article-search .infos
{
    color:                      var(--color-blue-light);    
}

#page-article-search .infos a
{
    color:                      var(--color-blue-light);    
}

#page-article-search .infos a
{
    border-bottom:              1px solid var(--color-blue-light);
}

#page-article-search .infos a.social-link
{
    border-bottom:          0;
}

#page-article-search .infos path
{
    stroke:                   var(--color-blue-light);
    fill:                     none;
}

#page-article-search .infos path:hover
{
    fill:                     var(--color-blue-light);
}





#page-article-search .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-blue-light); 
}

/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ABOUT

*/

/* Same as article style */
#page-about
{
    z-index:                    9999;
}

#page-about .mentions-privacies
{
    margin-bottom:              var(--space-double);
}

#page-about .mentions-privacies a
{
    color:                     var(--color-blue-light);
    border-bottom:             1px solid var(--color-blue-light);    
    text-decoration:            none;
}

#page-about .credits,
#page-about .privacies
{
    display :                   none;
}

#page-about .credits p
{
    text-indent:                0;
}


.article#page-about .content
{
    display:                    block;
}

#page-about .row
{
    display:                    flex;
    width:                      100%;
}

#page-about .row#row-portraits-logos
{
    box-sizing:                 border-box;
    display:                    block;
    max-width:                  1300px;
    padding:                    0 var(--space-double) 0 var(--space-double); 
}

#page-about .medias h1
{
    font-weight:                400;
    margin-top:                 var(--space-4x);
}

#page-about .medias p
{
    padding-right:              var(--space-standard);
}

#page-about .content
{
    display:                    flex;
    font-size:                  calc(12px + 0.47vw);    
}

#page-about .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-blue-light); 
}

#page-about .content .authors-logos
{
    box-sizing:             border-box;
    padding-right:          var(--space-standard);
    flex:                   75%;
}

#page-about .content h2
{
    color:                      var(--color-blue-light);
    font-size:                  calc(19px + 0.47vw);
    margin-left:                var(--ArticleInnerMargin);
}

.notes
{
    flex:                       1 243px;    
    font-size:                  calc(12px + 0.11vw);    
    color:                      var(--color-blue-light);
    box-sizing:                 border-box;
    padding-right:              var(--space-standard);
}

.notes a
{
    color:                      var(--color-blue-light);
    text-decoration:            none;
    border-bottom:              1px solid var(--color-blue-light);
}


/*
https://www.quirksmode.org/css/clearing.html
*/
#page-about .portraits
{
    overflow:                   auto;
    width:                      100%;
}

#page-about .portrait
{
    box-sizing:                 border-box;
    width:                      50%;
    float:                      left;
    padding-right:              var(--space-4x);
    margin-bottom:              var(--space-double);
}

#page-about .portrait > img
{
    width:                      50%;
    height:                     auto;
    margin-bottom:              var(--space-standard);
}

#page-about .portrait p
{
    padding-right:              var(--space-4x);
}

#page-about .logos-container
{
    width:                      100%;
    overflow:                   auto;
}

#page-about .logos
{
    display:                    flex;
    width:                      50%;
    box-sizing:                 border-box;
    border-top:                 2px solid var(--color-blue-light);
    margin:                     var(--space-4x) 0 var(--space-4x) 0;
    padding:                    var(--space-double) 0 0 0;
}

#page-about .logos a,
#page-submit .jqte_toolbar a
{
    border-bottom:              0;
}

#page-about .logos:first-child
{
    border-top:                 0;
}

#page-about .logos img
{
    width:                      100%;
}

#page-about .logos.arc-en-reve img
{
    width:                      70%;
}

#page-about .logos#logos-local img
{
    max-height:                 17vh;
}

#page-about .logo a
{
    display:                    inline-block;
}
/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SUBMIT

*/
#page-submit
{
    z-index:                    9999;
}

#page-submit #read-letter
{
    text-decoration:            underline;
}


#page-submit .content #letter-notes
{
    text-indent:    0;
    font-size:      calc(12px + 0.11vw);
}

#page-submit .content
{
    display:                    flex;
}


#page-submit .content::-webkit-scrollbar-thumb
{
    background: 			    var(--color-blue-light); 
}


/*
#page-submit .content .contactForm,
#page-submit .content > div
{
    max-width:                  1000px;
    padding:                    0 var(--ArticleInnerMargin) 0 var(--ArticleInnerMargin);
}
*/

#page-submit .content p
{
    text-indent:                10%;
}


#page-submit .content .contactForm  #frontForm
{
    --w :                       60vw;
}

#page-submit .content .contactForm .propGroupTitle
{
    font-size:                   calc(12px + 0.47vw);    
}

#page-submit .content .contactForm .propName
{
    margin-bottom:              var(--space-half);
}

@keyframes fadeInFromNone 
{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1.0;
    }
}

/*
@media (-webkit-min-device-pixel-ratio: 2) 
{
    .title
    {
        -webkit-text-stroke-width:          10px;
    }
}
*/


@keyframes bgChangeColor 
{
    0% 
    {
        background-color: black;
    }

    100% 
    {
        background-color: var(--color-blue-light);
    }
}

.body-to-blue-light
{
    animation-name:             bgChangeColor;
    animation-duration:         0.5s;
    animation-fill-mode:        forwards;
}

.body-to-black
{
    animation-name:             bgChangeColor;
    animation-duration:         0.5s;
    animation-fill-mode:        backwards;
}

.symbol-pulse-over
{
    transform-origin:           center;
    transform:                  scale(1);
	animation:                  pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	70% {
		transform: scale(0.8);
	}

	100% {
		transform: scale(1);
	}
}


/*

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LOADER

*/


.spinner 
{
    width: 40px;
    height: 40px;
  
    position: relative;
    margin: 100px auto;
  }
  
  .double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
  }
  
  .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  
  @-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
  }
  
  @keyframes sk-bounce {
    0%, 100% { 
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
    } 50% { 
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
  }



@media only screen and (max-device-width : 480px) 
{
    .announce-container 
    {
    }

    .announce {
        font-size:          30px;
        padding:            var(--space-double);
        margin:             0 var(--space-double) 0 var(--space-double);
    }
}

/*AJOUT DAMIEN*/
#page-about .content p a,
.text-intro p a{
    color: #fff!important;
}