@charset "utf-8";
body {
	background: url(/images/background_site.gif) repeat top left #00bef2;
	margin: 0px;
}


#site {
	width:1050px; /* 990 */
	margin:auto
}


#header {
	height: 95px;
	background-color: #00bef3;
}
#header .decalage {
	position:relative;
	left: -30px;
	z-index: 1;
}
#header .logotype1 {
	background: url(/images/logo_heure.png) no-repeat top left;
	width: 141px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
}
#header .logotype2 { 
	background: url(/images/logo_meteo.png) no-repeat top left;
	width: 195px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;	
	}
#header .logotype3 { 
	background: url(/images/logo_localisation.png) no-repeat top left;
	width: 178px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;
}
#header .logotype4 { 
	background: url(/images/logo_photo.png) no-repeat top left;
	width: 178px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;
}
#header .logotype5 { 
	background: url(/images/logo_video.png) no-repeat top left;
	width: 178px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;
}
#header .logotype6 { 
	background: url(/images/logo_livres.png) no-repeat top left;
	width: 178px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;
}
#header .logotype7 { 
	background: url(/images/logo_dvd.png) no-repeat top left;
	width: 178px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;
}
#header .logotype8 { 
	background: url(/images/logo_musique.png) no-repeat top left;
	width: 178px;
	height:162px;
	float: left;
	position:relative;
	left:-35px;
	top:-15px;
}
#header .logogeolocaliz {
	background: url(/images/logo_geolocaliz.gif) no-repeat top left;
	width: 223px;
	height: 73px;
	float:right;
	margin-top: 15px;
	margin-right: 40px;
	position:relative:
	top:10px;
	left:-40px;
}
#header h1 {
	font: bold 24px Trebuchet MS, Arial;
	color:#FFF;
	text-align:left;
	position:relative;
	left:-30px;
}
#header .sup {
	padding-top: 20px;
}
#header h1 a{
	color:#FFF;
}
#header .lieu {
	font-size: 36px;
}
#header .soustitre {
	font: bold 16px Trebuchet MS, Arial;
	color:#00ff00;
	text-align:left;
	margin-top: 5px;
		position:relative;
	left:-30px;
	top:-10px;
}
#header .soustitre a {
	color:#00ff00;
}
#contenu .header_contenu {
	background: url(/images/site_header2.png) no-repeat;
	width: 1015px;
	height: 32px;
	display:block;
}
#contenu .background_contenu_header {
	background: url(/images/site_background2.png) repeat-y;
	width: 1015px;
	display:block;
	height: 90px;
	position:relative;
}
#contenu .background_contenu {
	background: url(/images/site_background2.png) repeat-y;
	width: 1015px;
	display:block;
	overflow:hidden;
}
#contenu .liens_ligne_google {
	position:absolute;
	width: 720px;
	left: 40px;
	/*padding: 0px 20px 0px 100px;
	background: url(/images/background_liengoogle_top.jpg) repeat-x top left;*/
	height: 22px;
	font: 12px Arial;
	color:#00bef2;
	/*padding-top: 5px;*/
}
#contenu .choixlangue {
	position:absolute;
	width: 230px;
	left: 760px;
	top:-10px;
	padding: 0px 20px 0px 20px;
	height: 22px;
	font: 12px Arial;
	color:#FFF;
	text-align:center;
}
#contenu select {
	font: 12px Arial;
	color:#000;
	text-align:left;
	margin-top: 5px;
}



#colonne_gauche {
	float: left;
	width: 720px;
	padding: 20px 0px 0px 45px;
}
#colonne_gauche .box_pub_top {
	float: left;
	width: 336px; /* 300px; */
	height: 280px; /* 250px; 
	background-color:#CCC;*/
	padding-top:10px;
}
#colonne_gauche .box_pub_728x90 {
	position:relative;
	left:-15px;
}
#colonne_gauche .box_pub_bottom {
	float: right;
	width: 320px; /* 300px; */
	height: 250px; /* 250px;
	background-color:#CCC; */
	padding-left:15px;
		padding-top:10px;
		position:relative;
		z-index:99;
}
#colonne_gauche .box_heure {
	float: left;
	width: 379px;
	/*height: 250px;*/
	margin-left: 5px;
	padding-top: 10px;
}
#colonne_gauche .ville {
	/*background:url(/images/box_haut.gif) no-repeat top left;*/
	display:block;
	width: 670px;
	font: bold 16px Trebuchet MS, Arial;
	color:#00bef4;
	text-align:center;
	padding-top: 10px;
	border-radius:20px;
	background-color:#cbf3fe;
}
h2 {
	display:inline;
	font: bold 20px Trebuchet MS, Arial;
	color:#00bef4;
}
#colonne_gauche h1 {
	font: bold 24px Trebuchet MS, Arial;
	color:#00bef4;
}

