/*
 * Template Name: Contao
 * Description: Corporate Theme.
 * Version:
 * Author: Fingerprint Technologies
 * Website: http://www.fingerprint.fr
*/


@media (max-width: 1540px) {
	.visuel_bandeau_gamme .description-gamme,
	.diaporama-produit .en-savoir-plus-produit {
		top:500px !important;
	}
	.page-gamme .slider-bandeau .titre1-gamme { top:300px !important; }
	.page-gamme .slider-bandeau .titre2-gamme { top:320px  !important; }
}

@media (max-width: 1300px) {
	.visuel_bandeau_gamme .description-gamme,
	.diaporama-produit .en-savoir-plus-produit {
		top:400px !important;
	}

	.page-gamme .slider-bandeau .titre1-gamme { top:200px !important; }
	.page-gamme .slider-bandeau .titre2-gamme { top:220px  !important; }
	.page-gamme .slider-bandeau .titre2-gamme { font-size:85px; line-height: 85px; }
}

@media (max-width: 1200px) {
	/*body { border:3px solid blue; }*/

	.contenu > .container,
	.top > .container,
	.menu_general > .container,
	.menu_general .conteneur-collections > .container,
	.zone-bas > .container {
		width:100%;
	}

	.visuel_bandeau_gamme .description-gamme {
		top:350px !important;
	}

	.diaporama-produit .en-savoir-plus-produit {
		top:350px;
	}

	.mod_newslist .news_latest .item .texte h2,
	.mod_newslist .news_latest .item .conteneur-texte h3,
	.mod_newslist .news_latest .item .conteneur-texte h2 {
		font-size:18px;
		line-height: 18px;
	}

	.bloc-damier {
		margin-bottom:0;
	}

	.bloc-damier .visuel,
	.bloc-damier .texte {
		display:block;
		width:100%;
		text-align: center;
		background-color: #FFFFFF;
		padding:15px;

	}

	.bloc-damier .texte .conteneur-texte {
		height:auto;
		overflow: auto;
	}

	.bloc-damier .bouton_blanc {
		background-color: #57565b;
	}

	.bloc-damier .bouton_blanc a {
		color:#FFFFFF;
	}


	.bloc-damier {
		border-bottom:1px solid #CACACA;
	}

	.pied .menu_copyright ul li.nous-contacter {
		margin-bottom:15px;
	}

}

@media (max-width: 1160px) {

	.mod_newslist .news_latest .item {
		float:none;
		width:100%;
		text-align: center;
	}

	.mod_newslist .news_latest .item .conteneur-item {
		min-height: auto;
		padding:15px;
	}

	.mod_newslist .news_latest .item.petit .image {
		margin-bottom:15px;
	}

	.mod_newslist .news_latest .item.grand .image {
		margin-top:15px;
	}

	.mod_newslist .news_latest .item.petit .conteneur-item .conteneur-texte,
	.mod_newslist .news_latest .item.grand .texte {
		position:relative;
		overflow: auto;
		width:100%;
		top:auto;
		bottom:auto;
		min-height: auto;
		padding:0;
	}

	.mod_newslist .news_latest .item.grand .texte,
	.mod_newslist .news_latest .item.grand .visuel {
		float:none;
		width:100%;
	}

	.mod_newslist .news_latest .item .more {
		position:relative;
		left:auto;
		bottom:auto;
		padding-top:10px;
		padding-bottom:10px;
		background-color: #EBEBEF;
		display:none;
	}

}

@media (max-width: 1100px) {

	.menu_general .conteneur-collections .sous-menu-collection,
	.menu_general .conteneur-collections .sous-menu-gammes {
		float:none;
		width:100%;
	}

	.menu_general .conteneur-collections .sous-menu-collection .titre {
		text-align: center;
	}

	.menu_general .conteneur-collections .sous-menu-collection ul {
		text-align: center;
		white-space:normal;
	}

	.menu_general .conteneur-collections .sous-menu-collection li {
		float:none;
		display:inline-block;
		vertical-align: middle;
	}


	.menu_general .conteneur-collections .sous-menu-gammes ul {
		text-align: center;
		white-space:normal;
	}

	.menu_general .conteneur-collections .sous-menu-gammes li {
		float:none;
		display:inline-block;
		vertical-align: middle;
	}

}


