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

body {
	overflow-x: hidden;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-size: 14px;
	font-family: Arial;
	border:1px solid #CCCCCC;
	padding:4px;
	border-radius:          3px 3px 3px 3px;
	-moz-border-radius:     3px 3px 3px 3px;
	-webkit-border-radius:  3px 3px 3px 3px;
}	

@font-face {
	font-family: 'Walkcond';
	src: url('fonts/Walkway Condensed.eot');
	src: local('?'), url('fonts/Walkway Condensed.woff') format('woff'), url('fonts/Walkway Condensed.ttf') format('truetype'), url('fonts/Walkway Condensed.svg') format('svg');
}
@font-face {
	font-family: 'Std'; 
	src: url('fonts/NuevaStd-Cond.eot');
	src: local('?'), url('fonts/NuevaStd-Cond.woff') format('woff'), url('fonts/NuevaStd-Cond.ttf') format('truetype'), url('fonts/NuevaStd-Cond.svg') format('svg');
}
@font-face {
	font-family: 'Mbfont';
	src: url('fonts/AdobeSongStd-Light.eot');
	src: local('?'), url('fonts/AdobeSongStd-Light.woff') format('woff'), url('fonts/AdobeSongStd-Light.ttf') format('truetype'), url('fonts/AdobeSongStd-Light.svg') format('svg');
}
@font-face {
	font-family: 'Zurichlight';
	src: url('fonts/Zurichlight.eot');
	src: local('?'), url('fonts/Zurichlight.woff') format('woff'), url('fonts/Zurichlight.ttf') format('truetype'), url('fonts/Zurichlight.svg') format('svg');
}
@font-face {
	font-family: 'Zurichbold';
	src: url('fonts/Zurichbold.eot');
	src: local('?'), url('fonts/Zurichbold.woff') format('woff'), url('fonts/Zurichbold.ttf') format('truetype'), url('fonts/Zurichbold.svg') format('svg');
}
@font-face {
    font-family: 'Serifgothic';
    src: url('fonts/SerifGothicStd-Light.eot');
    src: url('fonts/SerifGothicStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/SerifGothicStd-Light.woff2') format('woff2'), url('fonts/SerifGothicStd-Light.woff') format('woff'), url('fonts/SerifGothicStd-Light.ttf') format('truetype'), url('fonts/SerifGothicStd-Light.svg#SerifGothicStd-Light') format('svg');
}
@font-face {
    font-family: 'Brannbollfet';
    src: url('fonts/Brannbollfet.eot');
    src: url('fonts/Brannbollfet.eot?#iefix') format('embedded-opentype'), url('fonts/Brannbollfet.woff2') format('woff2'), url('fonts/Brannbollfet.woff') format('woff'), url('fonts/Brannbollfet.ttf') format('truetype'), url('fonts/Brannbollfet.svg#SerifGothicStd-Light') format('svg');
}
@font-face {
    font-family: 'ComfortaaLight';
    src: url('fonts/Comfortaa-Light.eot');
    src: url('fonts/Comfortaa-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Comfortaa-Light.woff') format('woff'), url('fonts/Comfortaa-Light.ttf') format('truetype'), url('fonts/Comfortaa-Light.svg#Comfortaa-Light') format('svg');
}

@font-face {
    font-family: 'FesterExtraLight';
    src: url('fonts/Fester-ExtraLight.eot');
    src: url('fonts/Fester-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Fester-ExtraLight.woff') format('woff'), url('fonts/Fester-ExtraLight.ttf') format('truetype'), url('fonts/Fester-ExtraLight.svg#Fester-ExtraLight') format('svg');
}

@font-face {
    font-family: 'GeosansLight';
    src: url('fonts/GeosansLight.eot');
    src: url('fonts/GeosansLight.eot?#iefix') format('embedded-opentype'), url('fonts/GeosansLight.woff') format('woff'), url('fonts/GeosansLight.ttf') format('truetype'), url('fonts/GeosansLight.svg#GeosansLight') format('svg');
}

@font-face {
    font-family: 'ModernSansLight';
    src: url('fonts/ModernSans-Light.eot');
    src: url('fonts/ModernSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ModernSans-Light.woff') format('woff'), url('fonts/ModernSans-Light.ttf') format('truetype'), url('fonts/ModernSans-Light.svg#ModernSans-Light') format('svg');
}

@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/Quicksand_Light.eot');
    src: url('fonts/Quicksand_Light.eot?#iefix') format('embedded-opentype'), url('fonts/Quicksand_Light.woff') format('woff'), url('fonts/Quicksand_Light.ttf') format('truetype'), url('fonts/Quicksand_Light.svg#Quicksand_Light') format('svg');
}

@font-face {
    font-family: 'GothamNights';
    src: url('fonts/Gotham-Nights.eot');
    src: url('fonts/Gotham-Nights.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Nights.woff') format('woff'), url('fonts/Gotham-Nights.ttf') format('truetype'), url('fonts/Gotham-Nights.svg#Gotham-Nights') format('svg');
}

@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Bold.eot');
    src: url('fonts/Heebo-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Bold.woff') format('woff'), url('fonts/Heebo-Bold.ttf') format('truetype'), url('fonts/Heebo-Bold.svg#Heebo-Bold') format('svg');
}

@font-face {
    font-family: 'Trirong';
    src: url('fonts/Trirong-Bold.eot');
    src: url('fonts/Trirong-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Trirong-Bold.woff') format('woff'), url('fonts/Trirong-Bold.ttf') format('truetype'), url('fonts/Trirong-Bold.svg#Trirong-Bold') format('svg');
}

@font-face {
    font-family: 'Heebo-Thin';
    src: url('fonts/Heebo-Thin.eot');
    src: url('fonts/Heebo-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Thin.woff') format('woff'), url('fonts/Heebo-Thin.ttf') format('truetype'), url('fonts/Heebo-Thin.svg#Heebo-Thin') format('svg');
}

@font-face {
    font-family: 'Heebo-Light';
    src: url('fonts/Heebo-Light.eot');
    src: url('fonts/Heebo-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Heebo-Light.woff') format('woff'), url('fonts/Heebo-Light.ttf') format('truetype'), url('fonts/Heebo-Light.svg#Heebo-Light') format('svg');
}


