/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
   
a {
	text-decoration: none;
	color: #000;
}


/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

ul, menu, dir {
    -moz-padding-start: 0px;
}

ul{padding: 0;margin: 0;}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
	-webkit-appearance: caret;
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   CHAMPION GRID
   ========================================================================== */

.centerBlock{width: 950px;position: relative; margin: 0 auto;}

.c2c1, .c2c2{float: left;}
.c3c1, .c3c2, .c3c3{float: left;margin-right: 30px;}
.c4c1, .c4c2, .c4c3, .c4c4{float: left;}

.c2c1{width: 460px; margin-right: 40px;}
.c2c1:nth-child(2n+0){margin-right: 0;}
.c2c2{width: 950px; margin-right: 0;}

.c3c1{width: 300px;}
.c3c1:nth-child(3n+0){margin-right: 0;}
.c3c2{width: 630px;}
.c3c3{width: 950px;margin-right: 0;}

.c4c1{width:240px;}
.c4c1:nth-child(4n+0){margin-right: 0;}
.c4c2{}
.c4c3{}
.c4c4{}

.lastOfColum{margin-right: 0 !important;}
.clear{clear:both;display:table !important;line-height: 0em!important;width:0px!important;height:0px!important;margin: 0 !important; padding: 0 !important;content: "";min-height: 0;max-height: 0;font-size:0em!important;}
.clear{visibility:hidden}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Inotec CSS Code
   ========================================================================== */

body{
	background: url('../img/bkg_01.jpg') top center no-repeat fixed #eaeaed;
	font-family: 'Lato', 'Open Sans', sans-serif;
	font-weight: 400;
}  
   
header{
	
}

header #carreLogo{
	width: 260px;
	height: 180px;
	position: absolute;
	left: -50px;
	top: -25px;
	-webkit-transform: rotate(-8deg);
	   -moz-transform: rotate(-8deg);
	    -ms-transform: rotate(-8deg);
	   	 -o-transform: rotate(-8deg);
		    transform: rotate(-8deg);
	-webkit-box-shadow: 3.34px 3.34px 3.34px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 3.34px 3.34px 3.34px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 3.34px 3.34px 3.34px rgba(0, 0, 0, 0.3);
		 -o-box-shadow: 3.34px 3.34px 3.34px rgba(0, 0, 0, 0.3);
			box-shadow: 3.34px 3.34px 3.34px rgba(0, 0, 0, 0.3);
	z-index: -100;
	background-color: #eaeaed;
}


header h1{
	margin: 0;
	padding: 20px 0 11px 30px;
	margin-top: 60px;
	background: url(../img/logo_background.png) no-repeat;
}

header h1 a img {
	width: 149px;

}
header .divNav{
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.98);
}

header nav{
	width: 830px;
	height: auto;
	min-height: 29px;
	position: relative;
	padding: 30px 0 0 0;
	margin: 0 60px;
	z-index: 400;
	border-bottom: 1px #aaa solid;
}

	header nav>.menu, .language-switcher-locale-url{
		list-style-image: none !important;
		list-style-type: none !important;	
	}
	
	#block-locale-language{
		float: right;	
	}
		
	header nav>.menu>li{
		float: left;
		height: 26px;
		position: relative;
		margin-top: 0;
		margin-bottom: -2.5px;
		margin-left: 0;
		margin-right: 30px;
		padding: 0;
		background-color: transparent;
		list-style-image: none !important;
		list-style-type: none !important;
	}
	
	header nav>.menu>li.last{
		float:right;
		margin-right: 60px;
	}
	
	.language-switcher-locale-url{
		margin-right: 0;
		position: relative;
		float: right;
		text-align: right;
		z-index: 300;
	}
	
		header nav>.menu>li>a, #block-locale-language h2{
			display: block;
			position: relative;
			width: auto;
			padding-bottom: 5px;
			text-align: center;
			font-size: 1em;
			z-index: 500;
			-moz-transition: all 0.1s ease-out;
			-webkit-transition: all 0.1s ease-out;
			-o-transition: all 0.1s ease-out;
			-ms-transition: all 0.1s ease-out;
			transition: all 0.1s ease-out;
		}
		
		#block-locale-language{
			position: absolute;
			height: 23px;
			right:0;
			    margin-top: -1px;
			
    padding-right: 2px;

		}
		
		#block-locale-language h2{
			margin: 0;
			position: relative;
			font-size: 0.7em;
			font-weight: 300;	
			padding-top: 6px;
			padding-bottom:  0;
			height: 21px;
			z-index: 500;
		}
		
		#block-locale-language:hover h2{
			border-bottom: 5px solid #000;
		}
		
		
		header nav>.menu>li:hover>a, header nav>.menu>li.active-trail>a, header nav>ul.menu>li>a.active{
			border-bottom: 5px solid #000;
		}
		
		
		header nav>.menu li ul, .language-switcher-locale-url{
			postition: relative;
			z-index: 100;	
		}
		
		header nav>.menu li ul li.active-trail, .language-switcher-locale-url li.active-trail{
			margin-bottom: 0;	
		}
		

		
			header nav>.menu li ul li, .language-switcher-locale-url li{
				position: absolute;
				margin-left: 0;
				width: 135px;
				padding: 6px 2px 4px 2px;
				text-align: center;
				background-color: #fff;
				background-color: rgba(255, 255, 255, 0.9);
				z-index: 100;
				list-style-image: none !important;
				list-style-type: none !important;
			}
			
			header nav .language-switcher-locale-url li{
				margin-right: 0;	
				padding-top: 6px;
				margin: 0;
				font-size: 0.7em;
				font-weight: 300;
				width: 46px;
				text-align: center;
			}
			
			header nav>.menu li ul li.first, .language-switcher-locale-url li.first{
				padding: 14px 1px 4px 1px;
			}
			
			header nav>.menu li ul li a, .language-switcher-locale-url li a, .language-switcher-locale-url li span{
				font-size: 0.8em;
				font-weight: 400;
				color: #000;
				text-transform: uppercase;
			}
			
			.ddLine{
				background-color: transparent;
				height: 10px;
				border-bottom: 1px solid #dedede;
				margin: 0 auto;	
			}
						
			header nav>.menu li ul li:hover .ddLine, .language-switcher-locale-url li:hover .ddLine{
				border-bottom: 1px solid #000;	
			}
		 
			
			header nav>.menu li ul li.last .ddLine, .language-switcher-locale-url li.last .ddLine{
				background-color: transparent;
				margin-bottom: 10px;
			}
				
			.language-switcher-locale-url li{
				padding-right: 0;
				margin-right: 0;
			}
			
			.language-switcher-locale-url li .ddLine{
				width: 30px;	
			}
			.language-switcher-locale-url li:last-child{
				text-align: center;
				width: 46px;
				overflow: hidden;
			}
	
	
