html {
    --coul1:#29235c;
    --coul2:#c8bca3;
    --coul3:#f6f1ec;
    --coul4:#2d307e;
    --coul5:#9e22af;
    --coul6:#c0bed9;
	margin: 0;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'poppins-medium';
    color: var(--coul4);
}
a, a:hover {
    text-decoration: none;
    color: var(--coul4);
}
b, bold{
    font-family: 'poppins-bold';
}
p{
    margin: 0;
}
h1,h2,h3,h4{
    padding: 0;
    margin: 0;
}
h1 {
    font-size: 1.4em;
    font-family: 'poppins-bold';
}
h2 {
    font-size: 1.4em;
    font-family: 'poppins-bold';
}
.visually-hidden, .sr-only, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.acces_direct{
    display: block;
    z-index: 100000;
    width: fit-content;
    position: absolute;
    left: 6px;
    top: 7px;
    font-size: 0.8em;
    text-decoration: none;
    background-color: #FFF;
    color: var(--coul1);
}
.acces_direct:focus {
    padding: 15px 23px 14px !important;
    width: inherit !important;
    height: inherit !important;
    clip: inherit !important;
}
.wrapper1{
    display: flex;
    justify-content: center;
    position: relative;
}
.wrapper2{
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.wrapper3{
    width: 100%;
    max-width: 1200px;
    position: relative;
    padding: 0 10px 3em;
    overflow: hidden;
}
.bg1{
    background-color: var(--coul1);
}
.bg2{
    background-color: var(--coul2);
}
.bg3{
    background-color: var(--coul3);
}
.coul1{
    color: var(--coul1);
}
.coul2{
    color: var(--coul2);
}
.coul3{
    color: var(--coul3);
}
.coul4{
    color: var(--coul4);
}
.coul5{
    color: var(--coul5);
}
.sujetHP{
	display: none!important;
}
.clignote{
	animation: clignote 2s infinite;
}
@keyframes clignote{
	0%   { opacity:1; }
	45%   {opacity:1; }
	50%   {opacity:0; }
	55%   {opacity:1; }
  	100% { opacity:1; }
}
.mw-700{
	max-width: 700px;
}
.btn-primary{
	background-color: var(--coul1);
	border: none!important;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header_logo{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 50px 20px 30px 20px;
}
#header_logo a{
    display: block;
    width: 50%;
}
#header_logo img{
    width: 100%;
}
#competences {
    padding: 0;
    padding-left: 40px;
    margin: 0;
    width: 50%;
    display: flex;
    justify-content:space-between;
}
#competences li{
    padding-left:20px;
}
#competences img{
    height: 18px;
}
#header_liens{
    position: absolute;
    top: 20px;
    right: 20px;
}
#header_liens a{
    color: var(--coul2);
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.1em;
}
#nav-principal ul, #nav-visuels ul{
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0;
}
#nav-principal li {
    width: 100%;
    text-align: center;
    padding: 0 5px;
}
#nav-principal a {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'poppins-bold';
    letter-spacing: 0.1em;
    font-size: 0.95em;
    color: var(--coul1);
    padding: 1em 0;
}
#nav-principal a.select {
    font-family: 'poppins-medium';
}
#nav-principal a:hover {
    color:var(--coul5);
}
#nav-principal p{
    padding: 0;
    margin: 0;
}
#nav-visuels img{
    width: 100%;
}
#nav-visuels li{
    padding: 0 5px;
}
#slick_btn{
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: transparent;
    padding-top: 8px;
}
#slick_btn img{
    width: 20px;
}
.signe1{
    width: 100%;
    max-width: 50px;
}
.liste_num li{
    display: flex;
    margin-top: 1em;
}
.liste_num li p:first-child {
    width: 50px;
    flex: 0 0 50px;
}
.liste_num li p:last-child {
    padding-top: 0.5em;
}
.liste_num li > p span:first-child{
    display: inline-block;
    font-size: 2.4em;
    color: var(--coul5);
}
.liste_num li > p span:last-child{
    font-size: 1.4em;
    color: var(--coul5);
}
.posAbs1{
    position: absolute;
    right: 0;
    bottom: -2.5em;
}
.illustr1{
    width: 130%;
}
.pave{
    padding: 2.5em 3em;
    border-radius: 1em;
    height: 100%;
    position: relative;
}
.pave1{
    background-color: var(--coul3);
}
.pave_spec1{
	margin: 0 calc(50% - 200px)!important;
}
.pave_h_auto{
	height: auto;
}
.phone-only{
	display: none;
}
.encart_kline{
	padding: 1em 1.5em;
	border: 1px solid var(--coul6);
	border-radius: 1em;
}
#fiche_contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 100px;
    text-align: center;
}
#fiche_contact h2{
    font-size: 1.6em;
    line-height: 1.4em;
}
#fiche_contact p{
    font-size: 1.2em;
    line-height: 1.4em;
}
#social{
    width: 100%;
    max-width: 200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
#social img{
    width: 40px;
}
.pave_1{
    margin: 0 30px;
    z-index: 10;
}
.pave_2{
    margin: 0 120px;
    z-index: 10;
}
.pave_l{
    margin-left: 50px;
}
.pave_r{
    margin-right: 50px;
}
#signe_1{
    position: absolute;
    bottom: -40px;
    left: -30px;
    width: 150px;
}
#signe_11{
    position: absolute;
	top: -110px;
    left: -70px;
    width: 150px;
}
#signe_2{
    width: 150px;
}
#signe_3{
    position: absolute;
    bottom: -40px;
    left: -100px;
    width: 130px;
}
#signe_4{
    width: 65px;
}
footer, footer a {
    color: #FFF;
}
footer > div {
    padding: 3em 1em;
}
#autres_liens a{
    font-size: 0.9em;
}
footer a:hover{
    color: var(--coul2);
}
@media only screen and (min-width: 576px) {
    .slick-list{
        width: 100%!important;
    }
}
@media only screen and (min-width: 768px) {
    .col-md-0{
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #fiche_contact{
        margin: 0 200px;
    }
}
@media only screen and (max-width: 768px) {
    .illustr1{
        display: none;
    }
}
@media only screen and (max-width: 576px) {
    #fiche_contact{
        margin: 0 50px!important;
    }
    footer .wrapper3 {
        padding-bottom: 6em;
    }
    #competences{
        display: none;
    }
    #header_logo a {
        width: 80%;
    }
    #signe_2{
        display: none;
    }
    .col-md-0{
        display: none;
    }
    .pave1 .text-end{
        text-align: left!important;
    }
    .pave_1, .pave_2, .pave_l, .pave_r{
        margin: 0;
    }
	.phone-only{
		display: block;
	}
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
   #signe_1{
    display: none;
   }
   #fiche_contact{
        margin: 0 100px;
    }
    footer .wrapper3 {
        padding-bottom: 4em;
    }
    #signe_4{
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 80px;
    }
}
@media only screen and (max-width: 991px) {
	#signe_11{
		display: none;
	}
	.image_seule{
		 padding: 0 50px;
	}
}
@media only screen and (min-width: 577px) and (max-width: 991px) {
    .pave_l, .pave_r, .pave_2{
        margin: 0 50px;
    }
}