@charset "utf-8";
/* CSS Newsletter - YSL - TOUCHE ECLAT */

* {font:12px Futura Book,Lucida Grande, Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:#000;}
a#click_here{text-decoration:none; color:#000; background:#FFFFFF;}
h1 { display:none; font:24px Futura Book,Lucida Grande, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; margin-left:50px; }
body {background-color: #fff; color: #000;}
#global { width:680px; height:740px; margin-left:auto; margin-right:auto; margin-top:5px; padding-top:40px; background:url(/images/ysl/fr/fr/ysl_toucheeclat_newsletter.jpg) center 20px no-repeat; background-color: #fff; border: 1px solid white; }
#global-news { width:800px; height:300px; margin-left:auto; margin-right:auto; margin-top:40px; padding-top:50px; }
#design { padding:30px 10px 0 0; padding:0 10px 0 0; }
/*.ligne-degrade { width:666px; height:1px; background:url(../images/ligne-degrade.png) no-repeat right; float:right; clear:both; }*/
.fond-degrade { width:751px; background:url(../images/fond-degrade.png) repeat-y right; _background:none; float:right; clear:both; }
#cartouche {
    width:857px;
    height:72px;
    clear:both;
    position:absolute;
}

form {width:625px; margin:130px 0px 0px 175px;}
input, select {margin:2px; border:1px #FFFFFF solid; background:#FFFFFF; vertical-align:middle; }
legend {font:14px Futura Book,Lucida Grande, Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; margin-bottom:5px;}

.imageLeft { position:absolute; left: 430px;}
.newsletter { width:500px; margin:20px 20px 15px 180px;}

/* start specific declarations */

label {float:left; margin-right:0.5em; padding-top:0.2em; text-align:left;}

#fs_page1 label {float:left; width:200px;}
#fs_page2 label {float:left; width:200px;}
#fs_page3 label {float:left; width:200px;}

form div.elementSeparator { width:400px; font-size:1px; display:block; height:1px; }
form fieldset div.elementSeparator { width:400px; height:4px; *height:0px; clear:both; }

.formCaption {cursor:help; font-size:0.83em; padding-left:0.2em; vertical-align:super;}
.formCaptionText {font-size:0.83em; color:#000; margin-left: 5px; margin-right: 5px;}

#formCaptions {position:absolute; width:475px; float:left; clear:both; margin-top:680px;margin-left:150px;}

#formCaptionText1{color:#000; width: 650px;}
#formCaptionText2{color:#000; width: 650px;}
#formCaptionText3{color:#000; width: 650px;}
div#formCaptionTextcnil{position:absolute; margin-top:25px; text-align:center; width:500px;}

textarea#address { margin:2px; border:1px #CCCCCC solid; background:#FFFFFF; vertical-align:middle; width: 180px;} /* Type : [textarea] / Input name=address  */

span#operationStartVal { display:none; font-size:11px; padding:0.3em; color:#000; } /* Type : [span] / Operation date start  */

span#operationStartText { display:none; font-size:11px; padding:0.3em; color:#000; } /* Type : [span] / Text before the operation start date  */

span#operationEndVal { display:none; font-size:11px; padding:0.3em; color:#000; } /* Type : [span] / Container for date end info  */

span#operationEndText { display:none; font-size:11px; padding:0.3em; color:#000; } /* Type : [span] / Text before the operation end date  */

span#operationDescriptionText { display:none; padding:0.3em; font-family:verdana; font-size:12px; color:#000; } /* Type : [div] / Operation Description Text  */

select#yearOfBirth {width:70px; margin-right:5px; text-align:center;} /* Type : [select] / Input name=yearOfBirth  */

select#monthOfBirth {width:45px; margin-right:5px; text-align:center;} /* Type : [select] / Input name=monthOfBirth  */

select#dayOfBirth {width:45px; margin-right:5px; text-align:center;} /* Type : [select] / Input name=dayOfBirth  */

select#country {width:180px;} /* Type : [select] / Input name=country  */

select#civilite {width:180px;} /* Type : [select] / Input name=civilite  */

legend#ld_page5 {display:none;} /* Type : [legend] / Legend for #fs_page5  */

legend#ld_page4 {display:none;} /* Type : [legend] / Legend for #fs_page4  */

legend#ld_page3 {display:none;} /* Type : [legend] / Legend for #fs_page3  */

legend#ld_page2 {display:none;} /* Type : [legend] / Legend for #fs_page2  */

legend#ld_page1 {display:none;} /* Type : [legend] / Legend for #fs_page1  */

label#for_zipCode { } /* Type : [label] / label for=zipCode  */

label#for_smsAccept { float:right; text-align:left; width:90%; _padding-top:5px; } /* Type : [label] / label for=smsAccept  */

label#for_newsletterSignup { float:right; text-align:left; width:90%; _padding-top:5px; } /* Type : [label] / label for=newsletterSignup  */

label#for_termsAndConditions { float:right; text-align:left; width:90%; _padding-top:5px; } /* Type : [label] / label

label#for_localFilialeSignup{ float:right; text-align:left; width:90%; _padding-top:5px; }*/

label#for_myYSL { float:right; text-align:left; width:90%;} /* Type : [label] / label for=myYSL  */

label#for_phone { } /* Type : [label] / label for=phone  */

label#for_moreAddress { } /* Type : [label] / label for=moreAddress  */

label#for_mobile { } /* Type : [label] / label for=mobile  */

label#for_lastname {  } /* Type : [label] / label for=lastname  */

label#for_firstname {  } /* Type : [label] / label for=firstname  */

label#for_emailAddressConfirm {} /* Type : [label] / label for=emailAddressConfirm  */

label#for_emailAddress {} /* Type : [label] / label for=emailAddress  */

label#for_dayOfBirth {  } /* Type : [label] / label for=dayOfBirth  */

label#for_country { } /* Type : [label] / label for=country  */

label#for_civilite { } /* Type : [label] / label for=civilite  */

label#for_address { } /* Type : [label] / label for=address  */

input#zipCode { } /* Type : [input] / Input name=zipCode  */

input#submitButton {font-weight:bold; padding:0.2em;  } /* Type : [input] / Input name=submitButton  */

input#smsAccept { float:left; border:0; background:none; vertical-align:middle; } /* Type : [input] / Input name=smsAccept  */

input#phone { } /* Type : [input] / Input name=phone  */

input#newsletterSignup {float:left; border:0; background:none; vertical-align:middle; margin-top:4px;} /* Type : [input] / Input name=newsletterSignup  */

input#termsAndConditions {float:left; border:0; background:none; vertical-align:middle; margin-top:4px;}

input#localFilialeSignup{float:left; border:0; background:none; vertical-align:middle; margin-top:4px;}

input#myYSL { float:left; border:0; background:none; vertical-align:middle; margin-top:4px; } /* Type : [input] / Input name=myYSL  */

input#moreAddress { } /* Type : [input] / Input name=moreAddress  */

input#mobile { } /* Type : [input] / Input name=mobile  */

input#lastname {width:180px;} /* Type : [input] / Input name=lastname  */

input#firstname {width:180px;} /* Type : [input] / Input name=firstname  */

input#emailAddressConfirm {width:180px;} /* Type : [input] / Input name=emailAddressConfirm  */

input#emailAddress {width:180px;} /* Type : [input] / Input name=emailAddress  */

form#ysl_fr_fr_MattTouch { } /* Type : [form] / Objet formulaire  */

fieldset#fs_page5 {border:0px solid transparent; text-align:center;} /* Type : [fieldSet] / Fieldset for "page5"  */

fieldset#fs_page4 {width:65%; border:0px solid transparent;} /* Type : [fieldSet] / Fieldset for "page4"  */

fieldset#fs_page3 {width:65%; border:0px solid transparent;} /* Type : [fieldSet] / Fieldset for "page3"  */

fieldset#fs_page2 {width:65%; border:0px solid transparent;} /* Type : [fieldSet] / Fieldset for "page2"  */

fieldset#fs_page1 {width:65%; border:0px solid transparent;} /* Type : [fieldSet] / Fieldset for "page1"  */

div#operationStartDate { display:none; float:left; } /* Type : [div] / Container for date start info  */

div#operationEndDate { display:none; float:right; } /* Type : [div] / Operation date end  */

div#operationDescription { display:none; width:100%; height:4.5em; background:#FFFFFF; padding:0.3em; border:1px solid #FFFFFF; } /* Type : [div] / Container for context info  */

div#form_message{width:800px; text-align:center;}



#formCaptions .mention_active{background-color:#FFFFFF; color:#000000;} /* mentions obligatoires */

.label_for_lastname {text-align:left;} /* class bound to label#for_lastname */

.label_for_firstname {text-align:left;} /* class bound to label#for_firstname */

.label_for_emailAddressConfirm {text-align:left;} /* class bound to label#for_emailAddressConfirm */

.label_for_emailAddress {text-align:left;} /* class bound to label#for_emailAddress */

.label_for_dayOfBirth {text-align:left;} /* class bound to label#for_dayOfBirth */

.label_for_country {text-align:left;} /* class bound to label#for_country */

.label_for_civilite {text-align:left;} /* class bound to label#for_civilite */

#container { top:30px; }