@font-face {
	font-family: 'opensanslight';
	src: url('fonts/opensans-light.eot');
	src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light.woff') format('woff'), url('fonts/opensans-light.ttf') format('truetype'), url('fonts/opensans-light.svg#opensanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensansregular';
	src: url('fonts/opensans-regular.eot');
	src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular.woff') format('woff'), url('fonts/opensans-regular.ttf') format('truetype'), url('fonts/opensans-regular.svg#opensansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensanssemibold';
	src: url('fonts/opensans-semibold.eot');
	src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold.woff') format('woff'), url('fonts/opensans-semibold.ttf') format('truetype'), url('fonts/opensans-semibold.svg#opensanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensansbold';
	src: url('fonts/opensans-bold.eot');
	src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold.woff') format('woff'), url('fonts/opensans-bold.ttf') format('truetype'), url('fonts/opensans-bold.svg#opensansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {font-family: 'ridleygrotesk-regular';
src: url('fonts/Ridley/Regular/ridleygrotesk-regular-webfont.eot');
src: url('fonts/Ridley/Regular/ridleygrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Ridley/Regular/ridleygrotesk-regular-webfont.woff2') format('woff2'),
	url('fonts/Ridley/Regular/ridleygrotesk-regular-webfont.woff') format('woff'),
	url('fonts/Ridley/Regular/ridleygrotesk-regular-webfont.ttf') format('truetype');
}
 
 
@font-face {font-family: 'ridleygrotesk-light';
src: url('fonts/Ridley/Light/ridleygrotesk-light-webfont.eot');
src: url('fonts/Ridley/Light/ridleygrotesk-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Ridley/Light/ridleygrotesk-light-webfont.woff2') format('woff2'),
	url('fonts/Ridley/Light/ridleygrotesk-light-webfont.woff') format('woff'),
	url('fonts/Ridley/Light/ridleygrotesk-light-webfont.ttf') format('truetype');
}
 
strong{
	font-weight: bold;
}

.hidden {
	display: none !important;
	visibility: hidden;
}
.red {
	color: #535961
}
.not_for_desktop {
	display: none;
}
.for_tablet_only{
	display: none;
}
.for_mobile_only{
	display: none;
}
.for_mobile{
	display: none;
}


.orange {
	color: #C93C42;
}

@media screen and (max-width: 820px) {
	.for_tablet_only {
		display: block;
	}
	.not_for_tablet {
		display: none;
	}
	.not_for_desktop {
		display: block;
	}
	.for_desktop_only{
		display: none;
	}
}

@media screen and (max-width: 479px) {
	.for_tablet_only {
		display: none;
	}
	.not_for_mobile {
		display: none;
	}
	.for_mobile_only{
		display: block;
	}
	.for_mobile{
		display: block;
	}
}


.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.7; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.7; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.7; }
    100% { opacity: 1.0; }
}

.upper{
	text-transform: uppercase;
}


.ajax-loader {
	width: 100%;
	margin-top: 0;
	text-align: center;
}
html, body {
	background-color: #ffffff;
	color: #363636;
	height: 100%;
	width: 100%;
	font-family: 'opensansregular';
	font-size: 14px;
	line-height: 20px;
}
img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(255, 255, 255);
}
h1, h2, h3, h4, .subtitle {
	font-family: 'ridleygrotesk-regular';
	text-transform: uppercase;
}

p{
	margin-bottom: 30px;
}
html, body, p{
	font-size: 15px;
	line-height: 24px;
}

h1{
	font-size: 44px;
	line-height: 50px;
    margin-bottom: 38px;
}
h2{
	font-size: 39px;
    line-height: 41px;
    letter-spacing: 0.02em;
    margin-bottom: 36px;
}

#panocontainer h2 {
	font-size: 25px;
    line-height: 27px;
    letter-spacing: 0.02em;
    margin-bottom: 32px;
	
}


h1.faq, h2.faq, h3.faq {
	background-image: url(img/h_faq.png);
}
h1.loupe {
	background-image: url(img/h_loupe.png);
}
h1.offre, h2.offre {
	background-image: url(img/h_offre.png);
}
h1.entreprise, h2.entreprise {
	background-image: url(img/h_entreprise.png);
}
h1.presentation, h2.presentation {
	background-image: url(img/h_presentation.png);
}
h1.temoignage, h2.temoignage {
	background-image: url(img/h_temoignage.png);
}
h1.oeil, h2.oeil {
	background-image: url(img/h_oeil.png);
}
h1.mano, h2.mano {
	background-image: url(img/h_main.png);
}
h1.journal, h2.journal {
	background-image: url(img/h_journal.png);
}
h1.face, h2.face {
	background-image: url(img/h_face.png);
}

h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 58px;
    	padding-top: 6px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 52px 52px;
}
h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
    	min-height: 60px;
    	padding-top: 20px;
	    padding-left: 66px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 60px 60px;
}
h3.faq {
    	min-height: 32px;
    	padding-top: 0px;
	    padding-left: 36px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 32px 32px;
}
.h2subtitle{
	text-transform: uppercase;
	font-size: 17px;
	margin-bottom: 0px;
}

h3{
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 18px;
    color: #000000;
    margin-bottom: 16px;
}

h3.minibottom{
    margin-bottom: 4px;
    font-family: 'ridleygrotesk-light';
}


.subtitle{
	font-weight: bold;
	font-size: 21px;
    letter-spacing: 0.02em;
	margin-bottom: 33px;
}
	.bloc{
		position: relative;
		display: block;
		clear: both;
		margin-bottom: 68px;
	}
	
@media screen and (max-width: 1920px) {
	
	h1{
		font-size: 40px;
		line-height: 46px;
	    margin-bottom: 28px;
	}
}	
@media screen and (max-width: 1680px) {
	p{
		margin-bottom: 24px;
	}
	html, body, p{
		font-size: 13px;
		line-height: 19px;
	}
	h1{
		font-size: 36px;
		line-height: 44px;
    	margin-bottom: 20px;
	}
	h2{
		font-size: 32px;
	    line-height: 34px;
	    letter-spacing: 0.02em;
    	margin-bottom: 28px;
	}
	
	#panocontainer h2 {
		font-size: 24px;
	    line-height: 26px;
	    letter-spacing: 0.02em;
	    margin-bottom: 30px;
		
	}
	
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	min-height: 50px;
	    	padding-top: 16px;
		    padding-left: 56px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 50px 50px;
	}
	h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 50px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 50px 50px;
	}
	h3.faq {
	    	min-height: 32px;
	    	padding-top: 0px;
		    padding-left: 36px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 32px 32px;
	}
	.h2subtitle{
		text-transform: uppercase;
		font-size: 18px;
	}
	h3{
	    font-size: 16px;
	    letter-spacing: 0.02em;
	    line-height: 20px;
    	margin-bottom: 16px;
	}

	.subtitle{
		font-size: 16px;
		margin-bottom: 22px;
	}
	.bloc{
		margin-bottom: 60px;
	}

}




@media screen and (max-width: 1366px) {
	p{
		margin-bottom: 14px;
	}
	html, body, p{
		font-size: 12px;
		line-height: 19px;
	}
	h1{
		font-size: 34px;
		line-height: 36px;
    	margin-bottom: 44px;
	}
	h2{
		font-size: 26px;
	    line-height: 28px;
	    letter-spacing: 0.02em;
   		margin-bottom: 18px;
	}
	
	#panocontainer h2 {
		font-size: 22px;
	    line-height: 24px;
	    letter-spacing: 0.02em;
	    margin-bottom: 28px;
		
	}
	
	
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	min-height: 46px;
	    	padding-top: 16px;
		    padding-left: 50px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 44px 44px;
	}
	h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 44px;
	    padding-top: 4px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 40px 40px;
	}
	h3.faq {
	    	min-height: 32px;
	    	padding-top: 0px;
		    padding-left: 36px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 32px 32px;
	}
	.h2subtitle{
		text-transform: uppercase;
		font-size: 18px;
	}
	h3{
	    font-size: 13px;
	    letter-spacing: 0.02em;
	    line-height: 17px;
	}

	.subtitle{
		font-size: 15px;
		margin-bottom: 18px;
	}
	.bloc{
		margin-bottom: 40px;
	}

}


@media screen and (max-width: 1024px) {
	p{
		margin-bottom: 14px;
	}
	html, body, p{
		font-size: 13px;
		line-height: 18px;
	}
	h1{
		font-size: 30px;
		line-height: 30px;
    	margin-bottom: 38px;
	}
	h2{
		font-size: 24px;
	    line-height: 22px;
	    letter-spacing: 0.02em;
   		margin-bottom: 16px;
	}
	
	#panocontainer h2 {
		font-size: 20px;
	    line-height: 22px;
	    letter-spacing: 0.02em;
	    margin-bottom: 23px;
		
	}
	
	
	
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	min-height: 40px;
	    	padding-top: 12px;
		    padding-left: 40px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 36px 36px;
	}
	h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 34px;
	    padding-top: 2px;
	    min-height: 32px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 32px 32px;
	}
	h3.faq {
	    	min-height: 32px;
	    	padding-top: 0px;
		    padding-left: 34px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 32px 32px;
	}
	
	.h2subtitle{
		text-transform: uppercase;
		font-size: 15px;
	}
	h3{
	    font-size: 14px;
		letter-spacing: 0.02em;
	    line-height: 19px;
	}

	.subtitle{
		font-size: 13px;
		margin-bottom: 12px;
	}
	.bloc{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 820px) {
	p{
		margin-bottom: 20px;
	}
	html, body, p{
		font-size: 13px;
	}
	h1{
		font-size: 32px;
		line-height: 33px;
    	margin-bottom: 28px;
	}
	h2{
		font-size: 24px;
	    line-height: 22px;
	    letter-spacing: 0.02em;
   		margin-bottom: 12px;
	}
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	min-height: 40px;
	    	padding-top: 10px;
		    padding-left: 36px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 32px 32px;
	}
	h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 34px;
	    padding-top: 2px;
	    min-height: 32px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 32px 32px;
	}
	h3.faq {
	    	min-height: 32px;
	    	padding-top: 0px;
		    padding-left: 36px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 32px 32px;
	}
	.h2subtitle{
		text-transform: uppercase;
		font-size: 12px;
	}
	h3{
	    font-size: 16px;
		letter-spacing: 0.02em;
	    line-height: 20px;
	}

	.subtitle{
		font-size: 14px;
		margin-bottom: 12px;
	}
	.bloc{
		margin-bottom: 46px;
	}
}

@media screen and (max-width: 479px) {
	p{
		margin-bottom: 14px;
	}
	html, body, p{
		font-size: 12px;
	}
	h1{
		font-size: 23px;
		line-height: 26px;
    	margin-bottom: 20px;
	}
	h2{
		font-size: 20px;
	    line-height: 22px;
	    letter-spacing: 0.02em;
   		margin-bottom: 8px;
	}
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	 min-height: 34px;
	    	padding-top: 7px;
		    padding-left: 32px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 28px 28px;
	}
	h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 32px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 26px 26px;
	}
	h3.faq {
	    	min-height: 24px;
	    	padding-top: 0px;
		    padding-left: 24px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 24px 24px;
	}
	.h2subtitle{
		text-transform: uppercase;
		font-size: 13px;
	}
	h3{
	    font-size: 13px;
		letter-spacing: 0.02em;
	    line-height: 15px;
	}

	.subtitle{
		font-size: 11px;
		margin-bottom: 12px;
	}
	.bloc{
		margin-bottom: 34px;
	}

	
	
}


@media screen and (max-width: 375px) {
	p{
		margin-bottom: 14px;
	}
	html, body, p{
		font-size: 12px;
	}
	h1{
		font-size: 21px;
		line-height: 23px;
    	margin-bottom: 14px;
	}
	h2{
		font-size: 19px;
	    line-height: 20px;
	    letter-spacing: 0.02em;
   		margin-bottom: 6px;
	}
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	min-height: 40px;
	    	padding-top: 7px;
		    padding-left: 32px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 28px 28px;
	}
	h1.oeil, h1.mano , h1.journal , h1.face , h1.temoignage , h1.presentation , h1.offre , h1.entreprise , h1.faq , h1.loupe {
	    padding-left: 32px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 26px 26px;
	}
	.h2subtitle{
		text-transform: uppercase;
		font-size: 12px;
	}
	h3{
	    font-size: 13px;
		letter-spacing: 0.02em;
	    line-height: 15px;
	}

	.subtitle{
		font-size: 11px;
		margin-bottom: 12px;
	}
	.bloc{
		margin-bottom: 34px;
	}
}