.onetwo{
	padding: 0 60px 150px 60px;
	width: 830px;
	background-color: #fff;
}

	.introTexte{
		width: 830px;
		position: realtive;
		margin-bottom: 20px;
		font-weight: 300;
		text-align: center;	
		padding-top: 30px;
		padding-bottom: 40px;
		border-bottom: #aaa solid 1px;
	}	
	
	.introTexte.bridge_2{border-bottom:none;}
	
	
	section.introTexte{
		padding: 0;	
	}
	
	
	section.introTexte .bx-wrapper{
	}
	
	section.introTexte ul{position:relative;z-index: 100;}
	
	section.introTexte h1{
		padding: 10px;
		width: 150px;
		margin: 0 auto;
		margin-top: -20px;
		margin-bottom: -22px;
		position: relative;
		background-color: #000;
		color: 	#fff;
		z-index: 300;
	}

	.introTexte h1, .introTexte p{
		font-size: 1em;
	}
	
	.introTexte h1{
		color: #f2980e;
		text-transform: uppercase;
		font-weight: 300;
		margin-top: 0;
	}
	
	.introTexte p{
		width: 700px;
		margin: 0 auto;
	}
	
	article.introTexte{
		margin-bottom: -1px;	
	}

	
	/*Columnes compactline*/
	
	.field-collection-view{padding:0;margin:0;border:none;}
	
	.field-name-field-block-list.field-type-field-collection>.field-items>.field-item{
		width:28%;
		margin-right:5%;
		float:left;
		font-weight: 100;
	}
	
	.field-name-field-block-list.field-type-field-collection>.field-items>.field-item h4{font-weight:100;font-size:20px;}
	
	.field-name-field-block-list.field-type-field-collection>.field-items>.field-item ol{padding-left:0;}
	.field-name-field-block-list.field-type-field-collection>.field-items>.field-item ol li{margin-bottom:7px;padding-bottom:3px;border-bottom:1px solid #000;height: 20px;
padding-top: 7px;
padding-left: 30px;}


		/*OL LI */
		
	ol li{
		background: url('../img/ol/ol_1.png') no-repeat left 9px;
		background-size: 25px;
		padding-left: 12px;
		display: block;
	}
	
	.image_petit{
		background-color: transparent;
		height: 154px;
		width: 210px;
		padding: 10px;
		padding-bottom: 15px;
		margin-top: 30px;
		overflow: hidden;
		-moz-border-top-right-radius: 42px;
		-webkit-border-top-right-radius: 42px;
		-o-border-top-right-radius: 42px;
		-ms-border-top-right-radius: 42px;
		border-top-right-radius: 42px;
		-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);	
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	
		.image_petit img{
			width: 220px;
			-moz-border-top-right-radius: 13px;
			-webkit-border-top-right-radius: 13px;
			-o-border-top-right-radius: 13px;
			-ms-border-top-right-radius: 13px;
			border-top-right-radius: 13px;
		}
	
		.image_petit_cadre{
			position: absolute;
			height: 180px;
			width: 230px;
			top: 1px;
			left: 1px;
			background: url(../img/image_petit_cadre_petit.png) no-repeat;	
		}
		
		.overview {
			position: relative;	
			padding-bottom: 15px;
			margin-top: -1px;
		}
		
			.overviewTitle{
				text-transform: uppercase;
				font-size: 0.875em;
				text-align: center;
				font-weight: 300;
				margin: 0;
				border-bottom: 1px solid #aaa;	
				position: relative;
				z-index: 100;
				padding: 10px 0;
			}
			
				.overviewTitle span{
					padding-bottom: 9px;	
				}
			
				.overviewTitle span:hover, .overviewTitle span.active{
					border-bottom: 5px solid #000;	
					cursor: pointer;
				}
		
		
			.overview a{
				width: 25%;	
				height: 25%;
				overflow: hidden;
				position: relative;
				float: left;
			}
			
				.overview a hgroup{
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 99;
					padding: 20% 0;
					background: rgba(242, 152, 14, 0.75);	
					-webkit-opacity: 0.001;
					-moz-opacity: 0.001;
					-ms-opacity: 0.001;
					-o-opacity: 0.001;
					opacity: 0.001;
					-webkit-transition: 0.2s all ease-in;
					-moz-transition: 0.2s all ease-in;
					-ms-transition: 0.2s all ease-in;
					-o-transition: 0.2s all ease-in;
					transition: 0.2s all ease-in;
					
				}
				
				.overview a:hover hgroup{
					-webkit-opacity: 1;
					-moz-opacity: 1;
					-ms-opacity: 1;
					-o-opacity: 1;
					opacity: 1;
				}
		
					.overview a hgroup h3, .overview a hgroup h4{
						text-align: center;	
						font-weight: 400;
						color: #fff;
					}	
					
					.overview a hgroup h3 span{
						padding-bottom: 0.5em;
						border-bottom: 3px #fff solid;	
					}
					
					.overview a hgroup h4{
						margin-top: 1em;	
					}
					
				.overview-image-container{
					width: 100%;
					position: relative;	
					text-align: center;
				}
					
				.overview .overview-image-container img{
					width: 70%;
					margin: 15% auto;
					height: auto;
				}
		
		#accordion{
			
		}
		
		.product{
			font-weight: 300;
			font-size: 0.875em;
			width: 830px;
			position: relative;
			border-top: 1px #aaa solid;
			padding-top: 4px;
			overflow: hidden;
		}
		
		
			.product hgroup{
				position: relative;	
				cursor: pointer;
			}
				
				.product hgroup h1, #form h1{
					font-weight: 300;
					color: #f2980e;
					float: left;
					height: 40px;
					font-size: 1.2em;
					margin-bottom: 0;
					text-transform:uppercase;
				}
				
				#form h1{float:none;font-size:1em;margin-top: 50px;height: 25px;}
				#form .undertitle{font-weight: 300;font-style: italic;}
				
				.product hgroup h2{
					font-size: 1.2em;
					margin-left: 15px;
					height: 40px;
					float: left;
					margin-bottom: 0;
					margin-top: 17px;
			}
			
			.product_content{
				width: auto;
				min-height: 500px;
			}
			
			
				.product_quality{
					min-height: 460px;	
				}
		
		
				.product_img{
					position: absolute;
					width: 500px;
					height: 400px;
					right: 0px;
					top: 55px;
					cursor: none;
					text-align: right;
				}
				
				.product_img .small img{
					right: 0px;
					width: 500px;
					height: auto;
				}
				
				.product_img .big img{
					right: 0px;
				}
				
				.product_detail{
					width: auto;
				}
				
				.product ul{
					margin-left: 1em;	
					margin-top: 5px;
					width: 280px;
					list-style-image: url(../img/list-style-image.png);
				}
				
					.product ul li{
						margin-bottom: 0.4em;
					}
				
				.product aside b, .product article b{
					color: 	#f2980e;
					text-transform: uppercase;
					font-weight: 300 !important;
				}
				
				ul.product_detail_pics{
					list-style-type: none;
					list-style-image: none;
					margin-top: 15px;
					margin-left: 0;	
					position: relative;
					height: auto;
					width: 600px;
				}
				
					ul.product_detail_pics li{
						list-style-type: none;	
						width: 95px;
						height: 95px;
						float: left;
						margin-right: 15px;
						margin-bottom: 15px;
					}
					
						ul.product_detail_pics li img{
							-webkit-opacity: 0.5;	
							-moz-opacity: 0.5;	
							-ms-opacity: 0.5;	
							-o-opacity: 0.5;	
							opacity: 0.5;
							-webkit-transition: ease-in 0.2s all;	
							-moz-transition: ease-in 0.2s all;	
							-ms-transition: ease-in 0.2s all;	
							-o-transition: ease-in 0.2s all;	
							transition: ease-in 0.2s all;	
						}
						
						ul.product_detail_pics li img:hover{
							-webkit-opacity: 1;	
							-ms-opacity: 1;	
							-moz-opacity: 1;	
							-o-opacity: 1;	
							opacity: 1;	
						}
					
				.product aside{
					width: 300px;
					margin-bottom: 25px;
				}
				
					.product_specification{
						display: block;
    					margin: 1em 0;	
					}
				
				.product_links{
					margin-top: -14px;
					margin-bottom: 25px;
					position: absolute;
					bottom: 0;
					right: 0;		
				}
			
				.product_links a{
					display: block;
					float: left;
					margin-right: 8px;
					width: 27px;
					height: 27px;
					background: url("../img/share_sprite.png") 0 -27px;	
					-moz-border-radius: 13px;
					-webkit-border-radius: 13px;
					-ms-border-radius: 13px;
					-o-border-radius: 13px;
					border-radius: 13px;
					-webkit-opacity: 0.5;
					-moz-opacity: 0.5;
					-o-opacity: 0.5;
					-ms-opacity: 0.5;
					opacity: 0.5;
					
				}
				.product_links a:hover{background-position: 0 0;opacity: 1;}
				
				.product_links a.tw_link{
					background-position: -27px -27px;
				}
				
				.product_links a.tw_link:hover{
					background-position: -27px 0;
				}
				
				.product_links a.pr_link{
					background-position: -54px -27px;
				}
				.product_links a.pr_link:hover{
					background-position: -54px 0;
				}
				
				.product_links a.ma_link{
					background-position: -81px -27px;
				}
				
				.product_links a.ma_link:hover{
					background-position: -81px 0;
				}
		
	.homeContent{
		position: relative;	
		padding-top: 25px;	
	}
	
		.homeContent>div{
				float: left;
		}
		
		.homeContent>div:first-child{
			margin-right: 45px;	
		}
		
			.homeContent>div.image_petit{
				position:absolute;
				top: 72px;
				left: 400px;
			}
		
		.homeContent>aside{
			font-weight: 300;
			font-size: 1em;
			width: 430px;
			margin-top: -75px;
		}
		
		.homeContent>aside h1{
			font-size: 1em;
			color: #f2980e;	
			font-weight: 300;
			text-transform: uppercase;
		}
		
	/*Combination Slide*/
	
	.teasers>h2{
		width: 600px;
		font-weight: 300;	
		font-size: 1em;
		color: #f2980e;	
		padding-top: 25px;
		text-transform: uppercase;
	}
	
	.teasers>.bx-wrapper{position:relative;margin-bottom: 25px;}
	
	#combinationSlider, #combinationSlider2{position: relative;}
	
	.node-product-combination{
		position: relative;	
		padding-bottom: 60px;
		border-bottom: 1px solid #aaa;
		min-height:375px;
	}
	
		.node-product-combination .textSlide{
			float: left;
			width: 305px;	
		}
		
			.node-product-combination .textSlide h3{
				text-transform: uppercase;
				font-size: 1em;
				margin-bottom: 0.3em;
			}
			
			.node-product-combination .textSlide p{margin-top: 0.2em;font-weight: 300;}
		
		.node-product-combination  .field-name-field-combination-image{
			float: right;
			padding-top: 40px;	
		}
			.node-product-combination .field-name-field-image-lightbox{position: absolute;bottom: 60px;}
	.node-product-combination .field-name-field-image-lightbox .field-item{float: left;margin-right: 5px;}
	.node-product-combination .field-name-field-image-lightbox .field-item:last-child:after{clear:both;}

	
	.teasers bx-wrapper{
		position: relative;	
	}
	
	.teasers .bx-wrapper .bx-controls{
		position: absolute;
		height: 25px;
		width: 50%;
		top: 25px;
		right: 0;	
		z-index: 500;
	}
		
	.teasers .bx-wrapper .bx-pager-item{
		position: realitve;
		z-index: 800;
		min-width: 15px;
		min-height: 15px;
		width: 4%;
		height: 4%;
		float: right;
		border: 1px solid #f2980e;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-ms-border-radius: 100%;
		-o-border-radius: 100%;
		border-radius: 100%;
		margin-right: 2.5%;
		color: rgba(0, 0, 0, 0);
	}
	
	.teasers .bx-wrapper .bx-pager-item a{
		display: block;
		width: 100%;
		height: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-ms-border-radius: 100%;
		-o-border-radius: 100%;
		border-radius: 100%;
	}
	
	/*Particulaités P6*/
	
	.page-node-289 .teasers .bx-wrapper .bx-pager-item, .page-node-290  .teasers .bx-wrapper .bx-pager-item, .page-node-414  .teasers .bx-wrapper .bx-pager-item, .page-node-587  .teasers .bx-wrapper .bx-pager-item,  .page-node-733  .teasers .bx-wrapper .bx-pager-item{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		border:none;
		margin-right:-6px;
		width: 27px;
		height: 20px;
		background-color: transparent;
	}
	
	.page-node-289 .teasers .bx-wrapper .bx-pager-item:nth-child(odd), .page-node-290  .teasers .bx-wrapper .bx-pager-item:nth-child(odd), .page-node-414  .teasers .bx-wrapper .bx-pager-item:nth-child(odd), .page-node-587  .teasers .bx-wrapper .bx-pager-item:nth-child(odd),  .page-node-733  .teasers .bx-wrapper .bx-pager-item:nth-child(odd){
		margin-top: -10px;	
	}
	
	.page-node-289 .teasers .bx-wrapper .bx-pager-item a, .page-node-290  .teasers .bx-wrapper .bx-pager-item a, .page-node-414  .teasers .bx-wrapper .bx-pager-item a, .page-node-587  .teasers .bx-wrapper .bx-pager-item a, .page-node-733 .teasers .bx-wrapper .bx-pager-item a{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		background-image: url(../img/hexa_vide.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	.page-node-289 a.contextual-links-trigger, .page-node-290 a.contextual-links-trigger, .page-node-414 a.contextual-links-trigger, .page-node-587 a.contextual-links-trigger,  .page-node-733 a.contextual-links-trigger{
		display: block !important;	
	}
	
	.teasers .bx-wrapper .bx-pager-item a.active{
		background-color: #f2980e;	
	}
	
	
	.page-node-289 .teasers .bx-wrapper .bx-pager-item a.active, .page-node-290 .teasers .bx-wrapper .bx-pager-item a.active, .page-node-587 .teasers .bx-wrapper .bx-pager-item a.active, .page-node-414 .teasers .bx-wrapper .bx-pager-item a.active, .page-node-733 .teasers .bx-wrapper .bx-pager-item a.active{
		background-image: url(../img/hexa_plein.png);
		background-color: transparent;
	}
	
	
	.page-node-668 .fleches, .page-node-679 .fleches, .page-node-680 .fleches, .page-node-799 .fleches, .page-node-855 .fleches {display:none;}
	
	
	/*compact Line slider*/
	.page-node-668 .teasers .bx-wrapper .bx-pager-item, .page-node-668 .teasers .bx-wrapper .bx-pager-item a, .page-node-679 .teasers .bx-wrapper .bx-pager-item, .page-node-679 .teasers .bx-wrapper .bx-pager-item a, .page-node-680 .teasers .bx-wrapper .bx-pager-item, .page-node-680 .teasers .bx-wrapper .bx-pager-item a{
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		background-image: url(../img/item_2.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(4), .page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(4) a, .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(4), .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(4) a, .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(4), .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(4) a{
		background-image: url(../img/item_3.png);
	}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(3), .page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(3) a, .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(3), .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(3) a, .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(3), .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(3) a{
		background-image: url(../img/item_4.png);
	}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(2), .page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(2) a, .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(2), .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(2) a, .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(2), .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(2) a{
		background-image: url(../img/item_5.png);
	}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(6), .page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(6) a, .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(6), .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(6) a, .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(6), .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(6) a{
		background-image: url(../img/item_1.png);
	}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(7), .page-node-668 .teasers .bx-wrapper .bx-pager-item:nth-last-child(7) a, .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(7), .page-node-679 .teasers .bx-wrapper .bx-pager-item:nth-last-child(7) a, .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(7), .page-node-680 .teasers .bx-wrapper .bx-pager-item:nth-last-child(7) a{
		background-image: url(../img/item_0.png);
	}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item a, .page-node-680 .teasers .bx-wrapper .bx-pager-item a, .page-node-679 .teasers .bx-wrapper .bx-pager-item a{padding-bottom:5px;}
	
	.page-node-668 .teasers .bx-wrapper .bx-pager-item a.active, .page-node-679 .teasers .bx-wrapper .bx-pager-item a.active, .page-node-680 .teasers .bx-wrapper .bx-pager-item a.active{
		border-bottom: 1px solid #f2980e;
	}
		
	/*Canevas*/
	
	.field-name-field-overview-pics{
		position: absolute;
	}
	
	.canevas_content{position: absolute;}
	
	.teasers{
		position: relative;	
	}
	
	canvas{
		background-color: transparent;	
	}
	
	.teasers .fleches canvas, .teasers .fleches h2{
		position: absolute;
		
	}
	
	.page-node-289 .fleches, .page-node-290 .fleches, .page-node-414 .fleches, .page-node-587 .fleches, .page-node-733 .fleches{display: none;}
	
	.teasers .fleches h2{
		font-size: 1em;
		color: #f2980e;	
		z-index: 300;
		margin: 0;
		margin-top: -1em;
		margin-left: 0.2em;
		margin-right: 0.2em;
		width: 100px;
		cursor: pointer;
		font-weight: 300;
	}
	
		.fleches{
			min-height: 500px;
			margin-bottom: 40px;	
			margin-top: 80px;
		}
		
	/*Formulairs*/
	
	#form canvas{width:300px;height:auto;position:absolute;right:-200px;top:-60px;display:none;background-size: 100%;z-index: 900;}
	#form canvas img{width: 100%;height:auto;}
		
	#form textarea{
		width: 46.9% !important;
		margin: 5px;
		margin-left: 0;
		float: left;	
		min-height: 200px;
	}	
		
	#form input[type="checkbox"]{
		width: 5%;
		height: 30px;	
		border: 1px solid #f2980e;
		float:left;display:none;
	}
	
	#form #products_fieldset label, #form #range_selection label{width: 65%;float:left;height: auto;margin-bottom:5px;position:relative;font-weight: lighter;display: inline-block;    cursor: pointer;  
    padding-left: 30px;  
  }
	#form #products_fieldset  label:hover canvas.mask, #form #range_selection  label:hover canvas.mask{
		display:block;	

	}
	
	#range_selection{width: 100%;position:relative;border-bottom: 1px dotted #aaa;padding-bottom: 20px;}
	
	#range_selection label{width: 29%;}
	
	#form #products_fieldset label:before, #form #range_selection label:before  {  
        content: "";  
        display: inline-block;  
      
        width: 20px;  
        height: 20px;  
      
        margin-right: 30px;  
        position: absolute;  
        left: 0;  
        top: 3px;  
        background: url(../img/hexa_vide.png) no-repeat top left transparent;  
		background-size: 100%;
    }  
	
	#form #products_fieldset input[type=checkbox]:checked + label:before, #form #range_selection input[type=checkbox]:checked + label:before {  
		background-image: url(../img/hexa_plein.png);
	}
	
	#form  form{position: relative;padding-bottom:50px;}
	
	#form input {
    	margin: 5px auto;
		width: 50%;
	}
	
	#form input[type="submit"]{
		background-color: transparent;
		width: 100%;
		border-top: 1px dotted #aaa;
		font-weight: bold;	
		margin-top: 15px;
	}
	
	#form #textFrom label{
		color: #bbb;
		font-weight: 100;	
	}
	
	#textFrom > label[for="nom"] {
    margin-top: -23px;
	margin-left: 48.5%;
}
	
	.productCategoryInAccordio h4 {
    	margin-top: 50px;
		position: relative;
	}
	
	.productCategoryInAccordio h4 span{
		width: 25px;
		display: block;
		float: right;	
	}
	
	.productCategoryInAccordio h4 a{
		width: 25px;
		height: 11px;
		display: block;
		margin-bottom: 4px;
		background-repeat: no-repeat;
	}	
	
	.productCategoryInAccordio h4 a.up{
		background-image: url(../img/up.png);	
	}
	.productCategoryInAccordio h4 a.down{
		background-image: url(../img/down.png);	
	}
	
	
	#products_fieldset{margin-bottom: 25px;}
	.formCat{width :33%;float:left;}
	#fromCat1{width: 80%;}
	
		
	/*Page Contact*/
	
	.webform-confirmation{
		margin-top: -16px;
    	padding-top: 20px;	
	}
	
	.contact .introTexte p{
		width: 500px;	
	}
	
	.introTexte iframe{width: 90%;}
	
	.contact .introTexte{
		margin-bottom: 30px;	
	}
	
	.contact .form{
		width: 400px;
		float: left;	
	}
	
	.contact label{
		font-weight: 100;
		color: #bbb;
	}
	
	.contact select{
			border: none;
		background-color: #F6F6F9;	
		color: #C0BFBF;
		width: 407px;
		padding: 5px;
		font-weight: 300;
		
	}
	
	
	input, .form-textarea-wrapper textarea, #form textarea, #productsForm select{
		border: none;
		background-color: #F6F6F9;	
		color: #C0BFBF;
		width: 407px;
		padding: 5px;
		font-weight: 300;
	}
	
	.form-textarea-wrapper textarea{
		width: 417px;
	}

	
	input:focus, textarea:focus, input[type="submit"]:hover{
		color: #000;
	}
	
	
	/*Product form*/
	
	#productsForm #address{
		width: 98.5%;
	}
	
	#productsForm #city{
		width: 50%;
		max-width: 392px;
	}
	
	#productsForm select{
		margin-top: 2px;
		width: 48.5%;
	}
	
	
	.contact aside{
		width: 370px;
		margin-left: 50px;
		float: left;	
	}
	
	.contact aside strong{
		color: #F2980E;	
		margin-bottom: 1em;
	}
	
	.contact aside p{
		margin:  0;	
		font-weight: 300;
		font-size: 1em;
	}
	
	.contact aside .field-item{
		margin: 10px 0 30px 0;	
	}
	
	.contact input[type="submit"]{
		background-color: transparent;	
		font-weight: 700;
	}
	

