/**********************
* calendrier des formations
**************************/
div#calendriermensuel {
	margin:  0 ;
	width: 100%;
	clear:both;
}

div#calendriermensuel span.gauche{
	float:left;
}
div#calendriermensuel span.droite{
	float:right;
	margin: 0;
	padding: 0;
}
div#calendriermensuel table{
	clear: both;
}
div#calendriermensuel table tr, div#calendriermensuel table tr td{
	vertical-align : top;
	background: #FFF ;
	padding:0 ;
	margin : 0;
}
div#calendriermensuel table tr td{
	border: 1px  solid #aaa;
}

div#calendriermensuel table tr td {
	width:230px;
}
div#calendriermensuel table tr td div.nommois{
	background: #274875;
	text-align:center;
	font-weight: normal;
	padding:0 ;
	margin : 0;
	color: #fff;
}

div#calendriermensuel table tr td table.mensuel{
	border-collapse:	collapse;
	padding:0 ;
	margin : 0;
	border: 0 ;
}
div#calendriermensuel table tr td table.mensuel tr td {
	border: 0 ;
	padding:1px ;
	border-top: 1px solid #aaa ;
	text-align=left;
}
div#calendriermensuel table table.mensuel tr td.jour,
div#calendriermensuel table table.mensuel tr td.nomjour {
	width:20px; 
	text-align: center;
}


div#calendriermensuel table table.mensuel tr td.zone1 {
	background: #6666cc;
	width : 1px;
}	
div#calendriermensuel table table.mensuel tr td.zone2 {
	background: #ffcc00;
	width : 1px;
}
div#calendriermensuel table table.mensuel tr td.zone3 {
	background:#ff0000;
	width : 1px;
}
div#calendriermensuel table table.mensuel tr td.zonevide {
	width : 1px;
}


div#calendriermensuel table table.mensuel tr td span.ferie{
	/*background: #fbce4d ;*/
	background: #e5e4d0;
	border: 0;
	display: block;
	padding: 0;
	margin: 0;
}
div#calendriermensuel table table.mensuel tr td span.dimanche{
	border: 0;
	font-weight : bold;
	background: #e5e4d0;
	display: block;
	padding: 0;
	margin: 0;
}
div#calendriermensuel table table.mensuel tr td span.aujourdhui {

	background: #c9de9f ;
	/*background: #EFEFEF; */
	display: block;
	padding: 0;
	margin: 0;
}


div#calendriermensuel div#legende ul{
	list-style-type:none;
		list-style-image:none;
}

div#calendriermensuel div#legende ul li{
	list-style-type:none;
	list-style-image:none;
	margin-top: 15px;
}

div#calendriermensuel div#legende ul li span{
	width: 20px;
	height: 5px;
	display:inline;
	margin-right: 5px;
}
  
div#calendriermensuel div#legende ul li span.a{
	background: #6666cc;
}

div#calendriermensuel div#legende ul li span.b{
	background: #ffcc00;
}

div#calendriermensuel div#legende ul li span.c{
	background: #ff0000;
}


/******* Bouton ************/

a.bouttonInscrire {
	border:1px solid #C4CCD1;
	float:right;
	margin-left:10px;
	padding:4px 6px;
	background:#E1EFF3 none repeat scroll 0%;
	color:#2F6187;
	font-weight:bold;

}

a.bouttonInscrire:hover {

	text-decoration:none;
}
  
  
  
div#reservation{
	min-height: 500px;
}