@media screen and (max-width: 360px) {
	p{
		margin-bottom: 12px;
	}
	html, body, p{
		font-size: 12px;
	}
	h1{
		font-size: 18px;
		line-height: 23px;
    	margin-bottom: 14px;
	}
	h2{
		font-size: 17px;
	    line-height: 20px;
	    letter-spacing: 0.02em;
   		margin-bottom: 6px;
	}
	h2.oeil, h2.mano , h2.journal , h2.face , h2.faq {
	    	min-height: 40px;
	    	padding-top: 7px;
		    padding-left: 32px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
		    background-size: 28px 28px;
	}
	h1.oeil, h1.mano, h1.journal, h1.face {
	    padding-left: 32px;
	    background-position: 0px 0px;
	    background-repeat: no-repeat;
	    background-size: 26px 26px;
	}
	.h2subtitle{
		text-transform: uppercase;
		font-size: 12px;
	}
	h3{
	    font-size: 13px;
		letter-spacing: 0.02em;
	    line-height: 15px;
	}

	.subtitle{
		font-size: 11px;
		margin-bottom: 12px;
	}
	.bloc{
		margin-bottom: 34px;
	}
}



.twoCols{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
@media screen and (max-width: 820px) {
	.twoCols{
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	}
}


video,  iframe{
	width: 100%;
}

a {
	color: #161616;
	outline: 0;
}
a, a:visited, a:hover, a:focus, a:hover, a:active {
	text-decoration: none;
	outline: 0;
}
a:hover {
	color: #535961
	outline: 0;
}
input, textarea, select {
	font-family: 'opensansregular';
	background-color: #f2f2f2;
	color: #747474;
}
.myRadioGroup {
	margin-left: -20px;
}
.myRadio {
	position: relative;
}
.myRadio input[type=radio] {
	position: absolute;
	visibility: hidden;
}
.myRadio label {
	display: block;
	position: relative;
	padding: 0 0 0 48px;
	z-index: 9;
}
.myRadio .input_span {
	display: block;
	position: absolute;
	border: 8px solid #8c8c8c;
	border-radius: 100%;
	height: 14px;
	width: 14px;
	top: 2px;
	left: 20px;
	z-index: 5;
}
.myRadio.selected .input_span {
	border: 4px solid #8c8c8c;
	height: 16px;
	width: 16px;
}

.myselect{
	display: inline-block;
	margin-right: 8px;
}
.myselect label{
	text-transform: uppercase;
	margin-bottom: 8px;
	display: block;
	font-size: 13px;
	
}
.myselect select{
    border: 0;
    padding: 0px 6px 0 12px;
    font-size: 13px;
    line-height: 13px;
    z-index: 1;
    display: block;
    background: url(img/bt_select.png) no-repeat center right #f2f2f2;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
}


.myselect select option:nth-child(1){
}

@media screen and (max-width: 1680px) {

	.myselect label{
		margin-bottom: 6px;
		display: block;
		font-size: 12px;
	}
	.myselect select{
	    height: 28px;
	}
	.myRadio .input_span {
		top: 1px;
	}
	
}


@media screen and (max-width: 1024px) {

	.myselect label{
		font-size: 12px;
		margin-bottom: 6px;
		display: block;
	}
	.myselect select{
	    height: 26px;
	    padding: 0px 6px 0 12px;
	    font-size: 13px;
	    display: block;
	    background: url(img/bt_select.png) no-repeat center right #f2f2f2;
	}
	.myRadio .input_span {
		border: 7px solid #8c8c8c;
		height: 13px;
		width: 13px;
		top: 2px;
	}
	.myRadio label {
	    padding: 0 0 0 44px;
	}
	.myRadio.selected .input_span {
	    height: 13px;
	    width: 13px;
	}
}


@media screen and (max-width: 479px) {

	.myselect label {
	    margin-bottom: 4px;
	    font-size: 10px;
	}
	.myselect select {
	    width: 116px;
	    background: url(img/bt_select.png) no-repeat center right #f2f2f2;
	    font-size: 11px;
	    background-size: 14px 8px;
	    height: 22px;
	}
}


@media screen and (max-width: 360px) {

	.myselect label {
	    margin-bottom: 4px;
	    font-size: 10px;
	}
	.myselect select {
	    width: 106px;
	    background: url(img/bt_select.png) no-repeat center right #f2f2f2;
	    font-size: 11px;
	    background-size: 10px 6px;
	    height: 22px;
	}
}



 .infos a, .overlayBox .button, .overlayBox h1, .overlayBox .title, .title, .bt, .bottom, 
.smenu li a, .overlayBox .bouton, .footer .logo span, .subtitle, .page_6 .filtres li a, #a-propos .left p, .page_1 #apropos .chiffre, 
.page_1 #apropos .chiffre .valeur  {
	font-family: 'ridleygrotesk-regular' ;
}


.fancybox-title-float-wrap .child div{
	font-family: 'opensanslight' ;
}




.bt, .bt:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
}


.bt {
    border: none;
    color: #ffffff;
    background-color: #7f7f7f;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 22px;
    text-align: center;
    vertical-align: middle;
}

.bt:hover {
	color: #7f7f7f;
	background-color: #f2f2f2;
}
.bt.selected {
	color: #ffffff;
	background-color: #363636;
}

.bt.selected:hover {
	color: #7f7f7f;
	background-color: #f2f2f2;
}


.bt_1 {
    background-color: #7f7f7f;
    color: #f2f2f2;
    border: 1px solid #f2f2f2;	
}
.bt_1:hover {
	color: #707171;
    background-color: #dddddd;
}

@media screen and (max-width: 1680px) {
	.bt{
		padding: 0 18px;
    font-size: 12px;
	}

}

@media screen and (max-width: 1366px) {
	.bt{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		padding: 0 18px;
	}

}


@media screen and (max-width: 1024px) {
	.bt {
	    font-size: 12px;
	    padding: 0 14px;
	}
}


@media screen and (max-width: 820px) {

	.bt {
	    height: 30px;
	    line-height: 30px;
	    font-size: 11px;
	}
}


.left50 {
	float: left;
	display: inline-block;
	margin-right: 30px;
	width: calc(50% - 15px);
	position: relative;
}
.right50 {
	float: left;
	display: inline-block;
	width: calc(50% - 15px);
	position: relative;
	vertical-align: top;
}
.left40 {
	float: left;
	display: inline-block;
	width: 40%;
	position: relative;
}
.right60 {
	float: left;
	display: inline-block;
	width: 60%;
	position: relative;
	text-align: right;
}

/* ************************************** STRUCTURE **************************************/

.main {
	width: 100%;
	text-align: center;
}
h1, h2, h3, .bloc, .bloc:after, .fullscreen, .inner, .content, #offset .fullscreen:after, .inner:after, .content:after, #offset:after, .smenu, .smenu:after, .bar_pages, 
.bar_pages:after, #news .right > div, #news .right > div:after, .bloc, .bloc:after, .page_4 #news .firstNews .news, .page_4 #news .firstNews .news:after,
.page_3 .bloc_crosse .ui-tabs-nav, .page_3 .bloc_crosse .ui-tabs-nav:after, .page_3 .bloc_crosse .crosse, .page_3 .bloc_crosse .crosse:after, 
.listnews, .listnews:after, .page_5 .socialBar, .page_5 .socialBar:after, .blocleft, .blocleft:after{
	position: relative;
	display: block;
	clear: both;
}
h1:after, h2:after, h3:after, .bloc, .bloc:after, .fullscreen:after, .inner:after, .content:after, #offset:after, .smenu:after, .bar_pages:after, #news .right > div:after, .bloc:after, 
.page_4 #news .firstNews .news:after, .page_3 .bloc_crosse .ui-tabs-nav:after, .page_3 .bloc_crosse .crosse:after, .listnews:after, .page_5 .socialBar:after, .blocleft:after {
	display: block;
	clear: both;
	content: '';
}
.fullscreen {
	width: 100%;
	text-align: center;
	/*background-color: #535961*/
}
.inner {
	width: calc(100% - 200px);
	margin: 0 100px;
	text-align: center;
	/*background-color: #00ff00;*/
}
.content {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	/*background-color: #0000ff;*/
}

@media screen and (max-width: 1920px) {
	.inner {
		width: calc(100% - 180px);
		margin: 0 90px;
	}
}
@media screen and (max-width: 1680px) {
	.inner {
		width: calc(100% - 160px);
		margin: 0 80px;	
	}
	.content {
		width: 960px;
	}	
}
@media screen and (max-width: 1366px) {
	.content {
	    width: 960px;
	}
	.content.toolbox_content {
	    width: 790px;
	}
	
}



@media screen and (max-width: 1024px) {
	.inner {
		width: calc(100% - 100px);
		margin: 0 50px;
	}
	.content, .content.toolbox_content {
		width: 100%;
	}
}


@media screen and (max-width: 820px) {
	.inner {
		width: calc(100% - 72px);
		margin: 0 36px;
	}
}

@media screen and (max-width: 767px) {
	.inner {
		width: calc(100% - 100px);
		margin: 0 50px;
	}
}



img.pdf{
	width: auto;
	height: auto;
	margin-right: 6px;
}



/* ************************************** HEADER  **************************************/

.menu a:hover, .smenu a:hover, .menu a.selected, .smenu a.selected,  
.footer .menu a.selected, .footer .tools a.selected, .footer .menu a:hover, .footer .tools a:hover,
.bar_pages a.selected, .bar_pages .tools a.selected, .bar_pages a:hover, .bar_pages .tools a:hover,
.bar_mobile #smenu .lang a.selected, .bar_mobile #smenu .lang a:hover {
	color: #000000;
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

.menu a.smartlum:hover, .menu a.smartlum.selected, .footer .menu a.smartlum.selected, .footer .menu a.smartlum:hover, 
.bar_pages a.smartlum.selected, .bar_pages a.smartlum:hover, .bar_mobile .menu a.smartlum.selected, .bar_mobile .menu a.smartlum.smartlum:hover{
	color: #000000;
}


.menu a.selected, .smenu a.selected, 
.footer .menu a.selected, .footer .tools a.selected,
.bar_pages a.selected, .bar_pages .tools a.selected,
.bar_mobile #smenu .lang a.selected {
	/*font-weight: bold;*/
	color: #C93C42;
}

.bar_home .inner, .bar_pages .inner {
	height: 100%;
}
.bar_home {
	height: 140px;
	z-index: 101;
	position: absolute;
	background: url(img/bar_home-back.png) repeat center fixed;
	background-color: none;
}

/*
body:not(.page_1) .bar_pages{
	position: fixed;
}
*/

