/*
    ORDER POUR DéFINIR UN STACK DE STYLE POUR LES LIENS:::a,a:link,a:visited || a:hover,a:visited:hover,a:active,a:focus
    vert 72BF44 || b2c 00aeef || b2b 0596d5
    Reset CSS mparent BLOCK LEVEL ELEMENTS || article,aside,audio,canvas,figcaption,figure,footer,header,hgroup,output,section,video
*/
address, article, aside, audio, blockquote, body, canvas, center, dd, del, dir, div, dl, dt, fieldset, figcaption, figure, footer, form, frameset, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, ins, li, noframes, noscript, ol, output, p, pre, script, section, table, tbody, td, textarea, tfoot, th, thead, tr, ul, video { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; /* 2013 mparent */ }

article, aside, audio, canvas, figcaption, figure, footer, header, hgroup, output, section, video,
address, blockquote, body, center, dd, del, dir, div, dl, dt, fieldset, form, frameset, h1, h2, h3, h4, h5, h6, hr, html, ins, li, noframes, noscript, ol, p, pre, script, table, tbody, td, tfoot, th, thead, tr, ul,
a, abbr, acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var { border-color : #ccc }

a, abbr, acronym, b, basefont, bdo, big, body, br, button, cite, code, dfn, div, em, font, i, img, input, kbd, label, p, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var { /* tous les éléments inline || aucun 'reset' nécessaire */ }

/* GENERAL */
html, body { background-color : #fdfcfb; font-size : 14px; line-height : 19px; font-family : SourceSansProRegular, sans-serif }

body { background : #fff; max-width : 1200px; min-width : 670px; margin : auto; }

.center { text-align : center }

a.b2bBackgroundColor.btn-bb:hover {color : white; text-decoration : none; cursor : pointer}

.image-fille { bottom : -15px; position : absolute; right : -118px; width : 260px; z-index : 0 }

/*.articles .nouvelles p,p{font-size:14px;line-height:19px;font-family:SourceSansProRegular,sans-serif;color:#000}*/
.tooltip, .tooltip p { color : #6f6f6f; text-align : left }

.b2cColor {color : #FF006F;}

.b2cBackgroundColor {background-color : #FF006F;}

.b2bColor {color : #00aeef;}

.b2bBackgroundColor {background-color : #00aeef;}

a { color : #00aeef; text-decoration : none }

a:hover, a:visited:hover, a:active { color : #00aeef; text-shadow : none !important }

h1 { color : #00AEEF; font-family : SourceSansProBlack; font-size : 32px; font-weight : 400; line-height : 36px }

h2 { font-size : 32px; line-height : 37px; color : #00aeef }

h3 { font-size : 24px; line-height : 29px; color : #00aeef }

h4 { font-size : 18px; line-height : 23px; color : #00688c }

h5 { color : #000; font-size : 18px; line-height : 20px; font-weight : 400 }

h6 { font-size : 14px; line-height : 19px; color : #00aeef }

h7 { font-size : 18px }

input[type="radio"], input[type="checkbox"] { position : relative; top : -3px }

iframe { border : 0 none }

textarea { width : 100% }

caption { color : #00688C; font-size : 18px; line-height : 23px; margin-bottom : 10px; text-align : left }

video { width : 100% !important; height : auto !important }

.hr-spacer { height : 10px; width : 100%; clear : both; margin : 15px 0; background-color : #00aeef }

body.b2b .hr-spacer { background-color : #0596d5 }

.gray-box { padding : 20px; overflow : hidden; background : #f5f5f5; border : 1px solid #ccc }

.b2c-box { padding : 20px; overflow : hidden; margin-top : 5px; margin-bottom : 5px; background : #00aeef; color : #FFFFFF; border : 1px solid #ccc }

.b2b-box { padding : 20px; overflow : hidden; margin-top : 5px; margin-bottom : 5px; background : #0596d5; color : #FFFFFF; border : 1px solid #ccc }

.b2c-minimenu { background : #00aeef; color : #FFFFFF; padding : 6px; overflow : hidden }

.b2b-minimenu { background : #0596d5; color : #FFFFFF; padding : 6px; overflow : hidden; margin-bottom : 5px }

.b2b-minimenu { background : #0596d5; color : #FFFFFF; padding : 6px; overflow : hidden; margin-bottom : 5px }

.b2c-box p, .b2b-box p { color : #fff }

.rounded { -moz-border-radius : 15px; border-radius : 15px }

.asterisk { color : #FF0000 }

.top-shadow-divider:before, .bottom-shadow-divider:after { background : url("/skins/default/media/images/txtr-shadow-divider.png") no-repeat scroll 50% 0 transparent; clear : both; content : ""; display : block; height : 18px; width : 100%;
-webkit-background-size                                               : 100% 36px; -moz-background-size : 100% 36px; background-size : 100% 36px }

.bottom-shadow-divider:after { background-position : 50% -18px; margin-top : 5px }

.top-shadow-divider:before { background-position : 50% 0; margin-bottom : 15px }

.wrapper_background { background : url('/skins/default/media/images/background_bottom.png') no-repeat center bottom; width : 100% }

.top_background { background : transparent url("/skins/default/media/images/bg_header.png") no-repeat scroll center top; padding-bottom : 15px; width : 100%; z-index : 1; /*position:relative;*//*overflow:hidden;*/ }

.b2c .top_background { background : transparent url("/skins/default/media/images/txtr-b2c-centre.png") no-repeat scroll center top; padding-bottom : 15px; width : 100%; z-index : 1; /*position:relative;*//*overflow:hidden;*/ }

.bottom_background { height : 1035px; width : 1600px; margin-left : auto; margin-right : auto }

.bottom_background_repeatx { position : absolute; bottom : 0px; height : 500px; width : 100% }

/* Video Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ */
.flex-video { position : relative; padding-top : 25px; padding-bottom : 67.5%; height : 0; margin-bottom : 5px; overflow : hidden }

.flex-video.widescreen { padding-bottom : 57.25% }

.flex-video.vimeo { padding-top : 0 }

.flex-video iframe, .flex-video object, .flex-video embed { position : absolute; top : 0; left : 0; width : 100%; height : 100% }

/* box */
.well-border { background-color : #fcfcfc; border : 1px solid #ccc; margin-bottom : 20px; min-height : 20px; -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.05) }

.well-border .well-title { background-color : #f3f3f3; border-bottom : 1px solid #ebebeb; font-size : 14px; font-weight : 400; line-height : 18px; margin : 0; padding : 8px 14px; }

.well-border .well-content { padding : 10px }

#main_wrap { padding-bottom : 15px; position : relative }

.box-shadow { -webkit-box-shadow : 4px 4px 0px rgba(50, 50, 50, 0.08); -moz-box-shadow : 4px 4px 0px rgba(50, 50, 50, 0.08); box-shadow : 4px 4px 0px rgba(50, 50, 50, 0.08) }

img.shadow-divider { width : 100% }

.btn-bb { display : inline-block; font : 16px/20px SourceSansProBold, sans-serif; letter-spacing : .5px; padding : 5px 15px; position : relative; text-decoration : none }

.btn-bb.b2c, .btn-bb.b2b { color : #FFF; border : 0 none; }

/*text-shadow:0 1px 0 #016490*/
.btn-bb.b2c:hover, .btn-bb.b2b:hover { background : #00AEEF; color : #FFF; border : 0 none; text-shadow : 0 1px 0 #016490 }

.btn-bb.green { background : #aad377; color : #FFF; border : 0 none; text-shadow : 0 1px 0 #016490 }

.btn-bb.green:hover { background : #aad377; color : #FFF; border : 0 none; text-shadow : 0 1px 0 #016490 }

.b2c .context-color.blue { background : #00aeef; border : 0 none; text-shadow : 0 1px 0 #016490 }

/* la couleur du bouton BLEU standBy */
/* body.b2c .btn-bb.blue{background:#dd1d44} */
.btn-bb.gray { background : #b8b8b8; color : white; text-shadow : 0 1px 0 #686868 }

.btn-bb.disabled { background : #b8b8b8; color : #797979; text-shadow : 0 1px 0 #686868 }

.btn-bb:hover { text-decoration : underline }

/* header */
#header_wrap.container { position : relative }

.top-bar { background : none repeat scroll center top #00ACED; border-bottom : 2px solid #FFFFFF; border-top : 3px solid #E7E6DD; color : #FFFFFF; line-height : 35px; padding : 0 5px; vertical-align : middle; width : 100%; z-index : 9999;
-webkit-box-shadow    : 0 0 45px #999999; -moz-box-shadow : 0 0 45px #999999; box-shadow : 0 0 45px #999999;
}

.top-buttons { clear : both }

.b2c .top-bar { background-color : #0596d5 }

.text_connecter { color : #fff; font-family : SourceSansProBold; font-size : 12px; line-height : 28px; padding-right : 9px }

.text_connecter_wrapper { margin-top : 7px }

.text_connecter:hover, a.text_connecter:hover { color : #e7e6dd; text-decoration : none }

.top_part_menu { /*border-right:1px solid #DDDDDD;*/ margin-right : 9px; padding-right : 15px; text-align : right }

.top_part_menu ul { list-style-type : none; margin : 0; padding : 0; text-align : right }

.top_part_menu li { margin : 3px 0; display : inline }

.top_part_menu li span { bottom : 2px; display : block; position : relative }

/*a:hover,a:visited:hover,a:active,a:focus*/
.top_part_menu li a, .top_part_menu li a:visited { color : #fff; text-decoration : none }

.top_part_menu li a:hover, .top_part_menu li a:visited:hover, .top_part_menu li a:active { color : #E7E6DD }

.top_part_menu li a:focus { color : #E7E6DD; text-decoration : underline }

.ul_top_nav { float : right; list-style-type : none; margin-bottom : 0 }

.ul_top_nav a, #jquery-salutations, #user_name { color : #fff; font-family : SourceSansProBold; font-size : 12px; line-height : 28px; margin-right : 9px }

.ul_top_nav a:hover { color : #e7e6dd; text-decoration : none }

#jquery-salutations { margin-right : 4px }

#user_name { margin-right : 9px; text-transform : capitalize }

.top_part-cart { float : right; margin-bottom : 10px }

.responsive-main-menu { border : 0 none }

.cart-link { background-color : #eee; border : 1px solid #eee; color : #838383; display : block; float : left; font-family : SourceSansProSemibold; font-size : 14px; line-height : 33px; padding : 0 35px 0 9px; vertical-align : middle }

/*
    .cart-link{background:url("/skins/default/media/images/txtr-top_part_menu-btns.png") no-repeat scroll 100% 0 #D4D2C3;border-left:1px solid #D4D2C3;color:#00AEEF;display:block;float:left;font-family:SourceSansProSemibold;font-size:12px;height:30px;line-height:35px;padding:0 35px 0 9px;vertical-align:middle;
    -webkit-box-shadow:-2px 2px 4px -2px rgba(0,0,0,.75);-moz-box-shadow:-2px 2px 4px -2px rgba(0,0,0,.75);box-shadow:-2px 2px 4px -2px rgba(0,0,0,.75)}
*/
.cart-link:hover, .cart-link:visited:hover, .cart-link:active, .cart-link:focus { border-color : #00aaee; text-decoration : none; }

.cart-link.mon-panier { background : url("/skins/default/media/icons/btn_mon-panier3.png") no-repeat scroll 95% 50%; background-color : #00aaee; color : #FFF; border-radius : 5px; }

.cart-link.mon-panier:hover { background : url("/skins/default/media/icons/pannier2.png") no-repeat scroll 95% 50%; background-color : #fff; color : #00aaee; border-radius : 5px; }

.cart-link.liste-souhaits, .cart-link.mes-favoris { background : url("/skins/default/media/icons/btn_liste-souhaits3.png") no-repeat scroll 100% 50%; margin-right : 10px; background-color : #00aaee; color : #FFF; border-radius : 5px; }

.cart-link.liste-souhaits:hover, .cart-link.mes-favoris:hover { background : url("/skins/default/media/icons/btn_liste-souhaits4.png") no-repeat scroll 100% 50%; margin-right : px; background-color : #FFF; color : #00aaee; border-radius : 5px; }

.cart-link.responsive-main-menu { background-position : 100% -60px; margin-left : 5px; padding : 0; width : 40px }

.cart-link.b-or-c { background-position : 100% -90px; border-width : 0 0 0 1px; border-style : none none none solid }

.btn-group.top-bar-buttons { display : inline-block; float : left; margin : 0; font-size : 12px; position : relative; vertical-align : inherit; white-space : nowrap }

.btn-group.top-bar-buttons > .dropdown-toggle { border-bottom-right-radius : 0; border-top-right-radius : 15px }

.btn-group.top-bar-buttons > a.dropdown-toggle { font-weight : 700 }

.dropdown-menu > li > p { clear : both; color : #333333; display : block; font-weight : normal; line-height : 16px; margin-left : 5px; margin-right : 5px; padding : 3px 20px; white-space : normal }

.change-profil-btn { background : none repeat scroll 0 0 #0095D9; color : #FFF; display : inline-block; float : left; height : 33px; line-height : 32px; padding : 0 13px;
-moz-border-radius-topleft      : 15px; -webkit-border-top-left-radius : 15px; border-top-left-radius : 15px; -moz-border-radius-topright : 15px; -webkit-border-top-right-radius : 15px; border-top-right-radius : 15px }

.change-profil-btn.change-profil-b2c { background-color : #00aeef }

.change-profil-btn.active { background : url("/skins/default/media/images/bg_onglet.png") repeat-x 0 0 #D4D2C3;; color : #0095D9; height : 35px; margin-bottom : -3px }

.change-profil-wrapper { margin-bottom : 0; margin-top : 8px !important }

.change-profil-wrapper > a { font-weight : bold; font-size : 12px }

.change-profil-wrapper .en-construction { line-height : 11px; padding-top : 5px; text-align : center }

.change-profil-wrapper .en-construction span.construction { display : block; font-size : 11px }

.btn-group.top-bar-buttons .link-change-to-b2b, .link-change-to-b2b { border-top-right-radius : 0 }

.btn-group.top-bar-buttons .link-change-to-b2c, .link-change-to-b2c { border-top-left-radius : 0 }

.header_ul_lang_wrapper { list-style-type : none; margin : 0; overflow : hidden; text-align : right }

.header_ul_lang_wrapper li { float : none; margin-left : 5px; display : inline; color : #00aeef }

.header_ul_lang_wrapper li:first-child { margin-left : 0 }

.header_ul_lang_wrapper a { border-left : 1px solid #CCC; color : #8A8A8B; display : inline-block; font-family : SourceSansProSemibold; margin : 0 0 5px; padding-left : 5px }

.header_ul_lang_wrapper li:first-child a { border : none }

.header_ul_lang_wrapper a:hover { color : #555657; text-decoration : none }

.header_label_searchby { color : #838383; float : left; font-family : SourceSansProSemiboldItalic; line-height : 24px; padding-right : 10px; padding-top : 6px }

.breadcrumb { padding-top : 5px }

#breadcrumb { border-bottom : 1px solid #CCC; margin-bottom : 5px; padding-bottom : 5px; overflow : hidden }

.breadcrumb > li span.a { color : #00AEEF; font-size : 12px; padding : 0 5px; text-decoration : none }

#header_searchby_dropdown_text { padding-right : 8px }

.separateur-ou { padding : 0 10px }

.inner-carets { padding : 4px 0 4px 4px }

#pop-trousse div.info-text-cart { width : 275px; }

.btn-group.blue .caret_arrowup { border-bottom : 4px solid #00aeef; border-left : 4px solid transparent; border-right : 4px solid transparent; border-top : 0; content : ""; display : inline-block; height : 0; margin-top : 6px; vertical-align : top; width : 0 }

.btn-group.blue .caret { border-top : 4px solid #00aeef; margin-top : 14px; position : absolute }

.btn.blue { font-family : SourceSansProSemibold; font-size : 14px; line-height : 24px }

btn.dropdown-toggle.blue { height : 28px }

div.btn-group.blue.open .btn.dropdown-toggle.blue { background-color : lightgrey; border-color : #555555;
-webkit-border-radius                                                : 0px 4px 4px 0px; -moz-border-radius : 0px 4px 4px 0px; border-radius : 0px 4px 4px 0px;
}

div.btn-group.blue.open .btn.blue { background-color : lightgrey; background-image : none; border-color : #555555 !important; border : 1px solid #cccccc; border-bottom-color : #b3b3b3; color : #ffffff; outline : 0 none; text-shadow : none;
-webkit-border-radius                                : 4px 0px 0px 4px; -moz-border-radius : 4px 0px 0px 4px; border-radius : 4px 0px 0px 4px;
-webkit-box-shadow                                   : inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow : inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow : inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

div.btn-group.blue.open .caret { border-top : 4px solid #fff }

div.btn-group.blue.open .caret_arrowup { border-bottom : 4px solid #fff }

.dropdown-menu.blue { background-color : #f7f7f7 }

.dropdown-menu.blue > li > a, .dropdown-menu.blue > li > a:visited, .dropdown-submenu > a, .dropdown-submenu > a:visited { color : #8a8a8b; line-height : 18px; font-size : 14px; background-image : #f7f7f7 }

ul.dropdown-menu.blue > li > a:hover, .dropdown-menu.blue > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration : none; color : #2EC2FA; background : #f7f7f7; cursor : pointer }

#inc_top-connector { overflow : hidden; text-align : right }

#inc_top-search { clear : none; margin-bottom : 10px; text-align : right }

#inc_top-buttons { overflow : hidden; padding-bottom : 15px }

#inc_top-buttons .inc_top-buttons img { height : 71px; width : 75px; padding-left : 10px }

.eureka a:hover img { opacity : 0.8; }

#inc_top-buttons .inc_top-buttons a img { opacity : .75 }

#inc_top-buttons .inc_top-buttons a:hover img, #inc_top-buttons .inc_top-buttons a:focus img, #inc_top-buttons .inc_top-buttons a:visited:hover img { opacity : 1 }

#top_inner-menu { margin-top : 15px }

#top_inner-menu > li > a { color : #00aeef }

.header_ul_lang_wrapper > li > a { text-transform : uppercase }

#top_connexion-menu { margin-left : 20px }

.top-bar-search { text-align : right; /*float:right*/ }

.top-bar-search .btn-group > .btn:first-child { border-radius : 4px }

.form-search-wrapper { margin : 0 10px 10px 0 /*;float:left*/ }

.form-search.accueil_header_search { margin : 0 }

/*.accueil_header_search input.search-query{border-radius:4px 0 0 4px;color:#838383;font-family:SourceSansProSemiboldItalic;font-size:14px;padding:8px;width:95px}*/
.accueil_header_search input.search-query { border-radius : 0; color : #838383; font-family : SourceSansProSemibold; font-size : 14px; padding : 8px; width : 145px }

.form-search.accueil_header_search input[type=image] { border-radius : 0; border-color : #ccc; background : none }

.form-search.accueil_header_search input[type=image]:hover, .cart-link:hover { background-color : #f0f0f0; border-color : #ddd }

.header-btn-orange, .header-btn-orange:link, .header-btn-orange:visited { background-color : #f7941e; color : #fff; font-family : LobsterTwoBold; font-size : 17px; height : 31px; line-height : 30px; margin : 5px 0 5px 5px; padding : 5px 15px; white-space : nowrap;
background-image                                                                           : -webkit-linear-gradient(bottom, rgb(247, 136, 3), rgb(255, 193, 119)); background-image : -moz-linear-gradient(bottom, rgb(247, 136, 3), rgb(255, 193, 119)); background-image : -o-linear-gradient(bottom, rgb(247, 136, 3), rgb(255, 193, 119)); background-image : -ms-linear-gradient(bottom, rgb(247, 136, 3), rgb(255, 193, 119)); background-image : linear-gradient(to top, rgb(247, 136, 3), rgb(255, 193, 119));
-webkit-box-shadow                                                                         : 3px 3px rgb(192, 192, 192); -moz-box-shadow : 3px 3px rgb(192, 192, 192); box-shadow : 3px 3px rgb(192, 192, 192);
}

.header-btn-orange:hover, .header-btn-orange:visited:hover, .header-btn-orange:active, .header-btn-orange:focus, .header-btn-orange.active {
background-image : -webkit-linear-gradient(bottom, rgb(255, 193, 119), rgb(247, 136, 3)); background-image : -moz-linear-gradient(bottom, rgb(255, 193, 119), rgb(247, 136, 3)); background-image : -o-linear-gradient(bottom, rgb(255, 193, 119), rgb(247, 136, 3)); background-image : -ms-linear-gradient(bottom, rgb(255, 193, 119), rgb(247, 136, 3)); background-image : linear-gradient(to top, rgb(255, 193, 119), rgb(247, 136, 3));
}

.box-shadow-under { position : relative;
-webkit-box-shadow           : 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow : 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow : 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.box-shadow-under:before, .box-shadow-under:after { bottom : 0; content : ""; left : 10px; position : absolute; right : 10px; top : 50%; z-index : -1;
-webkit-box-shadow                                         : 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow : 0 0 20px rgba(0, 0, 0, 0.8); box-shadow : 0 0 20px rgba(0, 0, 0, 0.8);
-moz-border-radius                                         : 100px / 10px; border-radius : 100px / 10px;
}

.box-shadow-under:after { right : 10px; left : auto;
-webkit-transform               : skew(8deg) rotate(3deg); -moz-transform : skew(8deg) rotate(3deg); -ms-transform : skew(8deg) rotate(3deg); -o-transform : skew(8deg) rotate(3deg); transform : skew(8deg) rotate(3deg);
}

/*main menu*/
.header_menu_wrapper { background-color : #0596d5; border : 0 none; font-family : SourceSansProBold; font-size : 14px; height : 42px; padding-left : 0; padding-right : 0; text-align : center }

.main-navigation td { background-color : #0596d5; border-color : transparent transparent transparent #EEEEEE; border-style : none none none solid; border-width : 0 0 0 1px; font-family : SourceSansProBold; font-size : 14px; height : 42px; padding-left : 0; padding-right : 0; text-align : center; vertical-align : middle; z-index : 3 }

/*.main-navigation td:last-child{background-color:#dd1d44}*/
.b2c .main-navigation td { background-color : #00aeef }

.main-navigation td:first-child { border-left : 0 none transparent }

.main-navigation td.hovered, .main-navigation td.active { background-position : 0 0 }

.tip-arrow-down { position : relative }

.main-navigation td.hovered > .tip-arrow-down:after, .main-navigation td.hovered > .tip-arrow-down:before { border : solid transparent; content : " "; height : 0; position : absolute; top : 33px; width : 0; z-index : 10000; pointer-events : none }

.main-navigation td.hovered > .tip-arrow-down:after { border-color : #0596d5 transparent transparent; border-width : 8px; left : 50%; margin-left : -8px }

.b2c .main-navigation td.hovered > .tip-arrow-down:after { border-color : #00aeef transparent transparent }

.main-navigation td.hovered > .tip-arrow-down:before { border-color : #eee rgba(238, 238, 238, 0) rgba(238, 238, 238, 0); border-width : 9px; left : 50%; margin-left : -9px }

.main-navigation td.active { background : none repeat scroll 0 0 #00ACED; border-left-color : #009BDF }

/*.main-navigation td:nth-last-child(-n+2){*/
.main-navigation td.bouton-gris { background : #efeee6 url(/skins/default/media/images/txtr-mainmenu-grey.png) repeat-x 0 100% scroll; border-left-color : #999 }

.main-navigation td.bouton-gris.hovered, .main-navigation td.bouton-gris.active { background-position : 0 0; color : #009bdf;
-webkit-box-shadow                                                                                    : none; -moz-box-shadow : none; box-shadow : none }

.main-navigation td.bouton-gris a { color : #009bdf }

/*.main-navigation a,.main-navigation a:link,.main-navigation a:visited{color:#ffffff;text-shadow:none;padding:5px 10px}*/
.main-navigation a, .main-navigation a:link, .main-navigation a:visited { border : 0 none; color : #ffffff; padding : 5px; text-shadow : none }

.megamenu td:first-child a { border-left : 0 none }

.main-navigation a:hover, .main-navigation a:visited:hover, .main-navigation a:active, .main-navigation a:focus { text-decoration : underline }

.main-navigation a:focus { outline : 0 none; text-decoration : underline }

.header_mainmenu_wrapper nav { margin-bottom : 0px; margin-top : 5px; z-index : 5; position : relative }

.nav-tabs > li > a, .nav-tabs > li > span { border-radius : 16px 20px 0 0; padding-bottom : 10px; padding-top : 20px }

.nav-tabs > .b2b > span, .nav-tabs > .b2b > a, .nav-tabs > .b2b > a:hover, .nav-tabs > .b2b > a:focus { background-color : #0596d5; border : 0 none; color : #fff; font-size : 18px; font-weight : 700; line-height : 20px }

.nav-tabs > .b2c > span, .nav-tabs > .b2c > a, .nav-tabs > .b2c > a:hover, .nav-tabs > .b2c > a:focus { background-color : #00aeef; border : 0 none; color : #fff; font-size : 18px; font-weight : 700; line-height : 20px; margin-right : 0 }

.nav-tabs > .active.b2b > a, .nav-tabs > .active.b2b > span, .nav-tabs > .active.b2b > a:hover, .nav-tabs > .active.b2b > a:focus,
.nav-tabs > .active.b2c > a, .nav-tabs > .active.b2c > span, .nav-tabs > .active.b2c > a:hover, .nav-tabs > .active.b2c > a:focus { padding-bottom : 20px }

.nav-tabs > .active > span { display : block }

#main-tabs > li > a { cursor : pointer }

#main-tabs > li > a:hover { text-decoration : underline }

#top_menu_wrap { position : relative }

#logo { position : relative; z-index : 11 }

#under_menu { background : #ddd none repeat scroll 0 0; bottom : 0; content : ""; display : block; left : 0; opacity : 0; position : fixed; right : 0; top : 0; z-index : 1; visibility : hidden;
transition               : all 0.5s linear; -moz-transition : all 0.5s linear; -webkit-transition : all 0.5s linear }

#under_menu.hovered { display : block; opacity : .75; visibility : visible;
transition                    : opacity 0.5s linear; -moz-transition : opacity 0.5s linear; -webkit-transition : opacity 0.5s linear }

.container.home { margin-top : 15px /*;padding:0*/ }

/*transport icon*/
.bloc-transport { /*element - bloc transport */
padding-top : 10px;
display     : block;
}

.bloc-transport--mobile { /*modifier - bloc transport*/
padding-top : 15px;
display     : block;
}

.bloc-transport--single-mobile { /*modifier - bloc transport single products mobile */
position : relative;
}

.bloc-transport--single-mobile i { /*modifier - bloc transport single products mobile */
position : absolute;
left     : 5px;
top      : 20px;
}

.bloc-transport-single { /*element - bloc transport single products */
display : none;
}

/*.header_mainmenu_wrapper .navbar .nav > .active > a,.header_mainmenu_wrapper .navbar .nav > .active > a:hover,.header_mainmenu_wrapper .navbar .nav > .active > a:focus{color:#ffffff;background-color:#2EC2FA;*/
/*background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:-o-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:-ms-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(255,255,255,.1))}*/
/*.header_mainmenu_wrapper .navbar .nav > li > a:focus,.header_mainmenu_wrapper .navbar .nav > li > a:hover{color:#ffffff;background-color:#2EC2FA;*/
/*background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:-o-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:-ms-linear-gradient(top,rgba(0,0,0,.1),rgba(255,255,255,.1));background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(255,255,255,.1));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21a7d9',endColorstr='#66cef5',GradientType=0)}*/
/*.header_mainmenu_wrapper .navbar .nav > li.menu_item_8 > a:focus,.header_mainmenu_wrapper .navbar .nav > li.menu_item_8 > a:hover,.header_mainmenu_wrapper .navbar .nav > li.menu_item_9 > a:focus,.header_mainmenu_wrapper .navbar .nav > li.menu_item_9 > a:hover{color:#009bdf;background-color:#efeee6;*/
/*background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,.34),rgba(0,0,0,.04));background-image:-moz-linear-gradient(bottom,rgba(255,255,255,.34),rgba(0,0,0,.04));background-image:-o-linear-gradient(bottom,rgba(255,255,255,.34),rgba(0,0,0,.04));background-image:-ms-linear-gradient(bottom,rgba(255,255,255,.34),rgba(0,0,0,.04));background-image:linear-gradient(to top,rgba(255,255,255,.34),rgba(0,0,0,.04));*/
-webkit-box-shadow:none

;
-moz-box-shadow:none

;
box-shadow:none

;
filter:progid:DXImageTransform.Microsoft.
gradient

(
startColorstr

=
'#dfdfd7'
,
endColorstr

=
'#ffffff'
,
GradientType

=
0
)
}
.header_menu_wrapper .dropdown.open { background : url(/skins/default/media/icons/mainmenu_downarrow.png) center bottom no-repeat; padding-bottom : 13px }

.header_menu_wrapper .dropdown.open .mainmenu_arrow_img { display : block; left : 44px; position : absolute; text-align : center; top : 142px }

.header_menu_wrapper .dropdown .mainmenu_arrow_img { display : none }

.header_menu_wrapper .dropdown.open ul { overflow : hidden; margin-left : 0; width : 100%; height : 331px; background-color : #fff; left : -2px;
-webkit-box-shadow                                : inset 0px 40px 100px -40px rgba(0, 0, 0, 0.5); -moz-box-shadow : inset 0px 40px 100px -40px rgba(0, 0, 0, 0.5); box-shadow : inset 0px 40px 100px -40px rgba(0, 0, 0, 0.5) }

.header_menu_wrapper .dropdown.open ul li { padding : 10px }

/*ul.dropdown-menu{top:43px;z-index:-1;border-radius:2px}*/
ul.dropdown-menu.blue { top : 37px; z-index : 1000; border-radius : 2px }

.btn.dropdown-toggle { min-width : 26px }

.inner_mainmenu p { display : none !important }

div.navbar { margin-bottom : 0 }

/*mobile menu*/
.nav-collapse1 ul { float : none !important; margin : 0px 0px 10px 0px !important }

.nav-collapse1 li { float : none !important }

.custom_mobile_menu { /* left:1px;margin:0 1% 10px !important;position:absolute;right:1%;top:44px;width:98%;*/ }

.custom_mobile_menu .nav-collapse.collapse { z-index : 999 }

.custom_mobile_menu .navbar-inner { background : none; border : none; min-height : 0; padding : 0px;
-webkit-box-shadow                             : none; -moz-box-shadow : none; box-shadow : none }

.custom_mobile_menu .btn-navbar, .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { background-color : #f5f5f5; background-repeat : repeat-x;
background-image                                                                                                                                                                                                                                                              : -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image : -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image : -o-linear-gradient(top, #ffffff, #e6e6e6); background-image : linear-gradient(to bottom, #ffffff, #e6e6e6);
border                                                                                                                                                                                                                                                                        : 1px solid #cccccc;
border-color                                                                                                                                                                                                                                                                  : #e6e6e6 #e6e6e6 #b3b3b3; border-color : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color : #b3b3b3;
filter                                                                                                                                                                                                                                                                        : progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius                                                                                                                                                                                                                                                         : 4px; -moz-border-radius : 4px; border-radius : 4px;
-webkit-box-shadow                                                                                                                                                                                                                                                            : inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow : inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow : inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05) }

.custom_mobile_menu ul.nav { background-color : #f5f5f5; border-radius : 4px; padding-left : 0; padding-right : 0 }

.custom_mobile_menu ul.nav li { text-align : left }

.custom_mobile_menu .nav-collapse { /*top:8px;*/ }

.custom_mobile_menu .nav-collapse .nav > li > a { border-bottom : 1px solid #FFF; color : #777; font-weight : bold; padding : 6px 15px 4px; border-radius : 3px 3px 3px 3px }

.custom_mobile_menu .nav-collapse .nav > li.bouton-gris { background-color : #eee; /*border-top:1px dotted #999999;*/ }

.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color : #000000; font-family : SourceSansProRegular; font-size : 14px; font-weight : normal }

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color : #B1B0B0 }

.custom_mobile_menu .dropdown.menu_item_8 { border-top : 1px solid #000000 }

#catalogues .media ~ .media { border-top : 1px solid #ccc; padding-top : 15px }

/**************** footer ******************/
#print-footer { position : static; bottom : 0; left : 0; background-color : #fff }

@page :last {
@bottom-center {
content : element(footer)
}
}

.geotrust-temp img { width : 100px; margin : 20px 0px }

/* #462 Section Téléchargez nos catalogues */
/*
    .telechargez-nos-catalogues{margin-bottom:15px;padding:7px 0 0 0;background:#c4c3bc;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU1ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(left,#c4c3bc 0%,#e6e5dc 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#c4c3bc),color-stop(100%,#e6e5dc));
    background:-webkit-linear-gradient(left,#c4c3bc 0%,#e6e5dc 100%);
    background:-o-linear-gradient(left,#c4c3bc 0%,#e6e5dc 100%);
    background:-ms-linear-gradient(left,#c4c3bc 0%,#e6e5dc 100%);
    background:linear-gradient(to right,#c4c3bc 0%,#e6e5dc 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c3bc',endColorstr='#e6e5dc',GradientType=1 );
    }
    .telechargez-nos-catalogues-links{text-align:right}
    .telechargez-nos-catalogues-links p{margin:0;padding:0}
    .telechargez-nos-catalogues-links a{display:inline-block;margin-right:15px}
    .telechargez-nos-catalogues-links a img{-webkit-box-shadow:4px 0 0 rgba(50,50,50,0.08);-moz-box-shadow:4px 0 0 rgba(50,50,50,0.08);box-shadow:4px 0 0 rgba(50,50,50,0.08)}
    .telechargez-nos-catalogues-links-logo{text-align:left;margin-top:20px}
*/
/* #462 Section Téléchargez nos catalogues */
.telechargez-nos-catalogues { margin-bottom : 15px; padding : 0; display : table; table-layout : fixed }

.row-fluid .telechargez-nos-catalogues-links[class*="span"] {
background : -moz-linear-gradient(left, #e6e5dc 0%, #f5f5f5 100%); background : -webkit-gradient(linear, left top, right top, color-stop(0%, #e6e5dc), color-stop(100%, #f5f5f5)); background : -webkit-linear-gradient(left, #e6e5dc 0%, #f5f5f5 100%); background : -o-linear-gradient(left, #e6e5dc 0%, #f5f5f5 100%); background : -ms-linear-gradient(left, #e6e5dc 0%, #f5f5f5 100%); background : linear-gradient(to right, #e6e5dc 0%, #f5f5f5 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e5dc', endColorstr='#f5f5f5', GradientType=1); background : rgba(0, 0, 0, 0) linear-gradient(to right, #e6e5dc 0%, #f5f5f5 100%) repeat scroll 0 0;
display    : table-cell; float : none; margin : 0; padding : 7px 8px 8px 7px; text-align : center;
}

.telechargez-nos-catalogues-links p { margin : 0; padding : 0 }

.telechargez-link { display : inline-block; padding : 8px 7px 7px 8px }

.telechargez-link img { -webkit-box-shadow : 4px 4px 0 #bbb; -moz-box-shadow : 4px 4px 0 #bbb; box-shadow : 4px 4px 0 #bbb }

.row-fluid [class*="span"].classification-links-logo, .classification-links-logo { background-color : #0596d5; text-align : center; display : table-cell; vertical-align : middle; float : none }

.telechargez-nos-spacer { width : 2.5641%; display : table-cell; float : none }

.telechargez-link { display : table-cell; float : none; vertical-align : top }

.telechargez-link::after { repeat scroll 0 0; content : ""; display : block; height : 32px; margin : 15px auto 0; text-align : center; width : 32px }

.telechargez-link:hover::after { /* background-position:0 100%;*/ }

.telechargez-nos-catalogues-out { display : table; table-layout : fixed; width : 100% }

.telechargez-nos-catalogues-tr { display : table-row }

.telechargez-nos-catalogues-titre { color : #000; font-weight : 400; text-align : center }

@media (max-width : 767px) {
.img_promotion_sm {max-width : 80px}

.telechargez-nos-catalogues { margin-bottom : 15px; padding : 0; display : block; float : left; width : 100% }

.row-fluid [class*="span"].classification-links-logo, .classification-links-logo { display : block; float : none; width : 100%; margin-bottom : 30px }

.telechargez-nos-spacer { display : none }

/*.row-fluid .telechargez-nos-catalogues-links[class*="span"] {}*/
div#main-left-menu { margin-bottom : 30px }

#main-left-menu ul li a { padding-bottom : 10px; padding-top : 15px }

article, article ul li, .commentaire-section {
font-size   : x-large;
line-height : 1.5;
}

p {
margin-bottom : 25px;
padding-left  : 10px;
padding-right : 10px;
}

}

@media (max-width : 480px) {
.section-institution { border-radius : 50px 15px 15px 50px; background-color : #bd3e96; padding : 0.5px 20px; }
}

@media (max-width : 480px) {
.row-fluid .telechargez-nos-catalogues-links[class*="span"] { background-color : blue }

.telechargez-link { display : inline-block; float : none; vertical-align : top }

.telechargez-nos-catalogues-out { display : table; table-layout : fixed; width : 100% }
}

/* fin #462 Section Téléchargez nos catalogues */
.footer-links { z-index : 2 }

/*
    .footer_divider{margin-top:-4px}
    .footer_box_wrapper .shade-white{background:url('/skins/default/media/images/bg-footer.png') repeat-x bottom left;min-height:376px;padding:15px}
*/
.footer_title { font-family : SourceSansProBold; font-size : 18px; line-height : 20px; margin-bottom : 4px; margin-top : 16px; display : block }

.footer_title:first-child { margin-top : 0 }

.footer_title a { color : #fff }

.rev-v12.page-footer ul { list-style : none outside none; margin-left : 0 }

/*
    footer ul{list-style-image:url('/skins/default/media/images/footer_ul_arrow.png');margin-left:12px;position:relative}

    footer ul a{color:#fff;font-family:SourceSansProLight,sans-serif;font-size:16px;line-height:19px}
    footer ul a:hover{color:#eee;text-decoration:underline}
    footer ul li{line-height:19px;margin-bottom:4px}
*/
/*a,a:link,a:visited || a:hover,a:visited:hover,a:active,a:focus*/
.rev-v12.page-footer ul li { line-height : 19px; margin-bottom : 4px; font-size : 16px }

.rev-v12.page-footer ul a, .rev-v12.page-footer ul a:link, .rev-v12.page-footer ul a:visited { color : #fff; font-family : SourceSansProSemibold, sans-serif; font-size : 16px; line-height : 19px; font-weight : 400 }

.rev-v12.page-footer ul a:hover, .rev-v12.page-footer ul a:visited:hover, .rev-v12.page-footer ul a:active, .rev-v12.page-footer ul a:focus { color : #eee; text-decoration : underline }

.service-client a { color : #ffffff }

.copyrights { color : #fff; margin-top : 20px; margin-bottom : 20px }

.pricing-statement { float : right }

footer.rev-v12.page-footer { padding : 40px 0 }

body.b2b footer.rev-v12.page-footer { background : none #0596d5 }

body.b2c footer.rev-v12.page-footer { background : none #00aeef }

/* boite grise */
#footer-contact { background-color : #bebdad }

.footer-contact { background : #bebdad url('/skins/default/media/images/footer-contact-txtr.png') no-repeat 0 0 scroll; padding : 40px 0 40px 225px; min-height : 245px; text-align : center }

.footer-contact hr { border-color : #221e1b #221e1b #eee; border-image : none; border-style : solid none; border-width : 1px 0; margin : 16px 0 }

.footer-contact p { color : #221e1b; font-size : 17px; line-height : 20px }

.contact-question > p { font-size : 22px; line-height : 25px }

.contact-question h4 { color : #221e1b; font-size : 40px; line-height : 45px; font-family : SourceSansProSemibold }

.under-line { background-color : #bebdad; display : block; margin-bottom : 10px; margin-top : 10px; position : relative }

.under-line > span { background-color : #bebdad; padding : 4px; position : relative }

.under-line:before { content : ''; position : absolute; width : 100%; height : 1px; border-color : #221e1b #221e1b #eee; border-image : none; border-style : solid none; border-width : 1px 0; top : 50%; left : 0 }

.telephone { font-family : sourcesansprobold }

.contact-infolettre h4, .contact-creer-profil h4 { color : #fff; font-size : 30px; line-height : 35px; font-family : SourceSansProSemibold }

/* ORDRE POUR LIENS:::a,a:link,a:visited || a:hover,a:visited:hover,a:active,a:focus */
.btn.btn-grey, .btn.btn-grey:link, .btn.btn-grey:visited { background : #6e6e66 none; border-color : #6e6e66; box-shadow : none; color : #fff; text-shadow : none; -moz-border-radius : 0 0 0 0; -webkit-border-radius : 0 0 0 0; border-radius : 0 0 0 0 }

.btn.btn-grey:hover, .btn.btn-grey:visited:hover, .btn.btn-grey:active, .btn.btn-grey:focus { background : #eee none; color : #6e6e66 }

.btn.btn-black, .btn.btn-black:link, .btn.btn-black:visited { background : #221e1b none; border-color : #221e1b; box-shadow : none; color : #ffffff; text-shadow : none; -moz-border-radius : 0 0 0 0; -webkit-border-radius : 0 0 0 0; border-radius : 0 0 0 0 }

.btn.btn-black:hover, .btn.btn-black:visited:hover, .btn.btn-black:active, .btn.btn-black:focus { background : #eee none; color : #221e1b }

.footer-contact .btn.btn-black { font-size : 23px; line-height : 30px; padding : 8px 16px }

.footer-contact > .row-fluid > .span4:last-child { margin-bottom : 0 }

footer.rev-v12.page-footer * { color : #fff }

#footer { position : relative }

.nav-sections .span2 { margin-bottom : 15px; padding-bottom : 5px }

.rev-v12.page-footer ul.inline li { margin : 5px 0 }

/* PROFB2 */
.profb2-64-left { background-attachment : scroll; background-image : url("/userfiles/images/icons/cameo-profb2-64x64.png"); background-position : 8px 15px; background-repeat : no-repeat; padding-left : 81px }

.profb2-64-right { background-attachment : scroll; background-image : url("/userfiles/images/icons/cameo-profb2-64x64.png"); background-position : 99% 15px; background-repeat : no-repeat; padding-right : 81px }

.profb2-left { float : left; margin-right : 7px; margin-bottom : 7px }

.profb2-right { float : right; margin-left : 7px; margin-bottom : 7px }

/* PROFB2 */

@media (min-width : 992px) {
.mobile-logout-btn { display : none;}
}

@media (min-width : 980px) {
.inline .menu-item { border-left : 1px solid #fff }
}

@media (max-width : 979px) {
.inline .menu-item ~ .menu-item { border-left : 1px solid #fff }

.rev-v12.page-footer ul.inline > .copyrights-statement, .rev-v12.page-footer ul.inline > .pricing-statement { clear : both; display : block; width : 100%; float : none }
}

@media (min-width : 768px) and (max-width : 979px) {
.nav-sections .span2 { float : left; width : 29%; margin : 0 2% 15px }

.visible-tablet { clear : both }

.row-fluid.nav-sections [class*="span"]:first-child { margin : 0 2% 20px }

.footer-contact { background-position : -25px 0; padding : 40px 0 40px 200px }

.contact-question h4, .contact-infolettre h4, .contact-creer-profil h4 { font-size : 25px; line-height : 30px }
}

@media (min-width : 481px) and (max-width : 767px) {
.nav-sections .span2 { float : left; width : 46%; margin : 0 2% 15px }

.visible-phone { clear : both }

.row-fluid.nav-sections [class*="span"]:first-child { margin : 0 2% 20px }

.footer-contact { background-position : -50px 0; padding : 40px 0 40px 150px; min-height : 768px }

.footer-contact > .row-fluid > .span4 { background-color : #bebdad; box-shadow : none; border : 1px solid #6e6e66; margin-bottom : 30px; padding : 10px }
}

@media (max-width : 480px) {
.nav-sections .span2 { border-bottom : 1px solid #fff }

.inline .menu-item ~ .menu-item { border-left : 0 none }

.footer-contact { background : none; padding : 40px 0 }

.footer-contact > .row-fluid > .span4 { box-shadow : 0px 0px 4px 0 #6e6e66; margin-bottom : 15px; padding : 10px }
}

.girl { position : absolute; right : -340px; top : -510px }

.boy { bottom : 0; left : 0; position : absolute; width : 300px }

.service-client { background : #3ec2f2 url('/skins/default/media/images/customer_bg.jpg') no-repeat 50% 100%; text-align : center; margin-top : 8px; margin-bottom : 17px }

body.b2c .service-client { background : #00aeef url('/skins/default/media/images/customer_bg-b2c.jpg') no-repeat 50% 100% }

.service-client p { color : #FFF; display : inline-block; font-family : SourceSansProBoldItalic, sans-serif; font-size : 24px; font-weight : 400; line-height : 41px; min-height : 41px; text-align : center; text-shadow : 0 1px 0 #016490; margin-bottom : 0px }

/* videos */
/* page video */
.video_block_wrapper { margin-top : 30px }

.videos-page .filter-par-page { float : left }

.video_block_wrapper a:hover { text-decoration : none }

.videos-page .pagination { float : right }

.videos-page .affichage-filter { text-align : left }

.videos-page .see-all-product { display : none }

.row-fluid .span3-8 { width : 30% }

.row-fluid .span2-5 { width : 26% }

.row-fluid .span2-1, .row-fluid .span2-2 { width : 25%; float : left }

.video_desc { max-width : 223px; margin-left : auto; margin-right : auto }

/* FAQ-BB */
/* COLLAPSIOUS */
h2.faq:first-of-type { margin-top : 10px }

h2.faq { font-size : 18px; line-height : 23px; margin-bottom : 5px; margin-top : 25px; text-transform : uppercase }

.collapsious { border : 1px solid #ccc; border-radius : 4px 4px 4px 4px; margin-bottom : 2px }

.collapsious span { border-bottom : 0 none; color : #000; cursor : pointer; display : block; font-size : 14px; padding : 8px 15px 8px 40px; background : url(/userfiles/images/arrows-collapse.png) 10px center no-repeat }

.collapsious div { -moz-transition : height .35s ease; -o-transition : height .35s ease; -webkit-transition : height .35s ease; border-top : 1px solid #E5E5E5; overflow : hidden; padding : 9px 15px; position : relative; transition : height .35s ease }

.collapsious span.opened { background : url(/userfiles/images/arrows-collapse-open.png) 10px center no-repeat }

.faq-bb p { color : #838383; font-size : 13px }

/* A propos */
.a-propos h3 a:hover { color : #00AEEF; text-decoration : none }

.a-propos .span4 { margin-top : 25px; margin-bottom : 25px }

.a-propos .span8 { margin-top : 25px; margin-bottom : 25px }

.a-propos h5 { color : #32b1f3 }

.a-propos .span4 img { display : block; margin-left : auto; margin-right : auto }

/* Nous joindre */
.nous-joindre fieldset { padding : 10px; border : 1px solid #ccc; background : #fff }

.small-input { width : 55px }

.image-preview { background : #fff }

.formulaire .input_cp1 { width : 86% }

.formulaire .input_tell { width : 78% }

.formulaire .p_limit { font-size : 13px; text-align : right }

.txt_commentaire { width : 100% }

input.commentaire_cnt { background-color : #e8eae9; border : none; color : #f00; font-size : 13px; margin-bottom : 7px; padding-bottom : 0; width : 40px !important;
-webkit-box-shadow                       : none; -moz-box-shadow : none; box-shadow : none
}

/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline : none }

.slides, .flex-control-nav, .flex-direction-nav { list-style : none; margin : 0; padding : 0 }

.flexslider { margin : 0px; padding : 0; position : relative; zoom : 1 }

.flexslider .slides > li { -webkit-backface-visibility : hidden; display : none; }

.flexslider .slides img { cursor : pointer; display : block; width : 450; height : 300 }

.flex-pauseplay span { text-transform : capitalize }

.slides:after { clear : both; content : "."; display : block; height : 0; line-height : 0; visibility : hidden }

* html .slides { height : 1% }

.flex-viewport { max-height : 2000px;
-webkit-transition          : all 1s ease; -moz-transition : all 1s ease; -mz-transition : all 1s ease; -o-transition : all 1s ease; transition : all 1s ease }

.loading .flex-viewport { max-height : 300px }

.flexslider .slides { zoom : 1 }

.carousel li { margin-right : 5px }

.flex-direction-nav { height : 0 }

.flex-direction-nav a { background : url('/skins/default/media/images/bullet.png') no-repeat 0 0; cursor : pointer; display : block; height : 20px; margin : -20px 0 0; opacity : 0; position : absolute; text-indent : -9999px; top : 50%; width : 30px; z-index : 10;
-webkit-transition                 : all .3s ease; -moz-transition : all .3s ease; -ms-transition : all .3s ease; -o-transition : all .3s ease; transition : all .3s ease }

html[xmlns] .slides, .no-js .slides > li:first-child { display : block }

/* Control Nav */
.flex-control-nav { /*bottom:-6px;position:absolute;*/ text-align : center; width : 100%; margin-top : 10px; margin-bottom : 10px; z-index : 997 /**//*z-index en commentaire pour vérifier overpass au menu responsive mparent*/ }

.flex-control-nav li { margin : 0 5px; display : inline-block; zoom : 1; *display : inline }

.flex-control-paging li a { text-align : left; width : 16px; height : 16px; display : block; background : url('/skins/default/media/images/bullet.png') no-repeat 0 0; cursor : pointer; text-indent : -9999px }

.flex-control-paging li a:hover { background-color : #ccc }

.flex-control-paging li a.flex-active { background-color : #00aeef; cursor : default }

.flex-control-thumbs { margin : 5px 0 0; position : static; overflow : hidden }

.flex-control-thumbs li { width : 25%; float : left; margin : 0 }

.flex-control-thumbs img { width : 100%; display : block; opacity : .7; cursor : pointer }

.flex-control-thumbs img:hover { opacity : 1 }

.flex-control-thumbs .flex-active { opacity : 1; cursor : default }

/* Direction Nav */
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity : 1 }

.flex-direction-nav { *height : 0 }

.flex-direction-nav a { width : 30px; height : 30px; margin : -20px 0 0; display : block; background : red url(/skins/default/media/images/bg_direction_nav.png) no-repeat 0 0; position : absolute; top : 50%; z-index : 10; cursor : pointer; text-indent : -9999px; opacity : 0 }

.flex-direction-nav .flex-next { background-position : 100% 0; right : 14px }

.flex-direction-nav .flex-prev { left : 14px }

.flexslider:hover .flex-next { opacity : 0.8; right : 14px }

.flexslider:hover .flex-prev { opacity : 0.8; left : 14px }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity : 1 }

.flex-direction-nav .flex-disabled { opacity : 0.3 !important; filter : alpha(opacity=30); cursor : default }

/* end flexslider */
/* home || accueil pour les francophones qui font pas le lien entre 'home' qui voudrait dire 'accueil' */
/**
    * Classes pour la nouvelle page d'accueil générale (splash page)
    * progweb@bb.ca 2014-11-26
    * redmine issue #42
*/
/* BOITE À OUTILS */
.boite-outils-outter { background : white none repeat scroll 0 0; padding : 0 10px }

#boite-a-outils { overflow : hidden }

#boite-a-outils-titre, #boite-a-outils-titre img { position : relative; text-align : center }

#boite-a-outils-titre::before { background : #999 none repeat scroll 0 0; content : ""; display : block; height : 2px; position : absolute; top : 50%; width : 100% }

#boite-a-outils a, #boite-a-outils a:visited { opacity : 1; text-align : center; color : #000; font-size : 22px; line-height : 25px }

#boite-a-outils a:hover img, #boite-a-outils a:focus img, #boite-a-outils a:active img, #boite-a-outils a:visited:hover img { opacity : 0.75 }

#boite-a-outils a:hover img.arrow-gif, #boite-a-outils a:focus img.arrow-gif, #boite-a-outils a:active img.arrow-gif, #boite-a-outils a:visited:hover img.arrow-gif { /* -moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg) */ }

#boite-a-outils a > img { clear : both; display : block; margin : auto }

#boite-a-outils.la-boite-a-outils a > img { max-width : 60% }

.boite-a-outils-texte { float : left; padding : 5%; width : 90% }

.clearfix-mobile { display : none }

.home-img-container { float : right; clear : left; width : 31.6239% }

.home-img-container img { float : right; clear : left; margin-top : 2%; margin-left : 2%; width : 95% }

.splash-content { margin-left : 1% !important }

.splash-content p, .splash-content li { font-size : 1vw; font-size : 1em }

.splash-content h2 { font-size : 2vw }

#b2bBox, #b2bMenu { background-color : #0093D6; /*.b2b*/ }

#b2cBox, #b2cMenu { background-color : #00C0F3 /*.b2c*//*00aeef*/ }

.menu-box { color : white; padding-top : 2%; border : 0; margin-bottom : 5% }

.menu-box .menu-title { font-family : SourceSansProBold; font-size : 1.5em; font-weight : 400; padding-left : 4%; padding-right : 4%; padding-bottom : 5% }

.menu-box .menu-item { font-size : 1em; /* padding-left:.5em;*/ color : white; line-height : 1.1em }

a.menu-item:hover, a.menu-item:visited:hover, a.menu-item:active, a.menu-item:focus { color : #fff; text-shadow : none !important }

.menu-box div.menu-item { padding-left : .5em }

.menu-box .menu-item-container { overflow : hidden; padding : 0 0.5em 0.5em }

.menu-box .menu-button img { width : 100%; padding-right : 15%; float : right }

.menu-box .menu-image { vertical-align : bottom; padding : 0; border : 0; margin : 0 }

/* PromoCodes will apply a background color to any with class cart-promocode-[SOMETHING] */
.table-striped tbody > tr[class*="cart-promocode-"] td { background-color : #fd7 }

/* MOBILE */
@media (max-width : 767px) {
.menu-box .menu-title { font-size : 3vw; padding-left : 2%; float : left; max-width : 75%; padding-bottom : 5% }

.menu-box .menu-button img { max-width : 20%; padding-right : 5% }

.menu-box .menu-item { font-size : 2vw }

.splash-content p { font-size : 2vw }

.splash-content li { font-size : 2vw }

.splash-content h2 { font-size : 3vw }
}

/* home || accueil pour les francophones qui font pas le lien entre 'home' qui voudrait dire 'accueil' */
/* Azkenik,nahi duzun bezala. Nolanahi ere,ezer ez da. */
/* Sa katapusan,sa pagbuhat sa ingon sa imong gusto. Sa bisan unsa nga kaso,kini mao ang bisan unsa nga butang. */
.nouvelles img { float : left }

.nouvelles .content-new { overflow : hidden }

.nouvelles ul { list-style-type : none; margin : 0 }

.nouvelles li { margin-bottom : 20px; margin-top : 5px; overflow : hidden }

.nouvelles li:first-child { margin-top : 0px }

.nouvelles ul img { margin-right : 15px }

.nouvelles h2 { line-height : 32px; margin-bottom : 8px }

.nouvelles h2 a { color : #8A8A8B; font-family : SourceSansProBold; font-size : 22px; font-weight : 400; line-height : 22px }

.nouvelles h2 a:hover { color : #a2a2a3; text-decoration : none }

.nouvelles h3, .nouvelles h3 a { color : #00aeef; font-family : SourceSansProItalic; font-size : 14px; font-weight : 400; line-height : 17px; margin-top : 0 }

.nouvelles p { color : #000; font-family : SourceSansProRegular; font-size : 14px; line-height : 20px }

.nouvelles a { color : #00aeef }

.en-lire-plus { color : #00aeef; font-family : SourceSansProBoldItalic, sans-serif; font-size : 16px; white-space : nowrap }

.pub-right-col p { margin-bottom : 17px }

.btn-wrapper { text-align : center; margin : 10px 0 0px }

.btn-a { background : #00aeef url('/skins/default/media/images/bg_btn_blue.png') repeat-x bottom left; display : block; padding : 10px 20px; color : #fff; display : inline-block; font : normal 16px/20px SourceSansProBoldItalic, sans-serif; text-shadow : 0 1px 0 #016490; z-index : 30; position : relative; text-decoration : underline; letter-spacing : 0.5px }

.divider-news { margin-top : -9px }

.divider2 img { width : 90%; margin : -8px 5% 0 }

.products-row { margin-top : 16px }

.products-row:first-child { margin-top : 0 }

/* end home */
/* blue box par habilite */
.par-habilites { background : #009be1 url('/skins/default/media/images/gradients-habilites.jpg') scroll repeat-y 0 50%; color : #fff }

.par-habilites a, .par-habilites a:link, .par-habilites a:visited { color : #FFFFFF; display : block; font-size : 16px; line-height : 16px; margin-bottom : 4px; overflow : hidden; padding : 4px 0 4px 28px; position : relative; text-overflow : ellipsis; text-shadow : 0 1px 0 #016490 }

.par-habilites a:hover, .par-habilites a:visited:hover { color : #eee; text-decoration : underline }

.par-habilites a:active, .par-habilites a.active, .par-habilites a:focus { border-bottom : 1px solid #fff; outline : 0 none }

.par-habilites a img.icone { height : 24px; left : 0; position : absolute; top : 0; width : 24px }

.par-habilites .top { background : #0596d5; padding : 7px 20px 3px }

.par-habilites h2 { font-family : SourceSansProBoldItalic, sans-serif; font-size : 24px; font-weight : normal; text-shadow : 0 1px 0 #016490; margin-bottom : 0px; color : #fff }

.par-habilites p { color : #fff }

.list-habilite { padding : 20px 0 20px 20px }

/* end blue box par habilite */
/** featured-product box **/
.recherche .name { min-height : 36px }

.recherche .cat { min-height : 50px }

.featured-product { background : #fff; margin-bottom : 0 /*20px*/; padding : 10px; position : relative }

.favorite-recommended { margin : 0 auto; position : absolute; right : 10px; top : 10px; width : 20%; /*z-index:4*/ }

.favorite-recommended img, .favorite-recommended a img { margin : 0; padding : 0 }

.featured-product:hover h2 a, .featured-product:hover .info-product { background-color : #e3f2da }

.featured-product h2 a { background : url(/skins/default/media/images/feature_product_plus.png) no-repeat scroll right center #F8F8F6; color : #00AEEF; display : block; font-family : SourceSansProBold, sans-serif; font-size : 18px; font-weight : 400; line-height : 19px; min-height : 18px; padding : 5px 36px 5px 10px }

.featured-product .info-product { background : #f8f8f6; padding : 10px; overflow : hidden; font-family : SourceSansProRegular, sans-serif }

.featured-product .name { margin-bottom : 3px; min-height : 36px }

.featured-product .name a { color : #000; font-size : 16px; line-height : 18px; margin-bottom : 2px }

.featured-product .cat { font-size : 12px; color : #000000 }

.featured-product .price-wrapper { border-top : 1px solid #CCC; margin-top : 10px }

.featured-product .price { color : #464646; font-family : SourceSansProSemiBold; font-size : 24px; padding-top : 20px; /*padding-left:90px;*/ }

body.b2c .featured-product .price { color : #464646 }

body.b2c .featured-product .label_price { color : #00AEEF;font-family : SourceSansProSemiBold; font-size : 24px; padding-top : 20px;}

body.b2b .featured-product .label_price { color : #00AEEF;font-family : SourceSansProSemiBold; font-size : 24px; padding-top : 20px;}

.featured-product .price span { font-size : 19px; left : -4px; position : relative; top : -6px }

.home .featured-product .info-product { min-height : 166px }

.featured-product .price strong.a-partir { }

.featured-product .icons { min-height : 28px; overflow : hidden }

.featured-product .icons a { width : 29px; height : 28px; display : block; float : left; margin-right : 5px }

.featured-product .prix-detail { margin-top : 12px; float : left }

.featured-product .prix-detail .prix { font-family : SourceSansProSemibold; font-size : 18px }

.featured-product .prix-detail .prix span { font-size : 14px; left : -2px; position : relative; top : -3px }

.featured-product a:hover { text-decoration : none !important }

.video-icon { background : url('/skins/default/media/images/video_icon.png') no-repeat top left; display : block; float : left; height : 28px; margin-right : 5px; width : 29px }

.video-icon:hover { background-position : bottom left }

.item-favs { border : 0 none; height : 28px; margin : 0; padding : 0; width : 28px }

.item-favs span { display : none }

.favorite-icon { background : url('/skins/default/media/images/favorite_icon.png') no-repeat 0 0 }

.favorite-icon:hover { background-position : bottom left }

.compare-icon { background : url('/skins/default/media/images/compare_icon.png') no-repeat 0 0 }

.compare-icon:hover { background-position : bottom left }

.souhaits-icon { background : url('/skins/default/media/images/compare_icon.png') no-repeat 0 0 }

.souhaits-icon:hover { background-position : bottom left }

.home .featured-product { margin-bottom : 0px }

/* no home || sans domicile pour les francophones qui font pas le lien entre 'home' qui voudrait dire 'accueil' */
/* Azkenik,nahi duzun bezala. Nolanahi ere,ezer ez da. */
/* Sa katapusan,sa pagbuhat sa ingon sa imong gusto. Sa bisan unsa nga kaso,kini mao ang bisan unsa nga butang. */
.featured-product .desc p.cat { color : #757575; font-size : 13px; line-height : 16px }

/** end featured-product box **/
/* category-subcategory sidebar:filtres::\skins\default\includes\inc_filtres-col-left.php */
/*.left-column .pub>p,.left-column .pub>div{background-color:red;float:left;clear:right}*/
.filtres .pub p:first-child img { /* margin-bottom:20px;display:block*/ }

.filtres-warpper { padding : 10px; background : #0596d5; margin-bottom : 20px }

/*body.b2c .filtres-warpper{background:#00aeef}*/
.filtres ul { margin : 0px; padding : 0px; list-style-type : none }

.category .plus { border : 1px solid #80D7F7; cursor : pointer; float : right; line-height : 14px; margin : 0 0 0 1px; text-align : center; text-decoration : none !important; vertical-align : middle; width : 14px }

.category .plus:hover { background-color : #eee; margin : 0 1px 0 0 }

.category li { margin-top : 5px }

.category > li:first-child { margin-top : 0 }

.category ul { margin-bottom : 10px }

.category li li:first-child { margin-top : 5px }

.category li > a { color : #00688c; font-size : 14px }

ul.category a:hover, .category li > a:visited:hover, .category li > a:focus { text-decoration : underline }

ul.category li a:focus { color : #000; border-color : rgba(82, 168, 236, 0.8); outline : 0; outline : thin dotted \9;
-webkit-box-shadow             : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

.category li li > a { color : #8a8a8b; font-size : 14px; margin-left : 15px }

.category li.selected > a { outline : none }

.macategorie .deroul { cursor : pointer; line-height : 14px; text-align : center; text-decoration : none }

.macategorie .deroul:hover { margin : 0 1px 0 0 }

.macategorie li { margin-top : 5px }

.macategorie > li:first-child { margin-top : 0 }

.macategorie ul { margin-bottom : 10px }

.macategorie li li:first-child { margin-top : 5px }

.macategorie li > a { color : #00688c; font-size : 14px }

ul.macategorie a:hover, .macategorie li > a:visited:hover, .macategorie li > a:focus { }

ul.macategorie li a:focus { color : #000; border-color : rgba(82, 168, 236, 0.8); outline : 0; outline : thin dotted \9;
-webkit-box-shadow                : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

.macategorie li li > a { color : #8a8a8b; font-size : 14px; margin-left : 15px }

.macategorie li.selected > a { outline : none }

.filtre-box { background : #fff; padding : 10px; margin-top : 8px }

.filtre-box:first-child { margin-top : 0 }

.filtre-box .btn-group.blue { width : 100% }

.filtre-box button.dropdown { text-align : left; width : 84% }

.filtre-box .dropdown-menu.blue { min-width : 100% }

.filtres h2 { color : #FFF; font-family : SourceSansProBold, sans-serif; font-size : 24px; font-weight : 400; line-height : 24px; margin : 5px 0 0; padding : 5px; text-align : center;
/*background:-moz-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:-webkit-gradient(linear,left top,right top,color-stop(0%,#0596d5),color-stop(50%,#69b3d3),color-stop(100%,#0596d5));*/
/*background:-webkit-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:-o-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:-ms-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:linear-gradient(to right,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0596d5',endColorstr='#0596d5',GradientType=1 );*/
}

.filtres h3 { color : #FFF; font-family : SourceSansProBold, sans-serif; font-size : 14px; font-weight : 800; line-height : 24px; margin : 5px 0 0; padding : 10px; text-align : center; text-shadow : 0 1px 0 #016490;
/*background:-moz-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:-webkit-gradient(linear,left top,right top,color-stop(0%,#0596d5),color-stop(50%,#69b3d3),color-stop(100%,#0596d5));*/
/*background:-webkit-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:-o-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:-ms-linear-gradient(left,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*background:linear-gradient(to right,#0596d5 0%,#69b3d3 50%,#0596d5 100%);*/
/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0596d5',endColorstr='#0596d5',GradientType=1 );*/
}

/*body.b2c .filtres h2{background:#00aeef;*/
/*background:-moz-linear-gradient(left,#00aeef 0%,#76cded 50%,#00aeef 100%);*/
/*background:-webkit-gradient(linear,left top,right top,color-stop(0%,#00aeef),color-stop(50%,#76cded),color-stop(100%,#00aeef));*/
/*background:-webkit-linear-gradient(left,#00aeef 0%,#76cded 50%,#00aeef 100%);*/
/*background:-o-linear-gradient(left,#00aeef 0%,#76cded 50%,#00aeef 100%);*/
/*background:-ms-linear-gradient(left,#00aeef 0%,#76cded 50%,#00aeef 100%);*/
/*background:linear-gradient(to right,#00aeef 0%,#76cded 50%,#00aeef 100%);*/
/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef',endColorstr='#00aeef',GradientType=1 );*/
/*}*/
.filtres h2:first-child { margin-top : 0 }

.filtre-box h3, .filtre-box .h3 { color : #00688c; font-size : 18px; font-weight : 700; line-height : 22px; margin : 0 0 4px }

.filtre-box label.checkbox { color : #28698b; font-size : 14px }

.filtre-box input[type="checkbox"] { position : relative; top : -3px }

.b2b > .ui-slider-range { background : #00aeef !important }

.b2c > .ui-slider-range { background : #ff006f !important }

#nbr-pages, #order-pages, #hability_title, .btn.dropdown-toggle.blue { background-color : lightgrey; }

#amount { background : none repeat scroll 0 0 transparent; border : medium none; box-shadow : none; color : #00AEEF !important; margin : 10px 0 0; padding : 0; text-align : left; width : 100% }

#amount1 { background : none repeat scroll 0 0 transparent; border : medium none; box-shadow : none; color : #00AEEF !important; margin : 10px 0 0; padding : 0; text-align : left; width : 100% }

.raffiner_submit { background : none repeat scroll 0 0; border : medium none; color : #E4F8FC; font : 16px/20px SourceSansProBold, sans-serif; margin-top : 10px; padding : 0px; width : 100% }

.raffiner_init_b2c { background-color : #fc76b0; }

.raffiner_init_b2b { background-color : #70BDD9; }

/*end category-subcategory sidebar:filtres::\skins\default\includes\inc_filtres-col-left.php */
/** categories pages **/
.pagination { float : right; margin : 0; margin-top : 7px }

.pagination ul { display : inline-block; float : right }

.see-all-product { display : inline-block; padding : 2px 10px 4px 4px; float : left }

.affichage-filter { margin-bottom : 15px }

.affichage-label { color : #838383; display : inline; font-family : SourceSansProSemiboldItalic; line-height : 24px; padding-right : 10px; padding-top : 6px }

.comparer { background : url(/skins/default/media/images/compare-btn-bg.png) no-repeat top left #e8e7de; float : right; font : normal 9px/24px SourceSansProBold, sans-serif; padding-left : 33px; border : 1px solid #cbcfd0 }

.comparer .number { border-left : 1px solid #FFF; color : #00AEEF; display : inline-block; font-size : 12px; margin-left : 10px; padding : 0 10px }

.results { color : #838383; font-family : SourceSansProRegular; font-size : 14px; font-weight : normal }

.banners-category .slider-inner { margin-bottom : 15px }

.banners-category .small p:first-child { margin-bottom : 19px }

.banners-category .small img { margin-bottom : 9px }

.producs-row { margin-bottom : 15px }

.sous-categorie { font-size : 16px; color : #8A8A8B; font-family : SourceSansProExtraLight, sans-serif; border-right : 1px solid #8A8A8B; padding : 0 10px; display : none }

/** end categories pages **/
/** article et single-post **/
.search { float : right }

.search input { vertical-align : middle }

.search .btn { padding : 0px; border-left : 0px; border-radius : 0px 5px 5px 0px; height : 30px }

.search input[type=text] { height : 30px; line-height : 29px; padding : 0px 8px; width : 175px; color : #838383; font-size : 14px; font-family : SourceSansProSemiboldItalic; border-right : none; border-radius : 4px 0px 0px 4px; margin : 0px }

.year-label { color : #00688C; display : inline; font-family : SourceSansProSemiboldItalic; line-height : 24px; padding-left : 24px; padding-right : 8px; padding-top : 6px }

.affichage-label.article { float : none; display : inline }

.article-side-menu { background : none repeat scroll 0 0 #F4F4F4; border : 1px solid #CCC; border-radius : 4px 4px 4px 4px; padding : 15px }

.article-summary { margin-bottom : 40px }

.article-summary .span5 { margin-bottom : 15px }

.article-info { border-top : 1px solid #B3B3B3; border-bottom : 1px solid #B3B3B3; padding-top : 8px; margin-bottom : 15px }

.article-summary h2 { font-size : 20px; line-height : 25px; margin-top : 0px; margin-bottom : 15px }

.articles .affichage-filter.affichage { margin-bottom : 30px }

.articles h3 { color : #00688C; font-size : 15px; line-height : 20px }

.articles .article-side-menu h3:last-of-type { margin-top : 30px }

.articles .banner { margin-bottom : 20px }

.article .retour-article { margin : 20px 0 50px }

.social-pagination { margin : 30px 0px }

.social-pagination .pagination { margin : 0px }

.social { float : left }

.social div { float : left }

/*.social .pin-it{margin-top:-20px!important} retiré. Valider l'abscence de conséquence mparent*/
.social .pin-it { }

.social .fb { margin-right : 10px }

.article .flex-video { margin : 30px 0px }

.vous-aimeriez-aussi img, .vous-aimeriez-aussi .flex-video { margin-bottom : 15px; margin-top : 0px }

.article h1 { font-size : 20px; line-height : 25px; margin-bottom : 15px; margin-top : 0 }

.article .slider-inner, .article .banner { margin-bottom : 15px }

.comments .media-body .content { background : #eeeeee; position : relative; margin-left : 30px; padding : 20px }

.comments .media-body .content-inner { padding : 20px }

.comments h2 { margin-top : 35px }

.comments .arrow { background : url(/skins/default/media/images/arrow-comment.png) no-repeat scroll left top transparent; height : 39px; left : -19px; position : absolute; top : 11px; width : 20px }

.comments .name { color : #00AEEF; font-family : SourceSansProBold; font-size : 11px; line-height : 15px; margin-bottom : 0; margin-top : 10px; text-align : right }

.comments .dit { font-size : 11px; text-align : right }

.comments .media .photo-info { font-size : 11px; text-align : right; width : 64px; padding-top : 15px }

.comment-professionnel { background : none repeat scroll 0 0 #838383; clear : both; color : #FFF; float : right; font-family : SourceSansProBold; margin-right : -21px; margin-top : -20px; padding : 5px 10px; margin-bottom : 10px }

.comments .content p:first-of-type { clear : both }

.article-comments-form textarea { width : 100% }

.article-comments-form label.inline { display : inline }

.article-comments-form .submit { text-align : right }

.article-comments-form .champs-obligatoires { padding-right : 15px }

/** end article et single-post **/
/** page partenaires et habilites**/
.partenaires .logos .content { overflow : hidden }

.partenaires .logos .content h3 { font-size : 15px; line-height : 20px; margin-bottom : 5px; margin-top : 0 }

.partenaires .logos .content h3 a { color : #00688c }

.partenaires .logos .span6 { overflow : hidden; margin-bottom : 10px }

.partenaires .logos .img { width : 76px; margin-right : 10px; margin-bottom : 15px; float : left;
-moz-box-sizing                  : border-box; -webkit-box-sizing : border-box; box-sizing : border-box }

.partenaires .logos img { max-width : 95% }

.habiletes h4 { font-size : 15px; line-height : 20px; margin-bottom : 5px; margin-top : 0 }

p.intro { margin-bottom : 20px }

/** end page partenaires habilites**/
/** fiche produit **/
.equalize-28px input, .equalize-28px label.add-on { height : 18px; line-height : 18px; margin-bottom : 0 }

.fiche-produit-details { padding : 20px }

.fiche-produit-details-container { background-color : #EEE; border : 1px solid #CCC; color : #666; position : relative }

/* #500 Refonte de la fiche produit*/
/* .fiche-produit-details div p{color:#fff} */
.price-container { background : none repeat scroll 0 0 #E9E9E9; margin-top : -8px; padding : 8px;
-webkit-box-shadow            : 0 0 8px 0 #ccc inset; -moz-box-shadow : 0 0 8px 0 #ccc inset; box-shadow : 0 0 8px 0 #ccc inset;
}

.price-container * { text-shadow : 0 0 1px #FFFFFF !important }

.fiche-produit-details .prices p { font-size : 17px; line-height : 22px; margin-bottom : 5px }

.fiche-produit-details .prices .price { color : #FFF; font-family : SourceSansProBold; font-size : 80px; margin-bottom : 16px; margin-top : 31px; text-shadow : 3px 3px 0 #F1660B; white-space : nowrap; display : inline-block }

.fiche-produit-details .prices .color-discount { color : #777; text-shadow : 0 0 4px #FFFFFF }

.fiche-produit-details .prices .price span { font-size : 40px; left : -20px; position : relative; top : -25px }

.frais-livraison { position : absolute; bottom : 0px }

.fiche-produit-details .fb { padding-top : 15px }

.fiche-produit-details p.regular-price-wrapper { font-size : 24px }

.fiche-produit-details p.rabais-wrapper { font-size : 24px; font-family : SourceSansProbold, sans-serif }

.regular-price span { font-size : 15px; left : -4px; position : relative; top : -7px }

.fiche-produit-details div .small { font-size : 12px }

.fiche-produit-details .a-partir-de { color : #999; display : block; font-family : SourceSansProbold; font-size : 21px; line-height : 24px; margin-bottom : 8px }

.discount-promo, .promo_surveiller { color : red !important }

.prix-regulier-promo { color : #999999 !important }

.prix-regulier-promo_sm { display : inline-block; text-decoration : line-through }

/* .prix-regulier-promo span{text-decoration:line-through} */
.prix-regulier-promo div.barre { border-top : 5px solid #717070; color : #999999 !important; position : relative; top : 12px; z-index : 10 }

.prix-regulier-promo_sm div.barre { border-top : 2px solid #717070; color : #999999 !important; position : relative; top : 12px; z-index : 10 }

.prom_prix_regulier { color : #666666 !important; display : inline-block; margin-bottom : 0 }

.fiche-produit-details .item-add-to-cart { float : left; margin-bottom : 8px }

.image-preview { position : relative }

.image-preview .video-icon { bottom : 5px; position : absolute; right : 5px }

.tab-content { background : none repeat scroll 0 0 #F0F0F0; padding : 10px; border : 1px solid #DDDDDD; border-top : none }

ul.nav-tabs { margin-bottom : 0px }

.fiche-produit-details .qty input { width : 55px; border : none; border-radius : 0 0 0 0; text-align : center; margin-left : 10px }

a.btn-panier-white { background : url(/skins/default/media/images/pannier.png) no-repeat right center #FFF; border : 1px solid #CACACA; color : #00AEEF; display : inline-block; height : 18px; line-height : 19px; margin-right : 6px; padding : 5px 34px 5px 6px }

.fiche-produit-details .produit-title { color : #0AE; font-size : 21px; line-height : 24px; margin : 0 0 8px }

.fiche-produit-details .product-sku { font-family : Arial, sans-serif; font-weight : 700 }

span.product-code { display : block; line-height : 27px; text-align : right; font-weight : 700 }

.vous-aimerez-heading { margin-top : 0px }

.videos h4 { color : #000; font-size : 14px; line-height : 17px; margin-bottom : 0; margin-top : 0 }

.videos .mots-cles { color : #00AEEF; margin-bottom : 0px; font-family : SourceSansProSemiBold, sans-serif }

.videos .minutes { color : #8a8a8b }

.fiche-produit .videos { margin-bottom : 15px }

.img_promotion { left : 0; max-width : 205px; position : absolute; top : 2px; width : 50%; }

.img_promotion_sm { left : 0; max-width : 85px; position : absolute; top : 0; width : 50%; }

.img_promo_car { z-index : 99; margin-left : 6%; margin-top : 1%;}

/* <a> display:block en raison des jquery-tooltip qui n'accrochent pas si il y a une image display:block dans le lien mparent */
.img_gal a { display : block }

/* TABLE DE PRODUITS GROUPE */
.table-product { width : 100%; margin-bottom : 8px; color : #8a8a8b }

.table-product th, .table-product td { line-height : 24px; padding : 8px; text-align : left; vertical-align : top }

.table-product td.pannier { white-space : nowrap; /*width:25%*/ }

.table-product th { font-weight : bold }

.table-product thead td, .table-product thead th { font-weight : bold; vertical-align : bottom; white-space : nowrap }

.table-product .separator img { width : 100% }

.table-product .separator td { height : 5px; line-height : 0; padding : 0 }

.table-product .item-name { color : #000 }

.table-product .item-sku { width : 10%; white-space : nowrap }

.table-product .item-description { }

.table-product .item-quantity { width : 10%; white-space : nowrap }

.table-product .item-price { color : #000; font-family : SourceSansProBold; font-size : 21px; width : 10%; white-space : nowrap }

.table-product .item-price, .table-product .item-price-reg { color : #000; font-family : SourceSansProBold; font-size : 21px; width : 10%; white-space : nowrap }

.table-product .item-price-promo { color : #dd1d44; font-family : SourceSansProBold; font-size : 21px; width : 10%; white-space : nowrap }

.item-price-promo { color : #dd1d44; font-family : SourceSansProBold; font-size : 21px; width : 10%; white-space : nowrap }

.table-product td.item-price-reg { text-decoration : line-through }

.table-product .item-cart-link { width : 12%; white-space : nowrap }

.table-product .item-quantity .qty { border : 1px solid #EEEEEE; margin : 0 0 0 8px; width : 30px;
-moz-border-radius                          : 0 0 0 0; -webkit-border-radius : 0 0 0 0; border-radius : 0 0 0 0 }

.icon-cart { background-attachment : scroll; background-color : transparent; background-position : 0 0; background-repeat : no-repeat; display : inline-block; height : 24px; margin-left : 5px; margin-top : 0; vertical-align : middle; width : 24px }

/*
    .btn-pannier-remove .icon-cart{background-image:url(/skins/default/media/icons/icon-remove-from-cart.png)}
    .btn-pannier .icon-cart{background-image:url(/skins/default/media/icons/icon-add-to-cart.png)}
    .btn-favs-remove .icon-cart{background-image:url(/skins/default/media/icons/icon-remove-from-favs.png)}
    .btn-favs .icon-cart{background-image:url(/skins/default/media/icons/icon-add-to-favs.png)}
    .btn-wish-remove .icon-cart{background-image:url(/skins/default/media/icons/icon-remove-from-wish.png)}
    .btn-wish .icon-cart{background-image:url(/skins/default/media/icons/icon-add-to-wish.png)}
*/
/* DÉBUT NEW ICON CART */
/*
    .icon-cart{background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:no-repeat;display:inline-block;height:30px;margin-left:5px;margin-top:0;vertical-align:middle;width:30px;}
*/
.btn-pannier-remove .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-remove-from-cart2.png) }

.btn-pannier .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-add-to-cart2.png) }

.btn-pannier:hover .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-add-from-cart4.png) }

.btn-favs-remove .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-remove-from-favs2.png) }

.btn-favs:hover .icon-cart { background-image : url(/skins/default/media/icons/btn_liste-souhaits6.png) }

.btn-favs .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-add-to-favs2.png) }

.btn-wish-remove .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-remove-from-wish2.png) }

.btn-wish:hover .icon-cart { background-image : url(/skins/default/media/icons/btn_liste-souhaits6.png) }

.btn-wish .icon-cart { background-image : url(/skins/default/media/icons/icon-cart-add-to-wish2.png) }

/* FIN NEW ICON CART */
.share-box-extra { text-align : center }

.share-box-extra > div { margin-bottom : 10px }

.share-box-extra .addthis-buttons { overflow : hidden; text-align : center }

.share-box-extra .addthis-buttons a { display : inline-block; float : none }

.liste-habiletes { margin-bottom : 8px }

.icon-habiletes span { display : none }

.icon-habiletes { width : 32px; height : 32px; line-height : 32px; background-attachment : scroll; background : transparent none; }

.habilete-line { margin-top : 10px; vertical-align : bottom }

.habilete-line:first-child { margin-top : 0 }

.habilete-line > * { vertical-align : middle }

.habilete-title { line-height : 32px; vertical-align : middle; padding-left : 10px }

/*
    .habilete-affectif{background-image:url(/skins/default/media/icons/icon-32-affectif-o.png)}
    .habilete-concentration{background-image:url(/skins/default/media/icons/icon-32-concentration-o.png)}
    .habilete-connaissances-generales{background-image:url(/skins/default/media/icons/icon-32-connaissances-generales-o.png)}
    .habilete-creativite{background-image:url(/skins/default/media/icons/icon-32-creativite-o.png)}
    .habilete-espace-temps{background-image:url(/skins/default/media/icons/icon-32-espace-temps-o.png)}
    .habilete-langage-ecrit{background-image:url(/skins/default/media/icons/icon-32-langage-ecrit-o.png)}
    .habilete-langage-oral{background-image:url(/skins/default/media/icons/icon-32-langage-oral-o.png)}
    .habilete-mathematique{background-image:url(/skins/default/media/icons/icon-32-mathematique-o.png)}
    .habilete-memoire{background-image:url(/skins/default/media/icons/icon-32-memoire-o.png)}
    .habilete-motricite-fine{background-image:url(/skins/default/media/icons/icon-32-motricite-fine-o.png)}
    .habilete-motricite-globale{background-image:url(/skins/default/media/icons/icon-32-motricite-globale-o.png)}
    .habilete-observation{background-image:url(/skins/default/media/icons/icon-32-observation-o.png)}
    .habilete-raisonnement-logique{background-image:url(/skins/default/media/icons/icon-32-raisonnement-logique-o.png)}
    .habilete-sensoriel{background-image:url(/skins/default/media/icons/icon-32-sensoriel-o.png)}
    .habilete-social{background-image:url(/skins/default/media/icons/icon-32-social-o.png)}
*/
.habilete-affectif:before { content : url(/skins/default/media/icons/news/icon-32-affectif.png) }

.habilete-concentration:before { content : url(/skins/default/media/icons/news/icon-32-concentration.png) }

.habilete-connaissances-generales:before { content : url(/skins/default/media/icons/news/icon-32-connaissances-generales.png) }

.habilete-creativite:before { content : url(/skins/default/media/icons/news/icon-32-creativite.png) }

.habilete-espace-temps:before { content : url(/skins/default/media/icons/news/icon-32-espace-temp.png) }

.habilete-langage-ecrit:before { content : url(/skins/default/media/icons/news/icon-32-langage-ecrit.png) }

.habilete-langage-oral:before { content : url(/skins/default/media/icons/news/icon-32-langage-oral.png) }

.habilete-mathematique:before { content : url(/skins/default/media/icons/news/icon-32-mathematique.png) }

.habilete-memoire:before { content : url(/skins/default/media/icons/news/icon-32-memoire.png) }

.habilete-motricite-fine:before { content : url(/skins/default/media/icons/news/icon-32-motricite-fine.png) }

.habilete-motricite-globale:before { content : url(/skins/default/media/icons/news/icon-32-motricite-globale.png) }

.habilete-observation:before { content : url(/skins/default/media/icons/news/icon-32-observation.png) }

.habilete-raisonnement-logique:before { content : url(/skins/default/media/icons/news/icon-32-raisonnement-logique.png) }

.habilete-sensoriel:before { content : url(/skins/default/media/icons/news/icon-32-sensoriel.png) }

.habilete-social:before { content : url(/skins/default/media/icons/news/icon-32-social.png) }

/*url("/skins/default/media/images/txtr-mainmenu-blue.png") repeat-x scroll 0 100% #2EC2FA*/
.icon-extra-tags { width : 32px; height : 32px; line-height : 32px; background-attachment : scroll; background-color : transparent; background-position : 0 0; background-repeat : no-repeat; margin-left : 5px }

.icon-extra-tags:first-child { margin-left : 0 }

.icon-extra-tags span { display : none }

.extra-tags-transport { background-image : url(/skins/default/media/icons/icon-32-livraison.png); }

.extra-tags-transport-gray { background-image : url(/skins/default/media/icons/icon-32-livraison-gray.png) }

.extra-tags-aimants { background-image : url(/skins/default/media/icons/icon-32-aimants.png) }

.extra-tags-video { background-image : url(/skins/default/media/icons/icon-32-video.png) }

/*.btn-pannier,.btn-favs,.btn-wish{background:url("/skins/default/media/images/txtr-mainmenu-blue.png") repeat-x scroll 0 0 #63ccf4;border:1px solid transparent;color:#FFF;display:inline-block;font-family:SourceSansProSemiBold,sans-serif;line-height:26px;margin-right:6px;padding:0 5px;vertical-align:middle}*/
/*.btn-pannier,.btn-favs,.btn-wish{background:url("/skins/default/media/images/txtr-mainmenu-blue.png") repeat-x scroll 0 0 #63ccf4;border:1px solid transparent;color:#FFF;display:inline-block;font-family:SourceSansProSemiBold,sans-serif;line-height:30px;margin-right:5px;padding:0;vertical-align:middle}*/
.btn-pannier, .btn-favs, .btn-wish { background : #00aaee none repeat scroll 0 0; border : 1px solid #cccccc; border-radius : 4px; box-shadow : 0 0 5px 0 #ffffff; color : #FFF; display : block; float : left; line-height : 26px; margin-right : 10px; padding : 0 5px; vertical-align : middle; }

.btn-favs:hover, .btn-wish:hover { color : #00aaee; border-radius : 5px; background-color : #fff; border-color : #00aaee; font-family : SourceSansProSemiBold; }

.btn-pannier:hover { color : #00aeef; border-radius : 5px; background-color : #fff; border-color : #00aeef; }

/*.btn-pannier-remove{background:url("/skins/default/media/images/txtr-mainmenu-blue.png") repeat-x scroll 0 100% #2EC2FA;color:#FFFFFF;display:inline-block;float:left;font-family:SourceSansProSemiBold,sans-serif;line-height:28px;margin-right:6px;padding:0 5px;vertical-align:middle}*/
/*.btn-pannier-remove,.btn-favs-remove,.btn-wish-remove{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #22CCFF;display:inline-block;font-family:SourceSansProSemiBold,sans-serif;line-height:26px;margin-right:6px;padding:0 5px;vertical-align:middle}*/
.btn-pannier-remove, .btn-favs-remove, .btn-wish-remove { background : #ffffff none repeat scroll 0 0; border : 1px solid #22ccff; border-radius : 4px; display : block; float : left; font-family : SourceSansProSemiBold, sans-serif; line-height : 26px; margin-right : 10px; padding : 0 5px; vertical-align : middle; white-space : nowrap }

/*.btn-pannier-remove{background:url("/skins/default/media/images/txtr-mainmenu-blue.png") repeat-x scroll 0 100% #2EC2FA;border:1px solid #CACACA;color:#FFF;display:inline-block;float:left;font-family:SourceSansProSemiBold,sans-serif;height:13px;margin-right:6px;padding:5px 28px 5px 6px}*/
.btn-pannier-remove:hover, .btn-favs-remove:hover, .btn-wish-remove:hover, .btn-pannier-remove:visited:hover, .btn-favs-remove:visited:hover, .btn-wish-remove:visited:hover { color : #c00; border-color : #c99 }

.btn-pannier.list-souhait { background : #ffffff none repeat scroll 0 0; border : 1px solid #22ccff; color : #00aeef; font-family : SourceSansProSemiBold, sans-serif; }

.btn-pannier .icon-cart.favorites {
/*background:#ffffff none repeat scroll 0 0;border:1px solid #22ccff;border-radius:4px;*/
background-image : url(/skins/default/media/icons/icon-cart-remove-from-favs2.png); margin-left : 5px }

.btn-pannier.list-souhait:hover { color : #c00; border-color : #c99 }

.favoris .btn-pannier { display : block; float : none; margin-bottom : 5px; white-space : nowrap; width : auto; }

.favoris .btn-pannier-remove { display : block; margin-bottom : 5px; float : none }

/*
    .btn-pannier{background:url(/skins/default/media/images/pannier-add-bg2.png) no-repeat scroll right top transparent;border:1px solid #CACACA;color:#FFF;display:inline-block;float:left;font-family:SourceSansProSemiBold,sans-serif;height:13px;margin-right:6px;padding:5px 28px 5px 6px}
    .btn-pannier-remove{background:url(/skins/default/media/images/pannier-remove-bg2.png) no-repeat scroll right top transparent;border:1px solid #CACACA;color:#FFF;display:inline-block;float:left;font-family:SourceSansProSemiBold,sans-serif;height:13px;margin-right:6px;padding:5px 28px 5px 6px}
*/
.favorite { background : url(/skins/default/media/images/favories-blue-bg.png) no-repeat scroll right top transparent; border : 1px solid #CACACA; color : #FFF; display : inline-block; font-family : SourceSansProSemiBold, sans-serif; height : 23px; width : 30px }

.table-product .price { color : #000; font-family : SourceSansProBold; font-size : 36px; margin-top : 13px }

.table-product .price span { font-size : 21px; left : -8px; position : relative; top : -8px }

.table-product .produit { color : #000000; display : inline-block; margin-bottom : 5px }

ul.bb { border : none }

.bb.nav-tabs li.active a { background : #ffffff }

.bb.nav-tabs a { /*border:medium none;*/ border-radius : 0 0 0 0; color : #00AEEF; font-size : 15px; font-weight : 700; margin-right : 5px; padding : 10px 20px }

.bb.nav-tabs a:hover, .bb.nav-tabs a:focus, .bb.nav-tabs a:active { /*border:none*/ }

.bb.tab-content { border-color : #DDDDDD transparent transparent; border-style : solid none none; border-width : 1px 0 0; padding : 20px; background : url(/skins/default/media/images/bg-tabs.png) repeat-x left top }

/* slider carousel fiche-produit */
img#preview { width : 100% }

/*
    .carousel-horizontal{background-color:#FFFFFF;border-style:none solid solid;border-width:0 1px 1px}
    .demo-1 .elastislide-horizontal{padding:10px 37px}
    .elastislide-list{display:none;list-style-type:none}
    .elastislide-carousel ul li{-webkit-backface-visibility:hidden;margin:0;min-width:20px}
    .elastislide-wrapper{/margin:0 auto;min-height:60px;position:relative}
    .elastislide-horizontal{padding:10px 40px}
    .elastislide-vertical{padding:40px 10px}
    .elastislide-carousel{overflow:hidden;position:relative}
    .elastislide-carousel ul{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-backface-visibility:hidden;-webkit-transform:translateX(0px);display:block;list-style-type:none;margin:0;padding:0;position:relative;transform:translateX(0px)}
    .elastislide-horizontal ul{white-space:nowrap}
    .elastislide-horizontal ul li{display:inline-block;height:100%;margin-left:10px}
    .elastislide-horizontal ul li:first-child{margin-left:0}
    .elastislide-carousel ul li a{display:inline-block;width:100%}
    .elastislide-carousel ul li a img{border:2px solid #FFF;display:block;max-width:100%}
    .elastislide-wrapper nav span{background:#ddd url(../images/nav.png) no-repeat 4px 3px;border-radius:50%;cursor:pointer;height:23px;opacity:0.8;position:absolute;text-indent:-9000px;width:23px}
    .elastislide-wrapper nav span:hover{opacity:1.0}
    .elastislide-horizontal nav span{left:10px;margin-top:-11px;top:50%}
    .elastislide-horizontal nav span.elastislide-next{background-position:4px -17px;left:auto;right:10px}
    .no-js .elastislide-list,.elastislide-vertical ul li{display:block}
    .elastislide-vertical ul li{margin-bottom:10px}
    #slider2 .video-icon{position:absolute;bottom:5px;right:5px}
    #carousel{margin-top:10px}
    #carousel li{margin-right:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #carousel{display:none}
*/
/* end slider carousel */
/* slider fiche produit */
/** end fiche produit **/
/** panier 3 etapes**/
/* commande rapide */
.commande-rapide-wrapper .compte-boxes-edit { background : url(/skins/default/media/images/crayon.png) no-repeat scroll right 5px transparent; color : #00688C; cursor : pointer; float : left; font-size : 17px; margin-bottom : 0; padding-bottom : 10px; padding-right : 35px; padding-top : 10px }

.command-rapide { background : none repeat scroll 0 0 #F5F5F5; border : 5px solid #DDD; clear : both; margin-bottom : 15px; padding : 20px /*max-width:362px;*/ }

.command-rapide input[type=submit] { margin-top : 20px }

.command-rapide { color : #00688C }

.commande-rapide-wrapper { width : 100%; overflow : hidden }

/* commande rapide */
ul.panier-achat-steps li.fade { -moz-opacity : 0.4; -khtml-opacity : 0.4; -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter : alpha(opacity=40); opacity : 0.4 }

ul.panier-achat-steps { list-style-type : none; margin : 0px }

ul.panier-achat-steps li { color : #00A2DF; font-size : 25px; text-shadow : 0 1px 0 #CCC; float : left }

ul.panier-achat-steps .number { background : none repeat scroll 0 0 #00AEEF; border : 2px solid #FFF; color : #FFF; display : inline-block; font-family : LobsterTwoBold, sans-serif; font-size : 25px; height : 43px; line-height : 43px; margin-right : 10px; text-align : center; width : 43px;
text-shadow                                : 0 1px 0 #016490; border-radius : 50px; -webkit-border-radius : 50px }

ul.panier-achat-steps .separator { font-size : 87px; line-height : 0; margin-right : 50px; margin-top : 10px; padding-left : 10px; position : relative; top : 13px }

label.adresse_livraison_requise { margin-top : 15px }

.small-input { width : 48px }

.panier-informations .btn-groupe { margin-top : 15px }

.crayon-box { background : url(/skins/default/media/images/crayon.png) no-repeat top left; padding-left : 35px; padding-top : 5px; min-height : 25px }

.pannier h2 { font-size : 27px; line-height : 32px }

.pannier h3 { color : #00688C; font-size : 18px; line-height : 23px }

input.panier-qty { width : 40px; text-align : center; border : 1px solid #cccccc; height : 28px}

.besoins_aides a {text-decoration : none;}

.btn-groupe.pannier a { margin-left : 0px; cursor : pointer; }

.table { border : 1px solid #CCCCCC }

.table th { background : none repeat scroll 0 0 #00AEEF; color : #FFF; text-transform : uppercase }

.table th, .table td { vertical-align : middle }

.table.total th { text-transform : none }

.sous-total th, .sous-total td { font-size : 17px }

.table.total tfoot th, .table.total tfoot td { font-size : 25px }

.table.total { margin-top : 10px }

.total .panier-bouton-commander { border-width : 1px 0 0 }

.panier-avertissement-livraison { color : #ff006f; font-style : italic; }

/**end panier 3 etapes**/
.condition-transport p { color : #7e8083 }

.condition-transport p:first-child { margin-bottom : 0 }

/** Création de votre profil **/
.membre-accueil .gray-box { min-height : 143px }

.creation-profil .titre label { display : inline-block; margin-right : 10px }

.creation-profil .type-usager h3 { color : #00688C; font-size : 14px; line-height : 23px }

.creation-profil .type-usager label { border : 1px solid transparent; margin-bottom : 10px; padding : 5px }

.creation-profil .type-usager label.active { background-color : #ddd; border : 1px solid #ccc; margin-bottom : 10px; padding : 5px }

.creation-profil #type-de-usager p:first-of-type { margin-bottom : 15px }

.creation-profil .champs-obligatoire-wrapper { background : none repeat scroll 0 0 #CCC; color : #6E6E6E; padding : 5px; text-align : center }

.creation-profil .type-usager h4 { margin-bottom : 5px }

.fake-input { background-color : #FFF; border : 1px solid #CCC; color : #555; font-size : 13px; min-height : 16px; line-height : 16px; margin-bottom : 8px; padding : 4px 6px; vertical-align : middle; overflow : hidden;
-moz-border-radius             : 4px 4px 4px 4px; -webkit-border-radius : 4px 4px 4px 4px; border-radius : 4px 4px 4px 4px;
-moz-box-shadow                : 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow : 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow : 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.info-type-focus { background-color : #EEEEEE; padding : 10px }

/** End Création de votre profil **/
/** menu:info pour les usager avec une compte **/
.mon-profil-side-menu h3 { color : #838383; font-family : SourceSansProLight, sans-serif; font-size : 19px; line-height : 23px; margin-bottom : 5px; margin-top : 30px }

.mon-profil-side-menu a { font-family : SourceSansProLight, sans-serif }

.mobile-logout-btn {
background  : #b3afaa;
color       : #fff;
font-family : SourceSansPro, sans-serif !important;
padding     : 2.5px 15px;
text-align  : center;
text-shadow : 2px 2px 2px #505050;
float       : right;
}

.mobile-logout-btn:hover {
color       : #fff !important;
text-shadow : 2px 2px 2px #505050 !important;
}

/** end menu:info pour les usager avec une compte menu **/
/** info pour les usager avec une compte:Mon profil **/
#personnalite { height : 34px; }

.profil-info .btn-bb { float : right; margin-top : 15px }

.profil-info .main p { margin-bottom : 0; padding : 10px 0px 10px 10px }

.profil-info .main .span6:first-child p { font-weight : bold; color : #555555 }

.profil-info .col-right p { float : right }

.profil-info .col-right p.edit { min-height : 39px; background : url(/skins/default/media/images/crayon2.png) no-repeat right 5px; padding-right : 35px; cursor : pointer }

.profil-info .col-right p.edit.active { background : url(/skins/default/media/images/crayon2.png) no-repeat right -67px }

.profil-info .row-fluid.main { border-bottom : 1px solid #ccc }

.courriel-edit, .institutionnel-edit, .mot-de-passe-edit, .date-aniversaire-edit, .utilisateur-content, .occupation-content, .prenom-edit, .nom-edit, .daycare-name-edit, .child-program-content, .partner-program-content { padding : 20px; border-bottom : 1px solid #CCCCCC; background : #F5F5F5 }

.profil-info h3 { color : #00688C; font-size : 18px; line-height : 23px }

img.photo { display : block; float : left; margin-right : 15px }

.upload-photo { margin-bottom : 15px; overflow : hidden; padding : 0 }

.photo-texte a.btn { margin-top : 15px; margin-bottom : 15px }

.compte-grand-public, .compte-professionel { }

.child-name { line-height : 14px }

p.ajouter-un-enfant { background : url(/skins/default/media/images/crayon.png) no-repeat scroll right 5px transparent; cursor : pointer; float : left; padding-bottom : 10px; padding-right : 35px; padding-top : 10px; margin-bottom : 0px }

.ajouter-enfant-content, .courriel-infolettre-content, .cell-infolettre-content { background : none repeat scroll 0 0 #F5F5F5; clear : both; margin-bottom : 15px; padding : 20px }

.enfants { border-bottom : 1px solid #CCC; border-top : 1px solid #CCC; overflow : hidden; margin : 20px 0; padding : 20px 0 }

.cell { margin : 20px 0; padding : 20px 0 0; border-top : 1px solid #CCC }

.abonner label { margin-top : 15px }

.compte-grand-public .border-bottom, .compte-professionel .border-bottom { border-bottom : 1px solid #CCC; margin : 0 0 10px; overflow : hidden; padding : 0px }

.compte-grand-public .btn { width : 100%;
-moz-box-sizing                   : border-box; -webkit-box-sizing : border-box; box-sizing : border-box }

.compte-grand-public h2, .compte-professionel h2, .compte-grand-public h2 a { border : medium none; color : #00688C; font-size : 20px; line-height : 24px; margin : 0; font-family: SourceSansProBold, sans-serif;font-size: 20px; }

.compte-grand-public h3, .compte-professionel h3 { color : #00688C; font-size : 17px }

.compte-boxes-edit { background : url(/skins/default/media/images/crayon.png) no-repeat scroll right 5px transparent; cursor : pointer; float : left; padding-bottom : 10px; padding-right : 35px; padding-top : 10px; margin-bottom : 0px }

.pale { -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter : alpha(opacity=30); -moz-opacity : 0.3; -khtml-opacity : 0.3; opacity : 0.3 }

.compte-grand-public .gray-box, .compte-professionel .gray-box { padding : 34px; background : #fafafa; font-size: 14px;}

.separation { background : #e9e9e9; margin-bottom : 10px; padding : 10px; overflow : hidden }

.cell-phone-wrapper { overflow : hidden }

/** end mon profil **/
/** info pour les usager avec une compte:Produits à surveiller **/
a.add-to-shopping-bag { background : url(/skins/default/media/images/add-to-shopping-bag.png) no-repeat left top; display : block; height : 35px; margin : 0 auto 10px; width : 35px }

a.add-to-shopping-bag:hover, a.remove-from-shopping-bag:hover { opacity : 0.8 }

a.remove-from-shopping-bag { background : url(/skins/default/media/images/revome-shopping-bag.png) no-repeat scroll left top transparent; display : block; height : 35px; width : 35px; margin : 0 auto 10px }

a.liste-souhait { margin-top : 19px }

.liste-souhait-select { margin : 20px 0px }

td.add-remove-bag { text-align : center }

/** end Produits à surveiller **/
/** info pour les usager avec une compte:Liste de souhaits **/
.liste-de-souhaits-table td:first-child { width : 95% }

.liste-de-souhaits-table label { font-family : SourceSansSemiBold, sans-serif; font-size : 15px; line-height : 20px; margin-bottom : 0px }

/** End Liste de souhaits **/
/** compte-personnel-adresses-de-livraison **/
.adresse-livraison .radio { float : left; margin-right : 15px }

.btn-bb.save { float : right; margin-top : 10px }

/** end compte-personnel-adresses-de-livraison **/
/** a propos **/
.entreprise img { float : left; margin-bottom : 15px; margin-right : 15px }

.entreprise h4 { clear : both }

p.date strong { color : #00688C; font-size : 21px; padding-right : 5px }

p.date { border : 1px solid #ccc; padding : 5px 10px }

/** end a propos **/
/* employes */
.employes-page .shadow-divider-employes { margin-bottom : 30px }

.employes { margin-bottom : 35px }

.employes h4 { margin-bottom : 0px; font-size : 19px }

.employes h5 { margin-top : 0px; color : #838383; font-size : 15px; margin-bottom : 10px }

.employes-plus img.pull-left { margin-right : 25px }

.employes img { margin-bottom : 15px; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box }

.h-employes img { margin-bottom : 5px }

.h-employes h5 { margin-bottom : 5px }

.h-employes .employes { width : 21%; float : left; margin-left : 5% }

.h-employes .employes:first-child { margin-left : 0px }

/* employes */
/* nos magasins */
.nos-magasins .well-border h3 { font-size : 16px; line-height : 20px }

.nos-magasins .well-border h2 { color : #8F8F8F; font-size : 24px; margin-bottom : 0; text-transform : uppercase }

.google-map { padding-top : 30px }

.google-map iframe { max-width : 100% }

.boutique { margin-bottom : 30px }

.boutique img { box-sizing : border-box; -moz-box-sizing : border-box; -webkit-box-sizing : border-box; margin-right : 30px }

a.commande-rapide-btn { background : url(/skins/default/media/images/add-to-cart-small.png) no-repeat scroll left center transparent; border : 1px solid #FFF; color : #FFF; display : inline-block; float : right; font-family : SourceSansProBold, sans-serif; line-height : 24px; margin-right : 10px; margin-top : 4px; padding : 0 5px 0 30px }

.favoris td:first-child { white-space : nowrap }

/* nos magasins */
.cat h2:first-of-type { margin-bottom : 0px }

.number-results { color : #929292; font-size : 22px; font-weight : 400; margin-top : 0; line-height : 22px }

#top-tip-panel { background : url("/skins/default/media/images/txtr-top-tip-panel.png") no-repeat scroll 0 0 transparent; color : #FFFFFF; height : 440px; left : 50%; margin : -410px auto auto -310px; padding : 40px 40px 140px; position : absolute; width : 620px }

.top-tip-slide { bottom : 20px; height : 20px; position : absolute; text-align : center; width : 540px }

.top-tip-slide.croix { top : -7px; right : -4px; cursor : pointer }

.top-tip-slide.arrow { left : 95px; cursor : pointer }

.top-tip-slide.top img { position : absolute; right : 11px }

#top-tip-panel .inner-content p { color : #FFF; font-size : 13px; line-height : 16px; margin-bottom : 15px; text-align : center }

#top-tip-panel .inner-content { margin-left : 156px; width : 209px }

#top-tip-panel .inner-content a { color : #fff; text-decoration : underline }

#top-tip-panel p.title { color : #FFF; font-size : 25px; font-weight : 700; line-height : 35px; text-align : center; text-shadow : 1px 1px 0 #6B6F73; text-transform : uppercase }

#top-tip-panel p.title.second { font-size : 20px }

#top-tip-panel a.btnb { background : url(/skins/default/media/images/bulle-btn.png) no-repeat scroll left top transparent; color : #00AEEF; display : block; height : 21px; line-height : 21px; margin-bottom : 0px; margin-top : 9px; padding-left : 25px; text-decoration : none; width : 212px }

#top-tip-panel li { font-size : 12px; padding-top : 0px; line-height : 15px }

#top-tip-panel ul.parents-famille { margin-bottom : 0px }

#top-tip-panel p.construction { font-weight : bold }

.alert { clear : both /*;margin-top:30px*//* Toute la messagerie avait un padding au top ?? */ }

.pannier iframe h2 { background : none repeat scroll 0 0 #00AEEF; color : #FFF; font-family : arial; font-size : 18px; text-align : center; text-transform : uppercase; padding : 5px }

.pannier iframe .result-container { border : 1px solid #ccc }

.pannier iframe .result-container-pad { padding : 0px 20px }

.pannier iframe .result-container-pad p { font-family : arial }

.block-left-panier { margin-top : 8px }

.block-left-panier a.btn, .block-left-panier a.btn-bb { display : inline-block; margin-right : 10px }

.visible-special { display : none }

#show_detail_order { background-color : #fff; border : 2px solid #00AEEF; padding : 5px }

#close_history { float : right; font-weight : 700; cursor : pointer }

/* Préparez vous mentalement:18 @media queries ... 19 avec le @print */
/* Large desktop */
@media (min-width : 1200px) {
.image-fille-container { display : block }

.bloc-transport { /*element - bloc transport */
padding-top  : 0px;
padding-left : 20px;
display      : inline-block;
}

}

@media (max-width : 1100px) {
.banners-category .small p:first-child { margin-bottom : 10px }

.fiche-produit-details .prices .price { font-size : 61px }

.fiche-produit-details .prices .price span { font-size : 30px; left : -13px; top : -19px }
}

@media (min-width : 980px) {
#top_menu_wrap { margin : 0; padding : 0 }

.container { padding : 0 15px }

}

@media (max-width : 979px) {
.span8.top_part-right { width : 100% }

.top_part_menu { clear : both }

.logos .span6 { width : 100%; margin-left : 0px }

.top-bar .ul_top_nav { display : none }

/*.top-bar .top_part-cart{display:none}*/
.top-bar .text_connecter_wrapper { z-index : 1033 }

.girl { display : none }

/*.boy{display:none}*/
#top_menu_wrap { display : none }

/* div.header{height:initial} */
/* btns change professionels /parents et famille */
p.change-profil-wrapper { margin-bottom : 6px; margin-top : 5px !important; overflow : hidden }

/* .top_background{padding-top:75px} */
.top-bar .span5, .top-bar .span7 { width : 100% }

a.change-profil-btn { border-radius : 15px; -moz-border-radius : 15px; -webkit-border-radius : 15px; float : left }

a.change-profil-btn.active { margin-bottom : 0px }

/* end btns change professionels /parents et famille */
.fiche-produit-details .prices .price { font-size : 48px }

.fiche-produit-details .prices .price span { font-size : 19px; left : -10px; top : -19px }

#b2bBox, #b2bMenu { margin-left : 0 }

/* MENU BLEUX */
.header_mainmenu_wrapper .menu-box { max-width : 100% }

.menu-box .menu-title { float : left; font-size : 1.25em; max-width : 100%; padding : 0 1em 0.5em }

/* .header_mainmenu_wrapper .menu-box .menu-button img{max-width:20%;padding-right:5%} */
.header_mainmenu_wrapper .menu-box .menu-item { font-size : 1.05em; float : left }

.header_mainmenu_wrapper .splash-content p { font-size : 1em }

.header_mainmenu_wrapper .splash-content li { font-size : 1em }

.header_mainmenu_wrapper .splash-content h2 { font-size : 1.25em }

/*
        .header_mainmenu_wrapper .b2b-menu-toggle,.b2c-menu-toggle{display:none}
        #b2bBox{display:none}
        #b2bMenu{display:block}
        #b2cBox{display:none}
        #b2cMenu{display:block}
    */
.menu-box { margin-bottom : 16px; padding-top : 16px }

/*
        #home_intro {margin-top:8px}
        #home_intro h3{display:none}
    */

}

@media (min-width : 768px) {
.bloc-transport-single { /*element - bloc transport single products */
display : block;
}

.mobile-logout-btn {
float : none;
}
}

@media (min-width : 768px) and (max-width : 979px) {
.featured-product .name a { font-size : 13px; line-height : 13px !important }

.featured-product .desc p.cat { font-size : 12px; line-height : 14px }

input.panier-qty { font-size : 11px; width : 25px }

.a-propos .main-content .span2 { width : 18.3646% }

.a-propos .main-content .span10 { width : 78.8729% }

.table th, .table td { padding : 5px }

.table th { font-size : 12px; line-height : 14px }

label[for="personne_responsable"] { margin-top : 16px }

.table.total tfoot td { font-size : 19px }

.info-complementaire label.adresse_livraison_requise { margin-top : 15px }

.category li > a { display : inline-block; font-size : 12px; max-width : 106px }

.filtre-box label.checkbox { font-size : 12px }

.filtre-box button.dropdown { font-size : 12px }

.filtre-box .btn.dropdown-toggle { min-width : 10px }

.span4.telechargez-nos-catalogues-links-logo { margin-left : 0px }

/*.header_mainmenu_wrapper{display:none!important}*/
.span4.item-favs-options { float : none; width : 100%; text-align : center }

.span8.item-cart-options { float : none; width : 100% }

.span6.compte-grand-public, .span6.compte-professionel { width : 100%; margin-left : 0px }

.fiche-produit h3 { font-size : 20px }

.affichage-label { display : block; float : none }

.pagination { /* float:none;*/ text-align : center }

.articles .pagination { float : right }

.videos-page .pagination { float : right }

.affichage-filter { text-align : center }

.articles .affichage-filter { text-align : left }

.videos-page .affichage-filter { text-align : left }

.btn-group > .btn + .dropdown-toggle { width : 8% }

label.adresse_livraison_requise { margin-top : 32px }

ul.panier-achat-steps li { font-size : 20px }

ul.panier-achat-steps .separator { margin-right : 15px }

form.accueil_header_search input.search-query { width : 95px }

.mobile_btn_orange_1 { left : -53px; position : relative }

.mobile_btn_orange_2 { left : -24px; position : relative }

.formulaire select { width : 180px }

.formulaire input, .formulaire .uneditable-input { width : 167px }

.first_filter_row .affichage-filter, .second_filter_row .affichage-filter { text-align : left }

.telechargez-nos-catalogues-links a { margin : 0 7px 0 0 }

.image-fille { right : -148px }

.visible-special { display : inline }

.featured-product .price span { font-size : 10px }

.featured-product .price { font-size : 15px }

.table-product .item-cart-link { width : 17%; white-space : nowrap }
}

@media (min-width : 700px) and (max-width : 840px) {
/*
        .table-product.responsive table,.table-product.responsive tbody,.table-product.responsive th,.table-product.responsive td.first,.table-product.responsive tr{display:block}
        .table-product thead{display:none}
        .table-product.responsive td.first{width:100%;background:#ccc;color:#fff}
        .table-product tr.separator{display:none}
        .table-product td{border:1px solid #ccc}
        form.accueil_header_search input.search-query{width:95px}

        .table-product .item-name{}
        .table-product .item-sku{white-space:nowrap}
        .table-product .item-description{}
        .table-product .item-quantity{white-space:nowrap}
        .table-product .item-price{white-space:nowrap}
	*/

}

@media (max-width : 767px) {
#boite-a-outils .span3 { width : 46%; margin : 1% 2%; float : left }

.clearfix-mobile { clear : both; display : block; float : left; height : 30px; margin-top : 10px; width : 100% }

.span.header_mainmenu_wrapper { min-height : 8px }

.featured-product .name a { font-size : 13px; line-height : 13px !important }

.featured-product .desc p.cat { font-size : 12px; line-height : 14px }

/* #462 Section Téléchargez nos catalogues  .telechargez-nos-catalogues-links-logo{margin-top:0px}*/
/* commenter .telechargez-nos-catalogues-links-logo{margin-top:0px} pour la nouvelle boite*/
.span4.item-favs-options { float : right; width : auto }

.span8.item-cart-options { float : left; width : auto }

.footer_box_wrapper .shade-white { min-height : 200px }

/*.left-column .pub>p,.left-column .pub>div{background-color:red;float:left;clear:right}*/
.custom_mobile_menu { top : 70px }

.footer_box_wrapper .first, .footer_box_wrapper .second { width : 50%; float : left; height : auto }

.footer_box_wrapper .third { clear : both }

/*.top_background{padding-top:70px}*/
a.liste-souhait { margin-top : 5px }

.profil-info .col-right p, .profil-info .col-right p.edit { float : none }

.profil-info .main .span6:first-child p { padding-bottom : 0px }

label.adresse_livraison_requise { margin-top : 0px }

#carousel { display : block }

#carousel-vertical { display : none }

.elastislide-wrapper.elastislide-horizontal { display : block; margin-top : 15px }

.elastislide-wrapper.elastislide-vertical { display : none }

.product-code span { float : none; padding-top : 0px }

.list-habilite div { width : 50% }

.pub-right-col p { float : left; width : 23.4043%; margin-left : 2.12766% }

.pub-right-col p:first-child { margin-left : 0px }

#promo div { float : left; width : 31.9149%; margin-left : 2.12766% }

#promo div:first-child { margin-left : 0px }

.product_img { margin-bottom : 8px; text-align : center }

body { padding : 0px }

.container { padding : 0 10px }

.affichage-label { display : block; float : none }

.pagination { float : none; text-align : center; overflow : hidden }

.videos-page .pagination { float : right }

.articles .pagination { float : right }

.affichage-filter { text-align : center }

.year-label.fisrt { padding-left : 0px }

.articles .affichage-filter { text-align : left }

.videos-page .affichage-filter { text-align : left }

.products-row .span4 { float : left; width : 31.9149%; margin-left : 2.12766% }

ul.panier-achat-steps li { font-size : 19px }

ul.panier-achat-steps .separator { margin-right : 15px }

/*.accueil_header_search .btn{left:57%}*/
div.span6.mobile_btn_orange_1 { width : 18% }

div.span6.mobile_btn_orange_2 { width : 18% }

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left : 0px; margin-right : 0px }

/*.mobile_header_orange_input{width:113px;float:right;position:relative;bottom:54px}*/
.results { display : block }

.video_block_wrapper { text-align : center }

.second_filter_row .span7 { float : left; width : 60% }

.second_filter_row .span2 { float : left; width : 20% }

.first_filter_row .span2 { float : left; width : 100% }

.video_cat_wrapper .span2 { float : left; width : 50% }

.first_filter_row .affichage-filter { text-align : left }

.second_filter_row .affichage-filter { text-align : left }

.formulaire .input_cp_wrapper input { width : 206px }

.formulaire .input_cp_wrapper .input_tell { width : 55px }

.formulaire .input_cp_wrapper .span4 { float : left; width : 75px }

.formulaire .input_cp_wrapper .span6 { float : left; width : 115px }

.formulaire .input_cp_wrapper .span6 .input_cp1 { width : 90px }

.formulaire form { margin-left : auto; margin-right : auto; width : 232px }

.formulaire .commentaire_wrapper .txt_commentaire, .formulaire .p_limit { width : 220px }

.home-img-container { clear : left; float : right; width : 100% }

.home-img-container div > img, .home-img-container div > a { clear : right; float : left; margin : 1%; margin-top : 2%; width : 31.33% }

}

/* Landscape phone to portrait tablet */
@media (min-width : 220px) and (max-width : 767px) {
#bbca-logo { display : block; background : url("/skins/default/media/images/logo-bbca.png") no-repeat; width : 99px; height : 83px; padding-left : 99px;
-moz-box-sizing      : border-box; box-sizing : border-box }

#logo { float : left; height : 113px; width : 128px }

#top_part { margin-top : 15px }

.cart-link.responsive-main-menu .main-menu-text { text-indent : 100%; white-space : nowrap; overflow : hidden; display : none }

.left-column .pub > p, .left-column .pub > div { float : left; clear : right; width : 50%; text-align : center }

.responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { display : block }

.responsive thead tr { position : absolute; top : -9999px; left : -9999px }

.responsive tr { border : 1px solid #ccc }

.responsive td { }

.marge { margin-left : 2em; }

.marge2 { margin-left : 5em; }

.responsive td:before { position : absolute; top : 6px; left : 6px; width : 45%; padding-right : 10px; white-space : nowrap; }

/* #462 Section Téléchargez nos catalogues
        .telechargez-nos-catalogues-links-logo{text-align:center}
        .telechargez-nos-catalogues-links{text-align:center}
    */
/* commenter telechargez-nos-catalogues-links et telechargez-nos-catalogues-links-logo pour la nouvelle boite */
}

.logo-responsive {
display    : block;
height     : auto;
max-width  : 100%;
background : url("/skins/default/media/images/logo-bbca.png") no-repeat; -moz-box-sizing : border-box; box-sizing : border-box
}

@media (max-width : 665px) {
.entreprise img { float : none }

ul.panier-achat-steps li { float : none; margin-bottom : 5px }
}

@media (max-width : 635px) {
.first_filter_row .span2-1 { text-align : left; width : 47% }

.first_filter_row .span2-1:first-child { margin-bottom : 10px; margin-right : 20px }

.first_filter_row .affichage-filter { text-align : left }

.first_filter_row .btn-group.blue.drop { width : 100% }

.first_filter_row .drop button:first-child { text-align : left; width : 96% }

.first_filter_row .span2 { float : none; text-align : center; width : 100% }

.first_filter_row button.video_btn_recherche.blue { text-align : center; width : 100% }

.first_filter_row .dropdown-menu.blue { width : 96% }

.btn-groupe.pannier a { width : 100%; margin : 0px; margin-bottom : 15px; float : none;
-webkit-box-sizing            : border-box; -moz-box-sizing : border-box; box-sizing : border-box }
}

@media (max-width : 580px) {
.h-employes .employes { width : 47% !important }

.h-employes .employes:nth-child(3) { margin-left : 0px; clear : both }

.articles .search { float : none; margin-top : 15px }

.search input[type="text"] { width : 46% }

.products-row .span4 { float : none; width : 100%; margin-left : 0px }

.affichage-filter { text-align : left }

.formulaire .input_cp_wrapper .input_tell { width : 55px }

.formulaire .input_cp_wrapper .span4 { float : left; width : 75px }

.formulaire .input_cp_wrapper .span6 { float : left; width : 115px }

.formulaire .input_cp_wrapper .span6 .input_cp1 { width : 90px }

.second_filter_row .span2, .second_filter_row .span7, .second_filter_row .span2-2 { float : none; width : 100% }
}

@media (max-width : 550px) {
.responsive.payment-credit thead tr { position : inherit }

.responsive.payment-credit td { padding-left : 15px }

.responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { display : block }

.responsive thead tr { position : absolute; top : -9999px; left : -9999px }

.responsive tr { border : 1px solid #ccc }

.responsive td { }

.marge { margin-left : 2em; }

.marge2 { margin-left : 5em; }

.responsive td:before { position : absolute; top : 6px; left : 6px; width : 45%; padding-right : 10px; white-space : nowrap; }

/* Label the shopping-bag */
/* Label the COMMANDE-PAR-DATE:http://braultetbouthillier/fr/compte-professionel-historique/ */
.commande-par-date.responsive td:nth-of-type(1):before { content : "CODE" }

.commande-par-date.responsive td:nth-of-type(2):before { content : "Produit" }

.commande-par-date.responsive td:nth-of-type(3):before { content : "Prix Unitaire" }

.commande-par-date.responsive td:nth-of-type(4):before { content : "QTÉ" }

.commande-par-date.responsive td:nth-of-type(5):before { content : "Sous-total" }

/* Label the commande-par-date-list:http://braultetbouthillier/fr/compte-professionel-historique/ */
.commande-par-date-list.responsive td:nth-of-type(1):before { content : "N° de commande" }

.commande-par-date-list.responsive td:nth-of-type(2):before { content : "Date" }

.commande-par-date-list.responsive td:nth-of-type(3):before { content : "Livré à" }

.commande-par-date-list.responsive td:nth-of-type(4):before { content : "Total" }

/* Label the favoris in include \default\styles\page\inc_compte-professionel-produits-a-surveiller.php */
.favoris td.add-remove-bag { text-align : left !important; margin-left : 0px !important }

.favoris a.add-to-shopping-bag, .favoris a.remove-from-shopping-bag { margin-left : 0px !important }

.first_filter_row .span2-1 { width : 46.7%; text-align : left }
}

@media (max-width : 503px) {
.articles .pagination { float : none; text-align : center }

.videos-page .pagination { float : none; text-align : center }

/*.span5 ul.header_ul_lang_wrapper{left:auto;right:0;top:-63px}*/
.span4.featured-product { float : none; width : 100%; margin-left : 0px }

.first_filter_row .span2-1 { width : 46%; text-align : left }
}

/* Landscape phones and down */
@media (max-width : 480px) {
.img_promotion_sm {max-width : 40px}

.img_promo_car {max-width : 80px;}

#boite-a-outils .span3 a { font-size : 16px; font-weight : 700 }

.top-tip-slide.arrow { left : 125px; bottom : 38px }

.span4.item-favs-options { float : none; width : 100%; text-align : center }

.span8.item-cart-options { float : none; width : 100% }

#bon_commande .modal.fade.in { top : 30% !important }

.footer_box_wrapper .first, .footer_box_wrapper .second, .footer_box_wrapper .third { width : 100% }

.footer_box_wrapper .third { clear : both }

img.photo { float : none }

.social div { float : none }

.comments .media .photo-info { width : 100% }

.comments .media .photo-info img { float : left }

.comments .media .photo-info p { text-align : left; margin-left : 65px }

.comments .arrow { display : none }

.comments .media-body .content { margin-left : 0px }

.year-label { padding-left : 0px }

.pub-right-col p { float : none; width : 100%; text-align : center; margin-left : 0px }

#promo div { float : none; width : 100%; margin-left : 0px; text-align : center; margin-left : 0px }

.list-habilite div { width : 100% }

.nouvelles ul img { display : none }

.service-client p { text-align : left; line-height : 24px; margin : 10px; padding-left : 46px }

.service-client p span { display : block }

.drop.btn-group.blue { width : 100%; margin-left : 0px; margin-bottom : 10px }

.drop button:first-child { text-align : left; width : 88% }

.drop .dropdown-menu.blue { width : 100% }

.second_filter_row .drop button:first-child { text-align : left; width : 94% }

.first_filter_row .span2-1 { width : 100%; float : none }

.first_filter_row .btn-group.blue.drop { width : 98% }

.first_filter_row div.drop button:first-child { /*text-align:left;width:94%;*/ }

.first_filter_row button.video_btn_recherche.blue.btn { width : 95% }

.first_filter_row .btn-group.blue.drop.video_btn_recherche_wrapper { width : 100% }

/* #462 Section Téléchargez nos catalogues
        .telechargez-nos-catalogues-links a{margin:0 7px 7px 0}
    */
/* commenter telechargez-nos-catalogues-links a pour la nouvelle boite */
}

@media (max-width : 415px) {
h2 { font-size : 25px; line-height : 25px }

h2 small { display : block; margin-top : 5px }

h3 { font-size : 16px }

#search-tabs.nav-tabs > li { max-width : 112px }

.header_label_searchby { width : 100px }

/*.mobile_header_orange_input{top:30px}*/
#header_searchby_dropdown_text { font-size : 13px; padding : 4px }

input.input-medium.search-query { font-size : 13px; padding : 8px 4px; width : 87px }
}

@media (max-width : 385px) {
.bb.nav-tabs a { padding : 10px 5px }

.partenaires .logos .img { float : none }

/*form.accueil_header_search{top:211px}*/
/*div.span5 ul.header_ul_lang_wrapper{left:30%}*/
}

@media (max-width : 365px) {
.cart-link { padding : 0 10px; background-position : 0 0 }

.cart-link.b-or-c { padding : 0 10px; background-position : 0 -90px }

.cart-link.mon-panier { background-position : 0 -30px; font-size : 10px }

.cart-link.liste-souhaits { background-position : 0 -30px; font-size : 10px }

.cart-link.responsive-main-menu { margin-left : 1px; background-position : 100% -60px }

.separateur-ou { display : none }
}

@media print {
.page-break-after { page-break-after : always !important }
}

/* DESIGN HELPER */
/*global*/
.small { font-size : 12px }

.small.shy { font-size : 10px }

.list-style-none { list-style : none }

.divider.dot { background-color : #bebdad; border-radius : 50%; height : 10px; width : 10px }

.btn.blue { color : #00aeef }

.search-highlight { background-color : #FFDDBB; border-bottom : 1px dashed #CCCCCC; padding-left : 1px; padding-right : 1px }

.border-radius-5 { -moz-border-radius : 5px 5px 5px 5px; -webkit-border-radius : 5px 5px 5px 5px; border-radius : 5px 5px 5px 5px }

.border-radius-10 { -moz-border-radius : 10px 10px 10px 10px; -webkit-border-radius : 10px 10px 10px 10px; border-radius : 10px 10px 10px 10px }

.border-top { border-top-width : 1px; border-top-style : solid }

.border-right { border-right-width : 1px; border-right-style : solid }

[class*="span"].border-right { margin-right : -1px }

.border-bottom { border-bottom-width : 1px; border-bottom-style : solid }

.border-left { border-left-width : 1px; border-left-style : solid }

.nav-tabs a:focus { outline : 0 none }

/* INPUT TYPE FILE REPLACEMENT */
.file-wrapper { cursor : pointer; display : inline-block; overflow : hidden; position : relative }

.file-wrapper input { cursor : pointer; position : absolute; right : 0; top : 0; filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0 }

/* LAYOUT HELPER */
table.layout-table, table.layout-table th, table.layout-table td { border : 0 none; margin : 0; padding : 0; border-collapse : collapse; border-spacing : 0 }

img.pull-right { margin-left : 10px; margin-bottom : 10px }

img.pull-left { margin-right : 10px; margin-bottom : 10px }

.float-left, .floatl { float : left !important }

.float-right, .floatr { float : right !important }

.clear, .clear-both { clear : both !important }

.display-none { display : none !important }

.display-block { display : block !important }

.visibility-hidden { visibility : hidden !important }

.visibility-visible { visibility : visible !important }

.text-align-center { text-align : center !important }

.text-align-justify { text-align : justify !important }

.text-align-left { text-align : left !important }

.text-align-right { text-align : right !important }

.text-align-center { text-align : center !important }

.white-space-nowrap { white-space : nowrap !important }

.white-space-normal { white-space : normal !important }

.vertical-align-bottom { vertical-align : bottom !important }

.vertical-align-top { vertical-align : top !important }

.text-decoration-none { text-decoration : none !important }

.text-decoration-underline { text-decoration : underline !important }

.text-decoration-line-through { text-decoration : line-through !important }

.text-transform-capitalize { text-transform : capitalize !important }

.text-transform-none { text-transform : none !important }

.text-transform-uppercase { text-transform : uppercase !important }

.margin-0 { margin : 0 !important }

.margin-10 { margin : 10px !important }

.margin-top-10 { margin-top : 10px !important }

.margin-top-30 { margin-top : 30px !important }

.margin-right-10 { margin-right : 10px !important }

.margin-bottom-0 { margin-bottom : 0px !important }

.margin-bottom-10 { margin-bottom : 10px !important }

.margin-bottom-20 { margin-bottom : 20px !important }

.margin-left-10 { margin-left : 10px !important }

.margin-auto { margin-right : auto !important; margin-left : auto !important }

.padding-0 { padding : 0 !important }

.padding-10 { padding : 10px !important }

.padding-top-10 { padding-top : 10px !important }

.padding-right-10 { padding-right : 10px !important }

.padding-bottom-10 { padding-bottom : 10px !important }

.padding-left-10 { padding-left : 10px !important }

.padding-20 { padding : 20px !important }

.width-100 { width : 100% !important }

.overflow-hidden { overflow : hidden !important }

.position-absolute { position : absolute !important }

.position-relative { position : relative !important }

.display-table, .row-fluid .display-table { display : table !important }

.display-tr, .row-fluid .display-tr { display : table-row !important }

.display-td, .row-fluid .display-td { display : table-cell !important; float : none; vertical-align : top }

.table-div { display : table !important }

.tr-div { display : table-row !important }

.td-div { display : table-cell !important; float : none !important }

.border-none, .border-none td, .border-none th { border : 0 none }

.H69-assistive-heading { display : block; font-size : 0; height : 0; line-height : 0; overflow : hidden; text-indent : -99999px; width : 0 }

/* ERRORS,MESSAGES,ATTENTIONS */
div.nxErrorBox, div.nxMessageBox, div.nxAttentionBox { padding : 5px 0px 8px 0px; margin-bottom : 10px; overflow : hidden }

div.nxErrorBox { border : 1px solid #B42E33; background : #F9F0C3 }

div.nxMessageBox { border : 1px solid #1B8924; background : #7BE985; color : #1B8924 }

div.nxAttentionBox { border : 1px solid #A2A200; background : #FFFFDB }

div.nxLogoBox { float : left; padding : 7px 10px 0; width : 52px }

div.nxMessages { float : left }

div.nxErrorBox ul, div.nxMessageBox ul, div.nxAttentionBox ul { margin-top : 5px; padding-top : 0px; margin-bottom : 5px; padding-bottom : 0px; list-style : disc }

div.nxErrorBox ul { color : #B42E33 }

div.nxMessageBox ul { color : #1B8924 }

div.nxAttentionBox ul { color : #B42E33 }

/* input.text_error,textarea.text_error,select.select_error{background-color:#F9F0C3 !important;border:1px solid #FFCC00 !important} */
/* .radio_error{background:#F1C6C6} */
/* div.radio_error *{color:#B42E33!important} */
.text_error, .select_error { background-color : #F9F0C3 !important; border : 1px solid #FFCC00 !important }

/* 1 checkbox */
.radio_error { background-color : #F9F0C3; border : 1px solid #F9F0C3; color : #000 !important; padding : 5px !important }

.radio_error label { color : #000 !important }

/* radio error in label http://economax2.tgiprojects.com/fr/carrieres/formulaire-doffre-demploi referance */
/* 2 checkbox */
.select_error label { color : #000 !important }

/* DEVELOPPEMENT STUFF */
.show-grid { margin-bottom : 20px; margin-top : 10px }

.show-grid [class*=span] { -moz-border-radius : 3px; -webkit-border-radius : 3px; background-color : #eee; border-radius : 3px; line-height : 40px; min-height : 40px; text-align : center }

.show-grid [class*=span]:hover { background : #ddd }

.show-grid .show-grid { margin-bottom : 0; margin-top : 0 }

.show-grid .show-grid [class*=span] { background-color : #ccc }

.importantDisplayNone { display : none !important }

.nav-collapse1 ul { float : none !important; margin : 0px 0px 10px 0px !important }

.nav-collapse1 li { float : none !important }

/* CSS code added by Mahmoud */
.font-size-14 {
font-size : 14px;
}

.font-size-16 {
font-size : 16px;
}

.padding-top-0 {
padding-top : 0px;
}

.padding-top-15 {
padding-top : 15px;
}

.padding-bottom-15 {
padding-bottom : 15px;
}

.padding-left-15 {
padding-left : 15px;
}

.margin-bottom-0 {
margin-bottom : 0px;
}

.margin-top-15 {
margin-top : 15px;
}

.margin-left-15 {
margin-left : 15px !important;
}

.margin-right-15 {
margin-right : 15px !important;
}

.margin-bottom-15 {
margin-bottom : 15px;
}

.red {
color : #dd1d44 !important;
}

.green {
color : #007f00;
}

.purple {
color : #92278F;
}

.blue {
color : #00688C;
}

a.modify-trousse:link {
color           : #003377;
text-decoration : underline;
}

a.modify-trousse:active, a.modify-trousse:visited, a.modify-trousse:focus, a.modify-trousse:hover {
color           : #003377;
text-decoration : none;
}

a.white:link {
color           : #FFF;
text-decoration : underline;
}

a.white:active, a.white:visited, a.white:focus, a.white:hover {
color           : #FFF;
text-decoration : none;
}

.text-right {
text-align : right !important;
}

.float-right {
float : right !important;
}

tr[class*="cart-promocode-"] td {
background-color : #fd7;
}

.hr {
border           : 0;
height           : 1px;
background-image : linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.pointer {
cursor : pointer;
}

.qty-minus, .qty-plus {
width            : 26px !important;
height           : 26px !important;
background-color : #bd3e96;
color            : #FFF;
font-size        : 16px;
font-weight      : bold;
border-top       : 1px solid #CCC !important;
border-bottom    : 1px solid #CCC !important;
}

.qty-minus:hover, .qty-plus:hover {
background-color : #6d0041;
}

.qty-minus {
border-right : 0px;
border-left  : 1px solid #CCC !important;
}

.qty-plus {
border-left  : 0px;
border-right : 1px solid #CCC !important;
}

.qty-wrapper .panier-qty {
border-left  : 0px;
border-right : 0px;
}

.strike-through {
text-decoration : line-through;
}

.trousse-price {
font-size : 18px;
}

.fa-minus-circle {
cursor : pointer;
}

.bg-white {
background-color : #FFF;
}

.bg-light-grey {
background-color : #dfdfdf;
}

.trousse-add-to-cart {
float : right;
}

.trousse-add-to-cart .btn-pannier,
.trousse-add-to-cart .btn-pannier:focus,
.trousse-add-to-cart .btn-pannier:visited,
.trousse-add-to-cart .btn-pannier:active {
font-size        : 16px !important;
padding          : 5px 10px;
margin-right     : 0px !important;
background-color : #bd3e96;
text-decoration  : none;
color            : #FFF;
float            : right !important
}

.trousse-add-to-cart .btn-pannier:hover {
color            : #bd3e96;
background-color : #FFFFFF;
border-color     : #bd3e96;
}

.trousse-reset-btn,
.trousse-reset-btn:focus,
.trousse-reset-btn:visited,
.trousse-reset-btn:active {
background-color : #bd3e96 !important;
font-size        : 16px !important;
padding          : 5px 10px;
float            : right !important
}

.trousse-reset-btn:hover {
color            : #bd3e96 !important;
background-color : #FFFFFF !important;
border-color     : #bd3e96;
}

.trousse-suggested-qty-btn,
.trousse-suggested-qty-btn:focus,
.trousse-suggested-qty-btn:visited,
.trousse-suggested-qty-btn:active {
background-color : #662D91 !important;
font-size        : 18px !important;
padding          : 5px 10px;
}

.trousse-suggested-qty-btn:hover {
color            : #662D91 !important;
background-color : #FFFFFF !important;
border-color     : #662D91;
}

#inc_top-buttons .eureka-prog-icon {
width   : auto !important;
opacity : 1 !important;
}

/*trousse modal close x*/
#pop-trousse .close {
opacity : 1;
}

.step {
display               : inline-block;
font-family           : LobsterTwoBold, sans-serif;
font-size             : 25px;
height                : 30px;
line-height           : 30px;
margin-right          : 5px;
text-align            : center;
width                 : 30px;
text-shadow           : 0 1px 0 #016490;
border-radius         : 50px;
-webkit-border-radius : 50px;
}

.step-white {
color      : #4945e0;
background : none repeat scroll 0 0 #FFF;
border     : 2px solid #FFF;
}

.step-purple {
color      : #FFF;
background : none repeat scroll 0 0 #4945e0;
border     : 2px solid #4945e0;
}

.trousse-search-wrapper .separator {
color        : #FFF;
line-height  : 0;
padding-left : 9px;
top          : 5px;
}

#pop-trousse {
position                : fixed !important;
top                     : 10% !important;
left                    : 50% !important;
z-index                 : 1050 !important;
width                   : 560px !important;
margin-left             : -280px !important;
background-color        : #ffffff !important;
border                  : 1px solid #999 !important;
border                  : 1px solid rgba(0, 0, 0, 0.3) !important;
*border                 : 1px solid #999 !important;
-webkit-border-radius   : 6px !important;
-moz-border-radius      : 6px !important;
border-radius           : 6px !important;
-webkit-box-shadow      : 0 3px 7px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow         : 0 3px 7px rgba(0, 0, 0, 0.3) !important;
box-shadow              : 0 3px 7px rgba(0, 0, 0, 0.3) !important;
-webkit-background-clip : padding-box !important;
-moz-background-clip    : padding-box !important;
background-clip         : padding-box !important;
outline                 : none !important;
bottom                  : auto !important;
}

#pop-trousse .btn-pannier {
display          : inline-block;
box-shadow       : 0 0 5px 0 transparent;
float            : none;
width            : 300px;
height           : 30px;
font-size        : 16px;
margin-right     : 0px;
padding-top      : 5px;
background-color : #bd3e96;
}

#pop-trousse .btn-pannier:hover {
color            : #fff;
background-color : #4945e0;
border-color     : #312ce4;
text-decoration  : none;
border-radius    : 4px;
}

#pop-trousse .modal-header {
background-color        : #c661a5;
border-top-left-radius  : 6px;
border-top-right-radius : 6px;
}

#pop-trousse .modal-header h3 {
color : #333;
}

#pop-trousse .modal-body {
background-color           : #d7d6ff;
border-bottom-left-radius  : 6px;
border-bottom-right-radius : 6px;
}

/* b2b new account - modal font-awesome icon */
a.b2b-account-info {
color : #000;
}

a.b2b-account-info:hover {
color : #FFF;
}

a.b2b-account-info:focus {
outline : none;
}

/*interest DDL Checkbox*/
.ddl-checkbox {
/* position: absolute; */
width  : 100% !important;
margin : 0 !important;
}

.ddl-checkbox dd, .ddl-checkbox dt {
margin  : 0px;
padding : 0px;
}

.ddl-checkbox dt {
position : relative;
}

.ddl-checkbox dt div.caret {
position     : absolute;
top          : 10px;
color        : black;
right        : 6px;
border-top   : 6px solid #000000;
border-right : 3px solid transparent;
border-left  : 3px solid transparent;
}

.ddl-checkbox ul {
margin : -1px 0 0 0;
}

.ddl-checkbox dd {
position : relative;
}

.ddl-checkbox a, .ddl-checkbox a:visited {
color           : #fff;
text-decoration : none;
outline         : none;
}

.ddl-checkbox dt a {
background-color : #fff;
color            : #555;
font-weight      : normal;
display          : block;
padding          : 3px 20px 0px 10px;
line-height      : 19px;
overflow         : hidden;
border           : 0;
border-radius    : 3px;
border           : 1px solid #CCC;
}

.ddl-checkbox dt a span, .multiSel span {
cursor  : pointer;
display : inline-block;
padding : 0 3px 2px 0;
}

.ddl-checkbox dd ul {
background-color   : #fff;
color              : #555 !important;
border             : 0;
color              : #fff;
display            : none;
left               : 0px;
padding            : 2px 15px 2px 5px;
position           : absolute;
top                : 1px;
width              : 100%;
max-height         : 200px;
overflow-y         : scroll;
list-style         : none;
overflow           : auto;
border-left        : 1px solid #CCC;
border-right       : 1px solid #CCC;
border-bottom      : 1px solid #CCC;
-webkit-box-shadow : 0px 5px 15px -2px rgba(0, 0, 0, 0.75);
-moz-box-shadow    : 0px 5px 15px -2px rgba(0, 0, 0, 0.75);
box-shadow         : 0px 5px 15px -2px rgba(0, 0, 0, 0.75);
z-index            : 20;
}

.ddl-checkbox span.value {
display : none;
}

.ddl-checkbox dd ul li a {
padding : 5px;
display : block;
}

.ddl-checkbox dd ul li a:hover {
background-color : #fff;
}

p.multiSel {
margin-bottom : 0px;
}

.mutliSelect ul li {
padding-left : 5px;
}

.mutliSelect ul {
padding-bottom : 0px !important;
}

.mutliSelect ul li label {
margin-bottom : 0px;
}

/*jquery datepicker*/
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
background : none;
}

#ui-datepicker-div .ui-widget-header {
border : 0;
}

/* required field asterix */
.fa-asterisk.star {
font-size     : 7px;
margin-bottom : 1px;
overflow      : hidden;
}

/* gift memo program */
#child-main-wrapper {
background    : #4945E0;
padding       : 10px 10px 0px;
margin-bottom : 10px;
}

#child-main-wrapper i.fa.fa-minus-circle.remove-field {
color : #FFF !important;
}

/* search box typeahead */
.tt-query {
-webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow    : inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow         : inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
color : #999
}

.tt-menu {
font-size              : 14px;
text-align             : left;
width                  : auto;
min-width              : 100%;
padding                : 4px 0;
background-color       : #fff;
border                 : 1px solid #ccc;
border                 : 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius  : 4px;
-moz-border-radius     : 4px;
border-radius          : 4px;
-webkit-box-shadow     : 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow        : 0 5px 10px rgba(0, 0, 0, .2);
box-shadow             : 0 5px 10px rgba(0, 0, 0, .2);
border-top-left-radius : 0;
}

.tt-suggestion {
padding     : 3px 20px;
line-height : 24px;
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
color            : #fff;
background-color : #0596D5;
cursor           : pointer;
}

.tt-suggestion p {
margin : 0;
}

/*Eureka*/

.trousse-search-frm {
margin-top : 0px;
}

.section-institution {
border-radius    : 50px 15px 15px 50px;
background-color : #bd3e96;
padding          : 2px 20px;
}

.section-niveau {
border-radius    : 50px 15px 15px 50px;
background-color : #92278f;
padding          : 2px 20px;
}

.section-recherche {
border-radius    : 50px 15px 15px 50px;
background-color : #662d91;
padding          : 2px 20px;
}

.title-trousse h2 {
color      : #bd3e96;
text-align : center;
}

.trousse-search-wrapper {
margin : 0px 10px !important;
}

.trousse-frm-title {
font-size   : 16px;
font-weight : bold;
padding-top : 10px;
color       : #FFF;
}

.institution-ddl, .niveau-ddl, .btn-trousse-search {
height        : 30px !important;
border-radius : 0px;
width         : 100% !important;
margin-top    : 12px;
}

.btn-trousse-search {
background-color : #aad377;
}

.institution-ddl:focus, .niveau-ddl:focus, .btn-trousse-search {
outline : none;
}

.trousse-niveau, .trousse-search {
margin-left : 0px !important;
}

.btn-trousse-search {
width : 100% !important;
}

/*
.trousse-search-frm select, .student-name span, .student-name .student-name-input, .trousse-wrapper{
    font-size: 14px;
}
*/

.trousse-search-frm select:first-child {
font-weight : bold;
}

.trousse-wrapper {
border-top-left-radius  : 3px;
border-top-right-radius : 3px;
background-color        : #f4b7dc;
color                   : #842d61;
padding-top             : 7px;
padding-bottom          : 7px;
}

.btn-trousse-search:hover {
text-decoration : none;
}

.student-name span, .student-name .student-name-input {
font-weight : bold;
}

.student-name .student-name-input {
height             : 35px !important;
width              : 300px;
padding            : 5px !important;
margin-bottom      : 0px;
-moz-box-sizing    : border-box;
-webkit-box-sizing : border-box;
box-sizing         : border-box;
}

.section-header {
background-color : #c661a5;
color            : #ffffff;
}

.section-header .icon-white {
display : none;
}

.accordeon .section-header {
position : relative;
cursor   : pointer;
}

.accordeon .section-header.special {
border-top : 1px solid #ffffff;
}

.accordeon .icon-white {
display  : inline-block;
position : relative;
left     : 8px;
top      : -1px;
}

.qty-wrapper {
text-align : center;
}

.qty-wrapper .panier-qty {
margin-bottom : 0px;
border-radius : 1px;
}

a.eureka-modal-warning-btn:link {
font-size        : 16px !important;
padding          : 5px 10px;
margin-right     : 0px !important;
background-color : #bd3e96;
text-decoration  : none;
color            : #FFF;
border-radius    : 3px;
display          : inline-block;
width            : 100px;
text-align       : center;
}

a.eureka-modal-warning-btn:hover,
a.eureka-modal-warning-btn:focus,
a.eureka-modal-warning-btn:visited,
a.eureka-modal-warning-btn:active {
margin-right     : 0px !important;
background-color : #bd3e96;
color            : #FFF;
}

/*shopping cart*/
.group-subtotal {
font-size : 16px;
}

.group-subtotal .subtotal-label {
color : #00AEEF;
}

/*css for  the cart layout*/
.th-img {
width : 16%;
}

.th-sku, .th-unit-price, .th-product-subtotal {
width      : 11%;
text-align : center;
}

.th-product {
width : 30%;
}

.th-qty, .th-delete {
width      : 10%;
text-align : center !important;
}

/*other*/
.title-wrapper {
text-align   : center;
font-variant : small-caps;
}

.title-bars {
margin-bottom : -30px;
border-color  : #bd3e96;
border-top    : 1px solid #bd3e96;
}

.title-with-bars {
display          : inline-block;
padding          : 5px;
background-color : #fff;
}

#form-billing-btn:hover, #form-shipping-btn:hover {color : white; cursor : pointer; text-decoration : none;}

/*moneris*/
.moneris-wrapper form #moneris-submit {color : white; border : none;}

.moneris-table {
border-radius    : 5px;
background-color : #f6f6f6;
}

.color-white {color : white;}

.color-black {color : black;}

.moneris-table th {
background-color : #CCC;
color            : #333;
}

.moneris-table input {
width : auto;
}

.cc-error {
font-weight : bold;
color       : #dd1d44;
}

.payment-terms {
color            : #FFF;
background-color : #333;
padding          : 15px !important;
margin           : 0;
text-align       : center !important;
}

.payment-terms label {
font-size     : 14px;
margin-bottom : 0px;
}

/* END CSS code added by Mahmoud */

.b2cColor { color : #FF006F;}

.b2cBackgroundColor {background-color : #FF006F;}

.b2bColor { color : #00aeef; }

.b2bBackgroundColor { background-color : #00aeef; }

button.b2bBackgroundColor.color-white { border : none;}

/*Select css*/
.select-wrapper { display : block; overflow-x : hidden; border : 1px solid #00aeef; border-radius : 3px; padding : 2px; cursor : pointer; }

.select-wrapper select { border : 0; min-width : 130%; cursor : pointer; }

.select-wrapper select { border : 0; min-width : 130%; cursor : pointer; color : #000; color : rgba(0, 0, 0, 0); text-shadow : 0 0 0 #000; -webkit-appearance : none; outline : none;
white-space                     : nowrap;
}

/* Pour Opera */
noindex:-o-prefocus, .select-wrapper select { color : #000; }

.select-wrapper:after { content : "\25BC"; display : block; position : relative; float : right; top : -25px; right : -5px; background-color : #fff; width : 22px; text-align : center; }

.select-wrapper:after { content : "\25BC"; display : block; position : relative; float : right; top : -25px; right : -5px; background-color : #fff; width : 22px; text-align : center; margin-bottom : -25px; }

.modal { width : auto; background-color : transparent; }

.block { display : block; }

.inline { display : inline; }

.inline-block { display : inline-block; }

.fa-question-circle {color : black;}

.fa-question-circle:hover { content : "\f059"; color : #00d6db; }

.btn-groupe.pannier a.b2bBackgroundColor {color : white; text-decoration : none}

#bon_commande { top : 30% !important; max-width : 600px; border : none; -webkit-box-shadow : 0 0 0 rgba(0, 0, 0, 0)}

/*yellow box quantity cart*/
.missing-quantity {display : none; border : 1px solid #B42E33; background : #F9F0C3; padding : 7px; color : #b42127; text-align : center}

.missing-quantity--single-p {font-size : 15px; margin-top : 15px; padding : 0px 10px;}

.missing-quantity--mobile {margin-top : -25px; margin-bottom : 10px;}

.add-item-col {width : 395px;}

/*multiple products*/
.bb-multiple-products-row {
border-bottom : 2px solid #acacac;
}

#search-form{
    width:100%;
}

#search-form div#search-btn{
    width:100%;
    height: 50px;
    padding-top: 10px;
}


#search-form div#search-btn a{
    margin: 10px 0 0 255px; line-height: 16px;
    background-image: url("/skins/default/media/images/rechercher-background.png");
    height: 50px;
    font-size: 16px;
    padding: 7px;
    color: black;
    text-decoration: none;
    border-radius: 4px;
}

#search-form div#search-btn a:hover, #search-form div#search-btn a.taphover{
    background-image: url('/skins/default/media/images/rechercher-hover-background.png');
}


/*NEWSLETTER*/
.box_1{background: #00bae8;}
.box_2{background: #d0e4db; color: #595959;}
.box_3{background: #abb9cc; color: #595959;}
.box_4{background: #ffd9cc; color: #595959;}
.box_5{background: #333a4e;}
.box_1 .checkbox,.box_2 .checkbox,.box_3 .checkbox,.box_4 .checkbox,.box_5 .checkbox{width: 100% ; margin-top: 5px; padding: 30px 0px 10px 30px;     margin-bottom: 0px;}
#b2c_registration .checkbox .radio input[type="radio"],#b2c_registration .checkbox input[type="checkbox"] {
    position: inherit;
        transform: scale(2);
}
#b2c_registration .checkbox{margin-top: 5px;}
.checkbox label strong {
    font-size: 36px;
    font-family: SourceSansProSemiBold;
}
.checkbox p {
    margin-left: 20px;
    line-height: 25px;
}
.box_rose{background-color: #ff006f;  padding : 10px;}
.box_violet{background-color: #ba0098; padding : 10px;}
.submit_NL{background: #00BBE9; color: white; font-size: 30px;border: none; padding: 20px 60px; margin-top: 20px; font-family: SourceSansProSemiBold;}
.discount{font-family: "SourceSansProBold";}
#shopping_user_newsletter_b2c_fr, #shopping_user_newsletter_b2c_en{font-family: SourceSansProBold, sans-serif; color: #5A5A5A;}
.compte-grand-public .checkbox{color: #5A5A5A; font-weight: bold; font-size: 14px;}
.compte-grand-public .account_box_nl{font-family: SourceSansProBold, sans-serif; color: #5A5A5A}
.compte-grand-public h2, .compte-professionel h2, .compte-grand-public h2 a{color: #60555a;}
.compte-grand-public .separation, .compte-grand-public .well-title{background: #f1d14a;}
.account_box_nl .checkbox label strong{font-size: initial;}
.account_box_nl  .checkbox .radio input[type="radio"],.account_box_nl .checkbox input[type="checkbox"]{transform: scale(1) ; }
.account_box_nl .checkbox label, .radio label{padding: 0px;}
.account_box_nl .title{font-weight: bold; color: #5A5A5A; font-size: 14px;}
.separator{border-bottom: 1px solid black; width: 80%; margin: 20px auto;}
.account_box_nl .abonner label{margin-top: 0px;}
.intro .title{color: #5A5A5A;} 
.compte-grand-public {
    color: #5A5A5A;
}
#infolettres  .separation{ height: 527px; } 
#infolettres label.checkbox {
    font-weight: bold;
}
/*END NEWSLETTER*/