body{
margin : 0px;
background-color:#6497c9;
color: #404040;
}
#site_web{
	background-image: url('design/fond-nuage.png');
	height:100%;
	width:1047px;
	margin:auto;
	background-repeat: no-repeat;
}
.date{
float:right;
margin-top : 130px;
margin-right: 80px; 
}
#clear{
clear:both;
}
#header{
background-image: url('design/header.png');
width:870px;
height:164px;
}
#corps{
background-image: url('design/corps.png');
width:870px;
background-repeat: repeat-y;
}
#pdp{
background-image: url('design/pdp.png');
width:870px;
height:41px;
}

#menu{
width:240px;
float:right;
margin-right : -50px;
}
.titlemenu{
padding-top:20px;
font-size: 18px;
font-weight: bold;
}
#titremenu{
background-image: url('design/hmenu.png');
width:240px;
height:35px;
}
#corpsmenu{
background-image: url('design/cmenu.png');
width:240px;
background-repeat: repeat-y;
}
#basmenu{
background-image: url('design/bmenu.png');
width:240px;
height:32px;
}
ul{
margin:0px;
}
#incorps{
width:622px;
float:left;
margin: 20px;
}
#inpub{
padding-left: 60px;
}
#intitrecorps{
background-image: url('design/hcorps.png');
width:622px;
height:48px;
}
#inccorps{
padding-left:40px;
padding-right: 40px;
background-image: url('design/ccorps.png');
width:622px;
background-repeat: repeat-y;
position:relative;
}
#inbascorps{
background-image: url('design/bcorps.png');
width:622px;
height:40px;
}
#inin{
width: 550px;
margin-left:0px;
}
.pseudo{
color:#ff9900;
font-weight:bold;
font-size:14px;
}
.infos{
font-size:12px;
}
a{
text-decoration :none;
font-weight:bold;
color:#404040;
}
li a{
text-decoration :none;
font-weight:normal;
color:#404040;
}
a:hover{
text-decoration : none;
color:#ff9900;
}
.meteo_jour{
background-image:url('design/fond_carte.png');
width: 548px;
height: 315px;
}
#vigilance_jour{
position:relative;
background-image:url('design/vigilance.png');
background-repeat:no-repeat;
width: 548px;
height: 306px;
margin-left:7px;
margin-top:-1px;
}
.date_meteo{
margin-left: 150px;
padding-top : 10px;
}
#menu_jour{
position:absolute;
top : 0px;
right:0px;
background-color: #ffffff;
z-index:50;
width:150px;
}
.miday{
background-color: #cccccc;
}
.vert{
color:#41c13b;
}
.jaune{
color:#ffde00;
}
.bleu{
color:#3263de;
}
.orange{
color:#de9f32;
}
.rouge{
color:#de3232;
}
#temperature{
position:relative;
width:274px;
height:284px;
float:right;
}
#temps{
position:relative;
width:274px;
height:284px;
float:left;
}
table{
border:1px solid grey;
}
td{
border:1px double grey;
}
.chartresa{
position:absolute;
top:65px;
left:100px;

}
.bloisa{
position:absolute;
top:140px;
left:115px;

}
.chateaurouxa{
position:absolute;
top:220px;
left:110px;

}
.maj{
position:absolute;
right:10px;
top:273px;
font-size:10px;
}
.toursa{
position:absolute;
top:165px;
left:60px;

}
.bourgesa{
position:absolute;
top:190px;
left:170px;

}
.orleansa{
position:absolute;
top:110px;
left:155px;

}
.chartresx{
position:absolute;
top:75px;
left:235px;

}
.bloisx{
position:absolute;
top:150px;
left:250px;

}
.chateaurouxx{
position:absolute;
top:220px;
left:250px;

}
.toursx{
left:180px;
position:absolute;
top:175px;

}
.bourgesx{
position:absolute;
top:190px;
left:310px;

}
.orleansx{
left:290px;
position:absolute;
top:110px;

}
.chartresb{
position:absolute;
top:75px;
left:110px;

}
.bloisb{
position:absolute;
top:150px;
left:125px;

}
.chateaurouxb{
position:absolute;
top:230px;
left:120px;

}
.toursb{
position:absolute;
top:175px;
left:70px;

}
.bourgesb{
position:absolute;
top:200px;
left:180px;

}
.orleansb{
position:absolute;
top:120px;
left:165px;

}
.chartresv{
position:absolute;
top:0px;
left:0px;

}
.bloisv{
position:absolute;
top:0px;
left:0px;


}
.chateaurouxv{
position:absolute;
top:0px;
left:0px;


}
.toursv{
position:absolute;
top:0px;
left:0px;


}
.bourgesv{
position:absolute;
top:0px;
left:0px;


}
.orleansv{
position:absolute;

top:0px;
left:0px;

}
a img{border:none;}
h2{
margin-top : 0px;
}

.news
{
border : 2px solid black;
background-color: white;
width: 535px;
padding : 5px;
}
.news h4{
margin:0px;
padding:0px;
color:#ff0000;
}

.news h4.float{
float:left;
}
.news span.float{
margin-left:10px;
margin-top:5px;
float:left;
}
.clear{
clear:both;
}
.tews
{
background-image: url("Sans titre.PNG");
margin-bottom: 1px;
width: 540px;
}

.bulletins
{
position: absolute;
top: 273px;
left: 10px;
}

#photo
{
background-color : black;
}