/**
 * @title		Global Main Styles
 */

/**
 * @section		main
 */

 @font-face {
    font-family: AvenirLTStd;
    src: url(AvenirLTStd-Medium.otf);
}
 @font-face {
    font-family: AvenirLTStdHeavy;
    src: url(AvenirLTStd-Heavy.otf);
}

.clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

*
{
	font-family:AvenirLTStd, Helvetica, Arial, sans-serif;	
}

#justePoidsBlock{
   position: fixed;
    background-color: white; 
    z-index: 5;
    right: 3%;
    top: 10vh;
    width: 300px;
    height: 300px;
	-moz-box-shadow: 10px 0px 40px 5px #656565;
-webkit-box-shadow: 10px 0px 40px 5px #656565;
-o-box-shadow: 10px 0px 40px 5px #656565;
box-shadow: 10px 0px 40px 5px #656565;
border-radius:200px;
}
.minimiser, .agrandir
{
	z-index:6;
}

#justePoidsBlock > img{
	float: left;
	width: 10%;
    margin: 2%;
}

#justepoidsimage
{
	background-image:url("/templates/nurun/images/balance_juste_poids.png");
	background-repeat: no-repeat;
	background-size: auto 80%;
    background-position: center center;
    width: 100%;
    height: 170px;
    float: left;
}

#textJustPoids
{
      float: left;
    width: 80%;
    height: 100%;
    text-align: center;
        background-color: rgba(255,255,255,0.6);
    border-radius:100px;
    margin-left: 10%;
}

#justePoidsBlock h2
{
	height:50px;
	font-size: 350%;
	margin-top:20px;
}
.justepoids p
{
	margin-top: 30px;
    font-size: 140%;
}

.justepoids b
{
	text-transform:uppercase;
	font-size: 140%;
}

.calculjustepoids
{
	width:100%;
	float:right;
	background-color:#33b246;
	height: 80px;
    color: white;
    text-align: center;
    line-height: 80px;
    font-size: 300%;
}

.calculjustepoids p
{
	margin:0px;
}

.faciledecommencer
{
	height:auto;
	width: 50%;
	float:left;
}

#main-wrapper {
	position:relative; z-index:10;
	margin:0 auto 50px; padding-bottom:9px;
/*	width:968px;
*//*	background:url(/templates/nurun/images/bg-main-shadow-sprite.png) no-repeat 100% 100%;*/
}
#main-inner-wrapper {
/*	background:url(/templates/nurun/images/bg-main-shadow-sprite.png) no-repeat 0 9px;*/
}
#main {
	
/*	background-color:#fff; background-repeat:no-repeat; background-position:100% 0;*/
}

.widthwrap{
	width: 968px;
}

/*Slimiming apartment*/
#coaching #content {
width:67%;
margin-right:2%;
margin-top:25px;
}
#coaching #aside{width:31%;padding-top:65px;margin-left:0px;}
#coaching #aside img{display:block; /* float:left; */}
/**
 * @section		Content
 */
#content {
	float:left;
	width: 57%;
}
#content .content-wrapper {
	padding:0 4px;
}

/**
* @section		Content pane - gradient bg
*/
.content-pane,
.content-pane-inner-wrapper {
	background:url(/templates/nurun/images/bg-content-pane-rounded-sprite.png) no-repeat 0 0;
}
.content-pane {
	padding-top:15px;
	width:568px;
}
.content-pane-inner-wrapper {
	background:url(/templates/nurun/images/bg-content-pane-rounded-sprite.png) no-repeat 100% 100%;
}

/**
* @section		Content pane - no bg
*/
.content-pane-2,
.content-pane-2-inner-wrapper {
	background:url(/templates/nurun/images/bg-content-pane-2-rounded-sprite.png) no-repeat 0 0;
}
.content-pane-2 {
	padding-top:15px;
	width:568px;
}
.content-pane-2-inner-wrapper {
	background:url(/templates/nurun/images/bg-content-pane-2-rounded-sprite.png) no-repeat 100% 100%;
}


/**
 * @section		Aside
 */
#aside {
	float:left;
	margin-left:28px; padding-top:225px;
	width:316px;
}


/**
 * @section		Contextual
 */
#contextual .img-frame {width:154px;}
#contextual li {
	float:left;
	margin:5px 15px 5px 5px;
	width:170px;
	text-align:center;
}

#contextual li a {
	display:block;
	color:#008283;
	font-weight:bold;
	cursor:pointer;
}
#contextual a:hover .img-frame, #contextual a:focus .img-frame {border-color:#A2246B;}
#contextual li p {
	margin:.3em 0; padding:0 10px;
}

/**
 * @section		Carousel Contextual
 */
