/* ? 2013 BASIKA :  Bexter Vaince CSS */


/* ---------------------------------------------------------------------------------------- */
/* BASIKA : spec -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*Hover transition site------------------------------*/
:hover{ -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out; 
      -ms-transition: all .3s ease-out; }

/*Icon breadcrumb-----------------------------------*/
.icon-angle-right{padding: 0 .4em;}

/*Style Bloc droite page intermediaire--------------*/
/*.interm-bloc{
	border: 1px solid #c0c6ca;
	border-bottom:3px solid #c0c6ca;
	border-radius: 4px;
	background: white;
	padding: 1em;
}

.interm-bloc ul li{
	list-style: none;
	line-height: 3em;
	
}

.interm-bloc ul{
	padding: 1.5em;
}
.interm-bloc h1{
	color: #4b5c65;
}

.interm-bloc h2{
	color: #4b5c65;
	font-size: 1.3em;
}

.interm-bloc h3{
	color: #4b5c65;
	height:25px;
	line-height:normal;
}

.interm-bloc img{
	border: 1px solid #c0c6ca; 
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	border-radius:4px;
	width: 20%;
	height: auto;
}*/


/*Style Bloc droite gauche du menu ------------------*/

.interm-menu{
	border: 1px solid #c0c6ca;
	border-radius: 4px;
	font-size: 1em;
	font-weight: bold;
	background: #fff;
	border-bottom:3px solid #c0c6ca;
}

.interm-menu i{
	color: #c0c6ca;
	margin-right: 8px;
}

.interm-menu ul li a:hover {
	color: #fff;
	background: #f15821;
	border-radius: 0;
}

.interm-menu ul li{
	list-style: none;
	border-bottom: 1px solid #c0c6ca;
	margin: 0;
	padding: 0;
}
.interm-menu ul li:nth-child(14){
	border-bottom: none;
}

.nav-pills{
	margin: 0;
	padding: 0;
}

.nav-pills li a{
	margin: 0;
}

#prixBORDER{
	border-right: 1px solid #c0c6ca;
}
@media (max-width: 990px) {
	#prixBORDER{
		border-right:0px;
		border-bottom: 1px solid #c0c6ca;
	}
}


#recapcommande {
  display: none;
}

.descriptifProduit h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: verdana; 
}

.full {
  width: 100%;

}






/* 2013 BASIKA :  Bexter Vaince CSS */

/* ------------------------------------------------ IMPORT CSS */

/* CSS - Lighbox */

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides .lv_PrevSide,
.lv_Sides .lv_NextSide { position: relative; }

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames .lv_Frame,
.lv_Frames .lv_Center,
.lv_Frames .lv_PrevNext {
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */
.lv_innerController { line-height: 15px; }
.lv_Data .lv_DataText,
.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow {
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_innerPrevNext .lv_ImgNumber {
	color: #999;
	float: left;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_innerPrevNext { padding-left: 0; }
.lv_Data .lv_Slideshow { padding-right: 0px; border-left: 1px solid #d7d7d7; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}
.lv_innerPrevButton { margin-right: 5px; }
.lv_innerNextButton { margin-left: 5px; }


/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController .lv_controllerCenter {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter .lv_controllerSetNumber
.lv_controllerCenter .lv_ButtonWrapper {
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}


.typeahead,
.tt-query,
.tt-hint {
	font-size: 16px;
}

.typeahead {
	background-color: #fff;
	border: none;
}

.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: #fff;
}

.tt-dropdown-menu {
	/*
	width: 450px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-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);
          
	max-height: 600px;
	overflow-y: auto;
	z-index: 1000;
	*/
	
	width: 100%;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border-top:1px solid #c0c6ca;
	border-left:1px solid #c0c6ca;
	border-right:1px solid #c0c6ca;
	border-bottom:3px solid #f15821;
	-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);
          
	max-height: 600px;
	overflow-y: auto;
	z-index: 1000;
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: rgba(243,90,34,0.5);
}

.tt-suggestion p {
	margin: 0;
}


/* ----------------------- */
/* example specific styles */
/* ----------------------- */
#custom-templates .empty-message {
	padding: 5px 10px;
	text-align: center;
}

#multiple-datasets .league-name {
	margin: 0 20px 5px 20px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-dropdown-menu {
	text-align: right;
}

#recherche .league-name, #rechercheRESPONSIVE .league-name {
	margin: 0 20px 5px 20px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}




/* VAINCE --------------------------------------------------- */

#rechercheRESPONSIVE form, #recherche form {
	width:100%;
	min-width:100%;
}

#rechercheRESPONSIVE .twitter-typeahead, #recherche .twitter-typeahead {
	float:left;
	width:100%;
	min-width:100%;
}
#rechercheRESPONSIVE .tt-input, #recherche .tt-input{
	width:100%;
	min-width:100%;

}
/*#recherche {
	border: 1px solid black;
}
#recherche input {
	border: 1px solid blue;
	width:100%;
}*/

/* ------------------------------------------------ FONT */

