/* ----------- general ---------------- */
.mobile{
    display: none;
	}
@media (max-width: 700px){
	.desk{
		display: none;
	}
	.mobile{
		display: block;
	}
}
.mainhr{
    margin: 4em 0 4em 0;
}

.defil-rtl {
    overflow: hidden;
    /*background-size: 50%;*/
    padding-top: 0.1em;
    font-size: 1em;
    color: #000;
    background-color: #9da58e;
    margin: 0 0 0.8em 0;
}
.defil-rtl p{
    font-family: 'Arsenal', sans-serif;
    margin: 0;
    padding: 0;
}
.defil-rtl > :first-child{
  display: inline-block;
  padding-right: 2em;  
  padding-left: 100%;   
  white-space: nowrap;   
  animation: defilement-rtl 25s infinite linear;
}
@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0); 
  }
  100% {
    transform: translate3d(-100%,0,0); 
  }
}

.banniere {
    overflow: hidden;
    /*background-size: 50%;*/
    font-size: 1em;
    color: #9da58e;
    margin: 0;
}
.banniere p{
    font-family: 'Arsenal', sans-serif;
    margin: 0;
    padding-top: 1em;
}
.banniere > :first-child{
  display: inline-block;
  padding-right: 2em;  
  padding-left: 100%;   
  white-space: nowrap;   
  animation: banniere-rtl 15s infinite linear;
}
@keyframes banniere-rtl {
  0% {
    transform: translate3d(0,0,0); 
  }
  100% {
    transform: translate3d(-100%,0,0); 
  }
}
/* --------- INDEX -------- */
#francoeur{
    font-family: 'Arsenal', sans-serif;
}
#francoeur h1{
    font-size: 5vw;
    margin: 17vw 0 0 0;
}
#francoeur h2{
    font-size: 3vw;
}
#francoeur a{
    text-decoration: none;
    color: #9da58e;
}
.voeux h2{
    font-size: 2em;
    font-family: 'Arsenal', sans-serif;
    color: #9da58e;
    text-align: center;
}
@media (max-width: 700px){
	.voeux h2{
        font-size: 1em;
        padding: 1em;
	}
}
#francoeur a:hover{
    color: #5f6759;
}
.studiofrancoeur img{
    height:32vw;
}
.studiofrancoeur{
    height: 28vw;
    margin-bottom: 2.5vw;
    text-align: left;
}
/* +++++ mobile ++++++ */
.studio2023 img{
    border-radius: 0.8em;
    margin: 1em 0 1em 0;
}
.studio2023 a{
    color: #5f6759;
    text-decoration: none;
}
.studio2023 a:hover{
    color: #9da58e;
}
.studio2023 h2{
    font-size: 1.4em;
    font-family: 'Arsenal', sans-serif;
    padding: 0.5em 0 0.5em 0;
}

/* -------- NAVDM -------- */
.chapdm a{
    font-family: 'Arsenal', sans-serif; 
	text-decoration: none;
	color: #9da58e;
    padding: 0.5vw 1vw 0.5vw 1vw;
    font-size: 2vw;
}
.chapdm1{
    font-family: 'Arsenal', sans-serif; 
	color: #9da58e;
    padding: 0vw 1vw 0.5vw 1vw;
    font-size: 2em;
}
.chapdm a:hover {
    border-bottom: solid #edd405 1px;
    text-decoration: none;
	color: #9da58e;
}
/* +++++ mobile ++++++ */
.menubut button{
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.menubut{
   margin: 0.5em 0 0.5em 0;
    height: 60px;
    display: flex;
    align-items: center;
}
.menubut h2{
    font-family: 'Arsenal', sans-serif;
    font-size: 6vw;
}
.menubut h2 a, #men a{
    color: #5f6759;
    text-decoration: none;
}
#men a{
    font-size:3vw;
        font-family: 'Arsenal', sans-serif; 
}
hr.csmen {
    border: 0;
    border-top: 1px solid #edd405;
    margin: 0;
}
#men{
    display: none;
    height: 3em;
    margin-top: -2px;
    background-color: #fff;
}
#men h1{
    margin-top: 0.2em;
}
#men a:hover, .menubut a:hover{
color: #edd405;
}

