* { margin: 0; padding: 0; }


/*-----------------------------------------------------------
					CONTENT REDEFINITION
------------------------------------------------------------*/

	body {
		font: normal 0.9em 'Helvetica Neue', arial, verdana, sans-serif;
		color: #68676a;
		line-height:1.3em;
		background-color: #fff;
	}

	h1, h2, h3, .flash, a { color: #49126e; line-height:120%;}

	h3 { padding: 20px 0 15px; }
	
	p {font-size:0.9em;}
	
	#offres_legal {font-size:9px;padding-top:8px;float:left;width:100%;}
	#offres_legal a {color:#8dc641; text-decoration:none;}

	a { outline: none;}

	a:hover { color: #8dc641; text-decoration: underline; }
	.green { color: #8dc641;}
	.white {color:#ffffff;}
	.bold {font-weight:bold}
	.biggerText {font-size:1.3em;}
	.grey {font-size:0.8em; color:#999999;position:absolute;left:209px;bottom:-14px;width:180px;}
	#music_header {font-weight:normal;}
	img { border: 0; }

	fieldset { 	border: 0; padding: 20px 0 0 10px;  }
	#form_width {width:877px; padding: 9px 32px 30px 80px;}

	fieldset fieldset {
		padding: 40px 0 0;
	}

	label {
		padding: 4px 0;
		width: 133px;
		display: block;
		float: left;
		position:relative;
	}
	input { width: 218px;margin: 4px 0; }
	.clear {clear:both;}



/*-----------------------------------------------------------
					CONTAINER
------------------------------------------------------------*/

	#wrap {
		width: 1014px;
		margin: 0 auto;
	}
	
	ul#header { list-style: none; text-align: right;padding: 10px 0; font-size: .6em; }
	
	#content { background: url(/images/backgrounds/bg_content.png) repeat-y left top;
		float: left; }

	#footer {
		font-size: .7em;
		background: url(/images/backgrounds/bg_bottomcontent.png) no-repeat left top;
		padding: 30px 0 30px 5px;
		width: 1010px;
		float: left;
	}

/*-----------------------------------------------------------
					COMMONS
------------------------------------------------------------*/

	.border { border:1px solid red; }

	a.more {
		font-weight: bold;
		color: #6ad100;
		text-decoration: none;
		background: url(/images/buttons/arrow_more.gif) no-repeat right center;
		padding-right: 10px;
	}

	.arrow_go {
		background: url(/images/buttons/arrow_go.gif) no-repeat left center;
		padding-left: 20px;
	}

	.button {
		background: url(/images/buttons/button_left.gif) no-repeat left top;
		padding: 0;
		display: block;
		float: left;
	}
		.button a {
			background: url(/images/buttons/button_right.gif) no-repeat right top;
			color: #fff;
			font-weight: bold;
			font-size: 1em;
			text-decoration: none;
			padding: 4px 30px 6px 15px;
			display: block;
			float: left;
		}

	.enterFirstPart{
		margin: 5px 0 0 265px;
		padding: 0;
	}
	.enterSecondPart { margin: 15px 0 0 200px; }
	span.required {
		font-size: .8em;
		padding: 5px 0 0 15px;
		display: block;
		float: left;
	}
	.inputside { padding-left: 10px; }

	.bullet { width: 360px; }

		.bullet li {
			list-style: none;
			/*background: url(/images/backgrounds/bullet.gif) no-repeat left 10px;*/
			padding: 5px 0 5px 0px;
		}
	.displayLagairilla { background: url(/images/placeholders/lagairilla_display.jpg) no-repeat right bottom; height: 360px; margin-bottom: -40px; }

	label.required { background: url(/images/backgrounds/required.gif) no-repeat 120px 10px;}


	.linkOutside { float: right; padding: 10px 0; }
	.linkOutside a.more { font-weight: normal; }

/*----------------------------------
				HEADER
-------------------------------------*/

		ul#header li { display: inline; padding-right: 10px; float:right; }
			ul#header li a { text-decoration: none; }
			.at300bs, .at15t_compact {width:1px !important; background:none !important;}

	.session { background: url(/images/buttons/arrow_login.gif) no-repeat right center; padding-right: 13px; }

	.temps_noContest {width:120px;height:66px;background-color:#fff;z-index:999;display:block;right:40px;top:10px;position:absolute;}

/*----------------------------------
				CONTENT
-------------------------------------*/

	.header {
		background: url(/images/backgrounds/bg_topcontent.png) no-repeat left top;
		width: 945px;
		padding: 2px 40px 25px 29px;
		float: left;
		position:relative;
	}
	.header .logoTelus {
		float: left;
		padding-top:28px;
	}
	.nav, .sousnav {
		list-style: none;
		padding-top: 15px;
		float: right;
		width: 774px;
		text-align: right;
		white-space: nowrap;
		font-size:0.9em;
	}
		.nav li, .sousnav li {
			list-style: none;
			padding: 0 13px;
			display: inline;
		}
			.nav li a, .sousnav li a {
				font-size: 1.25em;
				text-decoration: none;
				padding-bottom: 2px;
			}
			.sousnav li a {
				font-size: .8em;
			}
				.nav li a:hover { border-bottom: 2px solid #6ad100;}
				.sousnav li a:hover { border-bottom: 3px solid #6ad100;}

	.sousnav {
		padding-bottom: 4px;
		margin-right: 15px;
		border-bottom: 1px solid #6ad100;
	}
	.sousnav.last, .nav.last { padding: 0 0 0 15px !important; }
	.sousnav.first, .nav.last { padding: 0 15px 0 0 !important; }

	.new_home {
		color: #49126e;
		background: url(/images/backgrounds/bg_new_home_alone.png) no-repeat left bottom;
		width: 957px;
		height:325px;
		padding: 0px;
		margin-top: -50px;
	}
		
		#new_home_text_wrapper {
			float:left;
			padding:90px 0px 0px 450px;
			width:340px;
		}
		
		#new_home_text_wrapper .little {
			font-size:0.9em;
			padding-top:10px;
		}
		#new_home_text_wrapper .participez {
			padding-top:20px;
			padding-right: 15px;
			float:right;
		}
		#new_home_article {
			width:200px;
			position:relative;
			padding: 90px 20px 0px !important;
			float:right;
			height:234px;
		}
		#new_home_article p {color:#68676a;margin:8px 0px;}
		#new_home_article .block_bg {position:absolute;bottom:0px;left:20px;}

	.flash {
		color: #49126e;
		background: url(/images/placeholders/display_music.jpg) no-repeat left bottom;
		width: 957px;
		padding: 0px;
	}
		.flash h1 {
			font-size: 3em;
			letter-spacing: .05em;
			text-indent: -1000000px;
			padding: 22px 0 0 103px;
			float: left;
		}
		.flash h2 {
			font-size: 2em;
			padding: 0 60px 0 0;
			width: 410px;
			float: right;
		}
		.flash p, .flash div {
			font-size: 1.2em;
			padding: 14px 60px 0 0;
			width: 410px;
			float: right;
		}
		.flash div {
			font-size: 1em;
			width: auto;
			clear: both;
			padding: 0;
			margin:  23px 70px 0 0;
		}
	.content {
		width: 957px;
		padding: 9px 32px 30px 25px;
		float: left;
		position: relative;
	}
	#home_content {
		padding: 9px 32px 0px 25px;
	}
	.section { border-bottom: 1px solid #dedede; float: left; padding-top: 5px; }

	.article {
		width: 286px; height: 115px;
		padding: 17px 10px 130px 23px;
		background: url(/images/backgrounds/bg_article_3.png) no-repeat left bottom;
		float: left;
		position: relative;
	}
	.section .last {
		width: 285px;
		background: url(/images/backgrounds/bg_article_3_last.png) no-repeat left bottom;
	}
	.section #last {
		width: 285px;
		background: url(/images/backgrounds/bg_article_3_last.png) no-repeat left bottom;
	}