@font-face {

    font-family:'FontAwesome';

    src: url('/css/font/fontawesome-webfont.eot?v=3.2.1');

    src: url('/css/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/css/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/css/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/css/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* ------------------------------------------------ CSS */

/**{
	border:1px solid red;
}*/

html {

    padding:0px;

    -webkit-font-smoothing: antialiased;

}

body {

    /*font-family:Arial, Helvetica, sans-serif;*/

    font-family:Open Sans;

    font-size: 12px;

    color: #89949b;

    background-color: #f5f7f8;

    margin:0px;

    padding:0px;

}

* {

    outline: none;

}

a:hover {

    cursor: pointer;

}

/* ------------------------------------------------ TITRE : h1 */

h1 {

    font-size: 18px;

    margin: 0px 0px 10px 0px !important;

    margin: 0px 0px 5px 0px;

    padding: 0px;

    text-align: left;

    color: #f15821;

    font-weight: bold;

    line-height:normal;

}

.commeH1 {

    font-size: 22px;

    margin: 0px 0px 10px 0px !important;

    margin: 0px 0px 5px 0px;

    padding: 0px;

    text-align: left;

    color: #f15821;

    font-weight: normal;

    line-height:normal;

}

h1 a, h1 a:hover {

    color: #f15821;

    text-decoration: none;

}

h1.fake {

    font-size:1.85em;

    margin: 10px 0px 5px 0px;

    padding: 1em 0 0 0;

    font-weight: normal;

    color: #f15821;

    text-align: left;

    line-height:normal;

}

h1.fake a, h1.fake a:hover {

    color: #f15821;

    text-decoration: none;

}

.parahome {

    margin-top: 1em;

    font-size: 1.2em;

    line-height: 23px;

}

.texthome h2 {

    margin-bottom: .7em;

}

.texthome p {

    line-height:23px;

}

/* ------------------------------------------------ TITRE : h2 */

h2 {

    font-size:1.85em;

    margin: 10px 0px 5px 0px;

    padding: 0px;

    font-weight: normal;

    color: #f15821;

    text-align: left;

    line-height:normal;

}

.commeH2 {

    font-size:1.85em;

    margin: 10px 0px 5px 0px;

    padding: 0px;

    font-weight: normal;

    color: #f15821;

    text-align: left;

    line-height:normal;

} 

h2 a, h2 a:hover {

    color: #f15821;

    text-decoration: none;

}

/* ------------------------------------------------ TITRE : h3 */

h3 {

    margin: 0px 0px 5px 0px;

    padding: 0px;

    font-weight: bold;

    font-size: 13px;

    color: #f15821;

    border-bottom:1px dotted #f15821;

    text-align: left;

    line-height:normal;

}

h3 a, h3 a:hover {

    color: #f15821;

    text-decoration: none;

}

/* ------------------------------------------------ TITRE : h4 */

h4 {

    margin: 0px;

    padding: 0px;

    font-weight: bold;

    font-style:italic;

    font-size: 13px;

    color: #f15821;

    text-align: left;

    line-height:normal;

}

h4 a, h4 a:hover {

    color: #f15821;

    text-decoration: none;

}

/* ------------------------------------------------ TITRE : h5 - h6 */

h5, h6 {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 15px;

    font-weight: normal;

    font-style: italic;

    font-size: 12px;

    color: #f15821;

    text-align: left;

    line-height:normal;

}

h5 a, h5 a:hover {

    color: #f15821;

    text-decoration: none;

}

h6 a, h6 a:hover {

    color: #f15821;

    text-decoration: none;

}

/* ------------------------------------------------ PARAMETRES : defaut */

a {

    color:#f15821;

    text-decoration:none;

}

a:hover {

    color:#f15821;

    text-decoration:underline;

}

p {

    /*text-align:justify;*/

    margin: 0px 0px 10px 0px;

    padding: 0px;

    color: #89949b !important;

    line-height: 20px;

}

strong, b {

    color: #f15821;

    font-weight: bold;

}

img {

    margin: 0px;

    padding: 0px;

    border: 0px;

}

form {

    margin: 0px;

    padding: 0px;

    border: 0px;

}

select[name="triezpar"] {

    height: 32px;

    background: #f0f2f4;

    font-weight: bold;

    color: #7b7b7b;

    font-size: 11px;

    box-shadow: inset 0px 9px 9px rgba(255, 255, 255, 0.9);

}

table {

    margin: 0px;

    padding: 0px;

    border: 0px;

    border-collapse:collapse;

    border-spacing: 0px;

}

th, td {

    margin:0px;

    padding: 0px;

    vertical-align: top;

}

/*---------------------------------------------------------------------*/

/* PARAMETRES : général  */

/*---------------------------------------------------------------------*/

.lienretourdyn {

    float: left;

    width: 100px;

    height: 19px;

    margin:5px 0px 0px 0px;

    padding: 0px 0px 0px 15px;

    background: transparent url(/images/retour.gif) center left no-repeat;

    font-weight: bold;

}

.bbdynasuite {

    float: right;

    text-align:right;

    height: 15px;

    width: 70px;

    padding: 0px 15px 0px 0px;

    font-style: italic;

    background: transparent url(/images/puce.gif) center right no-repeat;

}

.docftp {

    margin-top:10px;

    padding:5px 0px 0px 0px;

    /*border-top:1px dotted #494949;*/

}

.lightview {

    /*cursor: url(/images/zoomin.cur), pointer !important;*/

}

#lightview ul {

    list-style:none;

    list-style-image: none;

}

#lightview ul li {

    list-style:none;

    list-style-image: none;

}

.radius {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.border-photo {

    padding:2px;

    margin:0px;

    border:1px solid #6b6b6b;

}

.uppercase {

    text-transform:uppercase;

}

.wash {

    margin: 0px;

    padding: 0px;

    clear: both;

}

.row[class*="col-"] {

    padding: 10px;

}

.breadcrumb {

    margin: 0px;

    padding: 2em 0 1em 1em;

    list-style: none;

    background:none;

    /*background-color: #f5f5f5;*/

    border-radius: 4px;

}

.form-control:focus {

    border-color: #c0c6ca;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.savoirPLUS a {

    color:#a3a7b2;

    text-decoration:none;

}

.savoirPLUS a:hover {

    color:#ffffff;

    text-decoration:none;

}

.boutonBASIKA {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    box-shadow:0px 1px 0px #c2c7ca, inset 0px 1px 0px #fa8e5c;

    border-top:1px solid #d74f1e;

    border-bottom:1px solid #d64e1d;

    background:#f26938;

    /* background:#d64e1d; */

    text-align:center;

    color:#fff;

}

.boutonTOP:hover, .boutonBASIKA:hover {

    background:#d64e1d;

    /* background:#f26938; */

    color: white;

}

.boutonTOP a, .boutonTOP a:hover, .boutonBASIKA a, .boutonBASIKA a:hover {

    font-weight:bold;

    color:#fff;

    text-decoration:none;

}

/* --------------------------------------------------------------------- */

/* PARAMETRES : site  */

/* --------------------------------------------------------------------- */

#site {

    /*max-width:1200px;*/

    margin:0 auto;

}

#interieure {

    background: transparent url(/images/fondINDEX.jpg) top center no-repeat;

    height:100%;

}

