@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 ;
	top : 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 : 50px ;
	width : 100% !important ;
	left : -200% ;
	top : 57px ;
	min-height : 100% !important ;
	background : #4b5457 !important;
}
/* #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 ;
	}
	#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 : 15px ;
	top : 10px ;
	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 #333 !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 ----------- */
@media
only 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:85% ;
		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 / remplacer
COULEUR NAV 1 : #D1E3EF
COULEUR NAV 1 A: Rechercher #navigationM ul.first_level > li > a
COULEUR NAV 1.ACTIF : #020176
COULEUR NAV 1.ACTIF A: Rechercher #navigationM ul.first_level > li.active > a
COULEUR BOX : #D1E3EF
COULEUR SUBMIT : #FF9600
COULEUR SUBMIT Text : Rechercher .submit input
COULEUR 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: 90%; 
  }
}

@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() */