.article p { padding: 10px 0; }



/*-----------------	login   -----------------*/
	
	#login {background: url(/images/backgrounds/login.jpg) no-repeat 500px 20px;margin-bottom:30px;padding-bottom:100px;}
	
	fieldset h1 {
		font-size: 1.5em;
		padding-bottom: 4px;
	}
		fieldset h2 {
			font-size: 1.5em;
			padding-bottom: 4px;
		}
			fieldset div h2 {
				font-size: 1.2em;
				padding-bottom: 4px;
				border: 0;
			}
		fieldset p { padding: 15px 0; width: 90%; }
		fieldset fieldset p { padding: 15px 0; width: 100%; }
		fieldset fieldset input { margin: 5px 0; }

	.persInfos {
		width: 550px;
		padding-right: 405px;
		float: left;
	}
	.persInfos .bullet { width: 540px; }
	.persInfos .enterSecondPart {
		margin: 5px 0 35px 308px;
		padding: 0;
	}
	#second_header {width:520px;margin-top:15px;margin-right:430px;}
	#login .input_row {width:540px;margin-right:410px;float:left;padding:2px 0px;}
	input.login_btn{width:auto;margin-left:207px;margin-right:25px;}
	#login span.login_required{font-size:0.7em;padding-left:259px;}
	.prettyContent .input_row input#UserEmail{margin-bottom:10px;margin-top:4px;width:185px;}
	.prettyContent input.login_btn{width:auto;margin-left:250px;margin-right:25px;}
	

	.fourArticles .article {
		width: 206px;
		background: url(/images/backgrounds/bg_article.png) no-repeat left bottom;
		position:relative;
	}
	
	.fourArticles .last {
		width: 210px;
		padding: 17px 10px 130px 20px !important;
	}
	
	.threeArticles {
		padding: 5px 0px 10px 0px;
	}
	
	.threeArticles .article {
		width: 275px;
		border-right:1px solid #dbdbdb;
		position:relative;
		background:none;
	}
	
	.threeArticles .last {
		width: 286px;
		padding: 17px 20px 130px !important;
		border-right:none;
	}
	.section #specials_03 {
		width: 279px;
		padding: 17px 20px 130px !important;
		border-right:none;
		background: url(http://lgbt.web/images/backgrounds/bg_article_3_last.png) no-repeat 0% 100%;
	}
	.twoArticles .article {
		width: 450px;
		border-left:1px solid #dbdbdb;
		position:relative;
		background:none;
	}
	
	.twoArticles .last {
		width: 430px;
		padding: 17px 20px 130px !important;
		border-right:1px solid #dbdbdb;
	}
	
	.imgFix .article img { position:absolute; left:60px; bottom: 0; }
	
		#index_01, #index_02, #index_03, #index_04 {height:160px;position:relative;}
		.twoArticles #index_01,.twoArticles  #index_02, .twoArticles #index_03, .twoArticles #index_04 {height:130px;}
		#index_01 .more, #index_02 .more, #index_03 .more, #index_04 .more{position:absolute;bottom:125px; left:21px;}
		#specials_01, #specials_02, #specials_03 {height:155px;}
		#gaiLogo, #gaiLogos {height:150px;position:relative;}
		#gaiLogos #communiquer {position:absolute;bottom:10px;width:430px;left:20px;text-align:left;font-size:0.9em;}
	
		.fourArticles #index_01 .block_bg {position:absolute;bottom:0px;left:20px;width:185px;}
		.fourArticles #index_02 .block_bg {position:absolute;bottom:0px;left:50px;width:145px;}
		.fourArticles #index_03 .block_bg {position:absolute;bottom:0px;left:25px;width:190px;}
		.fourArticles #index_04 .block_bg {position:absolute;bottom:0px;left:42px;width:155px;}
		
		#tele1, #tele2, #tele3, #tele4 {height:175px;}
		#tele1 p, #tele2 p, #tele3 p, #tele4 p {height:135px;}
		#tele1 small, #tele2 small, #tele3 small, #tele4 small {font-size:9px;line-height:1.2em;margin-top:-8px;text-align:left;float:left;}
		.fourArticles #tele1 .bg_img {position:absolute;bottom:0px;left:15px;}
		.fourArticles #tele2 .bg_img {position:absolute;bottom:0px;left:25px;}
		.fourArticles #tele3 .bg_img {position:absolute;bottom:0px;left:65px;}
		.fourArticles #tele4 .bg_img {position:absolute;bottom:0px;left:12px;}
	
		#specials_01 .block_bg {position:absolute;bottom:0px;left:30px;width:240px;}
		#specials_02 .block_bg {position:absolute;bottom:0px;left:52px;}
		#specials_03 .block_bg {position:absolute;bottom:0px;left:52px;}
			
	#gaiecoute {float:left;text-align:center;width:100%;color:#ffffff;font-size:0.75em;margin-top:8px;height:24px;line-height:24px;background:url(/images/backgrounds/gaiecoute.jpg) center top no-repeat;position:relative;}
	#gaiecoute a {font-weight:bold;color:#ffffff;}
	#gaiecoute img {margin-bottom:-9px;margin-left:10px;}
	#gaiecoute #extra_gaiecoute {position:absolute;right:9px;bottom:-5px;color:#68676a;}