#titreMENUTOP {

    font-size:14px;

    font-weight:bold;

    color:#4b5c65;

    margin:.7em 0;

}

/* ------------------------------------------------ TOP : bloc */

#headerBASIKA {
    margin:0px;
    padding:0px;
}

#headerBASIKA .row {

    margin:0px;

    padding:0px;

}

#top {

    max-width:1180px;

    margin:0 auto;

}

#topLEFT {

    float:left;

    width:500px;

    margin:0px;

    padding:0px;

}

#logo {

    float:left;

}

.rechercher {

    float:right;

    width:300px;

    /*width:100%;*/

    height:30px;

    margin:1.5em 0px 0px 0px;

    padding:0px;

    border:1px solid #c0c6ca;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background:#fff;

}

.rechercher a:hover {

    text-decoration:none;

}

.rechercher:hover {

    border:1px solid #b4babf;

}

.rechercher .input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    background: none;

    border:0px;

    color:#f15821;

    font-weight:bold;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-left-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomleft: 20px;

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

}

.rechercher input.form-control {

    background:none;

    border-left:1px solid #c0c6ca;

}

.rechercher .form-control {

    background:none;

    border:none;

}

#topRIGHT {

    float:right;

    width:380px;

    margin:30px 0px 0px 0px;

    font-size:13px;

}

#topRIGHT a {

    font-weight:bold;

    color:#f15821;

    text-decoration:none;

}

/* ------------------------------------------------ MENU : bloc */

#top {

    padding-top: 1em;

    height:90px;

}

/* ------------------------------------------------ CONTENU : bloc */

#contenu {

    z-index:0;

    margin:0px auto;

    padding:0px;

    max-width:1200px;

}

#fil-ariane {

    margin:0px;

    padding:0px;

}

.blocLIBRE {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    height:10px;

    min-height:10px !important;

    height:auto !important;

    margin:0px;

    padding:0px;

    background:#fff;

    background-size: 100%;

}

/* ------------------------------------------------ HEADER : left */

#myCarousel {

    background:#fff;

    margin:0px;

    padding:0px 0px 0px 0px;

    border:none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    /*min-height:400px;*/

}

#myCarousel img {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    width: 100%;

    height: auto;

    /*min-height:400px;*/

}

#blocPROMO {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0;

    padding:0;

    background:#fff;

}

#blocPROMO table {

    margin:0;

    padding:0;

    border-collapse:collapse;

    border-spacing: 0;

}

#blocPROMO table tr td {

    width:258px;

    margin:0;

    padding:0;

}

#blocPROMO:hover {

    cursor: pointer;

    border-bottom-color:#f15821;

}

#blocPROMO img:hover {

    opacity: .6;

}

#blocPROMO table tr td:nth-child(1) {

    border-right:1px solid #c0c6ca;

}

#blocPROMO table tr td:nth-child(2) {

    border-right:1px solid #c0c6ca;

}

#blocPROMO img {

    margin:0;

    padding:0;

}

#blocPROMO-01 img {

    width:100%;

    height: auto;

    -webkit-border-top-left-radius: 4px;

    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-topleft: 4px;

    -moz-border-radius-bottomleft: 4px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

#blocPROMO-02 img {

    width:100%;

    height: auto;

}

#blocPROMO-03 img {

    width:100%;

    height: auto;

    -webkit-border-top-right-radius:4px;

    -webkit-border-bottom-right-radius:4px;

    -moz-border-radius-topright:4px;

    -moz-border-radius-bottomright:4px;

    border-top-right-radius:4px;

    border-bottom-right-radius:4px;

}

/* ------------------------------------------------ HEADER : right */

.blocRETRAIT:hover, .blocLIVRAISON:hover, .blocPAIEMENT:hover, .blocMAGASINS:hover, .blocMONCOMPTE:hover {

    border-bottom-color:#f15821;

    cursor: pointer;

}

.blocLIVRAISON {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:120px;

    min-height:120px !important;

    height:auto !important;

    background:#fff;

    background-size: 100%;

}

.blocLIVRAISON img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius: 4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocRETRAIT {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:120px;

    min-height:120px !important;

    height:auto !important;

    background:#fff;

}

.blocRETRAIT img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocPAIEMENT {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:126px;

    min-height:126px !important;

    height:auto !important;

    background:#fff;

}

.blocPAIEMENT img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocMAGASINS {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:180px;

    max-height:180px !important;

    height:auto !important;

    background:#fff;

}

.blocMAGASINS img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocAAA {

    position:absolute;

    float:left;

    z-index:99;

    padding:10px;

}

.titre {

    font-size:12px;

    font-weight:600;

    color:#4b5c65;

    line-height: 15px;

    margin-bottom:1em;

}

.descriptif {

    line-height: 15px;

}

/* ------------------------------------------------ PARAGRAPHE : bloc */

.blocPARAGRAPHE {

    text-align:center;

}

/* ------------------------------------------------ SLOGAN : bloc */

.blocSLOGAN {

    margin:0px 0px;

    padding:20px 0px;

    height:10px;

    min-height:10px !important;

    height:auto !important;

}

/* ------------------------------------------------ ENGAGEMENT : bloc */

#blocENGAGEMENT {

    margin:0px;

    padding:0px;

    height:10px;

    min-height:10px !important;

    height:auto !important;

    color: #495962;

    font-weight:bold;

    text-align:center;

}

/* ------------------------------------------------ BASIKA : bloc */

#blocBASIKA {

    margin:0px 0px;

    padding: 0px 0px;

    min-height:10px !important;

    height:auto !important;

}

#blocBASIKA img {

    border:1px solid #c0c6ca;

    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);

    border-radius:5px;

}

/* ------------------------------------------------ BASIKA : bloc */

#blocLOGO {

    margin: 0px;

    padding:2em 0;

    height:10px;

    min-height:10px !important;

    height:auto !important;

    text-align:center;

}

div.fianet > span.icon-star {

    font-size:11px !important;

    color: #ef971a;

}

div.leguide > span.icon-star, div.leguide > span.icon-star-half-empty {

    font-size:11px !important;

    color: #db5d15;

}

