/* GENERIQUE : cache classe .mobileDevice par défaut*****/
.mobileDevice
{
display : none ;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
img { border: 0;
 -ms-interpolation-mode: bicubic;
 /*vertical-align: middle; */
}


/* RESPONSIVE < 1024px : smatrphones/tablettes *****/
@media only screen
and (max-width : 1023px) {
body
{
background : url(images/bg_carbon_mobile.jpg) repeat left top !important ;
padding : 0 5px !important;
overflow-x : hidden ;
}

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

br.mobileDevice
{
	display : block ;
}

.mobileDevice.mobileCenter{
	display : block ;
	margin : 30px 0;
}

#flashcontent, #sousmenu, #left, #right , #footer, #main_menu, #header p, #leftTeam
{
display : none ;
}

#left, #leftTeam, .leftMobile, .leftTeamMobile
{
position : absolute ;
top : 163px !important ;
left : 0 !important ;
z-index : 1000 ;
background : #fff !important ;
width : 100% !important ;
margin : 0 0px !important  ;
box-shadow : 10px 0 12px #000;

}

#leftAppendMenuBoutique
{
position : absolute ;
left : 0 !important ;
/*top : 0 ;*/
z-index : 1000 ;
background : #fff !important ;
width : 100% !important ;
margin : 0 0px !important  ;
box-shadow : 10px 0 12px #000;
}

#leftAppendMenuBoutique #left{
	top : 0 !important;
}

#left{
	padding-bottom : 80px !important;
}

#leftAppendMenuBoutique
{
/*min-height : 1000px ;*/
}

#leftAppendMenuBoutique #left
{
display : block !important;
}

.menu_marques
{
width : 100% !important ;
background : none !important ;
margin : 0 !important ;
padding : 0 !important  ;
}

.menu_marques h1
{
/*width : 100% !important ;
background : none !important ;
margin : 10px 10px 20px 10px !important ;
padding : 0 !important  ;
color : #999 !important ;
font-size : 38px !important;
text-transform : uppercase !important;*/
cursor : pointer;
}

.menu_marques h1+div
{
	display : none;
}

.leftMobile h1, .leftTeamMobile h1, .mobileMenuA, .menu_marques h1
{
width : 100% !important ;
background : none !important ;
margin : 10px 10px 10px 10px !important ;
padding : 0 0 5px 0 !important  ;
/*color : #999 !important ;*/
font-size : 25px !important;
text-transform : uppercase !important;
border-bottom : 1px solid #000 ;
display : block ;
color: #999 !important;
/*text-shadow: -1px -2px 0 rgba(0,0,0,0.5), 1px 2px 0 rgba(255,255,255,1);*/
font-weight : normal !important;
}



.leftMobile h1 a, .leftTeamMobile h1 a
{
display : block ;
}


.leftMobile h1 a:hover, .leftTeamMobile h1 a:hover, .leftMobile h1 a:focus, .leftTeamMobile h1 a:focus
{
background : #999;
color : #fff;
}



.leftMobile h1, .leftTeamMobile h1 a
{
font-size : 18px !important;
display : block;
}

.menu_marques div
{
height : auto !important ;
background : none !important ;
margin : 5px 0px !important ;
padding : 0 !important  ;
overflow : visible !important ;
}

.menu_marques .flexcroll div
{
width : 100%!important ;
}

div.menu_marques dl
{
background : none !important ;
border-bottom : 1px solid silver!important ;
padding : 0 !important ;
margin :10px !important ;
width : 100% !important ;
}
div.menu_marques dl dt
{
font-size : 16px !important;
color : #0885A0 !important;
text-transform : uppercase !important;
}

div.menu_marques dl dd
{
display : none ;

}
div.menu_marques dl dd ul li a
{
color : #000 !important ;
font-size : 13px !important ;
font-weight : bold !important;
padding : 0 0 0 30px !important ;
width : 100% !important ;
}

.pied_menu
{
display : none ;
}

#conteneur
{
width : 100% !important;
margin : 0 ;
padding : 0 0px !important ;
background : none !important ;
}

#header
{
border-left : 5px solid #000 ;
border-right : 5px solid #000 ;
margin-left : -5px ;
margin-right : -5px ;
width : 100% ;
position : relative ;
left : -5px ;
background : url(images/bg_header_mobile.jpg) no-repeat left top #000 !important;
}

