/* = Html = */
	html, body {margin:0; padding:0;}
	body {
		background: #7bc8c8;
		border-top: 5px solid #000;
		color: #000;
		font-size: 11px;
		padding: 0 0 40px 0;
		font-family: "trebuchet MS", Arial, arial, helvetica, sans-serif ;
		}

	/* =  CLASS COMMUNE */
	.break, .clear {clear:both}
	.hidden {display: none}
	strong {font-weight: bold;}
	.overflow {overflow:hidden}
	.container_12 {
		margin-bottom: 20px;
		}

	a { color: #000;text-decoration: none;}
	a:hover {text-decoration: underline;}

	h1 {}
	h2 {padding: 10px 0 0 15px;}
	h3 {padding: 10px 0 0 0;}

	p {
		overflow: hidden;
		padding:0; margin:0;
		}


	/* =  HEADER */
	#mainHeader {
		position:relative;
		margin: 0 auto;
		height:140px;
		background-color:#ffed00;
		}
	
	#header {background-color:#ffed00;
		}
		
	#header .bienvenue {
		text-indent:-1000px;
		display:block;
		position:absolute; top:30px; left:20px;
		padding:0; margin:0;
		width:470px; height:70px;
		background: transparent url(/global/img/bienvenue.gif) no-repeat center top;
		}
		
	#header .logoScopitone {
		text-indent:-2000px;
		display:block;
		position:absolute; top:5px; left:700px;
		padding:0; margin:0;
		width:245px; height:130px;
		background: transparent url(/global/img/logoScopitone.gif) no-repeat center top;
		}

	#header .btnConnexion {
		text-indent:-2000px;
		display:block;
		position:absolute; top:10px; left:520px;
		padding:0; margin:0;
		width:125px; height:125px;
		background: #000 url(/global/img/btnConnexion.gif) no-repeat center top;
		}
		
	/* =  HEADER - Flash */
	#mainHeaderFlash {
		position:relative;
		margin: 0 auto;
		height:590px;
		background-color:#ffed00;
		}

	/* = mainContent mentions*/
	#mainContent #introMentions {
		position:relative;
		margin: 0 auto;
		height:260px;
		background-color:#000;
		color:#FFF;
		}
	#mainContent #introMentions h3{
		font-size:14px;
		color:#FFF;
		padding:10px 10px 0 10px;
		}
	#mainContent #introMentions p{
		font-size:11px;
		color:#FFF;
		font-weight:normal;
		padding:5px 10px 0 10px;
		}
	#mainContent #introMentions a{
		font-size:11px;
		color:#000;
		font-weight:bold;
		padding:2px 3px;
		background-color:#ffed00;
		}
	#mainContent #introMentions a.simple{
		font-size:14px;
		color:#FFF !important;
		font-weight:bold;
		padding:2px 3px;
		background-color:#000 !important;
		}
	#mainContent #mentionsTexte {
		padding:0 30px;
		}
	#mainContent #mentionsTexte a{
		font-size:11px;
		color:#000;
		font-weight:bold;
		padding:2px 3px;
		background-color:#ffed00;
		}
	#mainContent #inscription a{
		font-size:12px;
		color:#000;
		font-weight:bold;
		padding:2px 3px;
		margin-bottom:5px;
		background-color:#ffed00;
		}
		
	/* = mainContent */
	#mainContent #intro{
		position:relative;
		margin: 0 auto;
		height:250px;
		background-color:#000;
		color:#FFF;
		}

	#mainContent #intro h3{
		font-size:16px;
		color:#FFF;
		padding:10px 10px 0 10px;
		}

	#mainContent #intro p{
		font-size:12px;
		color:#FFF;
		padding:0 10px;
		}
	#mainContent #intro a{
		font-size:12px;
		color:#000;
		font-weight:bold;
		padding:2px 3px;
		background-color:#ffed00;
		}
		
	#mainContent {
		background: #7bc8c8 url('/global/img/bgContent.gif') no-repeat center 140px;
		width:100%;
		}

	#mainContent #inscription {
		padding:0px 0 0 40px;
		}

	#mainContent #consulter{
		margin:20px 0 0 0;
		padding:0px 0 0 40px;
		}
	
	#mainContent #consulter h3{
		font-size:15px;
		}
	
	#mainContent #consulter ul{
		margin:0; padding:0;
		}
		
	#mainContent #consulter li{
		margin:5px; padding:5px 0 5px 30px;
		background: transparent url('/global/img/puce.gif') no-repeat 0 5px;
		}
		
	#mainContent #consulter a{
		margin:0; padding:0;
		font-weight:bold;
		font-size:14px;
		color:#ffed00;
		}
		

		#mainContent #aGagner {
			background: transparent url(/global/img/bg_bymeB.gif) repeat-y 0 0;
			}
		#mainContent #aGagner h3.tit_byme{
			background: transparent url(/global/img/tit_bymeB.gif) no-repeat 0 0;
			padding:0; height:45px;
			margin:20px 0 0 0;
			text-indent:-1500px;
			}
		#mainContent #aGagner h4{
			font-size:20px;
			padding:0;
			margin:5px 0 5px 20px;
			}
		#mainContent #aGagner li{
			font-size:0.9em;
			line-height:1.6em;
			padding:5px 20px 5px 0;
			margin:0 0 0 35px;
			list-style-type: square;
			}
		#mainContent #aGagner em{
			font-style:italic;
			font-size:0.8em;
			}
		#mainContent #aGagner a.lien{
			color:#000;
			font-size:12px;
			font-weight:bold;
			padding:0;
			}
		#mainContent #aGagner a.btnCreer {
			display:block;
			background: transparent url(/global/img/btnCreer.gif) repeat-y 0 0;
			height:105px;
			text-indent:-1500px;
			}
		#mainContent #aGagner .footer_byme{
			background: transparent url(/global/img/footer_byme.gif) no-repeat 0 0;
			padding:0; height:14px;
			margin:0 0 20px 0;
			}
			
	#mainContent #partenaires{
		margin:20px 0;
		padding:0px 0 0 15px;
		}
	#mainContent #partenaires #zonePub {
		margin:0 0 10px 0;
		background-color:#FFF;
		padding:5px;
		width:420px; height:150px;
		}
	#zoneLogo {
		padding:0;
		margin-top:15px;
		margin-bottom:10px;
		overflow:hidden;
		}
	.logo {
		float:left;
		margin:5px 20px 5px 0;
		padding:0;
		}
		
	/* = mainContent Jeu*/
	#mainContentJeu {
		background: #7bc8c8 url(/global/img/bgContent.gif) no-repeat center -100px;
		width:100%;
		}
	#mainContentJeu #colA, #colB, #colC{
		margin-top:20px;
		}
	#mainContentJeu #colA h3.tit_maintenant{
		background: transparent url(/global/img/tit_maintenant.gif) no-repeat 0 15px;
		padding:10px;
		text-indent:-1500px;
		}
	#mainContentJeu h4.right{
		text-align:right;
		font-size:15px;
		}
	#mainContentJeu h4.center{
		text-align:center;
		font-size:20px;
		}
	#mainContentJeu h4{
		font-size:15px;
		padding:0;
		}
	#mainContentJeu p.right{
		text-align:right;
		font-size:11px;
		padding:0 10px 10px 10px;
		border-bottom:1px #666 solid;
		}
	#mainContentJeu p.center{
		text-align:center;
		font-size:11px;
		padding:0 10px 10px 10px;
		}
	#mainContentJeu p{
		font-size:11px; padding:0;
		}
		
	#mainContentJeu #colB {
		background: transparent url(/global/img/bg_byme.gif) repeat-y 0 0;
		}
	#mainContentJeu #colB h3.tit_byme{
		background: transparent url(/global/img/tit_byme.gif) no-repeat 0 0;
		padding:0; height:45px;
		text-indent:-1500px;
		}
	#mainContentJeu #colB a.lien{
		color:#000;
		font-size:13px;
		font-weight:bold;
		padding:0;
		}
	#mainContentJeu #colB a.btnCreer {
		display:block;
		background: transparent url(/global/img/btnCreer.gif) repeat-y 0 0;
		height:105px;
		text-indent:-1500px;
		}
		
	#mainContentJeu #colC h3.tit_partenaire{
		background: transparent url(/global/img/tit_partenaires.gif) no-repeat 0 0;
		padding:0;
		text-indent:-1500px;
		}
		
	#mainContentJeu #colC .animPartenaire{
		background: transparent url(/global/img/bg_partenaires.gif) no-repeat 0px 0px;
		padding:5px 10px;
		height:160px;
		}
		
	#mainContentJeu #colC h3.tit_regles{
		background: transparent url(/global/img/tit_regles.gif) no-repeat 0 0;
		margin:10px 0 0 0;
		padding:0px;
		text-indent:-1500px;
		}
		
	#mainContentJeu #colC a.lien{
		color:#000;
		font-size:11px;
		font-weight:bold;
		padding:0;
		}

	/* = mainFooter */
	#mainFooter {
		display:block;
		overflow:hidden;
		width:100%;
		}
		
	#footer {
		border-top:1px #000 solid;
		margin:10px 0;
		height:70px;
		text-align:center;
		padding-top:10px;
		}
	#footer a {
		color:#000;
		}

	#footer a:hover {
		text-decoration: none; 
		color:#333;
		}