div.ciao > span.icon-star {

    font-size:11px !important;

    color: #fcd631;

}

.textelogo p {

    font-size: 10px;

    margin:0;

    padding: 0;

    line-height: 12px;

}

/* ------------------------------------------------ BASIKA : contenuBLOC */

.contenuBLOC {

    border: 1px solid #c0c6ca;

    border-radius: 4px;

    background: #fff;

    border-bottom:3px solid #c0c6ca;

    margin-bottom:10px;

}

#contenuBLOC-texte {

    padding:10px;

    line-height:normal;

    /*text-align:justify;*/

}

/* ---------------------------------------------------------------------------------------- */

/* LISTE PRODUITS	   -------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.title {

    position:absolute;

    z-index:999;

    background: #fff;

    border:1px solid #c0c6ca;

    color:#f15821 !important;

    border-radius:100px;

    text-align:center;

    float:left;

    padding:7px 19px;

    margin-top:-.5em;

    font-weight:bold;

    font-size: 13px;
    
    text-transform: uppercase;

}

@media screen and (max-width: 768px) {
	.title{
		left: 0;
		right: 0;
		margin: 0 auto;
		font-size: 15px;
		width: 200px;
		margin-top:-.5em;
	}
}

.blocPRODUITS {

    background: #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px 0px 20px 0px;

}

.blocPRODUITS:hover {

    border-bottom:3px solid #f15821;

}

.blocELEMENT {

    border:1px solid #f0f2f4;

    border-bottom: none;
   float: left;

}

.blocELEMENT:hover {

    background: #f0f2f4;

    cursor: pointer;

}

.blocELEMENT .titreBLOC {

    color: #4b5c65 !important;

    padding-top: 1em;

    font-weight: bold;
    
    height: 50px;
text-transform: uppercase;

}

.blocELEMENT:hover .titreBLOC {

    color: #f15821 !important;

}

.blocELEMENT a {

    font-weight:bold;

    color:#f15821;

}

.blocELEMENT a:hover {

    color:#f15821;

}

.blocELEMENT p:nth-child(1) {

    text-align: center;

}

.blocELEMENT p:nth-child(2) {

    font-weight:bold;

    color:#4b5c65;

    /*padding-bottom:.7em;*/

}

.blocELEMENT p:nth-child(3) {

    color: #89959c;

    font-weight:normal;

}

.blocELEMENT p:nth-child(2), .blocELEMENT p:nth-child(3) {

    text-align:left;

    clear: both;

    /*margin: 0 8% 0 13%;*/

}

.blocELEMENT p:nth-child(4) {

    text-align:left;

    float:left;

    font-size: 25px;

    font-weight:700;

    color:#f15821;

    /*margin-top:10%;
	margin-left: 4%;*/

}

.blocELEMENT p:nth-child(5) {

    text-align:right;

    float:right;

    font-weight:bold;

    font-size:11px;

    /*margin-top:10%;
	margin-right: 4%;*/

}

.blocELEMENT p:nth-child(5) a {

    color:#4b5c65;

}

.icon-download {

    color:#f15821;

}

.price {

    padding-top: 1em;

    font-size: 1.7em;

    float: left;

}

.decouvrir {

    float: right;

    padding-top: 2em;
    color: #f15821;

    font-weight: bold;
}


/* ------------------------------------------- CSS MICHAEL FIX DES BLOC START --------------------------------------------- */


p.descBLOC, .blocELEMENT .titreBLOC, .blocELEMENT {

    min-height: 0px !important;

}

@media screen and (max-width: 824px) {

    p.descBLOC, .blocELEMENT .titreBLOC, .blocELEMENT {

        min-height: 0px !important;

    }

}

/* ------------------------------------------- CSS MICHAEL FIX DES BLOC END --------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */

/* DETAIL PRODUITS ( detail-produits.htm ) ------------------------------------------------ */

/* ---------------------------------------------------------------------------------------- */

#resize {

    position:absolute;

    left:0px;

    bottom:0px;

    padding:10px 5px 10px 10px;

    background:#fff;

}

#resize a {

    font-size:20px;

    color: #89949b;

}

#resize a:hover {

    color: #f15821;

}

#visuelDETAIL {

    padding:0px;

}

#visuelDETAIL #miniatures {

    float:right;

    text-align:right;

    width:100%;

}

#visuelDETAIL #miniatures img {

    width:60px;

    margin-top:10px;

    margin-left:5px;

    border-radius:4px;

    border:4px solid #c0c6ca;

}

#visuelDETAIL #miniatures img:hover {

    border:4px solid #f15821;

}

#dispoALERTE {

    width:100%;

    font-weight:bold;

    color:#4b5c65;

    font-size:12px;

}

#livraisonALERTE {

    width:100%;

}

#infosDETAIL {

    padding:0px;

}

#cetelemDETAILS {

    border-top:1px solid #c0c6ca;

    border-bottom:1px solid #c0c6ca;

}

#tailleDETAILS {

    border-bottom:1px solid #c0c6ca;

}

#stockALERTE {

	
	width: 170px;
	
    background: #f80009;
    
    border: 1px solid #ec0009;

    color:#f80009;
    
    font-size:.85em;
    
    margin: 0 auto;
    
    margin-top: 1em;
	
	padding: .3em;
	
	text-align: center;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;
    
    font-weight: bold;
    
    color: white;
    
    text-transform: uppercase;

}


#stockALERTE {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



#complementDETAIL {

}

#complementDETAIL[class*="col-"] {

    padding:10px;

}

#popupCETELEM {

    width:200px;

    margin:0px auto;

}

#texteCETELEM {

    float:left;

    margin-top:10px;

}

#multipleCETELEM {

    font-weight:bold;

    color:#4b5c65;

}

#prixCETELEM {

    font-weight:bold;

    font-size:14px;

    color:#f15821;

}

#coutCETELEM {

    font-size:10px;

    font-style:italic;

}

.blocDETAILS {

    text-align:center;

    color:#88939a;

    background: #fff;

    border-radius:4px;

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

}

.blocDETAILS:hover {

    border-bottom:3px solid #f15821;

}

