@viewport {
	width: device-width;
	zoom: 1;
}

/*
 *	HTML ELEMENTS
 */

html, body {
	padding:0px;
	margin:0px;
}

/*
 *	GLOBAL CONFIGURATION
 */

.cfg-header-large {

}

.cfg-header-on-smartphone {

}

.cfg-header-on-tablet {

}

.cfg-header-on-computer {

}

.cfg-header-on-all {

}

.cfg-menu-on-all {

}

.cfg-menu-on-tablet {

}

.cfg-menu-on-smartphone {

}

.cfg-menu-on-computer {

}

.cfg-footer-on {

}

.cfg-footer-large {

}

.cfg-structure-absolute {

}

/*
 *	SITE STRUCTURE
 */

.structure,
.structure__page,
.structure__page__header,
.structure__page__content,
.structure__page__footer,
.structure__page__body,
.structure__header,
.structure__header__element,
.structure__header__content,
.structure__footer,
.structure__footer__body,
.structure__footer__content,
.structure__menu__submenu,
.structure__menu__submenu--hidden {
	box-sizing: border-box;
}

.structure__page__content,
.structure__page__content--regular,
.structure__header__content,
.structure__header__content--regular,
.structure__menu__content,
.structure__menu__content--regular {
	position:relative;
}

.structure,
.structure__page__body {

}

.structure__page {

}

.cfg-menu-on-all .structure__page {

}

.cfg-header-on-all .structure__page,
.cfg-header-on-computer .structure__page {

}

@media (max-width:768px) {
	.cfg-menu-on-all .structure__page {

	}

	.cfg-header-on-tablet .structure__page {

	}
}

@media (max-width:550px) {
	.cfg-header-on-smartphone .structure__page {

	}
}

.structure__page__header,
.structure__page__content,
.structure__page__body {
	width:100%;
}

.structure__page__content {

}

.structure__page__footer {

}

.structure__page__body {
	/*overflow: auto; DEBUG*/
}

.structure__page__header--regular,
.structure__page__content--regular,
.structure__page__footer--regular,
.structure__header__content--regular,
.structure__menu__content--regular,
.structure__footer__content--regular,
.container--regular {
	max-width: 1024px;
	margin:auto;
}

.structure__header {
	display:none;
}

.cfg-header-on-all .structure__header {
	display:block;
}

@media (min-width:769px) {
	.cfg-header-on-computer .structure__header {
		display:block;
	}
}

@media (min-width:550px) and (max-width:768px) {
	.cfg-header-on-tablet .structure__header {
		display:block;
	}
}

@media (max-width:550px) {
	.cfg-header-on-smartphone .structure__header {
		display:block;
	}
}

.structure__header__menu {
	display:block;
	padding:0px;
	margin:0px;
}

.structure__header__element {
	display:inline-block;
	vertical-align: middle;
	height:100%;
}

li.structure__header__element {
	padding:0px;
	margin:0px;
	list-style-type: none;
}

/*
 *	GLOBAL MENU CONTROLER
 */

.menu_controler__button {
	display:block;
	height:100%;
	box-sizing: border-box;
}

/*
 *	SITE MENU
 */

.structure__menu,
.structure__menu__body,
.structure__menu__header,
.structure__menu__content {
	box-sizing: border-box;
}

.structure__menu {
	display:none;
}

.cfg-menu-on-all .structure__menu {
	display: block;
}

.cfg-header-on-all .structure__menu,
.cfg-header-on-computer .structure__menu {

}

@media (max-width:768px) {
	.cfg-menu-on-all .structure__menu {

	}

	.cfg-header-on-all .structure__menu,
	.cfg-header-on-computer .structure__menu {

	}
}

.structure__menu__header {
	display:none;
}

.cfg-menu-header-on-all .structure__menu__header,
.cfg-menu-header-on-computer .structure__menu__header {
	display:block;
}

.structure__menu__header__element {
	display:inline-block;
	height:100%;
}

.structure__menu__body {

}

@media (min-width:769px) {
	.cfg-menu-on-computer .structure__menu {
		display:block;
	}
}

@media (min-width:550px) and (max-width:768px) {
	.cfg-menu-header-on-tablet .structure__menu__header {
		display:block;
	}

	.cfg-menu-header-on-tablet .structure__menu__body {

	}

	.cfg-menu-on-tablet .structure__menu {
		display:block;
	}
}

