/*=============================== BODY ===============================*/
/*====================================================================*/
body{
	width : 900px;
	margin : auto;
	background-image: url("../images//bg.png");
	background-repeat : repeat-x;
}

/*=============================== HEADER =============================*/
/*====================================================================*/
#banniere{
	display : block;
	margin-bottom : 5px;
	background-image: url("../images//banniere.png");
	height : 90px;
}

/*========================== CONTENU PRINCIPAL =======================*/
/*====================================================================*/
#divGlobale{
	border: 1px solid gray;
	min-height: 500px;
}

.ombreout{
	box-shadow: 2px 2px 18px gray;
   
}

/*========================== DIV RECHERCHE ===========================*/
/*====================================================================*/
#recherche{
	width: 350px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
}


#btRecherche {
	border : 1px solid gray;
	width : 100px;
	font-weight : bold;
}

#btRecherche:hover{
	color: brown;
	cursor : pointer;
	background : #ccc;
}

/*========================== RÉPONSE GEONAMES ========================*/
/*====================================================================*/
#infos_localisation{
	width: 780px;
	min-height : 0px;
	border: 1px solid gray;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#geonames{
	text-align: center;
}

.titre_info{
	background: #ccc;
}
.nom_ville{
	font-weight: bold;
	font-size: 14px;
}

/*========================== CARTE GOOGLE MAPS =======================*/
/*====================================================================*/
fieldset {
	width : 800px;
	margin-bottom : 20px;
	padding : 10px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin : auto;
}

#carte {
	width: 700px;
	height: 500px;
	margin : auto;
	border: 1px solid #ccc;
}

/*========================== TITRE WEB SERVICE =======================*/
/*====================================================================*/
.titre_ws{
	background : #ccc;
	margin : 8px 0px 8px 0px;
	padding : 2PX;
}

.infoBull{
	font-size : 12px;
}

/*========================== PHOTOS FLICKR ===========================*/
/*====================================================================*/
#photos_flickr{
	width: 800px;
	margin : auto;
	text-align : center;
}

.img_flickr{
	border : 2px solid #444;
	margin : 2px;
}

.img_flickr:hover{
	border : 2px solid red;
}

/*========================== GOOGLE BOOKS ============================*/
/*====================================================================*/
#livres_gooleBooks{
	width: 800px;
	margin : auto;
	text-align : center;
}

.img_gbooks{
	border : 2px solid #444;
	margin : 2px;
}

.img_gbooks:hover{
	border : 2px solid #CC3300;
}

/*============================== LAST FM =============================*/
/*====================================================================*/
#resultat_lastFM{
	font-size : 14px;
	text-align : center;
	margin : auto;
}

#resultat_lastFM ul li {
	float : left;
	width : 184px;
	height : 200px;
	display : block;
	border : 1px solid #aaa;
	padding : 10px;
	margin : 0 20px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#resultat_lastFM ul li:hover {
	background : #ccc;
}

#resultat_lastFM ul li .evArtiste {
	font-size : 16px;
	padding : 0px;
	margin-top : 10px;
}

#resultat_lastFM ul li {
	height : 230px;
}

.evArtiste {
	margin-top : 10px;
	font-size : 16px;
	padding : 0px;
	color : brown;
	font-weight : bold;
}

#lastFm_infobulle{
	font-size : 12px;
	text-align : center;
}

.infobulle_artiste{
	color : brown;
	font-weight : bold;
	font-size : 13px;
}
/*========================== TWITTER =================================*/
/*====================================================================*/
#resultat-twitter{
	width: 800px;
	margin : auto;
}

li{
    list-style: none;
    display: inline;
}


/*================ EFFACEMENT DES ELEMENTS FLOTTANTS =================*/
/*====================================================================*/
.clearer {
  clear: both; 
  max-height: 0px;
  height: 0px;
}


/*=============================== FOOTER =============================*/
/*====================================================================*/
footer{
	border-top : 1px solid gray;
	text-align : center;
	margin-top : 10px;
}

footer a{
	color: black;
	text-decoration :  none;
}
footer a:hover{
	color: brown;
}