/* CSS Document */

#carte_region
{
position:relative;
width:600px;
height:520px;
z-index:30;
margin:0;
padding: 0;
border:0;
font-family : Verdana, Arial, serif;
font-size:16px;
float:left;
}

#carte_region a
{
	text-decoration:none; 
	border:0;
	color:#000000;
}


.infobulle
{
position:absolute;
left:-75px;
width:340px;
height:160px;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #4148e2;
padding: 5px 5px 5px 15px;
color: #538fd9;
font-size:13px;
font-family : Verdana;
background-image:url(../images/fond-infobulle.gif);
background-repeat:repeat-y;
background-position: top right;

}

.picvent
{
position:absolute;
width:55px;
left:0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #4148e2;
padding: 1px;
color: #000000;
font-size:10px;
font-family : Verdana;
text-align:center;
}

.jour
{
position: absolute;
left: 5px;
top: 5px;
width: 250px;
height:50px;
font-family : "Calligraphic",  Times New Roman, Arial, serif;
font-size : 24px;
color: #FFFF00;
z-index:2000; 
font-weight: bold;
 }  
 
.sous_jour
{
position: absolute;
left: 20px;
top: 35px;
width: 100px;
height:50px;
font-family : "Calligraphic",  Times New Roman, Arial, serif;
font-size : 18px;
color: #FFFF00;
z-index:2000;  
font-weight: bold;
}

 .jour1
 {
position: absolute;
left: 5px;
top: 455px;
width: 300px;
height:100px;
font-family : "Calligraphic",  Times New Roman, Arial, serif;
font-size : 24px;
color: #FFFF00;
z-index:2000; 
font-weight: bold;
 }  
 
 .sous_jour1
  {
position: absolute;
left: 20px;
top: 485px;
width: 300px;
height:100px;
font-family : "Calligraphic",  Times New Roman, Arial, serif;
font-size : 18px;
color: #FFFF00;
z-index:2000;  
font-weight: bold;
}

#previ_block
{
width:785px;
}

#affhoraire
{
clear:right;
width:185px;
float:right;
margin:0;
}

#affhoraire a:hover
{
color: #e8e8e8;
}

 #arbre_horaire
{
	margin-top:20px;
	margin-left:50px;
	margin-right:50px;
	width:85px;
	height:30px;
	clear: both;
	font-size:13px;
	font-weight:bold;
	color:#5d5d5d;
	background-color:#e8e8e8;
	padding:0;
	line-height:30px;
}

#arbre_horaire a
{
	text-decoration:none; 
	color :#757978;  
}

#arbre_horaire a:hover
{ 
	text-decoration:underline;
	color :#008f01; 
}

 #arbre_type
{
	margin-top:30px;
	margin-left:40px;
	margin-right:40px;
	width:105px;
	height:30px;
	clear: both;
	font-size:13px;
	font-weight:bold;
	color:#5d5d5d;
	background-color:#e8e8e8;
	padding:0;
	line-height:30px;
}

#arbre_type a
{
	text-decoration:none; 
	color :#757978;  
}

#arbre_type a:hover
{ 
	text-decoration:underline;
	color :#008f01; 
}

 #am, #pm, #ss, #tps, #vent, #j1, #j2, #j3, #j4, #j5
{
	margin:0px;
	padding:0;
	float:left;
	width:100px;
	height:35px;
	font-size:15px;
	font-weight:bold;
	border:solid 1px #FFFFFF;
	line-height:35px;
	text-align:center;
	background-color:#e8e8e8;
	color:#5d5d5d;
}

 #am a:hover , #pm a:hover , #ss a:hover , #tps a:hover , #vent a:hover
{
	color: #5d5d5d;
}

 #jj1, #jj2, #jj3, #jj4, #jj5
{
	margin-top:30px;
	margin-left:1px;
	padding:0;
	float:left;
	width:150px;
	height:35px;
	font-size:15px;
	font-weight:bold;
	line-height:35px;
	text-align:center;
	background-color:#e8e8e8;
	color:#5d5d5d;
}
 #jj1 a:hover , #jj2 a:hover , #jj3 a:hover , #jj4 a:hover , #jj5 a:hover
{
	color: #5d5d5d;
}


#gprevcomm
{
position:relative;
float:left;
clear:left;
width:200px;
margin:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #5d5d5d;
}

#cprevcomm
{
position:relative;
width:200px;
float:left;
margin:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #5d5d5d;
}

#dprevcomm
{
position:relative;
width:200px;
float:left;
margin:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #5d5d5d;

}

.tcomm
{
font-size:16px;
font-weight:bold;
margin:10px;
text-align:center;
}

.tempcomm
{
position: absolute;
font-size:20px;
font-weight:bold;
left:120px;
top:60px;
}

.pictocomm
{
padding-left:20px;
font-weight:bold;
color:#5d5d5d;
padding-bottom:10px;
}

.ventcomm
{
position:relative;
border-top: 1px dashed #5d5d5d;
padding:10px 10px 10px 10px;
font-weight:bold;
color:#5d5d5d;


}

.picventcomm
{
position:absolute;
left:160px;
top:30px;
}