@media (max-width: 992px) {
	/*body { border:3px solid green; }*/

	.diaporama-produit .en-savoir-plus-produit {
		top:300px;
	}

	.visuel_bandeau_gamme .description-gamme {
		top:400px !important;
	}

	.page-gamme .slider-bandeau .titre1-gamme { top:250px !important; }
	.page-gamme .slider-bandeau .titre2-gamme { top:270px !important; }

	.picto-actions-produit-desktop {
		display:none;
	}

	.entete .top {
		position:relative;
	}

	.entete .top .colonne-logo {
		text-align: center;
		padding-top:35px;
		padding-bottom:25px;
	}

	.entete .top .colonne-menu {
		position:absolute;
		left:0;
		top:0;
		padding:0;
		width:100%;
	}

	.entete .top .logo {
		display:inline-block;
	}

	section.top .menu_top {
		text-align: center;
		background-color: #ececec;
	}

	section.top .menu_top ul {
		float:none;
		padding-left:0;
		margin-bottom:0;
		padding-top:5px;
		padding-bottom:5px;
	}

	.menu_general {
		border-top:1px solid #dbdbdb;
	}

	.menu_general .level_1 {
		text-align: center;
	}

	.bouton-bas a .libelle {
		font-size:18px;
		line-height: 20px;
	}

	.page-produit .zone-haut {
		width:100%;
		display: block;
	}

	.page-produit .zone-haut .zone-haut-ligne {
		width:100%;
		display: block;
	}

	.page-produit .zone-haut-colonne.colonne-gauche {
		width:100%;
		display: block;
	}

	.page-produit .zone-haut-colonne.colonne-droite {
		width:100%;
		display: block;
	}

	.page-produit .zone-haut-colonne.colonne-gauche .photo img {
		width:100%;
	}

	.page-produit .zone-haut-colonne.colonne-droite .conteneur-desciption {
		position: relative;
		height:auto;
		left:auto;
		right:auto;
		text-align: center;
		padding-bottom:30px;
	}

	.page-produit .zone-haut-colonne.colonne-droite .image1 {
		position:relative;
		bottom:auto;
	}

	.page-produit .zone-milieu-colonne.colonne-gauche {
		display: block;
		width: 100%;
		text-align: center;
	}

	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche {
		padding:30px;
		margin-bottom:30px;
	}

	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche .photo,
	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche .texte-pictos {
		display: block;
		float: none;
		position: relative;
		width: 100%;
	}

	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche .texte-pictos .conteneur-texte-pictos {
		position: relative;
		left:auto;
		right:auto;
		top:auto;
		height: auto;
		padding:15px;
	}

	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche .pictos {
		display: none;
	}

	.page-produit .zone-milieu-colonne {
		display: block;
		float: none;
		position: relative;
		width: 100%;
	}

	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche {
		display:block;
	}

	.page-produit .zone-milieu-colonne .conteneur-colonne-gauche .texte-pictos .texte p {
		text-align: center !important;
	}

	.page-produit .zone-milieu-colonne.colonne-droite .photo {
		background-color: #FFFFFF;
		padding:30px;
		text-align: center;
	}

	.page-collections .liste-gammes {
		text-align: center;
	}

	.page-collections .liste-gammes .item-produit {
		float:none;
		display:inline-block;
		vertical-align: text-top;
	}

	.page-gamme .liste-gammes {
		text-align: center;
	}

	.page-gamme .liste-gammes .item-produit {
		float:none;
		display:inline-block;
		vertical-align: text-top;
	}

	.page-gamme .zone-haut,
	.page-gamme .zone-gauche,
	.page-gamme .zone-droite {
		text-align: center;
	}

	.diaporama-produit .titre h1 {
		font-size:60px;
	}

	.page-gamme .slider-bandeau .titre2-gamme {
		font-size:60px;
		line-height: 60px;
	}

	.trouver-un-revendeur .wrap .contenu .zone-gauche {
		width:100%;
		float:none;
	}

	.trouver-un-revendeur .wrap .contenu .zone-droite {
		width:100%;
		float:none;
	}

	.trouver-un-revendeur .wrap {
		position:relative;
		top:auto;
		bottom:auto;
		width:100%;
	}

	.trouver-un-revendeur .wrap .contenu .zone-gauche .liste-revendeurs {
		position:relative;
		top:auto;
	}

}

@media (max-width: 910px) {
	.diaporama-produit .en-savoir-plus-produit {
		display:none;
	}
}