/*-----------------	forms   -----------------*/
	.login_error {color:red;font-style:italic;font-weight:bold;font-size:0.85em;}
	.error-message, #recommender p.input_row label.error, #recommendee p.input_row label.error {color:red;float:right;width:410px;margin-right:10px;font-style:italic;font-weight:bold;font-size:0.85em;text-align: right;padding:4px 0px 6px 0px}
	.champs_obligatoires {position:absolute;top:40px;right:15px;font-size:0.6em;color:#666666;}
	#recommender .champs_obligatoires img, #recommendee .champs_obligatoires img, #recommendee .champs_obligatoires_notop img {padding-top:5px;}
	#top_row {padding-top:20px;}
	.champs_obligatoires_notop {position:absolute;top:4px;right:15px;font-size:0.6em;color:#666666;}
	.createAccount { width: 850px; padding-bottom: 200px; position: relative;}
	#specialAccount {width:750px;padding-left:55px;}
	#specialAccount h1 {border-bottom:none;}
	.createAccount p.input_row{ width:428px;float:left;padding:3px 0px;}
	.createAccount p.input_row label{ width:200px;float:left;}
	.createAccount p.input_row input{ width:200px;float:left;}
	.createAccount p.input_row label.longer_label {width:250px;}
	
	.createAccount p#radio_btn label#longer_label {width:250px;padding:8px 0px;}
	.createAccount p#radio_btn .radio {width:15px;margin:4px;}
	.createAccount p#radio_btn label {width:30px;padding:3px}
	
	.createAccount p#radio_btn2 label#longer_label {width:250px;padding:8px 0px;}
	.createAccount p#radio_btn2 .radio {width:15px;margin:14px 4px;}
	.createAccount p#radio_btn2 label {width:30px;padding:13px 3px}
	
	.createAccount p#radio_btn3 label#longer_label {width:250px;padding:8px 0px;}
	.createAccount p#radio_btn3 .radio {width:15px;margin:4px;}
	.createAccount p#radio_btn3 label {width:30px;padding:3px;}
	
	.createAccount p#radio_btn4 label#longer_label {width:250px;padding:8px 0px;}
	.createAccount p#radio_btn4 .radio {width:15px;margin:4px;}
	.createAccount p#radio_btn4 label {width:30px;padding:3px;}
	
	.createAccount p.input_row select#UserProvider{width:163px;margin-left:20px;}
	.createAccount p.input_row select#UserContract{width:163px;margin-left:20px;margin-top:6px;}
	.createAccount p.input_row select#ContestantProvider{width:163px;margin-left:20px;}
	.createAccount p.input_row select#ContestantContract{width:163px;margin-left:20px;margin-top:6px;}
	.createAccount p.input_row select#RecommendationProvider{width:163px;margin-left:20px;}
	.createAccount p.input_row select#RecommendationContract{width:163px;margin-left:20px;margin-top:6px;}
	
	.createAccount p.checkbox_p input.checkbox {width:15px;margin-top:5px;margin-right:15px;}
	.createAccount p.checkbox_p label {width:390px;}
	.createAccount p.input_row .valider_btn {width:auto;margin-left:328px;}
	.createAccount h2 {width:100%; float:left;padding-bottom:20px;}
	
	#recommendee {width:420px;float:left;position:relative;}
	#recommender {float:right;margin-bottom:250px;width:390px;position:relative;}
	#recommender img, #recommendee img {float:left;padding-top:8px;padding-right:3px;}
	#recommender p.input_row {width:390px;}
	#recommendee p.input_row {width:420px;}
	#recommender p.ajouter_wrapper {text-align:right;font-size:0.8em;font-weight:bold;margin-bottom:8px;margin-right:10px;width:380px;cursor:pointer;}
	#recommender p#remove1, #recommender p#remove2 {text-align:right;font-size:0.8em;font-weight:bold;cursor:pointer; padding-right:33px;height:24px;background:url(/images/buttons/enlever.jpg) top right no-repeat;width:344px;}
	#recommender p.input_row label{ width:163px;float:left;}
	#recommendee p.input_row label{ width:200px;float:left;}
	#recommendee p#postal label {width:209px;}
	#recommendee p.input_row label.longer_label, #recommender p.input_row label.longer_label {width:250px;}
	#recommendee p#radio_btn label#longer_label {width:250px;padding:8px 0px;}
	#recommendee p#radio_btn .radio {width:15px;margin:4px;}
	#recommendee p#radio_btn label {width:30px;padding:3px}
	#recommendee p#radio_btn2 label#longer_label2 {width:250px;padding:0px;}
	#recommendee p#radio_btn2 .radio {width:15px;margin:4px;}
	#recommendee p#radio_btn2 label {width:30px;padding:3px}
	#recommendee p#radio_btn3 label#longer_label3 {width:200px;padding:8px 0px;}
	#recommendee p#radio_btn3 .radio {width:15px;margin:4px;}
	#recommendee p#radio_btn3 label {width:55px;padding:3px}
	#recommendee p#radio_btn4 label#longer_label3 {width:200px;padding:8px 0px;}
	#recommendee p#radio_btn4 .radio {width:15px;margin:4px;}
	#recommendee p#radio_btn4 label {width:55px;padding:3px}
	#recommendee p#contract label, #recommendee p#fournisseur label {width:230px;}
	#recommender p.courriel_push {margin-bottom:15px;}
	#recommendee p.checkbox_p input.checkbox {width:15px;margin-top:10px;margin-right:5px;}
	#recommendee p.checkbox_p label {width:390px;}
	
	#recommender p.input_row .ajouter {width:auto;margin-left:0px;text-align:right;margin-bottom:-7px;float:none;}
	#recommender p.input_row .valider_btn {width:auto;margin-left:280px;}
	
	.displayAccount {
		background: url(/images/backgrounds/displayAccount.png) no-repeat left top;
		position: absolute; right: 10px; bottom: 55px;
		width: 345px; height: 436px;
	}
	.displayRecommend {
		background: url(/images/backgrounds/displayRecommend.png) no-repeat left top;
		position: absolute; right: -15px; bottom: -15px;
		width: 358px; height: 255px;
	}
	.displayContest {
		background: url(/images/backgrounds/displayAccount.png) no-repeat left top;
		position: absolute; right: -15px; top:0px;
		width: 345px; height: 415px;
	}
/*-----------------	Offres spéciales   -----------------*/

	.splashSpeciales {
		background: url(/images/placeholders/bg_speciales.jpg) no-repeat left bottom;
		width: 956px; height: 313px;
	}
	.splashSpeciales h1 {
		float: right;
		padding: 134px 125px 0 0;
	}





/*-----------------	Concours   -----------------*/
	.content_bg {
		background: url(/images/backgrounds/landingContest.png) no-repeat 6px 0px;
	}
	.splashConcours {
		width: 420px;
		padding:  50px 50px 105px 477px;
		font-size: 0.8em;
	}
		.splashConcours p.sub {
			color: #49126e;
			font-size: 1.2em;
			line-height:1.6em;
		}
		.splashConcours ul.sub li {
			color: #49126e;
			font-size: 1.2em;
			margin-left:15px;
			margin-top:10px;
		}

		.splashConcours p.participe{
			float: right;
			padding: 15px 0;
		}
		.splashConcours p .button a { font-size: 1.2em; }

	.rules { float: right; font-size: .9em; padding: 0 10px 50px; }
	.rules a { color: #8dc641; }




/*-----------------	Partenaires   -----------------*/

	.splashPartners { 
		background: url(/images/placeholders/bg_partners.jpg) no-repeat left bottom;
		width: 440px; height: 177px;
		padding: 130px 60px 0 462px;
	}
	.logo {
		position: absolute;
		left: 35px; bottom: 0px;;
	}
	.multi_logo {float:left;margin:40px 20px 0px;height:65px; }
	.last_multi_logo {margin-right:0px;}

	
/*-----------------	Music   -----------------*/

	#free_music img {float:left;padding-right:3px;display:inline;}
	#free_music img.last_img {padding-right:0px;}
	#music_p p {padding:10px 0px 4px 0px;}
	#music_p p.next {padding:4px 0px;}
	.galleryDisplay {height:340px;overflow:hidden;position:relative;background:url(/images/placeholders/display_music.jpg) no-repeat bottom;}
	.galleryDisplay h4 {position:absolute;top:20px; left:15px;z-index:9999;font-size:1.4em;color: #49126e; line-height:120%;font-weight:normal;}
	.galleryDisplay #tab_container {position:absolute; bottom:0px; left:15px;z-index:20001;height:25px;color:#a7a8aa;}
	.galleryDisplay #tab_container span {color:#8dc641;font-weight:bold;font-size:0.8em;cursor:pointer;}
	.galleryDisplay #tab_container span.selected {color:#a7a8aa;}
	.galleryDisplay #exclusive {color:#a7a8aa;font-weight:bold;font-size:0.6em;position:absolute;bottom:5px;right:15px;z-index:20010;}



/*-----------------	Palmares   -----------------*/


	.splashPalmares, .applications {
		padding: 26px;
		float: left;
	}
	
	.splashPalmares h1 {
		background: url(/images/icons/couronne.png) no-repeat 56px top;
		font-size: 1.5em;
		padding: 20px 0px 5px 30px;
		font-weight:normal;
	}
	.applications h1 {
		font-size: 1.5em;
		padding: 20px 0 5px;
	}

#lesbienne strong { background: url(/images/icons/lesbienne.png) no-repeat left top; text-indent: -100000px; float: right; width: 20px; height: 16px; }
#gailuron strong { background: url(/images/icons/gay.png) no-repeat left top; text-indent: -100000px; float: right;width: 18px; height: 16px; }


	.listingContent { width: 777px; }
		.listingContent ul { list-style: none; float: left; }

		.splashPalmares ul.navTop { padding-top: 12px; width: 777px; padding-left:20px; }
		.splashPalmares ul.navTop li { float: left; padding-right: 40px; }
		.splashPalmares ul.navTop a { text-decoration: none; padding-bottom: 9px; float: left; }
		.splashPalmares ul.navTop a:hover, .splashPalmares ul.navTop a.selected {  padding-bottom: 6px; border-bottom: 3px solid #6ad100; }
			.splashPalmares ul.navTop li.right { float: right; padding-right: 0; padding-left: 100px; }
				.splashPalmares ul.navTop li.right a{ border: 0; }

		.listingContent ul.listing {
			width: 387px;
			border-top: 1px solid #6ad100;
			border-left: 1px solid #dedede;
			float: left;
		}
		.applications ul.listing {
			font-size: .8em;
			border-top: 1px solid #dedede;
		}
			.listingContent ul.listing li {
				background: url(/images/backgrounds/bg_listing.gif) repeat-x left top;
				width: 347px; height: 54px;
				padding: 10px 20px;
				float: left;
				position: relative;
				border-bottom: 1px solid #dedede;
				border-right: 1px solid #dedede;
				clear: left;
			}
			.applications ul.listing li {
				padding: 20px 20px;
				height: 34px;
			}
			.listingContent ul.listing li img {
				position: absolute;
				right: 20px; top: 7px;
				height:60px; width:60px;
			}
			.listingContent ul.listing li a {
				color: #8dc641;
				border-bottom: 1px solid #8dc641;
			}
			.listingContent ul.listing li span { display: block; }
			.listingContent ul.listing li span {
				display: block; 	float: left;
			}

	.titlePh {
		font-size: 1.2em;
		color: #49126e;
		width: 100%;
		padding-bottom: 5px;
	}

	.nb { font-size: .9em; }





/*-----------------	Oreillettes   -----------------*/


	.oreillettes{
		background: url(/images/backgrounds/bg_appareils.jpg) no-repeat left bottom;
		float: left;
		position: relative;
		width: 956px;
		height:255px;
	}
	.showOreillettes h2 {margin-left:55px;}

	.showOreillettes {
		width: 950px;
		float: left;
		margin-left: 1px;
		margin-top: -25px;
	}
	.showOreillettes #box1 {width:320px;height:236px;float:left;}
	.showOreillettes #box1 p {padding:15px 0px 0px 55px;}
	.showOreillettes #box1 #headimg {float:left; padding:10px 0px 0px 44px;width:250px;}
	.showOreillettes #box1 #earimgwrapper {float:left;;padding:0px 0px 0px 50px;}
	.showOreillettes #box1 #earimgwrapper img {cursor:pointer;}
	.showOreillettes #box1 .littleDemo {background:url(../images/backgrounds/earname.jpg) no-repeat right top;width:85px; height:37px;float:left;color:#49126e;font-size:0.8em;line-height:37px;text-align:center;}
	.showOreillettes #box1 #info1 {margin-left:23px;}
	.showOreillettes #box1 #info2 {margin-left:62px;}
	.showOreillettes #box1 #info3 {margin-left:99px;}
	.showOreillettes #box1 #info4 {margin-left:135px;}
	.showOreillettes #box1 #info5 {margin-left:175px;}
	.showOreillettes #box1 #info6 {margin-left:210px;}
	.showOreillettes #box2 {width:375px;height:236px;float:left;}
	.showOreillettes #box2 p {font-size:0.9em;line-height:1.4em;padding-bottom:5px;width:370px;}
	.showOreillettes #box2 p.is_what {margin-top:15px;color:#49126E;font-weight:bold;}
	.showOreillettes #box2 a {color:#6AD100;}
	.showOreillettes sup {font-size:0.5em;}
	.showOreillettes #space {width:27px;height:212px;float:left;margin-top:15px;background:url(../images/backgrounds/space.png) no-repeat right top;}
	.showOreillettes #box3 {width:190px;height:236px;float:left;padding-left:33px;}
	.showOreillettes #box3 h1#percentage {font-size:5em;}
	.showOreillettes #box3 p {width:180px;padding-top:13px;}

	#smart_phone, #recommend_box {padding: 17px 10px 0px 23px;height:250px;position:relative;}
	#smart_phone .offre_more, #recommend_box .offre_more {position:absolute;bottom:140px;left:22px;}
	#recommend_box {
		width: 430px;
		padding: 17px 20px 0px !important;
		border-right:1px solid #dbdbdb;
	}
	
	#smart_phone .block_bg, #recommend_box .block_bg {position:absolute;bottom:0px;left:120px;}

	.oreiletteDescript {
		width: 529px;
		padding: 0 0 20px 0px;
		float: left;
	}
	.oreiletteDescript h1 { font-size: 1.3em; padding-top: 35px; }
		.oreiletteDescript h1 sup { font-size: .5em; }

	.oreiletteDescript ul { list-style: none; padding: 15px 0 0; }

		.oreiletteDescript ul li {
			list-style: none;
			background: url(/images/backgrounds/dot.gif) no-repeat 5px 5px;
			padding: 0 0 15px 20px;
		}

	.sale { color: #49126e; font-size: 1.1em; }

	.offre { padding: 30px 0 20px 0; width: 956px; float: left; border-bottom: 1px solid #dedede; font-size:0.9em;}
	.offre_more {position:absolute;bottom:152px;left:22px;}

	.offre h2 { font-size: 1.55em; padding-left:23px; }
	.offre ul { list-style: none;padding: 15px 0; }

	.offre ul li { list-style: none; float: left; line-height: 1.5em;}
	.offre ul li.un li {width:320px;}
	.offre ul li.deux li {width:480px;}
	
	.offre ul li strong { display: block; color: #49126e; font-size: 1.5em; padding-bottom: 10px; }


	.offre ul ul {
		padding:  5px 0 0;
	}
	.offre ul li li {
		/*background: url(/images/backgrounds/dot.gif) no-repeat left 8px;*/
		padding: 0 0 5px 0px;
	}
	.offre ul li a {
		color: #8dc641;
	}

	.un { /*background: url(/images/buttons/1.gif) no-repeat left top;*/ padding-left: 23px; width: 340px; }
	.deux {/* background: url(/images/buttons/2.gif) no-repeat left top;*/ padding-left: 50px; width: 495px; }
	.trois { background: url(/images/buttons/3.gif) no-repeat left top; padding: 5px 0 5px 40px; }

	.criteres { float: right; padding: 10px 5px; }
	.criteres a { color: #8DC641; }


/* ------------------------------------------------
						POPIN
-------------------------------------------------- */

	#overlay {
		background: #fff;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
	}

	.prettyPopin {
		display: none;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
		background:#ffffff url(../images/backgrounds/popin_bottom.png) no-repeat left bottom;
		padding-bottom: 20px;
		/*width: 829px !important;*/
	}

		.prettyPopin a#b_close {
			text-indent: -10000px;
			display: none;
			position: absolute; z-index: 2;
			right: 28px; top: 20px;
			background: url(../images/icons/close.gif) no-repeat right top;
			width: 20px; height: 20px;
		}

		.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			font-size: 1.2em;
			background:#ffffff  url(../images/backgrounds/popin_top.png) no-repeat left top;
		}

			.prettyPopin .prettyContent .prettyContent-container {
				display: none;
				padding: 5px 5px 5px 5px;
			}
			.prettyPopin .prettyContent .prettyContent-container h3 {
				background: url(../images/titles/h2_ltdtvgame_popup.png) no-repeat left top;
				text-indent: -100000px;
				width: 460px; height: 77px;
			}
			.prettyPopin .prettyContent .prettyContent-container div {
				padding: 5px 0px;
			}

			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}
			
			.prettyPopin .prettyContent .prettyContent-container div.admissibility {padding: 50px;font-size:0.8em;}
			.admissibility h2 {font-size:1.2em; font-weight:normal; padding:8px 0px;}
			.prettyPopin .prettyContent .prettyContent-container div.magasins {font-size:0.7em;line-height:1.2em;margin-bottom:1.2em;}
			.prettyPopin .prettyContent .prettyContent-container div.magasins h1 {padding: 10px;}
			.lost_popin {margin-right:20px;}
			


/*-----------------	Upload pictures   -----------------*/

 	.splashUpload {
		background: url(/images/placeholders/display_palmares.jpg) no-repeat center top;
		padding: 171px 50px 80px 70px;
		width: 830px;
	}
 	.splashUpload div.widthSet {
		padding: 0 60px 0 0;
		width: 385px;
		float: left;
	}
	 	.splashUpload div.showPicture {
			margin-top: -35px;
			width: 369px; height: 347px;
			padding: 0;
			position: relative;
			text-align: center;
			vertical-align: middle;
		}
	 	.splashUpload div.showPicture img.new{
			z-index:0;
			position: relative;
		}
		.splashUpload div.widthSet p{
			width:100%;
		}
		#crop_container {width:830px;position:relative;}
		
		.cadre {
			z-index:2;
			position: absolute;
			right: 0; top: 0;
		}
		
 	.splashUpload h1 {
		border-bottom: 0;
	}
	.uploaded_pic {padding-top:40px;height:280px;width:200px;}


	 	.splashUpload label { width: 120px; display: block; float: left; margin-bottom:20px; }
	 	.splashUpload input { width: 260px; margin: 5px 0;}
	 	.splashUpload label.checkbox { width: 260px; font-size: .75em; }
	 	.splashUpload input.checkbox { width: auto; float: left; margin-right: 10px; margin-top:17px;}
	 	.splashUpload input#submit {width:auto;}
	 	.splashUpload div.widthSet p.enterFirstPart {width:auto;}

	#icon_review #head h1 {float:left;width:460px;height:30px;}
	#icon_review #crop_container p {float:right;width:175px;height:30px;text-align:center;padding-top:25px;}
	#icon_review #crop_container input {width:78px;}
	
	div.fileinputs  {
		height:30px;
		position:relative;
		width:264px;
		float:left;
	}
	div.fakefile input {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		width: 154px;
	}
	div.fakefile img {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
		width: 104px;
	}
	input.file  {
		opacity:0;
		filter:alpha(opacity: 0);
		position:absolute;
		top: 0px;
		left: 0px;
		z-index:2;
		width:260px;
	}



/*-----------------	Upload pictures   -----------------*/


	.combat { background: url(/images/placeholders/display_combat.jpg) no-repeat center 83px; }

	.displayCombat {
		background: url(/images/placeholders/display_palmares.jpg) no-repeat center top;
		width: 415px;
		padding: 170px 275px;
	}
	.displayCombat h1 { font-size: 1.6em; padding: 0 0 10px 120px; }
	.displayCombat p { text-align: center; }
	.displayCombat ul { list-style: none; padding: 20px 0 0 145px; }
	.displayCombat li {
		padding-right: 20px;
		float: left;
	}
	.displayCombat li a {
		text-indent: -100000px;
		list-style: none;
		width: 28px; height: 28px;
		float: left;
	}
	.displayCombat li.mail a { background: url(/images/icons/mail.png) no-repeat left top; }
	.displayCombat li.facebook a { background: url(/images/icons/facebook.png) no-repeat left top; }
	.displayCombat li.twitter a { background: url(/images/icons/twitter.png) no-repeat left top; }





	.appareils {
		float: left;
		background: url(/images/backgrounds/bg_appareils.jpg) no-repeat left bottom;
		width: 956px;
	}
		.appareils h1 {
			font-size: 1.5em;
			padding: 5px 0 10px 15px;
		}
		.appareils div { float: left; }
		.showPhone {float:left;/* width:555px;*/}
		.showPhone ul { list-style: none; width: 555px;padding-bottom: 20px;padding-top:5px;padding-left:10px;float: left; }
			.showPhone ul li {
				list-style: none;			
				float: left;
				padding: 0px 5px;
				width:120px;
				text-align:center;
				position:relative;
				height:255px;
			}
		.showPhone .new_p {padding-left:15px;}
		.showPhone .small_phone_text {text-align:center;position:absolute;bottom:-5px;width:400px;}
		.showPhone #pink_square {background:#dab1bb;position:absolute; bottom:167px; right:-4px;width:11px;height:11px;display:none;}
		.showPhone #black_square {background:#000000;position:absolute; bottom:145px; right:-4px;width:11px;height:11px;display:none;}
		.showPhone img { height: 166px; width: 90px; padding-top:42px; display:inline !important; }
		#img4 {width:100px;height:185px;padding-top:25px;}

.phoneDescript {
	width: 380px;
	position: relative;
	font-size:0.9em;
	line-height:1.2em;
}
	.phoneDescript div{
		position: absolute;
		width:360px;
	}
		.phoneDescript h2 {
			font-size: 2em;
			padding-bottom: 15px;
		}
			.phoneDescript ul {width:auto !important;}
			.phoneDescript ul li {
				list-style: none;
				/*background: url(/images/backgrounds/dot.gif) no-repeat left 8px;*/
				padding: 0 0 5px 0px;
				float:none;
				height:auto; width:auto;
				text-align:left;
			}
	.phoneDescript img{
		position: absolute;
		bottom: 40px;
		left:35px;
	}

	.advantages {
		background: url(/images/backgrounds/bg_apple.jpg) no-repeat right bottom;
		height: 290px;
		padding: 10px 0;
		border-bottom: 1px solid #dedede;
		clear: both;
	}
	.box1 {
		border-left: 1px solid #dedede;
	}
		.advantages div.box1, .advantages div.box2 {
			float: left;
			width: 560px; height: 250px;
			padding: 20px;
		}
		.advantages div.box2 {
			width:372px;
		}
		.advantages p { padding: 10px 0; }
		.advantages a { color: #8dc641; }
			.advantages .box2 p { width: 340px; }

	.wrapEvents {
		width: 954px; height: 555px;
		border: 1px solid #dedede;
		position:relative;
	}
	.wrapEvents #corner_hide { width:241px; height:143px;position:absolute; bottom:-1px; right:-2px;background-color:#ffffff;}

	.smaller { font-size: 1.5em; padding-bottom: 10px; }

	.selectPicture { width: 713px !important; height: 142px !important; overflow:hidden; position:relative; float:left; }
	 #myImageFlow1_mainImg, #myImageFlow2_mainImg, #myImageFlow3_mainImg, #myImageFlow4_mainImg {  width: 713px !important; height: 410px !important;}

	.eventView { float: left; position: relative; }

	.eventsList, .eventsList li {
		list-style: none;
		width: 239px;
		float: left;
	}
	.eventsList {
		border-left: 1px solid #dedede;
		height:555px;
	}

		.eventsList a {
			font-size: .8em;
			color: #49126e;
			text-decoration: none;
			height: 62px;
			padding: 16px 10px 24px 20px;
			border-bottom: 1px solid #dedede;
			display: block;
			vertical-align: middle;
			line-height: 1.6em;
		}
		.eventsList span {
			font-size: 1.4em;
			line-height:1.1em;
			color: #49126e;
			display: block;
			padding-bottom: 3px;
		}
		.eventsList span.first {
			padding-top:25px;
		}
		.eventsList a#content4 span{
			padding-top:10px;
		}
			.eventsList a:hover span, .eventsList a.selected span {
				color: #fff;
			}
			.eventsList a, .eventsList a {
					background: url(/images/backgrounds/bg_eventlist_off.png) no-repeat -1px 0;
			}
			.eventsList a:hover, .eventsList a.selected {
				color: #fff;
				background: url(/images/backgrounds/bg_eventlist.png) no-repeat -1px 0;
			}

	.arrow_left { background: url(/images/buttons/arrows.png) no-repeat left top; width: 55px; height: 84px; position: absolute; left: 0; top: 155px; display: block; cursor:pointer; }
	.arrow_right { background: url(/images/buttons/arrows.png) no-repeat right top; width: 55px; height: 84px; position: absolute; right: 0; top: 155px; display: block; cursor:pointer; }




	.splashDownload {
		color: #49126e;
		background: url(/images/placeholders/display_telechargements.jpg) no-repeat left top;
		width: 956px; height: 313px;
		width: 898px; height: 243px;
		padding: 70px 33px 0 25px;
	}
		.splashDownload h1 {
			font-size: 3em;
			letter-spacing: .05em;
			text-indent: -1000000px;
			padding: 22px 0 0 103px;
			float: right;
		}
		.splashDownload h2 {
			font-size: 2em;
			padding: 0 60px 0 0;
			width: 410px;
			float: right;
		}
		.splashDownload p, .splashDownload div {
			font-size: 1.2em;
			padding: 14px 60px 0 0;
			width: 410px;
			float: right;
		}
		.splashDownload div {
			font-size: 1em;
			width: auto;
			clear: both;
			padding: 0;
			margin:  23px 70px 0 0;
		}

	#fond { background: url(/images/logos/gai.jpg) no-repeat center bottom; }




/*----------------------------------
				FOOTER
-------------------------------------*/

	#footer ul { list-style: none; float: left;}
		#footer li { list-style: none; display: inline; padding-right: 9px; color: #767676;}
		#footer a { text-decoration: none; color: #767676; }
		#footer a:hover { text-decoration: underline; color: #8dc641; }

	#footer ul.help { padding: 0 75px; }
	#footer ul.others { float: right; }
		#footer ul.help a, #footer ul.help li { color: #49126e; }