/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, 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;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #a4c408; color:#fff; text-shadow: none; }
::selection { background:#a4c408; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #a4c408; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #a4c408; }
a:hover { color: #036; }

/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/

/* GLOBAL */
.gradient { background: #97d0f1; 
background: url(data:image/svg+xml, base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3ZDBmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGU5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #97d0f1 0%, #d8e9f9 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97d0f1), color-stop(100%,#d8e9f9)); 
background: -webkit-linear-gradient(top,  #97d0f1 0%,#d8e9f9 100%); 
background: -o-linear-gradient(top,  #97d0f1 0%,#d8e9f9 100%); 
background: -ms-linear-gradient(top,  #97d0f1 0%,#d8e9f9 100%); 
background: linear-gradient(to bottom,  #97d0f1 0%,#d8e9f9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d0f1', endColorstr='#d8e9f9',GradientType=0 ); }

html,body{ background: #f9f9f9; height: 100%; }
html.home,body.home{ height: 100%; position:relative;  background: #97d0f1; }

#container { position:relative; min-height:100%; padding:50px 0 120px 0; width:100%; min-width:1000px; overflow:hidden; }
html.page #container ,body.page #container { position:relative; min-height:100%; padding:0 0 0 0; width:100%; min-width:1000px; }

.alignright { text-align:right; }
img.aligncenter { text-align:center; position:relative; margin:0 auto; width:516px; }

/* LOADING */

#loading { position:fixed; width:100%; height:100%; z-index:10000; }
#loading div { position:fixed; width:200px; text-align:center; z-index:10001; top:50%; left:50%; margin:-50px 0 0 -100px; color:#fff; padding:0 0 25px 0; background:url(../img/ajax-loader.gif) no-repeat bottom; font-family: 'Raleway', sans-serif; font-weight:100; font-size:24px; text-transform:uppercase; }

/* PAGE */

/* TYPO */


/* ELEMENTS */

	/* HEADER */
	
	header { position:fixed; top:0; left:0; width:100%; z-index:2000; }
	.page header { position:relative; top:0; left:0; width:100%; z-index:2000; }
	
	header #header-container { position:relative; width:100%; }
	
	header #logo { position:absolute; top:0; left:50%; margin:0 0 0 -480px; z-index:2300; }
	header #logo a { width:190px; height:134px; text-indent:-1000em; background:#000 url(../img/logo-holypop-fr.png) center no-repeat; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; z-index:2900; -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); display:block; }

	header nav#menu-top { background:#000; display:block; padding:0 0 0 0; line-height:27px; height:27px; position:absolute; width:100%; z-index:2200; -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); top:0; font-family: 'Raleway', sans-serif; font-weight:200; }
	header nav#menu-top ul { position:relative; width:740px; margin:0 auto; padding:5px 0 5px 210px; }
	header nav#menu-top ul li { float:left; margin:0; border-left:1px solid #A4C408; line-height:15px; }
	header nav#menu-top ul li:first-child { border:0; }
	header nav#menu-top ul li a { color:#fff; text-decoration:none; padding:2px 5px; display:block; }
	header nav#menu-top ul li.acheter-link a { color:#fff; padding:2px 5px 2px 22px; background:url(../img/ico-cart.png) 5px 2px no-repeat; font-weight:bold; }
	header nav#menu-top ul li.acheter-link a:hover { background:url(../img/ico-cart.png) 5px -14px no-repeat; color:#A4C408; }
	header nav#menu-top ul li.trouver-link a { color:#fff; padding:2px 5px 2px 22px; background:url(../img/ico-marker.png) 5px 2px no-repeat; font-weight:bold; }
	header nav#menu-top ul li.trouver-link a:hover { background:url(../img/ico-marker.png) 5px -14px no-repeat; color:#A4C408; }
	header nav#menu-top ul li a:hover { color:#A4C408; }
	
	header nav#menu-lang { background:none; display:block; padding:0; position:absolute; width:90px; z-index:2300; top:5px; right:50%; margin:0 -480px 0 0; height:0;  }
	header nav#menu-lang ul { position:relative; width:67px; margin:0; padding:0 0 0 23px; border:#424242 1px solid; background:#232323 url(../img/ico-arrow2_e.png) 5px 1px no-repeat; }
	header nav#menu-lang ul li { margin:0; display:block; padding:0 3px; line-height:17px; height:17px; font-size:11px; }
	header nav#menu-lang ul li.selected { display:none; }
	header nav#menu-lang ul:hover li, header nav#menu-lang ul:hover li.selected  { display:block; }
	header nav#menu-lang ul li a:hover, header nav#menu-lang ul li.selected a { color:#fff; }
	header nav#menu-lang ul li a { color:#ccc; text-decoration:none; }

	header nav#menu-main { background:#fff; display:block; padding:27px 0 0 0; height:70px; width:100%; z-index:2100; -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); }
	header nav#menu-main ul { position:relative;  width:740px; margin:0 auto; padding:0 0 0 220px; }
	header nav#menu-main ul li { float:left; margin:0 18px 0 0; font-family: 'Raleway', sans-serif; font-weight:200; font-size:24px; text-transform:uppercase; }
	header nav#menu-main ul li:last-child { margin:0; }
	header nav#menu-main ul li a { display:inline-block !important; display:block; width:auto; line-height:70px; text-decoration:none; margin:0; -webkit-transition-property:padding-top; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease-out; -moz-transition-property:padding-top; -moz-transition-duration:.2s; -moz-transition-timing-function:ease-out; transition-property:padding-top; transition-duration:.2s; transition-timing-function:ease-out; }
	header nav#menu-main ul li a#a-step-gout { color:#F3A71D; }
	header nav#menu-main ul li a#a-step-effet { color:#F36A1C; }
	header nav#menu-main ul li a#a-step-ethique { color:#EF4277; }
	header nav#menu-main ul li a#a-step-esprit { color:#11969F; }
	header nav#menu-main ul li a#a-step-communaute { color:#104F82; }
	
	header nav#menu-main ul li a:hover { padding-top:5px; }
	
	/* PAGE */
	
	section#page-ajax {
		position:fixed;
		top:97px;
		height:0;
		width:100%;
		background:#fff;
		z-index:2000;
		overflow:hidden;
	}
	
	section#page-ajax #main-page-ajax { position:relative; margin:20px auto; min-height:500px; width:960px; }
	
	#page { position:relative; margin:70px auto 160px auto; min-height:500px; width:960px; font-family: 'Raleway', sans-serif; background: #f9f9f9; }
	#colorbox #page { /*position:relative;*/ margin:0; height:100%; width:auto; background: #f9f9f9; padding:20px; }
	
	/* Sidebar */
	
	#page sidebar { width:190px; float:left; margin:10px 15px 0 0; }
	#page sidebar.rightsidebar { width:160px; float:left; margin:10px 0 0 20px; }
	#page sidebar nav ul { list-style:none; margin:0; padding:0; }
	#page sidebar nav ul li { padding:10px 0; line-height:1.1em; font-size:13px; text-transform:uppercase; border-top:1px dotted #A4C408; font-family: 'Raleway', sans-serif; font-weight:700; }
	#page sidebar nav ul li a { text-decoration:none; color:#000; }
	#page sidebar nav ul li a:hover { color:#A4C408; }
	#page sidebar nav ul li.active a { color:#A4C408; }
	
	#page .MailProWidget h4 {  padding:10px 0; line-height:1.1em; font-size:13px; text-transform:uppercase; border-top:1px dotted #A4C408; font-family: 'Raleway', sans-serif; font-weight:700; }
	
	
	#page sidebar.rightsidebar .widget { background:#fff; border:#ccc 1px solid; -webkit-border-radius: 8px; border-radius: 8px; margin:0 0 15px 0; padding:10px; }
	#page sidebar.rightsidebar .widget nav ul li:first-child { border-top:none; }
	
	
	#page #content-page { width:755px; float:left; font-size:12px; padding-bottom:180px !important; }
	#page #content-page-32cols { width:575px; float:left; font-size:12px; }
	#page h1 { font-family: 'Raleway', sans-serif; font-weight:200; font-size:30px; text-transform:uppercase; color:#A4C408; margin:0 0 30px 0; }
	#page .post {  }
	#page .post .2cols { -moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px; 
	}
	#page .post h2  { font-family: 'Raleway', sans-serif; font-weight:200; font-size:20px; text-transform:uppercase; color:#A4C408; margin:15px 0 10px 0; /*clear:both;*/ }
	#page .post p  { font-family: 'Raleway', sans-serif; font-weight:normal; font-size:13px; line-height:1.4em; }
	#page .post img.alignleft  { float:left; margin:0 15px 15px 0; }
	#page .post img.alignright  { float:left; margin:0 0 15px 15px; }
	
	/* ARCHIVE */
	#page .post-elt { width:360px; float:left;  margin:0 15px 15px 0; }
	#page .post-elt img {  -webkit-border-radius:50%; border-radius:50%; width:190px; height:190px; float:left; margin:0 10px 0 0; }
	#page .post-elt p.date { color:#000; margin:25px 0 10px 0; font-weight:bold; }
	#page .post-elt h2 { font-family: 'Raleway', sans-serif; font-weight:200; font-size:18px; text-transform:uppercase; color:#A4C408; margin:15px 0 10px 0; }
	#page .post-elt h2 a { text-decoration:none; }
	#page .post-elt p.more { margin:10px 0 0 0; text-align:right; }
	#page .post-elt p.more a { text-decoration:none; }
	
    #page .bones_page_navi { position:relative; text-align: center; clear: both; margin:30px 0 0 0; border-top:1px solid #999; }
    #page .bones_page_navi li { display: inline-block; font-size:1.5em; margin:0 5px; }
    #page .bones_page_navi li a { text-decoration: none;}

	/* SIDEBAR */
	
	/* FOOTEER */
	
	footer { clear:both; color:#83B5D3; background:#fff; position:absolute; bottom:0; height:90px; width:100%;  -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.2); z-index:1500; }
	footer #footer-content { position:relative; width:960px; margin:10px auto; font-size:12px; color:#999; }
	footer #footer-content a { color:#999; text-decoration:underline; }
	footer #footer-content a:hover { color:#666; text-decoration:underline; }
	footer .copyright { position:absolute; top:0; left:0; width:470px; }
	footer .footer-links { position:absolute; top:0; right:0; width:470px; }
	footer .footer-links ul li { float:right; margin-left:10px; }
	footer #topremind { position:absolute; top:-20px; left:50%; margin:0 0 0 -398px; }

/* HOME */

#main { position:relative; z-index:1000; height:100%; }

	/* STEPS */

	/*.step { position:relative; width:960px; margin:20px auto 120px auto; height:600px; z-index:1100; clear:both; }*/
	.step { position:relative; width:960px; margin:20px auto; height:500px; z-index:1100; clear:both; }
	.stepscreen { position:relative; width:960px; z-index:1100; clear:both; }
	.step .bloc-disc, .step .bloc-disc img { -webkit-border-radius:50%; border-radius:50%; z-index:100; }
	.step a.button { color:#a4c408; display:inline-block; line-height:20px; background:#fff; padding:0 15px; -webkit-border-radius:10px; border-radius:10px; text-transform:uppercase; text-decoration:none; font-weight:700; }
	.step a.buttonhover { padding:0 10px 0 20px; }
	.step .bloc-texte p { font-family: 'Raleway', sans-serif; font-weight:400; font-size:13px; padding:0; margin:0 0 5px 0; color:#222; }
	/*.step .bloc-texte h3 { height:100px; margin:0 0 10px 0; font-family: 'Raleway', sans-serif; font-weight:100; font-size:30px; text-transform:uppercase; color:#fff; position:relative; padding:0 0 10px 0; text-shadow: 0px 0px 20px #4B6879; filter: dropshadow(color=#4B6879, offx=0, offy=0); }
	.step .bloc-texte h3 { height:100px; margin:0 0 10px 0; font-family: 'Raleway', sans-serif; font-weight:400; font-size:30px; text-transform:uppercase; color:#fff; position:relative; padding:0 0 10px 0; text-shadow: 0px 0px 20px #072435; filter: dropshadow(color=#072435, offx=0, offy=0); }*/
	.step .bloc-texte h3 { height:100px; margin:0 0 10px 0; font-family: 'Raleway', sans-serif; font-weight:200 !important; font-size:30px; text-transform:uppercase; color:#fff; position:relative; padding:0 0 10px 0; text-shadow: 0px 0px 20px #4B6879; filter: dropshadow(color=#4B6879, offx=0, offy=0); }
	.step .bloc-texte h3 span { position:absolute; width:100%; bottom:0; display:block; border-bottom:1px #fff dashed; padding:0 0 5px 0; }
	
	.step#step-gout {  }
	.step#step-gout a { color:#F2A71B; }
	.step#step-gout h2 { display:block; width:311px; height:193px; padding:64px 58px 42px 105px; background:url(../img/bg-nuage-1.png) center no-repeat; position:absolute; top:-30px; left:-105px; z-index:100; }
	.step#step-gout h2 span { display:block; width:311px; height:193px; background:url(../img/t-naturellementbon.png) center no-repeat; text-indent:-1000em; }
	.step#step-gout h2.en span { background:url(../img/t-naturellementbon-en.png) center no-repeat; }
	.step#step-gout .bloc-texte { position:absolute; width:314px; top:310px; z-index:50; }
	.step#step-gout .bloc-texte p { margin-bottom:10px; }
	.step#step-gout .bloc-texte#bloc-1 { left:0; }
	.step#step-gout .bloc-texte#bloc-2 { left:334px; }
	.step#step-gout h4 { font-family: 'Raleway', sans-serif; font-weight:200; font-size:30px; text-transform:uppercase; color:#fff; position:absolute; width:470px; top:0; display:block; right:0; z-index:100; text-shadow: 0px 0px 20px #4B6879; filter: dropshadow(color=#4B6879, offx=0, offy=0);  }
	.step#step-gout .bloc-disc#bloc-3 { font-family: 'Raleway', sans-serif; font-weight:200; position:absolute; top:105px; right:-10px; width:220px; height:220px; background:url(../img/bg-recette-moine.jpg); }
	.step#step-gout .bloc-disc#bloc-3 h3 { font-weight:200; font-size:15px; text-transform:uppercase; color:#F1A71B; border-bottom:1px dashed #F1A71B; padding:20px 0 10px 0; width:180px; margin:0 auto; position:relative; text-align:center; }
	.step#step-gout .bloc-disc#bloc-3 p { color:#fff; padding:10px 15px; text-align:center; }
	.step#step-gout .bloc-disc#bloc-4 { position:absolute; top:310px; right:130px; width:150px; height:150px; background:url(../img/t-depuis1905-fr.png) center no-repeat #F2A71B; text-indent:-1000em; overflow:hidden; }
	.step#step-gout .bloc-disc#bloc-5 { position:absolute; top:170px; right:240px; width:150px; height:150px; }
	
	.step#step-effet { height:500px; }
	.step#step-effet a { color:#F36A1C; }
	.step#step-effet h2 { display:block; width:310px; height:203px; padding:92px 126px 57px 51px; background:url(../img/bg-nuage-2.png) center no-repeat; text-indent:-1000em; position:absolute; top:0; right:-126px; z-index:100; }
	.step#step-effet h2 span { display:block; width:310px; height:203px; background:url(../img/t-bonpourmoi.png) center no-repeat; text-indent:-1000em; }
	.step#step-effet h2.en span { background:url(../img/t-bonpourmoi-en.png) center no-repeat; }
	.step#step-effet .bloc-texte { position:absolute; width:480px; top:0; left:0; z-index:50; }
	.step#step-effet .bloc-texte .bloc-disc-cap { width:110px; height:55px; float:left; background:url(../img/bg-caps.png) center no-repeat; margin:50px 5px 20px 5px; position:relative; padding:75px 20px 20px 20px; text-align:center; font-size:12px; }
	.step#step-effet .bloc-texte .bloc-disc-cap img { position:absolute; bottom:85px; left:20px; }
	.step#step-effet .bloc-texte .bloc-link { clear:both; margin:0 0 0 10px; }
	
	.step#step-ethique {  }
	.step#step-ethique a { color:#EF4277; }
	.step#step-ethique h2 { display:block; width:489px; height:221px; background:url(../img/bg-nuage-3.png) top left no-repeat; text-indent:-1000em; position:absolute; top:-65px; left:-113px; padding:96px 0px 55px 113px; }
	.step#step-ethique h2 span { display:block; width:489px; height:221px; background:url(../img/t-bonpourtous.png) center no-repeat; text-indent:-1000em; }
	.step#step-ethique h2.en span { background:url(../img/t-bonpourtous-en.png) center no-repeat; }
	.step#step-ethique .bloc-texte { position:absolute; width:314px; top:300px; z-index:50; }
	.step#step-ethique .bloc-texte p { margin-bottom:10px; }
	.step#step-ethique .bloc-texte#bloc-7 { left:0; }
	.step#step-ethique .bloc-texte#bloc-8 { left:334px; }
	.step#step-ethique .bloc-disc#bloc-9 { font-family: 'Raleway', sans-serif; font-weight:200; position:absolute; top:0; right:70px; width:270px; height:270px; background:url(../img/bg-puis.jpg); z-index:70; }
	.step#step-ethique .bloc-disc#bloc-9 h3 { font-weight:200; font-size:15px; text-transform:uppercase; color:#EF4277; border-bottom:1px dashed #EF4277; padding:40px 0 10px 0; width:180px; margin:0 auto; position:relative; text-align:center; }
	.step#step-ethique .bloc-disc#bloc-9 p { color:#fff; padding:10px 15px; text-align:center; }
	.step#step-ethique .bloc-disc#bloc-10 { position:absolute; top:230px; right:40px; width:150px; height:150px; z-index:80; }
	
	.step#step-esprit { height:660px; }
	.step#step-esprit a { color:#11969F; }
	.step#step-esprit h2 { display:block; width:337px; height:242px; text-indent:-1000em; position:absolute; top:0; left:0; }
	.step#step-esprit h2 span { display:block; width:337px; height:242px; background:url(../img/t-bonesprit.png) center no-repeat; text-indent:-1000em; position:absolute; top:0; left:0; }
	.step#step-esprit h2.en span { background:url(../img/t-bonesprit-en.png) center no-repeat; }
	.step#step-esprit .bloc-texte { position:absolute; width:314px; top:290px; z-index:50; }
	.step#step-esprit .bloc-texte#bloc-11 { left:0; }
	.step#step-esprit .bloc-video h3 { margin:0 0 10px 0; font-family: 'Raleway', sans-serif; font-weight:100; font-size:24px; text-transform:uppercase; color:#11969F; position:relative; padding:0; margin:0 0 10px 0; }
	.step#step-esprit .bloc-video#bloc-12 { position:absolute; top:-80px; right:-236px; width:500px; height:370px; padding:90px 136px 153px 190px; background:url(../img/bg-nuage-4.png) center no-repeat; }
	.step#step-esprit .bloc-video#bloc-12 p { font-family: 'Raleway', sans-serif; font-weight:200; font-size:20px; text-transform:uppercase; padding:20px 0 0 180px; margin:0 0 10px 0; color:#000; }
	.step#step-esprit .bloc-video#bloc-12 #img-super-moine { position:absolute; top:40px; left:20px; }
	
	.step#step-communaute { height:650px; }
	.step#step-communaute a { color:#104F82; }
	.step#step-communaute h2 { display:block; width:337px; height:198px; text-indent:-1000em; position:absolute; top:0; right:0; }
	.step#step-communaute h2 span { display:block; width:337px; height:198px; background:url(../img/t-bonapartager.png) center no-repeat; text-indent:-1000em; position:absolute; top:0; left:0; }
	.step#step-communaute h2.en span { background:url(../img/t-bonapartager-en.png) center no-repeat; }
	.step#step-communaute .bloc-social h3 { margin:0 0 10px 0; font-family: 'Raleway', sans-serif; font-weight:100; font-size:24px; text-transform:uppercase; color:#11969F; position:relative; padding:0; margin:0 0 10px 0; }
	.step#step-communaute .bloc-social#bloc-13 { position:absolute; top:60px; left:-345px; width:360px; height:330px; padding:114px 150px 70px 345px; background:url(../img/bg-nuage-5.png) center no-repeat; z-index:50; }
	.step#step-communaute .bloc-disc#bloc-14 { font-family: 'Raleway', sans-serif; font-weight:200; position:absolute; top:410px; right:115px; width:225px; height:225px; background:url(../img/bg-bloc-like.jpg); z-index:70; }
	.step#step-communaute .bloc-disc#bloc-14 p { font-weight:400; font-size:18px; text-transform:uppercase; color:#fff; padding:60px 20px 20px 20px; margin:0 auto; position:relative; text-align:center; }
	.step#step-communaute .bloc-disc#bloc-14 #facebook-button { width:100px; position:relative; margin:0 auto; }
	.step#step-communaute .bloc-disc#bloc-14 p a.button { color:#fff; display:inline-block; line-height:25px; background:#104F82; padding:0 25px; -webkit-border-radius:10px; border-radius:10px; text-transform:uppercase; text-decoration:none; font-weight:400; margin-top:20px; }
	.step#step-communaute .bloc-disc#bloc-14 p a.button:hover { color:#104F82; background:#fff; }
	.step#step-communaute .bloc-disc#bloc-15 { position:absolute; top:250px; right:250px; width:250px; height:250px; z-index:60; }
	.step#step-communaute .bloc-disc#bloc-16 { position:absolute; top:225px; right:0; width:198px; height:198px; z-index:70; }
	.step#step-communaute .bloc-img#bloc-17 { position:absolute; top:200px; right:85px; width:170px; height:170px; z-index:40; }
	.step#step-communaute .bloc-img#bloc-18 { position:absolute; top:470px; right:350px; width:150px; height:150px; z-index:40; }
	.step#step-communaute .bloc-img#bloc-19 { position:absolute; top:20px; left:330px; width:170px; height:170px; z-index:100; }
	
	.step#step-splash { height:600px; margin-bottom:0; margin-top:400px; }
	.step#step-splash #bloc-bouteille { position:relative; margin:100px auto; width:440px; height:500px; background:url(../img/bg-pack.png) right no-repeat; text-align:center; z-index:100; }
	.step#step-splash #bloc-bouteille div { position:absolute; left:50px; top:60px; z-index:100; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.step#step-splash #bloc-bouteille:hover div { -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); }
	.step#step-splash #bloc-bouteille img#pack { position:absolute; left:50%; margin:0 0 0 -70px; z-index:50; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.step#step-splash #bloc-bouteille:hover img#pack { -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); }
	.step#step-splash #bloc-promo img { -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.step#step-splash #bloc-promo:hover img { -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); }
	.step#step-splash #bloc-promo { position:absolute; width:300px; height:300px; z-index:200; top:50%; margin-top:-100px; left:0; }
	
	
	.step#step-splash #bloc-promo-nl { position:absolute; width:300px; height:300px; z-index:200; top:50%; margin-top:-100px; left:0; text-align:center; background:url(../img/bg-bloc-newsletter.png) center no-repeat; }
	.step#step-splash #bloc-promo-nl div.formcontainer { padding-top:150px; }
	
	.step#step-splash #bloc-actualites { position:absolute; width:390px; height:500px; z-index:200; top:0; right:0; }
	.step#step-splash #link-allnews { color:#000000 !important; font-weight:bold !important; }
	.step#step-splash #bloc-actualites ul { width:420px; height:420px; padding:0; margin:0 0 40px 0; }
	.step#step-splash #bloc-actualites ul li { display: inline-block; margin:5px; -webkit-border-radius:50%; border-radius:50%; z-index:100; width:190px; height:190px; /*overflow:hidden; background:#a4c408;*/ }
		/* Effet actualites */
		.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
		.ch-grid:after, .ch-item:before { content: ''; display: table; }
		.ch-grid:after { clear: both; }
		.ch-grid li { width: 190px; height: 190px; display: inline-block; margin: 20px; } 
		.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.ch-item  img { position:absolute; max-width:190px; max-height:190px; z-index:1; border-radius: 50%; left:0; top:0;  }
		/*.ch-img-1 { background-image: url(../img/media-01.jpg); }
		.ch-img-2 { background-image: url(../img/media-02.jpg); }
		.ch-img-3 { background-image: url(../img/media-03.jpg); }
		.ch-img-4 { background-image: url(../img/media-04.jpg); }*/
		.ch-info { position: absolute; background:#a4c408; width: inherit; height: inherit; border-radius: 50%; opacity: 0; font-family: 'Raleway', sans-serif; font-weight:200; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; text-align:center; z-index:100; }
		.ch-info h3 { font-weight:200; font-size:15px; text-transform:uppercase; color:#fff; border-bottom:1px dashed #fff; padding:20px 0 10px 0; width:140px; margin:0 auto; position:relative; text-align:center; }
		.ch-info p { color: #fff; padding: 10px 5px; margin: 0 30px; font-size: 12px; -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; }
		.ch-info p a { display: block; color: #fff; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 12px; padding-top: 4px; }
		.ch-info p a:hover { color: #fff; }
		.ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); }
		.ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
	.step#step-splash #bloc-actualites a.link-news { position:absolute; width:345px; z-index:400; bottom:20px; right:0; color:#49464D; font-size:18px; font-family: 'Raleway', sans-serif; font-weight:200; line-height:36px; padding:0 0 0 45px; background:url(../img/bg-arrow.png) 0 50% no-repeat; text-decoration:none; }
	.step#step-splash #bloc-actualites a.link-news:hover { background:url(../img/bg-arrow.png) 5px 50% no-repeat; color:#000; }
	
	
	.step .anim { position:absolute; z-index:0; }
	.step #anim-feuille-01 { right:0; top:370px; z-index:60; }
	.step #anim-feuille-02 { right:350px; top:215px; z-index:60; }
	.step #anim-citron-03 { right:-1000px; top:1000px; z-index:60; }
	.step #anim-bouteille-04 { right:130px; top:70px; z-index:60; }
	.step #anim-hache-05 { right:-1500px; top:500px; z-index:60; }
	.step #anim-crucifix-06 { left:-1500px; top:300px; z-index:60; }
	
	/* BUBBLES */
	
	#container-bubble {
		position:fixed; 	height:100%; 	width:100%; 	overflow:hidden; 	z-index:10; }
	
	.bubble { position:fixed; display:block; }
	.bubble-0 { width:145px; height:149px; background:url(../img/bubble-0.png) center no-repeat; }
	.bubble-1 { width:207px; height:210px; background:url(../img/bubble-1.png) center no-repeat; }
	.bubble-2 { width:340px; height:344px; background:url(../img/bubble-2.png) center no-repeat; }
	.bubble-3 { width:358px; height:364px; background:url(../img/bubble-3.png) center no-repeat; }
	.bubble-4 { width:444px; height:450px; background:url(../img/bubble-4.png) center no-repeat; }
	.bubble-special-0 { width:332px; height:350px; background:url(../img/bubble-special-0.png) center no-repeat; margin-top: 1000px; margin-left:-600px; top: 0px; left: 50%; }
	.bubble-special-1 { width:143px; height:150px; background:url(../img/bubble-special-1.png) center no-repeat; margin-top: 1100px; margin-left:400px; top: 0px; left: 50%; }


/* WOOCOMMERCE OVERRIDING STYLES */

#page ul.products li.product{
    width: 30% !important;
}








.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}