html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 11px;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	background-color:#dddddd;
}
img {
    max-width: 100%;
    height: auto;
}
.logo{
	position:fixed;
	top:5px;
	right:5px;
}
a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6666cc;
	text-decoration: none;
	font-weight: normal;
	text-shadow: 1px 1px 1px #999999;
}
a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#333399;
	text-decoration: none;
	font-weight: normal;
}
.menuin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#000066;
	text-decoration: none;
	font-weight: bold;
}

a.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
}
a.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
}

a.lien_mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
a.lien_mini:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.p_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFD24A;
	
	border-radius: 3px;
	outline: 0;

	border: 0;
	margin: 2px 2px 2px 2px;
	padding: 1px;
	text-decoration: none;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
	border:1px solid #666;
}
a.p_lien {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
a.p_lien:hover {
 	background-color:#999999;
}
.box {
	border-radius: 3px;
	outline: 0;
	background: #FFF;
	border: 0;
	margin: 2px 2px 2px 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
	border:1px solid #666;

}
.boxnok {
	color: #FFFFFF;
	background: #CC0000;
	border-radius: 3px;
	outline: 0;
	border: 0;
	margin: 0 0 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.ligne_on{
	background-color: #FFFFFF;
	color: #CC0000;
	cursor:pointer;
}
.ligne{
	cursor:auto;
}
.nom {
 	z-index:25;
	position:fixed;
	bottom:3px;
	right:5px;	
	font-family: sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;	
}
.copy {
	font-family: sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #000;
	text-decoration: none;		
}
.copy:hover {
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;		
}
.infobulle{
 	z-index:10;
	position:fixed;
	left: 50%;
	top: 50%;
	width:200px;
	height:482px;
	margin-top: -251px;
	margin-left: -624px;	 
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 9px;
	background-color: #FFFFCC;
	overflow:hidden;
}
.case_lundi{
	text-align:left;
}

.case_mardi{
	text-align:left;
}

.case_mercredi{
	text-align:left;
}

.case_jeudi{
	text-align:left;
}
.case_vendredi{
	text-align:left;
}
.case_samedi{
	background-color: #b5d1b4;
	text-align:left;
}
.case_dimanche{
	background-color: #b5d1b4;
	text-align:left;
}

/*AGENDA*/

.content{
	position:absolute;
	left:1px;
	right:1px;
	top:22px;
	bottom:20px;
	border:1px #CCC solid;	
	overflow:auto;
}

.agenda_header{
	z-index:2;
	position:relative;
	width:100%; 
	height:23px; 
	line-height:23px; 
	border-bottom:1px solid #0000CC;
	font-size:11px;
}
.agenda_case{
	position:absolute;
	z-index:5;
	width:10px; 
	border:2px solid; 
	font-size:8px;
	text-align:center; 
	overflow:hidden;	
	opacity: 0.8;
}
.agenda_case:hover{
	border-color:#FF0000; 
}