.hamburger {
	display: none;
}
.logo {
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.logo a{
	display: inline-block;
	height: 100%;
}
.logo img {
	width:auto;
	height: auto;
}
.infos {
	float: right;
	position: absolute;
	right: 0;
	top: 26px;
	height: 58px;
}
.menu, .tools {
	text-align: right;
}
.tools {
	margin-bottom: 22px;
	color: #535961;
}
.ref_menu_alt {
	display: inline;
	padding-top: 2px;
}


.menu li {
	display: inline;
	margin-left: 16px;
	position: relative;
	height: auto;
}


.menu li.for_mobile_only {
	display: none;
}
.ref_menu_alt a {
	display: inline;
	margin-left: 16px;
}
.ref_menu_alt a.not_for_desktop {
	display: none;
}


.menu a, .bar a {
	text-transform: uppercase;
	font-size: 14px;
	color: #535961;
}
.menu_puce {
	position: absolute;
	bottom: -20px;
	left: -6px;
	width: auto;
	height: auto;
	display: none;
}
.infos .tools {
	height: 24px;
	overflow-y: hidden;
	vertical-align: top;
	position: relative;
}
.infos .tools>div {
	display: inline-block;
	height: 100%;
	vertical-align: top;
	position: relative;
}

.social_ico{
	width: 24px;
	height: 100%;
	display: inline-block;
	margin-right: 4px;
}
.social_ico img{
	width: 100%;
	height: auto;
}
.socialfooter{
	display: none;
}


.bar .selected {
	color: #000000;
}
.infos .tools .form_search{
}

#form_search {
	display: inline-block;
	margin-left: 12px;
	padding-top: 1px;
	position: relative;
}
#form_search #s_search {
	border: 0;
	width: 250px;
	height: 24px;
	padding: 0px 22px 0 8px;
	font-size: 13px;
	line-height: 12px;
	z-index: 1;
	background-color: #aaaaaa;
	color: #f3f3f3;
	text-transform: uppercase;
}
#form_search #search_bt {
	border: 0;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 2;
	background: none;
}
#bar_fixed {
	z-index: 101;
	position: fixed;
	top: 0;
	display: none;
}
.bar_pages {
	z-index: 101;
	height: 140px;
	position: relative;
	background-color: #f2f2f2;
}
.first_content{
	margin-top: 42px;
}
#sticky-wrapper{
	z-index: 101;
}
.bar_pages a, .bar_pages .tools a, .bar_pages .lang {
	color: #454545;
}
.selected {
	color: #535961
}
.bar_mobile {
	z-index: 110;
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-top: 40px;
}
#offset {
	display: none;
	position: fixed;
	height: 100%;
}
.bar_mobile .panels {
	width: 100%;
	height: calc(100% - 60px);
	top: 60px;
	overflow: hidden;
	position: absolute;
}
#smenu_1 {
	margin-top: 28px;
}
#smenu_2 {
	margin-top: 50px;
}
.smenu {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.smenu>div {
	overflow: auto;
	width: 100%;
	height: auto;
	display: none;
	overflow: hidden;
}
.footer .infos {
	float: none;
}


@media screen and (max-width: 1920px) {

	.logo img {
		width: 360px;
		height: auto;
	}
}

@media screen and (max-width: 1680px) {
	

	.logo img {
		width: 320px;
		height: auto;
	}
	.bar_home {
		height: 124px;
	}
	.bar_pages {
		height: 124px;
	}
	.infos {

	}
	.logo {

	}
	.tools {
		margin-bottom: 16px;
	}
	.menu a, .bar .tools a {
		font-size: 13px;
	}
	#form_search #s_search {

	}
}


@media screen and (max-width: 1366px) {
	.bar_home {
		height: 106px;
	}
	.bar_pages {
		height: 106px;
	}
	.infos {
		bottom: -6px;
	}

	.infos .tools{
		margin-bottom: 14px;
    	height: 22px;
	}
	.social_ico {
    	width: 22px;
	}
	.menu li {
	    margin-left: 8px;
	}
	.menu a, .bar .tools a {
		font-size: 12px;
	}
	#form_search #s_search {
		width: 220px;
		height: 22px;
		padding: 0px 22px 0 8px;
	}
	
	#form_search #search_bt {
	    width: 15px;
	    height: 15px;
	    top: 4px;
	}
	
}



@media screen and (max-width: 1024px) {
	.bar_home {
	    height: 120px;
	}
	.bar_pages {
		height: 120px;
	}
	.first_content{
		margin-top: 32px;
	}
	.menu a, .bar .tools a {
		font-size: 13px;
		letter-spacing: -0.036em;
	}
	.menu li {
		margin-left: 5px;
	}
	#form_search #search_bt {
		right: 6px;
	}
	
	.menu {
		width: 500px;
	}
	
}
@media screen and (max-width: 820px) {
	
	.logo img {
		width: 360px;
		height: auto;
	}
	
	
	.bar_home {
	    height: 138px;
	}
	.bar_pages {
		height: 138px;
	}
	.bar_mobile .smenu ul {
		text-align: left;
		background-color: #e6e6e6;
	}
	.bar_mobile .inner {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.bar_mobile .panels {
		height: 100%;
		width: 200%;
		position: relative;
	}
	.bar_mobile .panels .back {
		float: right;
		display: inline-block;
		font-family: 'ridleygrotesk-bold';
		font-size: 14px;
		color: #4b4b4b;
		clear: right;
	}
	.bar_mobile .panel {
		height: 100%;
		width: 50%;
		position: absolute;
		right: 0;
		z-index: 2;
		padding: 156px 76px 0 76px;
	}
	
	.bar_mobile #smenu {
		left: 0;
		right: auto;
		z-index: 1;
	}
	.tools, .menu {
		display: none;
	}
	.bar_mobile .inner {
		height: 100%;
	}
	.bar_mobile .tools, .bar_mobile .menu {
		display: block;
		text-align: left;
	}
	.bar_mobile .menu{
		margin-bottom: 66px;
	}
	.hamburger {
		display: block;
		margin-top: 24px;
	}
	.hamburger img {
		width: 53px;
		height: auto;
		
	}
	.bar_mobile {
		padding-top: 15px;
		background-color: #e6e6e6;
	}
	.bar_mobile .menu a, .tools a {
		color: #4b4b4b;
		font-size: 16px;
		letter-spacing: 0em;
	}
	.bar_mobile .menu a.selected, .tools a.selected {
		color: #C93C42;
	}
	.bar_mobile .menu li {
		display: block;
		margin-bottom: 32px;
		margin-left: 0px;
	}
	.bar_mobile .tools {
		margin-top: 12px;
	}
	.bar_mobile .tools a {
		display: inline-block;
		width: auto;
		margin-bottom: 0px;
		margin-right: 20px;
		color: #000000;
	}
	
	.bar_mobile #smenu>div {
		position: relative;
	}
	.bar_mobile .logo {
		bottom: auto;
		top: -15px;
		left: 50px;
	}
	.bar_mobile .infos {
		bottom: auto;
		top: 0;
		right: 50px;
	}
	.bar_mobile .smenu h1 {
		color: #4b4b4b;
		margin-bottom: 58px;
		font-size: 32px;
		float: left;
		display: inline-block;
		width: auto;
		letter-spacing: -0.05em;
	}
	.bar_mobile .smenu li.not_for_tablet {
		display: none;
	}
	.bar_mobile .smenu {
		text-align: left;
		background-color: #e6e6e6;
	}
	.bar_mobile .sf_menu {
		position: relative;
		right: auto;
		width: auto;
		padding: 0 0 0 0;
	}
	
	.bar_mobile .smenu_luminaires ul, .bar_mobile .smenu_appareillages #sf_menu_appareillages_2 {
	    display: block;
	    clear: both;
	    height: 70%;
	    overflow-y: scroll;
	}
	
	
	.bar_mobile .sf_menu li {
	    height: 52px;
	}
	.bar_mobile .sf_menu a {
	    color: #4b4b4b;
	    font-size: 16px;
	    letter-spacing: 0em;
	}
	.bar_mobile #smenu .lang{
		position: absolute;
		top: 0;
		right: 0;
		font-size: 16px;
	}
	.bar_mobile #smenu .lang a{
		font-size: 16px;
		color: #4b4b4b;
	}	
	.bar_mobile #smenu .form_search{
		position: absolute;
		height: 60%;
		width: 60%;
		background-color: #cac8c8;
		top: 20%;
		left: 20%;
		padding: 14% 5%;
		text-align: left;
	}
	.bar_mobile #smenu #form_search{
		  margin-left: 0;
	}
	
	.bar_mobile #smenu .form_search #s_search {
		margin-top: 10%;
	    width: 210px;
	    height: 32px;
	    padding: 0px 22px 0 8px;
	    font-size: 16px;
	}
	.bar_mobile #smenu .form_search #search_bt {
	    border: 0;
	    width: 16px;
	    height: 16px;
	}
	.bar_mobile #smenu .form_search .close_search {
		width: 30px;
		height: auto;
		position: absolute;
		top: 18px;
		right: 18px;
	}
	.bar_mobile #smenu .form_search h1{
	    font-size: 26px;
	}
	.bar_mobile #smenu .form_search{
		display: none;
	}

	
	
}
@media(max-width: 767px) {
	.bar_home {
	    height: 118px;
	}
	.bar_pages {
		height: 118px;
	}
	.bar_mobile .logo {
	    left: 34px;
	}
	.hamburger {
	    display: block;
	    margin-top: 10px;
	}	
	.bar_mobile #smenu .form_search{
		position: absolute;
		height: 80%;
		width: 80%;
		top: 14%;
		left: 10%;
		padding: 20% 8%;
	}
	.bar_mobile #smenu .form_search h1{
	    font-size: 22px;
	}
	.bar_mobile #smenu .form_search .close_search {
		width: 28px;
		top: 18px;
		right: 18px;
	}
	.bar_mobile #smenu .form_search #s_search {
		width: 100%;
	}
	.inner {
	    width: calc(100% - 72px);
	    margin: 0 34px;
	}
	
	.bar_mobile .infos {
	    right: 34px;
	}


	#menu_mobile {
		bottom: 0px;
	}
	.bar_mobile .panel {
		padding: 90px 34px 0 34px;
	}

	.smenu {
		width: 100%;
		text-align: center;
		overflow: hidden;
		/*height: 136px;*/
	}
	.bar_mobile .menu li {
		margin-bottom: 19px;
	}
	.bar_mobile .smenu h1 {
		margin-bottom: 36px;
		font-size: 22px;
	}
	.bar_mobile .smenu li.not_for_mobile {
		display: none;
		visibility: hidden;
		width: 0px;
	}
	.bar_mobile .tools a {
		margin-bottom: 8px;
	}
	.bar_mobile .menu a, .tools a {
		font-size: 12px;
	}

	.bar_mobile .menu {
	    margin-bottom: 36px;
	}
	.bar_mobile .tools a {
	    margin-right: 6px;
	    font-size: 10px;
	}

	.bar_mobile .menu li.for_mobile_only {
	    position: absolute;
	    top: 0px;
	    right: 0;
	    text-align: right;
	}
	.bar_mobile #smenu .lang, .bar_mobile #smenu .lang a{
		font-size: 12px;
	}
	.bar_mobile .hamburger {
	    margin-right: 4px;
	}
	
	
	.logo {
		width: calc(100% - 90px);
		height: auto;
	}
	.logo img {
		width: 100%;
		height: auto;
	}
	
	
}


@media(max-width: 375px) {
	.inner {
	    width: calc(100% - 44px);
	    margin: 0 22px;
	}
	.hamburger img {
	    width: 43px;
	}
	.bar_mobile .logo {
	    left: 22px;
	}
	.bar_mobile .hamburger {
	    margin-right: -12px;
	}

}

@media(max-width: 360px) {
	.hamburger img {
	    width: 36px;
	}
	.inner {
	    width: calc(100% - 32px);
	    margin: 0 16px;
	}
	.bar_mobile .panel {
	    padding: 56px 24px 0 24px;
	}
	.bar_mobile .infos {
	    right: 24px;
	}
	.bar_mobile .tools a {
	    margin-right: 4px;
	    margin-bottom: 2px;
	}
	.bar_mobile .menu li {
	    margin-bottom: 8px;
	}

	.bar_mobile .smenu h1 {
	    margin-bottom: 16px;
	    font-size: 18px;
	}

	.bar_mobile #smenu .lang, .bar_mobile #smenu .lang a{
		font-size: 12px;
	}
	.logo {
	    height: 84px;
	}
	.bar_mobile .logo {
	
	    left: 16px;
	}
	.bar_mobile .hamburger {
	    margin-right: -7px;
	}
}

/* **************************************  LOADING  **************************************/

.iS-Loading {
	height: 40px;
	position: absolute;
	top: 48%;
	width: 100%;
	z-index: 1;
}
.iS-Loadingbox {
	margin: 0 auto;
	width: 45px;
}
.loader {
	width: 49px;
	height: 49px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: 3px 3px 1px rgb(219, 66, 65);
	animation: loader-spin 690ms infinite linear;
	-o-animation: loader-spin 690ms infinite linear;
	-ms-animation: loader-spin 690ms infinite linear;
	-webkit-animation: loader-spin 690ms infinite linear;
	-moz-animation: loader-spin 690ms infinite linear;
}
@keyframes loader-spin {
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes loader-spin {
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes loader-spin {
	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes loader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes loader-spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* ************************************** SLIDER HOME  **************************************/

#slider_home {
	z-index: 100;
	position: relative;
	top: 0;
	height: 100%;
}
#slider_home .iS {
	z-index: 100;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: center;
}
#slider_home .iS-Commands {
	display: none;
	position: absolute;
	height: 1px;/* pour rendre tout le iS-Content cliquable */
	z-index: 110;
	bottom: 0;
	width: 100%;
	text-align: center;
}