@media (max-width:550px) {
	.cfg-menu-header-on-smartphone .structure__menu__header {
		display:block;
	}

	.cfg-menu-header-on-smartphone .structure__menu__body {

	}

	.cfg-menu-on-smartphone .structure__menu {
		display:block;
	}
}

.structure__menu__content {

}

.structure__menu__footer {

}

.structure__menu__item {
	display:block;
	padding:10px;
}

.structure__menu__menu,
.structure__menu__menu--horizontal {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

.structure__menu__menu--horizontal > * {
	display:inline-block;
	vertical-align: middle;
}

.structure__menu__menu li {
	padding:0px;
	margin:0px;
}

.structure__menu__submenu,
.structure__menu__submenu--hidden, {

}

.structure__menu__menu--horizontal .structure__menu__submenu--absolute {
	position:absolute;
	z-index: 100;
}

.structure__menu__submenu--hidden {
	display:none;
}

/*
 *	SITE HEADER
 */

.structure__page__header__action {

}

.structure__page__header__menu {

}

.structure__page__header__name {

}

.structure__page__header__search {

}

/*
 *	CONTAINER
 */

.container
.container__element {
	box-sizing:border-box;
}

.container {
	display:block;
	font-size:0px;
}

.container .container__element,
.container--regular .container__element {
	display:inline-block;
	font-size:12pt;
	vertical-align:top;
}

/* Container 100% */
.container.container--100 .container__element {
	width:100%;
}

/* Container 50% */
.container.container--50-50 .container__element {
	width:50%;
}

@media (max-width:500px) {
	.container.container--50-50 .container__element {
		width:100%;
	}
}

@media (max-width:700px) {
	.responsive-slim .container.container--50-50 .container__element {
		width:100%;
	}
}

/* Container 33% */
.container.container--33-33-33 .container__element {
	width:33.33%;
}

.container.container--33-33-33 .container__element:last-child {
	width:33.34%;
}

@media (max-width:767px) {
	.container.container--33-33-33 .container__element,
	.container.container--33-33-33 .container__element:last-child {
		width:100%;
	}
}

@media (max-width:950px) {
	.responsive-slim .container.container--33-33-33 .container__element,
	.responsive-slim .container.container--33-33-33 .container__element:last-child {
		width:100%;
	}
}

/* Container 75% 25% */
.container.container--75-25 .container__element:first-child {
	width:75%;
}

.container.container--75-25 .container__element:last-child {
	width:25%;
}

@media (max-width:767px) {
	.container.container--75-25 .container__element:first-child,
	.container.container--75-25 .container__element:last-child {
		width:100%;
	}
}

@media (max-width:950px) {
	.responsive-slim .container.container--75-25 .container__element:first-child,
	.responsive-slim .container.container--75-25 .container__element:last-child {
		width:100%;
	}
}

/* Container 25% 75% */
.container.container--25-75 .container__element:first-child {
	width:25%;
}

.container.container--25-75 .container__element:last-child {
	width:75%;
}

@media (max-width:767px) {
	.container.container--25-75 .container__element:first-child,
	.container.container--25-75 .container__element:last-child {
		width:100%;
	}
}

@media (max-width:950px) {
	.responsive-slim .container.container--25-75 .container__element:first-child,
	.responsive-slim .container.container--25-75 .container__element:last-child {
		width:100%;
	}
}

/* Container 25% 50% 25% */
.container.container--25-50-25 .container__element:first-child {
	width:25%;
}

.container.container--25-50-25 .container__element:last-child {
	width:25%;
}

@media (max-width:767px) {
	.container.container--25-50-25 .container__element:first-child,
	.container.container--25-50-25 .container__element:last-child {
		width:100%;
	}
}

@media (max-width:950px) {
	.responsive-slim .container.container--25-50-25 .container__element:first-child,
	.responsive-slim .container.container--25-50-25 .container__element:last-child {
		width:100%;
	}
}

/* Container 25% 25% 25% 25% */
.container.container--25-25-25-25 .container__element {
	width:25%;
}

@media (max-width:767px) {
	.container.container--25-25-25-25 .container__element {
		width:50%;
	}
}

@media (max-width:950px) {
	.responsive-slim .container.container--25-25-25-25 .container__element {
		width:50%;
	}
}

@media (max-width:400px) {
	.container.container--25-25-25-25 .container__element {
		width:100%;
	}
}

@media (max-width:600px) {
	.responsive-slim .container.container--25-25-25-25 .container__element {
		width:100%;
	}
}

/* Container 66% 34% */
.container.container--66-34 .container__element:first-child {
	width:66%;
}

.container.container--66-34 .container__element:last-child {
	width:34%;
}

@media (max-width:767px) {
	.container.container--66-34 .container__element:first-child,
	.container.container--66-34 .container__element:last-child {
		width:100%;
	}
}

@media (max-width:950px) {
	.responsive-slim .container.container--66-34 .container__element:first-child,
	.responsive-slim .container.container--66-34 .container__element:last-child {
		width:100%;
	}
}

/* Tiles */

.tiles_grid,
.tile_container,
.tile_container__element,
.tile_container__element--cover,
.tile_container__element--contain {
	box-sizing:border-box;
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.tile_container__element,
.tile_container__element--cover,
.tile_container__element--contain {
	display:block;
}

.tile_container {
	display:inline-block;
	width:20%;
	vertical-align:top;
}

.tiles_grid {
	font-size:0px;
}

.tiles_grid .tile_container {
	font-size:12pt;
}

.tile_container img {
	max-width:100%;
	display:inline-block;
}

.tile_container__element--cover,
.tile_container__element--contain {
	display:block;
	background-repeat: no-repeat;
	background-position: center;
}

.tile_container__element--cover {
	-webkit-background-size: cover;
	background-size: cover;
}

.tile_container__element--contain {
	-webkit-background-size: contain;
	background-size: contain;
}

@media (max-width:950px) {
	.tile_container {
		width:25%;
	}
}

@media (max-width:550px) {
	.tile_container {
		width:50%;
	}
}

@media (max-width:400px) {
	.tile_container {
		width:100%;
	}
}

/* Display and modifier */

.display-text-right {
	text-align:right;
}

.display-text-center {
	text-align:center;
}

.display-on-smartphone,
.display-on-tablet,
.display-on-computer {
	display:none;
}

@media (max-width:550px) {
	.display-on-smartphone {
		display:inline-block;
	}
}

@media (min-width:550px) and (max-width:768px) {
	.display-on-tablet {
		display: inline-block;
	}
}

@media (min-width:768px) {
	.display-on-computer {
		display:inline-block;
	}
}

@media (max-width:550px) {
	.hide-on-smartphone {
		display:none;
	}
}

@media (min-width:550px) and (max-width:768px) {
	.hide-on-tablet {
		display:none;
	}
}

@media (min-width:769px) {
	.hide-on-computer {
		display:none;
	}
}

.pull-right {
	float:right;
}

.pull-left {
	float:left;
}

.cover-all {
	width:100%;
	height:100%;
	display:block;
	box-sizing: border-box;
}

.clearfix {
	clear:both;
}

.breakline {
	display:block;
}

.img-responsive {
	max-width: 100%;
}

.img-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.img-fixed {
	background-attachment: fixed;
}

.no-display,
.display-none {
	display:none;
}

.element-fullsize-viewport,
.element-fullsize-viewport--height,
.element-fullsize-viewport--width {
	/*
	Use script
	*/
}

.element-center-vertical {
	/*
	Use script
	*/
}

/* À transf */

.product_card__image,
.product_card__image--contain,
.product_card__image--cover {
	width:100%;
	background-position:center;
	background-repeat: no-repeat;
}

.product_card__image--cover {
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}

.product_card__image--contain {
	-webkit-background-size: contain; /* pour anciens Chrome et Safari */
	background-size: contain; /* version standardisée */
}

.product_card__image__mask {
	width:100%;
	display:block;
}

/* Article structure */
.article {
}

.article__content {
}

.article__title {
}

.article__galery {
}

.article__action {
}

.article__galery__element {
	display:inline-block;
	max-width:100%;
	width:100%;
	box-sizing:border-box;
}

.article__galery__image {
	display:block;
	max-width:100%;
	box-sizing:border-box;
}

.article__galery--grid .article__galery__element {
	max-width:250px;
	padding:8px;
}

.article__galerie--grid.article__galerie--slim .article__galerie__element {
	max-width:100px;
}

.article__galerie--grid.article__galerie--large .article__galerie__element {
	max-width:400px;
}

/*
 * GRIDS
 */

.grid {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:0px;
}

.grid.grid--3 {

}

.grid__element {
	display:inline-block;
	font-size:18px;
	width:100%;
	vertical-align: top;
}

.grid--3 .grid__element,
.grid--3 .grid__element--1 {
	max-width:33.33%;
}

.grid--3 .grid__element--2 {
	max-width:66.66%;
}

.grid--3 .grid__element--3 {
	max-width:100%;
}

.grid__content {
	padding:15px;
}