* {
	margin:0;
	padding:0;
}

.clear {clear:both;}

img {border:none;}

body {
	margin: 0 auto;
	padding: 0;
	font: normal 100% arial, helvetica, sans-serif;
	color:white;
	background:url(../../medias/images/pattern4.gif) top left fixed;
}

#page {
	width: 900px;
	background: url(../../medias/images/pageShadow.png) top left repeat-y;
	padding:0 16px 0 16px;
	margin: 0 auto;
}

#wrapper {
	background: url(../../medias/images/rugRepeat.jpg) top left repeat-y;
}

body#home #content {background: url(../../medias/images/ccBackHome.jpg) top left no-repeat;}

body#createProfile #content{background: url(../../medias/images/ccBackCreate.jpg) top left no-repeat;}

body#reglements #content{background: #3c1e16;}

body#profile #content{background: url(../../medias/images/ccBackProfile.jpg) top left no-repeat;}

#content {padding-bottom:75px;}

body#createProfile #mainContent {
	width:612px;
	padding-top: 200px;
}

#mainContent {
	padding:0 20px 40px 20px;
	position: relative;
}

/*---------- page home concours --------------*/

#content-left {
	margin: 420px 0 0 53px;
	float:left;
	width:180px;
}

#content-right {
	width:400px;
	height:575px;
	margin:220px 0 0 200px;
	float:left;
	text-align: center;
	color:#efd491;
}

#content-bottom {margin:40px 0 0 45px;}

#content-bottom div {float:left;margin-right:30px;width:240px;}

img.img-pochette {float:left;margin-right:15px;}


#top5 table, div#profile-exist table {border-spacing:10px;}

#top5 table td, div#profile-exist table td {vertical-align: top;}
td.fb-profile-pic {margin-bottom:10px;}


td.profile-pic div{
	width:40px;
	height:40px;
	overflow:hidden;
}
td.profile-pic div img{
	position:relative;	
	left:-60px;	
	width:107px;
	height:62px;
}

td.prenom {width:80px;}
td.score {font-weight: bold; font-size: 14pt;}

div#profile-exist {
	background: #8f4411;
	margin-top:25px;
	width:210px;
	margin-left:-5px;
	opacity:0.8;
}

p {color:#320e07; font-size:11pt; margin-bottom:10px;}
ul, li {color:#240a05;margin-bottom:10px;font-size:11pt;}

p.intro-text {font-size:13pt;color:#efd491; margin-bottom: 20px;}


#content-right #player {margin-bottom:10px;}

img.profile-header {
	margin-bottom:10px;
}

img.btn-participez {margin-top: 10px;}

p.a-reglements {margin-top:75px; font-size: 8pt;}
p.a-reglements a {color:#412019;}
body#home a.link-home-concours {
	position:absolute;
	display:block;
	width:650px;
	height:160px;
	left:120px;
	top:30px;
}
a.link-home-concours:hover {text-decoration: none;}

a.link-home {
	position:absolute;
	top:5px;
	left:10px;
	font-size: 8pt;
	color: #efd491;
}

a.btn-create-profile {
	display:block;
	width:215px;
	height:92px;
	background: url(../../medias/images/btn-participez.png) top left;
	margin-left:90px;
}

a[href="createProfile.php"]:hover {background-position-x: 215px;text-decoration: none;}



/*------------- page createModify ------------*/
#flashPhoto {
	background:black;
	width:375px;
	height:220px;
	float:left;
	margin-right:20px;
}

h4 { margin-bottom:10px;}
.choix-photo {margin-bottom:10px;}

.create-section {margin-bottom:20px;}
.full-width {width:611px;clear:both;}
.half-width-left {width:295px;float:left;margin-right:20px}
.half-width {width:295px;float:left;}

#sauvegarder {
	background: #a55322;
	width:275px;
	text-align: center;
	float:left;
}

#sauvegarder p {color:white;padding:10px;}


input[type="text"], textarea {
	padding:3px;
	border:1px solid brown;
	color:gray;
	margin-bottom:10px;
}

body#createProfile a.link-home-concours {
	position:absolute;
	display:block;
	width:500px;
	height:120px;
	left:120px;
	top:30px;
}

a.btn-sauvegardez {
	display:block;
	width:190px;
	height:56px;
	background:url(../../medias/images/btn-sauvegarder.png);
	margin:0 auto;
}

