/******************************************* redefining page defaults */

body, div, table {margin:0;padding:0}
body {
	behavior:url("csshover3.htc");
background-color:#464344;}
body, textarea, input {font-family:"lucida grande",verdana,tahoma,arial,sans-serif;font-size:12px}

a {outline:none}

td {vertical-align:top}
img {border:none}

/******************************************************************************************/
#wrapper {position:relative;width:1000px;margin:15px auto 15px auto}


#bottom {position:fixed;bottom:0;left:0;width:100%;background:transparent url(../images/bar.png) repeat top left;margin:0;padding:0;font-size:11px;z-index:999}
* html #bottom {position:absolute;width:100%;bottom:0;left:0;overflow:visible;top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight))}
#bottom #clock {float:right;margin:2px 0;padding:2px 15px 2px 8px;border-left:1px dotted #999}
#bottom #date {float:right;margin:2px 0;padding:2px 8px}
#bottom #copyright {float:left;margin:2px 0;padding:2px 5px 2px 15px}
#bottom #developped {float:left;margin:2px 0;padding:2px 5px 2px 0}
#bottom #designed {float:left;margin:2px 0;padding:2px 5px 2px 0}
#bottom #version {float:left;margin:2px 0;padding:2px 5px 2px 0}
#bottom #privacy {float:right;margin:2px 0;padding:2px 8px;border-left:1px dotted #999}
#bottom #terms-of-use {float:right;margin:2px 0;padding:2px 8px}

#page1 {position:relative;width:auto;height:auto}

#logo {position:absolute;top:20px;left:400px;width:550px;height:335px;background:url(../images/3/belle_a_croquer_taille_42_a_54.png) top left no-repeat}

#page1 #info {position:absolute;top:270px;left:0px}
#page1 #info div.image {position:absolute;top:0px;left:0px;width:385px;height:379px;background:url(../images/3/pomme_multi.png)}
#page1 #info a {position:absolute;top:235px;left:280px;font-size:26px}
#page1 #store {position:absolute;top:420px;left:400px}
#page1 #store div.image {position:absolute;top:0px;left:0px;width:158px;height:165px;background:url(../images/3/p1_pomme_verte_magasin.png)}
#page1 #store a {position:absolute;top:85px;left:20px;font-size:26px}
#page1 #fashion {position:absolute;top:420px;left:595px}
#page1 #fashion div.image {position:absolute;top:0px;left:0px;width:158px;height:165px;background:url(../images/3/p1_pomme_turquoise_marques.png)}
#page1 #fashion a {position:absolute;top:85px;left:20px;font-size:26px}
#page1 #contact {position:absolute;top:420px;left:790px}
#page1 #contact div.image {position:absolute;top:0px;left:0px;width:158px;height:165px;background:url(../images/3/p1_pomme_rouge_contact.png)}
#page1 #contact a {position:absolute;top:85px;left:25px;font-size:26px}

#page2 {}
#page2 #address {position:absolute;top:10px;left:440px;width:351px;height:231px;background:url(../images/3/feuille_orange_heures.png) top left no-repeat;z-index:110;padding:30px 0 0 115px;color:#fff}
#page2 #hours {position:absolute;top:90px;left:93px;width:351px;height:230px;background:url(../images/3/feuille_verte_adresse.png) top left no-repeat;z-index:110;padding:30px 0 00 70px;color:#000}
#page2 #photo1 {position:absolute;top:0px;left:0px;z-index:100}
#page2 #photo1 div.image {width:440px;height:293px;background:url(../images/store/1.png)}
/*
#page2 #photo2 {position:absolute;top:293px;left:0px;z-index:100}
#page2 #photo2 div.image {width:220px;height:330px;background:url(../images/store/2.png)}
#page2 #photo3 {position:absolute;top:293px;left:220px;z-index:100}
#page2 #photo3 div.image {width:220px;height:330px;background:url(../images/store/3.png)}
#page2 #photo4 {position:absolute;top:293px;left:440px;z-index:100}
#page2 #photo4 div.image {width:248px;height:165px;background:url(../images/store/4.png)}
#page2 #photo5 {position:absolute;top:458px;left:440px;z-index:100}
#page2 #photo5 div.image {width:248px;height:165px;background:url(../images/store/5.png)}
*/
#page2 #photo2 {position:absolute;top:293px;left:98px;z-index:100}
#page2 #photo2 div.image {width:220px;height:300px;background:url(../images/store/mag-1.png)}
#page2 #photo3 {position:absolute;top:293px;left:220px;z-index:100}
#page2 #photo3 div.image {width:283px;height:300px;background:url(../images/store/mag-2.png)}
#page2 #photo4 {position:absolute;top:143px;left:601px;z-index:100}
#page2 #photo4 div.image {width:232px;height:450px;background:url(../images/store/mag-3.png)}

#page2 #apple_transparent {position:absolute;top:400px;left:150px;width:371px;height:376px;background-image:url(../images/3/pomme_multi_transparent.png);z-index:130}
#page2 #home {position:absolute;top:20px;left:920px;width:48px;height:52px;background:url(../images/3/pomme_accueil.png) top left no-repeat;padding:25px 0 0 30px}
#page2 a {color:#fff;text-decoration:none}
#page2 a:hover {text-decoration:underline}

div.designers ul {margin:-50px 0 0 0;padding-left:30px;list-style:none}

#page3 {position:relative;text-align:left}
#page3 #home {position:absolute;top:20px;left:920px;width:48px;height:52px;background:url(../images/3/pomme_accueil_transparent.png) top left no-repeat;padding:25px 0 0 30px}
#page3 a {color:#000;text-decoration:none}
#page3 a:hover {text-decoration:underline}
#fashion_mannequin {position:absolute;top:0px;left:350px;z-index:100}
#fashion_content {position:absolute:top:170px;left:0px;}
#tendency {position:absolute;top:220px;left:130px;z-index:120}
#tendency div.title {background:url(../images/3/feuille_tendance.png) top left no-repeat;color:#fff;width:200px;height:111px;padding:17px 0 0 30px;text-align:left}
#sport {position:absolute;top:220px;left:330px;z-index:120}
#sport div.title {background:url(../images/3/feuille_sport.png) top left no-repeat;color:#fff;width:200px;height:111px;padding:17px 0 0 30px;text-align:left}
#classic {position:absolute;top:220px;left:530px;z-index:120}
#classic div.title {background:url(../images/3/feuille_classique.png) top left no-repeat;color:#fff;width:200px;height:111px;padding:17px 0 0 30px;text-align:left}
#accessories {position:absolute;top:220px;left:730px;z-index:120}
#accessories div.title {background:url(../images/3/feuille_accessoires.png) top left no-repeat;color:#fff;width:200px;height:111px;padding:17px 0 0 30px;text-align:left}
#page3 #apple {position:absolute;top:400px;left:200px;width:371px;height:376px;background-image:url(../images/3/pomme_multi.png);z-index:100}

#page4 {padding-bottom:30px}
#page4 a {color:#000;text-decoration:none}
#page4 a:hover {text-decoration:underline}
#page4 a.contact {color:#fff;text-decoration:none}
#page4 a.contact:hover {text-decoration:underline}
#page4 #home_transparent {position:absolute;top:20px;left:920px;width:48px;height:52px;background:url(../images/3/pomme_accueil_transparent.png) top left no-repeat;padding:25px 0 0 30px;font-size:12px}
#page4 #home {position:absolute;top:20px;left:920px;width:48px;height:52px;background:url(../images/3/pomme_accueil.png) top left no-repeat;padding:25px 0 0 30px;font-size:12px}
#page4 #apple_transparent {position:absolute;top:270px;left:0px;width:371px;height:376px;background:url(../images/3/pomme_multi_transparent.png) top left no-repeat;padding:200px 0 0 100px;font-size:26px;z-index:100}
#page4 #apple {position:absolute;top:270px;left:0px;width:385px;height:389px;background:url(../images/3/pomme_multi.png) top left no-repeat;padding:200px 0 0 100px;font-size:26px;z-index:100}
#page4 #plan {position:absolute;top:430px;left:400px;width:150px;height:200px;background:url(../images/3/p4-plan.png) top left no-repeat; padding-top:155px;font-size:26px;text-align:center}
#page4 #profile {position:absolute;top:430px;left:600px;width:150px;height:200px;background:url(../images/3/p4-mail.png) top left no-repeat;padding:155px 0 0 0;font-size:26px;text-align:center}
#page4 #question {position:absolute;top:430px;left:800px;width:150px;height:200px;background:url(../images/3/p4-question.png) top left no-repeat;padding:155px 0 0 0;font-size:26px;text-align:center}
#page4 #content {position:absolute;top:120px;left:300px;width:600px;text-align:left;font-size:12px}
#page4 #content div.plan {width:647px;height:410px;background-image:url(../images/3/plan.png)}
#page4 a.button {color:#000;border:1px solid #ccc;font-family:"lucida grande",verdana,tahoma,arial,sans-serif;font-size:12px;padding:5px 8px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
#page4 a.button:hover {text-decoration:underline}
#page4 #content table, #page4 #content form {margin-left:100px}

#page0 {padding-bottom:30px}
#page0 a {color:#fff;text-decoration:none}
#page0 a:hover {text-decoration:underline}
#page0 #home {position:absolute;top:20px;left:920px;width:48px;height:52px;background:url(../images/3/pomme_accueil.png) top left no-repeat;padding:25px 0 0 30px;font-size:12px}
#page0 #apple {position:absolute;top:300px;left:0px;width:371px;height:376px;background:url(../images/3/pomme_multi_page_promo.png) top left no-repeat;padding:200px 0 0 100px;font-size:26px;z-index:100}
#page0 #content {position:absolute;top:120px;left:450px;width:550px;text-align:left;font-size:12px}

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

/*
#fashion a.button, #info a.button {color:#fff}
#fashion a.button:hover, #info a.button:hover {color:#fff}
*/

a.button div.apple_green_home {background:url(../images/bouton_pomme_verte_accueil.png) top center no-repeat;width:100px;height:100px;padding:50px 10px 0 0;text-align:center;font-size:16px}
a.button div.apple_green {margin:85px 15px 0 0;text-align:center;font-size:26px}
a.button div.apple_purple {margin:85px 15px 0 0;text-align:center;font-size:26px}
a.button div.apple_red {padding:85px 15px 0 0;text-align:center;font-size:26px}
a.button div.apple_yellow {padding:225px 0 0 250px;font-size:26px}
a.button div#info {background:url(../images/bouton_pomme_verte_info_page_1.png) left 200px no-repeat;width:500px;height:800px;padding:465px 0 0 45px;text-align:center;font-size:26px}

form {margin:15px 0 0 0;padding:0;text-align:left}

.field {
	margin: 0 0 4px 0;
	padding: 0;
}
.text-small {padding-top:5px;font-size:11px;font-style:italic}
.text-small span {padding-left:5px}

.inputtext,
.inputpassword {border:1px solid #ccc;font-family:"lucida grande",verdana,tahoma,arial,sans-serif;font-size:12px;padding:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
textarea {border:1px solid #ccc;padding:3px;font-size:12px;font-family:"lucida grande",verdana,tahoma,arial,sans-serif;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
select {border:1px solid #ccc;font-family:"lucida grande",verdana,tahoma,arial,sans-serif;font-size:12px;padding:2px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

textarea.expanding {min-height:100px;height:100px;width:560px}

.field ul {list-style:none;margin:0;padding:0}
.field ul li {float:left;margin:5px 0 1px 0;padding:0}
.field ul li input.checkbox {
	width:15px;
  float:left;
	margin: 0; 
  padding:0;
 }
.field ul li label.checkbox {
	width: 480px;
  font-weight:normal;
  float: right;
  text-align:left;
  padding:0;
  margin:0 0 0 5px;
}
.field span.small {padding-left:8px;font-size:11px}
.field ul li input.radio {
	width: 15px;
	float: left;
	margin: 2px 0px 3px 0;
	padding: 0;
}
.field ul li label.radio {
	font-weight: normal;
	float: right;
	text-align: left; 
	padding: 0; margin: 0 10px 0 5px;
	width: auto;
}

label {float:left;font-size:12px;text-align:right;margin: 0;padding:5px 10px 0 0;width:140px}
input {float:left}

label.error {color:#c54819}
input.error,
textarea.error,
select.error {border:1px solid #c54819;background-color:#fbece9}

.required {font-weight:bold}

div.note {margin:0;padding:0 0 10px 0;color:#000}
div.error {padding:10px 0;color:#de7a7b}
div.error blockquote {margin:0;padding:5px 10px 5px 10px;background:url(../images/icons4/warning-32x32.png) no-repeat 5px center #fbece9;border:1px solid #c54819;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div.error blockquote span {vertical-align:middle;display:table-cell;height:40px;min-height:40px}
div.info {padding:10px 0;color:#2861cd}
div.info blockquote {margin:0;padding:5px 10px 5px 10px;background:url(../images/icons4/information-32x32.png) no-repeat 5px center #c4d2e7;border:1px solid #84a7db;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div.info blockquote span {vertical-align:middle;display:table-cell;height:40px;min-height:40px}

div.buttons {float:right;padding-top:20px;}

.cleardiv {clear:both}