@media (max-width: 970px) {	body{		padding :0 5px;		padding-top : 57px ;		max-width: 100%;		overflow-x: hidden;	}	#site{		padding: 0px;	}	html {		max-width: 100%;		overflow-x: hidden;	}		html .mobile_only{		display : block !important;		max-width : 100% !important;		overflow-x:hidden !important;	}	.hide_tab, #banner .box, #banner .newsletter, #navigationH, #leftbar, #rightbar, .mobile_only .boite_separer{		display : none ;	}	#banner img, #footer img, #banner, #footer{		max-width : 100% ;	}		#container #contain{		margin : auto !important;		max-width : 100% ;		float : none ;		padding : inherit;	}	#container .contain2{		max-width : 100% ;		width : 96%; 		padding : 2% ;	}	.page{		background:transparent;		margin:0 auto;		position:relative;		width:auto;		max-width:95%		z-index : 50 ;	}	 	 .box, .widget {}	 /*.box_top,*/ .box_bottom{		display:none ;	 }	 .box_top, .widget h4 {		border : 0px solid #fff ;		border-width : 0px 0 0 0 ;	 }	 .box *, .widget *{		text-align : left !important;		color : #fff ;	 }	 .box h2{		padding : 2px 0 !important;		margin : 0 0 !important;	 }	 .box h3{		padding-left : 17px!important;	 }	 	 select,input,select * {		color : #000 !important ;	 }	 input[type='submit'] {		color : inherit !important ;	 }		 	fieldset{		padding : 10px;	}	form label{		max-width:50%;	}	#RWDMenu{}	 #toolbar{	width : 100%!important ;	height : 57px ;	color : #fff ;	position : fixed ;	bottom : 0 ;	left : 0 ;	z-index : 999 ;	background : #4b5457 !important;}	#toolbar #ico{		display : table !important ;		margin : 0  !important;		width : 100% !important ;		padding : 0 !important ;	}	#RWDMenu .button, #RWDMenu input[type="submit"]{		background : #f00 !important ;	}	#toolbar #ico ul{		display : table-row !important ;	}	#toolbar #ico ul li{		text-align : center !important ;		display : table-cell !important ;		position : relative ;	}	#toolbar button, #toolsM button{		color : #fff ;		padding : 2px 5px ;		border-color : #fff ;		border-width : 0px ;		cursor : pointer ;		margin : 0 10px  ;		background : none ;		position : relative ;	}#navigationM,#newsM,#newsletM,#coordM,#toolsM,#cartM,#searchM{	display : block; 	position : absolute ;	z-index : 998 ;	padding-bottom : 70px ;	width : 100% !important ;	left : -200% ;	top : 0px ;	min-height : 100% !important ;	background : #4b5457 !important;        box-sizing : border-box ;}/* #newsM{	left : 100% ;	top : -200%;} */#newsletM, #coordM,#toolsM,#cartM,#searchM{	left : 0 ;	top : -200%;}	#newsM #newsContainer .headline{		position : relative ;		clear : both ;		color : #fff ;		top : auto ;		left : auto ;		padding : 10px ;		margin : 0 ;		height : auto ;		padding-top : 30px ;		list-style : none ;	}	#newsletM #newsletContainer {		font-size :1em ;		position : relative ;		clear : both ;		color : #fff ;		top : auto ;		left : auto ;		padding : 10px ;		margin : 0 ;		height : auto ;		padding-top : 30px ;	}	#newsletM #newsletContainer:before{		content:"Newsletter" ;		font-weight : bold ;		font-size : 1.2em ;	}	#newsletM #newsletContainer div.newsletter #Newsletter #news_label{color:#fff!important;display:block;}	#newsletM #newsletContainer div.newsletter #Newsletter #news_submit input[type='submit']{color:#fff!important;position:relative;background:#f00!important;left:auto!important;}	#newsletM #newsletContainer div.newsletter #Newsletter #news_submit {color:#fff!important;position:relative;background:transparent!important;left:auto!important;}	#newsletM #newsletContainer div.newsletter #Newsletter input[type="email"]{color:#000!important; width:150px!important;background:#fff!important;padding-right:0px!important;}			#coordM #coordContainer * {		background : transparent !important;		color : #fff ;		border-width: 0px ;	}	#coordM #coordContainer {		font-size : 1em ;		position : relative ;		clear : both ;		color : #fff ;		top : auto ;		left : auto ;		padding : 10px ;		margin : 0 ;		height : auto ;		padding-top : 30px ;	}		#toolsM #toolsContainer .box,#cartM #cartContainer .box,#searchM #searchContainer .box{		background : transparent ;	}	#toolsM #toolsContainer .box h2,#cartM #cartContainer .box h2,#searchM #searchContainer .box h2{		color : #fff ;	}	#toolbar input[type="text"],#toolbar input[type="mail"],#toolbar select,#toolbar option,#toolbar .box select *,#toolbar .box option *{		color : #000 !important ;	}	#toolsM #toolsContainer,#cartM #cartContainer,#searchM #searchContainer{		font-size : 1em ;		position : relative ;		clear : both ;		color : #fff ;		top : auto ;		left : auto ;		padding : 10px ;		margin : 0 ;		height : auto ;		padding-top : 30px ;	}#newslink{	position : relative ;}#newscpt,#cartcpt,#toolscpt{	right : 30px ;	top : 0px ;	color : #fff ;	background : transparent url(../../images/mobile/notification.png) center center no-repeat !important;	width : 20px !important ;	height : 19px ;	font-size : 15px ;	padding : 1px 0px 0px !important ;	text-align : center !important ;	font-weight : bold ;	display : block ;	position : absolute; }	#cartcpt{		right : 15px ;		top : 15px ;	}	#toolscpt{		right : 15px ;		top : 15px ;	}		#toolsContainer button{			border-width : 0px!important;			background : transparent ;			cursor : pointer ;		}	#newscpt span{	}		.actu .article {		padding-top : 40px; 	}	#navContainer, #newsContainer, #newsletContainer, #coordContainer{		height : 100% ;		max-width : 100% ;	  	background : transparent ; 	}	#navContainer *, #newsContainer *, #newsletContainer *, #coordContainer *{	  	background : transparent ; 	}		#newsletContainer #Newsletter_mobile   .news_mail input[type="email"]{		background : #fff !important; 	}#navSelect{	visibility : hidden;	width : 10px !important;	height : 10px !important;} /* Navigation mobile */ #navigationM ul, #navigationM ul li {	padding : 0;	margin : 0px 0 0px; 	list-style : none ; } #navigationM ul.navigation1{	padding-left : 0px ;	padding-bottom : 10px ; }	#navigationM #navContainer {		font-size : 1em ;	}	#navigationM #navContainer ul li{		display : block;	}	#navigationM a{		display : block;		color : #fff ;		text-decoration : none !important;		border-bottom : 1px solid #000 !important ;		/*border-top : 1px solid #000 !important;*/		padding : 15px 0 15px 20px ;	}	a.alevel1{ padding-left:20px !important;}	a.alevel2{ padding-left:40px !important;}	a.alevel3{ padding-left:60px !important;}	a.alevel4{ padding-left:80px !important;}	a.alevel5{ padding-left:100px !important;}	a.alevel6{ padding-left:120px !important;}	a.alevel7{ padding-left:140px !important;}	a.alevel8{ padding-left:160px !important;}	a.alevel9{ padding-left:180px !important;}	a.alevel10{ padding-left:200px !important;}	.MenuHyperlinkSelected {		font-weight : bold ;		color : #f00 !important;	}/* MULTI LANGUE */a.drapeau{	margin : 0 10px ;	padding : 5px 10px ;}a.drapeau img{	padding :1px ;}a.drapeau img.activeLang {	padding : 0 ;	border : 1px solid #f00 ;}}/**********************************************************************//* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {/* Styles */}/* Smartphones (landscape) ----------- */@media only screen and (min-width : 321px) {/* Styles */}/* Smartphones (portrait) ----------- */@media only screen and (max-width : 320px) {/* Styles */}/* iPads (portrait and landscape) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {/* Styles */}/* iPads (landscape) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {/* Styles */}/* iPads (portrait) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {/* Styles */}/* Desktops and laptops ----------- */@media only screen and (min-width : 1224px) {/* Styles */}/* Large screens ----------- */@media only screen and (min-width : 1824px) {/* Styles */}/* iPhone 4 ----------- */@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {/* Styles */}@media (max-width: 320px) { /* Très petit mobile */	.hide_mobile_ld{		display:none !important;	}		#cart table, #cart td, #cart tr, #cart th, #cart_detail table, #cart_detail td, #cart_detail tr, #cart_detail th{		display : block !important; 		width : 100% !important;		min-width : 290px !important;		text-align : center ;		border-color : #ddd !important;	}	#cart_detail tr, #cart_detail table,#cart tr, #cart table{		border-width:0px !important;	}	#cart_detail th,#cart th{		background : #eee !important ;	}	#cart_detail tr,#cart tr{		border-bottom : 5px #ddd solid !important;	}	#cart_detail th,#cart_detail td,#cart th,#cart td{		padding : 3px 0 !important;	}	}@media (max-width: 970px) { /* mobile */	/* PARAMETRES => Faire un rechercher / remplacer	COULEUR NAV 1 : #9faeae 	COULEUR NAV 1 A: Rechercher #mobile_banner ul.first_level > li > a	COULEUR NAV 1.ACTIF : #91010a	COULEUR NAV 1.ACTIF A: Rechercher #mobile_banner ul.first_level > li.active > a	COULEUR BOX : #9faeae 	COULEUR SUBMIT : #91010a	COULEUR SUBMIT Text : Rechercher .submit input	COULEUR PAGER : #91010a	*/	.hide_mobile{		display:none !important;	}	html{		background : #fff ;	}	body{		font-size:1em ;		line-height:160%;		min-height : 0px ;	} 		#footers, #footers div,#headers, #headers div{		padding : 0;	}	 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */	 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {	   max-width: 100%;	 }	/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */	 img {	   height: auto; width: auto;	   -webkit-box-sizing: border-box;	   -moz-box-sizing: border-box;	 }	 /* gestion des mots longs */	 textarea, table, td, th, code, pre, samp {	   word-wrap: break-word; /* passage à la ligne forcé */	   -webkit-hyphens: auto; /* césure propre */	   -moz-hyphens: auto;	   hyphens: auto;	 }	 code, pre, samp {	   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */	 }	 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */	 element1, element2 {	   float: none !important;	   width: auto !important	 }	 /* masquer les éléments superflus */	 .hide_mobile {	   display: none !important;	 }	 	 /* Modification */	body *{	   width: auto ;	   margin: auto ;	   padding: auto ;	   background : transparent;	 }	 	 #mobile_banner{		display : block !important; 	 }	 #mobile_banner img{		display : block ;		text-align : center ;		margin : auto ;	 }	 #mobile_banner h1{		padding : 0 !important ;		margin : 0 !important ;		background : transparent !important ;	 }		 #mobile_banner #mobile_top{			background : #91010a !important ;		 }	.page{		background:transparent;		margin:0 auto;		position:relative;		width:auto;	}	div.newsletter #Newsletter_mobile input[type="email"] {		background: #fff !important;	}	/*CSSEditor|structure,global|Colonne de gauche*/	#leftbar,#rightbar {		display : none ;		float:none;		margin:10px;		width:auto;	}		#leftbar #nested,#rightbar #nested{			display : none ;		}	input,textarea,select, select option{		background : #fff !important ;	}	input[type='submit']{		background : inherit !important ;	}	 label{		/* display: block !important; */		display: inline-block !important;		text-align : left !important;		float : none !important;	 }	/* MODULE LIEN */	div.lien div.lien_url div.contenu_lien_url,div.lien .image_lien_url{		max-width : 99% ;		float : none ;		width : auto ;	}	 div.lien .image_lien_url{		text-align: center;		padding:5px 0;	}			 /* récupération des CSS à maintenir */	.pager a:link, .pager a:visited{					text-decoration : none  !important;			background:#91010a!important;			color : #fff !important;	}	 	.submit input{			background:#91010a!important;			border:1px outset #000!important;			color: #fff!important;	}	/* HACK SPE LIST RADIO */	.group_multi_radio{		padding : 0 !important ;		top : 0 ;	}	.group_multi_radio .multi_radio{		display : block ;	}	.group_multi_radio input{		display : inline-block !important ;		width : auto; 	}	.group_multi_radio label{		display : inline-block !important ;		width : auto; 	}	#contain .checkradio_list ul{		padding-left : 0px ;		margin : 0 ;	}	 .row{		clear : both ;	}	#signature a,.signature a{		text-decoration : none !important;	}	.corpsM{		display : block ;		text-align : center ;		margin : auto ;	}		  /*************************************/ /** REPRISE DE L'INTEGRAGION MOBILE **//*************************************/ .actus img, .actus1 img{	display: block;	margin: auto;}.galerie .vignette {	display : inline-block ;}.galerie > h2 + *{	text-align : center ;}.galerie img {	display : inline-block ;	padding : 5px 3px;}iframe {	max-width : 290px ;	max-height : auto ;	margin : 10px auto ;}#banner, #footer{	text-align : center ;}#banner h1{	padding : 0 !important;	margin : 0 ;}.page{}hr.clear{	width : auto;	visibility : hidden ;}.displayNone{	display:none !important;}/* LIENS */.image_lien_url{	text-align : center ;}/* PARAMETRES => Faire un rechercher / remplacerCOULEUR NAV 1 : #D1E3EFCOULEUR NAV 1 A: Rechercher #navigationM ul.first_level > li > aCOULEUR NAV 1.ACTIF : #020176COULEUR NAV 1.ACTIF A: Rechercher #navigationM ul.first_level > li.active > aCOULEUR BOX : #D1E3EFCOULEUR SUBMIT : #FF9600COULEUR SUBMIT Text : Rechercher .submit inputCOULEUR PAGER : #FF9600*/ /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */ img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {   max-width: 100%; }/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */ img {   height: auto; width: auto;   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box; } /* gestion des mots longs */ textarea, table, td, th, code, pre, samp {   word-wrap: break-word; /* passage à la ligne forcé */   -webkit-hyphens: auto; /* césure propre */   -moz-hyphens: auto;   hyphens: auto; } code, pre, samp {   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */ } /* masquer les éléments superflus */ .hide_mobile {   display: none !important; }  /* Modification */body *{	width: auto ;	margin: auto ;	padding: auto ;	background : transparent;}  .page{	background:transparent;	margin:0 auto;	position:relative;	width:auto;	z-index : 50 ;}.page, a{	color : #000 ;}/*CSSEditor|structure,global|Colonne de gauche*/#leftbar,#rightbar {	float:none;	margin:10px;	width:auto;}	#leftbar #nested,#rightbar #nested{		display : none ;	}input[type="text"],input[type="password"],input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="color"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"],textarea,select, select option{	background : #fff !important ;	width : 80% ;	margin : auto ; }input[type='submit']{	width : auto ;} label{	/* display: block !important; */	display: inline-block !important;	text-align : left !important;	float : none !important;	width : 95%; 	text-align : left ; } /*  .boxes{	background : #D1E3EF ; } .boxes_bottom{	display:none ; } .boxes_top{	border : 1px solid #fff ;	border-width : 1px 0 0 0 ; } .boxes *{	text-align : left !important; } .boxes h2{	padding : 2px 0 !important;	margin : 0 0 !important; } .boxes h3{	padding-left : 17px!important; } */ /* récupération des CSS à maintenir */.pager a:link, .pager a:visited{				text-decoration : none  !important;		background:#FF9600!important;		color : #fff !important;} .submit input{		background:#FF9600!important;		border:1px outset #000!important;		color: #000!important;}		  #signature a{	text-decoration : none !important; }h2, .BodyFontTitle{	/* background : transparent no-repeat left bottom url(../../images/puce.png)!important; */	margin : 3px 0 !important; } #banner h1, #banner *{	background : transparent !important;	padding : 0  ; }h1,h2,h3,h4,h5,h6,legend,form{	padding : 5px 0 ;}	.page,.page+div,.page+div+div{		padding-top : 0;		padding-bottom : 0;	}p{	padding : 5px 0 ;}#contain .article_image, #contain .article_image img{display:block;float:none !important;clear:both !important;margin: 5px auto;}	#toolbar button, #toolsM button {		margin: auto;		padding: 0;	}/* BLOC MULTIPLE spéciale mobile */	.bloc_double{		vertical-align : top ;		text-align : left ;		clear : both ;	}	.bloc_double > div{		display : inline-block ;		float : none; 		clear : both ;		overflow-x : hidden ;	}		.bloc_double .bdl_2,.bloc_double .bdl_3,.bloc_double .bdl_4{width:100%;max-width:100%;}	}@media (max-width:640px) and (orientation: landscape) {  body {    -webkit-text-size-adjust: 1em;   }}@media (min-width:970px) and (max-width:970px){ /* TABLETTE */	.image img.mobile_only{		display:none !important;	}	.image img{		max-width:95% !important;		display:inline-block;	}	#container{		padding :0 ;	}}#site .articleRWD .article_image, #site .articleRWD .article_image img{display:block;float:none !important;clear:both !important;margin: 5px auto;transition:all 0.3s;}/* 2018-09-17 JS.rwdColContent2() */