@media (max-width: 767px) {
	/*body { border:3px solid red; }*/

	.mod_breadcrumb {
		display:none;
	}

	.entete .top {
		position:relative;
	}

	section.top {
		padding-top:0;
		padding-bottom:0;
	}

	.page-accueil .zone-baseline {
		letter-spacing:5px;
	}

	.page-accueil .mod_newslist .news_latest .item {
		padding-left:0;
		padding-right:0;
	}

	.diaporama-produit .titre h1 {
		font-size:45px;
	}

	.page-gamme .slider-bandeau .titre2-gamme {
		font-size:45px;
		line-height: 45px;
	}

	.pied {
		padding-top:20px;
		padding-bottom:20px;
	}

	.pied .colonne-gauche {
		display:none;
	}

	.pied .colonne-centre .menu_copyright {
		text-align: center;
	}

	.pied .colonne-centre .menu_copyright li {
		margin-left:8px;
		margin-right:8px;
		margin-bottom:15px;
	}

	.pied .colonne-droite {
		text-align: center;
	}

	.pied .colonne-droite .adresse {
		display:block;
		width:100%;
	}

	.pied .colonne-droite .fabrique-en-france {
		display:block;
		width:100%;
	}

	.visuel_bas {
		display:none;
	}

	.copyright {
		padding-top:0;
		padding-bottom:0;
	}

	.copyright > .container >.row > div {
		padding-left:0;
		padding-right:0;
	}

	.copyright .menu_copyright {
		display:block;
	}

	.copyright ul li {
		display:block;
		border-bottom:1px solid #C0BFC4;
	}

	.copyright ul li a {
		border-right:0;
		padding:8px;
	}

	.copyright .reseaux_sociaux a {
		padding:8px;
		border-right:0;
		display:inline-block;
		vertical-align: middle;
		padding-left:4px;
		padding-right:4px;
	}

	.copyright .reseaux_sociaux .fa {
		font-size:36px;
	}

	.bouton-bas a .visuel {
		display:none;
	}

	.bouton-bas.water a .visuel2 {
		display:block;
	}

	.bouton-bas a .libelle {
		font-size:14px;
		line-height: 16px;
	}

	.mod_personalData .form-control.text {
		width:100%;
	}

	.mod_lostPassword  .form-control.text,
	.mod_lostPassword  .form-control.captcha {
		width:100%;
	}

	.mod_personalData .form-control.text {
		width:100%;
	}

	.mod_lostPassword  .form-control.text,
	.mod_lostPassword  .form-control.captcha {
		width:100%;
	}


	.visuel_bandeau_gamme .description-gamme {
		display:none;
	}

	.popup-my-ab .popup {
		width:90%;
	}

}

@media (max-width: 540px) {

	.bouton-bas a .libelle {
		font-size:12px;
		line-height: 13px;
	}

	.diaporama-produit .titre {
		top:40%;
	}

}

@media (max-width: 479px) {
	.entete .top .colonne-logo {
		padding-left:75px;
		padding-right:15px;
	}

	.picto-actions-produit .contenu-action .barre-haut .titre span {
		font-size:16px;
		line-height: 18px;
	}

	.diaporama-produit .bouton-info-pro .libelle {
		font-size:12px;
	}


	.page-gamme .slider-bandeau .titre1-gamme {
		top:220px !important;
		font-size:18px;
	}

	.page-gamme .slider-bandeau .titre2-gamme {
		top:240px !important;
		font-size:32px;
		line-height: 32px;
	}

}

@media (max-width: 420px) {
	.bouton-bas-page {
		float:none;
		width:100%;
	}

	.bouton-bas {
		margin-bottom:15px;
	}

	.bouton-bas a .libelle {
		font-size: 28px;
		line-height: 30px;
	}

	.bouton-bas a .visuel {
		display:block;
	}

	.picto-actions-produit .contenu-action .barre-haut {
		padding-right:20px;
	}

	.picto-actions-produit .contenu-action .barre-haut .titre span {
		font-size:14px;
		line-height: 16px;
	}

	.diaporama-produit .titre .sous-titre {
		font-size:18px;
	}

	.diaporama-produit .titre h1 {
		font-size:32px;
	}


	.page-gamme .slider-bandeau .titre1-gamme {
		top:180px !important;
	}

	.page-gamme .slider-bandeau .titre2-gamme {
		top:200px !important;
	}

}

@media (max-width: 350px) {

	.picto-actions-produit .contenu-action .barre-haut .titre span {
		font-size:12px;
		line-height: 14px;
	}

}
