.content-editoriale h1 {
    bottom: 50px;
    position: relative;
}

.mobile_only {
	display:none;
}
#sidebar {
	opacity:0;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
#sidebar.shown {
	opacity:1;
}
@media (max-width: 479px) { 
	main h1, main h2, main h3, main h4, main h5, main h6, main p, main li{
		width:auto;
	}
	.fat{
		font-size: 1.8em !important;
	}
	#menu-principal ul li a, #menu-principal ul li.active a{
		font-size:20px;
	}
	#yoo-zoo h1, .yoo-zoo h1, h1.componentheading, h1.contentheading{
		font-size: 2em !important;
	}
	.accueil h1{
		margin-top: 50% !important;
	}
	#yoo-zoo div[class$="stitre"] p{
		font-size:20px;
	}
	.img-rejoignez{
		min-height:350px;
		background:#224090;
	}
	#rejoindre-accueil .img-rejoignez img{
		display:none;
	}
	#plus-expert .divsavoirplus .pos-content p{
		padding-right:0;
	}
	#saison-rejoindre .txt-saison h2{
		font-size:50px;
		line-height:50px;
	}
	.formlistoffres .sectiontableheader{
		font-size: 16px !important;
	}
	.formlistoffres tr[class^="sectiontableentry"] td:first-child{
		font-size: 14px !important;
		line-height:20px;
	}
	#wrapoffer .detailoffre dt{
		text-align: left;
		float: none;
	}
	.liste_temoignages li{
		list-style: none;
	}
	#europe-expert .fiches-filiales .divfiliale, .pos-related-filiale .divfiliale{
		max-width:100%;
	}
	.hikashop_product_main_image_subdiv{
		margin:0 !important;
	}
	.imgentetedefaut{
		margin-top: 0 !important;
	}
	.hikashop_product_page h1, .hikashop_header_title h1, .covoit_header_title h1{
		margin-top: -30px !important;
		font-size: 2em !important;
	}
	.hikashop_product_main_image{
		height: auto !important;
	}
	#hikashop_product_description_main{
		margin : 0 10px 50px 10px;
	}
	#hikashop_product_description_main h2{
		margin-left : 0;
	}
	#hikashop_cart_product_listing thead tr th:nth-child(2), #hikashop_cart_product_listing thead tr th:nth-child(3){
		font-size: 0;
		text-indent: -99999px;
	}
	#hikashop_cart_product_listing tbody tr td:nth-child(2) span, #hikashop_cart_product_listing tbody tr td:nth-child(3) span{
		display: none;
	}
	#hikashop_order_listing thead th:nth-child(4), #hikashop_order_listing tbody td:nth-child(4){
		display: none;
	}
	#member-registration legend, #users-profile-core legend, #users-profile-custom-fields-1 legend, #users-profile-custom-profile legend, #hikashop_checkout legend, .formorder legend{
		font-size: 2em;
	}
	#hikashop_address_form table tr td, .hikashop_checkout_checkout_address_block table tr td{
		display: block;
		width: 100%;
	}
	.profile{
		padding: 20px;
	}
	.hikashop_checkout_buttons .buttons_left{
		width: auto;
	}
}

@media (min-width: 480px) { 
	#yoo-zoo .width20,
	#yoo-zoo .width25,
	#yoo-zoo .width33, 
	#yoo-zoo .width50,
	.zoo-item-list li {
		/*float: left; */
		display:inline-block;
		vertical-align:top;
		list-style-type:none;
		text-align:center;
		padding:0 10px 10px 10px;
	}

}
@media(max-width:639px) {
		.liste_temoignages li{
		width:100%;
		float:none;
	}
	.hikashop_product_price_full span{
		font-size: 13px !important;
	}
	#hikashop_cart_product_listing tfoot td{
		font-size: 14px;
	}
	.hikashop_cart_product_name{
		font-size: 13px;
	}
}
@media(min-width:640px) {
		#yoo-zoo .width20,
	#yoo-zoo .width25,
	#yoo-zoo .width33, 
	#yoo-zoo .width50,
	.zoo-item-list li  { 
		width: 49%; 
	}
}

@media (min-width: 480px) and (max-width: 899px) {

		#europe-expert .fiches-filiales .divfiliale, .pos-related-filiale .divfiliale{
		max-width:40%;
		width:40%;
	}
	
	.img-valeurs,.img-mission {
		/*text-align:center;  */
	}  
	.img-valeurs img {
		margin-top:0!important;
		padding:50px 0;
	}

}

