
#content{min-height:100%;margin-left:100px;}
	.base_home #content{position:relative;z-index:3;margin-left:0;min-height:0;background-color:#999999;}
@media only screen and (max-width:900px){
	#content{margin-left:0;min-height:0;}
}


/**	
 * Home
 */
.news{background-color:#fff;}
.news-inner{position:relative;padding:30px 0;font-size:2.0em;text-align:center;}
.news-inner:before{content:url("./images/bubble.png");position:absolute;z-index:1;left:50%;margin-left:-24px;top:-24px;}
.news-more{position:relative;left:35px;vertical-align:middle;font-size:1.5em;color:#5DBFE3;}

.context{padding:40px 0;font-family:"robotolight",helvetica,arial,sans-serif;text-align:center;}
.context h1{font-size:4em;color:#fff;text-align:center;}
.context-text{font-family:"robotoregular",helvetica,arial,sans-serif;}
.context-text li:before{content:"•";margin-right:5px;color:#fff;font-size:1.5em;vertical-align:middle;}
.context-text table{display:inline-block;text-align:left;width:65%;
	*display:inline;
	zoom:1;
}

@media screen and (max-width:900px){
	.context-text table{width:100%;}
	.context h1{font-size:3em;}
}


/**
 * Page/Category/Product
 */
.banner{position:relative;width:auto;height:380px;background-color:#ddd;color:#fff;text-align:center;overflow:hidden;}
.banner-stretch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
.banner-title{position:relative;top:30px;max-width:60%;z-index:1;}
.banner h1{font-size:6em;margin:0;font-family:"robotolight",helvetica,arial,sans-serif;color:#fff;}
.banner h2{font-size:1.4em;font-family:"robotocondensed",helvetica,arial,sans-serif;color:#fff;}
.banner .banner-img{display: block;position:relative;right: 50%;}
.banner .banner-img img{margin-right: -100%;max-width: none;}

@media only screen and (max-width:900px){
	.banner{height:200px;}
	.banner-title{bottom:0;left:0;right:0;top:0;max-width:95%;font-size:0.7em;}
}
.lte-ie7 .banner-title{top:50%;}
.lte-ie7 .banner-img{right:0;left:0;}
.lte-ie7 .banner-img img{margin-right:0;}

.content{position:relative;min-height:500px;margin:10em 100px 50px;padding-top:50px;}
	.banner+.content{margin-top:0;}
.content>*{margin-bottom:50px;}
.content-image{float:left;width:40%;margin-right:50px;}
.content-text{overflow:hidden;margin-left:45%;}
.content>.ctas{position: relative; margin: -40px 0 0; width: 100%;}
.content>.ctas .cta{float:right;}

@media only screen and (max-width:900px){
	.content{min-height:0;margin-top:0;margin-left:5%;margin-right:5%;margin-top:0;padding-top:20px;}
	.content>.ctas{margin:0 0 20px;}
	.content-image{float:none;width:auto;margin-bottom: 20px;}
	.content-text{margin-left:0;}
}


.images-list{}
.images-list .slick-dots{padding:10px;text-align:center;}
.images-list .slick-dots>li{display:inline-block;margin:0 5px;
	*display:inline;
	zoom:1;
}
.images-list button{width:15px;height:15px;background:#fff;border:1px solid #5EBFE5;overflow:hidden;text-indent:-9999px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
}
.images-list .slick-active button{background:#5EBFE5;}


.description{font-size:1.4em;font-family:"robotocondensed",helvetica,arial,sans-serif;color:#333;text-align:justify;}
.description>h1,
.description>h2,
.description>h3{font-size:1.8em;}

.associated{margin-bottom: -1px;padding-top: 1px;}

.reassurance{padding:20px;font-size:1.4em;color:#fff;background:#5EBFE5;text-align:center;}

/**
 * Commons datas
 */
 .price{display:block;color:#5EBFE5;}
 .price-label{display:block;margin-top:10px;font-size:1.4em;font-family:"robotocondensed",helvetica,arial,sans-serif;color:#999999;text-transform:lowercase;}
 .price-value,
 .price-alternative{font:5em "robotolight",helvetica,arial,sans-serif;}
 	.price-default + .price-alternative {font-size:2em;}
 .price-value:first-letter{text-transform:capitalize},
 .price-alternative:first-letter{text-transform:capitalize}
 .price-currency{display:inline-block;margin-top:0.5em;font-size:2em;vertical-align:top;
	*display:inline;
	zoom:1;
 }
 .price-frequency{display:inline-block;margin-left:-0.5em;font-size:2em;
	*display:inline;
	zoom:1;
 }

 .cta{display:inline-block;margin:0 5px 5px;
	*display:inline;
	zoom:1;
 }

.selection{display:block;white-space:nowrap;background:#5EBFE5;
		   -webkit-transition: all ease-in-out 0.2s;				
			-moz-transition: all ease-in-out 0.2s;
			-ms-transition: all ease-in-out 0.2s;
			-o-transition: all ease-in-out 0.2s;
			transition: all ease-in-out 0.2s
		  
}
	.banner .selection{position:absolute;left:100%;bottom:0;z-index:2;}

.selection-inner{display:block;margin-left:0;background:inherit;
				-webkit-transition: all ease-in-out 0.2s;				
				-moz-transition: all ease-in-out 0.2s;
				-ms-transition: all ease-in-out 0.2s;
				-o-transition: all ease-in-out 0.2s;
				transition: all ease-in-out 0.2s
}
.selection:hover .selection-inner{margin-left:-100%;
				-webkit-transition: all ease-in-out 0.2s;				
				-moz-transition: all ease-in-out 0.2s;
				-ms-transition: all ease-in-out 0.2s;
				-o-transition: all ease-in-out 0.2s;
				transition: all ease-in-out 0.2s;
}

.selection-head{display:inline-block;position:relative;width:80px;margin-left:-80px;padding:30px;color:#fff;background:#5EBFE5;font-size:1.2em;vertical-align:middle;
 		   		-webkit-border-radius:50px 0 0 50px ;
		   		-moz-border-radius:50px 0 0 50px ;
		   		-ms-border-radius:50px 0 0 50px ;
		   		-o-border-radius:50px 0 0 50px ;
		   		border-radius:50px 0 0 50px ;
		   		*display:inline;
				zoom:1;
}
.selection-head>span{display:inline-block;}

.selection-number{position:relative;top:-20px;left:-5px;height:20px;width:20px;line-height:20px;background-color:#000;color:#fff;font-size:0.8em;
				  -webkit-border-radius:50%;
				  -moz-border-radius:50%;
				  border-radius:50%;
}

.selection-label{display:inline-block;margin-right:100%;padding-right:10px;font-size:1.4em;vertical-align:middle;
				-webkit-transition: all ease-in-out 0.2s;				
				-moz-transition: all ease-in-out 0.2s;
			    -ms-transition: all ease-in-out 0.2s;
			    -o-transition: all ease-in-out 0.2s;
			    transition: all ease-in-out 0.2s;
			    *display:inline;
				zoom:1;
}

@media only screen and (max-width:900px){
	.banner .selection{position:fixed;}
}

/**
 * Listing item
 */
 .empty-items{font-size:2em;text-align:center;font-family:"robotocondensed",helvetica,arial,sans-serif;}
 .items{margin:0 -1.5555%;
	/* Si flexbox n'est pas pris en compte alors le display:inline-block et vertical-align:top des enfants s'appliquera */
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	  	-ms-flex-wrap:wrap;
	      	flex-wrap:wrap;
}

/**
 * Item
 */
.item{position:relative;margin-bottom:20px;background-color:#fff;}
	.items>.item{min-height:350px;width:30%;margin:0 1.5555%;vertical-align: top;margin-bottom:3%;
		display:inline-block;
		*display:inline;
		zoom:1;
	}
	/** Permet de palier le problème du flexbox sur ff qui ne prend pas en compte les marges en % **/
	@-moz-document url-prefix() {
		.items>.item{
			margin-bottom:40px;
		}
	}
	.items>.item.actu{min-height:250px;}
	.items>.item-primary{min-height:550px;}

	
.item-inner{margin:30px;padding-bottom:100px;}
	.item-primary .item-inner{margin:40px 30px 50px 30px;}

.item-image{display:block;margin:0 auto 20px auto;}

.item-price{margin:5px 0;}
	.item-primary .item-price{text-align:center;}
.item-primary .item-price .price-value{font-size:8em;}


.item-name:first-letter{text-transform:capitalize;}
	.item-primary .item-name{margin-bottom:25px;font-size:3em;color:#5EBFE5;text-align:center;}
	.item-default .item-name{margin-bottom:5px;font-size:2em;color:#000;}

.item-desc{font-family:"robotocondensed",helvetica,arial,sans-serif;color:#525252;}
	.item-primary .item-desc{font-size:1em;text-align:center;}
	.item-default .item-desc{font-size:1.4em;}

.item-ctas{position:absolute;bottom:30px;left:30px;right:30px;}
	.item-primary .item-ctas{text-align:center;}

@media only screen and (max-width:1200px){
	.items{margin:0 -2.5%;}
	.items > .item{width:45%;margin:0 2.5%;}
	@-moz-document url-prefix() {
		.items>.item{
			margin-bottom:40px;
		}
	}

}

@media only screen and (max-width:900px){
	.items{display:block;margin:0;}
	.items > .item{display:block;width:auto;height:auto;min-height:0;margin:-1px 0 0 0;padding-top:1px;}

	.item-inner{padding-bottom:30px;}
	.item-ctas{position:static;}
}

img {
	max-width: 100%;
}





