#gauche {
background:#E4EFFF url(../img/fond-arrondi.png) no-repeat bottom left;
margin:auto;
max-width:2007px;
}
#droite {
background:#E4EFFF url(../img/fond-arrondi.png) no-repeat bottom right;
margin-left:7px;
padding-bottom:20px;
}
#haut {
background:#E4EFFF url(../img/fond-arrondi.png) no-repeat top right;
margin-left:-7px;
padding:0;
}
#haut div {
background:#E4EFFF url(../img/fond-arrondi.png) no-repeat top left;
height:7px;
width:7px;
}




#menu-left{
border:1px solid #5b9400;
height:108px;
list-style:none;
margin:0 auto;
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
padding:0;
width:150px;
color:#006633;
}

#menu-left li
{
display:inline;

}
#menu-left li:hover
{
	color:white;
}
#menu-left li a
{
border-bottom:18px solid #abd4fc;
background-image:url(../img/calendar.png);
display:block;
float:left;
font-size:13px;
height:18px;
line-height:18px;
text-align:center;
text-decoration:none;
width:150px;
}

#menu-left li a span
{

font-weight:bold;
position:relative;
top:9px;
}

#menu-left li a span:hover
{
	color:white;
}

#menu-left li a:hover
{
background:#a2d84e;
border-bottom:18px solid #7dbf0f;
color:white;


}
body
{
	/*background-color:#669933;*/
	background-image:url(../img/fond.png);
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Tahoma, Verdana, Arial;
	height: 100%;
}
hr
{
	border:0;
	text-align: left;
	background:url(../img/tof.jpg) repeat-x bottom;
	height:15px;
}
h2 
{
font-variant: small-caps;
	padding-left: 35px;
text-align: left;
	background: url(../img/titre.png) left center no-repeat;
	color:#006633;
}
#corps
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:100%;
	width:100%;
}
legend
{
	text-align: left;
	color:#006633;
	font-weight: bold;
}
img
{
	border:0;
}
input, textarea
{
	background-color:#CCFF99;
}
table
{
	margin-left:auto;
	margin-right:auto;
}
.left
{
	text-align:left;
}
.mainFrame
{
min-height: 100%;
	
	position: relative;
	background-color:#FFFF99;
	width:80%;
	margin-right:auto;
	margin-left:auto;
	min-width:1000px;
	min-height:600px;
	height:100%;
	
	
	border-top-style: outset;
	border-bottom-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	
	border-top-color: #FFFFFF;
	border-bottom-color: #000066;
	border-right-color: #000066;
	border-left-color: #FFFFFF;
}

.clearfix:after 
{
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
}
       
.clearfix 
{

	display: inline-block;

}
       
 /* Hides from IE-mac */
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}
 /* End hide from IE-mac */

.titreArticle
{
	text-align: left;
	color:#006633;
	font-weight: bold;
	display:block;
	
}

.titreArticleDroite
{
	text-align: right;
	color:#006633;
	font-weight: bold;
	display:block;
}
.rounded
{
	border: dashed 1px #006633;
	margin: 0 auto;
    color: #669900;
    width: 100%;
	
    padding: 20px;
    text-align: center;
	background-color:#FFFFFF;
	
}

.calendar
{
	font-size: 12px;
	color:#006633;
	border-width:1px; 
 border-style:solid; 
 border-color:#006633;
	margin-right:10px;
	margin-left:auto;
	margin-bottom:5px;
	text-align:center;
}
.hidden
{
	display:none;
}

.calendarDay:hover
{
	background-image:url(../img/calendar.png);
	
}
.calendarDayEvt
{
	background-color:#669900;
	color:white;
}
.calendarHeader
{
	text-align:center;
	background-image:url(../img/calendar.png);
	font-weight: bold;
	
}
.tableCalendar
{
	width:100%;
	height:100%;
	background-color:white;
	border-collapse:collapse;	
	
}

.tableCalendar td
{
	padding:0px;
	height:28px;
}
.piedPage
{
	color:#FFFF99;
}
.info
{
	/*border:1px ridge #5b9400;*/
	color:#006633;
	text-align:left;
	height:100%;
	float:left;
	width:20%;
	/*background-color:white;*/
}
.infobulle
{
	position:relative;
	
	font-family:Tahoma, Verdana, Arial;
	
}

.infobulle:hover
{
	background:none;
	z-index:500;
	cursor: help;
}

.infobulle div
{
	text-align:left;
	display:none;
	font-family:Tahoma, Verdana, Arial;
	color:black;
	
	
}

.infobulle:hover div
{
	display:inline;
	position:absolute;
	white-space: nowrap;
	top:-20px;
	left:35px;
	background-color:	#FFFFFF;
	
	padding:3px;
	border: 1px solid;
	
	font-family:Tahoma, Verdana, Arial;
	background-image:url(../img/bulleBG.png);
	background-repeat:repeat-x;
	border-top-color: #CC9900;
	border-bottom-color: #CC9900;
	border-right-color: #CC9900;
	border-left-color: #CC9900;
	
	padding-top:10px;
	padding-bottom:10px;


}
.imageArticle
{
	border:0;
	float:left;
	margin-right:5px;
	
}
.commentaire
{

    border: solid ;
    width: 60%;
    padding: 20px;
	 background-color:#FFFF99;
	text-align:left;
	
	border-top-style: outset;
	border-bottom-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	
	border-top-color: #FFFFFF;
	border-bottom-color: #000066;
	border-right-color: #000066;
	border-left-color: #FFFFFF;
	
	margin-right:auto;
	margin-left:auto;
}
.bouton
{
	font-family:Tahoma, Verdana, Arial;
	font-style:normal;
	line-height: normal;
	font-weight: bold;
	background-color: #669900;
	color: #FFFFFF;
	
	margin-right:auto;
	margin-left:auto;
	
	
	border-top-width: thick;
	border-bottom-width: thick;
	border-right-width: thick;
	border-left-width: thick;
	
	border-top-style: outset;
	border-bottom-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	
	border-top-color: #FFFFFF;
	border-bottom-color: #0d802a;
	border-right-color: #0d802a;
	border-left-color: #FFFFFF;
}
.bouton:hover
 {
	cursor: pointer;
	text-decoration:underline; 
	background-color: #0d80d9;
}
.contenu
{
	margin-top:0;
	margin-left:auto;
	width: 75%;
	float:left;
	margin-right:20px;
		margin-left:10px;
}
.information
{
	margin-right: auto;
	margin-left: auto;
	color: white;
	font-weight: bold;
}
.error
{
	margin-right: auto;
	margin-left: auto;
	color: red;
	font-weight: bold;
}
.granted
{
	margin-right: auto;
	margin-left: auto;
	color: green;
	font-weight: bold;
}
ul, li
{
text-align:left;
}
:link, :visited
{
	color:#006633;
	text-decoration:none;
}
 a:hover
{
	text-decoration:underline;
}
.menu
{
	font-family: Tahoma, Verdana, Arial;
}