@font-face {
    font-family: 'Bickham';
    src: url('fonts/Bickham.eot');
    src: url('fonts/Bickham.eot?#iefix') format('embedded-opentype'), url('fonts/Bickham.woff') format('woff'), url('fonts/Bickham.ttf') format('truetype'), url('fonts/Bickham.svg#Bickham') format('svg');
}
@font-face {
    font-family: 'Honey';
    src: url('fonts/Honey.eot');
    src: url('fonts/Honey.eot?#iefix') format('embedded-opentype'), url('fonts/Honey.woff') format('woff'), url('fonts/Honey.ttf') format('truetype'), url('fonts/Honey.svg#Honey') format('svg');
}
@font-face {
    font-family: 'Impregnable';
    src: url('fonts/Impregnable.eot');
    src: url('fonts/Impregnable.eot?#iefix') format('embedded-opentype'), url('fonts/Impregnable.woff') format('woff'), url('fonts/Impregnable.ttf') format('truetype'), url('fonts/Impregnable.svg#Impregnable') format('svg');
}
@font-face {
    font-family: 'Vivaldii';
    src: url('fonts/Vivaldii.eot');
    src: url('fonts/Vivaldii.eot?#iefix') format('embedded-opentype'), url('fonts/Vivaldii.woff') format('woff'), url('fonts/Vivaldii.ttf') format('truetype'), url('fonts/Vivaldii.svg#Vivaldii') format('svg');
}



	#principal {
		margin: 0 auto; /* centre le contenu */
	}

	#head, #main, #foot {
		-moz-transition: 1s;
		-o-transition: 1s;
		-webkit-transition: 1s;
		transition: 1s;
	}
	
	#foot {
		font-family: arial;
	}
	
	.casse {
		clear:both;
	}
	
	/* Sliders */
	.sliders {
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}
	.slider {
		padding: 0px;
		margin: 0px;
	}
	.slider_actus {
		padding: 10px 0px 10px 0px;
	}
	.carousel {
		padding: 10px 0px 0px 0px;
	}
	.carouselacc {
		padding: 10px 0px 0px 0px;
	}
	.gallery {
		width:100%;
		max-width: 1024px;
		padding: 0px 0px 0px 0px;
	}
	.ms-bullet { /* Suppression des bullet car dépassement sur la légende */
		display:none;
	}
	.titre_portfolio {
		max-width: 1024px;
		background-color: #000000;
		color:#FFFFFF;
		font-family:Arial,sans-serif;
		font-size:14px;
		font-weight: bold;
		padding: 7px 0px 7px 9px;
		
	}
	
	
	/* Select */
		.filtre_menu {
			padding:0px;
			margin: 0;
			-webkit-border-radius:1px;
			-moz-border-radius:1px;
			border-radius:1px;
			background: #ECEBEB;
			color:#111111;
			border:1px solid #D1CCCC;
			outline:none;
			display: inline-block;
			/*-webkit-appearance:none;
			-moz-appearance:none;
			appearance:none;*/
			cursor:pointer;
			font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
			width: 160px;
			height: 30px;
			font-size:14px;
		}
		.filtre_menu option {
			padding:5px;
			margin: 0;
			color:#111111;
			font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
			font-size:14px;
		}

	
	/* fil d'ariane */
		.fil_d_ariane {
			width:100%;
			max-width: 1280px;
			margin : 0 auto;
			padding: 5px 0px 5px 0px;
		}

	/* Réservation */
		.reservation {
			display: block;
			width:100%;
			vertical-align: top;
			max-width: 1280px;
			padding: 5px 0px 5px 0px;
		}
		
		.fiche_vo {
			display: inline-block;
			vertical-align: top;
			width:100%;
			max-width: 400px;
			background-color:#e0e0e0;
			padding: 15px 0px 0px 0px;
		}
		
		.fiche_vo img {
			width:92%;
		}
		
		.fiche_vo .designation {
			font-size:28px;
			font-weight:bold;
			font-family: Zurichlight!important;
			padding: 10px 0px 0px 0px;
		}
		
		.fiche_vo .designation_details {
			font-size:20px;
			font-weight:none;
			font-family: Zurichlight!important;
			padding: 0px 0px 0px 0px;
		}
		
		.fiche_vo .tarif {
			font-size:24px;
			font-weight:none;
			font-family: Arial!important;
			color:#CC0000;
			padding: 10px 0px 10px 0px;
		}

		.fiche_vo .details_principaux {
			width: 92%;
		}
		
		.formulaire_paiement {
			display: inline-block;
			vertical-align: top;
			width:100%;
			max-width: 600px;
			padding: 0px 0px 0px 0px;
		}
		
		.formulaire_paiement .montant {
			width: 98%;
			padding: 15px 0px 15px 0px;
			background-color:#fff;			
		}
			
		.formulaire_paiement .fp_titre {
			font-size:28px;
			font-weight:bold;
			font-family: Zurichlight!important;		
		}
			
		.formulaire_paiement .fp_montant {
			font-size:26px;
			font-weight:none;
			font-family: Arial!important;
			color:#CC0000;
			padding: 5px 0px 0px 0px;			
		}
			
		.formulaire_paiement .fp_info {
			font-family: Zurichlight!important;		
		}
			
		