.blocDETAILS a {

    color:#88939a;

    text-decoration:none;

}

.blocDETAILS a:hover {

    color:#88939a;

    text-decoration:none;

}

.blocCARACTERISTIQUES {

    background: #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px 0px 20px 0px;

}

.blocCARACTERISTIQUES table {

    margin:0px;

    padding:0px;

}

.blocCARACTERISTIQUES table tr, .blocCARACTERISTIQUES table td {

    margin:0px;

    padding:0px;

    border:1px solid #f0f2f4;

}

#tableauCARACTERISTIQUES {

    width:100%;

    margin:0px;

    padding:0px;

    border:0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

#tableauCARACTERISTIQUES td {

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    padding:5px;

}

.tableauCARACTERISTIQUES-type {

    width:50%;

    float:left;

    font-weight:bold;

}

.tableauCARACTERISTIQUES-valeur {

    width:50%;

    float:right;

}

.tdGREY {

    background:#f0f2f4;

}

#ajoutPANIER {

    float:left;

    margin:10px;

}

#quantitePANIER {

    float:left;

    margin:20px 10px;

    font-weight:bold;

    color:#4b5c65;

    font-size:12px;

}

#quantitePANIER input {

    width:30px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    border:1px solid #c0c6ca;

}

#ajoutDETAILS input[type="button"], #ajoutDETAILS .input-group-addon {

    /* Anciens navigateurs */

    background: #f15821 url("gradient-bg.png") repeat-x top;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    /* Navigateurs récents */

    background: -webkit-gradient(linear, left top, left bottom, from(#f26836), to(#f15821), color-stop(0.5, #f4794d));

    background: -webkit-linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    background: -moz-linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    background: -o-linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    background: linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    padding:10px;

    height:auto;

}

#ajoutDETAILS input[type="button"] {

    border-top:1px solid #d74f1e;

    border-bottom:1px solid #d74f1e;

    border-left:1px solid #d74f1e;

    border-right:1px solid #f69674;

    color:#fff;

    width:150px;

}

#ajoutDETAILS .input-group-addon {

    border:1px solid #d74f1e;

    color:#fff;

}

#socialDETAILS {

    height:45px;

    /*37*/

    padding:0px;

    text-align:center;

    background:#f0f2f4;

    border-top:1px solid #c0c6ca;

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE INTERM ( page_interm.htm ) -------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.cartouche {

    background: #fff;

    padding: 10px;

    border: 1px solid #c0c6ca;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

#menuBLOC {

    padding: 0px;

    background: #fff;

    border: 1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

#menuBLOC ul {

    margin:0px;

    padding: 0px;

    list-style:none;

    list-style-type:none;

}

#menuBLOC ul li {

    margin:0px;

    padding:10px;

    list-style:none;

    list-style-type:none;

    border-bottom:1px solid #c0c6ca;

}

#menuBLOC ul li:hover {

    color:#fff;

    background:#f25821;

}

#menuBLOC ul li:hover a, #menuBLOC ul li:hover a:hover {

    color:#fff;

    text-decoration:none;

}

#menuBLOC ul li:last-child {

    border:0px;

}

.menuICONE {

    float:left;

    margin-right:5px;

}

/* ---------------------------------------------------------------------------------------- */

/* MON COMPTE ( moncompte.htm ) ----------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.blocMONCOMPTE {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    background:#fff;

}

#moncompte-titre font {

    color: #c0c6ca;

}

#moncompte-liste {

    list-style:none;

    list-style-type:none;

    margin:0px;

    padding:0px;

}

#moncompte-deconnection {

    text-align:center;

    background:#f0f2f4;

    padding:10px;

    width:100%;

    border:1px solid #c0c6ca;

    font-weight:bold;

}

#moncompte-deconnection:hover {

    background:#f15821;

    color:#fff;

}

.moncompte-icone {

    float:left;

    color:#f15821;

    margin-right:5px;

}

.moncompte-titrebloc {

    font-size:14px;

    font-weight:600;

    color:#4b5c65;

    height:100%;

    margin-bottom:10px;

    padding:10px;

    border-bottom:1px solid #c0c6ca;

    -webkit-border-radius: 4px 4px 0px 0px;

    -moz-border-radius: 4px 4px 0px 0px;

    border-radius: 4px 4px 0px 0px;

}

.moncompte-descriptif {

    padding:10px;

    font-size:11px;

}

.moncompte-separateur {

    border-bottom:1px solid #c0c6ca;

}

.moncompte-etat01, .moncompte-etat02, .moncompte-etat03, .moncompte-etat04 {

    text-transform:uppercase;

}

/*en cours de réception*/

.moncompte-etat01 {

    color:#db070f;

}

/*en préparation*/

.moncompte-etat02 {

    color:#fccd2e;

}

/*expédiée*/

.moncompte-etat03 {

    color:#90ac2e;

}

/*terminée*/

.moncompte-etat04 {

    color:#c4cace;

}

.divfiche {

    font-size:11px;

}

.contentchamps {

    width:100%;

    font-size:11px;

}

.divtitreonglet {

    margin-top:10px;

    font-size:15px;

    color:#ef5821;

    border-bottom:1px solid #ef5821;

}

.titrechamps {

    color:#4e5b64;

    font-size:12px;

    font-weight:bold;

    padding:5px 10px 5px 0px;

}

.contentchamps {

    padding:5px 0px;

}

/* ---------------------------------------------------------------------------------------- */