#header::before
{
content  : '';
position : absolute ;
display : block ;
background : #000 ;
width : 12px ;
height : 12px ;
z-index : 10 ;
top: 0 ;
left : 0 ;
}


#header h1 a
{
	width : 300px !important ;
}

#center
{
width : 100% !important ;
margin : 0px !important ;
padding : 0px !important ;
background : none !important ;
color : #fff ;
}
#center div:not(#thumbs):not(#map_canvas):not(#map_canvas div)
{
max-width : 100% !important ;
}

form.form_simple
{
max-width : 100% !important ;
padding-left : 0 !important;
padding-right : 0 !important ;
}
form.form_simple table, .panier_table
{
max-width : 100% !important ;
width : 100% !important ;
padding-left : 0 !important;
padding-right : 0 !important ;
}
.form_simple table tr td:first-child
{
width : 60px !important ;
color : #fff !important ;
}

p.warning.large
{
width : 100% !important ;
}

#news
{
background : none !important ;
width : 100% !important ;	 
height:474px !important;
}

div.scrollable {   
	height:400px !important;
}

#news .prev, #news .next
{
display : none ;
}

div.scrollable, .promo
{
width : 100% !important ;
}

div.scrollable #thumbs div
{
margin : 0 0 0 0;
}
div.scrollable #thumbs div:nth-child(2n+2){
	margin : 0 0 0 0!important;
	
}

#thumbs div span{
	display : block !important;
	width:95%!important;
	height:115px!important;
	margin : 0 0 10px 2.5%!important;
	padding : 10px 0 0 0!important;
	background : rgba(0,0,0,0.6) !important;
	font-size : 14px !important;
	line-height : 19px !important;
	text-transform : uppercase !important ;
	text-align : left !important ;
	overflow : hidden;
}

#thumbs span a
{
font-size : 14px !important;
	line-height : 19px !important;
}

#thumbs
{
	width : 20000em !important ;
}

.promo_product{
	display : block !important;
	width:47.5%!important;
	min-height:108px!important;
	margin : 0 1.75% 10px 1.75%!important;
	padding : 10px 0 0 0!important;
	background : rgba(0,0,0,0.6) !important;
	font-size : 14px !important;
	line-height : 19px !important;
	text-transform : uppercase !important ;
	text-align : left !important ;
	color : #fff !important ;
	overflow: hidden;
}

.promo_product a
{
color : #fff !important ;
}

#thumbs div span img, .promo_product a img{
	min-width : 40% !important ;
	max-width : 45% !important ;
	height : auto !important ;
	max-height : 108px !important ;
	float : left ;
	margin : 0 10px 0px 10px !important;
	
}

.promo
{
background : none !important ;
width : 100% ;
}

.promo div:nth-child(1n+1)
{
margin-right : 0 !important ;
}
{
background : none !important ;
width : 100% ;
}

.promo+.pied_promo
{
background : none !important ;
clear : left ;
display : none ;
}

