@import url(bootstrap/css/bootstrap.css);
@import url(css/content.css);
@import url(css/animated.css);
@import url(css/font-awesome.css);
@import url(css/isotope.css);
@import url(css/flexslider.css);
@import url(css/fancybox.css);
@import url(css/trans-banner.css);
@import url(css/unoslider.css);
@import url(css/jquery.countdown.css);
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face { font-family: 'AvantGarde'; src: url('fonts/tt3017m_-webfont.eot'); src: url('fonts/tt3017m_-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tt3017m_-webfont.woff') format('woff'), url('fonts/tt3017m_-webfont.ttf') format('truetype'), url('fonts/tt3017m_-webfont.svg#itc_avant_garde_swabook') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvantGardeDemi'; src: url('fonts/tt3019m_-webfont.eot'); src: url('fonts/tt3019m_-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tt3019m_-webfont.woff') format('woff'), url('fonts/tt3019m_-webfont.ttf') format('truetype'), url('fonts/tt3019m_-webfont.svg#itc_avant_garde_swademi') format('svg'); font-weight: bold; font-style: normal; }
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
#Body { background: #fff; margin: 0; padding: 0; color: #000; }
html, body { margin: 0; padding: 0; font: normal 100%/1.2 Arial, Helvetica, sans-serif; color: #000; }

Body #Form { height: 100%; }
* { font-family: Arial, Helvetica, sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a img { border: 0; }
img, object, embed { max-width: 100%; }
[class*="map"] img, [id*="map"] img, [class*="Map"] img, [id*="Map"] img, table img { max-width: none !important; }
img { border: 0; height: auto;display:block; }
p {
    margin: 0 0 0.8em 0; text-align: justify;text-align-last: left;
    
    font-size: 100%;
}
p:last-child { margin-bottom: 0; }
strong{font-family:AvantGardeDemi, sans-serif; font-weight:normal;}
.fond-gris{background: url('images/ProduitFdGris.png');}

.relative { position: relative; }
.flex { display: flex; }
.flex-middle{align-items: center;}
.pre-form{height: 34px;display: flex;align-items: center;padding-top: 4px;}
A:link, A:visited, A:active { text-decoration: none;color:#000000; }
A:hover { text-decoration: underline; }

h1 { font-size: 28px; line-height: 1.5em; letter-spacing: 0; font-family: AvantGardeDemi, sans-serif; }
h2 { font-size: 24px; line-height: 1.5em; letter-spacing: 0; font-family: AvantGardeDemi, sans-serif; }
h3 { font-size: 20px; line-height: 1.5em; letter-spacing: 0; font-family: AvantGardeDemi, sans-serif; }
h4 { font-size: 18px; line-height: 1.5em; letter-spacing: 0; font-family: AvantGardeDemi, sans-serif; }
h5 { font-size: 16px; line-height: 1.5em; letter-spacing: 0; font-family: AvantGardeDemi, sans-serif; }
h6 { font-size: 14px; line-height: 1.5em; letter-spacing: 0; font-family: AvantGardeDemi, sans-serif; }

/* Gestion Arabe */
html:lang(ar-ae), .dnnForm .dnnFormItem:lang(ar-ae){text-align: right;}
p:lang(ar-ae){text-align:right;text-align-last:right;}
.Normal:lang(ar-ae), .NormalDisabled:lang(ar-ae), .NormalDeleted:lang(ar-ae) {font-size: 1.3em;}
.FAQForm:lang(ar-ae) > span, .FAQForm:lang(ar-ae) > span{float:right;}
.FAQForm:lang(ar-ae) > input[type=text], .FAQForm:lang(ar-ae) > textarea{text-align: right;float: right;}
.FAQForm:lang(ar-ae) > input[type=text].requis, .FAQForm:lang(ar-ae) > textarea.requis {border-right: 5px solid red;border-left:1px solid #c9c9c9;}
.FAQForm:lang(ar-ae) br{clear:both;display:block;}


/*Bootstrap Reset*/
/*[id*="ControlPanel"], [id*="ControlPanel"] *, [id*="ControlPanel"] *:after,*/
.dnn_mact, .dnn_mact *, .dnn_mact *:before, .dnn_mact *:after,
.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before, .dnnActionMenu *:after,
.TB_Wrapper, .TB_Wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
[class*="RadAjaxPanel"] *, [class*="Digital"] * { font-size: 12px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li, ol.list-unstyled > li { list-style: none; margin: 0; }
ul.row { margin-left: -15px; margin-right: -15px; }
ol, ul { list-style: none; }
ul li { list-style-type: disc; }
ul li li { list-style-type: circle; }
ol li { list-style-type: decimal; }
.nav li { list-style: none !important; }
a { outline: none !important; border: 0; }
.btn { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info { color: #ffffff !important; }
ul#myTab { padding: 0; margin: 0; }
.panel-primary > .panel-heading h3 { color: #ffffff; }
.panel-success > .panel-heading h3 { color: #468847; }
.panel-warning > .panel-heading h3 { color: #c09853; }
.panel-danger > .panel-heading h3 { color: #b94a48; }
.panel-info > .panel-heading h3 { color: #3a87ad; }
.popover { z-index: 999; }
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: relative; margin: 0; }
.row{margin: 0;}
.table.table-bordered{background-color:#eeeeee;}
small, .small {font-size:80%;line-height: 0;}

/*spacer styles*/
.pe-spacer { clear: both; display: block; margin: 0; min-height: 0 !important; padding: 0; width: 100%; }
.pe-spacer.size10 { height: 10px; }
.pe-spacer.size20 { height: 20px; }
.pe-spacer.size30 { height: 30px; }
.pe-spacer.size40 { height: 40px; }
.pe-spacer.size50 { height: 50px; }
.pe-spacer.size60 { height: 60px; }
.pe-spacer.size70 { height: 70px; }
.pe-spacer.size80 { height: 80px; }
.pe-spacer.size90 { height: 90px; }
.pe-spacer.size100 { height: 100px; }

/*border styles*/
.left_border { border-left: 1px solid #e9e9e9; }
.right_border { border-right: 1px solid #e9e9e9; }
.top_border { border-top: 1px solid #e9e9e9; }
.bottom_border { border-bottom: 1px solid #e9e9e9; }

.Head { font-weight: bold; font-size: 16px; }
.SubHead { font-weight: bold; font-size: 15px; }
.SubSubHead, .Normal { font-size: 16px; }

.clearafter:after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; }
.clearafter { display: inline-block; }
.clearafter { display: block; }
.clear { clear: both; }
.clear_float { clear: both; line-height: 0; font-size: 0; }
.floatl { float: left; }
.floatr { float: right; }
.pc_display { display: block; }
.mobile_display, .mobile_nav { display: none; }

/*--------- Admin Settings Reset ----------*/
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active { color: #000000; text-decoration: underline; }
.FileManager A:hover { color: #000000; text-decoration: none; }
.dnnPrimaryAction, .dnnFormItem input[type=submit], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration: none; border-color: #ab2e2e; }
.dnnActionMenu span { color: #000000 !important; }
.ModuleTitle_SubMenu { z-index: 9999 !important; }
.DnnModule { z-index: inherit; }
.dnnFormPopup .ui-dialog-titlebar { min-height: 40px; }
.bs-docs-section .bs-example.bs-example-popover { z-index: 1; }
.DNNAligncenter table { margin: 0 auto; }
.paneOutline { border: 1px dashed #ccc; }
.dnnPrimaryAction, .dnnFormItem input[type=submit], a.dnnPrimaryAction { background: #e80f3c; border-color: #ab2e2e;border-radius:0;}
.ModAISAdminProductC, .ModAISAdminCategoryC, .ModAISAdminResellerC { max-width: 1300px; margin: 0 auto; }

/*--------- Menu AIS ------------------*/
.MNV1 { display: flex; justify-content: space-between; align-items: center; padding: 0 2%; font-size: 120%; z-index: 1000; margin: 20px; font-family: AvantGarde, sans-serif; }
	.MNV1 li { list-style: none; position: relative; }
	.MNV1 a { color: #000; text-decoration: none; }
		.MNV1 a hr { margin: 5px 10px 0 10px; height: 5px; background-color: transparent; border: none; }
        .MNV1 a:hover hr, .MNV1 > li.active > a > hr, .MNV2 > li.active > a > hr {
            background-color: #e80f3c;
            transition: all 1s ease;
            -webkit-transition: all 1s ease;
        }
	.MNV1 img:hover { opacity: 0.5; transition: all 1s ease; -webkit-transition: all 1s ease; }
	.MNV1 > li:first-child { order: 2; }
	.MNV1 > li + li { order: 0; }
		.MNV1 > li + li + li { order: 1; }
			.MNV1 > li + li + li + li { order: 2; }
				.MNV1 > li + li + li + li + li { order: 3; }
					.MNV1 > li + li + li + li + li + li { order: 5 }
/* Sous menu */
.MNV2 { display: none; position: absolute; white-space: nowrap; z-index: 999; background: #fff; margin: 0; font-size: 80%; right:0;/*Position du sous menu pour le back-office*/ }
.MNV1 > li:hover .MNV2 { display: block; }
.MNV2 > li { padding: 10px 20px; }


/*--------------------------------------------
               All Design Style                
---------------------------------------------*/ 
.skin_width { width: 100%; max-width: 1920px; min-width: 767px; margin: 0 auto; position: relative; }
.mobile_nav { display: none; }
.top_icons{justify-content:flex-end;padding:5px 20px 3px 20px;align-items:center;background:#f8f8f8;}
a.acces-prive{color:#999;font-size:0.9em;}

.icon_search { display: block; background:rgba(0, 0, 0, 0) url(images/icon_search.png) no-repeat center center; width: 28px; height:28px; position: relative; cursor: pointer; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;margin-right:15px; }
.icon_search_style { display: none; width: 260px; position: absolute; left: -56px; top:30px; padding:20px; background: rgba(248,248,248,.9); border: none;z-index:50;}
#Search{display:flex;justify-content:space-evenly;}
#Search input[type=text] {color: #888888;width: 160px;height:26px;margin-right:5px;padding:6px 8px;}
.language-object .form-control{height:26px;padding:4px;font-size:12px;}
a.icon_user { color: transparent; background:#e80f3c url(images/icon_user.png) no-repeat center center; display: block; height:28px; width:28px; overflow: hidden; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; }
a.icon_login {color:transparent; background:#e80f3c url(images/icon_login.png) no-repeat center center; display: block; height:28px; width:28px; overflow: hidden; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; margin-right:15px; }
a.icon_user:hover, a.icon_login:hover, .icon_search:hover{background-color:#000000;}

.skin_main { min-height: 550px; background: #ccc; }
.content_whitebg { background: #fff; }

.content_graybg { background: #f6f6f6; }
.content_graybg .skin_width { position: relative; }
.content_graybg .skin_width:before { content: ' '; background: url(images/content_top_shadow.png) no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 10%; max-height: 8px; z-index: 0; }

.content_gray2bg { background: #f5f5f5; position: relative; }
.content_gray2bg:before { content: ' '; background: -webkit-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: -moz-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: -o-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: -ms-linear-gradient(top, #e5e5e5,#f5f5f5 100%); background: linear-gradient(top, #e5e5e5,#f5f5f5 100%); position: absolute; top: 0; left: 0; width: 100%; height: 10%; max-height: 10px; z-index: 0; }
.content_gray2bg:after { content: ' '; background: -webkit-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: -moz-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: -o-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: -ms-linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); background: linear-gradient(bottom, #e5e5e5,#f5f5f5 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 10%; max-height: 10px; z-index: 0; }
.img_bg { background: url(images/img_bg.jpg) center center no-repeat; }
.content_colorbg { position: relative; }
.skin_top_content { /*padding:0 55px;*/ }
.skin_main_padding { padding: 0 20px; }

.footer_top { background: #f6f6f6; }
.footerpane_style { position: relative; }
.footerpane_style:before { content: ' '; background: url(images/content_top_shadow.png) no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 10%; max-height: 8px; z-index: 0; }
.footer_bg { background: #cccccc;padding-top:18px;}
.footer_bg .skin_width{padding:0 55px;line-height:1.7em;justify-content:space-between;}
.footer_bg .Newsletter .form-inline{display:flex;}
.footer_bg a.rs{display:inline-block;padding-right:5px;}
.footer_bg a.rs:hover{opacity:0.5; transition: all 1s ease; -webkit-transition: all 1s ease;}
.footer_bg .copyright_bar {color: #444; text-align: center; line-height: 85px; border-top: 1px solid #ddd;margin-top:20px; }

.bottomlink_style { line-height: 55px; text-align: center; width: auto; border-top: 1px solid #ddd; }
.bottomlink_style span a { padding: 0 20px; color: #565656; }
.bottomlink_style span a:hover { text-decoration: none; }
.footer_logout { display: none; }

/*--------- Pane Style ----------*/
.DNNEmptyPane { display: none !important; }
.dnnpane > [class*="col-md"], .dnnpane > [class^="col-md"] { padding: 10px 15px; }

.headerpane { display: none; padding: 0 10px; }
.content_grid12 { }
.topgrid6a { }
.topgrid6b { }
.topgrid4a { }
.topgrid4b { }
.topgrid4c { }
.topgrid3a { }
.topgrid3b { }
.topgrid3c { }
.topgrid3d { }
.topgrid8l { }
.topgrid4r { }
.topgrid4l { }
.topgrid8r { }
.topgrid12 { }
.i_seven_grid3, .i_seven_grid9, .i_six_grid8, .i_six_grid4{padding:40px 20px !important;}
.i_eight_grid9{padding-right:0;}
/*.i_eight_grid3{padding-left:0;}*/
.graygrid4a { margin: 40px 0; }
.graygrid4b { margin: 40px 0; }
.graygrid4c { margin: 40px 0; }
.graygrid12 { margin: 40px 0; }
.fullwidthgrid4a { margin: 40px 0; }
.fullwidthgrid4b { margin: 40px 0; }
.fullwidthgrid4c { margin: 40px 0; }
.fullwidthgrid12 { margin: 40px 0; }
.middlegrid3a { margin: 40px 0; }
.middlegrid3b { margin: 40px 0; }
.middlegrid3c { margin: 40px 0; }
.middlegrid3d { margin: 40px 0; }
.middlegrid6a { margin: 40px 0; }
.middlegrid6b { margin: 40px 0; }
.middlegrid12 { margin: 40px 0; }
.imgbg3a { margin: 40px 0; }
.imgbg3b { margin: 40px 0; }
.imgbg3c { margin: 40px 0; }
.imgbg3d { margin: 40px 0; }
.imgbg { margin: 40px 0; }
.colorgrid4a { }
.colorgrid4b { }
.colorgrid4c { }
.colorgrid12 { padding-bottom: 0 !important; }
.bottomgrid4a { margin: 40px 0; }
.bottomgrid4b { margin: 40px 0; }
.bottomgrid4c { margin: 40px 0; }
.bottomgrid6a { margin: 40px 0; }
.bottomgrid6b { margin: 40px 0; }
.bottomgrid12a { margin: 40px 0 0 0; }
.bottomgrid12b { margin: 40px 0; }
.footer_grid3a { margin: 50px 0 40px 0; }
.footer_grid3b { margin: 50px 0 40px 0; }
.footer_grid3c { margin: 50px 0 40px 0; }
.footer_grid3d { margin: 50px 0 40px 0; }
.footerpane { margin: 50px 0 40px 0; }
#dnn_InspirationLiens.flex{flex-direction:column;}


/*--------- Scroll Top Style ----------*/
#top-link {
    bottom: 25px;
    right: 30px;
    text-align: center;
    display: block;
    height: 40px;
    padding: 0;
    width: 44px;
    background: #999;
    background: rgba(0,0,0,0.3);
    position: fixed;
    text-decoration: none;
    z-index: 903;
    outline: none;
    color: #FFF;
    color: rgba(255,255,255,.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#top-link .fa { text-align: center; line-height: 40px; font-size: 17px; }
#top-link:hover { filter: Alpha(Opacity=90); opacity: 0.9; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; }

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding: 0px 8px; color: #555; font-size: 12px; text-decoration: none; }
A.Footer:hover { text-decoration: none; }
.footerpane_style a, .footerpane_style a:link { color: #6b6b6b; text-decoration: none; }
.footerpane_style a:visited { color: #6b6b6b; text-decoration: none; }
.footerpane_style a:hover { color: #24A1AF; text-decoration: none; }
.footerpane_style a:active { color: #6b6b6b; text-decoration: none; }
.footerpane_style, .footerpane_style * { color: #6b6b6b; }
.img_bg *, .content_colorbg * { color: #fff; }
.footerpane_style, .footerpane_style * { color: #999; }

/*--------- Font Awesome ----------*/
.fa_icon_wrapper { padding: 0 15px; margin: 20px 0 40px; }
.fontawesome-icon-list [class*="col-md-"] { padding: 15px 20px; border: 1px solid #f2f2f2; margin: -1px 0 0 -1px; color: #666; }
.fontawesome-icon-list [class*="col-md-"]:hover { color: #049AD9; }
.fontawesome-icon-list span.fa { font-size: 22px; margin-right: 5px; width: 30px; position: relative; top: 2px; }


/*--------------------------------------------------*/
/*----------------- BBP2018 ------------------------*/
/*--------------------------------------------------*/
.wrapper { max-width: 1920px; margin: 0 auto; }
.img-r { width: 100%; }
.progress {height:auto;background-color:unset;border-radius:0;-webkit-box-shadow:unset;box-shadow:unset;max-width:100px;}/*overwrite bootstrap*/
.progressBar{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;flex-direction:column;}
.progressBar img{max-width:100px;margin-bottom:20px;}
.Newsletter .form-control{background-color: #eeeeee;}

.category-desc{padding:30px; background:#e80f3c;}
.category-listing{
    display:flex;
    flex-wrap: wrap;
}
.category-listing > li{
    width:25%;
    padding:30px;
	background:white;
}
.category-listing > li:hover {
    background: #eeeeee;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.category-listing > li:hover a{
	-webkit-transition: all 1s;
	transition: all 1s;
	text-decoration: none;
	color: #e80f3c;
}
.category-listing > li > a{display:flex;flex-direction: column;height:100%;}
.category-listing > li > a > div{flex-grow:1;display: flex;align-items: center;justify-content: center;}
.category-listing h2{margin:0; line-height:1.1em;font-size:20px;}
.category-listing h3{margin:0;font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.1em;}

.BlocLittleCat.ActiveCat .bloc-accueil{bottom:0;padding-bottom:30px;}
.BlocLittleCat.ActiveCat h1{font-size:2em;}

.cat.breadcrumb{background-color: #ffffff;padding:20px 20px 3px 0;text-align:right;}

.produit {
	background-color: #cccccc;
	position: relative;
}
.produit h1, .produit h2, .produit h3, .produit h4 { margin: 0; padding: 0; line-height: 1.25em; }
.produit h4 {text-align:right; margin-bottom: 0.6em; }
.produit h2 { font-family: AvantGarde, Arial, Helvetica, sans-serif; }
.produit .flex.column { flex-direction: column; }
.produit .blanc { background: url('images/ProduitFdBlanc.png') repeat; padding:15px;}
.produit .gris { background: url('images/ProduitFdGris.png') repeat; padding: 15px;}
.produit .couleur {padding: 15px;}
/*.produit .colA { background: url('images/FondRouge.png') repeat;}*/
.produit .couleur * { color: #ffffff; }
.produit .couleur h1 { font-family: 'AvantGardeDemi'; line-height: 0.9em; }
.produit .couleur.colA { flex-direction: column; justify-content: space-between; padding-bottom: 0; }
.BlocLittleCat.ActiveCat h3 a/*.produit .colC strong*/{ color: #e80f3c; }
.produit .colA > div.relative > a{background:#ffffff;width:100%;}
.produit .colA > div.relative > a > img{height:100%;width:auto; margin:auto;}
.produit .hotspot img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 1s; transition: all 1s; cursor: pointer; }

.partage{ background:#dddddd;}
.partage > a { background:transparent url('images/Partage.png') no-repeat; text-decoration: none; padding: 5px 5px 5px 30px; background-size: contain; font-size: 80%; line-height:1.9em; }
	.partage:hover > a, #ShareModal:hover { -webkit-transition: all 1s; transition: all 1s; }
#ShareModal{display:none;flex-direction:column;align-items:center;}
#ShareModal > a{margin:5px;}

.produit .modal { background: none;right:auto;bottom:auto; }
.produit .modal-produit .modal-content { border-radius: 0; padding:15px; background-color: rgba(255,255,255,0.8); box-shadow: none; -webkit-box-shadow: none; margin:15px;}
.produit .modal-produit .modal-content > img{width:250px;}

.carousel{background:#FFFFFF;}
.carousel-inner > .item { height: 200px; text-align: center; overflow: hidden; }
	.carousel-inner > .item > img { height: 100%; width: auto; max-height: 100%; max-width: initial; margin: 0 auto; }
.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left { background-size: contain; height: 40px; font-size: 0; background-repeat: no-repeat; }
.carousel-control .glyphicon-chevron-right { background-image: url(/DesktopModules/AIS/CategorySlider/ADrte.png); }
.carousel-control .glyphicon-chevron-left { background-image: url(/DesktopModules/AIS/CategorySlider/AGche.png); }
.carousel-indicators li { margin: 1px 3px; }
.carousel-indicators .active { margin: 0 4px; }
.carousel-control.left, .carousel-control.right{background:unset;}

.produit .couleur.colA .liens{margin-top:1em;}

.produit .pied { padding: 30px 40px; background: #ffffff;}
.produit .pied > div, .pied > h4{display:table-cell;vertical-align:middle;}
.produit .pied h4{white-space:nowrap;padding-left:40px;}
.produit .pictos{position:absolute;flex-wrap:wrap-reverse;justify-content:end;right: 15px; bottom: 10px;}

.carousel3{width:100%;}
.carousel3_img a{display:block;text-align:center;font-size:80%;}
.carousel3_img a:hover{color: #e80f3c; text-decoration:none;}
.carousel3_img img {max-height: 75px;margin:0 auto;}

.bloc-accueil { position: absolute; background: rgba(255,255,255,0.7); padding: 20px 20px 10px 20px; }
	.bloc-accueil h1 { font-size: 200%; margin: 0; line-height: 0.9em; }
	.bloc-accueil h2 { margin-bottom: 0.5em; margin-top: 0; line-height: 1em; font-size: 115%; }
.accueil p {max-height: 10.8em;overflow: hidden;text-align:left !important;}

.FAQForm { margin-top: 2em; }
	.FAQForm > span { display: inline-block; vertical-align: top; width:20%; }
	.FAQForm > input[type=text], .FAQForm > textarea {width:75%; background: none repeat scroll 0 0 #ffffff; border: 1px solid #c9c9c9; border-radius: 3px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset; color: #333; font-size: 12px; margin-bottom: 18px; padding: 8px;}
	.FAQForm > input[type=text].requis, .FAQForm > textarea.requis{border-left: 5px solid red;}
.FAQQuestion {display: block;background: #828282;padding:20px;color:#ffffff;}
.FAQQuestion > span + span, .FAQReponse > span + span {text-align: right;font-size: 0.8em;display:block;}
.FAQReponse {margin-bottom: 30px;background: rgba(255,255,255,0.4) url("images/phobos.png") no-repeat 10px 8px;padding: 20px 40px;}
.FAQLu{margin-bottom:40px;}

/* Blog */
.BigNews a, .TitleLinkPhoto a{ text-decoration: none;}
.BlocBigNews{background: rgba(255,255,255,0.7); padding:15px 10px; position:absolute;bottom:35px;left:25px;right:25px;}
.BigNews:hover .BlocBigNews h2, .DeuxColonnes a:hover{ color: #e80f3c; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;text-decoration:none; }
.BlocBigNews h2, .ModAISNewsArticleC h2, .TitleLinkPhoto h2{font-size:1.2em;}
.BlocBigNews a + a{display:block;font-style:italic;text-align:right;}

.ModAISNewsArticleC h1, .ModAISNewsArticleC h2, .BlocBigNews h2{margin-top:0;line-height:1.1em;}
.ModAISNewsArticleC{background: url('images/ProduitFdGris.png') repeat;padding:40px 50px;}
.ModAISNewsArticleC .BlocPhotoRight{flex-direction:row-reverse;}
.ModAISNewsArticleC .photoArticle{flex-shrink:0;max-width:33%;}
.ModAISNewsArticleC .BlocPhotoRight .Contenu{margin-right:30px;}
.ModAISNewsArticleC .BlocPhotoLeft .Contenu{margin-left:30px;}

.radio-flex{width:100%;}
.radio-flex > tbody{display:flex;justify-content:space-around;}


.BlocConseil{position:relative;width:33.33%;flex-grow:1;}
.BlocConseil .bloc-accueil {position:absolute; bottom: 5%; left:10%; margin-right:10%; }
.BlocConseil a { line-height: 1.7em; display: block; }
.BlocConseil a:hover, .TitleLinkPhoto:hover a{ text-decoration: none; color: #e80f3c; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }

.TitleLinkPhoto h2{margin:0;}
.TitleLinkPhoto a + a{background: rgba(255,255,255,0.7); padding:10px 5px; position:absolute; bottom:5%; left:5%; right:5%;}
.TitleLinkPhoto .ls-bg{min-height:150px;}

/* Module 2 Colonnes */
.DeuxColonnes {display: flex;}
.DeuxColonnes > .relative{width:50%;}
.DeuxColonnes .bloc-accueil{bottom:5%;left:7%; right:7%; text-align:center;}

/* Petite colonne gauche */
.PetitGauche > div:first-child{flex:2;}
.PetitGauche > div + div{flex:4;padding:50px;}
.PetitGauche.fond-gris a{display:inline;}

/* Revendeurs front-office */
.fond-gris a{display:block; text-decoration:none;padding:5px 0;}
.fond-gris a:hover{color:#e80f3c;}
.BlocRev{margin-top:10px;}
.BlocRev > span{display:flex;flex-wrap:wrap;}
.BlocRev > span > span{width:33.3333%;display: flex;flex-direction: column;}
.BlocRev p.fond-gris{padding:15px;margin:0 10px 10px 10px;flex:2;overflow:hidden;}
.BlocRev p.fond-gris > span{display:block;}
.BlocRev .Head{display:block;background:#828282;color:#ffffff;margin:10px 10px 0 10px;padding:15px;}
.leaflet-container {margin: 0 auto;}
.fa.fa-print, .fa.fa-phone, .fa.fa-mobile, .fa.fa-envelope-o, .fa.fa-globe{font-family:unset;}
.fa-print::before, .fa-phone::before, .fa-mobile::before, .fa-envelope-o::before, .fa-globe::before{font-family: FontAwesome;padding-right: 5px;width:21px;display: inline-block;}
a.fa-phone, a.fa-envelope-o{padding-top:15px;}




@media screen and (max-width:640px) { 
	html{ font-size:90%; }

	.BlocLittleCat{display:none;}
	.BlocLittleCat.ActiveCat{display:block;}

	.category-listing > li{
		width:100%;
		padding:30px;
	}
	.category-listing h2{font-size:1.1em;}
.category-listing h3{font-size:85%;}
.BlocLittleCat.ActiveCat h1 {
    font-size: 1.5em;
}
	
	.produit .couleur h1 { font-size: 200%; }
	.produit .couleur h2 { font-size: 130%; margin-bottom: 10px; }
	.produit h3 { font-family: AvantGardeDemi; color: #e80f3c; font-size: 110%; line-height: 1.7em; }
	.produit h4 { font-size: 160%; margin-bottom: 0.6em; }
	.produit .wrapper .flex{flex-direction:column;}
	.produit .wrapper .flex .pictos{flex-direction:row;}
	.produit .flex .colA, .produit .flex .colB, .produit .flex .colC, .produit .flex .colD{ width:100%; position: relative;padding-top:20px; }
	/*.produit .colA #myCarousel, */.produit .colA > div.relative{display:none;}

	.produit .couleur.colA .liens a { display: block; padding: 15px; background: rgba(255,255,255,0.2); margin: 0 -15px 1px -15px; text-decoration: none; }
	.produit .couleur.colA .liens a:hover { background: #ddd; color: #000000; -webkit-transition: all 1s; transition: all 1s; }
	.produit .colB  {background-color: #ffffff; }
	.produit .colB .breadcrumb { position: absolute; top: 10px; right: 20px; font-size: 90%; }
	.produit .colB > .partage { position: absolute; top: 10px; left: 20px; }
	.produit .hotspot > div > img{width:40px;}
	.produit .pictos > img { width:35px;height:35px; margin:7px; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px5px rgba(0, 0, 0, 0.2); }
	
	.produit .modal-produit .modal-content > img{width:100px;}

	.produit .pied { padding: 10px 15px; }
	.produit .pied h4 { white-space: normal; padding-left: 15px; text-align: center; }
	.caroul3_prev, .caroul3_next {top: 27px;height: 30px;}
	.BlocConseil{ width:50%; max-height:400px;overflow:hidden; }
    .BlocConseil .bloc-accueil h1 {font-size: 120%;}
	.footer_bg .Newsletter .form-inline{flex-direction:column;justify-content:center;}
	
	.BlocRev > span > span{width:100%;}
    .ProductCat{flex-wrap:wrap;}
    .ProductCat .BlocLittleCat {width: 33.33%;flex:unset;}

    .accueil .header {margin: 20px;}
    .accueil .colB {width:100%;position: relative;display: flex;flex-direction: column;}
        .accueil .colB > div:first-child {max-height: 40%;}
        .accueil .colB > div {max-height: 41%;overflow: hidden;}
            .accueil .colB > div + div {position: relative;}
    .accueil .colC {width: 63.346613%;position: relative;display: flex;justify-content: center;flex-direction: column;text-align: center;background: rgba(255,255,255,0.7);}
        .accueil .colC > a {font-size: 150%;font-family: AvantGardeDemi;text-decoration: none;margin-top: 2em;}
    .accueil .colD {width: 36.65339%;position: relative;}
    .accueil .bloc-accueil.A01 {top: 36%;right:unset;left: 10%;}
        .accueil .bloc-accueil.A01 img {max-width: 100%;width: 100%;}
    .accueil .bloc-accueil.A02 {top: 30%;left: 5%;width: 50%;}
    .accueil .bloc-accueil.A03 {bottom: 5%;left: 10%;width: unset;right:10%;}
    .accueil .bloc-accueil.A04 {bottom: 5%;left: 5%;right: 5%;}
    .accueil .bloc-accueil > p {display: none;}

    .accueil .bloc-accueil {padding:10px;}
    .accueil .bloc-accueil h1 {font-size: 150%;}
    .accueil .bloc-accueil h2{font-size:100%;max-height:3em;overflow:hidden;}
    .accueil .bloc-accueil a {font-size: 130%;line-height:0.9em;}
	.accueil > .flex{flex-direction:column;}
	.accueil .colA{width:100%;max-height:300px;overflow:hidden;position:relative;}
	
    .PetitGauche{font-size:80%;flex-direction:column;}
    .PetitGauche > div:first-child{max-height:400px;overflow:hidden;}
	.PetitGauche > div + div{padding:20px;}
}



@media screen and (min-width:640px) and (max-width: 824px) { 
	html{ font-size:80%; }
	.ModAISNewsArticleC{padding:20px 30px;}
	.BlocBigNews {bottom:15px;left:10px;right:10px;}
	.category-listing > li{
		width:33.33%;
		padding:20px;
	}
	.category-listing h2{font-size:1.1em;}
.category-listing h3{font-size:85%;}
	
	.produit .couleur h1 { font-size: 200%; }
	.produit .couleur h2 { font-size: 130%; margin-bottom: 10px; }
	.produit h3 { font-family: AvantGardeDemi; color: #e80f3c; font-size: 110%; line-height: 1.7em; }
	.produit h4 { font-size: 160%; margin-bottom: 0.6em; }

	.produit .colA { width: 31%; position: relative; }
	.produit .colB { width: 69%; position: relative; display: flex; align-items: center;justify-content:center;padding:20px; }
	.produit .colC { width: 43%; position: relative; }
	.produit .colD { width: 26%; position: relative; }

	.produit .colA .partage { position: absolute; top: 6px; right: 6px; }
	.produit .colA > div.relative, .produit .colA #myCarousel{max-height:100px;overflow:hidden;display:flex;}
	.produit .logo360 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
	.produit .logo360 img { margin: auto; max-width: 50px; }
	.carousel-inner > .item { height: 100px; }
	.produit .demo { position: absolute; bottom: 5%; left: 0; right: 0; color: #ffffff; text-align: center; }
	.produit .demo p, .produit .demo img { margin: auto; line-height: 3em; font-size: 150%; text-shadow: 0 2px 4px #000000; text-align-last: center; }
	.produit .couleur.colA .liens a { display: block; padding: 15px; background: rgba(255,255,255,0.2); margin: 0 -15px 1px -15px; text-decoration: none; }
	.produit .couleur.colA .liens a:hover { background: #ddd; color: #000000; -webkit-transition: all 1s; transition: all 1s; }

	.produit .breadcrumb { position: absolute; top: 20px; right: 20px; font-size: 90%; }
	.produit .colB {
		background-color: #ffffff;
	}
	.produit .colB > .partage { position: absolute; top: 70px; right: 20px; }
	.produit .pictos > img { width:35px;height:35px; margin:7px; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px5px rgba(0, 0, 0, 0.2); }
	.produit .hotspot > div > img{width:40px;}
	
	.produit .modal-produit .modal-content > img{width:150px;}


	.produit .pied { padding: 10px 15px; }
	.produit .pied h4 { white-space: normal; padding-left: 15px; text-align: center; }
	.caroul3_prev, .caroul3_next {top: 27px;height: 30px;}

	.accueil .header { margin: 20px; }
	.accueil .colA { width: 36.13%; position: relative; }
	.accueil .colB { width: 63.87%; position: relative; display: flex; flex-direction: column; }
		.accueil .colB > div:first-child { max-height: 40%; }
		.accueil .colB > div { max-height: 41%; overflow: hidden; }
			.accueil .colB > div + div { position: relative; }

	.accueil .colC { width: 63.346613%; position: relative; display: flex; justify-content: center; flex-direction: column; text-align: center; background: rgba(255,255,255,0.7); }
		.accueil .colC > a { font-size: 150%; font-family: AvantGardeDemi; text-decoration: none; margin-top: 2em; }
	.accueil .colD { width: 36.65339%; position: relative; }
	.accueil .bloc-accueil.A01 { top: 36%; right: 10%; left: 10%; }
		.accueil .bloc-accueil.A01 img { max-width: 100%; width: 100%; }
	.accueil .bloc-accueil.A02 { top: 30%; left: 5%; width: 50%;}
	.accueil .bloc-accueil.A03 { bottom: 5%; left: 10%; width: 65%; }
	.accueil .bloc-accueil.A04 { bottom: 5%; left: 5%; right: 5%; }
	.accueil .bloc-accueil > p { display: none; }
    .accueil .bloc-accueil a {font-size: 140%;}

	.minipied { padding: 20px 55px; }
		.minipied > .flex { justify-content: space-around; font-size: 90%; margin-bottom: 20px; }
			.minipied > .flex + .flex { border-top: 1px rgba(0,0,0,0.2) solid; }
		.minipied .newsletter { font-size: 80%; padding-top: 20px; }
		
	.BlocRev > span > span{width:50%;}
    .BlocConseil .bloc-accueil h1 {font-size: 140%;}
    .PetitGauche{font-size:80%;flex-direction:column;}
    .PetitGauche > div:first-child{max-height:550px;overflow:hidden;}
	.PetitGauche > div + div{padding:30px;}
}

@media screen and (min-width:824px) and (max-width: 1210px) {
	html{ font-size:80%; }
    p{font-size:110%;}
	.ModAISNewsArticleC{padding:30px 40px;}
	.BlocBigNews {bottom:15px;left:10px;right:10px;}

	.category-listing > li{
		width:33.33%;
		padding:25px;
	}
	.category-listing h2{font-size:1.4em;}

	.produit .flex.column .flex { justify-content: space-around; background: #ffffff; }
	.produit .couleur { padding: 30px 20px; }
	.produit .blanc { padding: 30px 20px; }
	.produit .gris { padding: 30px 20px; }
	.produit .couleur h1 { font-size: 250%; }
	.produit .couleur h2 { font-size: 150%; margin-bottom: 20px; }

	.produit .colA { width: 31%; position: relative; }
	.produit .colB { width: 69%; position: relative; display: flex; align-items: center; justify-content:center;padding:25px;}
	.produit .colC { width: 43%; position: relative; }
	.produit .colD { width: 26%; position: relative; }

	.produit .colA .partage { position: absolute; top: 6px; right: 6px; }
	.produit .colA > div.relative, .produit .colA #myCarousel{max-height:200px;overflow:hidden;display:flex;}
	.produit .logo360 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
	.produit .logo360 img { margin: auto; max-width:80px; }

	.produit .demo { position: absolute; bottom: 5%; left: 0; right: 0; color: #ffffff; text-align: center; }
	.produit .demo p, .produit .demo img { margin: auto; line-height: 3em; font-size: 150%; text-shadow: 0 2px 4px #000000; text-align-last: center; }
	.produit .hotspot > div > img{width:50px;}
	.produit h3 { font-family: AvantGardeDemi; color: #e80f3c; font-size: 110%; line-height: 1.7em; }
	.produit h4 { font-size: 150%; }
	.produit .pictos > img { width: 55px;height:55px; margin:7px; border-radius: 10px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px5px rgba(0, 0, 0, 0.2); }
	.produit .breadcrumb { position: absolute; top: 20px; right: 20px; font-size: 90%; }
	.produit .colB {
		background-color: #ffffff;
	}
	.produit .colB > .partage { position: absolute; top:40px; right: 20px; }

	.produit .couleur.colA .liens a { display: block; padding: 30px; background: rgba(255,255,255,0.2); margin: 0 -30px 1px -30px; text-decoration: none; }
	.produit .couleur.colA .liens a:hover { background: #ddd; color: #000000; -webkit-transition: all 1s; transition: all 1s; }
	
	.produit .modal-produit .modal-content > img{width:200px;}

	.produit .pied { padding: 20px 30px; }
	.produit .pied h4 { white-space: normal; padding-left: 30px; text-align:center;}

	/*.carousel-inner > .item { height: 300px; }*/
	.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left { height: 50px; }
	.caroul3_prev, .caroul3_next {top: 25px;height: 40px;}
	.carousel3_img img {max-height:90px;}

	/* ACCUEIL */
	.accueil .header { margin: 20px; }
	.accueil .colA { width: 36.13%; position: relative; }
	.accueil .colB { width: 63.87%; position: relative; display: flex; flex-direction: column; }
		.accueil .colB > div:first-child { max-height: 40%; }
		.accueil .colB > div { max-height: 41%; overflow: hidden; }
			.accueil .colB > div + div { position: relative; }
	.accueil .colC { width: 63.346613%; position: relative; display: flex; justify-content: center; flex-direction: column; text-align: center; background: rgba(255,255,255,0.7); }
		.accueil .colC > a { font-size: 150%; font-family: AvantGardeDemi; text-decoration: none; margin-top: 2em; }
	.accueil .colD { width: 36.65339%; position: relative; }
	.bloc-accueil { padding: 25px 25px 15px 25px;}
	.accueil .bloc-accueil.A01 { top: 36%; right: 10%; left: 10%; }
		.accueil .bloc-accueil.A01 img { max-width: 100%; width: 100%; }
	.accueil .bloc-accueil.A02 { top: 30%; left: 5%; width: 50%; }
	.accueil .bloc-accueil.A03 { bottom: 5%; left: 10%; width: 65%; }
	.accueil .bloc-accueil.A04 { bottom: 5%; left: 5%; right: 5%; }
		.accueil .bloc-accueil.A02 > p, .accueil .bloc-accueil.A03 > p, .accueil .bloc-accueil.A04 > p { max-height: 2.5em;}
    .accueil .bloc-accueil a{font-weight:bold;font-size:105%;}

    .minipied {padding: 20px 55px;}
		.minipied > .flex { justify-content: space-around; font-size: 90%; margin-bottom: 20px; }
			.minipied > .flex + .flex { border-top: 1px rgba(0,0,0,0.2) solid; }
		.minipied .newsletter { font-size: 80%; padding-top: 20px; }

    .BlocConseil .bloc-accueil h1 {font-size: 170%;}
    .PetitGauche{font-size:80%;}
	.PetitGauche > div + div{padding:20px;}
}


@media screen and (min-width: 1210px) {
	.produit .flex.column .flex { justify-content: space-around; background: #ffffff; }
	.produit .couleur { padding: 40px 30px; }
	.produit .blanc { padding: 40px 30px; }
	.produit .gris { padding: 40px 30px; }
	.produit .couleur h1 { font-size: 300%; }
	.produit .couleur h2 { font-size: 160%; margin-bottom: 30px; }

	.produit .colA { width: 31%; position: relative; }
	.produit .colB { background-color: #ffffff; width: 69%; position: relative; display: flex; align-items: center;justify-content:center; padding-top:20px;}
	.produit .colC { width: 47%; position: relative; }
	.produit .colD { width: 22%; position: relative; }

	.produit .colA .partage { position: absolute; top: 11px; right: 11px; }
	.produit .colA > div.relative, .produit .colA #myCarousel{max-height:300px;overflow:hidden;display:flex;}
	.produit .logo360 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
	.produit .logo360 img { margin: auto; max-width: 110px; }

	.produit .demo { position: absolute; bottom: 5%; left: 0; right: 0; color: #ffffff; text-align: center; }
	.produit .demo p, .produit .demo img { margin: auto; line-height: 3em; font-size: 150%; text-shadow: 0 2px 4px #000000; text-align-last: center; }

	.produit h3 { font-family: AvantGardeDemi; color: #e80f3c; font-size: 110%; line-height: 1.7em; }
	.produit h4 { font-size: 200%; }

	.produit .pictos {right: 20px; bottom: 15px;}
	.produit .pictos > img { width: 65px;height:65px; margin:10px; border-radius: 15px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px5px rgba(0, 0, 0, 0.2); }
	.produit .breadcrumb { position: absolute; top: 20px; right: 20px; font-size: 90%; }
	.produit .colB > .partage { position: absolute; top:40px; right: 20px; }
	.produit .modal-produit .modal-content {margin:25px;}

	.produit .couleur.colA .liens a { display: block; padding: 30px; background: rgba(255,255,255,0.2); margin: 0 -30px 1px -30px; text-decoration: none; }
	.produit .couleur.colA .liens a:hover { background: #ddd; color: #000000; -webkit-transition: all 1s; transition: all 1s; }

	.carousel-inner > .item { height: 300px; }
	.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left { height: 50px; }

	.carousel3_img img {max-height:150px;}



	/* ACCUEIL */
	.accueil .header { margin: 20px; }
	.accueil .colA { width: 41.13%; position: relative; margin-left: 55px; }
	.accueil .colB { width: 58.87%; position: relative; margin-right: 55px; display: flex; flex-direction: column; }
		.accueil .colB > div + div { position: relative; }
	.accueil .colC { width: 63.346613%; position: relative; display: flex; justify-content: center; flex-direction: column; text-align: center; background: rgba(255,255,255,0.7); }
		.accueil .colC > a { font-size: 150%; font-family: AvantGardeDemi; text-decoration: none; margin-top: 2em; }
	.accueil .colD { width: 36.65339%; position: relative; }
	.bloc-accueil { padding: 30px 30px 15px 30px; }
	.accueil .bloc-accueil.A01 { top: 45%; left: 40%; width: 50%; }
	.accueil .bloc-accueil.A02 { top: 28%; left: 20%; width: 45%; }
	.accueil .bloc-accueil.A03 { bottom: 5%; left: 10%; width: 65%; }
	.accueil .bloc-accueil.A04 { bottom: 5%; left: 5%; right: 5%; }
    .accueil .bloc-accueil a {font-weight: bold;}
}

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 991px) {
	/*.skin_top_content { padding:0 20px; }*/
	.dnnpane > [class*="col-md"], .dnnpane > [class^="col-md"] { padding: 10px 10px; }
	.pc_display { display:none; }
	.mobile_display { display:block;align-items:center; }
    .mobile_display > .flex + .flex{align-items:center;}
	.Logo{flex-grow:1;}
		.Logo img{margin:15px auto 0 auto;}
	.Burger{margin:20px;flex-grow:0;height:25px;}
		.Burger:hover{cursor:pointer;}
	.MNV1 {position:absolute; margin:0; background-color:#ffffff; right:0; left:0; padding:5px 15px 0 15px;}
		.MNV1 a hr { margin: 5px 10px -3px 10px;}
		.MNV1 > li:first-child {display:none;}
    .TitleLinkPhoto{max-height:450px;overflow:hidden;}
    #dnn_InspirationLiens.flex {flex-direction: row;width:100%;}
    .DeuxColonnes .bloc-accueil h1 {font-size:150%;}
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; }
	.skin_width, body { width: 100%; min-width: 0; }
	.floatl, .floatr { float: none; }

	.language-object .Language { margin: 0 1px; }
	.skin_main_padding { padding: 0 30px; }
	.footer_left { float: none; width: auto; padding: 10px 2%; text-align: center; }
	.socialpane_style { float: none; text-align: center; padding: 10px 2%; }
	.footer_bg .copyright_bar { line-height: 40px; }
	.footer_bg a.rs{padding-right:0;}
	.footer_bg a.rs img{width:80%;height:80%;}

	.MNV1{flex-direction:column;align-items:flex-end;}
	.MNV1 li{padding:0 10px 15px 10px;}
	.MNV1 > li:hover .MNV2 { display: none; }
	.footer_bg .skin_width{padding:0 10px;}
	
	.DeuxColonnes{flex-direction:column;}
	.DeuxColonnes > .relative{width:100%;}
	.DeuxColonnes .bloc-accueil h1 {font-size:170%;}


	/*leftsidebar layout*/
	.LM_position { float: none; width: auto; padding: 0; }
	.LM_skin_content { float: none; width: auto; padding: 0; }
	#leftMenu { display: none; }

	/*--------- Scroll Top Style ----------*/
	#top-link { bottom: 12px; right: 20px; }

	/*--------- Pane Style ----------*/
	.headerpane { margin: 0; }
	.bottomgrid4a { margin: 20px 0; }
	.bottomgrid4b { margin: 20px 0; }
	.bottomgrid4c { margin: 20px 0; }
	.bottomgrid12 { margin: 20px 0; }
	.footer_grid3a { margin: 30px 0 20px 0; }
	.footer_grid3b { margin: 30px 0 20px 0; }
	.footer_grid3c { margin: 30px 0 20px 0; }
	.footer_grid3d { margin: 30px 0 20px 0; }
	.footer_grid12 { margin: 0; padding: 0 !important; }
}

	/*--------- Retina Set ----------*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
		.menuclick { background-image: url(images/retina/btn_menu@2x.png); -webkit-background-size: 25px 19px; -moz-background-size: 25px 19px; background-size: 25px 19px; }
		#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2,
		#megaMenu .root a span .navarrow, #megaMenu .root a span .navarrow2 { background-image: url(images/retina/mobile_navarrow@2x.png); -webkit-background-size: 17px 80px; -moz-background-size: 17px 80px; background-size: 17px 80px; }
	}