/********* Colors ********

********* Colors ********/

@import url(forms.css);

/********* RESET *********/
* {-moz-outline:none; margin: 0; padding: 0;}
body {font-size: .9em; font-weight: normal; font-style: normal; font-family:arial,verdana,sans-serif; color:#000; background-color:#fff;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.clearer,
.clear { clear: both; display: block; margin: 0; padding: 0; height: 1%; line-height: .1em; font-size: .1em; }
.dottedLine {display:block; clear:right; height:1px; line-height:1px; padding:0; margin:5px 20px 0 0; border:none; background: url(../images/dotted_line.png) repeat-x center;}
.line { width: 500px; margin:20px auto; display: block; padding: 0; height: 3px; line-height: 3px; font-size: .1em;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/line.png');}
.line[class] {background: url(../images/line.png) no-repeat left top;}



body, html {overflow:hidden; background:#002a5a url(../images/mainBgV3.jpg) repeat-y center;}
#homeLink {border: 1px solid #00ff00; position: absolute; top: 0; left: 0; z-index: 1; display: block; height: 250px; width: 980px;}
#mainWrap {position:relative; z-index:10; overflow-x: hidden; overflow-y: scroll; width:auto; height:auto; margin:0 auto;}
#flashBgWrap {overflow:hidden;}
#flashBg {position:absolute; z-index:2; top:0; width:1622px; height:880px; margin:0 auto;}
#bandeBlanche {position:relative; z-index:10; width:100%; height:300px; margin-top:256px; background:#ffffff;}

#bandeOrange {position:relative; z-index:10; width:100%; height:220px; margin-top:234px; background: URL(/lib/images/bandeOrange.gif) repeat-x top left; text-align: center;}
#bandeOrange h3 {width:474px; height:220px; margin:0 auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/titre-concours.png');}
#bandeOrange[id] h3 {background: url(../images/titre-concours.png) no-repeat left top;}


#mainWrap.concours #bandeBlanche { height: 100px;}
.middle {width:980px; height:285px; margin:0 auto; padding-top:8px;}
#player {width:507px; height:285px; float:left; background: url(../images/playerBg.png) no-repeat center;}
#textHidden {display:none;}
.middleLeft {display:block; float:left; margin-right:8px;}
.middleRight {display:block; float:left; margin-left:8px; width:225px; height:285px; background: url(/lib/images/imgMiddleRight.jpg) no-repeat left top;}




#footer {position:relative; z-index:10; height:auto; text-align:center;}
#facebook a {width:311px; height:32px; display: block;}
#facebook {width:311px; height:50px; margin:20px auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/btn-facebook.png');}
#facebook[id] {background: url(/lib/images/btn-facebook.png) no-repeat center top;}

#enSalles {width:390px; height:26px; margin:20px auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/enSalles.png');}
#enSalles[id] {background: url(/lib/images/enSalles.png) no-repeat center top;}

#footer #credits {width:504px; height:94px; margin:20px auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/credits.png');}
#footer #credits[id] {background: url(../images/credits.png) no-repeat center top;}
#footer #logos {width:744px; height:34px; margin:40px auto 10px auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/logosV2.png');}
#footer #logos[id] {background: url(../images/logosV2.png) no-repeat left top;}
#footer #cp {display:block; width:270px; height:20px; margin:0 auto; text-indent:-9999px; text-align:center; font-size:9px; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/cp.png');}
#footer #cp[id] {background: url(../images/cp.png) no-repeat center center;}

#player #playerText {padding:10px;}
#player #playerText ol {margin:10px 0 10px 30px;}
#player #playerText ol li {margin:10px 0;}

#playerResize {display:block; width:507px; height:285px; margin:0 auto;}

.middleRight dl {display:block; margin:210px 0 0 0; text-align:center;}
.middleRight dl dd {display:block; height:74px; float: left;}
.middleRight dl dd span {display:block; height:47px; color:#ffffff; font-size:15px; font-weight:bold; text-indent:-9999px; cursor:pointer;}

.middleRight dl dd#petite {width: 67px;}
.middleRight dl dd#moyenne {width: 86px;}
.middleRight dl dd#large {width: 66px;}

#footer {width:794px; margin:0 auto;}

#containerContainerOff {width:500px; margin:0 auto 40px auto; text-align: center;}

#containerContainerOff .sendFriend .sendFriendTitle {display:block; width:165px; height:13px; margin:0 auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/sendFriendTitle.png');}
#containerContainerOff .sendFriend .sendFriendTitle[class] {background: url(../images/sendFriendTitle.png) no-repeat center center;}
#containerContainerOff .sendFriend .sendFriendMsgError{ font-size: 12px; font-weight: bold; color: #ff0000; margin: 10px 0;}
#containerContainerOff .sendFriend .sendFriendMsg { font-size: 12px; font-weight: bold; color: #fff; margin: 10px 0;}
#containerContainerOff .sendFriend .sendFriendEmail { font-size: 12px; font-weight: bold; color: #fff;}

#containerContainerOff .merci {width:228px; height:17px; margin:0 auto 10px auto; text-indent:-9999px; text-align: center; display: block;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/msgConfirmation.png');}
#containerContainerOff .merci[class] {background: url(/lib/images/msgConfirmation.png) no-repeat center top;}

#containerContainerOff .merci {width:228px; height:17px; margin:0 auto 10px auto; text-indent:-9999px; text-align: center; display: block;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/msgConfirmation.png');}
#containerContainerOff .merci[class] {background: url(/lib/images/msgConfirmation.png) no-repeat center top;}

#containerContainerOff .merciFin {width:501px; height:277px; margin:0 auto 10px auto; text-indent:-9999px; text-align: center; display: block;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/txtgagnant.png');}
#containerContainerOff .merciFin[class] {background: url(/lib/images/txtgagnant.png) no-repeat center top;}

#retourIndex a {width:251px; height:15px; display: block;}
#retourIndex {width:251px; height:15px; margin:0 auto; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/visionner.png');}
#retourIndex[id] {background: url(/lib/images/visionner.png) no-repeat center top;}



#concoursContainer {height:680px; position: relative; display: block; margin: 0 0 0 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/bg-form.png');}
#concoursContainer[id] {background: url(/lib/images/bg-form.png) no-repeat left top;}


#concoursContainer .text {display: none;}
#concoursContainer .wordCounter {position: absolute; top: 428px; left: 424px; font-size: 11px; font-family: verdana; color: #fff; font-weight: bold;}
#concoursContainer .wordCounter.stop{ color: #ff0000;}
#concoursContainer form {text-align: left;}
#concoursContainer form label {display: none;}
#concoursContainer form .cinema,
#concoursContainer form textarea, 
#concoursContainer form input {border-left: 1px solid #4f4f4f; border-top: 1px solid #4f4f4f; border-bottom: none;  border-right: none; width: 225px; padding: 5px 3px;}
#concoursContainer form textarea { width: 354px; height: 120px;}
#concoursContainer form .prenom {position: absolute; top: 80px; left: 424px; width: 160px;}
#concoursContainer form .nom {position: absolute; top: 80px; left: 609px; width: 160px;}
#concoursContainer form .courriel {position: absolute; top: 146px; left: 424px;}
#concoursContainer form .ville {position: absolute; top: 234px; left: 424px;}
#concoursContainer form .cinema {position: absolute; top: 298px; left: 424px; width: 232px;}
#concoursContainer form .autre {position: absolute; top: 330px; left: 424px; width: 225px;}
#concoursContainer form .error { border: 1px solid #da3838; background: #ffaeae;}
#concoursContainer form .expliquation {position: absolute; top: 454px; left: 424px;}
#concoursContainer form .envoyez {text-align: left; position: absolute; top: 600px; left: 425px; width: 158px; height: 40px;background: url(/lib/images/btn-envoyez.png) no-repeat left top; border: 0; color: #ff8700; cursor: pointer; font-size: 1%;}
#concoursContainer h3 {width:474px; height:172px; margin:0 0 20px 0; text-indent:-9999px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/titre-concours.png');}
#concoursContainer[id] h3 {background: url(/lib/images/titre-concours.png) no-repeat left top;}
.btnReglement {width:190px; height:20px; text-indent:-9999px; position: absolute; top: 384px; left: 38px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/lib/images/btn-reglement.png');}
.btnReglement[class] {background: url(/lib/images/btn-reglement.png) no-repeat left top;}
.btnReglement a { width: 190px; height: 20px; display: block; text-indent: -9999px;}

.reglement { color: #fff; text-align: left;}
.reglement a { color: #fff; text-decoration: underline;}
.reglement ul { margin: 10px 0; padding: 0 0 0 20px}
.reglement ul li {padding: 10px 0}