/*
	racoon-style-ephem.css
	Création: 13/10/2019
	Modification: 13/11/2019
	Description: Style pour la feuille de saisie et pour l'affichage de l'Ephéméride.
	Camille FRONTON
*/

.textepetit{
	font-weight: normal;
	font-size: 10pt;
	color: #006699;
}

input.ephem{
	background-color:#dbeded;
	border:1px solid #939f9f;
	font-size:8pt;
}

.bicolor1{
	color : #006699;
	font-size : small;
	background-color : #edf0ff;
}

.bicolor2{
	color : #006699;
	font-size : small;
	background-color : #dbe2ff;
}

.ligne-dessus{
	color : #0000ff;
	font-size : small;
	background-color : #e6e784;
}

.lesentetes{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-color:#adc6e8;
}

.btnRadioCouleur{
	float:left;
	margin-left:0.3em;
}
#frmCouleurs{
	float:left;
	width:80%;
}
#boutonSauver{
	width:92%;
	border:0px; 
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-right:3em;/* */
}
.styleboutonSauver{
	background-color:#adc6e8;
}

input.valide{
	font-size: 10pt;
	font-weight:bold;
	color:#0000ff;
	background-color:#ecfbff;
	border: 1px solid #006699;
	cursor: pointer;
	margin-top:4px;
	margin-bottom:4px;
}
.sticker{
	/* position:absolute; */
	width:15%;
	float:left;
	background-color:#e3f8da;
	padding:0.3em;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	box-shadow:10px 8px 15px #7a9f80;
}

#ListeMois{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
#ListeCouleurs{
	width:92%;
	border:1px solid #a8cfbd;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width:768px) {
	
	#frmCouleurs{
		float:none;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	#boutonSauver{
		width:100%;
		border:0px; 
		padding:0px;
		margin:0px;
		text-align:right;
		padding-right:2em;
	}
	.btnRadioCouleur{
		float:none;
		clear:both;
		margin-left:0.3em;
	}
	
	#ListeMois{
		width:80%;
		margin:0px;
	}
	#ListeCouleurs{
		width:100%;
		border:1px solid #a8cfbd;
		padding:0px;
		margin:0px;
	}
	.sticker{
		float:none;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0.85em;
		background-color:#e3f8da;
		padding:0.3em;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		box-shadow:10px 8px 15px #7a9f80;
		clear:both;
	}
}
/*--------- Couleurs liturgiques ------------*/

.styleCouleurJour{
	text-align: center;
	padding:1em;
}
.styleCouleurJour h2{
	font-size: 11pt;
}

.styleCouleurJour img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ------------------------------------------------------ */
/* 				Zone Fêtes liturgiques					  */
/* ------------------------------------------------------ */
.zoneFetesLiturgiques{
	margin-top:1em;
	border-top:1px solid #0000ff;
	border-bottom:1px solid #0000ff;
	font-size:inherit; 
	text-align:center;
}
.zoneFetesLiturgiques h3{
	font-weight:bold;
	font-size:1em;
}
.zoneFetesLiturgiques p{
	text-align:center;
}
.zoneFetesLiturgiques p.italique{
	text-align:center;
	font-style:italic;
}
.zoneAutresFetes{
	margin-top:1em;
	border:1px solid #0000ff;
	font-size:inherit; 
	text-align:center;
}
.zoneAutresFetes h3{
	font-weight:bold;
	font-size:1.5em;
}

/*------ Feuille Ephéméride --------*/
.feuilleEphemeride{
	width:200px;
	height:auto;
	min-height:250px;
	border:1px solid #e72525;
	text-align:center;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;
	margin-bottom:1.5em;
}
.hautFeuille{
	height:50px;
	font-size:2.5em;
	background-color:#e74e25;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
}
.milieuFeuille{
	font-size:2.5em;
	font-weight:bold;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	margin-top:0.7em;
	margin-bottom:1em;
}
.basFeuille{
	font-size:2.7em;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	width:100%;
}
.leSaint{
	font-size:0.4em;
	text-align:center;
}
.anneeCourante{
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	color:#e72525;
	background-color:#ffffff;
}

/* les Messages */
.styleMessagesRouge{ /* Message rouge */
	font-size:8pt;
	color:red;
	width:40%;
	margin-left:auto;
	margin-right:auto;
}
.styleMessagesVert{ /* Message vert */
	font-size:8pt;
	color:green;
	width:40%;
	margin-left:auto;
	margin-right:auto;
}
.messageSauvegarde{ /* Bord gauche vert, fond très clair */
	border-left:2pt solid #2dae42;
	font-size:12pt;
	padding:1em;
	background-color:#f6feff;
}
.messageSauvegarde2{ /* Bord gauche rouge, fond très clair */
	border-left:2pt solid #ae2d36;
	font-size:12pt;
	padding:1em;
	background-color:#f6feff;
}
.styleExemple{ /* Fond bleu, fond très clair */
	font-weight:bold;
	padding:1em; 
	border-left:2pt solid #2d2dd7;
	background-color:#f6feff;
}