/* FOOTER	   ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

#wrapper-top {

    width:100%;

    border-top:1px solid #9fa7ac;

    background:#c0c6ca;

}

#footer-top {

    padding-top:10px;

    max-width:1200px;

}

#footer-top ul {

    list-style-type: none;

    list-style-image: none;

    margin: 8px 0px 0px 0px;

    padding: 0px;

    border: none;

    display: block;

}

#footer-top ul li {

    margin: 0px 1.5em 0px 0px;

    padding: 0px;

}

#footer-top a {

    color:#4b5c65;

    text-decoration:none;

}

#footer-top a:hover {

    color:#4b5c65;

    text-decoration:none;

}

#footer-top .input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    font-weight: normal;

    line-height: 1;

    text-align: center;

    background-color: #f26937;

    border: 1px solid #d74f1e;

    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);

    color:#fff;

    cursor: pointer;

    -webkit-border-radius: 0px 4px 4px 0px;

    -moz-border-radius: 0px 4px 4px 0px;

    border-radius: 0px 4px 4px 0px;

}

#footer-top form{
	width: 70%;
}


@media (min-width: 200px) and (max-width: 800px) {
  #footer-top form{
	width: 100%;
}
}

#wrapper-bottom {

    border-top:1px solid #d54e1d;

    background:#f15821;

}

#footer-bottom {

    color:#fff;

    padding-top:20px;

    padding-bottom:15px;

    color:#fff;

    max-width:1200px;

}

#footer-bottom a {

    color: #fff;

    text-decoration:none;

}

#footer-bottom a:hover {

    color: #fff;

    text-decoration:none;

}

#copyright ul {

    list-style-type: none;

    list-style-image: none;

    margin: 0px 0px 0px 0px;

    padding: 0px;

    border: none;

    display: block;

}

#copyright ul li {

    float: left;

    margin: 0px 30px 0px 0px;

    padding: 0px;

    font-size: 12px;

}

#social ul {

    list-style-type: none;

    list-style-image: none;

    margin: 0px;

    padding: 0px;

    border: none;

    display: block;

    float:right;

}

#social li {

    float:left;

    margin: 0px 30px 0px 0px;

    padding:0px;

}

#social li:last-child {

    float:left;

    margin: 0px 0px 0px 0px;

    padding:0px;

}




/* ---------------------------------------------------------------------------------------- */

/* DIVERS	   ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

#debugjs {

    display:none;

    position:fixed;

    z-index:999999999999999999999999999999999;

    top:0;

    left:0;

    background:#fff;

    color:#000;

    border:1px solid red;

}

.prixpromo {

    font-size: 12px;

    font-weight: normal;

    color: #606060;

}

.googleMapRight {

    width:100%;

    height:350px;

    float: left;

}

.googleMapRight-inner {

    width:100%;

    height:350px;

    /*float: left;
	margin-top: 15px;
	padding-right: 20px;
	border-right:1px solid #a9a8a8;
	margin-right:10px;*/

}

.listeMagasin {

    width:100%;

    float: left;

}

.liensMagasin {

    margin:.5em;

}

.liensDepartement {

    font-size:1.1em;

    font-weight: 600;

}

.retourMagasins {

    background: url("/images/retour.gif") no-repeat scroll 0 5px transparent;

    float: left;

    clear: left;

    padding-left:15px;

    padding-bottom: 1.7rem;

}

.googleMap2 {

    width:100%;

    border-radius: 4px;

    border: 1px solid #c0c6ca;

    float: left;

    clear: left;

    /*border-bottom: 1px solid #a9a8a8; */

    padding-bottom: 20px;

    margin-bottom: 20px;

    height: 450px;

}

.detailCoordonnes {

    width: 100%;

    clear: left;

    float: left;

}

.detailCoordonnes-inner {

    width:100%;

    clear: left;

    float: left;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.detailCoordonnes-inner img {

    border-radius: 4px;

    border: 1px solid #c0c6ca;

}

.photoDetailCoordonnes {

    float: left;

    margin-right:20px;

}

.horairesOuverture {

    float: left;

    width: 200px;

}

.horairesOuverture2 {

    float: left;

    width: 200px;

}

.itineraire2 {

    float: left;

    width: 200px;

}

.coordonnees2 {

    float: left;

    width: 200px;

}

.coordonnees3 {

    float: left;

    width: 200px;

}

.photoTop {

    margin-bottom: 55px;

    float: left;

}

.photoTop img {

    border-radius: 4px;

    border: 1px solid #c0c6ca;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

}

#blocMonPanier {

    max-height: 600px;

    overflow-x :hidden;

    overflow-y : scroll;

}

@media screen and (max-width: 824px) {

    .listeMagasin, .detailCoordonnes, .horairesOuverture, .photoDetailCoordonnes, .horairesOuverture2, .itineraire2, .coordonnees2, .coordonnees3 {

        margin: 0 auto;

        text-align: center;

        width: 100%;

        margin-bottom: 1.7rem;

    }

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE MON COMPTE ( moncompte.htm ) ------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------- */

.blocMONCOMPTE {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    background:#fff;

}

#moncompte-titre font {

    color: #c0c6ca;

}

#moncompte-liste {

    list-style:none;

    list-style-type:none;

    margin:0px;

    padding:0px;

}

#moncompte-deconnection {

    text-align:center;

    background:#f0f2f4;

    padding:10px;

    width:100%;

    border:1px solid #c0c6ca;

    font-weight:bold;

}

#moncompte-deconnection:hover {

    background:#f15821;

    color:#fff;

}

.moncompte-icone {

    float:left;

    width:18px;

    color:#f15821;

}

.moncompte-titrebloc {

    font-size:14px;

    font-weight:600;

    color:#4b5c65;

    height:100%;

    margin-bottom:10px;

    padding:10px;

    border-bottom:1px solid #c0c6ca;

    -webkit-border-radius: 4px 4px 0px 0px;

    -moz-border-radius: 4px 4px 0px 0px;

    border-radius: 4px 4px 0px 0px;

}

.moncompte-descriptif {

    padding:10px;

    font-size:11px;

}

.moncompte-separateur {

    border-bottom:1px solid #c0c6ca;

}

.moncompte-etat01, .moncompte-etat02, .moncompte-etat03, .moncompte-etat04 {

    text-transform:uppercase;

}

/*en cours de réception*/

.moncompte-etat01 {

    color:#db070f;

}

/*en préparation*/

.moncompte-etat02 {

    color:#fccd2e;

}

/*expédiée*/

.moncompte-etat03 {

    color:#90ac2e;

}

/*terminée*/

.moncompte-etat04 {

    color:#c4cace;

}

.divfiche {

    font-size:11px;

}

.contentchamps {

    width:100%;

    font-size:11px;

}