footer{
	font-size: 0.875em;
	color: #fff;
	background-color: #f2980e;
	padding-left: 30px;
	margin-left: -30px;
	padding-top: 30px;
	padding-bottom: 30px;
	-moz-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.2);
}

	.footerContent{
		padding: 0 60px;
		width: 830px;
	}

	footer nav{
		margin-bottom: 15px;
	}
	
	footer nav a{
		margin-right: 18px;	
		font-size: 12px;	
		color: #fff;
	}
	
	footer nav a.active, footer nav a:hover{
		color: #fff;	
		text-decoration: underline;
	}
	
	footer a{
		color: #fff;
	}

	footer a:hover{
		text-decoration: underline;
	}

	.otherNav{
		font-size: 12px;	
	}
	
	footer #langChoiceSelect{
		display: none;
	}
	

/*BORN IN CH*/

.page-node-645 .onetwo, .page-node-791 .onetwo, .page-node-645 .divNav, .page-node-791 .divNav, .page-node-847 .onetwo, .page-node-645 .divNav, .page-node-847 .divNav, .page-node-652 .onetwo, .page-node-652 .divNav, .page-node-653 .onetwo, .page-node-653 .divNav{background-color: #1a171b;color: #fff;}

.page-node-645 #main-menu>ul>li>a, .page-node-791 #main-menu>ul>li>a, .page-node-847 #main-menu>ul>li>a, .page-node-652 #main-menu>ul>li>a, .page-node-653 #main-menu>ul>li>a{color: #fff;border-color: #fff !important;}

.page-node-791 .field-name-field-horizontal-pic,.page-node-847 .field-name-field-horizontal-pic,.page-node-645 .field-name-field-horizontal-pic, .page-node-652 .field-name-field-horizontal-pic, .page-node-653 .field-name-field-horizontal-pic{width:100%;}
.page-node-791 .field-name-field-horizontal-pic img,.page-node-847 .field-name-field-horizontal-pic img,.page-node-645 .field-name-field-horizontal-pic img, .page-node-652 .field-name-field-horizontal-pic img, .page-node-653 .field-name-field-horizontal-pic img{width:100%;height: auto;}

.page-node-791 .content>h2,.page-node-847 .content>h2,.page-node-645 .content>h2, .page-node-652 .content>h2, .page-node-653 .content>h2   {text-align: center;margin-top: -20px;display: block;position: relative;z-index: 9000;border-bottom: 1px solid #fff;}
.page-node-791 .content>h2 span,.page-node-847 .content>h2 span,.page-node-645 .content>h2 span, .page-node-652 .content>h2 span, .page-node-653 .content>h2 span{width: 200px; padding: 10px;font-size: 14px;text-transform: uppercase;color: #000;background-color: #fff;display: block;text-align: center;margin: 0 auto;font-weight: 300;}

.field-name-field-bch-number{width: 105px;height: 33px;background: url(../img/bch_number_bkg.png);color: #000;font-weight: 300;padding: 5px 17px ;font-size: 24px;}

#node-791>.content>.field-name-body,#node-847>.content>.field-name-body,#node-645>.content>.field-name-body, #node-652>.content>.field-name-body, #node-653>.content>.field-name-body{border-bottom: 1px solid #fff;}
#node-791>.content>.field-name-body>.field-items,#node-847>.content>.field-name-body>.field-items,#node-645>.content>.field-name-body>.field-items, #node-652>.content>.field-name-body>.field-items, #node-653>.content>.field-name-body>.field-items{text-align: center;width:636px;margin: 50px auto;font-weight:100;}

.node-born-in-switzerland {position: relative;border-bottom: 1px solid #fff;padding-top: 50px;min-height: 298px;}
.node-born-in-switzerland h2{margin-left: 10px;margin-bottom:0;color: #ed7f00;text-transform: uppercase;font-weight: 300;}
.node-born-in-switzerland .field-name-body{width: 350px;margin-left: 10px;font-weight:100;}	

.field-name-field-bch-image{position: absolute;right: 0;bottom:0;width: 454px;text-align: right;}


/* EDIT MULTILINGUAL*/

#edit-language, #edit-language ~ label{
	display:none;
}

.form-item-language{display:none;}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media handheld, only screen and (max-width: 950px) and (min-width: 540px){
	/* Style adjustements for tabs*/
	body{
		width: 100%;
	}
	
	.centerBlock{width: 100%;position: relative; margin: 0 auto;padding: 0;}
	
	header nav, .introTexte, .teasers{width: 90%;margin: 0 5%;}
	
	header nav>.menu>li.last{
		margin-right: 55px;
	}
	
	section.introTexte{
		background-color: #fff;
		margin-bottom: 20px;
	}
	
	article.introTexte{
	}
	
	article.introTexte p{
		width: 80%;	
	}
	
	#accordion{
	}
	
	.formCat{width: 90%;}
	
	.homeContent, .centerContent{width: 90%;margin:5%;}
	
	
	
	.homeContent .images_grandes:first-child{
		width: 64%;
		position: relative;
		overflow: hiddden;	
		margin-right: 2%;
	}
		.homeContent .images_grandes img{
			width: 100%;
			height: auto;
		}
	
	.image_petit{display: none;}
	
	.homeContent .images_grandes_02{
		width: 34%;
		position: relative;
		overflow: hiddden;	
		margin-right: 0;
	}
	
	.homeContent aside{margin-top: 0;}
	
	.field-name-field-block-list.field-type-field-collection>.field-items>.field-item{width: 90%;

margin-left: 5%;}
	 
	
	.teasers > h2{width: 100%}
	.fleches{display: none;}
	.node-product-combination{border:none;padding-bottom:0;}
	
	
	.node-product-combination .field-name-field-combination-image img{width: 100%;}
	.product{padding-top: 5px;padding-bottom:7px;width: 90%;margin: 0 5%;overflow: hidden;}
	#form canvas{display:none;}

	
	.overview a hgroup{padding: 10% 0;}
	
	
	ul.product_quality{width: 35%;min-height: 400px;}
	
	.product_content{padding-top: 0;margin-top: 0;}
	
	.product_img{right: 0;width: 60%;}
	
		.product_img .small img{
			width: 100%;	
		}
		
	.large{display: none;}
	
	
	
	/*Page Contact*/
	
	.contact{
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 80px;	
	}
	
	.contact .introTexte p{
		width: 60%;	
	}
	.contact .form{
		width: 45%;
	}
	
	input, .form-textarea-wrapper textarea{
		width: 100%;
		padding: 5px;
	}
	
	#productsForm input, #productsForm select, #productsForm textarea, #productsForm #address, #productsForm #city{
		width: 100% !important;
		margin-left: 0;
		max-width: 1000px;
		margin-bottom: 5px;
		margin-top: 5px;	
	}
	
	.contact aside{
		width: 40%;
		margin-left: 5%px;
	}
	
	.contact aside strong{
		color: #F2980E;	
		margin-bottom: 1em;
	}
	
	.contact aside p{
		margin:  0;	
		font-weight: 300;
	}
	
	.contact aside .field-item{
		margin: 10px 0 30px 0;	
	}
	
	#form{width: 90%; margin: 0 auto;}
	
	
	footer{
		
	}
			
		.footerContent{width: 90%; padding: 0; margin: 0 5%;}
		
		.otherNav{padding: 0;}
		
		.otherNav a{border-right: 1px solid #f2980e}
		
		.otherNav a:last-child, .otherNav a:nth-last-child(2) {
			display:none;	
		}
	
	#form #textFrom label{
		clear: both;
		margin-left: 0;	
	}
	
	.productCategoryInAccordio h4 {
    margin: 75px auto 0;
    position: relative;
    width: 90%;
}
	
	#node-645 > .content > .field-name-body > .field-items, #node-652 > .content > .field-name-body > .field-items, #node-653 > .content > .field-name-body > .field-items{width: 70%;}
}

@media handheld, only screen and (max-width: 540px){
	/* Style adjustements for smartphone*/
	
	body{
		width: 100%;
		background: #fff;	
	}
	
	.centerBlock, .teasers{width: 90%;position: relative; margin: 0 auto;padding: 0;}
	

	header.centerBlock{
		width: 100%;
		height: auto;	
		position: relative;
	}
	
	.page-node-645, .page-node-652, .page-node-633 {background-color: #1a171b;}
		#node-645 > .content > .field-name-body > .field-items, #node-652 > .content > .field-name-body > .field-items, #node-653 > .content > .field-name-body > .field-items{width: 70%;}
	.node-born-in-switzerland{min-height: 500px;}
	.node-born-in-switzerland .field-name-body{width: 280px;}


	header h1{
		width: 100%;
		position: relative;
		z-index: 100;
		margin-top: 0;
		padding: 5% 0;
		text-align: center;	
		background-image: linear-gradient(bottom, rgb(204,209,212) 35%, rgb(251,250,255) 100%);
		background-image: -o-linear-gradient(bottom, rgb(204,209,212) 35%, rgb(251,250,255) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(204,209,212) 35%, rgb(251,250,255) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(204,209,212) 35%, rgb(251,250,255) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(204,209,212) 35%, rgb(251,250,255) 100%);	
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.35, rgb(204,209,212)),
			color-stop(1, rgb(251,250,255))
		);
	}
	
	#carreLogo{display: none;}
	
	header h1 img{
		width: 35%;
	}
	
	.image_petit, .image_02, .image_03, .image_04{display: none;}
	.fleches{display: none;}
	.images_grandes{float: none;width: auto !important;margin: 0 0 5% 0 !important;}

	.image_01, .image_01 img{
		width: 100%;	
		height: auto;
	}
	
	header nav{
		position: relative;
		padding: 0 !important;
		margin: 0;
		width: 100%;	
		height: auto !important;
		background-color: #F0EFEE;
		border-bottom: none;
		-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
	}
	
		header nav>ul.menu{
			position: relative;
			height: auto;	
		}
	
		header nav>ul.menu>li{
			width: 100%;
			position: relative;	
			height: auto;
			margin: 0;
			border-bottom:  #808285 1px solid;
		}
		
		
	
		header nav>ul.menu>li:hover a, header nav > .menu > li:hover a, header nav > .menu > li.active-trail a{
			border-bottom: none;	
		}
	
	.page-node-645 header nav>ul.menu>li a, .page-node-652 header nav>ul.menu>li a, .page-node-653 header nav>ul.menu>li a{color:#000 !important;}
		
		header nav>ul.menu:last-child{
			border-bottom: none;	
		}
	
	header nav > .menu > li.last{margin-right:0;}
	
		header nav>ul>li>a{
			display: block;
			width: 100%;
			height: 32px;
			text-align: center;
			background-color: #F0EFEE;
			padding-top: 15px;
			border-bottom: none;
		}
		
	
		
		header nav>ul>li>a.active-trail, header nav>ul>li:hover ul li{border-bottom: none;}
		
		header nav>ul.menu>li>a.active-trail, header nav>ul.menu>li>a.active{
			color: #FA933C;
			border-bottom: none !important;
		}
		
		header nav>ul.menu>li>ul>li{
			position: relative;
			display: block;
			width: 50%;
			margin: 0 auto;
			height: 27px;
			text-align: center;
			background-color: #F0EFEE;
			padding-top: 8px;
			border-top: #aaa 1px dotted;
		}
		
		header nav > .menu li ul li.first{
			padding-top: 6px;
		}
		
		header nav>ul>li>ul>li.last{
			margin-bottom: 15px;	
			border-bottom: #aaa 1px dotted;
		}
	
		header nav a:hover{
			color: #000;
		}
		
		#langChoiceSelect{
			position: absolute;
			right: 5px;
			width: 30px;
			top: -0.875em;
			z-index: 999;	
			padding-top: 3px;			
			padding-left: 5px;
			padding-bottom: 2px;
			background: url(../img/earth.png) center center no-repeat #fff;
			background-size: 20px;
			overflow: hidden;
		}
		
			#langChoiceSelect select{
				background: transparent !important;
			   	width: 50px;
			   	line-height: 1;
			   	border: 0;
			   	border-radius: 0;
			   	-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				overflow: hidden;
				text-align: right;
			}
			
			#langChoiceSelect option{
				text-align: left;
			}
	
	.introTexte{
		width: 100%;	
	}
	
	.introTexte p{
		width: 90%;
		margin: 0 auto;	
	}
	
	.overview a{
				width: 50%;	
				height: 50%;
				overflow: hidden;
			}
	
	.onetwo{margin-top: 70px;padding-bottom: 30px;background: none;}
	
	.onetwo article{margin-top: 15px;}
	
	.homeContent > aside, aside{width: 100%;}
	
	
	.introTexte .bx-wrapper{display: none;}
	
	.teasers > h2{width: 100%}
	.teasers .bx-wrapper {
    margin-top: 50px;
}

		.field-name-field-block-list.field-type-field-collection>.field-items>.field-item{width:95%;}


.teasers .bx-wrapper .bx-controls{top: -25px;width: 70%;}
.node-product-combination .field-name-field-image-lightbox{display:none;}
	
	.node-product-combination .textSlide, .node-product-combination .field-name-field-combination-image{float: none;}
	.node-product-combination .field-name-field-combination-image img{width: 100%;height: auto;}
	.node-product-combination{border:none;padding-bottom:0;}
	.product{padding-top: 5px;padding-bottom:7px;width: auto;}
		.formCat{width: 90%;}
	.product_content{padding-top: 0;margin-top: 0;}
	
	.product_quality{
		min-height: 10px;
		margin-bottom: 10px;	
	}
	
	.product_img{
		position: relative;
		height: auto;
		/*text-align: center;*/
		width:100%;
		left: 0;
		cursor: auto;
		top:0;
	}
		
	.large{display: none;}
	
	.product_img .small img{width: 100%;height: auto;}
	
	
	.product_content>article{width: auto;}
	
	.product_content>article ul{width: 100%;}
	
	ul.product_detail_pics{width: 130%;height: auto;margin-top: 0;}
	
	ul.product_detail_pics li{
		position: relative;
		width: 18%;
		height: 18%;	
		margin-right: 2%;
	}
	
	ul.product_detail_pics li img{margin-right: 4px;width: 100%;height: auto;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
	
	}

	.product_specification{
		min-height: 100px;	
	}
	
	.product_content>aside{width: auto;}
	
	.product_links{
		margin-top: 15px;	
	}
	
		/*Contact*/
	
		
		.contact{
		margin-top: 0}
		
		.contact .introTexte p{
		width: 80%;	
	}
	
	.contact .form{
			width: 95%;	
		}

	
	input, .form-textarea-wrapper textarea{
		width: 100%;
	}
	
		#productsForm input, #productsForm select, #productsForm textarea, #productsForm #address, #productsForm #city{
		width: 100% !important;
		margin-left: 0;
		max-width: 1000px;
		margin-bottom: 5px;
		margin-top: 5px;	
	}

	
	
	.contact aside{
		width: 100%;
		margin-left: 0;
	}
	
	.contact aside strong{
		color: #F2980E;	
		margin-bottom: 1em;
	}
	
	.contact aside p{
		margin:  0;	
		font-weight: 300;
	}
	
	.contact aside .field-item{
		margin: 10px 0 30px 0;	
	}
		
		
	
		
	footer{
		box-shadow: 0 -1px 0 0 #808285 !important;	
		border-top: none !important;	
		background-color: #F0EFEE;
		padding-bottom: 15px;
		padding-top: 15px;
		margin-left: 0px !important;
		padding-left: 0px !important;
		color: #555;
		
	}
	
		footer nav{display: none;}
		
		.footerContent{padding: 0; margin: 0 auto;}
		
		.otherNav{padding: 0;}
		
		.otherNav a{border-right: 1px solid #f2980e}
		
		.otherNav a:last-child, .otherNav a:nth-last-child(2) {
			display:none;	
		}
		
			#form #textFrom label{
		clear: both;
		margin-left: 0;	
	}

	footer a{color:#aaa;}
	footer br{display:block;margin-bottom:10px;}	
	


}


