body{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*background-color: rgb(234, 153, 164);
	background: rgb(233, 190, 190); /* For browsers that do not support gradients */
    background-color: rgba(232,165,65,0.25);
	background: rgba(232,165,65,0.25); /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(rgb(190,203,233), rgb(36,52,103)); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(rgb(190,203,233), rgb(36,52,103)); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(rgb(190,203,233), rgb(36,52,103)); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(rgb(190,203,233), rgb(36,52,103)); /* Standard syntax */

    /* Avec dégradé */
    /*background: -webkit-linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* Standard syntax */

    /* Sans dégradé */
    /*background: -webkit-linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(rgba(232,165,65,0.5), rgb(220,81,81,0.3)); /* Standard syntax */

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Arial","Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 15px;
}

h1:after {
    content: '';
    display: block;
    width: 200px;
    height: 3px;
    /*background: linear-gradient(to right, #a6c1ee, #fbc2eb);*/
    background: linear-gradient(to right, rgba(232,165,65,0.8), rgba(17,157,143,0.7));
    margin: 8px auto 0;
    border-radius: 2px;
}

.titregene{
    border-bottom: 1px solid #cccccc;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

.paragraphe {
    text-align: justify;
    font-size: 1.15em;
    padding: 0px 10px;
}

.nom_titre{
    /*Le nom dans le titre */
    display: inherit;
    margin: -15px 0 0 0;
    padding: 30px 0 10px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 3em;
    font-weight: 700;
    line-height: normal;
    color: #fff; /*Couleur du nom dans l'entête*/
}

.sous_titre{
    /*Les éléments de l'entete en dessous du nom */
    display: inherit;
    margin: 0;
    padding: 10px 0 10px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: normal;
    /*color: rgb(36,52,103);*/
    color: rgba(17,157,143,0.7);
}

.nom_paragraphe{
    /*Les titres des paragraphes */
    display: inherit;
    margin: 0;
    padding: 10px 0 10px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 4em;
    font-weight: 700;
    line-height: normal;
    /*color: rgb(36,52,103);*/
    color: rgba(17,157,143,0.7);
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 1px;
}

.nom_sous_paragraphe{
    /*Les titres des sous-paragraphes */
    display: inherit;
    margin: 0 0 20px 0;
    padding: 10px 20px 10px;
    text-align: left;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 4em;
    font-weight: 700;
    line-height: normal;
    /*color: rgb(36,52,103);*/
    color: rgba(17,157,143,0.7);
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 1px;
    border-bottom: 1px solid #999999;
}


.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    /*background: #fff;*/
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
}

.nav-link{
    /* Liens du menu */
    font-size: 1.5em;
    /*color: rgb(36,52,103);*/
    color: rgba(17,157,143,0.7);
    margin: 0 15px 0 15px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;

}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.navbar-header .navbar-brand {
    height: 50px;
}

.headerimg {
    height: 0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.headerimg.scrolled {
    height: 75px;
    opacity: 1;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    margin-top:50px;
}

.telephone{
    all: unset;
    cursor: pointer;
    text-decoration-line: underline;
}

.telephone:hover{
    opacity:0.5;
    transition: all 0.3s ease-in-out;
}

.telephone_titre{
    all: unset;
    cursor: pointer;
}

.telephone_titre:hover{
    opacity:0.5;
    transition: all 0.3s ease-in-out;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(220,81,81,0.6);
    --bs-btn-border-color: rgba(220,81,81,0.7);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(220,81,81,0.3);
    --bs-btn-hover-border-color: rgba(220,81,81,0.4);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 2px 5px rgba(168, 208, 230, 0.3);
    border-radius: 20px;
    font-size: 0.85em;
  }

  .btn-primary:hover{
    background-color: rgba(220,81,81,0.3);
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(108, 142, 175, 0.4);
  }