/* CSS Document */

div.bloc_cal{
	float: left;
    width: 200px;
    height: 200px;
}

#calendrier li{
	list-style: none;	
}

#cadre_calendrier{
	  font-family: verdana;
	  padding-top:15px;
}

div#cadre_calendrier ul {

list-style-type: none;
margin-bottom:0;
}

#titre{

line-height:30px;
	font-size: 13px;
	font-family: verdana;
	color: #333399;
	text-align: center;
}


#libelle {

	width: 175px;
	margin: 0 auto;
	padding: 0;
	
	text-align: center;
}
.ligne {

	width: 175px;
	margin: 10px auto;
	padding: 0;
	font-size: 12px;
	text-align: center;
} 
#libelle li {
margin-bottom:0;
	font-size:9px;
	padding-top:3px;
	padding-bottom:3px;
	float : left;
	width : 25px; 
	padding-left:0;
	
}
#libelle li::before {
	color:none;
	content:none;
}
.ligne li {

	color: #666666;
	float : left; 
	width : 23px; 
	
	
	margin-right:2px;
	margin-top:2px;
	font-size:80%;
	margin-bottom: 0!important;
    padding-left: 0!important;
	line-height:21px;
	height:21px;
}
.ligne li::before {
	content:none!important;
}
.ligne li a:hover{

	list-style: none;
	text-decoration: none;
	color: #0000ff;
}

li.itemCurrentItem_in {

	color:#000000;
	font-weight: 900 ;
	
}
	
	
li.itemCurrentItem_out {

	color:#000000;
	font-weight: 900 ;

}
li.libre {

	background-color: #009933;
}
li.periode1 {

	background-color: #baf9ff;
	
}
li.periode2 {

	background-color: #ddffcc;
	
}
li.periode3 {

	background-color: #fdfeab;
	
}
li.periode4 {
	background-color: #ffe6c0;
}
li.periode5 {
	background-color: #ffd8d8;
}
li.resa0 {

	background-color: #7F7F7F;
	
}
li.resa1 {
	background-color: #d56563;
	color:white;
	    text-decoration: line-through;
}
li.resa0_debut {
	background-image:url(resa_encours_ouvert.png);
}
li.resa1_debut {
	background-image:url(resa_ok_ouvert.png);
	color:white;
}
li.resa0_ferme {
	background-image:url(resa_encours_ferme.png);
}
li.resa1_ferme {
	background-image:url(resa_ok_ferme.png);
	color:white;
}
li.debut_periode1{
background-image:url(periode1_ouvert.png);
}
li.debut_periode2{
background-image:url(periode2_ouvert.png);
}
li.debut_periode3{
background-image:url(periode3_ouvert.png);
}
li.debut_periode4{
background-image:url(periode4_ouvert.png);
}
li.debut_periode5{
background-image:url(periode5_ouvert.png);
}
li.ferme_periode1{
background-image:url(periode1_ferme.png);
}
li.ferme_periode2{
background-image:url(periode2_ferme.png);
}
li.ferme_periode3{
background-image:url(periode3_ferme.png);
}
li.ferme_periode4{
background-image:url(periode4_ferme.png);
}
li.ferme_periode5{
background-image:url(periode5_ferme.png);
}

table.texte{
	width:91%;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}	
table.texte tr{
border-spacing:5px;
border-top:thin dotted #C0C0C0;	
border-bottom:thin dotted #C0C0C0;
}
a { 
	text-decoration: none; 
	color:#000;
}

span.mois{
font-size:13px;
text-align:center;
border:1px dotted;
display:block;
margin:0 7px;
}
span.annee{
font-weight:bold;
font-size:15px;
color:black;
}
div#planning1{
	max-width:800px;
	width:100%;
	margin:20px auto;
}
table#table_tarif tr td{
padding: 2px; 
}
@media (max-width: 992px) {
  div#planning1{
	max-width:600px;
}
@media (max-width: 650px) {
  div#planning1{
	max-width:400px;
}
}
@media (max-width: 450px) {
  div#planning1{
	max-width:200px;
}
}