@media only screen and (-webkit-min-device-pixel-ratio: 2){
	/* Style adjustements for retina display and very hight resolution display (including retina display)*/
		
	
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
	
	.image_petit_cadre{background: url("../img/image_petit_cadre.png") no-repeat scroll 0 0 transparent !important;}
	
	


    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	
	footer nav, #block-locale-language, .contextual-links-wrapper, .overlay-disable-message, .image_petit{display: none;}
	
	section.introTexte h1{font-weight: 700;}
	
	.introTexte{height: auto;border: none;}
	
	.onetwo{
		margin-top: 40px;	
		min-height: 0px !important;
	}
	
	.bx-wrapper{display: none;}

}


/**** IE ****/

.product hgroup h2{
	margin-top: 12px\9;
}

			.product_links a{
				overflow: hidden;	
			}
				.product_links a.tw_link{
					background-position: -27.5px\9 -27px;
				}
				
				.product_links a.tw_link:hover{
					background-position: -27.5px\9 0;
				}
				
				.product_links a.ma_link{
					background-position: -55px\9 -27px;
				}
				.product_links a.ma_link:hover{
					background-position: -55px\9 0;
				}
				
				.product_links a.pr_link{
					background-position: -82px\9 -27px;
				}
				
				.product_links a.pr_link:hover{
					background-position: -82px\9 0;
				}



/***  CSS NOISE***/

.noise {
	position: relative;
	z-index: 1;
	}
		
.noise:before, .body-noise:before {
	content: "";
	position: absolute;
	z-index: -1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);

	}

/*** SNIPPET ENDS ***/

/*JS CSS PLUGINS*/
/* AnythingZoomer */
.az-wrap, .az-small, .az-large {
	position: relative;
}
.az-wrap-inner {
	display: block;
	margin: 0; /* center small & large content */
}
/* This wraps the large image and hides it */
.az-zoom {
	background: #fff;
	border: #ddd 2px solid;
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 150px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	-ms-border-radius: 75px;
	-o-border-radius: 75px;
	border-radius: 75px;
					
	overflow: hidden;
	z-index: 1000;
	display: none;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
	overflow: hidden;
	position: absolute;
	cursor: none;
	right: 0;
	top: 0;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
	height: auto;
	width: auto;
	position: static;
	overflow: visible;
}

/* overlay small area */
.az-overlay {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/

/* edit mode coordinate styling */
.az-coords {
	display: none; /* hidden when expanded */
}
.az-zoom .az-coords {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.5);
	color: #fff;
}