/* -------- ACTUS -------- */
.titredm{
    height: auto;
    text-align: center;
    font-family: 'Arsenal', sans-serif;
    color: #5f6759;
    letter-spacing: 0.1em;
    border-bottom: 8px solid #edd405;
    margin: 0 1em 3em 1em;

}
.titredm h5{
    font-size: 9vw;
    margin: 0;
    padding: 0;
}
#colab button{
    background-color: #fff;
    border: none;
    text-decoration: underline;
}
#colab p{
    color: #666;    
    padding: 2em;
    margin-bottom: 6em;
}
#colab img{
    box-shadow: 6px 6px 15px 8px #CCC;
}
#colab h4{
    color: #9a9ea1;
    font-size: 3em;
    margin-bottom: 1em;
    margin-top: -1em;
}
#colab a{
    color: #5f6759;
    text-decoration: underline;
}
#colab a:hover{
    color: #9da58e;
}
#presse h4{
    font-family: 'Arsenal', sans-serif;
    color: #9da58e;
    font-size: 3em;
    margin-bottom: 1em;
    margin-top: -1em;
}
/* Popup container */
.popup {
    /**/
  display: inline-block;
  cursor: pointer;
        margin-bottom: -20em;

}
/* The actual popup (appears on top) */
.popup .popuptext {
 position: relative;
    visibility: hidden;
     top: -250px;
    left: 0em;
    border: solid #ccc 1px;
    border-radius: 1em;
    padding: 0.4em;
  /*width: 16em;
  color: #ccc;
  text-align: center;
  
    font-size: 2em;
    color: #999;
    text-align: right;
  position: absolute;
    background-color: #FFF;
  z-index: 1;
 */
}
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}
#contact {
    font-family: 'Arsenal', sans-serif;
    color: #9da58e;
}
#contact h4{
    color: #9da58e;
    font-size: 3em;
    margin-bottom: 1em;
    margin-top: -1em;
}
.main-atelier-form{
    padding: 1em;
    color: #9da58e;
    border: solid #9da58e 1px;
    font-family: 'Arsenal', sans-serif;
}
.form-control{
    margin: 0 0 1em 0;
}

/* -------- PORTRAIT -------- */
#main-daniel {
    font-family: 'Arsenal', sans-serif;
}
#main-daniel p{
    color: #666;
    text-align: justify;
}
.portrait-photo img{
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
}
.portrait-atelier {
    margin: 4em 0 0 0;
    padding-left: 0.5em;
}
.portrait-atelier img{
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
}
.mybtn2{
    background-color: #9da58e;
    padding: 0.2em 1em 0.2em 1em;
    border: solid #9da58e 1px;
    color: #fff;
    border-radius: 5px;
    font-size: 1em;
    box-shadow: 3px 3px 2px 1px rgba(152, 152, 152, .4);
}
.mybtn2:hover{
    background-color: #fff;
    color: #9da58e;
    border: solid #9da58e 1px;
}
.mybtn2 a{
    color: #fff;
    text-decoration: none;
}
.mybtn2 a:hover{
    color: #9da58e;
}
#form-colab{
    display:none;
}

/* -------- COLLECTIONS -------- */
#crea2024b, #crea2023, #crea2022b, #crea2021, #maincrea1, #maincrea2, #maincrea3 {
    display: none;
    margin-top: -4em;
}
.voirplus{
    text-align: center;
    margin-top: 2em;
}
.voirplus button{
    background-color: #edd405;
    color: #000;
    border-radius: 5px;
    border: 2px solid #edd405;
}
.voirplus button:hover{
    background-color: #FFF;
}
.blanc{
    background-color: #fff;
    height: 4em;
    display: block;
}

/* -------- SHOP -------- */
#main-shop{
    font-family: 'Arsenal', sans-serif;
}
#main-shop p{
    color: #5f6759;
}
.achat p{
    text-align: center;
}
.store{
    color: #9da58e;
    /*border: solid #ecced0 2px;*/
    border: solid #edd405 2px;
    display: block;
  border-radius: 1em;
    padding: 2em 0 0 0;
}

/* -------- ATELIER -------- */
#studioadultes{
    font-family: 'Arsenal', sans-serif;
    color: #9a9ea1;
}
#studioadultes h3{
    font-family: 'Arsenal', sans-serif;
    font-size: 2em;
    padding-top: 1em;
}
.titrecs{
    height: 10vw;
    text-align: center;
    font-family: 'Arsenal', sans-serif;
    color: #fff;
    background-color: #9da58e;
   /* margin-top: -10em;*/
}
.titrecs h5{
    font-size: 8vw;
    margin: 0;
}
.titrecs p{
    font-size: 2vw;
    margin: 0;
}
.dispo{
    width: 80%;
}
/* -------------- INSCRIPTION ---------- */
@media (max-width: 768px) {
    #inscrip .titrecs{
        height: 10vw;
    }
    .jourcal{
    font-size: 0.6em;
    }
}
.bold{
    font-weight: bolder;
}
.tit{
    font-size: 1.2em;
    font-style: italic;
    text-align: center;
    background-color: #9da58e;
    margin-bottom: 1em;
}
.tex{
    font-size: 1em;
    font-style: italic;
    border-top: solid #9da58e 1px;
}
.jourcal{
    border-bottom: solid #9da58e 1px;
    margin-bottom: 1em;
}
.jourcal span{
    width: 20em;
}
.comp{
    background-color: #9da58e;
    text-align: center;
}
.noe{
    background-color: #fff;
    text-align: center;
    color: red;
}
.calend span{
    font-size: 1em;
    width: 20em;
    padding: 0.5em 0 0.5em 0;
    margin-bottom: 0.5em;
}
@media (max-width: 768px) {
    .calend span{   
        font-size: 0.6em;
        width: 8em;
    }
    .tex, .tit{   
        font-size: 0.6em;
    }

}
.month p{
    background-color: #9da58e;
    text-align: center;
    padding: 0.5em;
    font-size: 2vw;
}
.disp{
    border-bottom: solid #ccc 1px;
}
.disp span{
    padding: 0.7vw 2vw 0 2vw;
    width: 17vw;
    text-align: center;
    background-color: #9da58e;
    font-size: 1.5vw;
    margin-right: 1vw;
}
.disp div{
    padding: 0.5em 0.5em 0 0.5em;
    width: 6em;
    text-align: left;
}
.disp p{
    padding: 1em 0 0 0;
    margin: 0;
    text-align: center;
    width: 42vw;
    font-style: italic;
    font-size: 1.4vw;
}
.disp h4{
    padding: 0.5em 0 0.5em 0;
    margin: 0;
    text-align: center;
    width: auto;
    font-size: 2.2vw;
}
.top span{
    font-size: 1em;
    background-color: blue;
}