@media(min-width:805px) {

	#navHead  {
		display:block;
	}	
	#menu-principal {
		display:none;        
	}
	#actions {
		position:absolute;
		right:-1px;
		top:0;
		z-index:1;
		width:280px;
		background:white;
	}
	#actions {
		background:white;
	}
	#navHead.open #menu-principal {
		display:block;
		position:absolute;
		top:107px;
		left:0;
		z-index:1;
		width:452px;
		max-height:450px;
		max-height:calc(100vh - 75px);
		overflow:auto;
	}
}
/*
@media(max-width:804px) {
	.mod-languages .chzn-container .chzn-single{
		color: #fff !important;
	}
	#actions {
		width:100%;
	}
	#actions,#actions ul.menu {
		float:none;
		width:100%;
		margin:0;
		background:hsla(219, 58%, 18%, 1) none repeat scroll 0 0;
	}
	#menu-principal {
		clear:both;
	}
} 
*/
@media (max-width: 899px) {
    .accueil .pos-top img {
		position:relative;
		top:0;
		height:auto;
		margin-top:0!important;
	}   
	.accueil .pos-top .pos-title h1 {
		margin:0!important;
		padding:30px 20px;
	} 
	.stitre, .pos-stitre {
		padding:25px!important;
	}
	#yoo-zoo div[class$="stitre"] {
		top:0!important;
	}
	#yoo-zoo div[class$="stitre"] p {
		margin:0;
	}
	.newsroom-default-frontpage .items, 
	.newsroom-default-actualites .items,
	.newsroom-default-communiques-de-presse .items {
		padding-top:50px;
	}
	.slide-valeurs .uk-slidenav-position.uk-margin {
	    font-size: 0.8em;
	    padding: 0 50px;
	}
	#histoire-expert {
		min-height:0!important;
	}
	/*#histoire-expert .dates-histoire p,
	#histoire-expert .dates-histoire p.fat {
		font-size:0.8em!important;
	} */
	.expertise .titre-expertise {
		margin-bottom:0;
	}
	#leader-expert, 
	#mission-expert, 
	#valeurs-expert .txt-valeurs, 
	#valeurs-expert .slide-valeurs, 
	#histoire-expert .txt-histoire, 
	.img-valeurs, .img-mission,
	#histoire-expert .dates-histoire, 
	#chiffres-expert, 
	#saumon-expert, 
	#politique-expert, 
	#certifs-expert, 
	#plus-expert .element-relateditemspro, 
	#plus-expert .fat, 
	#europe-expert,
	#menu-principal-2 > ul,
	.content-editoriale .pos-content,
	.pos-related-filiale,
	.newsroom-default-frontpage .items, 
	.newsroom-default-actualites .items, 
	.newsroom-default-communiques-de-presse .items,
	#wrapfullnews, .content-editoriale .pos-content, 
	.content-editoriale .intro, 
	#wrapcontact,
	#wrapphilo,
	#deuxcolonnes-rejoindre .txt-colg .element,
	#deuxcolonnes-rejoindre #wrapcold-rejoindre,
	#temoins-rejoindre .txt-temoins,
	.bloc3-temoins .divtemoin,
	#rs-rejoindre,
	#saison-rejoindre .txt-saison .element ,
	#plus-rejoindre .fat,
	#plus-rejoindre .element-textarea{
		width:640px!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
		.img-valeurs,.img-mission {
		/*text-align:center;  */
		padding:0 20px;
	} 
	
	.bloc3-temoins .divtemoin {
		display:block;
	}
	#europe-expert .fiches-filiales .divfiliale p, .pos-related-filiale .divfiliale > p {
		min-height:0!important;
	}
	#europe-expert .fiches-filiales .divfiliale > a, .pos-related-filiale .divfiliale > a {
		height:auto!important;
		min-height:0!important;
		padding-bottom:10px!important;
	}

	#certifs-expert .txt-certifs {
    	text-align: left;
    	padding-left:20px;
	}
	#yoo-zoo .pos-related * {
	    text-align: left!important;
	}
	
	h1{
		font-size: 4em !important;
		margin-left: 20px;
	}
	h2{
		font-size:1.5em;
	}
	.fat{
		font-size: 2.5em;
	}
	.margetop80{
		margin-top: 0;
	}
	.margetop160{
		margin-top:40px;
	}
	.accueil .pos-top img,.expertise #entete-expertise img, .nous-rejoindre #entete-rejoindre img, #rejoindre-accueil .img-rejoignez img, #histoire-expert #bghistoire, #saumon-expert img, 
	#offres-rejoindre .mod-offres, .bloc3-temoins{
		left: 0;
		width: 100% !important;
		max-width: 100% !important;
	}
	#yoo-zoo div[class*="title"] h1{	
		margin-top:40%;
	}
	
	#yoo-zoo div[class$="stitre"]{
		position: relative;
		right: 0;
		top: -64px;
	}
	.accueil .titre-expertise, .accueil .titre-alaune{
		margin-top: 0;
	}
	.accueil .img-expert img, .nous-rejoindre #entete-rejoindre img, .expertise #entete-expertise img{
		left: inherit;
		top: inherit;
	}

	.accueil .liens-expert{
		margin-top: 0;
	}
	.accueil .liens-expert .blocitemlist{
		width: 100%;
		height: auto;
		line-height: inherit;
	}
	.accueil .liens-expert .blocitemlist img{
		width: 100%;
	}
	#wrapalaune{
		background: #ffb105;
		padding: 20px;
	}
	#bgalaune{
		display: none;
	}
	#une-accueil .txt-une, #une-accueil .img-une{
		position: relative;
	}
	#une-accueil .txt-une{
		max-width: 100%;
	}
	#une-accueil .img-une{
		right: inherit;
	}
	#rejoindre-accueil .txt-rejoignez{
		top: 20px;
		left: 20px;
	}
	p.fat,
	#rejoindre-accueil .txt-rejoignez .fat{
		font-size: 3em;
	}
	#rejoindre-accueil .txt-rejoignez h3{
		font-size: 2em;
	}
	#bloc4liensoffre{
		position: relative;
		bottom: inherit;
	}
	#bloc4liensoffre > div{
		display: block;
		width: 100%;
	}
	#rejoindre-accueil{
		margin-bottom: 0;
	}
	#yoo-zoo .pos-related{
		background: #224090;
		padding: 20px;
	}
	#imgensavoirplus{
		display: none;
	}
	#yoo-zoo .pos-related p.fat, #yoo-zoo .accueil .pos-related div.element{
		position: relative;
	}
	.accueil .pos-related div.element > div{
		display: block;
		width: 100%;
	}
	.wrapbottom{
		max-height: none;
	}
	#bas-de-page .wrapbottom > div{
		display: block;
		width: 100%;
	}
	.wrapbottom img{
		width: 100%;
	}
	#bas-de-page .divmenufooter{
		float: none;
		width: 100%;
	}
	.expertise .img-leader, .expertise .txt-leader, .expertise .img-mission, .expertise .txt-mission{
		display: inline-block;
		width: 100%;
		margin:15px 0;
	}
	.expertise .img-leader img{
		max-width: 100%;
	}
	.expertise .img-mission img{
		margin-top:10px;
		margin-left: 0;
	}
	.expertise .img-leader img{
		width: 100%;
	}
	#wrapvaleurs{
		position: relative;
	}
	#valeurs-expert .slide-valeurs .uk-slideset h3.uk-panel-title{
		font-size:30px;
	}
	#valeurs-expert .slide-valeurs .uk-slidenav{
		font-size:50px;
		bottom:80px;
	}
	#bghistoire{
		display: none;
	}

	#imgbgchiffres{
		margin-left:0;
	}
	.expertise .chiffres-cles .element >div{
		width:100%;
		display:block;
		margin-bottom:30px;
	}
	.expertise .chiffres-cles .element >div p:first-child{
		margin-bottom:20px;
	}
	#europe-expert .txt-europe{
		position: relative;
		margin: -120px 0px 0 0;
		padding:0 20px;
		top: 0;
		left: 0px;
	}
	#europe-expert .fiches-filiales{
		margin-top: 0;
		margin-left:0px;
		padding:0 20px;
	}

	#europe-expert .fiches-filiales .divfiliale p, .pos-related-filiale .divfiliale > p{
		min-height:35px;
	}
	#politique-expert .txt-politique{
		margin-left:0px;
		padding:0 20px;
	}
	#plus-expert h3, #plus-expert .element-relateditems{
		position:relative;
		top:inherit;
	}
	#plus-expert .divsavoirplus{
		display:block;
		max-width:100%;
	}
	#philo-rejoindre .txt-philo h2{
		font-size:50px;
		line-height:50px;
	}
	#philo-rejoindre .txt-philo{
		max-width: 100%;
	}
	#philo-rejoindre .img-philo{
		position: relative;
		left: 0;
		margin-top: 40px;
	}
	/* décalé à plus large
	#deuxcolonnes-rejoindre .txt-colg, #deuxcolonnes-rejoindre #wrapcold-rejoindre{
		display:block;
		width:100%;
	}
	#deuxcolonnes-rejoindre #wrapcold-rejoindre{
		margin-top:40px;
	}
	#deuxcolonnes-rejoindre #wrapcold-rejoindre > div{
		margin:0;
	} */
	#temoins-rejoindre .txt-temoins div p:first-child{
		font-size:50px;
		line-height:50px;
	}

	#philo-rejoindre .img-philo img{
		max-width: 100%;
	}
	#rs-rejoindre table td {
		display:block;
		width:100%;
	}
	#rs-rejoindre table td:first-child {
		border-bottom:1px solid white;
		padding-bottom:10px!important;
	}
	#rs-rejoindre table td:first-child span{
		font-size: 50px;
		display:block;
		padding:20px 0;
	}
	#rs-rejoindre table{
		height: 109px;
		max-width:100%;
	}
	#rs-rejoindre table td a:first-child img{
		border:none;
	}   
	#offres-rejoindre .moduletable >div > div .uk-panel{
		height: 320px !important
	}
	#offres-rejoindre .mod-offres{
		background: rgba(0, 0, 0, 0) url("../images/bg-offres.png") no-repeat scroll 95% 68px;
		padding-left:10px;
	}
	#offres-rejoindre .moduletable > div > div .uk-panel h3{
		font-size: 18px;
		line-height: 22px;
	}
	#offres-rejoindre .moduletable >div > div .uk-panel p a{
		bottom: 10%
	}
	#saison-rejoindre .img-saison img{
		position: relative;
	}
	#rejoindre-accueil{
		margin-bottom: 60px;
	}
	#imgensavoirplus{
		display: none;
	}
	#yoo-zoo .pos-related .blocitemlist{
		padding:0px;
	}
	#plus-expert, #plus-rejoindre{
	background:#224090;
	}
	#yoo-zoo .pos-related p.fat, #yoo-zoo .accueil .pos-related div.element, #plus-expert h3, #plus-expert .element-relateditems, #plus-rejoindre h3, #plus-rejoindre div.element{
		position: relative;
	}
	#plus-rejoindre div.element >div{
		width:100%;
		display:block;
	}
	.content-editoriale .blocimgh1-editoriale img, .content-temoin .blocimgh1-temoin img, .imgentete, .catzootemoins .description img{
		max-width: 100%;
		margin-left: 0;
		margin-top:0;
		left:0;
	}
	.content-editoriale .intro, .catzootemoins .description .intro{
		font-size:1.5em;
		margin-left:40px;
	}
	#imgdefautentete, .blocimgh1-newsroom img{
		margin:0;
		max-width: 100%;
	}
	.newsroom-default-frontpage .items, .newsroom-default-actualites .items, .newsroom-default-communiques-de-presse .items{
		padding-left:20px;
		padding-right:20px;
	}
	#wrapfullnews, .content-editoriale .pos-content, .pos-related-filiale, .content-editoriale .intro, #wrapcontact{
		padding-left:20px;
		padding-right:20px;
	}

	main > h1, 
	main > h2, 
	main > h3, 
	main > h4, 
	main > h5, 
	main > h6, 
	main > p, 
	main > ul > li {
		padding-right:20px;
	}
	.newsroom-default-frontpage h2, .newsroom-default-actualites h2, .newsroom-default-communiques-de-presse h2, .content-editoriale .pos-content h2,
	#wrapcontact h2{
		margin-left:0;
	}	
	.pos-related-filiale >div>div{
		margin-left:0px !important;
	}
	#yoo-zoo .content-temoin .pos-related{
		background: none;
	}
	.pos-related-editoriale h3, .pos-related-editoriale > div{
		position: relative;
	}
	.pos-related-editoriale > div > div{
		max-width: 100%;
	}
	h1.componentheading, h1.contentheading{
		width:100%;
		margin-left:0;
		margin-top:-40px;
	}
	form#adminForm p, form#userForm p, form#userForm h2, form#application-form p{
		width:100%;
	}
	.formlistoffres{
		margin:20px;
	}
	.formlistoffres .sectiontableheader{
		font-size: 20px;
	}
	.formlistoffres tr[class^="sectiontableentry"] td:first-child{
		font-size: 18px;
	}
	.marge107left{
		margin-left:20px;
	}

	.contact .pos-title h1{
		margin-top:20px !important;
		max-width:100%;
		margin-left:0;
	}
	.contact .pos-title h1 span{
			padding-left:20px;
	}
	#wrapoffer{
		margin:20px;
	}
	#wrapoffer h2{
		width:100%;
	}
	#wrapoffer .detailoffre dd, #wrapoffer .detailoffre dt{
		font-size:18px;
	}
	#sidebar {
		display:none;
	}
	.mobile_only {
	    display:block;
		border-top: 1px solid hsl(0, 0%, 100%);
	    font-size: 0.8em;
	}
	.mobile_only > ul {
		padding-bottom:20px;
	}
	#mobile_only .nav-child li a {
	    font-size: 0.8em;
	}
	.mobile_only li a {
	    font-size: 1.4em!important;
	}
	.mobile_only .nav-child .sep {
	    margin-top: 20px;
	}
	.mobile_only .nav-child span.nav-header {
	    color: hsl(0, 0%, 100%);
	    -webkit-text-shadow: none;
	    text-shadow: none;
	}
	.mobile_only .nav-header {
	    color: hsl(0, 0%, 100%);
	    margin: 20px 0 0 10px;
	    text-shadow: none;
	}
	
	#menu-principal-2 {
	    background: hsla(219, 58%, 18%, 0.9) none repeat scroll 0 0;
	    width: 100%;
	    padding-bottom:0;
	    clear:both;
	}
	#menu-principal-2 > ul {
	    padding:0px 0 20px 0;
	    margin-top:20px;
	    margin-bottom:5px;
	    
	}
	#menu-principal-2 ul li a, #menu-principal-2 ul li.active a {
	    color: hsl(47, 100%, 51%)!important;
	    font-family: "gotham_lightregular";
	    font-size: 28px;
	    font-weight: 100;
	    padding: 8px 25px;
	    display:block;
	    margin-top:5px;
	    text-transform: uppercase;
	    text-decoration:none!important;
	}
	#menu-principal-2 ul li:first-child {
	    padding-top: 15px;
	}
	#menu-principal-2 ul li a:hover {
	    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
	    color: hsl(0, 0%, 100%);
	}
	#header {
		height:75px!important;
		margin-bottom:0px!important;
	}
	#burger {
		height:75px!important;
		width:75px!important;
		padding:5px!important;
	}
	#burger div {
	    background: hsla(0, 0%, 0%, 0) url("../images/bg-burger.png") no-repeat scroll center 12px!important;
	    padding-top: 42px!important;
	}
	#logo,#logo img {
		height:75px!important;
		
	}
	#navHead.open #menu-principal {
		top:75px;
	}
	.expertise .txt-leader > div, .expertise .txt-mission > div {
		padding:0 20px!important;
	}
	#valeurs-expert .txt-valeurs p:nth-child(n+2) {
		padding:0 7%!important;
	}
	#valeurs-expert .slide-valeurs .uk-slideset h3.uk-panel-title {
	    font-size: 20px!important;;
	}	
	.imgentetedefaut{
		margin-left:0;
	}
	.wrapentete h1{
		margin-top:-30px;
	}
	.hikashop_product_price_full span{
		font-size:16px;
	}
	#arrange2drive h1{
		font-size:1.5em !important;
	}
	.expertise .titre-expertise{
		margin:0;
	}
	#toolbar{
		float: none !important;
	}
	#toolbar table td{
		display: block;
		width: 100%;
	}
	#toolbar table td a{
		margin: 5px;
	}
}
@media(max-width:1459px) {
    #wrapfullnews, .content-editoriale .pos-content, .content-editoriale .intro, #wrapcontact{
		margin-left:20px;
		margin-right:20px;

	}
	#deuxcolonnes-rejoindre .txt-colg, #deuxcolonnes-rejoindre #wrapcold-rejoindre{
		display:block;
		width:100%;
		text-align:left;
	}
	#deuxcolonnes-rejoindre #wrapcold-rejoindre{
		margin-top:40px;
		padding:0 5%;
	}
	#deuxcolonnes-rejoindre #wrapcold-rejoindre > div{
		margin:0;
	} 
	.bloc3-temoins .divtemoin{
		width: 100%;
	}
	.bloc3-temoins .divtemoin .pos-media .element-image, 
	.catzootemoins .pos-media .element-image,
	#temoins-rejoindre .txt-temoins,
	.bloc3-temoins .divtemoin .element-text, .catzootemoins .element-text,
	.bloc3-temoins .divtemoin .pos-links, .catzootemoins .pos-links {
		padding:0 5%;
		margin-left:0;
	}
	.bloc3-temoins .divtemoin .pos-links a, 
	.catzootemoins .pos-links a {
		margin: 0 0 20px 0;
	}
	#saison-rejoindre .txt-saison {
		width:100%!important;
	}
	.nous-rejoindre .img-saison {
		padding:40px 0;
		text-align:center;
	}
	.fiches-filiales .uk-subnav,
	.divfiliale .uk-subnav {
	 	margin-top:0!important;
	 	margin-bottom:40px!important;
	}
		#histoire-expert{
		background: #ffa705;
		min-height: 1300px;
		padding:40px;
	}
	#histoire-expert .txt-histoire{
		top: 4%;
		left: 0;
		position:relative;
	}
	#histoire-expert .dates-histoire{
		left: 0;
		top: 25%;
		position:relative;
		font-size:1.2em;
	}
	#histoire-expert .dates-histoire p{
		font-size: 1.2em!important;
	}
	.hikashop_product_main_image_subdiv{
		margin:0 20px;
	}
	
}
@media(min-width:900px) {
	header.header,
	footer.footer,
	#centrale {
		margin-left:auto!important;	  
		margin-right:auto!important;	
		width: 900px!important;
	}
	#header {
		background:none;
	}
	#sidebar {
		position:absolute;
		left:50%;
		margin-left:-450px!important;
		z-index:1;
		width:230px;
	}
	#content {
		margin-left:230px!important;	  
		width: 570px!important;
	}
	.content-editoriale h2,
	.content-editoriale h3,
	.content-editoriale h4,
	.content-editoriale ul, 
	.content-editoriale p,
	.content-editoriale fieldset {
		padding-left:20px;
	}
	main h1, 
	main h2, 
	main h3, 
	main h4, 
	main h5, 
	main h6, 
	main p, 
	main li {
	width: 670px;
	}
	#gris {
		left:50%;
		margin-left:-220px;
		border-left:1px solid #ccc;
	}
	#gris:before,
	#gris:after{
		content:" ";
		border-left:1px solid #ccc;
		position:absolute;
		height:100%;
		left:0;
		top:0;
		z-index:1;
	}
	#gris:before {
	    left:450px;
	}
	#gris:after {
	    left:900px;
	}
	#yoo-zoo .width20 {
		width:19.999%;
	}
	#yoo-zoo .width25,
	#yoo-zoo .width33,
	.zoo-item-list li,
	#yoo-zoo .width50 { 
		width: 49%; 
	}
	#bas-de-page .wrapbottom > div {
	    align-items: stretch;
	    display: flex;
	    margin-top: 2px;
	    padding: 0;
	    position: relative;
	    width: 100%;
	}
	#bas-de-page .wrapbottom {
    	align-items: stretch;
		display: flex;
		justify-content: space-between;
	}
	#bas-de-page .wrapbottom > div {
	    width: 49.8%;
	}
	
	#bas-de-page .wrapbottom > div p {
	    margin-bottom: 0;
	    width: 100%;
	}
	.custommodnosmarques > p {
	    left: 50%;
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translate3d(-50%, -50%, 0px);
	    -moz-transform: translate3d(-50%, -50%, 0px);
	    -ms-transform: translate3d(-50%, -50%, 0px);
		transform: translate3d(-50%, -50%, 0px);
	    z-index: 1;
	    font-size: 2.5em;
	}
	#content {
		padding-left:1px;	
	}	
	#offres-rejoindre .moduletable > div > div .uk-panel{
		min-height: 234px !important;
		height: 234px !important;
		max-height: 234px !important;	
	}   
	#offres-rejoindre .moduletable > div > div .uk-panel h3 {
		padding-top:30%;
	}



	.accueil .txt-expert{
		position: absolute;
		left: 0px;
		top: 0;
		padding-left:52%;
		padding-right:0;
		z-index:2;
	}

	.accueil .txt-expert p.fat {
	    left: -162px;
	    position: relative;
	    text-align: right;
	}

	
		
}
@media(min-width:1200px) and (max-width:1459px){
	#offres-rejoindre .moduletable >div > div .uk-panel{
		min-height: 214px !important;
		height: 214px !important;
		max-height: 214px !important;	
	}   
	#offres-rejoindre .moduletable > div > div .uk-panel h3 {
		padding-top:30%;
	}
}
@media(min-width:900px) and (max-width:1459px) {
	#accueil #content{
		margin-left: 0 !important;
		width: 100% !important;
	}
	#accueil #bas-de-page .wrapbottom{
		width: 100% !important;
		margin-left: 0;
	}
	/*#accueil #bas-de-page .wrapbottom > div{
		max-width: 33%;
	} */
	#content{
		width: 670px !important;
	}
	.accueil .pos-top img, #rejoindre-accueil .img-rejoignez img, #histoire-expert, #bghistoire, #saumon-expert img, #offres-rejoindre .mod-offres, .bloc3-temoins{
		left: 0;
		width: 100% !important;
		max-width: 100% !important;
	}
	.expertise #entete-expertise img, .nous-rejoindre #entete-rejoindre img{
		width: 900px;
		left: -230px;
	}
	h1{
		font-size: 4em;
	}
	h2{
		font-size: 2em;
	}
	.fat{
		font-size: 3em;
	}
	.accueil .pos-title h1{
		margin-top: 10%;
		margin-left: 107px;
	}
	#yoo-zoo div[class$="stitre"]{
		right: 0;
		width: 50%;
	}
	#yoo-zoo div[class$="stitre"] p{
		font-size: 20px;
	}
	.accueil .img-expert img{
		left: -8%;
		max-width: 530px;
	}
	.accueil .liens-expert{
		margin-top: 50px;
	}
	#bgalaune{
		width: 100%;
		left: 0;
	}
