* {
    box-sizing: border-box;
    margin: 0px;
    scroll-behavior: smooth;
    font-size: 1.2em;
  }
body::-webkit-scrollbar {
    width: 12px;
}
body::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 5px;
	background-color: var(--blue);
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #EEEEEE;
}

/* ------------------------------ 

Définitions des pâtes graphiques du site */

:root{
    --orange : #D66406;
    --white : #EEEEEE;
    --blue : #004AAD;
    --black : #282828;
    --blue-light : #B5C9D6;
    --orange-light : #E3D7CE;
    --font-title : 'Kodchasan', sans-serif;
    --font-text : 'Ubuntu', sans-serif;
    --size-title : calc(17px + 0.390625vw);
    --size-untitle : calc(16px + 0.390625vw);
    --size-text : calc(15px + 0.390625vw);
    --size-untext : calc(13px + 0.390625vw);
}

/* ------------------------------ */

section {
    background-color: var(--orange-light);
    text-align: center;
    padding: 5%;
    font-family: 'Ubuntu', sans-serif;
}
section img {
    width: 60%;
    padding: 3%;
}
.photo_lieu {
    width: calc(500px + 25vw);
    height: calc(300px + 20vh);
}
section h1 {
    font-family: 'Kodchasan', sans-serif;
    font-size:calc(20px + 0.590625vw);;
}
section h2 {
    padding-bottom: 2%;
    font-size: var(--size-title);
    font-family:'Kodchasan', sans-serif;
}
section p {
    padding-bottom: 2%;
    text-align: justify;
    font-size: var(--size-text);
}
.close {
    width: calc(50px + 1vw);
    padding: 0px;
}
.div_inscription {
    text-align: center;
    padding: 5%;
}
.inscription {
    background-color: var(--orange);
    color: var(--blue-light);
    border:none;
    border-radius: 15px;
    padding: 1% 6%;
    text-decoration: none;
    font-size: var(--size-title);
    transition: 0.5s;
}
.inscription:hover{
    background-color: var(--blue);
    color: var(--blue-light);
}
.contact_wk {
    font-family: var(--font-text);
    font-size: var(--size-text);
}
.contact_wk a {
    padding-left: 1%;
}
.contact_wk img {
    width: 3vw;
}
.faq {
    text-decoration: none;
    color: var(--orange);
}
.faq:hover {
    color: var(--blue);
    transition: 0.5s ;
}
/* ------------------------------ 

Footer */

footer {
    background-color: var(--blue-light);
    padding: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--size-untitle);
    font-family: var(--font-text);
}
footer a, footer p {
    font-size: var(--size-untext) ;
}
.rsx_scx {
    width: 15vw;
    align-items: center;
    display: flex;
    justify-content: center;
}
.rsx_scx img{
    width: 2.5vw;
}
.rsx_scx a {
    padding-left:8%;
}
.cp {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0px;
}
.cp img {
    width: 2vw;
    padding: 1%;
}
footer a {
    text-decoration: none;
    color: var(--black);
}

/* ------------------------------ */


/* ------------------------------ 

Responsive */
@media screen and (max-width: 700px) {
    .photo_lieu {
        width: calc(250px + 20vw);
        height: calc(150px + 10vh);
        padding: 0%;
    }
    footer {
        display: block;
        text-align: center; 
    }
    .rsx_scx {
        margin: auto;
    }
    .rsx_scx a {
        padding: 5%;
    }
    .rsx_scx img {
        width: 4vw;
    }
}