@charset "utf-8";

* /* CSS Document */ {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none
}

#header,#main,#footer {
	width: 100%;
	position: relative;
	clear: both;
	float: left;
	display: block;
	text-align: center;
}

#headerContent {
	width: 1150px;
	/*background: transparent url(../medias/shake.jpg) no-repeat top center;*/
	height: 294px;
	text-align: left;
	margin-left: -36px;
	text-align: left;
}

#mainContent {
	width: 1019px;
	margin-top: 16px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 947px;
	background: #FFFFFF url(../medias/wall.jpg) no-repeat center 200px;
}
#mainContent2 {
	width: 1019px;
	margin-top: 16px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 947px;
	background: #FFFFFF url(../medias/wall2.jpg) no-repeat center 200px;
}
#footerContent {clear:both;
	width: 600px;
	margin: 7px auto 0px auto;
	text-align: left;
	height: 24px;
	margin-top: 276px;
}
#footerContent3 {

height:24px;
margin-left:257px;
margin-top:-28px;
text-align:center;width:600px}

#menus2 {float:left;clear:both;}
#menus,#menus1,#menustemp,#menusFooter,#menus2 {
	list-style-type: none;
}

#menus li {
	width: 144px;
	height: 88px;
	float: left;
	vertical-align: bottom;
}

#menus li.small {
	height: 31px;
	margin-right: 14px;
	margin-top: 263px;
	cursor:pointer
}

#menus li.mnu_1 {
	background: transparent url(../medias/bt_toutvoir_0.png) no-repeat top
		left;
}

#menus li.mnu_2 {
	background: transparent url(../medias/bt_classement_0.png) no-repeat top
		left;
}

#menus li.mnu_3 {
	background: transparent url(../medias/bt_videorecente_0.png) no-repeat
		top left;
}

#menus li.mnu_4 {
	background: transparent url(../medias/bt_classementville_0.png)
		no-repeat top left;
}

#menus li.mnu_5 {
	background: transparent url(../medias/bt_lepiredushake_0.png) no-repeat
		top left;
}

#menus li.mnu_1:hover {
	background: transparent url(../medias/bt_toutvoir_1.png) no-repeat top
		left;
}

#menus li.mnu_2:hover {
	background: transparent url(../medias/bt_classement_1.png) no-repeat top
		left;
}

#menus li.mnu_3:hover {
	background: transparent url(../medias/bt_videorecente_1.png) no-repeat
		top left;
}

#menus li.mnu_4:hover {
	background: transparent url(../medias/bt_classementville_1.png)
		no-repeat top left;
}

#menus li.mnu_5:hover {
	background: transparent url(../medias/bt_lepiredushake_1.png) no-repeat
		top left;
}
#menus li.mnu_8 {
	background: transparent url(../medias/bt_inoubliables_0.png) no-repeat
		top left;
}

#menus li.mnu_8:hover {
	background: transparent url(../medias/bt_inoubliables_1.png) no-repeat top
		left;
}
#menus li.dotations {
	width: 171px;
	margin-top: 124px;
}

#menus li.rdvdates {
	margin-top: 66px;
	width: 143px;
}
/* menus 1 */
#menus1 {float:left;height:257px;width:100%}
#menus1 li {float:left;}
#menus1 li.dotations {margin-top:120px;	}
#menus1 li.shake {margin-left:207px;}
#menus1 li.reso {margin-left:10px;
margin-top:146px;}
#menus1 li.rdvdates {margin-left:16px;
margin-top:54px;}
/* menustemporaires */
#menustemp {float:left;
height:0;
margin-left:159px;
margin-top:-257px;}
#menustemp li {
	width: 144px;
	height: 88px;
	float: left;
	vertical-align: bottom;
}
ul.tenues {margin-top:5px;}
ul.tenues li {font-size:9pt;
line-height:22px;}
#menustemp li.small {
	height: 31px;
	margin-right: 14px;
	margin-top: 263px;cursor:pointer;
}