/*	.img-une img{
		max-height: 300px;
		width: auto;
	}
	#une-accueil .txt-une{
		top: 10%;
	}
	#rejoindre-accueil .txt-rejoignez{
		top:5%;
	}  
	#wrapalaune .txt-une, #rejoindre-accueil .txt-rejoignez{
		padding-left: 25px;
	} */ 
        
	#rejoindre-accueil .txt-rejoignez{
		padding-left: 25px;
		top:10%;
	}
	#bloc4liensoffre{
		left: 5px;
	    position: relative;
	    top: -40px;
	}
	#bloc4liensoffre > div{
		height: 205px;
		line-height: 205px;
	}
	#bloc4liensoffre > div a{
		font-size: 20px;
	}
	#imgensavoirplus{
		left: 0;
		width: 100%;
		max-width: 100%;
	}
	#bas-de-page{
		margin-left: auto!important;
	    margin-right: auto!important;
	    width: 900px!important;
	}
	#bas-de-page .wrapbottom{
		width: 670px !important;
		margin-left: 230px;
	}
	/*#bas-de-page .wrapbottom >div{
		max-width: 32.9%;
	} */
	#bas-de-page .divmenufooter{
		margin-left: 230px;
	}
	.expertise .title, .nous-rejoindre .title{
		left: -25%;
		top:20%;
	}
	.expertise .title h1, .nous-rejoindre .title h1{
		margin-top: 10%;
	}
	.expertise .img-leader, .expertise .txt-leader, .expertise .img-mission, .expertise .txt-mission{
		display: inline-block;
		width: 100%;
		margin:15px 0;
	}
	.expertise .img-leader img{
		max-width: 100%;
	}
	.expertise .img-mission img{
		margin-top:10px;
		margin-left: 0;
	}
	.expertise .img-leader img{
		width: 110%;
	}
	#valeurs-expert .img-valeurs img{
		margin-top: 0;
	}
	#wrapvaleurs{
		position: relative;
	}
	#bghistoire{
		display: none;
	}
	#histoire-expert{
		background: #ffa705;
		min-height: 1300px;
	}
	#histoire-expert .txt-histoire{
		top: 4%;
		left: 0;
	}
	#histoire-expert .dates-histoire{
		left: 0;
		top: 25%;
	}
	#histoire-expert .dates-histoire p{
		font-size: 25px;
	}
	.expertise .chiffres-cles .element > div p:first-child{
		height: 50px;
	}
	#europe-expert .fiches-filiales .divfiliale, .pos-related-filiale .divfiliale {
		max-width:42%;
		margin-left:40px!important;
	}
	
	
	.tres_grand{
		font-size: 2em;
	}
	#europe-expert .txt-europe{
		position: relative;
		margin: 30px 0;
		top: 0;
		left: 80px;
	}
	#europe-expert .fiches-filiales{
		margin-top: 0;
	}
	#imgensavoirplus{
		display: none;
	}
	#yoo-zoo .pos-related .blocitemlist{
		padding:0 20px;
	}
	#plus-expert, #plus-rejoindre{
	background:#224090;
	}
	#yoo-zoo .pos-related p.fat, #yoo-zoo .accueil .pos-related div.element, #plus-expert h3, #plus-expert .element-relateditems, #plus-rejoindre h3, #plus-rejoindre div.element{
		position: relative;
	}
	#yoo-zoo .pos-related p.fat{
		top: inherit;
		font-size: 30px;
		left: inherit;
		padding: 30px 20px;
	}
	#plus-expert .element-relateditems, .pos-related-editoriale > div, .accueil .pos-related div.element{
		top: inherit;
		left: inherit;
	}
	#plus-expert .divsavoirplus{
		max-width: 50%;
	}
	#philo-rejoindre .txt-philo{
		max-width: 100%;
	}
	#philo-rejoindre .img-philo{
		position: relative;
		left: 0;
		margin-top: 40px;
	} /*
	.bloc3-temoins .divtemoin{
		width: 33.33%;
	}     */
	#philo-rejoindre .img-philo img{
		max-width: 100%;
	}
	#rs-rejoindre table td:first-child span{
		font-size: 50px;
	}
	#rs-rejoindre table{
		height: 109px;
	}
	#offres-rejoindre .mod-offres{
		background: rgba(0, 0, 0, 0) url("../images/bg-offres.png") no-repeat scroll 95% 68px;
	}
	#offres-rejoindre .moduletable > div > div .uk-panel h3{
		font-size: 18px;
		line-height: 22px;
	}
	#offres-rejoindre .moduletable >div > div .uk-panel p a{
		bottom: 10%
	}
	#saison-rejoindre .img-saison img{
		position: relative;
	}
	#rejoindre-accueil{
		margin-bottom: 60px;
	}
	.content-editoriale .blocimgh1-editoriale img, .content-temoin .blocimgh1-temoin img{
		max-width: 100%;
		margin-left: 0;
	}
	.content-editoriale .intro{
		font-size:2em;
	}
	#yoo-zoo .pos-related{
		background: #224090;
	}
	#yoo-zoo .content-temoin .pos-related{
		background: none;
	}
	.pos-related-editoriale h3, .pos-related-editoriale > div{
		position: relative;
	}
	.pos-related-editoriale > div > div{
		max-width: 50%;
	}
	#imgdefautentete, .imgentete{
		margin-left: 0;
	}
	.blocimgh1-newsroom img, .catzootemoins .description img{
		max-width: 100%;
		margin-left: 0;
		left: 0;
	}
	.formlistoffres{
		margin: 20px;
	}
	.formlistoffres .sectiontableheader{
		font-size: 20px;
	}
	.formlistoffres tr[class^="sectiontableentry"] td:first-child{
		font-size: 18px;
	}
	.catzootemoins .description .heading{
		bottom: 0;
	}
	.margetop160{
		margin-top: 80px;
	}
	.margetop80{
		margin-top: 40px;
	}
	.imgentetedefaut{
		margin-left:0;
	}
	.wrapentete h1{
		margin-top:-40px;
	}
	.profile, .profile-edit{
		padding:0 40px;
	}
	.hikashop_product_price_full span{
		font-size:16px;
	}
	.content-editoriale .pos-content h2{
		margin-left: -20px;
	}
	#wrapcontact h2{
		margin-left: 0;
	}
	.liste_temoignages ul li:nth-child(odd){
		clear: both;
	}
	#hikashop_category_information_module_144 .hikashop_product_image{
		height: auto !important;
	}
	.wraplistprod{
		padding: 0;
	}
	a.hikacart{
		font-size: 12px !important;
	}
	.hikashop_product_main_image_subdiv{
		margin:0 0 0 20px;
	}
	.hikashop_checkout_login .hkc-lg-4, .hikashop_checkout_login .hkc-lg-8{
		float: none;
		width: 100%;
	}
	.accueil .txt-expert p.fat {
	    font-size: 3.5em; 
		max-width: 400px;
	}
	.accueil .txt-expert h3 {
		margin-top:10px;
		font-size:1.85em;
	}
}
@media(min-width:1460px) {
	.body .container {
		background:url('../images/vague.png') no-repeat fixed  center center; 
	}
	header.header,
	footer.footer, 
	#centrale{
		width: 1200px!important;
		margin-left:250px!important;	 
		margin-right:0!important;
	}
	#centrale {
		overflow-x:visible;

	}
	#sidebar {
       margin-left:20px!important;
       left:0;
	}
	#content {
	    padding: 0;
		margin-left:0px!important;	  
		width: 1200px!important;
		overflow:visible!important;
	}	
	
	#imgdefautentete,
	.content-editoriale .blocimgh1-editoriale img, 
	.content-temoin .blocimgh1-temoin img {
	    margin-left: 107px;
	    margin-top: -65px;
	    width: 1094px;
	}
	#content h2,
	#content h3,
	#content h4,
	#content ul, 
	#content p,
	#content fieldset {
		padding-left:0px;
	}
	#gris {
		left:250px;
		margin-left:0;
	}
	#gris:before {
	    left:600px;
	}
	#gris:after {
	    left:1200px;
	}
	#yoo-zoo div[class$="stitre"]{
		max-width: 50%;
	}

	#yoo-zoo .width25 { 
		width: 24.999%; 
	}

	#yoo-zoo .width33,
	.zoo-item-list li { 
		width: 33%; 
	}
	#offres-rejoindre .moduletable >div > div .uk-panel{
		min-height: 392px !important;
		height: 392px !important;
		max-height: 392px !important;	
	}   
	#offres-rejoindre .moduletable > div > div .uk-panel h3 {
		padding-top:40%;
	}
	#histoire-expert .txt-histoire {
		padding:100px 20px 40px 10%;
	}	
	p.fat {
		font-size:5.43em;
	}
	.accueil .txt-expert{
		padding-left:52%;
		padding-right:20px;
	}
	.accueil .txt-expert p,
	.accueil .txt-expert h3 {
		padding-left:110px!important;	
	}
	.accueil .txt-expert p.fat{
		padding-left:0px!important;	
		left:-91px;
	}

	.liens-expert {
		margin-top:100px;
	}

}
@media(min-width:1460px) and (max-width:1539px) {
	.accueil .pos-top img, .accueil .img-expert img, #rejoindre-accueil .img-rejoignez img, .expertise #entete-expertise img, #histoire-expert, #bghistoire, #saumon-expert img, .nous-rejoindre #entete-rejoindre img, #offres-rejoindre .mod-offres, .bloc3-temoins{
		left: -8%;
		max-width: 1400px;
	}
	#imgensavoirplus{
		left: -8%;
		width: 1400px;
	}
	#bas-de-page{
		margin-left: 250px !important;
		width: 1400px !important;
	}
	#bas-de-page .wrapbottom >div{
		max-width: 33.15%;
	}    
	
	#accueil .pos-top .element.element-image.first.last {
	    left: -28%;
	    max-width: none;
	    position: relative;
	    width: 138%;
	}
}
@media(min-width:1540px) {
	header.header,
	footer.footer, 
	#centrale{
		margin-left:330px!important;
	}
	#sidebar {
       margin-left:30px!important;
       width:300px;
	}
	#gris {
		left:330px;
	}

}
@media(min-width:1540px) and (max-width:1639px) {
	#bas-de-page{
		margin-left: 330px !important;
	}
	#accueil .pos-top .element.element-image.first.last {
	    left: -28%;
	    max-width: none;
	    position: relative;
	    width: 138%;
	}
}
@media(min-width:1640px) {
	header.header,
	footer.footer, 
	#centrale{
		margin-left:430px!important;	 
	}
	#sidebar {
       margin-left:130px!important;
    }
	#gris {
		left:430px;
	}
}
@media(min-width:1640px) and (max-width:1799px) {
	#bas-de-page{
		margin-left: 430px !important;
	}
	#accueil .pos-top .element.element-image.first.last {
	    left:-38%;
		max-width: none;
	    position: relative;
	    width:  152%;
	}
}
@media(min-width:1460px) and (max-width:1799px) {
	.accueil .pos-top img, #rejoindre-accueil .img-rejoignez img, .expertise #entete-expertise img, #histoire-expert #bghistoire, #saumon-expert img, .nous-rejoindre #entete-rejoindre img, #offres-rejoindre .mod-offres, .bloc3-temoins{
		left: 0;
		width: 100% !important;
		max-width: 100% !important;
	}
	.accueil .pos-title h1{
		margin-top: 20%;
		margin-left: 107px;
	}
	#yoo-zoo div[class$="stitre"]{
		right: 0;
		bottom:26%;
	}
	.accueil .img-expert img{
		left: -8%;
		max-width: 800px;
	}
	.accueil .liens-expert{
		margin-top: 0;
	}
	#bgalaune{
		width: 100%;
		left: 0;
	}
	#wrapalaune .txt-une, #rejoindre-accueil .txt-rejoignez{
		padding-left: 25px;
	}
	#bloc4liensoffre{
		left: 10px;
	    position: relative;
	    top: -40px;
	}
	#imgensavoirplus{
		left: 0;
		width: 100%;
		max-width: 100%;
	}
	#bas-de-page{
		width: 1200px !important;
	}
	/*#bas-de-page .wrapbottom >div{
		max-width: 33.12%;
	}    */
	footer.footer{
		margin-left: 0px !important;
	}
	.expertise .img-leader img{
		width: 110%;
	}
	#histoire-expert .txt-histoire{
		top: 4%;
	}
	#histoire-expert .dates-histoire p{
		font-size: 25px;
	}
	#yoo-zoo .pos-related p.fat{
		top: 5%;
		font-size: 30px;
		left: 25px;
	}
	#plus-expert .element-relateditems, .pos-related-editoriale > div, .accueil .pos-related div.element{
		top: 15%;
		left: 25px;
	}
	.bloc3-temoins .divtemoin{
		width: 33.33%;
	}
	#offres-rejoindre .moduletable >div > div .uk-panel{
		max-height: 392px !important
	}
	#philo-rejoindre .img-philo img{
		max-width: 100%;
	}
	#plus-rejoindre div.element{
		padding-left: 50px;
	}
	.content-editoriale .blocimgh1-editoriale img, .content-temoin .blocimgh1-temoin img{
		max-width: 100%;
		margin-left: 107px;
	}
	.margetop160{
		margin-top: 80px;
	}
	.bloc3-temoins .divtemoin {
		padding-left:20px;
	}
}
@media(min-width:1800px) {
	#bas-de-page {
	 	margin-left:auto!important;	  
		margin-right:auto!important;	
		width: 1800px!important;	  
	}
	.bloc3-temoins .divtemoin .pos-media .element-image, .catzootemoins .pos-media .element-image {
		margin: 0 5px;
	}
	#offres-rejoindre .moduletable > div > div .uk-panel h3 {
    padding-top: 32%;
}

}
@media(min-width:1800px) and (max-width:1859px) {
	.accueil .pos-top img, #rejoindre-accueil .img-rejoignez img, .expertise #entete-expertise img, #histoire-expert #bghistoire, #saumon-expert img, .nous-rejoindre #entete-rejoindre img, #offres-rejoindre .mod-offres, .bloc3-temoins{
		left: -8%;
		width: 115% !important;
	}
	#yoo-zoo div[class$="stitre"]{
		right: 0;
	}
	.accueil .img-expert img{
		left: -8%;
		max-width: 800px;
	}
	.accueil .liens-expert{
		margin-top: 0;
	}
	#bgalaune{
		width: 100%;
		left: 0;
	}
	#wrapalaune .txt-une{
		padding-left: 15px;
	}
	#imgensavoirplus{
		left: -8%;
		width: 115%;
	}
	#bas-de-page{
		margin-left: 333px !important;
		width: 1380px !important;
	}
	#bas-de-page .wrapbottom >div{
		max-width: 33.14%;
	}
	footer.footer{
		margin-left: 95px !important;
	}
	#histoire-expert .dates-histoire p{
		font-size: 25px;
	}
	#yoo-zoo .pos-related p.fat{
		top: 5%;
		font-size: 30px;
	}
	#plus-expert .element-relateditems, .pos-related-editoriale > div, .accueil .pos-related div.element{
		top: 15%;
	}
	#offres-rejoindre .moduletable >div > div .uk-panel{
		max-height: 450px !important
	}
	#philo-rejoindre .img-philo img{
		max-width: 100%;
	}
}
@media(min-width:1860px) { /*à partir du moment où l'on peut center la zone centrale avec header et qu'on a donc 230 de chaque coté*/
	header.header,
	footer.footer, 
	#centrale{
		width: 1200px!important;
		margin-left:auto!important;	 
		margin-right:auto!important;
	}
	#centrale {
		overflow-x:visible;

	}
	#sidebar {
       margin-left:-900px!important;
       left:50%;
	}
	#content {
	    padding: 0;
		margin-left:0px!important;	  
		width: 1200px!important;
		overflow:visible!important;
	}
	#gris {
		margin-left:-600px!important;
		left:50%;
	}
	.accueil .txt-expert p.fat{
		padding-left:0px!important;	
		left:-109px;
	}
}