.page_1 #slider_home .iS-Commands {
	bottom: 20px;
	
}


#slider_home .toolbox_bt {
	height: 330px;
	margin-top: -330px;
	text-align: center;
}




#slider_home .scrolldown {
	position: absolute;
	    bottom: -21px;
	left: calc(50% - 26px);
	height: 60px;
	width: 47px;
}


#slider_home .toolbox_bt a.bt_item {
	display: inline-block;
	width: calc(16.8% - 15px);
	margin: 0 8px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

#slider_home .toolbox_bt a.bt_item:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
}

#slider_home .toolbox_bt a.bt_item:nth-child(6) {
	margin-right: 0;
}
#slider_home .toolbox_bt a.bt_item img {
	width: 100%;
	height: auto;
}


#slider_home .iS-Content {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	opacity: 0;
	overflow: hidden;
}
#slider_home .iS-Items {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
}
#slider_home .iS-Item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0;
}
#slider_home .iS-Proactive > .iS-Item[data-effectOutDelay="250"] {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
#slider_home .iS-Proactive > .iS-Item[data-effectOutDelay="250"] > * {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}


@media screen and (max-width: 1680px) {
	#slider_home .toolbox_bt {
		height: 270px;
		margin-top: -270px;
	}
	
	#slider_home .scrolldown {
		left: calc(50% - 23px);
		height: 50px;
		width: 39px;
	}
	#slider_home .scrolldown img{
		height: 100%;
		width: 100%;
	}	
	
}

@media screen and (max-width: 1366px) {
	#slider_home .toolbox_bt {
	    height: 228px;
	    margin-top: -228px;
	}
	
}





@media screen and (max-width: 1024px) {
	#slider_home .toolbox_bt {
		height: 270px;
		margin-top: -270px;
	}
	
	#slider_home .scrolldown {
		left: calc(50% - 23px);
		height: 50px;
		width: 39px;
	}
	#slider_home .scrolldown img{
		height: 100%;
		width: 100%;
	}	
	
	
}
@media screen and (max-width: 820px) {
	#slider_home .iS-Commands {

	}
	#slider_home .toolbox_bt a.bt_item.not_for_tablet {
		display: none;
	}
	#slider_home .toolbox_bt a.bt_item {
		width: calc(25.5% - 15px);
		margin-right: 15px;
	
	}
	#slider_home .toolbox_bt a.bt_item:nth-child(5) {
	    margin-right: 0;
	}
	#slider_home .toolbox_bt a.bt_item:nth-child(2) {
		display: none;
	}
	#slider_home .toolbox_bt {
	    height: 286px;
	    margin-top: -286px;
	}
	#slider_home .scrolldown {
	    left: calc(50% - 20px);
	    height: 50px;
	    width: 39px;
	}
}
@media screen and (max-width: 479px) {
	#slider_home .iS-Commands {

	}
	#slider_home .toolbox_bt a.bt_item:nth-child(3) {
		display: none;
	}
	
	#slider_home .toolbox_bt a.bt_item.not_for_mobile {
	    display: none;
	}
	#slider_home .toolbox_bt a.bt_item:nth-child(6) {
	    margin-right: 0;
	}
	
	#slider_home .toolbox_bt a.bt_item {
	    width: calc(34.7% - 15px);
	    margin-right: 15px;
	}
	
	#slider_home .toolbox_bt {
	    height: 214px;
	    margin-top: -214px;
	}

}
@media screen and (max-width: 375px) {
	#slider_home .toolbox_bt {
	    height: 194px;
	    margin-top: -194px;
	}
}

@media screen and (max-width: 360px) {
	#slider_home .toolbox_bt {
	    height: 184px;
	    margin-top: -184px;
	}
}



/* ************************************** SLIDER ACTU  **************************************/

.actu_slider {
	z-index: 100;
	position: relative;
	height: 458px;
	margin-bottom: 30px; 
}

.actu_slider .iS-Next, .actu_slider  .iS-Previous{
    position: absolute;
    top: 0;
    width: 47px;
    height: 47px;
    display: block;
    cursor: pointer;
}

.actu_slider .iS-Previous{
	background-image: url(img/bt_prev.png);
	left: 0px;
}
.actu_slider .iS-Next{
	background-image: url(img/bt_next.png);
	right: 0px;
}


.actu_slider .iS {
	z-index: 100;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: center;
}
.actu_slider .iS-Commands {
	display: none;
	height: 1px;
	/* pour rendre tout le iS-Content cliquable */
	z-index: 110;
	text-align: left;
	position: relative;
	top: 78%;
    width: 100%;
}

.actu_slider .iS-Content {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	opacity: 0;
	overflow: hidden;
}
.actu_slider .iS-Items {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.actu_slider .iS-Item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0;
	z-index: 1;
}

.actu_slider .iS-Item.legende {
	z-index: 2;
	position: absolute;
	top: auto;
	top: calc(78% - 1px);
	width: calc(100% - 98px);
	left: 49px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	color: #363636;
	text-transform: uppercase;
	
}
.actu_slider .legende.white {
	background-color: #ffffff;
	
}

.actu_slider .iS-Proactive > .iS-Item[data-effectOutDelay="250"] {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
.actu_slider .iS-Proactive > .iS-Item[data-effectOutDelay="250"] > * {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
@media screen and (max-width: 1680px) {
	.actu_slider {
		height: 334px;
	}
	
	.actu_slider .iS-Next, .actu_slider  .iS-Previous{

	}
	
	.actu_slider .iS-Previous{

	}
	.actu_slider .iS-Next{

	}

	.actu_slider .iS-Commands {

	}

}

@media screen and (max-width: 1366px) {


}



@media screen and (max-width: 1024px) {
	.actu_slider {
	    height: 358px;
	}
	
	.actu_slider .iS-Commands {
	    top: 78%;
	}
	.actu_slider .iS-Next, .actu_slider .iS-Previous {
	    width: 38px;
	    height: 38px;
	}
	.actu_slider .iS-Next, .actu_slider  .iS-Previous{
		background-size: 38px 38px;
	}
	
	.actu_slider .iS-Previous{

	}
	.actu_slider .iS-Next{

	}


	.actu_slider .iS-Item.legende {
	    top: calc(78% - 1px);
	    width: calc(100% - 80px);
	    left: 40px;
	    height: 38px;
	    line-height: 38px;
	}

}
@media screen and (max-width: 820px) {
	.actu_slider {
	    height: 300px;
	}
	
	.actu_slider .iS-Commands {
	    top: 78%;
	}
	.actu_slider .iS-Next, .actu_slider .iS-Previous {
	    width: 38px;
	    height: 38px;
	}
	.actu_slider .iS-Next, .actu_slider  .iS-Previous{
		background-size: 38px 38px;
	}
	
	.actu_slider .iS-Previous{

	}
	.actu_slider .iS-Next{

	}


	.actu_slider .iS-Item.legende {
	    top: calc(78% - 1px);
	    width: calc(100% - 80px);
	    left: 40px;
	    height: 37px;
	    line-height: 37px;
	    font-size: 12px;
	}

}


@media screen and (max-width: 479px) {
	.actu_slider {
	    height: 200px;
	}
	
	.actu_slider .iS-Commands {
	    top: 78%;
	}
	.actu_slider .iS-Next, .actu_slider .iS-Previous {
	    width: 30px;
	    height: 30px;
	}
	.actu_slider .iS-Next, .actu_slider  .iS-Previous{
		background-size: 30px 30px;
	}
	
	.actu_slider .iS-Previous{

	}
	.actu_slider .iS-Next{

	}


	.actu_slider .iS-Item.legende {
	    top: calc(78% - 1px);
	    width: calc(100% - 64px);
	    left: 32px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 11px;
	}

}


@media screen and (max-width: 375px) {
	.actu_slider {
	    height: 190px;
	}
	.actu_slider .iS-Commands {
	    top: 74%;
	}
	.actu_slider .iS-Item.legende {
	    top: calc(74% - 1px);
	}	
	
}


@media screen and (max-width: 360px) {
	.actu_slider {
	    height: 160px;
	}
	.actu_slider .iS-Commands {
	    top: 74%;
	}
	.actu_slider .iS-Item.legende {
	    top: calc(74% - 1px);
	}	
	

	
	
}

/* ************************************** PRESENTATION  **************************************/
.page_6 .barLeft {
    position: fixed;
}


/* ************************************** SLIDER PAGES  **************************************/


.pages_slider {
	z-index: 100;
	position: relative;
	height: 712px;
	margin-bottom: 30px; 
}

.pages_slider .iS-Next, .pages_slider  .iS-Previous{
    position: absolute;
    top: 0;
    width: 47px;
    height: 47px;
    display: block;
    cursor: pointer;
}

.pages_slider .iS-Previous{
	background-image: url(img/bt_prev.png);
	left: 0px;
}
.pages_slider .iS-Next{
	background-image: url(img/bt_next.png);
	right: 0px;
}


.pages_slider .iS {
	z-index: 100;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: center;
}
.pages_slider .iS-Commands {
	display: none;
	height: 1px;
	/* pour rendre tout le iS-Content cliquable */
	z-index: 110;
	text-align: left;
	position: relative;
	top: 78%;
    width: 100%;
}

.pages_slider .iS-Content {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	opacity: 0;
	overflow: hidden;
}
.pages_slider .iS-Items {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 1;
}
.pages_slider .iS-Item.image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0;
	z-index: 1;
}

.pages_slider .iS-Item.legende {
	z-index: 2;
	position: absolute;
	top: auto;
	top: calc(78% - 1px);
	width: calc(100% - 98px);
	left: 49px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	color: #363636;
	text-transform: uppercase;
	
}
.pages_slider .legende.white {
	background-color: #ffffff;
	
}

.pages_slider .iS-Proactive > .iS-Item[data-effectOutDelay="250"] {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
.pages_slider .iS-Proactive > .iS-Item[data-effectOutDelay="250"] > * {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
@media screen and (max-width: 1680px) {
	.pages_slider {
		height: 600px;

	}
	
	.pages_slider .iS-Next, .pages_slider  .iS-Previous{

	}
	
	.pages_slider .iS-Previous{

	}
	.pages_slider .iS-Next{

	}

	.pages_slider .iS-Commands {

	}

}

@media screen and (max-width: 1366px) {


}



@media screen and (max-width: 1024px) {
	.pages_slider {
	    height: 578px;
	}
	
	.pages_slider .iS-Commands {
	    top: 78%;
	}
	.pages_slider .iS-Next, .pages_slider .iS-Previous {
	    width: 38px;
	    height: 38px;
	}
	.pages_slider .iS-Next, .pages_slider  .iS-Previous{
		background-size: 38px 38px;
	}
	
	.pages_slider .iS-Previous{

	}
	.pages_slider .iS-Next{

	}


	.pages_slider .iS-Item.legende {
	    top: calc(78% - 1px);
	    width: calc(100% - 80px);
	    left: 40px;
	    height: 38px;
	    line-height: 38px;
	}

}
@media screen and (max-width: 820px) {
	.pages_slider {
	    height: 417px;
	}
	
	.pages_slider .iS-Commands {
	    top: 78%;
	}
	.pages_slider .iS-Next, .pages_slider .iS-Previous {
	    width: 38px;
	    height: 38px;
	}
	.pages_slider .iS-Next, .pages_slider  .iS-Previous{
		background-size: 38px 38px;
	}
	
	.pages_slider .iS-Previous{

	}
	.pages_slider .iS-Next{

	}


	.pages_slider .iS-Item.legende {
	    top: calc(78% - 1px);
	    width: calc(100% - 80px);
	    left: 40px;
	    height: 37px;
	    line-height: 37px;
	    font-size: 12px;
	}

}


@media screen and (max-width: 479px) {
	.pages_slider {
	    height: 213px;
	}
	
	.pages_slider .iS-Commands {
	    top: 78%;
	}
	.pages_slider .iS-Next, .pages_slider .iS-Previous {
	    width: 30px;
	    height: 30px;
	}
	.pages_slider .iS-Next, .pages_slider  .iS-Previous{
		background-size: 30px 30px;
	}
	
	.pages_slider .iS-Previous{

	}
	.pages_slider .iS-Next{

	}


	.pages_slider .iS-Item.legende {
	    top: calc(78% - 1px);
	    width: calc(100% - 64px);
	    left: 32px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 11px;
	}

}


@media screen and (max-width: 375px) {
	.pages_slider {
	    height: 206px;
	}
	.pages_slider .iS-Commands {
	    top: 74%;
	}
	.pages_slider .iS-Item.legende {
	    top: calc(74% - 1px);
	}	
	
}


@media screen and (max-width: 360px) {
	.pages_slider {
	    height: 180px;
	}
	.pages_slider .iS-Commands {
	    top: 74%;
	}
	.pages_slider .iS-Item.legende {
	    top: calc(74% - 1px);
	}	
	

	
	
}



/* **************************************  TOOLBOX  **************************************/



@media screen and (max-width: 1366px) {
	
}






@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 820px) {

}
@media(max-width: 767px) {

}


/* ************************************** HOME A PROPOS **************************************/



.page_1 #apropos .image {
	margin-bottom: 40px;
}
.page_1 #apropos .chiffre {
	margin: 0px 20px 20px 0;
	background-color: #f2f2f2;
	display: inline-block;
	width: calc(50% - 12px);
	height: 132px;
	font-size: 15px;
	text-align: center;
	padding: 12px;
	
	vertical-align: top;
}
.page_1 #apropos .chiffre .valeur {
	font-size: 60px;
	line-height: 60px;
}
.page_1 #apropos .chiffre:nth-child(2), .page_1 #apropos .chiffre:nth-child(4){
	margin-right: 0px;
}
.page_1 #apropos .chiffre:nth-child(3), .page_1 #apropos .chiffre:nth-child(4){
	margin-bottom: 0px;
}
.page_1 #apropos .bt{
	position: absolute;
	bottom: 0;
	left: 0;
}