/* Formatage champ formulaire */

	.form-group {
	  position: relative;
	  margin-bottom: 22px;
	}

	.form-group-sm {
	  position: relative;
	}
	
	.form-marge {
		margin-top:10px;
	}


	.form-control {
	  line-height:35px;
	  height:35px;
	  padding: 0 0 0 10px;
	}

	.form-control-placeholder {
	  position: absolute;
	  top: 0;
	  padding: 10px 0 0 13px;
	  transition: all 200ms;
	  opacity: 0.5;
	}

	.form-control:focus + .form-control-placeholder,
	.form-control:valid + .form-control-placeholder {
	  font-size: 75%;
	  transform: translate3d(0, -100%, 0);
	  opacity: 1;
	  padding: 0px 0 1px 4px;
	  transition: 200ms;
	}

		
	/* Liste produit */
		.clean_vignette {
			/*white-space: nowrap;*/
			overflow: hidden;
			/*letter-spacing: -0.31em;*/
			/*font-size : 0;*/
			text-rendering: optimizespeed;
		}
	
	
	/* Fiche produit */
	
		.details_descritpif_print {
			display:none;	
		}
		
		#head_print {
			display:none;	
		}
	
		.fiche_produits {
			width:100%;
			vertical-align:top;
			background: rgba(0, 0, 0, 0);
			.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;
			margin:10px 0px 10px 0px;
		}
		
		.fond_gallery_pro {
			display: inline-block;
			width:100%;
			max-width:800px;
			vertical-align:top;
			background: rgba(0, 0, 0, 0);
			.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;
			margin:0px 0px 20px 0px;	
		}
		
		.infos_principales {
			display: inline-block;
			vertical-align:top;
			width:90%;
			max-width:455px;
			padding-left: 40px;
		}
		
		.infos_principales .designation {
			line-height:50px;
			font-size:48px;
			font-weight:bold;
			font-family: Zurichlight!important;
			padding:0px 0px 10px 0px;
		}
		
		.infos_principales .designation_details {
			line-height:40px;
			font-size:38px;
			font-weight:none;
			font-family: Zurichlight!important;
		}

		.infos_principales .tarif {
			padding:20px 0px 0px 0px;
			font-size:58px;
			font-weight:none;
			font-family: Zurichbold!important;
			color:#CC0000;
		}
		
		.infos_principales .tarif span {
			padding: 0px 0px 0px 5px;
			font-size:52px;
			font-weight:bold;
			font-family: Arial!important;
			color:#CC0000;
		}	

		.infos_principales .tarifHT {
			padding:0px 0px 0px 0px;
			font-size:48px;
			font-weight:none;
			font-family: Zurichbold!important;
			color:#518f00;
		}
		.infos_principales .tarifHT span {
			padding:0px 0px 0px 0px;
			font-size:44px;
			font-weight:bold;
			font-family: Arial!important;
			color:#518f00;
		}
		.infos_principales .tarifHT p {
			padding:0px 0px 10px 0px;
			font-size:30px;
			font-weight:none;
			font-family: Zurichbold!important;
			color:#518f00;
		}
		
		.infos_principales .tarif_cgi {
			padding:0px 0px 20px 0px;
			font-size:24px;
			font-weight:none;
			font-family: Zurichlight!important;
			color:#000000;
		}
		
		.infos_principales .tarif_cgi .montant_cgi {
			padding: 0px 0px 0px 5px;
			font-size:58px;
			font-weight:bold;
			font-family: Zurichbold!important;
			color:#CC0000;
		}	
		
		.infos_principales .tarif_cgi .euro_cgi {
			padding: 0px 0px 0px 5px;
			font-size:52px;
			font-weight:bold;
			font-family: Arial!important;
			color:#CC0000;
		}
		
		.infos_principales .tarif_cgi .parmois_cgi {
			padding: 0px 0px 0px 5px;
			font-size:48px;
			font-weight:bold;
			font-family: Zurichbold!important;
			color:#CC0000;
		}	
		
		.infos_principales .bts_details {
			padding: 5px 0px 5px 0px;
		}

		.infos_principales .details_principaux {
			padding: 20px 0px 5px 0px;
		}

		.details_descritpif {
			padding: 20px 0px 5px 0px;
		}
		
		.hortax {
			font-size: 28px!important;
			font-family: Zurichlight!important;
			font-weight:bold;
		}

		
		.fiche_details {
			width:100%;
			max-width: 1260px;
			margin : 0 auto;
			padding: 5px 0px 30px 0px;
		}
		.block_details {
			display: inline-block;
			vertical-align: top;
			padding: 0px 5px 0px 5px;
		}
		.clean {
			/*white-space: nowrap;*/
			overflow: hidden;
			/*letter-spacing: -0.31em;*/
			/*font-size : 0;*/
			text-rendering: optimizespeed;
			
		}
	
	
	/* Liste produits Pagination */
		.pagination .liste_pages_precedent, .pagination .liste_pages_suivant {
			display: inline-block;
			font-family: Std;
			font-size: 26px;
			margin-left: 1px;
		}
		.pagination .liste_pages, .pagination .liste_pages .num_pages {
			display: inline-block;
			font-family: arial;
			font-size: 16px;
			margin-left: 1px;
		}
		.pagination .liste_pages .num_pages .int_num {
			display: inline-block;
			padding: 2px 8px 2px 8px;
			-moz-transition: 0.6s;
			-o-transition: 0.6s;
			-webkit-transition: 0.6s;
			transition: 0.6s;
			color: #000000;
		}	
		.pagination .liste_pages_precedent .int_num, .pagination .liste_pages_suivant .int_num {
			display: inline-block;
			padding: 0px 8px 0px 8px;
			-moz-transition: 0.6s;
			-o-transition: 0.6s;
			-webkit-transition: 0.6s;
			transition: 0.6s;
			color: #000000;
		}	
		.pagination .liste_pages .num_pages .int_num_encours {
			display: inline-block;
			padding: 2px 8px 2px 8px;
			-moz-transition: 0.6s;
			-o-transition: 0.6s;
			-webkit-transition: 0.6s;
			transition: 0.6s;
			color: #FFFFFF;
			background-color: #c6a86d;
		}
		.pagination .page_avoir:link {
			text-decoration: none;
			color: #000000;
		}
		.pagination .liste_pages .num_pages .int_num:hover, .pagination .liste_pages_precedent .int_num:hover, .pagination .liste_pages_suivant .int_num:hover {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #c6a86d;
			-moz-transition: 0.6s;
			-o-transition: 0.6s;
			-webkit-transition: 0.6s;
			transition: 0.6s;
		}

		
	/* Pied */		
		.lien-menu-pied:link, .lien-menu-pied:visited {
			text-decoration: none;
			color: #666666;
			font-size: 15px;
			-moz-transition: 0.6s;
			-o-transition: 0.6s;
			-webkit-transition: 0.6s;
			transition: 0.6s;	
		}
		
		.lien-menu-pied:hover {
			text-decoration: none;
			color: #c6a86d;
			-moz-transition: 0.6s;
			-o-transition: 0.6s;
			-webkit-transition: 0.6s;
			transition: 0.6s;	
		}
		
	/* Contact */
		.contact_container {
			width:98%;
			max-width:650px;
		}
	
	
	/* Classique */
		.classique {
			width: 98%;
			max-width: 1000px;
			margin : 0 auto;
		}
		.lien-classique:link, .lien-classique:visited {
			text-decoration: none;
			color: #111111;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			-webkit-transition: 0.4s;
			transition: 0.4s;	
		}
		.lien-classique:hover {
			text-decoration: none;
			color: #555555;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			-webkit-transition: 0.4s;
			transition: 0.4s;	
		}

		
	/* Signature CLS */
		#foot .signature-container {	
			position : absolute;
		}

		#foot .signature-container img {	
			width: 100px;
		}


		
	
	#head img, #main img, #foot img {
		
		/* Webkit */
		-webkit-transition-property: width,height;
		-webkit-transition-duration: 1s;
		-webkit-transition-timing-function: ease-out;

		/* Firefox */
		-moz-transition-property: width,height;
		-moz-transition-duration: 1s;
		-moz-transition-timing-function: ease-out;

		/* … et lorsque ce sera standardisé */
		transition-property: width,height;
		transition-duration: 1s;
		transition-timing-function: ease-out;
		
	}
	
	
	/* Actualités */
	.apercu_fichiers {
		display: none;
	}
	
	
	.mentions_legales {
		width:94%;
		max-width:1280px;
		padding: 10px 0px 20px 0px;
	}
	
	
	/* Politique de confidentialité */
	.politique_confidentialite {
		width: 90%;
		max-width: 900px;
		text-align:justify;
		font-family: Tahoma;
		font-size: 12px;
		color:#444;
		margin:0px;
		padding:0px;
	}

	.politique_confidentialite a:link, .politique_confidentialite a:active {
		color: #ff8c00;
		text-decoration: none;
		font-size: 12px;
		padding-bottom: 1px;
		border-bottom: 1px dotted rgba(85,85,85,0.75);
		transition: all 0.3s ease-in;
	}

	.politique_confidentialite a:hover {
		color: #555;
		border-bottom: 1px dotted rgba(255,140,0,0.75);
		transition: all 0.3s ease-in;
	}

	.politique_confidentialite h1, .politique_confidentialite h2, .politique_confidentialite h3, .politique_confidentialite h4 , .politique_confidentialite h5 {
		padding: 0;
		margin: 0;
		border: none;
		color: #ff8c00;
	}

	.politique_confidentialite h1{
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.politique_confidentialite .prh1 {
		padding-left: 1%;
	}

	.politique_confidentialite h2 {
		padding-left: 2%;
		padding-top: 35px;
		padding-bottom: 25px;
	}

	.politique_confidentialite .prh2 {
		padding-left: 3%;
	}

	.politique_confidentialite h3 {
		padding-left: 4%;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	.politique_confidentialite .prh3 {
		padding-left: 5%;
	}

	.politique_confidentialite h4 {
		padding-left: 6%;
		padding-top: 15px;
		padding-bottom: 10px;
	}

	.politique_confidentialite .prh4 {
		padding-left: 7%;
	}

	.politique_confidentialite h5 {
		padding-left: 6%;
		font-size: 14px;
		padding-top: 15px;
		padding-bottom: 10px;
	}

	.politique_confidentialite .prh5 {
		padding-left: 7%;
	}
	
	
	
	/* Liste produits standard non responsive */
	.liste_produits {
		position: relative;
		width:100%;
	}

	.liste_produits_container {
		margin:5px 0px 20px 0px;
		padding-left:35px;
	}

	.liste_produits .vignette  {
		display: inline-block;
		vertical-align: top;
		padding: 0px 0px 0px 0px;
		margin:6px 4px 6px 4px;
		border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:#ccc;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 3px 10px 0 rgba(0, 0, 0, 0.06);
		border-radius:          4px 4px 4px 4px;
		-moz-border-radius:     4px 4px 4px 4px;
		-webkit-border-radius:  4px 4px 4px 4px;
		transition:0.3s;
		background:#fff;
	}

	.liste_produits .vignette:hover  {
		transition:0.3s;
		background:#e2e2e2;
	}

	.int_vignette_photo img {
		width:100%;
		max-width:480px;
		border-radius:          4px 4px 0px 0px;
		-moz-border-radius:     4px 4px 0px 0px;
		-webkit-border-radius:  4px 4px 0px 0px;
		transition:0.3s;
	}
	
	.int_vignette {
		position: relative;
		width:100%;
	}
	
	.liste_produits .vignette .pastille {
		position:absolute;
		left:2px;
		top:2px;
		padding:0px 0px 0px 0px;
	}
	
	.liste_produits .vignette .pastille img {
		width:140px;
	}

	.liste_produits .vignette .critair {
		position:absolute;
		right:5px;
		bottom:70px;
		padding:0px 0px 0px 0px;
	}
	
	.liste_produits .vignette .critair img {
		width:90px;
	}
	
	.liste_produits .vignette .nb_photo {
		position:absolute;
		right:6px;
		top:6px;
		padding:4px 8px 2px 8px;
		background: rgba(0, 0, 0, 0.4);
		.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
		color:#eee;
		border-radius:          4px 4px 4px 4px;
		-moz-border-radius:     4px 4px 4px 4px;
		-webkit-border-radius:  4px 4px 4px 4px;
	}
	

	.liste_produits .vignette .infosv div {
		display: inline-block;
		padding: 5px 5px 5px 5px;
		margin:0px 5px 0px 5px;
		line-height:20px;
		border-radius:          4px 4px 4px 4px;
		-moz-border-radius:     4px 4px 4px 4px;
		-webkit-border-radius:  4px 4px 4px 4px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 10px 0 rgba(0, 0, 0, 0.01);
		background: rgba(0, 10, 10, 0.1);
		.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
		font-family: Zurichlight!important;
	}
	
	.liste_produits .vignette .energie div {
		display: inline-block;
		padding: 5px 5px 5px 5px;
		margin:0px 5px 0px 5px;
		border-radius:          4px 4px 4px 4px;
		-moz-border-radius:     4px 4px 4px 4px;
		-webkit-border-radius:  4px 4px 4px 4px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02), 0 3px 10px 0 rgba(0, 0, 0, 0.01);
		background: rgba(153, 205, 255, 0.7);
		.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
		font-family: Zurichlight!important;
	}
	
	.liste_produits .vignette .designation a {
		font-family: Zurichbold!important;
		color:#000;
	}
	
	.liste_produits .vignette .designation a:hover {
		text-decoration:none;
	}
	
	.liste_produits .vignette .hortax {
		font-size: 22px!important;
		font-family: Zurichlight!important;
		font-weight:bold;
	}
	
	.aucun {
		padding:50px 0px 50px 0px;
		font-family:Zurichlight;
		font-size:22px;	
		
	}
	
	.aucun a {
		font-family:Zurichlight;
		font-size:22px;	
		
	}
	
	
						/* Filtre / tri produits +1280 */
						.filtre_tri {
							width: 100%;
							height: 130px;
							background: rgba(0, 0, 0, 0.3);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container {
							position: relative;
							width: 100%;
							max-width: 1290px;
							height:100px;
						}
						.filtre_tri_n {
							width: 100%;
							height: 70px;
							background: rgba(0, 0, 0, 0.3);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container_n {
							position: relative;
							width: 100%;
							max-width: 1290px;
							height:60px;
						}

						.filtre_tri .txt_filtre, .filtre_tri_n .txt_filtre {
							display: inline-block;
							font-family:Zurichlight;
							font-size:18px;
						}
						.filtre_tri .champs_critere, .filtre_tri_n .champs_critere {
							font-family:Zurichlight;
							font-size:20px!important;
							width:200px;
							height:50px;
						}
						.filtre_tri .champ_filtre, .filtre_tri_n .champ_filtre {
							display: inline-block;
						}
						
						
						.filtre_tri_n .categorie_critere_filtre {
							position: absolute;
							left:50px;
							top:10px;
						}
						.filtre_tri_n .trier_critere_filtre {
							position: absolute;
							left:260px;
							top:10px;
						}
						
						
						.filtre_tri .marque_critere_filtre {
							position: absolute;
							left:0px;
							top:10px;
						}
						.filtre_tri .modele_critere_filtre {
							position: absolute;
							left:210px;
							top:10px;
						}
						.filtre_tri .categorie_critere_filtre {
							position: absolute;
							left:420px;
							top:10px;
						}
						.filtre_tri .boite_critere_filtre {
							position: absolute;
							left:0px;
							top:70px;
						}
						.filtre_tri .carburant_critere_filtre {
							position: absolute;
							left:210px;
							top:70px;
						}
						.filtre_tri .trier_critere_filtre {
							position: absolute;
							left:420px;
							top:70px;
						}
						.filtre_tri .rangep_critere_filtre {
							position: absolute;
							left:665px;
							top:35px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangek_critere_filtre {
							position: absolute;
							left:905px;
							top:35px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangeb_critere_filtre {
							position: absolute;
							left:1150px;
							top:40px;
						}
						.filtre_tri .groupe_range {
							position: absolute;
							left:640px;
							top:10px;
							width:650px;
							height:110px;
							border:1px solid #000;
							border-radius:          3px 3px 3px 3px;
							-moz-border-radius:     3px 3px 3px 3px;
							-webkit-border-radius:  3px 3px 3px 3px;
						}

	
	
	
	
	/* Liste produits */
		/* Ecran  */
		@media all and (min-width: 1680px) { 

						.liste_produits .vignette  {
							width:24%;
							max-width:480px;
							height:600px;
						}

						.int_vignette {
							height:600px;
						}
						
						.liste_produits .vignette .designation {
							padding: 10px 0px 5px 10px;
							line-height:32px;
							font-size:28px;
							font-weight:bold;
						}
						
						.liste_produits .vignette .details {
							padding: 0px 0px 10px 11px;
							line-height:20px;
							font-size:18px;
							font-weight:none;
							font-family: Zurichlight!important;
						}

						.liste_produits .vignette .tarif {
							position:absolute;
							right:10px;
							bottom:12px;
							padding: 0px 0px 0px 0px;
							line-height:20px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif div {
							line-height:28px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre {
							line-height:28px;
							font-size:26px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#000000;
							text-decoration: line-through rgba(230, 0, 0, 0.55);
						}

						.liste_produits .vignette .tarif span {
							padding: 0px 0px 0px 5px;
							font-size:32px;
							font-weight:bold;
							font-family: Arial!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre span {
							padding: 0px 0px 0px 5px;
							font-size:24px;
							font-weight:bold;
							font-family: Arial!important;
							color:#000000;
						}
						
						.liste_produits .vignette .infosv {
							padding: 10px 0px 10px 5px;
							line-height:20px;
							font-size:22px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
						
						.liste_produits .vignette .energie {
							padding: 10px 0px 10px 5px;
							line-height:28px;
							font-size:28px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
	

										
										
							/* Liste +1280 */
								.liste_produits .vignette_liste  {
									display: block;
									padding: 0px;
									margin:10px 3px 5px 3px;
									border-width:1px 1px 1px 1px;
									border-style:solid;
									width:90%;
									vertical-align: top;
								}
									.liste_produits .vignette_liste .int_vignette  {
										width:100%;
										margin:0px;
										padding:0px;
										vertical-align: top;
									}
										.liste_produits .vignette_liste .int_vignette_vendu  {
											position:absolute;
											margin-top:-8px;
											margin-left:-5px;
										}
										.liste_produits .vignette_liste .int_vignette_photo  {
											float:left;
											margin:0px 0px 0px 0px;
											padding: 0px;
											background-color:#666666;
										}
										.liste_produits .vignette_liste .int_vignette_photo_container {
											margin:0px;
											padding:0px;
										}
										.liste_produits .vignette_liste .int_vignette_photo_container img  {
											max-width: 300px;
											max-height:150px;
										}
										
										
										.liste_produits .vignette_liste .int_vignette_designation  {
											float:left;
											margin:0px 0px 0px 0px;
											padding: 0px;
										}
										.liste_produits .vignette_liste .int_vignette_designation_container  {
											margin:10px 0px 0px 10px;
											padding:0px;
										}
										.liste_produits .vignette_liste .int_vignette_tarif {
											float:right;
											margin:0px 0px 0px 0px;
											padding: 0px;
										}
										.liste_produits .vignette_liste .int_vignette_tarif_container   {
											margin:50px 10px 0px 10px;
											padding:0px;
											font-size:22px;
										}
										.liste_produits .vignette_liste .link_designation {
											font-size:18px;
											text-decoration: none;
										}
										.liste_produits .vignette_liste .prix_barre {
											font-size:16px;
											color: #666666;
											text-decoration: line-through;
										}
										
										.liste_produits .vignette_liste :hover {
											text-decoration: none;
											color: #FFFFFF;
											background-color: #DDDDDD;
											-moz-transition: 0.6s;
											-o-transition: 0.6s;
											-webkit-transition: 0.6s;
											transition: 0.6s;
										}

										
						.champs_filtre {
							width: 150px;
						}
						.bulle_produit {
							background:#F8F8F8;
							border:1px solid #BBBBBB;
							border-radius:          3px 3px 3px 3px;
							-moz-border-radius:     3px 3px 3px 3px;
							-webkit-border-radius:  3px 3px 3px 3px;
						}

		}

		/* Ecran */
		@media all and (min-width: 790px) and (max-width: 1310px) { 
		
						/* Filtre / tri produits +1280 */
						.filtre_tri {
							width: 100%;
							height: 220px;
							background: rgba(0, 0, 0, 0.075);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container {
							position: relative;
							width: 620px;
							max-width: 620px;
							height:190px;
						}
						.filtre_tri .txt_filtre {
							display: inline-block;
							font-family:Zurichlight;
							font-size:18px;
						}
						.filtre_tri .champs_critere {
							font-family:Zurichlight;
							font-size:20px!important;
							width:200px;
							height:50px;
						}
						.filtre_tri .champ_filtre {
							display: inline-block;
						}
						.filtre_tri .marque_critere_filtre {
							position: absolute;
							left:0px;
							top:10px;
						}
						.filtre_tri .modele_critere_filtre {
							position: absolute;
							left:210px;
							top:10px;
						}
						.filtre_tri .categorie_critere_filtre {
							position: absolute;
							left:420px;
							top:10px;
						}
						.filtre_tri .boite_critere_filtre {
							position: absolute;
							left:0px;
							top:70px;
						}
						.filtre_tri .carburant_critere_filtre {
							position: absolute;
							left:210px;
							top:70px;
						}
						.filtre_tri .trier_critere_filtre {
							position: absolute;
							left:420px;
							top:70px;
						}
						.filtre_tri .rangep_critere_filtre {
							position: absolute;
							left:25px;
							top:140px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangek_critere_filtre {
							position: absolute;
							left:260px;
							top:140px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangeb_critere_filtre {
							position: absolute;
							left:500px;
							top:147px;
						}
						.filtre_tri .groupe_range {
							position: absolute;
							left:0px;
							top:130px;
							width:620px;
							height:80px;
							border:1px solid #000;
							border-radius:          3px 3px 3px 3px;
							-moz-border-radius:     3px 3px 3px 3px;
							-webkit-border-radius:  3px 3px 3px 3px;
						}
		}

		/* Ecran */
		@media all and (min-width: 1280px) and (max-width: 1679px) { 
		
						.liste_produits .vignette  {
							width:32%;
							max-width:480px;
							height:600px;
						}

						.int_vignette {
							height:600px;
						}
						
						.liste_produits .vignette .designation {
							padding: 10px 0px 5px 10px;
							line-height:32px;
							font-size:28px;
							font-weight:bold;
						}
						
						.liste_produits .vignette .details {
							padding: 0px 0px 10px 11px;
							line-height:20px;
							font-size:18px;
							font-weight:none;
							font-family: Zurichlight!important;
						}

						.liste_produits .vignette .tarif {
							position:absolute;
							right:10px;
							bottom:12px;
							padding: 0px 0px 0px 0px;
							line-height:20px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif div {
							line-height:28px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre {
							line-height:28px;
							font-size:26px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#000000;
							text-decoration: line-through rgba(230, 0, 0, 0.55);
						}

						.liste_produits .vignette .tarif span {
							padding: 0px 0px 0px 5px;
							font-size:32px;
							font-weight:bold;
							font-family: Arial!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre span {
							padding: 0px 0px 0px 5px;
							font-size:24px;
							font-weight:bold;
							font-family: Arial!important;
							color:#000000;
						}
						
						.liste_produits .vignette .infosv {
							padding: 10px 0px 10px 5px;
							line-height:20px;
							font-size:22px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
						
						.liste_produits .vignette .energie {
							padding: 10px 0px 10px 5px;
							line-height:28px;
							font-size:28px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
	
		}



		/* Ecran */
		@media all and (min-width: 450px) and (max-width: 789px) { 
		
						/* Filtre / tri produits +1280 */
						.filtre_tri {
							width: 100%;
							height: 340px;
							background: rgba(0, 0, 0, 0.075);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container {
							position: relative;
							width: 390px;
							max-width: 390px;
							margin-left: 40px;
							height:340px;
						}
						.filtre_tri .txt_filtre {
							display: inline-block;
							font-family:Zurichlight;
							font-size:18px;
						}
						.filtre_tri .champs_critere {
							font-family:Zurichlight;
							font-size:20px!important;
							width:190px;
							height:50px;
						}
						.filtre_tri .champ_filtre {
							display: inline-block;
						}
						
						.filtre_tri_n {
							width: 100%;
							height: 130px;
							background: rgba(0, 0, 0, 0.3);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container_n {
							position: relative;
							width: 100%;
							max-width: 1290px;
							height:120px;
						}

						.filtre_tri .txt_filtre, .filtre_tri_n .txt_filtre {
							display: inline-block;
							font-family:Zurichlight;
							font-size:18px;
						}
						.filtre_tri .champs_critere, .filtre_tri_n .champs_critere {
							font-family:Zurichlight;
							font-size:20px!important;
							width:200px;
							height:50px;
						}
						.filtre_tri .champ_filtre, .filtre_tri_n .champ_filtre {
							display: inline-block;
						}
						
						
						.filtre_tri_n .categorie_critere_filtre {
							position: absolute;
							left:50px;
							top:10px;
						}
						.filtre_tri_n .trier_critere_filtre {
							position: absolute;
							left:50px;
							top:70px;
						}
						
						
						.filtre_tri .marque_critere_filtre {
							position: absolute;
							left:0px;
							top:10px;
						}
						.filtre_tri .modele_critere_filtre {
							position: absolute;
							left:200px;
							top:10px;
						}
						.filtre_tri .categorie_critere_filtre {
							position: absolute;
							left:0px;
							top:130px;
						}
						.filtre_tri .boite_critere_filtre {
							position: absolute;
							left:0px;
							top:70px;
						}
						.filtre_tri .carburant_critere_filtre {
							position: absolute;
							left:200px;
							top:70px;
						}
						.filtre_tri .trier_critere_filtre {
							position: absolute;
							left:200px;
							top:130px;
						}
						.filtre_tri .rangep_critere_filtre {
							position: absolute;
							left:25px;
							top:205px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangek_critere_filtre {
							position: absolute;
							left:25px;
							top:265px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangeb_critere_filtre {
							position: absolute;
							left:265px;
							top:240px;
						}
						.filtre_tri .groupe_range {
							position: absolute;
							left:0px;
							top:190px;
							width:390px;
							height:140px;
							border:1px solid #000;
							border-radius:          3px 3px 3px 3px;
							-moz-border-radius:     3px 3px 3px 3px;
							-webkit-border-radius:  3px 3px 3px 3px;
						}
		}

		/* Ecran */
		@media all and (min-width: 700px) and (max-width: 1279px) { 

						.liste_produits .vignette  {
							width:48%;
							max-width:480px;
							height:600px;
						}

						.int_vignette {
							height:600px;
						}
						
						.liste_produits .vignette .designation {
							padding: 10px 0px 5px 10px;
							line-height:32px;
							font-size:28px;
							font-weight:bold;
						}
						
						.liste_produits .vignette .details {
							padding: 0px 0px 10px 11px;
							line-height:20px;
							font-size:18px;
							font-weight:none;
							font-family: Zurichlight!important;
						}

						.liste_produits .vignette .tarif {
							position:absolute;
							right:10px;
							bottom:12px;
							padding: 0px 0px 0px 0px;
							line-height:20px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif div {
							line-height:28px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre {
							line-height:28px;
							font-size:26px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#000000;
							text-decoration: line-through rgba(230, 0, 0, 0.55);
						}

						.liste_produits .vignette .tarif span {
							padding: 0px 0px 0px 5px;
							font-size:32px;
							font-weight:bold;
							font-family: Arial!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre span {
							padding: 0px 0px 0px 5px;
							font-size:24px;
							font-weight:bold;
							font-family: Arial!important;
							color:#000000;
						}
						
						.liste_produits .vignette .infosv {
							padding: 10px 0px 10px 5px;
							line-height:20px;
							font-size:22px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
						
						.liste_produits .vignette .energie {
							padding: 10px 0px 10px 5px;
							line-height:28px;
							font-size:28px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
							
						.liste_produits .vignette .pastille img {
							width:120px;
						}
	
		}
		
		
		/* Ecran */
		@media all and (max-width: 449px) { 
		
						/* Filtre / tri produits +1280 */
						.filtre_tri {
							width: 100%;
							height: 590px;
							background: rgba(0, 0, 0, 0.075);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container {
							position: relative;
							width: 270px;
							max-width: 270px;
							margin-left: 50px;
							height:590px;
						}
						.filtre_tri .txt_filtre {
							display: inline-block;
							font-family:Zurichlight;
							font-size:16px;
						}
						.filtre_tri .champs_critere {
							font-family:Zurichlight;
							font-size:20px!important;
							width:200px;
							height:50px;
						}
						.filtre_tri .champ_filtre {
							display: inline-block;
						}
						
						
						
						.filtre_tri_n {
							width: 100%;
							height: 130px;
							background: rgba(0, 0, 0, 0.3);
								.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
								filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)\9;
							margin-bottom:25px;
						}
						.filtre_tri_container_n {
							position: relative;
							width: 100%;
							max-width: 1290px;
							height:120px;
						}

						.filtre_tri .txt_filtre, .filtre_tri_n .txt_filtre {
							display: inline-block;
							font-family:Zurichlight;
							font-size:18px;
						}
						.filtre_tri .champs_critere, .filtre_tri_n .champs_critere {
							font-family:Zurichlight;
							font-size:20px!important;
							width:200px;
							height:50px;
						}
						.filtre_tri .champ_filtre, .filtre_tri_n .champ_filtre {
							display: inline-block;
						}
						
						
						.filtre_tri_n .categorie_critere_filtre {
							position: absolute;
							left:50px;
							top:10px;
						}
						.filtre_tri_n .trier_critere_filtre {
							position: absolute;
							left:50px;
							top:70px;
						}
						
						
						
						
						
						
						.filtre_tri .marque_critere_filtre {
							position: absolute;
							left:0px;
							top:10px;
						}
						.filtre_tri .modele_critere_filtre {
							position: absolute;
							left:0px;
							top:70px;
						}
						.filtre_tri .categorie_critere_filtre {
							position: absolute;
							left:0px;
							top:130px;
						}
						.filtre_tri .boite_critere_filtre {
							position: absolute;
							left:0px;
							top:190px;
						}
						.filtre_tri .carburant_critere_filtre {
							position: absolute;
							left:0px;
							top:250px;
						}
						.filtre_tri .trier_critere_filtre {
							position: absolute;
							left:0px;
							top:310px;
						}
						.filtre_tri .rangep_critere_filtre {
							position: absolute;
							left:30px;
							top:380px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangek_critere_filtre {
							position: absolute;
							left:30px;
							top:440px;
							font-family:Zurichlight;
						}
						.filtre_tri .rangeb_critere_filtre {
							position: absolute;
							left:80px;
							top:510px;
						}
						.filtre_tri .groupe_range {
							position: absolute;
							left:0px;
							top:370px;
							width:260px;
							height:210px;
							border:1px solid #000;
							border-radius:          3px 3px 3px 3px;
							-moz-border-radius:     3px 3px 3px 3px;
							-webkit-border-radius:  3px 3px 3px 3px;
						}
		}
	
		/* Ecran */
		@media all and (max-width: 699px) { 

						.liste_produits .vignette  {
							width:96%;
							max-width:480px;
							height:540px;
						}

						.int_vignette {
							height:540px;
						}
						
						.liste_produits .vignette .designation {
							padding: 10px 0px 5px 10px;
							line-height:32px;
							font-size:28px;
							font-weight:bold;
						}
						
						.liste_produits .vignette .details {
							padding: 0px 0px 10px 11px;
							line-height:20px;
							font-size:18px;
							font-weight:none;
							font-family: Zurichlight!important;
						}

						.liste_produits .vignette .tarif {
							position:absolute;
							right:10px;
							bottom:12px;
							padding: 0px 0px 0px 0px;
							line-height:20px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif div {
							line-height:28px;
							font-size:38px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre {
							line-height:28px;
							font-size:26px;
							font-weight:none;
							font-family: Zurichbold!important;
							color:#000000;
							text-decoration: line-through rgba(230, 0, 0, 0.55);
						}

						.liste_produits .vignette .tarif span {
							padding: 0px 0px 0px 5px;
							font-size:32px;
							font-weight:bold;
							font-family: Arial!important;
							color:#CC0000;
						}

						.liste_produits .vignette .tarif .prix_barre span {
							padding: 0px 0px 0px 5px;
							font-size:24px;
							font-weight:bold;
							font-family: Arial!important;
							color:#000000;
						}
						
						.liste_produits .vignette .infosv {
							padding: 10px 0px 10px 5px;
							line-height:20px;
							font-size:22px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
						
						.liste_produits .vignette .energie {
							padding: 10px 0px 10px 5px;
							line-height:28px;
							font-size:28px;
							font-weight:bold;
							font-family: Zurichlight!important;
						}
						.liste_produits .vignette .pastille img {
							width:120px;
						}
		}
	
	
		/* RESPONSIVE */
		/* Ecran +1280px */
		@media all and (min-width: 1280px)
		{ 
		

				#principal .menu-mobile {
					display: none;
				}
				
				#head img {
					border: 0px;
				}
				
				#head .head-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
				}
				
				#head .menu-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 1260px;
				}
				
				#head .social {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
				}
				#head .social-container {
					position: absolute;
					z-index: 200;
				}
				
				#head .social2 {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
				}
				#head .social2-container {
					position: absolute;
					z-index: 200;
				}

				
				
				
				#head .recherche {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 1260px;
				}
				#head .recherche-container {
					position: absolute;
					margin:0px;
				}
				#head .recherche .champ_cat {
					width:150px;
				}
				#head .recherche .moteur_recherche {
					margin:0px;
					padding:0px;	
				}
				
		
				
				/* Main - Pages - Formulaires +1280 */
				#main {
					width:100%;
				}

				#main .page {
					width:100%;
					margin : 0 auto;
					padding: 10px 0px 20px 0px;
				}	

				.formulaire {
					width:100%;
					max-width: 1000px;
					margin : 0 auto;
					padding: 10px 5px 20px 5px;
				}	
				.formulaire  .champs {
					font-size:14px;
					
				}	
				
				
					/* Formulaires + Maps / Street +1280 */
					.maps {
						width: 100%;
						margin:20px 0px 0px 0px;
					}
					#map {
						height:400px;
						width:100%;
					}
					.google_street{
						overflow:hidden;
						padding-bottom:25%;
						position:relative;
						height:0;
					}
					.google_street iframe{
						left:0;
						top:0;
						height:100%;
						width:100%;
						max-height:500px;
						position:absolute;
					}
						
					/* Actualités */	
					.fiche_actu {
						width:94%;
						padding: 30px 0px 20px 0px;
					}

						
				/* Fiche produit +1280 */
					.block_details_container {
						width: 600px;
					}
				
			/* Pied +1280 */

				#foot{
					width:100%;
				}
			
				#foot .foot-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:100%;
					max-width: 1260px;
				}
				
				#foot .foot-design {
					width: 100%;
				}
				
				#foot img {
					border: 0px;
				}
				
				
				#foot .social-foot {
					display:block;
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:92%;
				}
				#foot .social2-foot {
					display:block;
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:92%;
				}
				#foot .social-foot-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				#foot .foot-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:98%;
				}
				#foot .social2-foot-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				
				/*#foot .social-foot {
					display:none;
				}
				#foot .social2-foot {
					display:none;
				}*/
					
	
		}
		
	
		/* Ecran +700px @media all and (min-width: 640px) and (max-width: 1279px) */
		@media all and (min-width: 640px) and (max-width: 1279px)
		{ 
		
				#principal .menu-mobile {
					display: none;
				}
		
				#head img {
					border: 0px;
				}
				
				#head .head-container{
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 98%;
				}
				
				#head .social{
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 98%;
				}
								
				#head .social-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				
				#head .social2{
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 98%;
				}
								
				#head .social2-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}

				
				#head .recherche {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 100%;
				}
				#head .recherche-container {
					position: absolute;
					margin:0px;
				}
				#head .recherche .champ_cat {
					width:150px;
				}
				#head .recherche .moteur_recherche {
					margin:0px;
					padding:0px;	
				}
				
				
				#main {
					width:100%;
				}
				
				#main .page {
					width:100%;
					margin : 0 auto;
					padding: 10px 0px 20px 0px;
				}	
				
				#main iframe {
					width:90%;
					max-height:300px;
					max-width:500px;
				}	
				
				.formulaire {
					width:98%;
					max-width: 700px;
					margin : 0 auto;
					padding: 10px 0px 20px 0px;
				}	
				.formulaire  .champs {
					font-size:14px;
				}	

			
					/* Formulaires + Maps / Street +700 */
					.maps {
						width: 100%;
						margin:20px 0px 0px 0px;
					}
					#map {
						height:350px;
						width:100%;
					}
					.google_street{
						overflow:hidden;
						padding-bottom:39%;
						position:relative;
						height:0;
					}
					.google_street iframe{
						left:0;
						top:0;
						height:100%;
						width:100%;
						max-height:500px;
						position:absolute;
					}
				
				
					.pagination {
						margin:0px 50px 30px 0px;
					}

				
			/* Pied +700 */	
				#foot {
					width:100%;
					bottom: 0px;
				}

				#foot img {
					border: 0px;
				}

				#foot .menu_pied {
					width:100%;
					margin : 0 auto;
					background-color: #EEEEEE;
				
				}
				
				
				#foot .social-foot {
					display:block;
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:92%;
				}
				#foot .social2-foot {
					display:block;
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:92%;
				}
				#foot .social-foot-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				#foot .foot-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:98%;
				}
				#foot .social2-foot-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				
				/*#foot .social-foot {
					display:none;
				}
				#foot .social2-foot {
					display:none;
				}*/
			

		}
		
		/* Ecran -700px @media all and (max-width: 639px) */
		@media all and (max-width: 639px)
		{

			body {
				max-width:100%;
			}
				
				#head img {
					border: 0px;
				}
				
				#head .head-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 100%;
					height: 80px;
					background:none;
				}
				
				#head .social{
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 98%;
				}
								
				#head .social-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				
				#head .social2{
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 98%;
				}
								
				#head .social2-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				
				#head .recherche {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width: 100%;
				}
				#head .recherche-container {
					position: absolute;
					margin:0px;
				}
				#head .recherche .champ_cat {
					width:150px;
				}
				#head .recherche .moteur_recherche {
					margin:0px;
					padding:0px;	
				}
				
				/*#head .social {
					display:none;
				}
				
				#head .social2 {
					display:none;
				}*/
				
				#main {
					width:100%;
				}
				
				#main .page {
					width:100%;
					margin : 0 auto;
					padding: 10px 0px 20px 0px;
				}
				
				#main iframe {
					width:98%;
					max-width:350px;
					max-height:250px;
				}
				
				.redaimg img {
					max-width:350px;
					height:auto;
				}
				
				#main table {
					width:98%;
					max-width:350px;
				}	
				
				.formulaire {
					width:98%;
					max-width: 600px;
					margin : 0 auto;
					padding: 10px 0px 20px 0px;
				}	
				.formulaire  .champs {
					font-size:12px;
				}

				.fiche_actu {
					width:100%;
					padding: 30px 0px 20px 0px;
				}				
				
				
					/* Formulaires + Maps / Street -700 */
					.maps {
						width: 100%;
						margin:20px 0px 0px 0px;
					}
					#map {
						height:250px;
						width:100%;
					}
					.google_street{
						overflow:hidden;
						padding-bottom:60%;
						position:relative;
						height:0;
					}
					.google_street iframe{
						left:0;
						top:0;
						height:100%;
						width:100%;
						max-height:500px;
						position:absolute;
					}



					.pagination {
						margin:0px 50px 30px 0px;
					}


				
			/* Pied -700 */
				#foot {
					width:100%;
					bottom: 0px;
				}
				#foot img {
					border: 0px;
				}
				#foot .social-foot {
					display:block;
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:92%;
				}
				#foot .social2-foot {
					display:block;
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:92%;
				}
				#foot .social-foot-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}
				#foot .foot-container {
					position: relative;
					margin: 0px auto 0px auto; /* centre le contenu */
					width:98%;
				}
				#foot .social2-foot-container {
					position: absolute;
					right: 0px;
					z-index: 200;
				}


				
		}
	
		
		/* Largeur gallery photos fiche produits */
		@media all and (min-width: 1078px) and (max-width: 1280px) { 
						.fond_gallery_pro {
							max-width:600px;
						}	
		}
		@media all and (max-width: 1077px) {
						.fond_gallery_pro {
							max-width:800px;
						}	
		}		



		/* Block détails */
		@media all and (max-width: 439px) {
					.block_details_container {
						width: 310px;
					}
		}
		@media all and (min-width: 440px) and (max-width: 539px) { 
					.block_details_container {
						width: 410px;
					}
		}
		@media all and (min-width: 540px) and (max-width: 639px) { 
					.block_details_container {
						width: 510px;
					}
		}
		@media all and (min-width: 640px) and (max-width: 739px) { 
					.block_details_container {
						width: 290px;
					}
		}
		@media all and (min-width: 740px) and (max-width: 839px) { 
					.block_details_container {
						width: 350px;
					}
		}
		@media all and (min-width: 840px) and (max-width: 939px) { 
					.block_details_container {
						width: 400px;
					}
		}
		@media all and (min-width: 940px) and (max-width: 1039px) { 
					.block_details_container {
						width: 450px;
					}
		}
		@media all and (min-width: 1040px) and (max-width: 1139px) { 
					.block_details_container {
						width: 500px;
					}
		}
		@media all and (min-width: 1140px) and (max-width: 1279px) { 
					.block_details_container {
						width: 550px;
					}
		}