html{font-size:100%;cursor: url(images/curseur/sat.png);}
.cligne1 {color: #09f;-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 3s;animation-iteration-count: infinite;}
    /* Safari 4.0 - 8.0 */@-webkit-keyframes example {100% {color:#f00;}}
    /* Standard syntax */@keyframes example {50% {color:#f00;}}
.coin{-moz-border-radius:0.5vw;-webkit-border-radius:0.5vw;-o-border-radius:0.5vw;border-radius:0.5vw;}
.coin1{-moz-border-radius:2vw;-webkit-border-radius:2vw;-o-border-radius:2vw;border-radius:2vw;}
.coin2{-moz-border-radius:1vw;-webkit-border-radius:1vw;-o-border-radius:1vw;border-radius:1vw;}
.couleurmenu{color: #acf;font-size:1.2vw;font-weight: 500;font-family:Times New Roman, Noto Sans Lao Looped,montserrat, Vollkorn;border: solid 1px transparent;}
.couleurmenu:hover{color: #0f0;border:solid 1px #ff0;}

.datemaj{font-size: 1vw;width: 100%;text-align:center;color: #bdf;}

.horl1{display:box;position:absolute;width: 99.5vw;height: 99vh;z-index: 0;}
.horl2{display:block;position: absolute;font-family: Montserrat;font-size:1.8vw; width: 12vw;background-color:rgba(0,0,0,0.6);margin: 40vh 0 0 80vw;color:#ff0;padding:0 0.1em 0 0.3em;}

.loupe{ -webkit-transition: all 0.5s ease;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;
        /* Safari et Chrome */ -moz-transition: all 0.5s ease; /* Firefox */
        -ms-transition: all 0.5s ease; /* Internet Explorer 9 */ -o-transition: all
        0.5s ease; /* Opera */ transition: all 0.5s ease; } 
    .loupe:hover{
        margin-left: 5vw;background-color: #000;border: solid 1px #09f;
        -webkit-transform:scale(1.50); /* Safari et Chrome */
        -moz-transform:scale(1.50);
         /* Firefox */ -ms-transform:scale(1.50); 
         /* Internet Explorer 9 */ -o-transform:scale(1.50); 
         /* Opera */transform:scale(1.50); -webkit-transition: all 0.5s ease; 
         /* Safari et Chrome*/ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; 
         /* Internet Explorer 9 */ -o-transition: all 0.5s ease;  
         /* Opera */ transition: all 0.5s ease; z-index: 500; }
    .loupe1{ -webkit-transition: all 0.5s ease;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;
        /* Safari et Chrome */ -moz-transition: all 0.5s ease; /* Firefox */
        -ms-transition: all 0.5s ease; /* Internet Explorer 9 */ -o-transition: all
        0.5s ease; /* Opera */ transition: all 0.5s ease; } 
    .loupe1:hover{
        margin-left: 5vw;background-color: #000;border: solid 1px #09f;
        -webkit-transform:scale(2); /* Safari et Chrome */
        -moz-transform:scale(2);
         /* Firefox */ -ms-transform:scale(2); 
         /* Internet Explorer 9 */ -o-transform:scale(2); 
         /* Opera */transform:scale(2); -webkit-transition: all 0.5s ease; 
         /* Safari et Chrome*/ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; 
         /* Internet Explorer 9 */ -o-transition: all 0.5s ease;  
         /* Opera */ transition: all 0.5s ease; z-index: 500; }    
    .loupe2{ -webkit-transition: all 0.5s ease;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;
        /* Safari et Chrome */ -moz-transition: all 0.5s ease; /* Firefox */
        -ms-transition: all 0.5s ease; /* Internet Explorer 9 */ -o-transition: all
        0.5s ease; /* Opera */ transition: all 0.5s ease; } 
    .loupe2:hover{
       background-color: #000;
        -webkit-transform:scale(1.3); /* Safari et Chrome */
        -moz-transform:scale(1.3);
         /* Firefox */ -ms-transform:scale(1.3); 
         /* Internet Explorer 9 */ -o-transform:scale(1.3); 
         /* Opera */transform:scale(1.3); -webkit-transition: all 0.5s ease; 
         /* Safari et Chrome*/ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; 
         /* Internet Explorer 9 */ -o-transition: all 0.5s ease;  
         /* Opera */ transition: all 0.5s ease; z-index: 500; }    
    .loupe3{ -webkit-transition: all 0.5s ease;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;
        /* Safari et Chrome */ -moz-transition: all 0.5s ease; /* Firefox */
        -ms-transition: all 0.5s ease; /* Internet Explorer 9 */ -o-transition: all
        0.5s ease; /* Opera */ transition: all 0.5s ease; } 
    .loupe3:hover{
        margin-left: 5vw;background-color: #000;border: solid 1px #09f;
        -webkit-transform:scale(5); /* Safari et Chrome */
        -moz-transform:scale 5);
         /* Firefox */ -ms-transform:scale(2); 
         /* Internet Explorer 9 */ -o-transform:scale(5); 
         /* Opera */transform:scale(5); -webkit-transition: all 0.5s ease; 
         /* Safari et Chrome*/ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; 
         /* Internet Explorer 9 */ -o-transition: all 0.5s ease;  
         /* Opera */ transition: all 0.5s ease; z-index: 500; }         

.menutaille{width: 100%;font-family:CutiveMono, Montserrat;font-size: 1vw;margin:-0.5vh 0 0 -0.2vw;background: linear-gradient(180deg, #000, #420, #640);}
.menu1201{width: 12.5%;}
.menu1202{font-weight: 700; text-align: center;z-index: 500;}
.menu345601{width: 12.5%;}
.menu345602{text-align: center;z-index: 500;background-color: rgba(0,0,0,0.8);}
.menu345603{font-weight: 100; text-align: center;z-index: 500;color: #ff0;cursor: url(images/curseur/fleche.png);}
.monmenu{display: block;position:absolute;z-index: 1000;width: 99vw;margin:-5em 0 0 0vw;color:#ff0;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.monmenu:hover{margin:0em 0 0 0vw;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.menuspan{background: linear-gradient(180deg, #000, #000, #640);height: 100vh;}
/*.menufond{display:block;position:relative;text-decoration:underline;color: linear-gradient(90deg, #000, #420, #640);}*/
.menutitre{color: #acf;width: 18vw;vertical-align: top;text-align: center;}

.textemenu {font-size: 1.5vw:color:red;}
.textemess {font-size: 0.9vw;line-height: 0.8vh;}
.titre01{font-size: 1.2vw;color: #f90;font-family: Montserrat;}

/*  V  */
	.vignets {
    
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari et Chrome */
    -o-animation: fadein 3s; /* Opera */
}
    @keyframes fadein {from {opacity:0;}to {opacity:1;}}
    @-moz-keyframes fadein { /* sur Firefox */from {opacity:0;}to {opacity:1;}}
    @-webkit-keyframes fadein { /* sur Safari et Chrome */from {opacity:0;}to {opacity:1;}}
    @-o-keyframes fadein { /* sur Opera */from {opacity:0;}to {opacity: 1;}}

hr{background-color: #09f;width: 98%;height: 1px;border:none;cursor: url(../images/curseur/curbase.png);}
/*hr1{height: none;border: none;border-top: 1px dashed grey;}*/

a:link      {color:#fff;text-decoration:none;}
a:visited   {color:#fff;text-decoration:none;}
a:hover     {color:#fff;text-decoration:none;}