.divtitreonglet {

    margin-top:10px;

    font-size:15px;

    color:#ef5821;

    border-bottom:1px solid #ef5821;

}

.titrechamps {

    color:#4e5b64;

    font-size:12px;

    font-weight:bold;

    padding:5px 10px 5px 0px;

}

.contentchamps {

    padding:5px 0px;

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE TUNNEL ( tunnel.htm ) ------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.tunnel {

    background:#f0f2f4;

}

.tunnel, .tunnel a {

    font-size:13px;

    font-weight:bold;

    font-style:italic;

    color:#c0c6ca;

    text-align:center;

}

.tunnelTITRE {

    font-weight:bold;

    margin-top:10px;

    font-size:15px;

    color:#4b5c65;

    border-bottom:1px solid #c0c6ca;

}

.tunnelOVER {

    background:#e3edc4;

}

.tunnelOVER, .tunnelOVER a {

    font-size:13px;

    font-weight:bold;

    font-style:italic;

    color:#99cc27;

    text-align:center;

}

.titreFORM {

    width:100%;

    color:#4e5b64;

    font-size:12px;

    font-weight:bold;

    padding:5px 10px 5px 0px;

}

.contentFORM {

    padding:0px 0px;

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE CADDY ( caddy.htm ) --------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.blocMONCOMPTE {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    background:#fff;

}

#panier-titre font {

    color: #c0c6ca;

}

#panier-continuer {

    text-align:center;

    background:#f0f2f4;

    padding:10px;

    width:100%;

    border:1px solid #c0c6ca;

    font-weight:bold;

}

#panier-continuer:hover {

    background:#f15821;

    color:#fff;

}

#titreARTICLES {

    border:1px solid #c0c6ca;

    background:#4b5c65;

    color:#fff;

    font-weight:bold;

    -webkit-border-radius: 10px 0px 0px 0px;

    -moz-border-radius: 10px 0px 0px 0px;

    border-radius: 10px 0px 0px 0px;

}

#titreLIVRAISON {

    border:1px solid #c0c6ca;

    background:#89949b;

    color:#fff;

    font-weight:bold;

}

#titrePRIX {

    border:1px solid #c0c6ca;

    background:#c0c6ca;

    color:#fff;

    font-weight:bold;

}

#titreQUANTITE {

    border:1px solid #c0c6ca;

    background:#f0f2f4;

    color:#4b5c65;

    font-weight:bold;

    -webkit-border-radius: 0px 10px 0px 0px;

    -moz-border-radius: 0px 10px 0px 0px;

    border-radius: 0px 10px 0px 0px;

}

.typeITEM {

    overflow:hidden;

    text-overflow: ellipsis;

    white-space:nowrap;

    -o-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>);

}

.typeITEMflex {

    display: -webkit-flex;

    display: -moz-flex;

    display: flex;

}

.livraisonTEXTE input {

    float:left;

    margin-right:5px;

}

.livraisonTYPE {

    float:left;

    color:#4b5c65;

    font-weight:bold;

    font-size:10px;

    margin-top:4px;

    text-transform:uppercase;

}

.livraisonCONTENU {

    float:left;

    width:100%;

    text-align:justify;

    margin-top:10px;

    font-size:10px;

    height:170px;

    height:auto !important;

}

.livraisonPRIX {

    float:right;

    text-align:right;

    width:100%;

    margin-top:10px;

    font-weight:bold;

    font-size:13px;

}

.prixPANIER {

    font-size:14px;

    font-weight:bold;

}

.livraisonTEXTE .icon-long-arrow-right, .livraisonTEXTE .icon-long-arrow-down {

    float:right;

    font-size:14px;

    margin-top:2px;

}

#contenuBLOC-img {

    background-image: url("/images/photoSOUSFAMILLE.jpg");

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

div.notice {

    margin: 0.5em 0 1.3em 0;

    border: 1px solid;

    background-repeat: no-repeat;

    background-position: 10px 50%;

    padding: 10px 10px 10px 25px;

    color: red;

    -moz-border-radius:4px;

    -webkit-border-radius:4px;

    border-radius:4px;

    -moz-box-shadow: 0 1px 1px #fff inset;

    -webkit-box-shadow: 0 1px 1px #fff inset;

    box-shadow: 0 1px 1px #fff inset;

}

.notice a {

    text-decoration:underline;

}

.notice {

    color: #000000;

    background-color: #ffd0d0;

    color: red;

}

.notice b {

    color: red;

}

h1.notice, div.notice {

    border-color: red;

    background-repeat: no-repeat;

    background-position: 5px 50%;

    color: red;

}

.notice h1 {

    border-color: #00FF00;

}

#livraison01, #livraison02, #livraison03, #livraison04, #livraison05 {

    background:#fff;

    padding:10px;

}

#listemotsclefs {

    position: absolute;

    top: 40px;

    left: 20px;

    /*left: -450px;      */

    background: white;

    padding: 15px 15px 15px 15px;

    color: #505050;

    font-size: 11px;

    z-index: 1000;

    border: solid 1px #C0C0C0;

    text-align: left;

    width: 550px;

    height: 300px;

    font-size: 14px;

    overflow-x: hidden;

    overflow-y: auto;

    -moz-box-shadow:3px 3px 5px #bbb;

    -webkit-box-shadow:3px 3px 5px #bbb;

    box-shadow:3px 3px 5px #bbb;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

/*------------------------------------------------ PAGE : contact.htm */

#form-contact {

}

#form-contact input, #form-contact select, #form-contact textarea {

    max-width:100%;

    min-width:100%;

}

.fieldset-contact {

    display: block;

    margin: 0px;

    padding: 0px 0px 0px 0px;

    text-align: left;

    border:0px;

}

.fieldset-contact label {

    float: left;

    /*width: 100px;*/

    width:100%;

    margin: 0px 0px 0px 0px;

    padding: 0px;

    text-align: left;

}

.fieldset-contact select {

    float: left;

    width:100%;

    margin: 2px 0px !important;

    margin: 0px;

    padding: 2px;

}

.fieldset-contact textarea {

    float: left;

    width:100%;

    margin: 2px 0px !important;

    margin: 0px;

    padding: 2px;

}

