/* CACHED  /var/www/vhosts/elodieguivarch.com/httpdocs/__cache/elodie.css */
/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2023
 /var/www/vhosts/elodieguivarch.com/httpdocs/elodie.css - lang fr - version 16/10/2023 09:37:12

 Copyright (c)  MVP - All Rights Reserved
 Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 MVP, 2019
*/

body
{
background:F0F0F0 ;
font-family:Quicksand ;
font-size:1.0rem ;
margin:0 ;
}

#onePageSite
{
}

#onePageSite >div:nth-child(2n-1)
{
background:#f5f4f5 ;
}

#onePageSite .presentation
{
font-family: BreeSerif ;
font-size:1.2rem ;
}

#onePageSite .presentation span
{
display:block ;
font-size:0.9rem ;
}

#onePageSite #header
{
display:flex ;
justify-content:space-between ;
align-items:center ;
font-family: BreeSerif ;
}

#onePageSite #header #menu
{
display:flex ;
flex-direction:column ;
}

#onePageSite #header #menu a
{
display:flex ;
align-items:center ;
text-decoration:none ;
color:#ccc8cb ;
height:65px ;
font-size:1.2rem ;
transition:color ease 600ms ;
}

#onePageSite #header #menu a img
{
box-sizing:border-box ;
width:65px ;
height:65px ;
margin-right:10px ;
transition:all ease 600ms ;
}

#onePageSite #header #menu a:nth-child(1) img
{
background:#ccc8cb ;
}

#onePageSite #header #menu a:nth-child(2) img
{
background:#dbd8db ;
}

#onePageSite #header #menu a:nth-child(3) img
{
background:#e3e1e2 ;
}

#onePageSite #header #menu a:nth-child(4) img
{
background:#ebe9ea ;
}

#onePageSite #header #menu a:hover
{
color:black ;
transition:color ease 300ms ;
}

#onePageSite #header #menu a:hover img
{
background:#c5037a ;
transition:all ease 300ms ;
}

#onePageSite #header .logo
{
width:100px ;
height:100px ;
}

#onePageSite #header .presentation
{
padding-right:50px ;
text-align:right ;
color:#1e1e1c ;
}

#onePageSite #header .presentation span
{
color:#c5037a ;
}

#onePageSite #header .presentation span nc
{
color:#1e1e1c ;
}

#onePageSite >.bloc
{
width:100% ;
box-sizing:border-box ;
padding:35px 100px 0;
padding-left:calc(50% - 465px) ;
padding-right:calc(50% - 465px) ;
}

#onePageSite >.bloc titre
{
font-size:2rem ;
font-family:BreeSerif ;
margin-bottom:30px ;
display:block ;
}

#onePageSite >.bloc c
{
color:#c5037a ;
}

#onePageSite >.bloc .retourHaut
{
display:block ;
margin:auto ;
width:35px ;
height:35px ;
background-image:url(__album/fleche.svg) ;
background-repeat:no-repeat ;
background-size:35px 35px ;
transform:rotate(90deg) ;
transition:width linear 200ms ;
}

#onePageSite >.bloc .retourHaut:hover
{
width:45px ;
transition:width linear 200ms ;
}

#onePageSite #projets
{
position:relative ;
}

#onePageSite #projets .catMenu
{
}

#onePageSite #projets .catMenu .bar
{
margin-bottom:15px ;
border-top:1px solid black ;
display:flex ;
justify-content:space-around ;
}

#onePageSite #projets .catMenu .bar #carre
{
position:absolute ;
width:10px ;
height:10px ;
margin-top:-6px ;
margin-left:-6px ;
border:solid black 1px ;
background:black ;
transition:all ease 400ms ;
z-index:3 ;
display:none ;
}

#onePageSite #projets .catMenu .bar .choice
{
position:relative ;
height:100% ;
padding-top:26px ;
text-align:center ;
margin:-6px 5px 0;
}

#onePageSite #projets .catMenu .bar .choice:hover
{
color:#c5037a ;
cursor:pointer ;
}

#onePageSite #projets .catMenu .bar .choice:before
{
content:'' ;
position:absolute ;
margin-top:0px ;
margin-left:-6px ;
top:0 ;
left:50% ;
display:inline-block ;
height:10px ;
width:10px ;
background:white ;
border:1px solid black ;
z-index:2 ;
}

#onePageSite #projets .categorie
{
}

#onePageSite #projets .categorie .accrochesContainer
{
width:100% ;
text-align:center ;
display:flex ;
flex-direction:column ;
justify-content:space-between ;
}