@media screen and (max-width: 1680px) {

	.page_1 #apropos .chiffre {
	    margin: 0px 20px 20px 0;
	    width: calc(50% - 12px);
	    height: 114px;
	    font-size: 13px;
    	padding: 16px 12px;
	}
	.page_1 #apropos .chiffre .valeur {
	    font-size: 44px;
	    line-height: 44px;
	}
}
@media screen and (max-width: 1366px) {
	.page_1 #apropos .chiffre {
	    margin: 0px 14px 14px 0;
	    width: calc(50% - 9px);
	    height: 114px;
	    font-size: 13px;
    	padding: 12px 12px;
	}
	.page_1 #apropos .chiffre .valeur {
	    font-size: 44px;
	    line-height: 52px;
	}

}
@media screen and (max-width: 1024px) {
	.page_1 #apropos .chiffre {
	    margin: 0px 14px 14px 0;
	    width: calc(50% - 9px);
	    height: 114px;
	    font-size: 13px;
	}
	.page_1 #apropos .chiffre .valeur {
	    font-size: 44px;
	    line-height: 52px;
	}
}

@media screen and (max-width: 820px) {
	.page_1 #apropos .chiffre {
	    margin: 0px 14px 14px 0;
	    width: calc(50% - 9px);
	    height: 108px;
	    font-size: 13px;
	    line-height: 15px;
	}
	.page_1 #apropos .chiffre .valeur {
	    font-size: 36px;
	    line-height: 40px;
	}
}

@media screen and (max-width: 479px) {
	.page_1 #apropos .left50, .page_1 #apropos .right50{
		width: 100%;
		display: block;
	}
	.page_1 #apropos .bt {
	    position: relative;
	    bottom: auto;
	    left: auto;
	    width: 100%;
	    margin-top: 16px;
	}
	.page_1 #apropos .chiffre .valeur {
	    font-size: 30px;
	    line-height: 34px;	
	}
	.page_1 #apropos .chiffre {
	    height: 94px;
	    font-size: 12px;
	}
	
}
/* ************************************** HOME NEWS **************************************/

.page_1 #news .right50 {
	text-align: right;
}

.page_1 #news .right50 {
	text-align: right;
}

.news_list, .news{
	vertical-align: top;
	display: block;
	clear: both;
}

.news:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	cursor: pointer;
}


.news {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	width: calc(25% - 15px);
	display: inline-block;
	margin-right: 20px;
	text-transform: uppercase;
	color: #747474;
	background-color: #eeeeee;
}

.news:nth-child(4n) {
	margin-right: 0px	
}

.news h3 {
	margin-bottom: 0;
}


.news .corps {
	padding: 14px 22px 22px 22px;
	height: 200px;
	position: relative;
}

.page_1 #news .bt.btmobile {
	display: none;
}

.news .minibar {
	position: absolute;
	bottom: 12px;
	width: 100%;
	margin-bottom: 0;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	vertical-align: text-top;
}
.news .minibar img{
	width: auto;
	height: auto;
}

@media(max-width: 1366px) {
	.news .corps {
	    height: 160px;
	}
}


@media(max-width: 1024px) {
	.news .corps {
	    height: 200px;
	}
}

@media(max-width: 820px) {
	
	.news {
		width: calc(33% - 15px);	
		margin-right: 15px;
	}	
	.news {
		width: calc(33.33333% - 10px);
		margin-right: 15px;
	}	
	.news:nth-child(3n){
		margin-right: 0px;
	}
	.page_1 .news:nth-child(4){
		display: none;
	}
	
	.news:nth-child(4n) {
		margin-right: 15px;
	}	
	.news .corps {
	    height: 210px;
	}
}

@media(max-width: 767px) {
	.page_1 #news .left50 {
		width: 100%;
		display: block;
	}
	.page_1 #news .right50 {
		display: none;
	}
	.page_1 #news .bt.btmobile {
		display: block;
	}
	
	.news {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 12px;
	}
	.news .corps{
		width: 100%;
		float: none;
		display: block;
		height: auto;
		padding: 12px 12px 12px 12px;
	}
	.news .minibar {
	    position: relative;
	    bottom: auto;
	    width: 100%;
	    margin-bottom: 0;
	    font-size: 11px;
	    height: 20px;
	    line-height: 20px;
	    vertical-align: top;
	    margin-top: 6px;
	}
	.news .minibar img {
		height: 12px;
		width: auto;
	}
	
	.news .illus {
		width: 100%;
		float: none;
		display: block;
		height: auto%;
	}
	.news .illus a {
		width: 100%;
		display: inline-block;
	}
	.news .illus img {
		width: 80%;
		height: auto;
	}
}
@media(max-width: 375px) {
}

@media(max-width: 360px) {
}


/* ************************************** HOME OFFRES **************************************/

.page_1 .offre {
	height: 48px;
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 11px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.page_1 .offre:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	cursor: pointer;
}


.page_1 .offre .corps {
	background-color: #f2f2f2;
	height: 48px;
	line-height: 48px;
	color: #000000;
	font-size: 13px;
	float: left;
	display: inline-block;
	width: 464px;
	padding-left: 36px;
	text-transform: uppercase;
	margin-bottom: 0px;
}	
.page_1 .offre .voir {
	height: 48px;
	width: auto;
	float: right;
	display: inline-block;
}	
.page_1 #offres{
	padding-right: 16px;	
}
.page_1 #offres .bt.deposer{
	float: right;
}


@media screen and (max-width: 1680px) {
	.page_1 .offre .corps {
	    width: 370px;
	}
}
@media screen and (max-width: 1024px) {
	.page_1 .offre .corps {
		    background-color: #f2f2f2;
		    font-size: 13px;
		    width: 464px;
		    padding-left: 26px;
		    width: 356px;
	}

}

@media screen and (max-width: 820px) {

	.page_1 #offres, .page_1 #contact {
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	.page_1 .offre .corps {
	    width: calc(100% - 72px);
	    
	}
	.page_1 #offres .bt.deposer, .page_1 #offres .bt {
		display: inline-block;
	    float: left;
	    margin-right: 12px;
	}
	.page_1 #offres {
	    padding-right: 0px;
	    margin-right: 0px;
	}
	

	
}
@media screen and (max-width: 479px) {
	.page_1 .offre {
	    height: 36px;
	}
	.page_1 .offre .voir {
	    height: 36px;
	}
	.page_1 .offre .voir img {
	    height: 100%;
	    width: auto;
	}
	.page_1 .offre .corps {
	    background-color: #f2f2f2;
	    height: 36px;
	    line-height: 36px;
	    width: calc(100% - 58px);
	    font-size: 12px;
	    padding-left: 18px;
	}
	.page_1 #offres .bt.deposer, .page_1 #offres .bt {
		display: block;
	    float: none;
	    margin-right: 0;
	    width: 100%;
	    margin-top: 12px;
	}	
}





/* ************************************** ACTUALITES **************************************/

.iS-Loading.iso {
	display: none;
	z-index: 111;
	position: relative;
	margin-top: 20px;
}

.page_4 .news, .page_20 .news {
	margin-bottom: 20px;
}
.page_4 .more, .page_8 .more, .page_10 .more {
	width: 100%;
}

/* ************************************************** */
	
.not_for_mobile.filtres{
	display: block;
}
.for_mobile_only.filtres{
	display: none;
}
.filtres{
	
}

.filtres li {
    float: left;
    display: inline;
    margin: 0px 10px 10px 0;
}

.filtres li a {
	display: block;
    height: 42px;
    line-height: 42px;
}




@media screen and (max-width: 1366px) {
	.not_for_mobile.filtres {
	        margin-bottom: 20px;
	}
	
	.filtres li a {
		display: block;
		height: 32px;
		line-height: 32px;
		padding: 0 8px;
	}
	
}

@media screen and (max-width: 1024px) {
	.not_for_mobile.filtres {
	        margin-bottom: 20px;
	}
}

@media screen and (max-width: 820px) {
	.filtres{
		width: 100%;
	}
	.page_4 .news, .page_20 .news {
	    margin-bottom: 12px;
	}
}

@media screen and (max-width: 479px) {
	.not_for_mobile.filtres{
		display: none;
	}
	.for_mobile_only.filtres{
		display: block;
	}

	.bloc.for_mobile_only.filtres .myselect{
		display: inline-block;
		float: right;
		margin-right: 0;
	}

	
}



/* ************************************** TOOLBOX ACTU  **************************************/

.toolbox_actu{
	position: absolute;
	bottom: 85px;
	background-color: #ffffff;
	height: 650px;
	width: 100%;
	padding: 46px 40px 55px 40px;
	/*
	opacity: 0.94;
	filter: alpha(opacity=94);
	*/
	-moz-opacity: 0.94;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	display: none;
}


.toolbox_actu .bt {
	position: absolute;
	bottom: 55px;
	left: 40px;
}

.toolbox_actu .bt_close {
	position: absolute;
	right: 0;
	top: 0px;
}

.toolbox_actu>div {    
	height: 426px;
	float: left;
	display: inline;
	overflow-y: hidden;
	position: relative;
}
.toolbox_actu .newslist_1 {
	width: 52%;
	border-left: 1px #333333 solid;
}
.toolbox_actu .newslist_2 {
	width: 24%;
}

.toolbox_actu .blocleft.categories {
	width: calc(24% - 8px);
	margin-right: 8px;
	background-color: transparent;
	height: 100%;
	padding: 0px 0px 0px 0px;
	height: 360px;
	overflow-y: scroll;
}
.toolbox_actu .blocleft.categories h3 {
	display: none;
}


.toolbox_actu .news {
	position: relative;
	width: 100%;
	display: block;
	height: calc(20% - 8px);
	margin-bottom: 10px;
	margin-right: 0px;
	background-color: transparent;
	overflow: hidden;
	padding-left: 8px;
}

.toolbox_actu .news:nth-child(5) {
	margin-bottom: 0px;
}

.toolbox_actu .news>div {
	height: 100%;
	display: inline-block;
	float: left;
	clear: none;
	width: auto;
}
.toolbox_actu .newslist_1 .news .illus img {
	display: inline-block;
	float: left;
	height: 100%;
	width: auto;
	clear: none;
	
}
.toolbox_actu .newslist_1 .news .corps {
	padding: 0 8px 0 14px;
	width: 348px;
	position: relative;
}
.toolbox_actu .newslist_1 .news h3 {
	position: absolute;
	bottom: 0;
}
.toolbox_actu .newslist_1 .news p {
	color: #747474;
	font-size: 10px;
	line-height: 13px;
	font-family: 'ridleygrotesk-regular' ;
	font-weight: normal;
}