.inscription{
    color: #9a9ea1;
    font-family: 'Arsenal', sans-serif;
}
.inscription td {      
    padding:  0.3em;
    background-color: #9da58e;
    text-align: center;
    color: #000;
}
.inscription p {      
    font-size: 2vw;
    text-align: center;
    padding-top: 1em;
}
.calendrier table{
    width: 100%;
    height: auto;
    
}
.calendrier p {      
    font-size: 1.3em;
    color: #fff;
    text-align: center;
    margin: 0;
}
.inscription span {      
    font-size: 1.3em;
}
.inscription a{
    color: #666;
    text-decoration: underline;
}
.inscription a:hover{
    color: #9a9ea1;
}
.nop{      
    background-color: #9a9ea1;
    display: block;
}
.nop p{      
    color: #fff;
    font-size: 0.5em;
}
.resa {
    background-color: #9da58e;
        border-radius: 5px;

}
.titre5{
    height: auto;
    text-align: center;
    font-family: 'Arsenal', sans-serif;
    color: #fff;
    background-color: #9da58e;
    letter-spacing: 0.1em;
    margin: 6em 0 0 0;
}
.titre5 h5{
    font-size: 6em;
}
.jour, .date, .mois, .mail{
    height: 2em;
    font-style: italic;
    text-align: center;
    border-radius: 5px;
    border: solid #9da58e 1px;
}
.jour, .mois{
    width: 9em;
}
.date{
    width: 3em;
}
.mail{
    width: 14em;
}
.jdm{
    font-size: 0.7em;
}
.mybtni{
    background-color: #9da58e;
    padding: 0.2em 1em 0.2em 1em;
    border: solid #000 1px;
    color: #000;
    border-radius: 5px;
    font-size: 1em;
    box-shadow: 3px 3px 2px 1px rgba(152, 152, 152, .6);
}
.mybtni:hover{
    background-color: #fff;
    color: #8fbc8f;
    border: solid #8fbc8f 1px;
}
/* -------- INSCRIPTION ----------- RESPONSIVE--- */
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
    .month{
        padding: 0.2em;
        font-size: 1.2em;
        margin: 1em 0 0.2em 0;
    }
    .disp span{
        font-size: 0.9em;
    }
    .disp div{
        width: 5em;
        font-size: 0.9em;
    }
    .disp p{
        font-size: 0.6em;
    }

    .top span{
        font-size: 0.6em;
        padding: 1.5vw 0 0 0;
    }
}
@media (max-width: 576px) {
    .top, .top span{
    font-size: 0.8em;
}
    .titre5 h5{
    font-size: 2.5em;
    }
    .inscription p{
    font-size: 1em;
    }
    .mybtni{
    margin: 1em 0 0 0;
    }
    .jour, .date, .mois, .mail{
    font-size: 1em;
    }
    .nop p{
        font-size: 0.5em;
    }
}
/* ------ INSCRIPTION ------------- MERCI --------- */
.mercifrancoeur p{
    height: auto;    
    font-family: 'Arsenal', sans-serif;
    background-color: #9da58e;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    padding: 1em 0 1em 0;
}
/* -------- FOOTER -------- */
.ifoot{
    height: 500px;
    border: none;
    width: 100%;
}
footer {
    font-family: 'Arsenal', sans-serif;
    height: auto;
    border-top: 1px solid #edd405;
    padding-top: 1.4em;
}
.bas1 {
    height: auto;
    padding-left: 4em;
}
.bas1 h4{
    color: #5f6759;
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
}
.bas1 li{
    height: 1.5em;
    padding-left: .5em;
}
.bas1 li a{
    font-size: 1em;
    color: #9da58e;
    text-decoration: none;
}
.bas1 li a:hover{
    color: #5f6759;
    text-decoration: none;
}
/* +++++ mobile ++++++ */
@media (max-width: 576px) {
        
}