#colonne_gauche p {
	font: bold 12px Trebuchet MS, Arial;
	color:#000;
}
#colonne_gauche form {
	font: 12px Trebuchet MS, Arial;
	color:#00bef4;
	background-color: #CBF3FE;
	text-align:center;
	width:370px;
}


#colonne_gauche .box_back {
	background:url(/images/box_bas.gif) no-repeat bottom left;
	display:block;
	width: 650px;
	text-align:center;
	margin-bottom: 10px;
}
#colonne_gauche .heure_haut {
	background:url(/images/boxheure_haut.png) no-repeat top left;
	display:block;
	width: 650px;
	height: 26px;
	text-align:center;
}
#colonne_gauche .heure {
	background:url(/images/boxheure_back.png) repeat-y bottom left;
	display:block;
	width: 650px;
	text-align:center;
	font: bold 48px Trebuchet MS, Arial;
	color:#FFF;
	line-height: 28px;
	padding-bottom: 5px;
}

#colonne_gauche .heure_bas {
	background:url(/images/boxheure_bas.png) no-repeat top left;
	display:block;
	width: 650px;
	height: 35px;
	text-align:center;
}
#colonne_gauche .separateur {
	border-bottom: 1px dotted #00bef2;
	margin-bottom: 15px;
}
#colonne_gauche .box_news {
	float: left;
	width: 360px;
	/*margin-right: 25px;*/
	font: 12px Arial;
	line-height: 18px;
	color:#666;

}
#colonne_gauche .titre_news {
	font: bold 16px Trebuchet MS, Arial;
	color:#00bef2;
	margin-bottom: 10px;
	text-align:left;
	background:url(/images/icone_news.png) no-repeat left top;
	padding: 0px 0px 10px 100px;
}
#news {
	position:relative;
	top:0px;
	/*height:400px;*/
	left:-5px;
	/*width:350px;
			overflow: auto; */
}
.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	text-decoration:none;
	/*line-height: 10px;*/
	margin-left:7px;
	margin-right:7px;
	display:block;
}
#news, ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#news, li {
background-repeat:no-repeat;
background-position:0px 5px; 
padding:3px;
}
#colonne_gauche .source_news, .source_news a {
	color:#00cc00;
	font-size: 12px;
	font-weight:normal;
	font-family: trebuchet MS;
}



#colonne_droite {
	float: right;
	width: 205px;
	padding: 50px 20px 0px 20px;
	

}

#colonne_droite_navigation div {
	border-bottom: 1px dotted #fff;	
	font: bold 14px Trebuchet MS, Arial; color:#FFF; 
	text-decoration: none; 
	text-align:left;
	padding: 7px 0px 5px 50px;  
	height: 25px;
}
#colonne_droite_navigation a {
	text-decoration: none;
	color: #FFF;
}
#colonne_droite_navigation .extra {
	width: 150px;
	white-space:nowrap;
	overflow: hidden;
	display:block;
 	 -o-text-overflow: ellipsis; /* pour Opera 9 */
 	 text-overflow: ellipsis;
}
#colonne_droite_navigation a:hover {
	text-decoration: underline;
}
.type1 {	
	background:url(/images/icone_heure.png) no-repeat left top;
}
.type2 {	
	background:url(/images/icone_meteo.png) no-repeat left top;
}
.type3 {	
	background:url(/images/icone_localisation.png) no-repeat left top;
}
.type4 {	
	background:url(/images/icone_photo.png) no-repeat left top;
}
.type5 {	
	background:url(/images/icone_video.png) no-repeat left top;
}
.type6 {	
	background:url(/images/icone_livres.png) no-repeat left top;
}
.type7 {	
	background:url(/images/icone_dvd.png) no-repeat left top;
}
.type8 {	
	background:url(/images/icone_musique.png) no-repeat left top;
}
#colonne_droite .favori {
	margin-top: 10px;
	padding: 0px 0px 5px 50px;  
	height: 25px;
	background:url(/images/icone_favori.png) no-repeat left top;
}
#colonne_droite .favori a {
	font: bold 14px Trebuchet MS, Arial; color:#FFF; 
	text-decoration: none; 
	text-align:left;
	margin-top: 10px;
}
#colonne_droite .favori a:hover {
	text-decoration: underline;
}
#colonne_droite .banner {
	width:160px; 
	/* height:600px; */ 
	margin: 20px 0px 0px 20px;
}

#contenu .footer_contenu {
	background: url(/images/site_footer2.png) no-repeat;
	width: 1015px;
	height: 32px;
	display:block;
}
#footer {
	position:relative;
	top:30px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	/*background-color:#E2FEFE;*/
	padding:10px;
	color:#666;
	background-color:#f7f4f4;
	border-style: solid;
	border-width: 1px;
	border-color: #0099FF;
}
#footer a {
	color:#666;
}
#moteur {
    position:relative;
	left: -10px;
    float: right;
	font-family:Verdana, Geneva, sans-serif;
	color:#0099FF;
	width:370px;
}
.pays {
	font-family:Verdana, Geneva, sans-serif;
	color:#0099FF;
	font-size:14px;
}
.pays a {
	color:#0099FF;
	text-decoration:underline;}