.toolbox_actu .newslist_2 .news .corps {
	padding: 0 8px 0 0px;
	width: 100%;
}
.toolbox_actu .newslist_2 .news p {
	margin-bottom: 6px;
}
.toolbox_actu .newslist_2 .news .minibar {
	position: absolute;
	bottom: 0;
	margin-bottom: 0px;
}

.toolbox_actu .newslist_2 .news h3 a, .toolbox_actu .newslist_2 .news h3, .toolbox_actu .newslist_2 .news p {
	color: #747474;
	font-size: 10px;
	line-height: 13px;
	font-family: 'ridleygrotesk-regular' ;
	font-weight: normal;
}
.toolbox_actu .newslist_2 .news {
	border-left: 1px #333333 solid;
}
	.toolbox_actu .news .long {
		display: block;
	}
	.toolbox_actu .news .court {
		display: none;
	}


@media screen and (max-width: 1680px) {
	.toolbox_actu {
	    position: absolute;
	    bottom: 67px;
	    background-color: #ffffff;
	    height: 570px;
	    width: 100%;
	    padding: 41px 35px 50px 35px;
	}
	.toolbox_actu>div {    
		height: 390px;
	}
	.toolbox_actu .blocleft.categories {
		height: 330px;
		padding-right: 8px;
	}	
	.toolbox_actu .bt.all {
		position: absolute;
		bottom: 50px;
	}
	.toolbox_actu .bt {
		left: 35px;
	}
}

@media screen and (max-width: 1366px) {
	.toolbox_actu .newslist_1 .news .corps {
	    width: 278px;
	    overflow: hidden;
	}
	
	
	.toolbox_actu {
	    position: absolute;
	    bottom: 64px;
	    background-color: #ffffff;
	    height: 444px;
	    width: 100%;
	    padding: 26px 30px 35px 30px;
	}
	.toolbox_actu .blocleft.categories {
	    height: 280px;
	}
	.toolbox_actu h1 {
		margin-bottom: 12px;
	}
	.toolbox_actu .bt.all {
	    bottom: 35px;
	    left: 12px;
	    font-size: 11px;
	}
	.toolbox_actu > div {
	    height: 332px;
	}
	
	
	
}

@media screen and (max-width: 1024px) {
	.toolbox_actu {
	    bottom: 75px;
	}
	.toolbox_actu h1 {
		margin-bottom: 20px;
	}	
	.toolbox_actu .newslist_1 .news .corps {
	    width: 348px;
	}

	.toolbox_actu .bt.all {
	    bottom: 35px;
	    left: 30px;
	   	font-size: 12px;
	}

}

@media screen and (max-width: 820px) {
	
	
	.toolbox_actu {
	    bottom: 70px;
	    height: 500px;
	}	
	
	.toolbox_actu .blocleft.categories {
		width: calc(34% - 8px);
	}
	.toolbox_actu > div {
	    height: 375px;
	}
	.toolbox_actu .newslist_1 {
		width: calc(66% - 8px);
	}
	.toolbox_actu .newslist_2 {
		display: none;
	}
	.toolbox_actu h1 {
		margin-bottom: 32px;
	}	
	.toolbox_actu .blocleft.categories {
	    height: 328px;
	}
	.page_1 .toolbox_actu .news:nth-child(4) {
	    display: block;
	}
	.toolbox_actu .newslist_1 .news .corps {
	    width: 278px;
	}
	.toolbox_actu .newslist_1 .news h3 {
		font-size: 14px;
	}
	.toolbox_actu .news .long {
		display: none;
	}
	.toolbox_actu .news .court {
		display: block;
	}
	
	
	.page_4 .more, .page_8 .more, .page_10 .more {
	    width: 100%;
	    height: 40px;
	    line-height: 40px;
   		 font-size: 12px;
	}
	
	
	
}




/* ************************************** BAR  **************************************/
.barLeft, .barRight {

}
.barLeft{
	width: 274px;
	margin-right: 22px;
	float: left;
	display: inline;
	
}
.barRight{
	width:calc(100% - 300px);
	overflow: hidden;
	float: right;
	display: inline;
	text-align: left;
}

@media screen and (max-width: 1366px) {
	.barLeft, .barRight {

	}
}		
@media screen and (max-width: 1024px) {

}	
@media screen and (max-width: 820px) {
	.barLeft{
		width: 174px;
		
	}
	.barRight{
		width:calc(100% - 198px);
	}

	
}		
@media screen and (max-width: 475px) {
	.barLeft{
		display: none;
	}
	.barRight{
		width: 100%;
	}
}	
@media screen and (max-width: 360px) {
	.barLeft, .barRight {

	}
}	


/* ************************************** DETAIL ACTUALITE **************************************/

.page_5 .news, .page_11 .news, .page_3 .news, .page_21 .news {
	width: 100%;
	background-color: #ffffff;
	text-transform: none;
}
.page_5 .barRight .news:hover, .page_11 .barRight .news:hover, .page_3 .barRight .news:hover, .page_21 .barRight .news:hover {	
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	cursor: default;
}


.page_5 h1, .page_21 h1 {
    margin-bottom: 2px;
	margin-bottom: 12px;
	padding-top: -4px;
	width: calc(100% - 50px);
}

.page_5 h1, .page_21 h1 p {
    margin-bottom: 2px;
    margin-left: 3px;
	padding-top: -4px;
	width: calc(100% - 50px);
}
.page_5 .retour, .page_21 .retour {
	height: 42px;
	width: 42px;
	display: block;
	position: absolute;
	top: 28px;
	right: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
}



.page_5 .retour, .page_21 .retour:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

.page_5 .socialBar {
	margin-bottom: 36px;

	position: relative;
	height: 20px;
}
.page_5 .socialBar>div {
	height: 100%;
	line-height: 20px;
	vertical-align: middle;
}

.page_5 .socialBar>.left40 {
	height: 14px;
}
.page_5 .socialBar .likesbt:hover{
	cursor: pointer;
}

.page_5 .socialBar img, .page_5 .socialBar a {
	width: auto;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 1px;
}
.page_5 .socialBar .right50 {
	text-align: right;
}

@media screen and (max-width: 1680px) {

}




@media screen and (max-width: 1366px) {

	
}


@media screen and (max-width: 1024px) {
	.page_5 .retour, .page_21 .retour {
	    height: 38px;
	    width: 38px;
	    top: 18px;
	}
}

@media screen and (max-width: 820px) {

	
	
	
}

@media screen and (max-width: 479px) {
	
	.page_5 h1, .page_21 h1 {
	    width: calc(100% - 44px);
	}
		
	.page_5 .retour, .page_21 .retour {
	    height: 34px;
	    width: 34px;
	    top: 14px;
	}
}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {

}




/* ************************************** BARRE LEFT **************************************/

.blocleft{
	background-color: #eeeeee;
	margin-bottom: 10px;
	padding: 30px 15px;
	position: relative;
	height: auto;
	display: block;
	clear: both;
}
.blocleft h3{
	font-size: 19px;
	margin-bottom: 36px;
}

.blocleft *{
	text-transform: uppercase;
}

.blocleft.categories li a{
	font-size: 12px;
	color: #6e6e6e;
}
.blocleft.categories li a.selected{
	color: #363636;
}
.blocleft.categories li{
	margin-bottom: 6px;
}

.blocleft .news {
	background-color: #EEEEEE;
}
.blocleft .news h3{
	font-size: 15px;
	margin-top: 4px;
	margin-bottom: 30px;
}
.blocleft .news .corps {
	height: auto;
	padding: 0;
}
.blocleft .news .illus {
	width: 124px;
}


.blocleft.voir a {
	width: calc(50% - 4px);
	margin-right: 8px;
	display: inline-block;
	float: left;
	height: auto;
	position: relative;
	margin-bottom: 4px;
}
.blocleft.voir a:nth-child(odd) {
	margin-right: 0;
}

@media screen and (max-width: 820px) {
	.blocleft.voir a {
		width: 100% ;
		display: block;
		float: none;
		margin-bottom: 4px;
		margin-right: 0;
	}
}



/* ************************************** TEMOIGNAGES **************************************/


.page_10 .news {
	margin-bottom: 20px;
	
}


.page_10 .news h3{
	text-transform: none;
}




/* ************************************** FAQ **************************************/

.faqs {
	font-size: 15px;
	margin-bottom: 36px;
}


.question:hover {
	cursor: pointer;
}
.reponse {
	display: none;
	margin-left: 42px;
}




/* ************************************** PANO **************************************/


#panoLauncher {
	width: 44px;
	height: auto;
	display: inline-block;
}
#panoLauncher:hover {
	cursor: pointer;
}

#panocontainer {
	display: none;
	z-index: 120;
	background-color: #ffffff;
}

#panocontainer, #panoframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}	
	
.panobt {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 39px;
	height: 39px;
	background-image: url(img/bt_close.png);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
}


.panoinfo {
	position: absolute;
	right: 63px;
	top: 16px;
	width: 39px;
	height: 39px;
	background-image: url(img/bt_info.png);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;		
}

.panobt:hover, .panoinfo:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	display: inline-block;	
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
}

#panocontainer, #panoframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 102;
	display: none;
}	
#panocontainer .iS-Loading {
	z-index: 104;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	width: 40px;
	height: 40%;
}
#panocontainer .panobt, #panocontainer .panoinfo {
	z-index: 103;
}
#panocontainer #panoslide {
	z-index: 103;
	position: absolute;
	height: 100%;
	width: 30%;
	left: -30%;
	background-color: #ffffff;
	color: #333333;
}

#panocontainer #panoslide #panoslidecontent {
	z-index: 102;
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;	
	top: 0;
	background-color: #ffffff;
	color: #333333;
	padding: 48px 60px 48px 36px
}
#panoslide .panobt {
	z-index: 120;
}

#panocontainer #panoslide #panoslidecontent > div {
	height: 100%;
	width: 100%;	
	overflow: hidden;	
}

	
#panoslidecontent .news {
	width: 100%;
	background-color: #ffffff;
}


#panoslidecontent .news, #panoslidecontent .news:hover {
	cursor: default;
	text-transform: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#panocontainer > #panoslide > #panoslidecontent > div img[longdesc]:hover {
	cursor: pointer;
}

#panoslidecontent .news .baseline {
	font-weight: bold;
}

@media screen and (max-width: 1366px) {
	#panocontainer #panoslide {
		width: 40%;
		left: -40%;
	}

	#panoLauncher {
		width: 40px;
		height: auto;
		display: inline-block;
	}
}


@media screen and (max-width: 1024px) {
	#panocontainer #panoslide {
		width: 47%;
		left: -47%;
	}
}

@media screen and (max-width: 820px) {
	#panocontainer #panoslide {
		width: 100%;
		left: -100%;
	}
}

@media screen and (max-width: 767px) {
	#panocontainer #panoslide #panoslidecontent {
		padding: 44px 28px 28px 28px;
	}
}

/* ************************************** PLAN DU SITE **************************************/



/* ************************************** RECHERCHE **************************************/
.page_19 .blocleft #form_search {
	margin-left: 0;
    width: 100%;
}

.page_19 .blocleft #form_search #s_search {
    width: 100%;
}

.page_19 #results ul  { 
	margin-bottom: 26px;
	padding-left: 14px;
}
.page_19 #results li  {
	margin: 0 0 6px 16px;
}
.page_19 #results li a {

}

/* ************************************** CONTACT **************************************/
.page_13 .cr input::-webkit-input-placeholder, .page_13 .cr textarea::-webkit-input-placeholder { opacity: 1; color: #848484;}
.page_13 .cr input::-moz-placeholder, .page_13 .cr textarea::-webkit-input-placeholder { opacity: 1; color: #848484;}
.page_13 .cr input:-ms-input-placeholder, .page_13 .cr textarea::-webkit-input-placeholder { opacity: 1; color: #848484;}
.page_13 .cr input:-moz-placeholder, .page_13 .cr textarea::-webkit-input-placeholder { opacity: 1; color: #848484;}





.page_1 #contact.right50 {
	width: 75%;
}




.page_13 .barLeft {
    position: fixed;
}


#contact-form{
	width: 100%;
}
#contact-form fieldset{
	width: 50%;
	float: left;
	display: inline;
	padding: 0px 10px 0 10px;
	height: 218px;
}

.page_18 #contact-form fieldset {
	height: auto;
}