@media (min-height:600px) and (max-width:899px) {
	#header {
		position:fixed;
		z-index:10;
		left:0%;
		top:0;
		z-index:10;

	}
	#centrale {
		margin-top:75px;
	}
	#navHead.open #menu-principal{
		overflow:auto;
		height:495px;
		
	}
}
@media (min-width:900px) and (min-height:600px) and (max-width:1459px) {
	/*#sidebar {
		position:fixed;
		top:137px!important;
		
	} */
	#header {
		position:fixed;
		z-index:10;
		width:900px;
		left:50%;
		margin-left:-450px!important;
		top:0;
	
	}
	#centrale {
		margin-top:117px;
	}
}
@media (min-width:1460px) and (min-height:600px) and (max-width:1859px) {

	#header {
		position:fixed;
		z-index:10;
		top:0;
		width:1200px;
	
	}
	#centrale {
		margin-top:117px;
	}
}
@media (min-width:1860px) and (min-height:600px) {

	#header {
		position:fixed;
		z-index:10;
		top:0;
		width:1200px;
		left:50%;
		margin-left:-600px!important;
	}
	#centrale {
		margin-top:117px;
	}
}
@media (min-width:900px) and (max-width:1459px)  and (min-height:600px) {
    #sidebar {
        -webkit-transition:all 0s ; 
		-moz-transition:all 0s;
		-ms-transition:all 0s;
		transition:all 0s;
	}
	#sidebar.fixed {
		position:fixed;
		top:0px!important;
		padding-top:137px;
		background:white;
		z-index:1;
		height:40px;
		overflow:hidden;
		height:auto;
		height:100vh;
	}
} 
@media(min-width:1360px) and (max-width:1459px) {
	#gris::after {
		display:none;
	}
}
@media (min-width:1460px) and (max-width:1799px) and (min-height:600px) {
    #sidebar {
		display:block!important;
		opacity:1!important;
		position:fixed;
		height:auto;
		height:100vh;
		padding-top:167px;
		top:0!important;
		background:rgba(255,255,255,0.25);
		z-index:1;
		
		overflow:hidden;
        -webkit-transition:all 0s ; 
		-moz-transition:all 0s;
		-ms-transition:all 0s;
		transition:all 0s;
	}
}

@media (min-width:1800px) and (min-height:600px) {
    #sidebar.fixed {
		position:fixed;
		top:157px!important;
		padding-top:10px;
		background:rgba(255,255,255,0.25);
		z-index:1;
		height:46px;
		overflow:hidden;
        -webkit-transition:all 0s ; 
		-moz-transition:all 0s;
		-ms-transition:all 0s;
		transition:all 0s;
	}
	#sidebar.fixed .outils > .nav > li:first-child {
		margin-bottom:20px;

	}
	#sidebar.fixed:hover {
		height:auto;
		height:100vh;
		padding-top:167px;
		top:0!important;
		-webkit-transition:all 0.6s; 
		-moz-transition:all 0.6s;
		-ms-transition:all 0.6s;
		transition:all 0.6s;
		background:white;
	}
	#sidebar.fixed:hover .outils > .nav > li:first-child {
		margin-bottom:0px;
		-webkit-transition:all 0.6s; 
		-moz-transition:all 0.6s;
		-ms-transition:all 0.6s;
		transition:all 0.6s;	
	}
}