/* Calendar */
#calendar				{ width: 800px; margin: auto; text-align: center;}
h2 div					{ width: 400px; margin: auto;}
h2 a						{ text-decoration: none; color: #000;}
h2 form 					{ display: inline-block;}
h2 select 					{ background: none; border: none; font-size: 1em; cursor: pointer; 
						  -webkit-appearance: none; -moz-appearance: none; appearance: none;
						  outline: none; padding: 0 0.2em; direction: rtl;}
h2 option 					{ text-align: center;}
h2 select+select 			{ padding-right: 0.2em;}
h2 a+a					{ text-decoration: none; color: #000;}
.calendarDay			{ display: inline-block; width: 95px; border-bottom: 0;}
.calendarDay p			{ margin: 0;}
.calendarCaseSemaine	{ display: inline-block; width: 95px; vertical-align: bottom;}
.calendarCaseSemaine span{ position: relative; top: -20px; left: 15px}
.calendarCase			{ display: inline-block; width: 95px; height: 95px; background: #BC7E7F; border: solid 1px #000; border-radius: 10px; color: #fff; vertical-align:top; }
.day					{ display: block; background: #8D2E30; border-bottom: solid 1px black; border-radius: 10px 10px 0 0; color: #fff}
.previous, .next 		{ color : #888; background: #D3BABA;  border: solid 1px #888;}
.next .day, 
.previous .day 			{ border-bottom: solid 1px #888;}
.event 					{ display: block; font-size: 0.9em; text-align: left; padding-left: 5px; cursor: pointer;}
.calendarCase:hover 		{ background: #999999;}
.previous:hover
, .next:hover 			{ background: #cccccc;}

/* Popup */
.bgPopup				{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index:100;}
.contentPopup			{ min-width : 600px; /*min-height : 300px;*/ width: 60%; /*height: 50%;*/ margin: auto; border-radius : 0 40px 0 0; 
						  background: white; position: relative; top: 25%;}
.closePopup 				{ width: 23px; float: right; background: #000; color: #fff; border-radius: 50px; 
						  text-align: center; padding: 5px; font-size:0.6em; cursor: pointer;}
.namePopup				{ display: block; width: 80%;  text-align: center;margin: auto; padding: 0.5em; border-bottom: solid 3px black;
						  text-shadow: 5px 5px 5px #111;}
.contentPopup section 	{ /*display: inline-block; width: 49%; height: 50%;*/}
.contentPopup section p 	{ margin: 2em;}		
.contentPopup footer 		{ border-top: solid 3px black;}
.contentPopup footer form 	{ display: inline-block; padding-left: 0.4em;}
.contentPopup footer p 	{ display: inline-block; padding-left: 1em; margin: 0; padding:0; 
						  border-left: solid 1px black;}		
p.avatarPopup			{ padding-left: 0.5em !important; font-size:1.6em;}		  
.avatarPopup img 		{ width: 30px; height: 30px; border-radius: 25px; margin: 1px; padding: 1px;}