#contact-form fieldset.left{
	padding-left: 0px;
}
#contact-form fieldset.right{
	padding-right: 0px;
	width: 50%;
}

#contact-form input:not(.bt), #contact-form textarea,  #contact-form select{
	display: block;
	width: 100%;
	height: 36px;
	margin-bottom: 8px;
	padding: 4px 8px;
	text-transform: uppercase;
}

.page_18 a.valider, .page_18  a.bt_fichier  {
	margin-bottom: 8px;
	height: 36px;
	line-height: 36px;
	width: 100%
}


#contact-form select option{
		padding: 4px 8px;
		background-color: #D9D9D9;
		color: #3f3f3f;
}
#contact-form #city, #contact-form #country {
	width: calc(50% - 7px);
	display: inline;
	float: left;
}
#contact-form #country {
	margin-left: 14px;
}

#contact-form textarea{
	height: 100%;
}


	.page_18 #contact-form textarea {
	    height: 251px;
	}
	.page_18 #contact-form .bt_fichier{
		width: 100%;
	}
	.page_18 #contact-form .myselect{
		width: 100%;
	}





#contact-form .bt.bt_1{
    width: 100%;	
}

#map {
    width: 100%;
    height: 410px;
    background-color: #ffffff;
    z-index: 99;
    position: relative;
    display; block;
}
#map .gm-style{
    background-color: #ffffff;
}
#contact-form .bt.bt_1.mobile {
	display: none;
}
@media screen and (max-width: 1680px) {	
	.page_18 #contact-form textarea {
	    height: 255px;
	}
	.page_18 .bt.bt_1, .page_18  a.bt_fichier  {
		margin-bottom: 8px;
		height: 36px;
		line-height: 36px;
		width: 100%
	}	
}	
	
	
@media screen and (max-width: 1024px) {	
	#contact-form fieldset {
	    height: 206px;
	}
}
	
	
	
@media screen and (max-width: 1024px) {
	#contact-form fieldset {
	    height: 207px;
	}
	

	
}

@media screen and (max-width: 820px) {
	#map {
	    height: 210px;
	}
	

	.page_1 #contact.right50 {
		width: 100%;
	}

	
}



@media screen and (max-width: 820px) {
	#contact-form fieldset{
		width: 50%;
		float: left;
		display: inline;
		    padding: 3px 3px 0 3px;
	}	
	#contact-form .right{
		width: 100%;
		padding-top: 0px;
	}	
	#contact-form input:not(.bt){
		height: 32px;
		margin-bottom: 9px;
	}
	
	.page_18 a.valider, .page_18  a.bt_fichier  {
		margin-bottom: 9px;
		height: 32px;
		line-height: 32px;
	}
	#map {
	    height: 242px;
	}
	.page_18 #contact-form textarea {
	    height: 242px;
	}
	.page_18 .blocleft, .page_13 .blocleft {
	    background-color: #eeeeee;
	    margin-bottom: 44px;
	    padding: 20px 20px;
	}
	
	.page_18 .blocleft h3, .page_13 .blocleft h3 {
	    font-size: 16px;
	    margin-bottom: 26px;
	}
	.page_18 .blocleft p, .page_13 .blocleft p {
	    margin-bottom: 8px;
	}
		
	#contact-form .bt.bt_1{
		padding: 0px 8px;
	}
	#contact-form #country {
	    margin-left: 6px;
	}
	#contact-form #city, #contact-form #country {
	    width: calc(50% - 3px);
	    display: inline;
	    float: left;
	}
	#contact-form fieldset.right {
	    padding-left: 12px;
	}
	#contact-form fieldset {
	    height: 199px;
	}
	
	.page_18 .barLeft, .page_18 .barRight, .page_13 .barLeft, .page_13 .barRight{
		display: block;
		width: 100%;
		position: relative;
	}
	
	
	
	
}

@media(max-width: 767px) {
	#contact-form fieldset.right, #contact-form fieldset {
	    height: auto;
	    width: 100%;
	    margin-left: 0;
	    margin-top: 0;
	    margin-right: 0;
	    margin-bottom: 0px;
	    padding-left: 0px;
	}
	#contact-form textarea {
		height: 140px;
	}
	#contact-form .bt.bt_1 {
	    margin-bottom: 12px;
	}
	#contact-form .bt.bt_1.mobile {
	    /*display: block;*/
	}	
	
	#map {
	    height: 142px;
	}
	
	
	
}
@media(max-width: 360px) {
	
}
/* ************************************** FOOTER **************************************/

.footer{
	background-color: #F2F2F2;
}

.footer .inner{
	height: 100%;
	text-align: right;
	padding-top: 38px;
}

.menufooter.menu{
	vertical-align: baseline;
	height: 29px;
	text-align: right;
}
.footer .social.socialfooter, .footer .menufooter.menu ul{
	display: inline-block;
	vertical-align: baseline;
}
.footer .infos{
	position: relative;
	top: auto;
	height: auto;
	margin-top: 9px;
}
.footer .menufooter.menu ul{
	margin-right: 40px;
}
.footer *{
	text-transform: uppercase;
}



.footer .miniBar {
	display: block !important;
	padding: 40px 0 30px 0 !important;
}
.footer .miniBar * {
	text-transform: none !important;
}

@media screen and (max-width: 1920px) {

	.footer .miniBar {
		display: block !important;
		padding: 40px 0 30px 0 !important;
	}
}

@media screen and (max-width: 1680px) {
	.footer .miniBar {
		display: block !important;
		padding: 30px 0 20px 0 !important;
	}
}

@media screen and (max-width: 1366px) {

	.footer .inner {
	    padding-top: 24px;
	}
	.footer .menufooter.menu ul {
	    margin-right: 16px;
	}
	.footer .infos {
	    margin-top: 0px;
	}
}

@media screen and (max-width: 1024px) {
	.footer .inner {
	    text-align: right;
	}
	.menufooter.menu {
	
	}
	.footer .social.socialfooter, .footer .menufooter.menu ul {
		
	}
	.menufooter.menu{
		width: 100%;
	}
	.footer .menu a, .footer * {
	    font-size: 12px;
	}
	
	.footer .infos {
		position: relative;
		top: auto;
		height: auto;
		margin-top: 9px;
		text-align: right;
	}
	
	
}

@media screen and (max-width: 820px) {
	.footer .infos {
		padding-left: 0%;
	}
}

@media(max-width: 767px) {

	.footer .inner > * {
		display: block;
		width: 100%;
		margin: 10px 0 20px;
		text-align: center;
		position: relative;
	}
	.footer .inner > *.logo {
		margin-top: -10px;
		margin-bottom: 0px;
	}
	.footer .inner > *.logo img {
		width: 80%;
		margin: 0 10%;
	}
	.footer .inner > *.menufooter {
		display: none;
	}
	.footer .inner > *.miniBar {

		padding: 0 0 30px 0 !important;
	}
	
}

@media(max-width: 360px) {

}



/* ************************************** AJOUTS **************************************/
.lower{
	text-transform: lowercase;
}









/* ************************************** FANCYBOX **************************************/

.fancybox-lock .fancybox-overlay {
	overflow-x: hidden;
	overflow-y: hidden;
}
.fancybox-inner {
	overflow-y: hidden;
}
.fancybox-inner video {
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	margin: 0;
}
.fancybox-skin {
	background: transparent none repeat scroll 0 0;
	padding: 30px;
}
.fancybox-overlay {
	background: transparent url(img/overlay.png) repeat scroll 0 0;
}


.fancybox-next, .fancybox-prev, .fancybox-close {
	width: 48px;
	height: 48px;
}
.fancybox-close {
    background: #606060 url(img/bt_close-2.png) no-repeat scroll 14px 11px;
    background-size: auto auto;
    background-size: 20px 23px;
    top: 20px;
    right: -30px;
}

.fancybox-prev {
	background: #606060 url(img/bt_prev-2.png) no-repeat scroll 16px 12px;
	background-size: 13px 23px;
	top: 50px;
	right: -50px;
	left: auto;
}
.fancybox-next{
	background: #606060 url(img/bt_next-2.png) no-repeat scroll 18px 12px;
	background-size: 13px 23px;
	top: 100px;
	right: -50px;
}
.fancybox-loading{
	
}

.fancybox-nav span {
	height: 30px;
	width: 30px;
	visibility: visible;
}
.fancybox-prev span {
	background-position: 0 -35px;
	right: 10px;
}
.fancybox-next span {
	background-position: 0 -72px;
}
.fancybox-opened .fancybox-skin {
	box-shadow: none;
}


.fancybox-title-float-wrap {
    position: relative;
    bottom: 0px;
    right: auto;
    width: 100%;
    margin-bottom: -35px;
    text-align: left;
	display: block;
}
.fancybox-title-float-wrap .child {
	padding: 24px;
    text-align: left;
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
    position: relative;
    border-radius: 0;
    text-shadow: none;
    color: #fff;
    background-color: #606060;
    white-space: normal;
    color: #4c4c4c;
}
.fancybox-title-float-wrap .child h2, .fancybox-title-float-wrap .child div p {
    color: #cccccc;
}
.fancybox-title-float-wrap .child h2{
	margin-bottom: 12px;
	clear: both;
	font-size: 21px;
}

.fancybox-title-float-wrap .child div.spec{
	width: 120px;
	float: right;
	margin-top: -20px;
	text-align: right;
}
.fancybox-title-float-wrap .child div p{
	margin-bottom: 12px;
	font-size: 13px;	
	float: left;
	line-height: 17px;
}

.fancybox-title-float-wrap .child div.spec p{
	text-align: right;
	width: 100%;
	line-height: 14px;
}	
.fancybox-title-float-wrap .child div.spec p a{
	color: #cccccc;
}
.fancybox-title-float-wrap .child div.desc{
	width: calc(100% - 130px);
}

.fancybox-title-float-wrap .child div .for_mobile_only{
	display: none;
}





@media (max-width: 1024px) {
	.fancybox-title-float-wrap .child h2{
		margin-bottom: 8px;
		font-size: 18px;
	}
	.fancybox-title-float-wrap .child div.spec{
		width: 120px;
		line-height: 14px;
		margin-top: -20px;
	}
	.fancybox-title-float-wrap .child div.desc{
		width: calc(100% - 130px);
		line-height: 16px;
	}
	.fancybox-title-float-wrap .child div p{
		margin-bottom: 10px;
		font-size: 11px;	
	}
	
	
	
}


@media (max-width: 768px) {
	.fancybox-title-float-wrap .child h2{
		margin-bottom: 8px;
		font-size: 19px;
	}
	.fancybox-title-float-wrap .child div.spec{
		width: 120px;
		line-height: 14px;
		margin-top: -20px;
	}
	.fancybox-title-float-wrap .child div.desc{
		width: calc(100% - 130px);
		line-height: 16px;
	}
	.fancybox-title-float-wrap .child div p{
		margin-bottom: 10px;
		font-size: 12px;	
	}
	.fancybox-close{
		background: #606060 url(img/bt_close-2.png) no-repeat scroll 14px 11px;
		background-size: 20px 23px;
	    top: 60px;
	    right: 12px;
		
	}
	.fancybox-prev {
		background: #606060 url(img/bt_prev-2.png) no-repeat scroll 16px 12px;
		background-size: 13px 23px;
		top: 55px;
		right: -48px;
		left: auto;
	}
	.fancybox-next{
		background: #606060 url(img/bt_next-2.png) no-repeat scroll 18px 12px;
		background-size: 13px 23px;
		top: 104px;
		right: -48px;
	}
}