.input-contact {

    /*width: 190px;*/

    width:100%;

    margin: 2px 0px !important;

    margin: 0px 0px 5px 0px;

    padding: 7px;

}

.input-envoyer {

    float: right;

    height: 22px;

    width: 125px;

    border: 0px;

    padding: 0px;

}

.envoyer-contact {

    float:right;

    width:100%;

}

p.message {

    font-size: 14px;

    color: #0.82ff;

    font-weight: bold;

    text-align: center;

}

p.obligatoire {

    font-size: 10px;

    font-style: italic;

    text-align: right;

}

#coordonnes-contact {

    float: left;

    width: 620px;

}

.googleMap {

    float:left;

    width:100%;

    height:270px;

    border: 1px solid #C0C0C0;

    padding: 2px;

    margin-bottom:10px;

    -moz-border-radius: 5px;

    -webkit-border: 5px;

    border-radius: 5px;

}

.adresse-client {

    float:left;

    margin:10px 0px 20px 0px;

}

.agrandir-plan {

    float:right;

    text-align:right;

    margin:10px 0px 20px 0px;

}

.wash-contact {

    height:1px;

    margin: 0px;

    padding: 0px;

    clear: both;

}

.line-separator {

    height:1px;

    margin-bottom: 2em;

    background:#c0c6ca;

    border-bottom:1px solid #c0c6ca;

    box-shadow: 0px 1px 0px white;

}

.pastille {

    float:left;

    width:25px;

    height:25px;

    /*26*/

    padding:2px 0px 0px 0px;

    margin:0px 5px 0px 0px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background:#bec6c9;

    text-align:center;

    color:#fff;

    font-size:15px;

}

.pastille-active {

    float:left;

    width:25px;

    height:25px;

    /*26*/

    padding:2px 0px 0px 0px;

    margin:0px 5px 0px 0px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background:#f26938;

    text-align:center;

    color:#fff;

    font-size:15px;

}

/******************************************************** CSS MICHAEL BASIKA ************************************************************/

/**** page 404 ****/

.pageerreur{
	background-image:url(../images/bg_erreur.jpg);
	background-size: cover;
	padding-top: 3em;
	padding-bottom: 6em;
}

.pageerreur h1{
	font-weight: 300;
	font-size: 2em;
}

.pageerreur h2{
	color: #89949B;
	font-weight: 300;
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

.pageerreur h3 a{
	font-weight: 600;
	font-size: 1.1em;
	border: none;
}

.pageerreur h3{
	font-weight: 600;
	font-size: 1.1em;
	color: #89949B;
	border: none;
}

.pageerreur ul li{
	list-style: circle;
	line-height: 2em;
}


.pageerreur ul li b{
	color: #89949B;
}

/**** page 404 end ****/






/**** RESEAU SOCIAUX ****/


.social-icons{
    text-align:center;
}

.social-icons div{
	margin-bottom: -20px;
	margin-top: 55px;
}

.social-icons a {
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size:20px !important;
  width:40px !important;
  height:40px !important;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin:0 .2em;
  color: white;
  text-decoration: none;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
}

.icon-facebook{
  background: #3b5998;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-facebook:hover{
	border: 1px solid #3b5998;
}

.icon-twitter {
  background: #00aced;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-twitter:hover{
	border: 1px solid #00aced;
}



.icon-instagram {
  background: #5380a4;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-instagram:hover{
	border: 1px solid #5380a4;
}



.icon-google-plus{
  background: #dd4b39;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-google-plus:hover{
	border: 1px solid #dd4b39;
}

.icon-pinterest{
  background: #cb2027;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-pinterest:hover{
  border: 1px solid #cb2027;
}

.icon-youtube{
    background: #c00;
    padding: .5em;
    border: 1px solid #c0c6ca;
  }
  
  .icon-youtube:hover{
    border: 1px solid #c00;
  }


/**** RESEAU SOCIAUX END ****/

.filtreListe {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0;
  color: #555;
  float: left;
  font-size: 14px;
}


/**** Tooltip / Popover detail-produits.htm ****/

.popover{
	border-color: #c0c6ca;
	-webkit-box-shadow: 0 3px 8px rgba(192, 198, 202, 0.5);
    box-shadow: 0px 3px 8px rgba(192, 198, 202, 0.5);
}

.popover.top .arrow{
	border-top-color: #c0c6ca;
}


@media only screen and (max-width: 479px) {
	
	h1.fake, p.parahome{
		display: none;
	}
	
	.sliderFullScreen {
		margin: 0;
		padding: 0;
	}
	
	#fil-ariane{
		display: none;
	}
	
	.blocSLOGAN{
		display: none;
	}
	
	.blocELEMENT {
    	min-height: 0px !important;
		/* width: 50%; */
	}
	
	.decouvrir{
		display: none;
	}
	
	.price{
		font-size: 2.2rem;
		float: none;
	}
	
	.blocELEMENT div:nth-child(7){
		display: none;
	}
	
	.descBLOC{
		display: none;
	}
	
	#smenu li{
		padding: .7rem !important;
	}
}


/* Texte défilant */

.defileParent {
	display: block;
	overflow: hidden;
	text-align: center;
    color: white;
    font-weight: bold;
    padding: 3px .5em;
    white-space: nowrap;
    height: 25px;
    background-color: red;
    top: 0;
    left: 0;
    min-width: 100%;
    font-size: 13px;
}


@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
    .defileParent {
        display: block;
        overflow: hidden;
        position: relative;
        table-layout: fixed;
        width: 100%;
    }

    .defile {
        display:block;
        -webkit-animation:linear marqueelike 15s infinite ;
        -moz-animation:linear marqueelike 15s infinite ;
        -o-animation:linear marqueelike 15s infinite ;
        -ms-animation:linear marqueelike 15s infinite ;
        animation:linear marqueelike 15s infinite ;
        margin-left:-100%;
        padding:0 5px;
        text-align:left;
        height:25px;
        font-size: 11px;
    }

    .defile:after {
        content:attr(data-text);
        position:absolute;
        white-space:nowrap;
        padding-left:0px;
    }
}