/* Curtain.js - Example page */

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { zoom:1;}

/* Base Style */
body {
    font:14px/1.6 'open_sansregular', Arial, serif;
    font-weight: 400;
    color:#302e2e;
	background:#FFF;
	min-height: 100%;
    -webkit-font-smoothing: antialiased;
}
*{
    line-height:130%;
}

h1,h2,h3{font-family: 'open_sansbold', sans-serif;font-weight:normal;}
h4,h5,h6{font-family: 'open_sansregular', sans-serif;font-weight:normal;}
h4{ font-size:20px; margin:1em 0 0; }
p{min-height:1px;}
strong{font-weight:bold;}
hr{background: #333;border: 0;height: 2px;margin: 12px auto 8px;width: 60px;}
em{font-style:italic;}
a{font-weight:normal;color:#1074ce;text-decoration:none;outline:none;}
a:hover{color:#0a487f;}



/* iphone */
@media handheld, only screen and (max-device-width:480px){
	
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body,#skrollr-body{
	width:100%;
	}
	
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	body,#skrollr-body{
	width:1000px!important;
	}
	
}
/*#skrollr-body{
overflow:hidden;
}*/
#menu{
    z-index:1000;
    position:fixed;
    left:0;
    top:20px;
    width:65px;
}
#menu a{
    overflow:hidden;
    display:block;
    margin-bottom:3px;
    width:65px;
    height:47px;
    font-family:'open_sansbold';
    font-weight:normal;
    font-size:0;
    text-indent:65px;
    background-image:url(images/menu.png);
    background-repeat:no-repeat;
}
#menu a:hover{
    font-size:18px;
    padding:8px 10px 0 70px;
    width:105px;
    height:39px;
    color:#FFF;
    text-indent:0;
}
.as{
    background-position:left 0px;
    background-color:#C4126E;
}
.bags{
    background-position:left -48px;
    background-color:#5F5CE3;
}
.kids{
    background-position:left -96px;
    background-color:#FFCC00;
}
.goodies{
    background-position:left -145px;
    background-color:#E10000;
}
.foodies{
    background-position:left -193px;
    background-color:#17E6B3;
}
.tools{
    background-position:left -242px;
    background-color:#FF7E00;
}
.textiles{
    background-position:left -290px;
    background-color:#13A6F2;
}
.ecolo{
    background-position:left -338px;
    background-color:#6FD723;
}
.atouts{
    background-position:left -387px;
    background-color:#C4126E;
}
#global{
height: 6982px;
width:100%;
position:relative;
overflow:hidden;
}
#skrollr-body,#section-1,#section-2,#section-3,#section-4,#section-5,#section-6,#section-7,#section-8,#section-9{
width:100%;
}
#section-2,
#section-3,
#section-4,
#section-5,
#section-6,
#section-7,
#section-8{
    height:685px;
}
.step-list{
	position:relative;
	margin:0 auto;
	width:880px;
	padding:0 60px;
	}

