body, div, dl, dt, dd, u	l, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0;padding:0; }
table{ border-collapse:collapse;border-spacing:0; }
fieldset, img{ border:0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup{ font-style:inherit;font-weight:inherit; }
del, ins{ text-decoration:none; }
li{ list-style:none; }
caption, th{ text-align:left; }
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight:normal; }
q:before, q:after{ content:''; }
abbr, acronym{ border:0;font-variant:normal; }
sup{ vertical-align:baseline; }
sub{ vertical-align:baseline; }
legend{ color:#000; }
input, button, textarea, select, optgroup, option{ font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input, button, textarea, select{ *font-size:100%; }
/*body{ font:13px/1.231 helvetica, arial, clean, sans-serif;*font-size:small;*font:x-small; }*/
body{ font:13px/1.231 helvetica, arial, clean, sans-serif; }
select, input, button, textarea, button{ font:99% arial, helvetica, clean, sans-serif; }
table{ font-size:inherit;font-size:100%; }
pre, code, kbd, samp, tt{ font-family:monospace;line-height:100%; }
/* --------------------------------------------------------------------------- */

body { background: #ef2b7f url('../images/background.png') repeat-x; }

strong { font-weight: bold; }
strong.pink { color: #ef2b7f; }
hr.clear { clear: both; visibility: hidden; }
p.center { text-align: center; }
.large { font-size: 2em; }

div#main { min-width: 950px; min-height: 958px; padding: 164px 0 0 36px; background: url('../images/main_bg.jpg') no-repeat; }
div#content { width: 480px; min-height: 780px; margin: 0 0 0 0; padding: 0 30px 0 30px; background: transparent url('../images/main_bottom.png') no-repeat left 778px; }
div#footer { width: 480px; margin: -1px 0 30px 0; padding: 40px 30px 0 30px; background: transparent url('../images/main_bottom.png') no-repeat left -617px; font-size: 8pt; }
div#footer a { color: black; }

h1.imgtitle { text-indent: -3000px; margin-left: -10px; }
h1#titleRegister { width: 334px; height: 61px; margin: 6px 0 30px -10px; background: url('../images/sprites.png') left top; }
h1#titleCoreg { width: 380px; height: 35px; margin: 20px 0 20px -10px; background: url('../images/sprites.png') left -61px; }
h1#titleParrainage { width: 460px; height: 61px; margin: 15px 0 0px 0px; background: url('../images/sprites.png') left -164px; }
/*h2 { clear: both; display: inline; padding: 4px 10px 2px 10px; font-size: 14pt; font-weight: bold; letter-spacing: -0.5px; background-color: #010829; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px;  }*/
h2 { font-size: 14pt; font-weight: bold; letter-spacing: -0.5px;  margin-bottom: 2px; padding-bottom: 2px; border-bottom: dotted 2px black; }

.errormarker { margin-left: 10px; font-weight: bold; color: #ef2b7f; font-size: 12pt; vertical-align: -5px; }

ul#errors { padding: 10px; background-color: #ef2b7f; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul#errors li { border-bottom:1px solid white; color: white; font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; }
ul#errors li:last-child { border: none; margin-bottom:0; padding-bottom: 0; }
ul#errors li.last { border: none; margin-bottom:0; padding-bottom: 0; }

div#successContainer { margin-bottom: 20px; padding: 10px; background-color: #7eb32c; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div#successContainer p { color: white; font-weight: bold; }

/* REGISTER FORM */
div#form_elements { padding: 10px 10px; position: relative; z-index: 5; }
form .field { padding: 0 0 0 143px; position: relative; }
form .field, form .buttons { clear: both; margin: 0 0 .6em; }
form .field label {	position: absolute; width: 140px; left: -3px; text-align: right; }
* html form .field label { left: -146px; }
form ul.fields { margin: 0 0 .5em 0; padding: 0 0 0 143px; }
form ul.fields li { list-style-type: none; margin: 0 10px 0 0; display: inline; }
form ul.fields li label { text-align: left; width: auto; }
form .field.text { margin: 20px 0; padding-left: 0px; text-align: center; font-size: 0.9em; font-style: italic; }
input.radio, input.checkbox { vertical-align: top; margin-right: 5px;  }
label, button, input.submit, input.image { cursor: pointer; }
* html input.radio, * html input.checkbox { vertical-align: middle; } /* ie6 */
*+html input.radio, *+html input.checkbox { vertical-align: middle; } /* ie7 */
input.text, select { margin: 0; font: 1em/1.3 Helvetica, Arial, sans-serif; vertical-align: baseline; text-align: left }
input.text { width: 218px; }
input.text.auto { width: auto; }
.x2 { margin-top: 10px; }
.x2 input.checkbox { position: absolute; vertical-align: middle; left: 135px; }
* html form .x2 input.checkbox { left: 117px; }
.x2 label {
	min-height: 60px; padding: 20px 0 10px 77px; margin-left: 65px; display: block; font-weight: normal; font-size: 0.9em; 
	background: url('../images/sprites.png') no-repeat -686px top;
}
form .field small.sidenote { position: absolute; line-height: 1em; margin-top: -1px; margin-left: 30px; }
.legalInfos { color: black; font-size: .9em; padding: 20px; text-align: center; }
.legalInfos a { color: black; }

/*
form .field.error, form ul.fields.error { background: url(http://www.modanoo.com/concours-assets/c3-ete2009/images/sprites.png) no-repeat 436px -421px; }
* html form .field.error, * html form ul.fields.error { background: none; background: url(http://www.modanoo.com/concours-assets/c3-ete2009/images/error-marker.png) no-repeat right center; }
*/

div.submit { text-align: center; border: solid 1px #f7c4df; }
input#participer { border: none; text-indent: -3000px; cursor: pointer; width: 327px; height: 94px; background: url('../images/sprites.png') -423px -70px; }

/* COREG */
.partenaire { 
	padding: 0 0 10px; border-bottom: solid 1px white;
	vertical-align: middle; font-size: 0.85em; clear: both; width: 380px;
}
.partenaire.last { border: none; }
img.coreg_logo { border: 0; padding: 5px; margin: 10px 0 10px; float: left; width: 120px; background: url('../images/sprites.png') no-repeat -423px top; position: relative; display: block; }
.coreg_text { padding-left: 138px; padding-top: 15px; }
.partenaire .titre { font-weight: bold; }
.partenaire .desc { padding: 2px 0 5px; }
.partenaire label { font-weight: normal; }
.partenaire ul.fields { padding: 0; margin: 0; }

/*
.partenaire ul.fields.error { background-position: 298px -421px; }
html .partenaire ul.fields.error { background: none; background: url(http://www.modanoo.com/concours-assets/c3-ete2009/images/error-marker.png) no-repeat right center; }
*/

/* MODAL x2 */
/* POP UP */
#fade { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 20; }
#doublepop { position: absolute; width: 720px; height: 422px; background: url('../images/modal_x2_8.png') no-repeat 0 0; top: 50%; margin-top: -220px; z-index: 30; }
#non { position: absolute; width: 140px; height: 60px; top: 250px; left: 240px; cursor: pointer; } 
#oui { position: absolute; width: 140px; height: 60px; top: 250px; left: 390px; cursor: pointer; }

/* PARRAINAGE */
div#parrainage { padding: 0 20px; }
h4 { font-size: 1.4em; border-bottom: 1px solid #777; margin-bottom: 1em; padding: 0 8px; }

#amis { margin: 10px 0; max-height: 200px; overflow: auto;}
.ami { margin: 5px 0; }
/*.ami input.error { background-image: url(http://www.modanoo.com/concours-assets/c3-ete2009/images/exclamation.png); background-repeat: no-repeat; background-position: right center; }*/
.ami label { margin: 0 5px 0 0px; }
.ami input.nom { width: 120px; margin-right: 15px; }
.ami input.email { width: 180px; }
/*
#ajouter { text-align: right; margin: 1em 0.8em; position: relative; }
#ajouter a { font-size: .9em; padding: 2px 8px; -webkit-border-radius: 9px; -moz-border-radius: 9px; }
#ajouter a:link, #ajouter a:visited { background-color: #666; color: #fff; text-decoration: none; }
#ajouter a:hover, #ajouter a:active { background-color: #0056fe; color: #fff; text-decoration: none; }
*/

#ajouter a { float: right; color: black; }

.boutons { padding: 0.6em 0 0.2em; text-align: center; position: relative; clear: both; }
.boutons input, .boutons a { vertical-align: middle; margin: 0 1.2em; }
div.frame { clear: both; padding: 10px; background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.frame h3 { margin-bottom: 10px; padding-bottom: 2px; border-bottom: dotted 1px #333; font-size: 12pt; font-weight: bold; letter-spacing: -0.5px; }
.logos { width: 80px; height: 84px; padding-top: 10px; margin: 15px 20px 0 20px; float: left; }
.logoLive { width: 77px; height: 42px; margin: 0 auto; background: url('../images/sprites.png') -480px -164px; }
.logoGmail { width: 72px; height: 42px; margin: 0 auto; background: url('../images/sprites.png') -557px -164px; }
#formMessenger { padding: 10px 10px 10px 20px; margin: 10px 0; background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#formMessenger label { display: block; margin-bottom: 3px; }
#formMessenger input { margin-bottom: 3px; }
input.bt { float: left; font-size: 1.1em; width: 209px; height: 28px; margin: 10px 0 20px 0; border: none; background: url('../images/sprites.png') left -225px; font-weight: bold; cursor: pointer; }
div.frame input.bt { background-position: left -253px; } 
div.boutons { margin-top: 20px; }

#terminer {display: block; width: 327px; height: 94px; margin: 0 auto; text-indent: -3000px; background: url('../images/sprites.png') -423px -225px; }


p.all_coreg { text-align: center; margin: 0 0 10px 0;}
p.all_coreg input.bt { margin: 10px auto; float: none; }