body{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

@media (max-width : 991px){
	#commentaires{
		width: 410px !important; 
	}
	.jeSuis{
		max-width: 100% !important;
	}
	
	.btnRadioJeSuis1{
		margin-right: 15px;
		margin-bottom: 0.5rem;
	}
	
	.btnRadioJeSuis2{
		margin-right: 8px;
		margin-bottom: 0.5rem;
	}
	
	.maReception{
		max-width: 100% !important;
	}
	
	#jeChoisiAussi{
		max-width: 100% !important;
	}
	
	.divDateReception{
		margin-bottom: 1rem;
	}
	
	.heureDebutReception{
		margin-right: 49px;
		margin-bottom: 1rem;
	}
	
	.heureFinReception{
		margin-left: 21px;
		margin-bottom: 1rem;
	}
	
	.labelHeureFinReception{
		margin-left: -49px;
	}
	
	.JOrganise{
		max-width: 100% !important;
	}
	
	.pictoCocktail{
		margin-bottom: 4rem !important;
	}
	
	.pictoBuffet{
		margin-bottom: 4rem !important;
	}
	
	.pictoRepas{
		margin-bottom: 2rem !important;
	}
	
	.JeChoisiUnePrestationSuivante{
		max-width: 100% !important;
	}
	
	.classMesCoordonnees{
		text-align: center;
	}
	
	.classLeLieu{
		text-align: center;
	}
	
	.MesCoordonnesTitre{
		margin-left: 0px;
	}
	
	.LeLieuTitre{
		margin-left: 0px;
	}
	
	.LeLieuEstLAdresse{
		margin-left: -195px;
	}
	
	.OuNouveauLieu{
		margin-left: -223px;
	}
	
	.MesCoordonnesTitre{
		margin-left: 0px !important;
	}
	
	.LeLieuTitre{
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1515px){
    .dateReception{
        max-width: 124px;
    }
    
    .nbPersonnesReception{
        max-width: 124px;
        margin-left: -24px;
    }
    
    #commentaires{
        max-width: 455px;
    }
    
    #divOptionsTraiteur{
        margin-left: 55px;
    }
    
    #societe{
        max-width: 219px;
    }
    
    #nom{
        max-width: 219px;
    }
    
    #prenom{
        max-width: 219px;
    }
    
    #adresse{
        max-width: 219px;
    }
    
    #cp{
        max-width: 219px;
    }
    
    #ville{
        max-width: 219px;
    }
    
    #email{
        max-width: 219px;
    }
    
    #telephone{
        max-width: 219px;
    }
    
    #nom_du_lieu{
        max-width: 219px;
    }
    
    #contact{
        max-width: 219px;
    }
    
    #adresse2{
        max-width: 219px;
    }
    
    #cp2{
        max-width: 219px;
    }
    
    #ville2{
        max-width: 219px;
    }
    
    #email2{
        max-width: 219px;
    }
    
    #telephone2{
        max-width: 219px;
    }
    
    .h2MesCoordoonees{
        margin-left: -135px;
    }
}

.jeSuis{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #eceeef;
	border-radius: .3rem;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}

.jeSuisTitre{
	color: #2793D3;
	padding-bottom: 1rem;
}

.maReception{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #eceeef;
	border-radius: .3rem;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}

.jeChoisiAussi{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #eceeef;
	border-radius: .3rem;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}

.maReceptionTitre{
	color: #2793D3;
	padding-bottom: 1rem;
}

.dateReception{
	border: none;
	border-radius: .3rem;
	width: 200px;
}

.heureDebutReception{
	border: none;
	border-radius: .3rem;
	width: 100px;
}

.heureFinReception{
	border: none;
	border-radius: .3rem;
	width: 100px;
}

.nbPersonnesReception{
	border: none;
	border-radius: .3rem;
	width: 200px;
}

.JOrganise{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #eceeef;
	border-radius: .3rem;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}

.JOrganiseTitre{
	color: #2793D3;
	padding-bottom: 1rem;
}

.pictoCocktail{
	background: url(img/pictoCoktail.png);
    repeat: no-repeat;
    border-radius: 81px;
    width: 130px;
    height: 130px;
    margin: auto;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
}

.pictoBuffet{
	background: url(img/pictoBuffet.png);
    repeat: no-repeat;
    border-radius: 81px;
    width: 130px;
    height: 130px;
    margin: auto;
    background-repeat: no-repeat;
}

.pictoRepas{
	background: url(img/pictoRepas.png);
    repeat: no-repeat;
    border-radius: 81px;
    width: 130px;
    height: 130px;
    margin: auto;
    background-repeat: no-repeat;
}

#checkboxNatureCocktail{
	display: none;
}

#checkboxNatureBuffet{
	display: none;
}

#checkboxNatureRepas{
	display: none;
}

.JeChoisiUnePrestationSuivante{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	border-radius: .3rem;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}

.app{
	max-width: 100%;
	margin: auto;
	padding: var(--gutter) 0;
	display: grid;
	grid-gap: var(--gutter) 0;
	grid-template-columns: var(--gutter) 1fr var(--gutter);
	align-content: start;
}

.app > *{
	grid-column: 2 / -2;
}
  
.app > .full{
	grid-column: 1 / -1;
}
  
.hs{
	display: grid;
	grid-gap: calc(var(--gutter) / 2);
	grid-template-columns: 10px;
	grid-template-rows: minmax(150px, 1fr);
	grid-auto-flow: column;
	grid-auto-columns: calc(50% - var(--gutter) * 2);
	overflow-x: scroll;
	scroll-snap-type: x proximity;
	padding-bottom: calc(.75 * var(--gutter));
	margin-bottom: calc(-.25 * var(--gutter));
	height: 220px;
}
  
.hs:before,
.hs:after{
	content: '';
	width: 10px;
}

ul{
	list-style: none;
	padding: 0;
}

.jeChoisiMaPresentation{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	border-radius: .3rem;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}

#selectBoisson{
	border: none;
	border-radius: .3rem;
	width: 200px;
    margin-top: 20px;
}

#selectMateriel{
	border: none;
	border-radius: .3rem;
	width: 200px;
    margin-top: 20px;
}

#selectPersonnel{
	border: none;
	border-radius: .3rem;
	width: 200px;
    margin-top: 20px;
}

#selectLivraison{
	border: none;
	border-radius: .3rem;
	width: 200px;
    margin-top: 20px;
}

#optionsTraiteur{
	border: none;
	border-radius: .3rem;
	width: 350px;
	height: 150px;
	text-align: left;
    overflow-x: scroll;
    background-color: white;
    margin: auto;
}

#optionsEvent{
	border: none;
	border-radius: .3rem;
	width: 350px;
	height: 150px;
	text-align: left;
    overflow-x: scroll;
    background-color: white;
    margin: auto;
}

#societe{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#nom{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#prenom{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#adresse{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#cp{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#ville{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#email{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#telephone{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#options_lieu{
	width: 203px;
	border: none;
	border-radius: .3rem;
	margin-left: 20px;
}

#nom_du_lieu{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#contact{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;;
}

#adresse2{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#cp2{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#ville2{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#email2{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#telephone2{
	width: 346px;
    margin-bottom: 3px;
    border: none;
    border-radius: .3rem;
}

#commentaires{
    width: 600px;
    height: 135px;
	border: none;
	border-radius: .3rem
}

.MesCoordonnesTitre{
	color: #2793D3;
    padding-bottom: 1rem;
    margin-left: 283px;
}

.LeLieuTitre{
	color: #2793D3;
    padding-bottom: 1rem;
    margin-left: 121px;
}