/*-----------------------------------------------------------------------
Feuille de style site web de la tournée Emerge!
version:	1.0.0
date:		27 février 2010
auteur: 	Frédéric Gentil www.fredgentil.com
/*-------------------------------------------------------------------- */

/* !Reset global */
/*-------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, ul, ol {
margin: 0 0 1em;
}

/* !Élements de base */
/*-------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #3e86c2; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: .25em solid #e3e3e3; margin-left: 1.5em; padding-left: 1.5em;}

body {
font-family: "Verdana", Helvetica, Arial, Sans-serif;
font-size: 14px;
line-height:1.5em;
background: #190d1b url(img/bg.gif);
color: #eee;
padding: 0 0 15px 0;
}

textarea, input {
font-family: "Helvetica", Arial, Sans-serif;
font-size: 14px;
line-height:1.5em;
}

span {
visibility:hidden;
}

#conteneur {
width: 862px;
left: 50%;
margin: 0 0 0 -431px;
position: relative;
}

#haut {
background: transparent url('img/haut.jpg') no-repeat;
height: 243px;
}

#contenue {
margin: 0;
padding: 0;
background: transparent url('img/bg.jpg') no-repeat;
}

#dedant_contenue {
padding: 30px 81px 0px 81px;
width: 700px;
/*border: 2px solid #1d1d1d;*/
}

#dedant_contenue_accueil {
padding: 0px 81px 0px 81px;
width: 700px;
/*border: 2px solid #1d1d1d;*/
}

/* MENU */
/*-------------------------------------------------------------------- */

#menu {
margin: 0;
padding: 0;
height: 51px; 
width: 560px;
position: absolute;
top: 193px;
left: 150px;
z-index: 3;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}

#menu a {
margin: 0;
padding: 0;
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 50px; 
text-decoration: none;
background: transparent url(img/menu.jpg)
}


#menu_accueilfr a {
width: 145px;
background-position: 0% 0px;
}

#menu_accueilfr a:hover {
background-position: 0% -51px;
}

#menu_nouvellesfr a {
width: 160px;
background-position: -145px -0%;
}

#menu_nouvellesfr a:hover {
background-position: -145px -51px;
}

#menu_nouvelles_hoverfr a {
width: 160px;
background-position: -145px -51px;
}

#menu_artistesfr a {
width: 127px;
background-position: -307px 0%;
}

#menu_artistesfr a:hover {
background-position: -307px -51px;
}

#menu_artistes_hoverfr a {
width: 127px;
background-position: -307px -51px;
}

#menu_mediafr a {
width: 127px;
background-position: -430px 0%;
}

#menu_mediafr a:hover {
background-position: -430px -51px;
}

#menu_media_hoverfr a {
width: 127px;
background-position: -430px -51px;
}

#menu_accueilen a {
width: 143px;
background-position: 0% -109px;
}

#menu_accueilen a:hover {
background-position: 0% -160px;
}

#menu_nouvellesen a {
width: 121px;
background-position: -143px -109px;
}

#menu_nouvellesen a:hover {
background-position: -143px -160px;
}

#menu_nouvelles_hoveren a {
width: 121px;
background-position: -143px -160px;
}

#menu_artistesen a {
width: 144px;
background-position: -264px -109px;
}

#menu_artistesen a:hover {
background-position: -264px -160px;
}

#menu_artistes_hoveren a {
width: 144px;
background-position: -264px -160px;
}

#menu_mediaen a {
width: 150px;
background-position: -408px -109px;
}

#menu_mediaen a:hover {
background-position: -408px -160px;
}

#menu_media_hoveren a {
width: 150px;
background-position: -408px -160px;
}

/*-------------------------------------------------------------------- */




/* DATES */
/*-------------------------------------------------------------------- */

	#toronto {
	position: absolute;
	top: -20px;
	left: 80px;
	}

	#toronto a {
	width: 95px;
	height: 25px;
	}

	#newyork {
	position: absolute;
	top: 15px;
	left: 65px;
	}

	#newyork a {
	width: 120px;
	height: 25px;
	}

	#vancouvert {
	position: absolute;
	top: 50px;
	left: 65px;
	}

	#vancouvert a {
	width: 125px;
	height: 25px;
	}

	#montreal {
	position: absolute;
	top: 85px;
	left: 85px;
	}

	#montreal a {
	width: 105px;
	height: 25px;
	}

	#miami {
	position: absolute;
	top: 155px;
	left: 132px;
	}

	#miami a {
	width: 80px;
	height: 25px;
	}
	
	#quebec {
	position: absolute;
	top: 120px;
	left: 102px;
	}

	#quebec a {
	width: 80px;
	height: 25px;
	}

	#geneva {
	position: absolute;
	top: 0px;
	left: 565px;
	}

	#geneva a {
	width: 90px;
	height: 25px;
	}

	#roma {
	position: absolute;
	top: 35px;
	left: 560px;
	}

	#roma a {
	width: 70px;
	height: 25px;
	}

	#madrid {
	position: absolute;
	top: 70px;
	left: 552px;
	}

	#madrid a {
	width: 85px;
	height: 25px;
	}

	#paris {
	position: absolute;
	top: 105px;
	left: 543px;
	}

	#paris a {
	width: 65px;
	height: 25px;
	}

	#tokyo {
	position: absolute;
	top: 140px;
	left: 518px;
	}

	#tokyo a {
	width: 75px;
	height: 25px;
	}