.promo h1, #news h1
{
background-image: -webkit-linear-gradient(right top, rgba(255,255,255,0) 0%, #fff 100%) !important;
background-image:    -moz-linear-gradient(right top, rgba(255,255,255,0) 0%, #fff 100%) !important;
background-image:     -ms-linear-gradient(right top, rgba(255,255,255,0) 0%, #fff 100%) !important;
background-image:      -o-linear-gradient(right top, rgba(255,255,255,0) 0%, #fff 100%) !important;
background-image:         linear-gradient(right top, rgba(255,255,255,0) 0%, #fff 100%) !important;
color : #000 !important ;
margin : 10px 5px !important;
text-shadow : 1px 1px 1px #fff;
-moz-text-shadow : 1px 1px 1px #fff;
-webkit-text-shadow : 1px 1px 1px #fff;
-o-text-shadow : 1px 1px 1px #fff;
-ms-text-shadow : 1px 1px 1px #fff;
-khtml-text-shadow : 1px 1px 1px #fff;
font-size : 18px !important;
}
.mobileDevice.mobileMenu
{
display : block ;
margin : 0px auto ;
padding : 5px 0 ;
position : relative ;
}
.mobileDevice.mobileMenu a
{
display : inline-block ;
width : 24.5%;
margin : 0 ;
padding : 5px 0 15px 0px;
color : #fff ;
font-size : 18px ;
font-weight : bold ;
background-image: -webkit-linear-gradient(right top, #626261 0%, #989898 100%) !important;
background-image:    -moz-linear-gradient(right top, #626261 0%, #989898 100%) !important;
background-image:     -ms-linear-gradient(right top, #626261 0%, #989898 100%) !important;
background-image:      -o-linear-gradient(right top, #626261 0%, #989898 100%) !important;
background-image:         linear-gradient(right top, #626261 0%, #989898 100%) !important;
border-radius : 3px ;
text-shadow : 0 0px 6px #000 ;
border : none ;
transition: all 0.4s ease-out !important;
-moz-transition: all 0.4s ease-out!important;
-webkit-transition: all 0.4s ease-out!important;
}

.mobileDevice.mobileMenu a:hover, .mobileDevice.mobileMenu a:active, .responsiveMenuActive
{
background-image: -webkit-linear-gradient(right top, #272727 0%, #3F3F3F 100%) !important;
background-image:    -moz-linear-gradient(right top, #272727 0%, #3F3F3F 100%) !important;
background-image:     -ms-linear-gradient(right top, #272727 0%, #3F3F3F 100%) !important;
background-image:      -o-linear-gradient(right top, #272727 0%, #3F3F3F 100%) !important;
background-image:         linear-gradient(right top, #272727 0%, #3F3F3F 100%) !important;
box-shadow : inset 0 0 10px #333 ;
}
.mobileDevice.mobileMenu a span
{
background : url(images/mobile_device_menu.png) no-repeat left 6px ;
display : inline-block ;
padding : 10px 0 0 0px ;
margin-left : auto ;
text-align: center ;
width : 100%;
}

.responsiveMenuActive
{
width : 100% !important;
position : absolute !important ;
z-index : 100  !important;
left : 0 ;
font-size : 18px !important ;
}

.arbo, .titre_int, .blabla_produit
{
color : #fff !important ;max-width : 100% !important ;
}

.blabla_produit img
{
max-width : 80% !important ;
height : auto ! important ;
}

.blabla_produit table
{
width : 99% !important ;
}
#productDiapoWrap
{
width : 90% !important ;
max-width : 90% !important ;
margin: 0px 5% 20px 5%;
height : auto !important;
padding-bottom : 43px;
}
#productDiapo, #productDiapo div
{
width : 100% !important ;
max-width : 100% !important ;
max-height: 238px ;
}

#productDiapo
{
height : auto !important ;
}

.jwplayer
{
	width : 100% !important ;
	/*height : 100% !important;*/
}
#navProduct
{
padding: 0 2.5%;
width : 95% !important ;
max-width : 95% !important ;
margin-left: auto !important;
margin-right: auto !important;
}
#centerTeam
{
width : auto !important ;
margin : 0 0 30px 0 !important ;
color : #fff !important;
padding: 0 0 40px 0 !important;
background-position: right top !important ;
background-size : 50px auto !important;
}
.roundGray.width45, .invisible.width55
{
float : none !important ;
width : auto !important ;
}
.invisible.width55 h1
{
color : #fff ;
}
.teamButton
{
margin : 30px auto !important ;
}

div.presentation_produit
{
width : 30% !important ;
margin : 0 1.5% 20px 1.5% !important;
background : #fff;
border-radius : 8px ;
overflow : hidden ;
}

.presentation_produit h2, .corps_produit , .pied_produit 
{
background-image : none !important ;
}
.presentation_produit h2 , .pied_produit 
{
background-color : #eee !important ;
}
.pied_produit 
{
text-align : right ;
padding-right : 8px !important ;
}
.teamGradient
{
background-image: -webkit-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:    -moz-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:     -ms-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:      -o-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:         linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
width : 96% !important ;
padding : 5px 2% !important ;
font-size : 13px !important;
font-weight : normal !important ;
border-radius : 5px ;
height  : auto !important;
}
.teamGradient u
{
display : block ;
}
.teamGradient span
{
position : static !important ;
}
.blabla_produit font
{
color : #fff !important ;
}

.blabla_produit ul li a
{
color : #fff !important ;
}
.produit_panier
{
width : 100% !important;
background-image: -webkit-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:    -moz-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:     -ms-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:      -o-linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
background-image:         linear-gradient(left top, whitesmoke 0%, #ccc 100%) !important;
border-radius : 5px ;
}
table.produit_panier_table
{
width : 100% !important ;
}

.produit_panier_table input[type=text]
{
width : 20px !important ;
border-radius : 2px ;
border:1px solid gray !important ;
box-shadow : inset 1px 1px 3px #666 ;
}

.produit_panier_table input[type=image]
{
width : 90px !important ;

}

.produit_panier_table .prixTeam a
{
display : block !important;

}

.produit_panier_table .alert
{
background-image : none ;
font-size : 10px !important ;
line-height : 11px ;
background : #eee ;
border : 3px solid gray ;
padding :  0 5px 5px 3px !important ;
border-radius : 10px ;
}

.mobileCart
{
position : absolute ;
top : 47px ;
right : 10px ;
display : block ;
color : #fff ;
text-align : left ;
background : url(images/mobile-cart.png) no-repeat left center ;
padding-left : 30px ;
cursor : pointer;

}
.mobileCart.one-line
{
padding-top:3px;
min-height : 18px;
}
.mobileCart a
{
color : #fff ;
}

.mobileCheckout
{
display : block ;
position : relative ;
padding-left : 10px ;
}
.mobileCheckout::before
{
display : block ;
position : absolute ;
content : '';
width: 0; 
height: 0; 
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid white;
left : 0 ;
top : 3px ;
}

#rightServicesMobile
{
background : none !important;
width : 100% !important ;
display : block ;
}

.moblileMenuClient
{
display : block ;
background : #fff ;
background : rgba(255,255,255,0.9);
border-radius : 3px 3px 0 0 ;
border : 1px solid #666 ;
margin : 0px  0 ;
padding : 0px 0 ;
font-size : 12px ;
position : fixed ;
bottom : 0 ;
left : 0 ;
width : 100% ;	
z-index : 1000000000000 ;
transition: all 0.4s ease-out !important;
-moz-transition: all 0.4s ease-out!important;
-webkit-transition: all 0.4s ease-out!important;
box-shadow : 0 -6px 10px #000;
}

.moblileMenuClient:hover
{
background : #fff ;
}

.moblileMenuClient ul
{
	list-style-type : none ;
}

.moblileMenuClient h3
{
	/*display : none ;*/
}
.moblileMenuClient.minified
{
	height : 35px !important ;
}
.moblileMenuClient h3
{
	display : block !important ;
	font-size : 16px  !important;
	margin : 0  !important;
	padding : 0 15px !important ;
	line-height : 35px !important ;
	height : 35px !important ;
font-weight : bold  !important;
text-shadow : 0 0px 3px #eee !important ;

}
.moblileMenuClient.minified ul
{
	display : none !important ;
}


.toggleMenuClient
{
	display : block ;
	position : absolute ;
	top : 15px ;
	right : 15px ;
	width : 25px ;
	height : 25px ;
	background : url(images/mobile-down.png) no-repeat right top ;
}
.toggleMenuClient.up
{
	background : url(images/mobile-up) no-repeat right 3px !important;
	width : 100% !important ;
	top : 5px !important ;
}

.commandeLivraison
{
	background : #fff ;
	color : DimGray !important ;
	width : 93% !important ;
	margin-right: auto !important ;
	margin-left: auto !important ;
}

.mobileFlags
{
	display : block ;
	position : absolute ;
	top : 0px ;
	right : 0px ;
}
.mobileFlags form
{
	padding : 0 !important;
	margin : 50px 0 0 0 !important;
	text-align : right !important ;
}

#centerTeam
{
	margin : 10px !important ;
	
}
#centerTeam > h1
{
	padding-right : 50px !important;
	font-size: 24px !important;
font-weight: normal !important;
margin-bottom: 15px !important ;
	
}

.team_membres_region
{
	float:none !important;
	width : 100% !important ;
}

.form_simple.iframe_form
{
	width : 100% !important	;
	max-width : 100% !important	;
	margin-right: 	0 !important ;
	background: #999 !important;

}

.form_simple.iframe_form table tr td:first-child
{
padding-left : 70px !important;

}

#TB_window , #TB_title, .iframe_mobile_block
{
	background : #999 ;
	background : #fff !important;
}

.tableLivraison
{
	width : 100% !important;
	max-width : 100% !important;
}

.totalPrice
{
	float : none;
	margin : 10px auto;
}

#div_carte
{
	width:100% !important;
}

.team_anuaire_list
{
	float:none !important;
	width : 100% !important ;
}

.membre_photo
{
	max-width : 100px !important;
}
.team_membre_fiche
{
clear:both !important;
}
#TB_window
{
	max-width : 100% !important;
	margin : 30px auto !important;
	top : 0 !important;
	left : 0% !important;
}

#TB_ajaxContent
{
	max-width : 100% !important;
	padding-left: 0 !important ;
	padding-right: 0 !important ;
}

#playerWrap, .jwplayer, .jwmain
{
	max-width: 100% !important;
}

.jwplayer
{
	margin-left: auto!important ;
	margin-right: auto!important ;
}
.blabla_produit table
{
font-size : 12px !important ;
}
.blabla_produit
{
	width : 100% !important;
	font-size: 14px ;
	line-height: 20px ;
}

#centerTeam p
{
	font-size: 14px ;
	line-height: 20px ;
}
form.customSelectLegend
{
	position : relative!important;
	margin : 0 !important;
	top : 80px !important;
	left : auto !important;
	right : 5px !important;
	text-align: right !important ;
	display : block !important;

}

form.customSelectLegend span
{
display : none ;

}
a.encartJeu
{
	display : block ;
}

.diapo
{
width : 100% ;
height : auto ;
margin : 0 auto !important;
}

.diapo img.slide
{
max-width: 100%;
width : 100%;
	height: auto;
	width: auto; /* ie8 fix*/
}

#newSlideshow
{
	width : 100%;
	background : none;
	height : auto ;
	margin : 20px auto 20px auto;
	/*display : none;*/
}

#newSlideshow+.pied_promo
{
	display:none;
}

div.zone_editable h1
{
	display : none;
}

form.form_simple.adv_form
{
	background-color:rgba(255,255,255,0.3);

}

img.mobile-rss
{
	width : 26px;
	height: 26px ;
	margin : 0 5px 0 10px;
}
img.mobile-account
{
  vertical-align : -7px;
}

#mobileSearch{
	font-size : 28px;
	vertical-align: 3px;
	color : silver;
}

input.modern{
	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	padding : 8px 10px !important;
	border:0;
	min-width : 180px;
}

}

/****************************************** RESPONSIVE < 480px : smatrphones/tablettes ************************************/
@media only screen
and (max-width : 480px) {
.mobileDevice.mobileMenu a
{
display : inline-block ;
width : 24.25%;
margin : 0 ;
padding : 5px 0 15px 0px;
color : #fff ;
font-size : 13px !important ;
font-weight : bold ;
}

.mobileDevice.mobileMenu a span
{
background: none ;
}
.mobileDevice.mobileMenu a.responsiveMenuActive
{

font-size : 18px !important ;
}



#news
{ 
height:440px !important;
}



#header
{
background-size: 180px auto !important;
background-position : left 25px !important;
}

table.panier_table th {
	font-weight: normal !important ;
	font-size: 12px ;
	padding-top: 4px !important;
}

.tableLivraison .price {
font-size:12px !important;
}

.tableLivraison #map_canvas {
width : 100% !important;
}
.tableLivraison tr.border td:first-child, .tableLivraison tbody tr.border:first-child td:first-child {
display : none;
}
.tableLivraison tr.border td:nth-child(2) {
width: 65% !important
}
.tableLivraison select {
	max-width : 310px !important;
	}


#ongletsTeam li a
{
    font-size:12px !important ;
    font-weight : normal !important;
   
}
#ongletsTeam li {
margin: 0 0 0 5px !important;
}


.threeDivs
{
	float: none !important ;
	margin-right:  auto !important ;
	margin-left: auto !important;
	width : 70% !important;
}
.threeDivs span
{
font-size: 13px ;
font-weight: bold ;
}

.threeDivs img
{
margin : 10px auto 0 auto;
}

.team_recit
{
	font-size: 14px !important;
	line-height: 20px !important;
}
#productDiapo
{
height : auto !important;
}

.navProduct
{
	top : 30px !important;
}

#header h1, #header h1 a
{
	width : 200px !important;
}

.produit_panier_table tr td:first-child img
{
	width : 60px !important;
	height :auto !important;
}
.produit_panier_table tr td:first-child
{
	vertical-align: top !important;
	width : 60px !important;
}

.produit_panier_table tr td:nth-child(2)
{
	width : 150px !important;
}

span.dispo
{
	margin-bottom : 5px !important;
	margin-top : 2px !important;
}
span.dispo img
{
	vertical-align : -2px !important;
}
#newSlideshow
{

	margin : 70px auto 10px auto !important;
	/*display : none;*/
}

img.mobile-account
{
  width : 35px;
  height : 35px;
  vertical-align : -2px;
}



}