@media (max-width: 479px) {
	.fancybox-title-float-wrap .child {
	    padding: 14px 8px 10px 18px;
	}
	.fancybox-title-float-wrap .child h2{
		margin-bottom: 8px;
		font-size: 16px;
	}
	.fancybox-title-float-wrap .child div.spec{
		width: 120px;
		line-height: 14px;
		margin-top: 0px;
	}
	.fancybox-title-float-wrap .child div.spec.not_for_mobile {
		display: none;
	 }
	.fancybox-title-float-wrap .child div.spec.for_mobile_only {
		display: block;
	 }
	.fancybox-title-float-wrap .child div.desc{
		width: calc(100% - 130px);
		line-height: 16px;
	}
	.fancybox-title-float-wrap .child div p{
		margin-bottom: 10px;
		font-size: 11px;	
	}
	.fancybox-title-float-wrap .child div.spec, .fancybox-title-float-wrap .child div.desc{
		float: none;
		display: block;
		width: 100%;
	}
	.fancybox-title-float-wrap .child div.spec, .fancybox-title-float-wrap .child div.spec p{
		text-align: left;
	}
	.fancybox-title-float-wrap .child div .for_mobile_only{
		display: block;
	}
	.fancybox-next, .fancybox-prev, .fancybox-close {
	    width: 32px;
	    height: 32px;
	}
	.fancybox-close {
	    background: #606060 url(img/bt_close-2.png) no-repeat scroll 8px 7px;
	    background-size: 16px 18px;
	    top: 30px;
	    right: -1px;
	}
	.fancybox-prev {
	    background: #606060 url(img/bt_prev-2.png) no-repeat scroll 10px 7px;
	    background-size: 10px 18px;
	    top: 42px;
	    right: -32px;
	    left: auto;
	}
	.fancybox-next {
	    background: #606060 url(img/bt_next-2.png) no-repeat scroll 12px 7px;
	    background-size: 10px 18px;
	    top: 75px;
	    right: -32px;
	}
}

/* ***************************** OVERLAY *********************************  */

#overlay {
	background: rgba(0, 0, 0, 0.3);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
}
.overlayBox {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	display: table;
}
.overlayBox .cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.overlayBox .cell>div {
	text-align: left;
}
.overlayBox .cell > div {
	background-color: #606060;
	color: #fff;
	width: 655px;
	padding: 20px;
	margin: 0 auto;
	position: relative;
	min-height: 200px;
}
.overlayBox a {
	color: #ffffff;
}
.overlayBox input {
	color: #ffffff;
}
.overlayBox .text {
	font-size: 1em;
}
.overlayBox .buttons {
	top: 0px;
	right: 0;
	position: absolute;
	font-size: 0.9em;
}
.overlayBox .bouton {
	cursor: pointer;
	background: #606060 url(img/bt_close-2.png) no-repeat scroll 14px 11px;
	background-size: 20px 23px;
	width: 48px;
	height: 48px;	
}
.overlayBox .bouton:hover {} 

.overlayBox .button {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border: medium none;
    box-shadow: none !important;
    color: #efefef;
    display: inline-block;
    font-size: 1em;
    height: 25px;
    outline: medium none !important;
    vertical-align: top;
    cursor: pointer;
    padding: 2px 9px 0 7px;
}
.overlayBox .cell > div > div:not(.buttons) {
	text-align: left;
	margin-bottom: 24px;
}
.overlayBox .cell > div > div.buttons {
	text-align: right;
}
.overlayBox .title {
	text-transform: uppercase;
	letter-spacing: 0.0002em;
}
.overlayBox form {
	margin: 22px 0;
}
.overlayBox input {
	height: 25px;
	margin-bottom: 6px;
	color: #606060;
	font-size: 0.8em;
	padding: 0 8px;
}
.overlayBox h1 {
	font-size: 1em;
}
.overlayBox .title {
	font-size: 1.8em;
	margin-bottom: 18px;
}
.overlayBox p {
	margin-bottom: 6px;
}
@media (max-width: 1024px) {
	.overlayBox .cell > div {
		width: 50%;
		padding: 30px;
	}
	.overlayBox .title {
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 12px;
	}
	.overlayBox .button {
	    padding: 5px 9px 0 7px;
	    height: 26px;
	    margin-top: 0px;
	}
}

@media (max-width: 768px) {
	.overlayBox .cell > div {
		width: 68%;
	}
	
	.overlayBox#formRecherche #form_search, .overlayBox#formNews #newsletter-form{
		vertical-align: top;
		
	}
	.overlayBox#formRecherche #form_search #s_search, .overlayBox#formNews #newsletter-form #mail {
		background-color: #ffffff;
		height: 28px;
		margin: 0;
		display: inline-block;
		margin-bottom: 0px;
		top: 0;
		vertical-align: top;
		
	}
	
	.overlayBox#formRecherche #form_search input[type="image"], .overlayBox#formNews #newsletter-form input[type="image"] {
	    height: 28px;
	    width: auto;
	    display: inline-block;
	    margin-left: -2px;
	    vertical-align: top;
	    padding: 0 2px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	
	
	.overlayBox .button {
	    padding: 5px 9px 0 7px;
	    height: 26px;
	    margin-top: 0px;
	}
}
@media (max-width: 479px) {
	.overlayBox .cell > div {
		width: 78%;
	}
	.overlayBox .button {
	    padding: 3px 9px 0 9px;
	}
	.overlayBox h1 {
	    font-size: 0.8em;
	    line-height: 18px;
	}
	.overlayBox p {
	    margin-bottom: 1px;
	}
	
	.overlayBox#formRecherche #form_search {
	    margin-left: 0px;
	}	
	.overlayBox#formRecherche #form_search #s_search {
    	width: 160px;
	}
	.overlayBox #formRecherche #formRecherche #search_bt {
	    display: inline-block;
	    right: auto;
	    padding: 0px 7px 0 7px;
	    height: 23px;
	    margin-left: 6px;
	    margin-top: -6px;
	    width: 32px;
	}
	#FrmProLogin .button{
		display: block;
		width: 37px;
	}

	
	.overlayBox#formNews #newsletter-form {
		margin: 0px 0;
		position: relative;
		display: block;
		height: 80px;
		vertical-align: top;
		width: 100%;
		
	}
	.overlayBox#formNews #newsletter-form input[type="image"] {
	    display: inline-block;
	    margin-bottom: 0px;
		vertical-align: top;
   		height: 28px;
   		padding: 0;
   		margin-left: 0px;
	}
	.overlayBox#formNews #newsletter-form #mail {
	    color: #f2f2f2;
	    height: 28px;
	    width: 160px;
	    display: inline-block;
	    margin: 0;
	    padding: 0px 22px 0 8px;
	    margin-bottom: 0px;
		vertical-align: top;
	}
	
}
@media (max-width: 360px) {
	.overlayBox#formRecherche #form_search #s_search {
		display: block;
	    margin-left: 0;
	}
	.overlayBox#formRecherche #form_search input[type="image"] {
	    height: 28px;
	    width: auto;
	    display: block;
	    margin-left: -2px;
	    margin-top: -2px;
	}
	
	.overlayBox#formNews #newsletter-form #mail {
		display: block;
	    margin-left: 0;
	}	
	
	.overlayBox#formNews #newsletter-form input[type="image"] {
	    height: 28px;
	    width: auto;
	    display: block;
	    margin-left: 0;
	    margin-top: 4px;	
	}
	
}





/* ************************************** TURN ************************************** */

#turn { display: none; }
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
	
	.fullscreen{
		display: none;
	}

	#turn {
		background: none repeat scroll 0 0 #E6E6E6;
		display: block;
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 9999;
		color: #4C4C4C;
		top: 0;
		padding-top: 8%;
	}	
	#turn table {
		height: 100%;
		width: 100%;
	}
	#turn table, #turn td {
		text-align: center;
	}
	#turn td > div {
		display: inline-block;
		margin: 0 auto;
		width: 80%;
	}
	#turn td div > p, #turn td div > div {
		padding-top: 10px;
		text-transform: uppercase;
	}

	#turn .logo {
		position: relative;
		height: 80px;
		width: auto;
		margin-bottom: 24px;
	}
	#turn .turnimg {
		position: relative;
		height: 80px;
		width: auto;
	}
}

@media (orientation: landscape) and (max-height: 360px) {
	#turn {
		padding-top: 3%;
	}	
}





.iS-Item video {
  position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: 1; 
  overflow: hidden;
}

.page_1 .iS-Previous {
	background-image: url(img/bt_prev.png);
	left: 20px;

}
.page_1 .iS-Next {
	background-image: url(img/bt_next.png);
	right: 20px;
}

.page_1 .iS-Previous, .page_1 .iS-Next {
	position: absolute;
	bottom: 380px;
	width: 47px;
	height: 47px;
	display: block;
	cursor: pointer;

}

@media(max-width: 1366px) {
	.page_1 .iS-Previous, .page_1 .iS-Next {
		bottom: 280px;
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
}
@media(max-width: 1024px) {
	.page_1 .iS-Previous, .page_1 .iS-Next {
		bottom: 300px;
	}
}
@media(max-width: 820px) {
	.page_1 .iS-Previous, .page_1 .iS-Next {
		bottom: 416px;
	}
}
@media(max-width: 767px) {
	.page_1 .iS-Previous, .page_1 .iS-Next {
		bottom: 230px;
	}
	
	.page_1 .iS-Previous {
		left: 24px;
	
	}
	.page_1 .iS-Next {
		right: 24px;
	}
	
	
}




/* ************************************** CNIL **************************************/
#tarteaucitronRoot {
	z-index: 130 !important;
}

#tarteaucitronAlertBig span {
    margin: 8px 8px ;
}
.cconsent {
	margin: 12px 0 0 0;
	position: absolute;
	bottom: -34px;
	line-height: 15px;
}


.cconsent input {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 10px;
	float: left;
	margin-right: 5px;
}


@media screen and (max-width:1600px) {
	.cconsent {
		bottom: -32px;
	}
}

@media screen and (max-width:1024px) {
	.cconsentbr {
		margin-bottom: 34px;
	}
}

@media screen and (max-width:768px) {
	#tarteaucitronAlertBig span {
	    margin: 8px 8px ;
	}	
	.cconsentbr {
		margin-bottom: 0;
	}
	.cconsent {
		position: relative;
		bottom: auto;
		line-height: 16px;
		margin: -12px 0 0 0;
	}
	.contact-form {
		height: auto;
		clear: both;
		display: block;
	}
	.contact-form:after {
		clear: both;
		display: block;
		content: '';
	}
}

@media screen and (max-width:767px) {
	.cconsent {
		margin: 6px 0 0 0;
	}
}

/*
.page_1 #home_slider .iS-Items.iS-Active img {
	-webkit-transform: translateX(250px) scale(1.25);
	transform: translateX(250px) scale(1.25);
	-webkit-transition: all 20000ms ease-in-out;
	-moz-transition: all 20000ms ease-in-out;
	-ms-transition: all 20000ms ease-in-out;
	-o-transition: all 20000ms ease-in-out;
	transition: all 20000ms ease-in-out;	
	
}
*/

.page_1 #home_slider .iS-Items:nth-child(even).iS-Active img {
	-ms-transform: translateX(250px) scale(1.25);
	-webkit-transform: translateX(250px) scale(1.25);
	transform: translateX(250px) scale(1.25);
	-webkit-transition: all 20000ms ease-in-out;
	-moz-transition: all 20000ms ease-in-out;
	-ms-transition: all 20000ms ease-in-out;
	-o-transition: all 20000ms ease-in-out;
	transition: all 20000ms ease-in-out;	
	
}

.page_1 #home_slider .iS-Items:nth-child(odd).iS-Active img {
	-ms-transform: translateX(-250px) scale(1.25);
	-webkit-transform: translateX(-250px) scale(1.25);
	transform: translateX(-250px) scale(1.25);
	-webkit-transition: all 20000ms ease-in-out;
	-moz-transition: all 20000ms ease-in-out;
	-ms-transition: all 20000ms ease-in-out;
	-o-transition: all 20000ms ease-in-out;
	transition: all 20000ms ease-in-out;	
}



.grecaptcha-badge {
	display: none !important;
}

.mentions tr:nth-child(even) {
	background-color: #f4f4f4;
}

.mentions table {
	max-width: 100%;
}
.mentions .tableContainer {
	max-width: 100%;
	overflow: auto;
}

.mentions td {
	font-weight: 300;
	padding: 4px 20px 4px 0;	
	margin-bottom: 4px;
}

#tarteaucitronIcon {
	display: none !important;
}

	#tarteaucitronAllDenied2, #tarteaucitronPersonalize2, #tarteaucitronCloseAlert {
		margin: 8px 6px 3px 6px !important;
	}
	
@media screen and (max-width: 820px) {
	#tarteaucitronDisclaimerAlert {
		text-align: center !important;
	}
}