#dates {
height: 200px;
position: relative;
margin: 0;
margin: 20px 0 0 0;
}

#dates ul {
margin: 0;
padding: 0;
}

#dates li {
list-style-type: none;
z-index: 3;
}

#dates a {
color: white;
font-size: 20px;
}

/*-------------------------------------------------------------------- */

h1 a{
display: block;
width: 490px;
height: 110px;
position: relative;
left: 190px;
top: 50px;
}

h1 a:hover {
text-decoration: none;
}

#youtube {
text-align: center
}

#billets_dvd_pageaccueil {
display: block;
padding: 0px 0 0 120px;
background: transparent url('img/ticketdvd.png') no-repeat;
float: left;
}

#clear {
clear: both;
}

#socialicons_accueil {
margin: 25px 20px 0 0;
padding: 0;
text-decoration: none;
/*float: right;*/
}

#socialicons_accueil img {
border: none;
}

#socialicons_accueil li {
list-style-type: none;
float: left;
margin: 0 5px;
}

#bgsuzanne {
background: transparent url('img/suzannebg.png') no-repeat;
background-position: center -80px;
padding-top: 25px;
}

#footer {
padding: 5px 0 0 40px;
background: transparent url('img/footer.jpg') no-repeat;
background-position: top center;
}

#footer p {
text-align: center;
}

/*PLOGGER*/

.slides li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

.slides img {
border: 3px solid white;
}

.slides img:hover {
border: 3px solid #3e86c2;
}

.photos-large {
border: 3px solid white;
}

.photos-large:hover {
border: 3px solid #3e86c2;
}

#description {
margin: 0 0 50px 0;
}

#liste_nouvelles li, #liste_artistes li, #nouvelles, .section_photos, #section_videos,.boites_commentaires {
background: transparent url(img/bg_blanc_haut.png) top no-repeat;
margin: 0 0 30px 0;
padding: 11px 0 0 0;
list-style-type: none;
}

.boites_commentaires {
background: transparent url(img/bg_blanc_haut_500.png) top no-repeat;
margin: 0 0 30px 0;
padding: 11px 0 0 0;
list-style-type: none;
}

.boites_commentaires {
width: 500px;
}

#liste_nouvelles h3, #liste_artistes h3 {
font-size: 25px;
margin: 0 0 5px 0;
padding: 0;
}

.dedant_nouvelles, #dedant_artistes, .dedant_photos, #dedant_videos, .boites_commentaires_dedant {
background: transparent url(img/bg_blanc_bas.png) bottom;
padding: 4px 15px 15px 15px;
}

#description_artistes {
float: left;
width: 515px;
}

#dedant_artistes img {
float: right;
}

.boites_commentaires_dedant {
background: transparent url(img/bg_blanc_bas_500.png) bottom;
padding: 4px 15px 15px 15px;
}

.boites_commentaires_dedant li {
margin: 0 0 0 20px;
}


.dedant_photos h2, .dedant_photos #description {
text-align: center
}

.photos-large {
display: block;
margin-left: auto;
margin-right: auto
}

#thumbnail-container {
position: relative;
margin-left: 12px;
width: 700px
}

#thumbnail-container a {
color: white;
}

.dedant_photos h3, #dedant_videos h3, #admin_accueil h3 {
font-size: 25px;
}

.dedant_nouvelles h3 {
font-size: 25px;
margin: 0 0 5px 0;
paddin: 0;
}

#co {
margin: 0;
padding: 0;
}

fieldset {
border: 0px;
}

.translate_menu ul{
margin:0;
padding:0;
}

.translate_menu img {
position: relative;
top: 3px;
border: 0px solid #1d1d1d;*/
}

.translate_menu li {
float: left;
margin: 0 0 0 10px;
list-style-type: none;
padding: 0;
}

.translate_menu {
position: absolute;
right: 50px;
margin: 0;
padding: 0;
}

img, div, #billets_dvd_pageaccueil, #bgsuzanne, #liste_nouvelles li, #liste_artistes li, #nouvelles, .section_photos, #section_videos,.boites_commentaires, .dedant_nouvelles, .dedant_photos, #dedant_videos, .boites_commentaires_dedant { behavior: url(iepngfix.htc) }

#bulle {
width: 433px;
height: 275px;
position: absolute;
top: -60px;
left: 137px;
text-align: center;
background: transparent url(img/bulle.png) no-repeat;
z-index: 1;
}

#dans_bulle {
width: 330px;
margin-left: 52px;
margin-top: 70px;
}

.miniature_plogger_aleatoire {
width: 800px;
margin: 0;
padding: 0 0 0 31px;
}

.miniature_plogger_aleatoire li {
list-style-type: none;
float: left;
margin: 0;
padding: 8px 0px 8px 14px;
}

.miniature_plogger_aleatoire a{
margin: 0;
padding: 0;
}

.miniature_plogger_aleatoire img {
margin: 0;
padding: 0;
border: 3px solid white;
}

.miniature_plogger_aleatoire img:hover {
border: 3px solid #3e86c2;
}