.pays a:hover{
	text-decoration:none;}

/* Google Weather API	*/
#meteo {
    position:relative;
	left: -10px;
    float: right;
	font-family:Verdana, Geneva, sans-serif;
	color:#0099FF;
	width:370px;
}
#meteo form {
 height: 25px;
    text-align: left!important;
}
#meteo .addthis{
    padding-bottom: 20px;
    position: relative;
    top: 20px;}
#meteo .titre {
	background-color: #CBF3FE;
    width: 370px;
	text-align:left;
	padding-top:5px;}
		
.icon {float: left; height: 70px; margin-right: 20px;}
.current {float: left; width: 350px; /*height: 120px;*/ background-color: #CBF3FE; padding:10px;font-size: 13px;}
.forecast {float: left; width: 92px; text-align: center;font-size: 13px;background-color: #CBF3FE; padding-bottom:10px;}

/* LOCALISATION */

#googlemap {
	position:absolute;
	left:1px;
	top:117px;
	width:725px;
	height:500px;
	z-index:4;
}

#map-canvas {
	width: 700px; 
	height: 440px
}
#images { height: 185px; width: 240px; padding:0; margin:0; overflow: hidden;}
#images img { border:none;}	

/* PHOTO */
.photo  {
   left: -15px;
    position: relative;
    width: 730px;
}

/* Youtube API */
div#container { /* width:630px; margin:100px auto; padding:25px; border:1px solid #bbb; font: verdana,arial,sans-serif; color:#fff; background:#2193bd; */}
div#videoThumbs { /*width:352px;  float:left; */}
div#lectureVideo { /* display:none; */}

/* AMAZON */
.amazon  {
   left: -15px;
    position: relative;
    width: 730px;
}
#book {
	width: 720px; 
	height: 440px
}
.book_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration:none;
}
#cover a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#990000;
	text-decoration:none!important
	
}
#cover a:hover {
	text-decoration:underline!important
}
#cover a:hover img {
	box-shadow: 10px 10px 10px #DFDFDF;
	padding:1px;
}
#cover {

	width: 160px; 
	height: 275px;
	float:left;
	text-align:center;
	background:#ECFFFF;
	margin:5px;
	padding:5px;
				
	border-style: solid;
	border-width: 1px;
	border-color:#CCCCCC;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration:none;
	overflow:hidden;
}

.prix { color: #0099FF;	}

/* CUSTOMIZE AUTOSUGGEST STYLE	*/
#search-wrap input{width:320px; font-size:24px; color:#999999; padding:6px; border:solid 1px #999999;}
#search-wrap-small input{width:100px; font-size:14px; height:15px; color:#999999; border:solid 1px #999999; position:relative;top:3px;}
#results{position:absolute; left:10px; z-index: 2; background: #9CF; width:330px; border:solid 1px #DEDEDE; display:none; 	}
#search-wrap-small #results{position:absolute; left:30px; top:85px;z-index: 2; background: #9CF; width:200px; border:solid 1px #DEDEDE; display:none; 	}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000;}
#results li a small{ text-decoration:none; color:#000000; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
}
#location_change{
	color: #FFF;
    font-family: trebuchet MS;
    font-size: 12px;
    font-weight: normal;
	position:relative;
	top:-10px;
	left:-30px;
}
	
/*--------------- google map weather layer ----------------------*/
#WeatherForecast{
    background-color: #FFFFFF;
    border: 1px solid #DEDBD1;
    box-shadow: 5px 5px 5px #DFDFDF;

    padding: 10px;
    position: relative;
    top: -10px;
	float: left;
	width: 370px;
}
#WeatherOptions {
    background-color: #CBF3FE;
	border: 1px solid #DEDBD1;
    box-shadow: 5px 5px 5px #DFDFDF;
    color: #00BEF4;
    font: 14px Trebuchet MS,Arial;
    text-align: center;
	width: 270px;
	
	margin-right: 20px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-top: 17px;
    position: relative;
    top: -10px;
	float: right;
}
/* Google Map v3 Panoramio Layer ----------------*/

#photo-panel {
        background: #fff;
        padding: 5px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 300px;
        max-height: 300px;
        font-size: 14px;
        font-family: Arial;
        border: 1px solid #ccc;
        box-shadow: -2px 2px 2px rgba(33, 33, 33, 0.4);
        display: none;
      }
#map-canvas-panoramio{
	width: 700px; 
	height: 440px
}