@media only screen and (min-width: 1260px){
	.page
	{
		background-image: url(../../img/fond-ordi-ballons.png), url(../../img/fond-ordi-confetis.png);
	}
}

@media only screen and (max-width: 1260px){
	.page
	{
		background-image: url(../../img/fond-tel-ballons.png), url(../../img/fond-tel-confetis.png);
	}
}

.bh
{
	font-size:1.3em;
}

.imgLogo
{
	width:110px;
}

.titrePageImg
{
	max-width:360px;
}

table.tabPicto
{
	max-width:540px;
}

.imgPicto
{
	width:55px;
	height: 55px;
}

.tailleIconeHomePage
{
	width:200px;
}

.textLienAccueil
{
	font-size:1em;
	color: #1c6b99;
}

.corpDePage
{
	max-width:720px;
}

.boutonRappel
{
	box-shadow:0.3px 0.3px 0.5 0.3px #03224c;
	font-size: 0.8em;
}

.clocheBoutonRappel
{
	top:-14px;
	z-index: 1;
}

.divPied
{
	text-align:center; 
	padding-left:60px; 
	padding-right:60px;
}

.piedLigne1
{
	display:inline-block;
	font-size: 0.8em;
	
}

.piedLigne2
{
	display:inline;
	font-size: 0.8em;
}

.piedLigne3
{
	font-size: 0.75em;
}

.nomPrenom2
{
	border:none;
	text-indent:8px;
	
}

.mail3
{
	text-indent:8px;
}

.septJour
{
	font-size:0.65em;
}

.imgBAL
{
	margin-top:40px;
	width:150px;
}

.nbPersonneListe
{
	font-size: 1.95em;
}

.titrePageText
{
	font-size:2em;
}

.titreChampSemaine
{
	font-size: 0.85em;
}








/* pour les fenetres de suppression et de modofication */
.vertical-alignment-helper {
	display:table;
	height: 100%;
	width: 100%;
	pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events:none;
}
.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width:inherit;
	max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
	height:inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
}