#js #carousel-contextual {
    position:relative;
    margin:0 auto;
    width:561px;
}
#js #carousel-contextual-inner {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    width:561px; height:250px;

}
#js #carousel-contextual ul {position:absolute; top:0; left:0;}
#js #carousel-contextual li {
	position:absolute; top:0;
	width:144px;
	margin:0 20px 0 21px;
}
#js #carousel-contextual .img-frame {
	padding:7px;
	width:130px; height:130px;
	background:url(/templates/nurun/images/bg-carousel-contextual-item.png) no-repeat;
}
#js #carousel-contextual .img-frame .img {display:block;}
#js #carousel-contextual .prev, #js #carousel-contextual .next {
    position:absolute; top:45px; z-index:10;
    overflow:hidden;
    padding-top:42px;
    width:13px; height:0;
    background:url(/templates/nurun/images/global-sprite.png) no-repeat;
    outline:0;
}
#js #carousel-contextual .prev {
    left:-15px;
    background-position:-285px -240px;
}
#js #carousel-contextual .prev:hover, #js #carousel-contextual .prev:focus {background-position:-330px -240px;}
#js #carousel-contextual .next {
    right:-10px;
    background-position:-310px -240px;
}
#js #carousel-contextual .next:hover, #js #carousel-contextual .next:focus {background-position:-354px -240px;}

/**
 * @section		Social Networking
 */
.social {
	margin:1em 0;padding-top:10px;

	height:30px;

}
.social ul{
	float: left;
	margin:0; padding:0;
	list-style:none;
}
.social li{
	float: left;
	margin:0 5px 0 0; padding:0;
}


/**
 * @workaround		Clearing
 */
#main:after, #contextual ul:after{
	display:table;
	clear:both;
	content:'';
}

.bloctype
{
	width:50%;
	height:320px;
	background-size:cover;
	background-position: center center;
	float:left;
}
.bloctype2
{
	width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    float: left;
}

.pardessusblanc
{
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0);
	text-align: center;
	transition:0.7s;
}
.pardessusblanc b
{
	font-size: 140%;
	text-transform: uppercase;
	line-height: 320px;
	transition:0.7s;
	text-shadow: 0px 0px 10px white;
}
.pardessusblanc p
{
	border-top:1px solid black;
	
	font-size: 16px;
	width:60%;
	margin-left: 20%;
	padding-top: 30px;
	display:none;
	transition:0.7s;
}
.mclassique
{
	background-image:url(/templates/nurun/images/visuel%20Black%20Friday%20-%20Boutique.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.appart
{
	background-image:url(/templates/nurun/images/appart.jpg);
}
.temoignage
{
	background-image:url(/templates/nurun/images/reussite.jpg);
}
.mescalier
{
	background-image:url(/templates/nurun/images/escalier%20infini.png);
    background-position: bottom;
     background-size: 100% auto;
    background-repeat: no-repeat;
}
.mescalier .pardessusblanc, .mclassique .pardessusblanc
{
	background-color:rgba(255,255,255,0.3);
}
.reussite
{
	    background-position: center 30%;
	    background-size: 100%;
}
.pardessusblanc:hover
{
	background-color: rgba(255,255,255,0.7);
}
.pardessusblanc:hover b
{
	line-height: 129px;
	transition:0.7s;
	text-shadow: 0px 0px 0px white;

}
.pardessusblanc:hover p
{
	display:block;
	transition:0.7s;
}
.minimiser
{
	position: fixed;
    top: 10%;
    right: 4%;
    background-color: white;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 200%;
}
.agrandir
{
	position: fixed;
    top: 10%;
    right: 3%;
    background-color: white;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 200%;
    display:none;
}
.minimiser:hover, .agrandir:hover
{
	cursor:pointer;
}
.bloctype2 .pardessusblanc p
{
	display:block;
	line-height: 50px;
}
.bloctype2 .pardessusblanc b
{
	font-size: 180%;
	text-transform: uppercase;
	line-height: 50px;
	transition:0.7s;
	text-shadow: 0px 0px 10px white;
    color: #EE8201;
    font-family: AvenirLTStdHeavy;
}
.m100aliments
{
	background-image: url(/templates/nurun/images/100alim.jpg);
}
.recettes
{
	background-image: url(/templates/nurun/images/recettes.jpg);
}
.sport
{
	background-image: url(/templates/nurun/images/sport.jpg);
}
.produitsdukan
{
	background-image:url(/templates/nurun/images/visuel%20produits%20dukan.png);
}
.produitsdukan .pardessusblanc
{
	background-color:rgba(255,255,255,0.3);
}
#zonecoaching
{
    z-index: 2;
	text-align: center;
}
.coach_button
{
    float: right;
    line-height: 50px;
}
#boutoncoaching
{
	position: relative;
    background-color: #33b246;
    color: white;
    text-transform: uppercase;
    line-height: 80px;
    font-size: 140%;
    text-decoration: none;
    padding: 20px;
    transition:0.3s;
    top: 85%;
}
#boutoncoaching:hover
{
	background-color: white;
	color:#33b246;
	transition: 0.7s;
}
.sansfrais .pardessusblanc b
{
	line-height: 160px;
}
a:hover {
    text-decoration: none;
}
#zonecoaching
{
    text-align: center;
        position: relative;
    bottom: 100px;
}
.visuelfrheader
{
	width:100%;height:auto;margin-top:60px;
}
.pays
{
	position:absolute;
	top:52px;
	left:0px;
	z-index:200;
	background-color: white;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom:20px;
	border-radius: 0px 0px 25px 0px;
	transition: 0.3s;
}
.pays:hover
{
	cursor:pointer;
	color:white;
	background-color:#42474b;
	transition: 0.7s;
}


@media screen and (max-width: 800px) {
 	
 	.bloctype
 	{
    width: 100%;
    border-bottom: 1px solid black;
	}


}