header{
overflow:hidden;
}
.h-left{
position:relative;
float:left;
width:345px;
}
.h-right{
position:relative;
float:right;
padding:20px 20px 0 45px;
width:455px;
font-size:13px;
line-height:130%;
}
#section-2 .h-right,
#section-4 .h-right,
#section-7 .h-right{
color:#FFF;
}
.produits{
position:relative;
margin:45px auto;
width:900px;
height:465px;
}
.produit{
/*position:absolute;*/
}
h2{
font-size:50px;
color:#FFF;
padding-left:80px;
margin:15px 0 15px -10px;
}
/* Section 1 */
#section-1{
	height:640px;
	position:relative;
	background:url(./images/bg_header.png) center top no-repeat;
}  
#section-1 .step-list-1{
height:300px;
}
#section-1 .step-list-2{
height:350px;
}
#section-1 .h-left{
position:absolute;
left:0;
}
#section-1 .h-right{
width:514px;
padding-right:20px;
padding-left:0;
padding-top:55px;
padding-bottom:0;
height:240px;
text-align:center;
}
h1{
margin:12px 30px 25px;
}
h1 a{
overflow:hidden;
display:block;
width:268px;
height:115px;
text-indent:268px;
font-size:0;
line-height:0;
background:url(./images/ASpartners_logo.png) center center no-repeat;
}
.info{
margin:10px 0 0 35px;
font-size:16px;
font-family:'open_sanslight';
color:#FFF;
line-height:120%;
}
.info a{
color:#FFF;
}
h3{
font-family:'open_sansregular';
letter-spacing:0.04em;
font-size:24px;
color:#FFF;
line-height:120%;
margin-bottom:15px;
}
h3 span{
display:block;
}
.foryou{
font-family:'open_sanslight';
font-size:24px;
letter-spacing:0.04em;
line-height:120%;
color:#FFF;
}
.foryou strong{
font-size:35px;
font-weight:normal;
}
.contactlink{
position:absolute;
top:155px;
right:0;
width:120px;
height:40px;
padding:40px 0;
background:#FFF;
font-size:16px;
text-align:center;
line-height:130%;
color:#536071;
text-transform:uppercase;
-o-border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.contactlink strong{
font-size:26px;
}
.intro{
display:block;
padding:50px 0;
font-size:18px;
}
/* section-2 */
#section-2{
background:url(./images/bg_mauve.png) center top no-repeat;
}
#section-2 h2{
background:url(./images/picto_mauve.png) left center no-repeat;
}
header{
overflow:inherit;
height:110px;
}
/* section-3 */
#section-3{
background:url(./images/bg_jaune.png) center top no-repeat;
}
#section-3 .h-right{
padding-top:28px
}
#section-3 h2{
background:url(./images/picto_jaune.png) left center no-repeat;
}
/* section-4 */
#section-4{
background:url(./images/bg_rouge.png) center top no-repeat;
}
#section-4 h2{
background:url(./images/picto_rouge.png) left center no-repeat;
}
/* section-5 */
#section-5{
background:url(./images/bg_vert.png) center top no-repeat;
}
#section-5 .h-right{
padding-top:12px
}
#section-5 h2{
background:url(./images/picto_vert.png) left center no-repeat;
}
/* section-6 */
#section-6{
background:url(./images/bg_orange.png) center top no-repeat;
}
#section-6 .h-right{
padding-top:28px
}
#section-6 h2{
background:url(./images/picto_orange.png) left center no-repeat;
}
/* section-7 */
#section-7{
background:url(./images/bg_bleu.png) center top no-repeat;
}
#section-7 h2{
background:url(./images/picto_bleu.png) left center no-repeat;
}
/* section-8 */
#section-8{
background:url(./images/bg_vertf.png) center top no-repeat;
}
#section-8 .h-right{
padding-top:12px
}
#section-8 h2{
background:url(./images/picto_vertf.png) left center no-repeat;
}
/* section-9 */
#section-9{
height:1352px;
background:url(./images/pointilles.png) center top no-repeat;
}
#section-9 .step-list-1{
padding-top:90px;
height:430px;
}
#section-9 .step-list-2{
font-size:18px;
line-height:130%;
}
.schema{
position:relative;
height:400px;
background:url(images/bg_schema.png) no-repeat center 60px;
}
.schema p{
font-size:13px;
width:200px;
margin-left:-62px;
text-align:center;
}
.nous{
    position:absolute;
    top:18px;
    right:220px;
}
.brief{
    left:410px;
    position:absolute;
    top:40px;
    opacity:1;
}
.vous{
    position:absolute;
    top:0;
    left:230px;
}
.odd{
    position:absolute;
    top:161px;
}
.even{
    position:absolute;
    top:213px;
}
.even-a{
    left:100px;
}
.odd-a{
    left:220px;
}
.even-b{
    left:340px;
}
.odd-b{
    left:460px;
}
.even-c{
    left:580px;
}
.odd-c{
    left:700px;
}
.odd img{
    margin-top:10px;
}
.even img{
    margin-bottom:5px;
}
h4{
font-family:'open_sansbold';
font-weight:normal;
font-size:20px;
color:#c4126e;
}
#section-9 ul{
margin:0 0 0 15px;
}
#section-9 ul.logos{
background:url(images/logos.jpg) right 60px no-repeat; 
}
#section-9 li{
list-style-image:url(images/puce.png);
list-style-position:outside;
}
#section-9 li.smallest{
width:600px;
}
/* section-10 */
#section-10{
height:195px;
background:url(./images/bg_rose.png) center top no-repeat;
}
#section-10 .step-list-1{
overflow:hidden;
position:relative;
height:145px;
background:url(./images/ASpartners_logo.png) 163px center no-repeat;
}
#section-10 .h-right{
padding-top:35px;
width:410px;
font-family:'open_sanslight';
font-size:18px;
color:#FFF;
}
#section-10 .h-right a{
color:#FFF;
}
#section-10 .step-list-2{
padding:14px 0;
text-align:center;
}
#section-10 .step-list-2 a{
font-family:'open_sanslight';
font-size:14px;
font-weight:normal;
text-decoration:underline;
color:#302E2E;
}