#menustemp li.mnu_1 {
	background: transparent url(../medias/bt_toutvoir_0.png) no-repeat top
		left;
}
#menustemp li.mnu_1:hover {
	background: transparent url(../medias/bt_toutvoir_1.png) no-repeat top
		left;cursor:pointer;
}
#menustemp li.mnu_2 {
	background: transparent url(../medias/bt_classement_0.png) no-repeat top
		left;
}
#menustemp li.mnu_2:hover {
	background: transparent url(../medias/bt_classement_1.png) no-repeat top
		left;cursor:pointer;
}
#menustemp li.mnu_3 {
	background: transparent url(../medias/bt_videorecente_0.png) no-repeat
		top left;
}
#menustemp li.mnu_3:hover {
	background: transparent url(../medias/bt_videorecente_1.png) no-repeat
		top left;cursor:pointer;
}
#menustemp li.mnu_4 {
	background: transparent url(../medias/bt_classementville_0.png)
		no-repeat top left;
}
#menustemp li.mnu_4:hover {
	background: transparent url(../medias/bt_classementville_1.png)
		no-repeat top left;cursor:pointer;
}
#menustemp li.mnu_5 {
	background: transparent url(../medias/bt_lepiredushake_0.png) no-repeat
		top left;
}
#menustemp li.mnu_5:hover {
	background: transparent url(../medias/bt_lepiredushake_1.png) no-repeat
		top left;cursor:pointer;
}
#menustemp li.mnu_7 {
	background: transparent url(../medias/bt_bestof_0.png) no-repeat
		top left;
}
#menustemp li.mnu_7:hover {
	background: transparent url(../medias/bt_bestof_1.png) no-repeat
		top left;cursor:pointer;
}
#menustemp li.mnu_8 {
	background: transparent url(../medias/bt_inoubliables_0.png) no-repeat
		top left;cursor:pointer;
}

#menustemp li.mnu_8:hover {
	background: transparent url(../medias/bt_inoubliables_1.png) no-repeat top
		left;cursor:pointer;
}
#menustemp li.mnu_6 {
	margin-right:-100px;
}
#menustemp li.dotations {
	width: 171px;
	margin-top: 124px;
}

#menustemp li.rdvdates {
	margin-top: 66px;
	width: 143px;
}
#ssmenutemp,#ssmenutemp2 {background-color:#000000;
display:none;position:relative;
margin-top:17px;
width:224px;}
#ssmenutemp ul,#ssmenutemp2 ul {list-style-type:none;}
#ssmenutemp li,#ssmenutemp2 li {float:left;display:block;
height:25px;
line-height:25px;}
#ssmenutemp li a:link, #ssmenutemp li a:visited , #ssmenutemp li a:active,#ssmenutemp2 li a:link, #ssmenutemp2 li a:visited , #ssmenutemp2 li a:active {color:#ffffff;font-size:12pt;display:block;font-weight:bold;background-color:#000000; text-decoration:none;}
#ssmenutemp li a:hover,#ssmenutemp2 li a:hover {color:#DB6014;font-size:12pt;display:block;}


/* MENUS 2 */
#menus2 li {
	width: 185px;
	height: 68px;
	float: left;
	vertical-align: bottom;
}

#menus2 li.mnu2_1 {
	background: transparent url(../medias/bt_jeparticipe_0.png) no-repeat
		bottom left;
	margin-left: 286px;
	margin-right: 30px;
	margin-right: 30px;
}

#menus2 li.mnu2_2 {margin-left: 286px;
	background: transparent url(../medias/bt_jevote_0.png) no-repeat bottom
		left;
}
#menus2 li.mnu2_vide {margin-left: 286px;
	
}
#menus2 li.mnu2_1:hover {
	background: transparent url(../medias/bt_jeparticipe_1.png) no-repeat
		bottom left;
}

#menus2 li.mnu2_2:hover {
	background: transparent url(../medias/bt_jevote_1.png) no-repeat bottom
		left;
}

/* menus footer */
#menusFooter li {
	float: left;
	heigh: 20px;
	line-height: 20px;
	margin-left: 15px;
	margin-right: 15px;
}

#menusFooter li.separat {
	background: transparent url(../medias/separatfooter.png) no-repeat
		center center
}

#mainContent div.pellicule {
	width: 881px;
	height: 340px;
	margin: 7px 0 0 68px;
	z-index: 100
}

#mainContent div.pellicule2 {
	width: 957px;
	height: 538px;
	z-index: 100;
	margin: 7px 0 0 68px;
}

#mainContent div.pellicule2 object {
	
	margin: 7px 0 0 68px;
}

h1 {
	float: left;
	font-size: 21pt;
	font-weight: bold;
	/*height:200px;*/
	margin-left: -109px;
	margin-top: 375px;
	text-align: center;
	width: 280px;
}

#video {
	width: 632px;
	height: 354px;
	float: left;
	/*margin-left: 130px;*/
	position: relative;
	margin-top: -13px;
	background: transparent url(./medias/screen2.png) no-repeat center top
}

#video object {
	float: left;
	margin-left: 31px;
	margin-top: 8px;
}
#video2 {
	float: left;
}

#video2 object {
	float: left;
	margin-left: 30px;
	margin-top: 8px;
}
#reso {
	float: right;
	margin-right: 30px;
	margin-top: 133px;
}

/* les A pour changer ... */
a.menus:link,a.menus:active,a.menus:visited,a.menus:hover {
	display: block;
	height: 100%;
	width: 100%;
}