a.btn-donnez-facebook {
	display:inline-block;
	width:190px;
	height:56px;
	background: url(../../medias/images/btn-donnezFacebook.png);
	float:left;
	margin-right:10px;
}

a.btn-donnez-courriel {
	display:inline-block;
	width:190px;
	height:56px;
	background: url(../../medias/images/btn-donnezCourriel.png);
}



body#createProfile a[href="#"]:hover, a.btn-donnez-facebook:hover, a.btn-donnez-courriel:hover, a.btn-creez-profil:hover, a.btn-modifiez-profil:hover {
	background-position-x: -190px;
	text-decoration: none;
}

a.btn-creez-profil {
	display:inline-block;
	width:190px;
	height:56px;
	background: url(../../medias/images/btn-creezProfil.png);
	margin:0;
}

a.btn-modifiez-profil {
	display:inline-block;
	width:190px;
	height:56px;
	background: url(../../medias/images/btn-modifier-profile.png);
	margin:0;
}


/*------------ page profile ------------ */

#profile-video {padding:40px 0 0 390px;}

#profile-content {margin-top:10px;}

#profile-content p{color:white;}

#profile-content h2 {font: bold 30px/2em arial, sans-serif;margin-left:390px;}

#rating-heart {
	float:left;
	width:312px;
	margin:-80px 100px 0 -20px;
}

#profile-content-desc {
	width:320px;
	margin-right:20px;
	float:left;
}

#profile-content-desc img {margin-bottom:20px;}

#download-mp3 a.download-mp3-a {
	display:inline-block;
	width:120px;
	height:153px;
	background: url(../../medias/images/btn-downloadMP3.png) top left no-repeat;
	text-decoration: none;
}

#download-mp3 a.download-mp3-a:hover {background-position-x: -120px;}

#donnez-amour {margin-left:390px;}

body#profile a.link-home-concours {
	position:absolute;
	display:block;
	width:320px;
	height:180px;
	left:40px;
	top:40px;
}


/*----------- Page reglements -----------*/
body#reglements #content {padding-top:30px;}
body#reglements h1, body#reglements h2,  body#reglements h3 {color:white;display: block;}
body#reglements h2 {padding:20px 0 10px 0;}
body#reglements h3 {margin:30px 0 10px 0;font-size: 12pt;}
body#reglements p, body#reglements ul li {color:white; font-size: 9pt;}
body#reglements a {color:#ff8b24;}
body#reglements ul {margin:0 0 15px 50px;}



h1 {display:none;}
h3, h4 {color:#3f1e16; line-height:1em;}
h3 {margin-bottom:20px;}
a {color:#79b39d;text-decoration:none;}
a:hover {text-decoration: underline;}
p.note {font-size:0.7em;}



/*---------- email form -------------*/
#email-form {
	background:url(../../medias/images/mail-td-back.png) top left repeat-x;
	padding:20px;
}

#form-content-left {
	float:left;
	margin-right:20px;
}

#email-form label {
	color:#ffe990;
	font-size: 12px;
}



/*  FOOTER
_______________________*/
#footer {
	width: 100%;
	position: fixed;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	height: 26px;
	background-image: url(/medias/images/footer.png);
	background-repeat: repeat-x;
	font-size: 10px;
	z-index: 10000;
	color: #999;
}
	#footer img {
		border: 0px;
	}

#anim-envois {
	float: left;
	margin: 6px 15px 0 0px;
	padding: 0px 0px 0 10px;
	font-size: 14px;
}

.abonnement {
	float: left;
	height: 14px;
	width: 180px;
	font-size: 10px;
	padding: 1px 4px;
	margin: 5px 10px 4px 0px;
	opacity: 0.8;
	background-color: #000;
	color: #888;
	border: solid 1px #333;
}

.go {
	float: left;
	font-size: 11px;
	padding: 1px 5px; 
	margin: 4px 0px;
	opacity: 0.75;

}

.logo_audiogram {
	display: inline;
	padding: 3px 0 0 5px;
}

.footnote {
	margin: 2px 20px 2px 0px;
	height: 28px;
	display: inline;
	float:right;
	width: 290px;
}

.right {
	float: right;
}

.left {
	float: left;
}

/*-----------------Page gagnants ---------*/

.g-photo {
	float:left;
	margin:0 15px 10px 0;
}

.gagnants h3 {color:white;}

ul {list-style-type: none;margin-left:15px;}
