body
{
    width: 98%;
    height: max-content;

    padding: 1%,1%,1%,1%;
    margin: 1%,1%,1%,1%;
    
    text-transform: capitalize;/*uppercase lowercase*/
    text-align: center;

    font-family: "Distant Stroke";
    font-size:200%;
    color: rgb(0, 0, 0);

    text-align: justify;
    border-radius:10px ;
    border-style: solid;
    border-color:rgb(19, 18, 18) ;
    border-width:1% ;
    
    /*border-image: ;*/
    border-spacing:1%; 
    border-collapse: separate;

    background:linear-gradient(to bottom left, rgba(0, 247, 255, 0.92) 33%,rgba(10, 211, 218, 0.37)33%,rgba(22, 188, 194, 0.445)34%) ;
    
    /*for background attachement color position clip size  repeat image*/
    
}


/*Polices*/

@font-face/*Pour les titres*/
{
    font-family: 'Dracula';
    src: url('../polices/blackjack.rollin.ttf');
}
@font-face/*Pour les txts*/
{
    font-family: 'Distant Stroke';
    src: url('../polices/Distant_Stroke_Medium.otf');
}
@font-face/*Pour (les Slogans) + Les Spams*/
{
    font-family: 'AdineKirnberg';
    src: url('../polices/AdineKirnberg-Script.ttf');
}



/*/*MENU header*/
header
{
    width: 99%;
    background-color: rgb(202, 233, 27);
    /*color: #FFFFFF;*/
    /*list-style-type: none;*/
    /*padding: auto, auto, auto, auto;*/
    overflow: none;
    text-decoration: none;
    text-align: center;
    padding: 1%,1%,1%,1%;
    margin: 1%,1%,1%,1%;
    border-radius:10px ;
    border-style: solid;
    border-color: rgba(0, 247, 255, 0.92) ;
    border-width:1% ;
    border-spacing:1%; 
    border-collapse: separate;
}
/*SLOGAN*/
header>img{
    display: inline-block;
    padding: none;
    margin: 1%,1%,1%,1%;
}
img>.Logo{}
.Logo{
    position: center;
    width: 80%;
    border: rgb(255, 166, 0) 2px solid;
    border-radius: 11px;
    height: 150px;
}
/*Menu*/
.nav{
    display: block;}
.menu{
    text-align: center;
    padding: 1%;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    border: 1px solid rgb(233, 13, 13);
    border-radius: 15px;
    
}
/*Les Links*/
ul>li>a{
    display: inline;
    text-align: center;
    color: inherit;

}
@keyframes change{
    0%{color: rgba(253, 0, 0, 0.842);}
    100%{color:rgba(0, 253, 0, 0.842);}
}
ul>li>a:hover{animation: change 1s infinite;}
.menu-element{
    color: rgba(27, 27, 27, 0.842);
    display: inline;
    text-align: center;
}
.elemnt-a-sous-menu{
    color: blue;
    display: inline;
    text-align: center;
}
#ouverte{color: rgba(225, 0, 255, 0.92);}
/*Partie Section*/

section 
{
    width: 90%;
    margin-left: 5%;margin-top:20px;margin-bottom: 20px;margin-right:5%;
    padding: auto,auto,auto,auto;
    text-align: center;
    border: 1px solid yellow; 	/* à enlever par la suite */ 
    display: block;
} 
article 
{ 
    display: inline-block;
    width: 50%;
    height: auto; 	
    background-color: #C0C0C0;
    color: black;	 
    text-align: justify; 	/* texte justifié (aligné à droite et à gauche) */ 
    vertical-align: top;
    border: 1px solid rgb(240, 12, 12);
} 
h1
{
    text-align: center;
    text-shadow: rgb(1, 87, 61);
    font-family: "Dracula";
    font-style: italic;
    border: 10px, solid, rgba(19, 18, 18, 0.096); 
}
p
{
    text-align: justify;
    font-family: "Distant Stroke";
    font-size:100%;
    margin: 1%,1%,1%,1%;
    
}
span
{ 
    font-style: italic;
    font-weight: bold;
    color:rgb(23, 80, 23);
    font-family: "AdineKirnberg";
    border-radius: 5px;
    border: 2px;
    padding: 3px;
    text-decoration: underline;
    text-decoration-color:blue;
    border: 1px solid rgb(32, 109, 13);
    background-color: lawngreen;
    
}
aside 	
{
    display: inline-block;
    width: 47%;
    height: inherit;
    color: white; 
    padding:5px;
    border: 1px solid rgb(109, 13, 21);
    
} 
.img1
{
    display: inline-block;
    width: 60%;
    height: inherit;
    margin-top: auto;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: auto;
    
    align-items: center;
    vertical-align: middle;
    
    /*width: fit-content;*/

    
}
.img2/*Slogan*/
{
    display: inline-block;
    width: 100%;
    height: inherit;
    overflow: scroll;
    margin-top: auto;
    margin-bottom: auto;
    
    align-items: center;
    vertical-align: middle;
    
}

/* pied-de-page */ 
footer 	
{
    display: inline-block;
    position: relative;
    text-align: center; 	/* signature alignée à droite */ 

    width: 28%;
    height: 100%;
    margin-left:  60%;
    margin-right: 10%;
    padding-left: 0%;
    padding-right: 2%;


    margin-bottom: 20px;
    margin-top: 0%;

    border: 2px solid rgb(134, 42, 9); 
    
    font-family: "Dracula";
    font-style: italic; 	/* en italique */ 
    color: rgba(253, 136, 18, 0.836);
    background-color: rgb(1, 12, 9);
    block-size: cover;
} 
/*Spe Contacts*/
Address{text-align: center;}
/*Spe Page Catégories*/
.menu-voitures{
    color: rgb(244, 248, 0);
    display: inline;
    text-align: none;
    text-decoration: none;
    
}
h1~ul>li{list-style: none;display: inline;width:100%;margin-left: auto;}
li>a:hover{animation: change 1s infinite;}
/*Spe 3 Pages Presentation*/
.fléches-left,.fléches-right{width: 9%;height: fit-content;}
.fléches-left{float: left;}
.h1-fléches{display: inline-block;width:40%;position: relative;text-align: center;vertical-align: top;margin-left: 20%;margin-right: 10%;}
.fléches-right{float: right;}
.clear{clear: both;height: 1%;}
/*Brouillon a faire et continuer*/
/*Spé Niveau*/
/*.Niveau{list-style: none;display: inline-block;width: 90%;margin-left: 3%;margin-right:5%;height: 5%;}
.Niveau>a{text-decoration: none;}
.Niveau:hover{animation: change 1s infinite;}*/