a.menusFooter:link,a.menusFooter:active,a.menusFooter:visited {
	color: #1D173A;
	display: block;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

a.menusFooter:hover {
	color: #908346
}

/* les "CONTENT3" */
div.pellicule div.accueilContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
}

div.pellicule div.accueilContent p {
	font-size: 11pt;
	padding-top: 10px;
}

div.pellicule div.accueilContent p span {
	font-weight: bold;
}

}
div.pellicule div.accueilContent p.titre {
	font-size: 18pt;
	font-weight: bold;
	padding-top: 48px;
}

div.pellicule div.jeparticipeContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
	background: transparent url(../medias/bg_jeparticipe.png) no-repeat 10px
		top
}

div.pellicule div.jeparticipeContent p {
	font-size: 11pt;
	padding-top: 22px;
}

div.pellicule div.jeparticipeContent p span {
	font-weight: bold;
}

div.pellicule div.jeparticipeContent p.titre {
	font-size: 18pt;
	font-weight: bold;
	padding-top: 16px;
}

div.pellicule div.jeparticipeContent p.sstitre {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 0px;
}

div.pellicule div.jevoteContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
	background: transparent url(../medias/bg_jevote.png) no-repeat 10px top
}

div.pellicule div.jevoteContent p {
	font-size: 11pt;
	padding-top: 22px;
}

div.pellicule div.jevoteContent p span {
	font-weight: bold;
}

div.pellicule div.jevoteContent p.titre {
	font-size: 18pt;
	font-weight: bold;
	padding-top: 16px;
}

div.pellicule div.jevoteContent p.sstitre {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 0px;
}
/* formulaire de vote & détail d'un profil */ 
div.pellicule div.jevoteContent div.profil img.portrait{
	width:201px;
	height: 339px;
	float:left;
}

