html 
        {
          scroll-behavior: smooth;
        }
                
        h1
        {
            margin-top:5px;
            height:40px;
            
        }
        
        
        .btprix.selected
        {
        	background-color : #a4f9a4;
        }
        
        
        
        .bouton
        {
            display: inline-block;
            vertical-align: top;
            width:auto;
        }
        
        #conteneurPages
        {
        width: 100%;
        height: calc(100vh - 205px);
        }
        
        .page 
        {
        	width: 100%;
        	height: 100%;
        	overflow-x:hidden;
            overflow-y:auto;
        	flex: none;
        	scroll-snap-align: center;
        	background-color: #000000;
        	color:#FFFFFF;
        	position:relative;
        }
        
        .page.cache
        {
            display:none
        }
        
        #titremoisencours
        {
            position:relative;
        }

        .blanc, .noir
        {
            padding:8px;
            border-radius:5px;
            font-size: 1.2em;
        }
        
        .blanc
        {
            background-color: #FFFFFF;
            color:#000000;
        }
        
        .noir
        {
            background-color: #000000;
            color:#FFFFFF;
        }
        
        .prixforme
        {
            height:50px;
            width:90px;
            margin:10px;
        }
        
        
        .prixforme.selected
        {
           background-color: #a4f9a4;
        }
        
        
        .jourMoisCalendrier {
	width: 13%;
	_min-width: 100px;
	height: 60px;
	margin: 0.1%;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align: top;
	color:#000000;
}
 
 .boutonCalendrier
 {
    position:absolute;
    top:2px;
 }       

 .jourMoisCalendrier:hover 
 {
  background-color: #b8f9f7;
 }
 
 .jourMoisCalendrier.selected 
 {
  background-color: #a4f9a4;
  color:#000000;
 }
 
 .forme
 {
    height:50vh;
    width:90%;
    margin:10px auto;
    background-color: #FFFFFF;
    border:1px solid #000000;
    color:#000000;
    padding:15px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 320px;
 }
 
 .forme.selected
 {
    background-color: #a4f9a4;
    color:#000000;
 }
 
 .forme div
 {
    font-size: 1.5em;
 }
 
 .forme img
 {
    height:80%;
 }
 
 .fleur img
 {
    height:75%;
    width:auto;
 }
 
 .fleur {
	height: 30vh;
	display: inline-block;
	vertical-align: top;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color:#000000;
	margin: 5px;
}

.recapfleur
{
    display: inline-block;
    vertical-align: top;
    margin:5px;
    border:1px solid #FFFFFF;
    padding:5px;
}

.recapfleur img
{
    height:80px;
}

 .fleur.selected {
    background-color: #a4f9a4;
 }
 
 #ongletsFleurs
 {
    height:52px;
    border-bottom:1px solid #FFFFFF;
 }
 
 #ongletsFleurs ul
 {
    margin:0px;
    padding:0px;
 }
 
 #ongletsFleurs ul li
 {
    display: inline-block;
    vertical-align: top;
    padding:5px;
    border:1px solid #FFFFFF;
    width:32%;
 }
 
 #ongletsFleurs ul li.selected 
 {
    background-color: #a4f9a4;
    color:#000000; 
 }
 
 #pagesFleurs
 {
    height:calc(100% - 140px);
    overflow:hidden;
 }
 
 .pageFleurs
 {
    height:100%;
    overflow:auto;
 }


.horairelivraison
{
	width:32%;
	margin:5px;
}

#recapPrix
{
	font-size:24px;
}

#recapPrix table
{
	text-align:left;
	width:auto;
	margin:auto;
}

#recapPrix table td
{
	padding:5px;
}

#recapPrix table tr:nth-child(3) td
{
	border-top:1px solid #FFFFFF;
}

#prixBouquet,
#prixLivraison,
#netapayer
{
	text-align:right;
}


.horairelivraison.selected
{
	background-color: #a4f9a4;
    color:#000000; 
}