#onePageSite #projets .categorie .accrochesContainer .ligne
{
display:flex ;
flex-direction:row ;
justify-content:space-between ;
margin:20px 0px ;
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche
{
position:relative ;
cursor:pointer ;
width:calc(30% - 10px) ;
overflow:hidden ;
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche img
{
width:100% ;
height:100% ;
object-fit:cover ;
transition:all 0.4s ease;
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche filtre
{
display:flex ;
display:flex ;
align-items:center ;
justify-content:center ;
width:100% ;
height:100% ;
top:0 ;
left:0 ;
z-index:5 ;
background:rgba(195,0,121,0.5) ;
position:absolute ;
text-align:center ;
opacity:0 ;
transition:all 0.3s ease;
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche filtre div
{
color:white ;
font-family:BreeSerif ;
font-size:1.1rem ;
margin:0px 20px ;
padding:5px 0 ;
border-top:1px solid white ;
border-bottom:1px solid white ;
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche:hover
{
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche:hover img
{
transform:scale(1.1) ;
transition:all 0.6s ease;
}

#onePageSite #projets .categorie .accrochesContainer .ligne .accroche:hover filtre
{
opacity:1 ;
transition:opacity 0.5s ease 0.3s;
}

#onePageSite #projets .categorie .accrochesContainer .ligne:not(.open):nth-child(n+3)
{
display:none ;
}

#onePageSite #projets .categorie #plus
{
color:#c5037a ;
cursor:pointer ;
background-image:url(__album/plus.svg) ;
background-repeat:no-repeat ;
background-position: left center ;
background-size:30px 30px ;
padding-left:40px ;
min-height:30px ;
display:inline-block ;
line-height:30px ;
}

#onePageSite #projets .categorie #plus.cache
{
display:none ;
}

#onePageSite #projets .categorie #plus:hover
{
opacity:0.8 ;
}

#onePageSite #projets .diapo
{
display:none ;
margin:35px 0 20px 0;
}

#onePageSite #projets .diapo .imagesContainer
{
}

#onePageSite #projets .diapo .imagesContainer .imageDetail
{
display:none ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .image
{
padding:0 60px ;
position:relative ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .image img
{
background:black ;
width:100% ;
xheight:500px ;
object-fit:contain ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .image .next, #onePageSite #projets .diapo .imagesContainer .imageDetail .image .previous
{
position:absolute ;
display:block ;
z-index:10 ;
cursor:pointer ;
background-image:url(__album/fleche.svg) ;
background-repeat:no-repeat ;
background-size:35px 35px ;
background-position:center left ;
height:100% ;
width:50% ;
top:0 ;
transition:all ease 300ms ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .image .next
{
right:0 ;
text-align:right ;
transform:rotate(180deg) ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .image .previous
{
left:0 ;
text-align:left ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .image .next:hover, #onePageSite #projets .diapo .imagesContainer .imageDetail .image .previous:hover
{
opacity:0.8 ;
transition:all ease 300ms ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .legend
{
margin:20px 60px ;
background:#f5f4f5 ;
padding:20px ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail .legend .client >span, #onePageSite #projets .diapo .imagesContainer .imageDetail .legend .mission > span
{
font-weight:bold ;
}

#onePageSite #projets .diapo .imagesContainer .imageDetail.current
{
display:block ;
}

#onePageSite #projets .close
{
box-sizing:border-box ;
right:calc(50% - 465px) ;
top:35px ;
height:35px ;
width:35px ;
line-height:35px ;
padding-right:35px;
overflow:hidden ;
background-image:url(__album/fleche.svg) ;
background-repeat:no-repeat ;
background-size:35px 35px ;
background-position:center right ;
display:block ;
position:absolute ;
background-color:#c5037a ;
color:transparent ;
cursor:pointer ;
transition:width ease 600ms ;
}

#onePageSite #projets .close:hover
{
width:100px ;
padding:0 35px 0 10px;
color:white ;
transition:all ease 600ms ;
}

#onePageSite #projets.vueDiapo
{
}

#onePageSite #projets.vueDiapo .categorie
{
display:none ;
}

#onePageSite #projets.vueDiapo .diapo
{
display:block ;
}

#onePageSite #engagement
{
}

#onePageSite #engagement .contenuEngagement
{
}

#onePageSite #engagement .contenuEngagement a
{
text-decoration:none ;
display:inline-flex ;
align-items:center ;
color:#c5037a ;
}

#onePageSite #engagement .contenuEngagement a img
{
margin-right:10px ;
}

#onePageSite #engagement .contenuEngagement a:hover
{
text-decoration:underline ;
}

#onePageSite #engagement .contenuEngagement li
{
margin-left:15px ;
}

#onePageSite #clients
{
}

#onePageSite #clients .listeClients
{
margin-top:10px ;
}

#onePageSite #clients .listeClients .colonne
{
vertical-align:top ;
}

#onePageSite #clients .listeClients .etvous
{
color:#c5037a ;
text-transform:uppercase ;
font-weight:bold ;
}

#onePageSite #clients .chiffres
{
}

#onePageSite #clients .chiffres .soustitre
{
font-size:1.2rem ;
font-family:BreeSerif ;
margin:15px 0;
display:block ;
}

#onePageSite #clients .chiffres .stats
{
display:flex ;
flex-wrap:wrap ;
}

#onePageSite #clients .chiffres .stats .stat
{
flex-basis:50% ;
flex-grow:1 ;
min-width:300px ;
}

#onePageSite #clients .chiffres .stats .stat .stattitre
{
color:#c5037a ;
text-transform:uppercase ;
font-size:1.2rem ;
}

#onePageSite #clients .chiffres .stats .stat >div
{
font-size:1.05rem ;
line-height:0.9 ;
margin-bottom:20px ;
}

#onePageSite #clients .chiffres .stats .stat >div >span
{
display:block ;
font-size:1.8rem ;
}

#onePageSite #contact
{
padding-bottom:35px ;
}

#onePageSite #contact #coordonnees
{
padding:5px 0 ;
margin-right: 40px ;
}

#onePageSite #contact >div
{
display:flex ;
flex-wrap:wrap ;
}

#onePageSite #contact >div *
{
box-sizing:border-box ;
}

#onePageSite #contact >div form
{
flex-grow:1 ;
max-width:400px ;
text-align:right ;
}

#onePageSite #contact >div form input, #onePageSite #contact >div form textarea
{
width:calc(100% - 5px) ;
display:block ;
border:1px solid black ;
font-family:Quicksand ;
font-size:1rem ;
margin:5px ;
padding:5px ;
}

#onePageSite #contact >div form textarea
{
resize:none ;
height:80px ;
}

#onePageSite #contact >div form button
{
color:white ;
background:black ;
border:none ;
padding:10px ;
font-family:Quicksand ;
font-size:1rem ;
cursor:pointer ;
}

#onePageSite #contact >div form button:hover
{
opacity:0.8 ;
}

#onePageSite .footer
{
background:#1e1e1c ;
color:white ;
padding:20px ;
display:flex ;
justify-content:space-between ;
flex-wrap:wrap ;
}

#onePageSite .footer .logocontainer
{
display:flex ;
margin-bottom:10px ;
}

#onePageSite .footer .logocontainer .logo
{
width:50px ;
height:50px ;
margin:5px ;
}

#onePageSite .footer .logocontainer .presentation
{
padding-left:15px ;
}

#onePageSite .footer .logocontainer .presentation span
{
}

#onePageSite .footer .logocontainer .presentation span nc
{
color:#959595 ;
}

#onePageSite .footer .blocpresContainer
{
display:flex ;
justify-content:space-around ;
xflex-wrap:wrap ;
flex-basis:calc(75% - 10px);
flex-grow:1 ;
}

#onePageSite .footer .blocpresContainer .blocpres
{
padding-bottom:15px ;
}

#onePageSite .footer .blocpresContainer .blocpres >a
{
color:#959595 ;
font-weight:0.6rem ;
margin-left:15px ;
display:block ;
font-family:calibri ;
}

@media screen and (max-width: 990px)
{
#onePageSite .bloc
{
padding-left:30px ;
padding-right:30px ;
}

#onePageSite #projets .diapo .close
{
right:30px ;
}

}

@media screen and (max-width: 600px)
{
#onePageSite #header
{
align-items:flex-start!important ;
}

#onePageSite #header .logo
{
position:absolute ;
top:0 ;
left:0 ;
height:65px!important ;
width:65px!important ;
}

#onePageSite #header #menu
{
margin-top:65px ;
}

#onePageSite #header .presentation
{
padding:10px ;
}

#onePageSite >.bloc
{
padding:20px 40px 0;
}

#onePageSite #projets .diapo .close
{
top:20px ;
right:40px ;
}

#onePageSite #clients .listeClients
{
height:auto ;
}

#onePageSite #projets .diapo .legend
{
margin:20px 0 !important ;
}

}

@media screen and (max-width: 800px)
{
#onePageSite .footer .blocpresContainer
{
flex-direction:column ;
}

}