/* = FORMULAIRE *************************/
	#formulaire {
		padding: 0 0 1em 0;
		}
	#formulaire em {}
	#formulaire h2 {
		display: block;
		clear: both;
		margin: 10px 0 10px 0;
		border-bottom: 1px #878787 solid;
		font-size: 93%;
		color: #878787;
		padding: 5px;
		background-color:#F0F5F1;
		}

	.field_line {
		float: left;
		font-size: 11px;
		width: 100%;
		padding: 0 0 0.5em 0;
		}
	.libele_field_line,
	.mode_field_line {
		float: left;
		}

	.libele_field_line {width: 40%;}
	.mode_field_line {width: 60%}

	.field_line label {
		padding: 0 0 0.5em 0;
		}

	select, textarea {
		width: 75%;
		border: 1px #c8c8c8 solid;
		}

	input {
		border: 1px #c8c8c8 solid;
		}
	.checkbox {
		padding:0;
		border:none !important;
		}
		
		.libele_field_line input{width:auto; }
		/*pour ie6*/
		* .libele_field_line label.long_label{position:relative; top:-17px; left:20px; display:block; z-index:10000; width:300px; 
		}

	.select {font-size: 93%;}
	.textfield {font-size: 100%;}
	.textarea {font-size: 100%;}
	.commun {font-size: 11px;width: 75%;}
	.email {font-size: 11px;width: 75%;}
	span.required {color: #FF0000;}

	label.error, div.error { color: #FF0000; float: left; }
	div.error { margin-bottom: 20px; }

	.field_title {
		font-size: 100%;
		vertical-align: top;
		text-align:right;
		}
	.field_heading {
		font-size: 11px;
		font-weight: bold;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #666666;
		padding-top: 10px;
		color: #666666;
		}
	p.field_heading {
		border-bottom: 1px #ccc solid;
	}

	/* bottomValide */
	.bottomValide {
		border-top: 1px #ccc solid;
		background-color: #f1f1f1;
		width:85%;
		}
	.bottomValide input.valide {
		float: right;
		width: auto!important;
		border:0;
		padding:2px 10px;
		color:#000; font-weight:bold;
		background-color:#ffed00;
		}
	span.champsAsterix {
		padding: 0 0 0 10px;
		font-size: 80%; color:red;
		}
		
	/* bottomConnexion */
	.bottomConnexion {
		width:90%;
		margin:20px 0;
		}
	.bottomConnexion input.connexion {
		float: right;
		width: auto!important;
		border:0;
		padding:2px 10px;
		color:#000; font-weight:bold;
		background-color:#ffed00;
		}