div.left {float:left;width:350px;}
div.right {float:left;width:320px;}
div.right ul {list-style-type:none;}
div.right li {margin-bottom:3px;float:left; text-align:left}
div.right li span {float:left; clear:both;font-size:8pt;width:289px;}
div.right li span.lib {color:#ED7920; font-weight:bold;font-size:9pt;width:300px;}
div.right li span.sslib b {color:#535A9A; font-size:10pt;width:289px;}
div.right li span.sslib img {vertical-align:text-bottom}

div.right li span.link {border:1px solid #535A9A;
font-size:8pt;width:289px;
margin:4px;
padding:4px;
}
div.right li.submit {height: 63px;width:100%;}

a.atenues:link, a.atenues:active, a.atenues:visited{font-size:9pt; font-weight:bold;color:#36515C;text-decoration:none}
a.atenues:hover{color:#000000}

#ficheshaker {float:left;;}
#ficheshaker ul {list-style-type:none; width:340px}
#ficheshaker ul li {text-align:left;margin-left:15px;float:left;clear:both; width:100%}

#ficheshaker ul span.prenom { font-size:17pt; color:#996633; font-weight:bold;font-family:arial black;}
#ficheshaker ul span.age {font-size:17pt;clear:right;}
#ficheshaker ul span.ville {font-size:11pt;color:#996633; font-weight:bold;font-family:arial black;clear:left;}
#ficheshaker ul span.metier {font-size:11pt;}
#formulaire {float:left;text-align:left;margin-left:30px;margin-top:9px;}
#formulaire ul {list-style-type:none;}
#formulaire ul label {font-weight:bold;font-size:10pt;}
#fields li {margin-right:100px;text-align:right;margin-bottom:2px;}
#formulaire ul li.titre { font-size:17pt;color:#F79646;text-align:left;margin-right:0px; margin-bottom:15px;}
#formulaire ul.fields {width:350px; float:left;}


#formulaire ul.liens {width:280px; float:left;}
#formulaire ul input.fullinput {font-size:9pt;margin:1px;width:126px; height:16px;}

ul li.embed { font-size:9pt;margin-top:10px;}
input.embed {width:248px; font-size:9pt;margin-top:5px}
input.jevote {float:left;margin-top:10px;margin-right:10px; width:120px; height:62px;
				background:transparent url(../medias/bt_jevote.png) no-repeat top left;vertical-align:text-bottom;
				border:none;cursor:pointer}
input.mp3on {background:transparent url(../medias/mp3_on.png) no-repeat center center; width:30px; height:30px;border:none;cursor:pointer;margin-top:10px;}
input.mp3pause {background:transparent url(../medias/mp3_pause.png) no-repeat center center; width:30px; height:30px;border:none;cursor:pointer;margin-top:10px;}
input.mp3off {background:transparent url(../medias/mp3_off.png) no-repeat center center; width:30px; height:30px;border:none;cursor:pointer;margin-top:10px;}
a.form:link , a.form:active, a.form:visited {font-size:9pt; font-weight:bold;color:#ED750F;text-decoration:none;}
a.form:hover {color:#000000;}
/* les dotations ... */
li.submit img {float:right;margin-top:10px;} 
div.pellicule div.dotationsContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
	background: transparent url(../medias/bg_dotations.png) no-repeat 10px
		top
}
div.tenues {height:100px; width:100%}
div.pellicule div.dotationsContent p {
	font-size: 11pt;
	padding-top: 22px;
}

div.pellicule div.dotationsContent div.chance1 {
	background: transparent url(../medias/pano01.png) no-repeat left center;
	height: 114px;
	text-align: left;margin-top:12px;
}
div.pellicule div.dotationsContent div.chance1 p {width:500px; text-align:left;padding:8px 0 0 230px;}
div.pellicule div.dotationsContent div.chance2 p {width:500px; text-align:left;margin-left:321px;}

div.pellicule div.dotationsContent div.chance2 {
	background: transparent url(../medias/pano02.png) no-repeat right center
		;
	height: 114px;
}

div.pellicule div.dotationsContent p span {
	font-weight: bold;
}

div.pellicule div.dotationsContent p.titre {
	font-size: 18pt;
	font-weight: bold;
	padding-top: 58px;
}

div.pellicule div.dotationsContent p.sstitre {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 0px;
}
/* rdv & datest */ 

div.pellicule div.rdvetdatesContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
	background: transparent url(../medias/bg_roadmap.png) no-repeat 10px top
}
 div.pellicule div.rdvetdatesContent div{float:left;margin-left:114px;}
div.pellicule div.rdvetdatesContent p {
	font-size: 11pt;
	padding-top: 22px;
}

div.pellicule div.rdvetdatesContent p span {
	font-weight: bold;
}

div.pellicule div.rdvetdatesContent p.titre {
	font-size: 18pt;
	font-weight: bold;
	padding-top: 50px;
}

div.pellicule div.rdvetdatesContent p.sstitre {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 0px;
}
/* accueil content */
div.pellicule div.accueilContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
}
 div.pellicule div.accueilContent div{/*float:left;margin-left:114px;*/}
div.pellicule div.accueilContent p {
	font-size: 11pt;
	padding-top: 17px;
}
div.pellicule div.accueilContent p img.imgbestof {margin-top:5px}
div.pellicule div.accueilContent div {
	float:right;
}
div.pellicule div.accueilContent p span {
	font-weight: bold;
}

div.pellicule div.accueilContent p.titre {
	font-size: 18pt;
	font-weight: bold;
	padding-top: 20px;
}

div.pellicule div.accueilContent p.sstitre {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 0px;
}
/* credits content */
div.pellicule div.creditsContent {
	color: #1d173a;
	font-family: arial;
	text-align: center;
	width: 100%;
}
div.pellicule div.creditsContent p {text-align:center;line-height:253px;}
div.pellicule div.creditsContent p img {margin-top:5px;vertical-align:middle;}
div.pellicule div.creditsContent p span.powered {font-weight:bold; font-size:12pt;}

span.heureRDV, li.heureRDV {color:#E76A0D;
font-size:14pt;
margin-left:-520px;
margin-top:175px;
text-align:center;
width:530px;font-weight:bold;}

.heureRDV {color:#E76A0D;text-align:center;font-weight:bold;}
b.heureRDV {font-size:12pt;}
li.heureRDV {margin-left:-520px;margin-top:175px;font-size:14pt;width:530px;}
#score {float:left; clear:both;width:250px}
#score img {float:left; }
#score span {width:12px}
#score span.chiffre {float:left; height:21px; width:12px}
#score span.c0 {background:transparent url(../medias/tiles.png) no-repeat 0px center}
#score span.c1 {background:transparent url(../medias/tiles.png) no-repeat -12px center}
#score span.c2 {background:transparent url(../medias/tiles.png) no-repeat -24px center}
#score span.c3 {background:transparent url(../medias/tiles.png) no-repeat -36px center}
#score span.c4 {background:transparent url(../medias/tiles.png) no-repeat -48px center}
#score span.c5 {background:transparent url(../medias/tiles.png) no-repeat -60px center}
#score span.c6 {background:transparent url(../medias/tiles.png) no-repeat -72px center}
#score span.c7 {background:transparent url(../medias/tiles.png) no-repeat -84px center}
#score span.c8 {background:transparent url(../medias/tiles.png) no-repeat -96x center}
#score span.c9 {background:transparent url(../medias/tiles.png) no-repeat -108px center}