body {
background:#fff;
font-family:Arial, sans-serif;
}

p {
margin-bottom:20px;
}

.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
}

.nbs-flexisel-container {
 display:none;    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
  background-color: white; float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:150px;
    max-height:150px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}
  ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all
    {
        padding: 0px;
    }
    .canvas-container
    {
        /*left: 40% !important;*/
    }

    #colorinfobia_list
    {
        //position: absolute;
        //top: 8%;
       // top: 18%;
        //left: 69%;
		//max-width:300px;
    }
    #colorinfobia_list li,
		#couleurappareil_list li
    {
        float: left;
        margin: 0 18px 9px 0;
        padding: 1px;
        border: 1px solid #d6d4d4;
        clear: none;
        width: 26px;
        height: 26px;
    }
    #title_produits
    {
        text-align: center;
        font-size: 16px;
        margin-top: 0%;
    }
    #infobia_proTampo .infobia_size{
        margin-left: -42% ;
    }
		#qt{
		  FONT-SIZE: 16PX;
		  FONT-WEIGHT: bolde;
		  padding-top: 4px;
	}
	
#qtinfobia{
	width: 100px;
	/*text-align: center;*/
	text-align: left;
	padding-left: 25px;
	padding-right: 30px;
	font-size: 17px;
	FONT-WEIGHT: BOLD;
	border-radius: 5px;
}

#blocexport{
	float: left;
	width: 100%;
	margin-top: 12px;
	border: 1px solid #aaaaaa;
	padding: 12px;
	border-radius: 5px;
}
#imgexport{
	float: left;
	margin-left: 1%;
	margin-right: 2%;
}
#txtpdf{
	float: left;
	line-height: 50px;
	text-decoration: underline;
	color: red;
}
#imgexport:hover,#txtpdf:hover{
	cursor: pointer;
}
#qt{
	float: left;
	line-height: 42px;
	margin-left: 1%;
}
#qtinfobia{

}
#infobia_tampon_save{
	border-radius: 5px;
}
/*B***appreil*/
.contenu_global {
	text-align: left;
	background: #f6f6f6;
	font-size: 16px;
	width: 100%;
	display: inline-block;
}
.contenu_global_header {
	padding: 20px;
}
.contenu_global_header_titre {
	padding: 0 0 7px;
	font-size: 18px;
	text-transform: uppercase;
	color: #333333;
	border-bottom: 1px solid #d8d8d8;
}
.contenu_global_body {
	display: inline-block;
	width: 100%;
}
.contenu_global_body_left {
	float: left;
	width: 35%;
	text-align: center;
	border: 1px solid #d8d8d8;
	background: #fff;
	margin-left: 20px;
	display: inline-block;
}
.contenu_global_body_left_img img.vmaib {
	max-width: 100%;
}
.contenu_global_body_space {
	display: inline-block;
	width: 15%;
	float: left;
}
.contenu_global_body_right {
	float: left;
	width: 48%;
	display: inline-block;
}
.contenu_global_footer {
	display: inline-block;
	width: 100%;
	margin: 20px;
}
button#device-choose-smaller,.smaller {
	width: 35%;
	float: left;
height: 40px;
	padding: 9px 0;
	font: normal 18px Arial,Helvetica,sans-serif;
	text-align: center;
	color: #fff;
	border: 0;
	background-color: #5192f3;
}
button#device-choose-bigger ,.bigger{
	width: 35%;
	float: right;
	margin-right: 40px;
height: 40px;
	padding: 9px 0;
	font: normal 18px Arial,Helvetica,sans-serif;
	text-align: center;
	color: #fff;
	border: 0;
	background-color: #5192f3;
}
.contenu_global_body_right_ul li {
	display: inline-block;
	width: 100%;
	height: 45px;
	padding: 9px 0 0;
	border-bottom: 1px solid #d8d8d8;
}
.contenu_global_body_right_ul li:last-child{
border-bottom: 0px solid #d8d8d8;
}
.li_label {
	display: inline-block;
	width: 220px;
	color: #9f9d9d;
	float: left;
	text-align: center;
}
.li_text {
	display: inline-block;
	color: #333333;
	float: left;
}
.li_text.red {
	color: #f00;
}
.contenu_global_body_right_ul ul {
	margin-right: 20px;
}
@media only screen and (max-width: 991px){
.contenu_global_body_left {
	width: 94%;
}
.contenu_global_body_right {
	width: 97%;
}
}
@media only screen and (max-width: 767px){
.contenu_global_footer {
	margin-top: 0px;
}
}
@media only screen and (max-width: 623px){
 
button#device-choose-smaller,.smaller {
	height: auto;
}
button#device-choose-bigger ,.bigger{
	height: auto;
}
}
@media only screen and (max-width: 479px){
button#device-choose-smaller,.smaller {
	width: 89%;
	margin-top: 15px;
}
button#device-choose-bigger,.bigger {
	width: 89%;
	margin-right: 41px;
	margin-top: 15px;
}
.li_label{
	width: 175px;
}
.contenu_global_body_left {
	width: 89%;
}
}
@media only screen and (max-width: 411px){
.li_label {
	width: 140px;
}
.contenu_global_body_right_ul li{
	height: auto;
min-height: 40px;
}
button#device-choose-bigger,.bigger{
margin-right: 34px;
}
}
@media only screen and (max-width: 411px){
button#device-choose-bigger,.bigger {
	margin-right: 28px;
}
.li_text {
	float: none;
	text-align: center;
	width: 100%;
}
}
/*E***appreil*/
/************INPUT NUMBER************/
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
	-o-appearance: none;
	margin:0
}

.colorencre.activecolor,
.couleurappareil.activecouleur{
	  border: 1px solid #5192f3 !important;
}
#infobia_perso p{
font-size: 12px !important;
}
 #loading1 {
                position: absolute;
                z-index: 20000;
                top: 0px;
                /*left: 15%;*/
                text-align: center;
                background: rgba(255, 255, 255, 0.5);
                display:none;
            }
#style {
width: 18%;
    float: left;
    margin-left: 40%;
    margin-bottom: 1px;
}

#size {
    width: 12%;
    float: left;
    margin-bottom: 1px;
    margin-left: 2%;

}
#color {
    width: 8%;
    float: left;
    margin-bottom: 1px;
    margin-left: 6%;

}
input[type=range] {
  height: 24px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 16px;
  width: 15px;
  border-radius: 7px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #3071A9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 16px;
  width: 15px;
  border-radius: 7px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 16px;
  width: 15px;
  border-radius: 7px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071A9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #3071A9;
}
#alignment{
width: 13%;
float: left;
margin-bottom: 1px;
}
#position{
margin-bottom: 1px;
float: left;
width: 8%;
margin-left: 1%;
}
#espacement{
margin-bottom: 1px;
float: left;
width: 8%;
margin-left: 0%;
}
#Interligne{
margin-bottom: 1px;
float: left;
width: 8%;
}
.loading{
    margin-bottom: 100px;
    width: 282px;
    height: 549px;
    position: absolute;
    top: 0%;
     display: none; 
    z-index: 999;
}
#tabs ul li:last-child{
display: none;
}


#telImg {
    float: left;
    line-height: 50px;
    text-decoration: underline;
    color: #980202;
    cursor: pointer;
    font-size: 12px;
}