#mavoile {
  position: fixed;
  right: 10px;
  top: 10%;
  z-index: 9999;


}

#mavoile h2 {
  width: 100%;
  background: #3686A3;

  color: white;
  margin: 0;
  text-align: center;
}



.cadreDetailVoile {
  background: #F0F0F0;
  border: solid 1px #888;
  width: 300px;
  min-height: 100px;
  max-height: 500px;
  overflow: auto;
  padding: 10px;
  margin: 0;

  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;

  box-shadow:0 1px 2px #ddd;
  -moz-box-shadow:0 1px 2px #ddd;
  -webkit-box-shadow:0 1px 2px #ddd;

}

#mavoilemobile .cadreDetailVoile {

  width: 100%;
  background: none;
  border: none;

}

.cadreDetailVoile h1 {
  text-align: left;
  width: 150px;

}


.inputMesure {
 text-align: left;


 padding: 10px;
 margin: 10px;

}


.notice {
    color:              #777;
    background-color:   #BCE8F1;

    margin:             0.5em 0 1.3em 0;
    border:             1px solid;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 10px;


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

.cadreDetailVoile {
  font-size:12px;
}

.cadreDetailVoile label {
  float: left;
  width: 80px;
  font-size:12px;
}

.cadreDetailVoile .prix {
  float: right;
  width: 100px;
  font-weight: bold;
  font-size:12px;
}

.cadreDetailVoile .alert {
  font-size:12px;
}

.alert-info {
  color: #3686A3;
}

.configurateur {
  margin-top: 40px;
}

.rounded-x {
  background: #3686A3;
  width: 10px;
  height: 10px;
  display: none;
}


.icon-custom {
  display: none;
}


.configurateur h2{
  text-align: left;
 /* border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;            */
  padding: 15px 0 5px 0;
  margin-top: 5px;
 /* text-transform: uppercase;       */
  color: #3686A3;
}

.accordion h2{
  text-align: left;
 /* border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;            */
  padding: 15px 0 5px 0;
  margin-top: 5px;
 /* text-transform: uppercase;       */
  color: #3686A3;
}

.configurateur .icon-custom {
  margin-left: 20px;
  cursor: pointer;
}

.choixForme {
  float: left;
  margin: 10px;
  border: solid 5px #F0F0F0;
  padding: 10px;
  cursor: pointer;
}

.choixArtTissu {
  float: left;
  margin: 10px;
  border: solid 5px #F0F0F0;
  padding: 10px;
  cursor: pointer;
}

.choixCoin {
  float: left;
  margin: 10px;
  border: solid 5px #F0F0F0;
  padding: 10px;
  cursor: pointer;
}

.choixFil {
  float: left;
  margin: 10px;
  border: solid 5px #F0F0F0;
  padding: 10px;
  cursor: pointer;
}







/*----- Accordion -----*/
body {
	position:relative;
	z-index:0;
}
.main:before {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	content:'';
	background:-webkit-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:-moz-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:-o-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
}

.site-header-wrap {
	margin-bottom:60px;
	border-bottom:1px solid #cd9ad6;
}

.accordion, .accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	/*box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/
	border-radius:5px !important;
	padding:5px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:10px 15px;
	display:inline-block;
	
	/* COLOR : Fond de l'accordéon */
	/* ------------------------------------------------------------------------------------- */
	background:#eeeeee;
	color:#838383 !important;/*#3686a3*/
	border-bottom:1px solid #d6d6d6;
	
	/* Type */
	transition:all linear 0.15s;
	font-size:12px;
	/*font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;*/
	color:#fff;
}

.accordion-section-title:hover{
	/* COLOR : Fond de l'accordéon */
	/* ------------------------------------------------------------------------------------- */
	background:;
	color:#eeeeee !important;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
background: #409CBE; /* Old browsers */
background: -moz-linear-gradient(top,  #409CBE 0%, #3686a3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #409CBE 0%,#3686a3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #409CBE 0%,#3686a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409CBE', endColorstr='#3686a3',GradientType=0 ); /* IE6-9 */
	
	
	/* Type */
	text-decoration:none;
	transition:all linear 0.15s;
}

.accordion-section-title.active {
	/* COLOR : Fond de l'accordéon */
	/* ------------------------------------------------------------------------------------- */
	background:#3686a3;
	color:#eeeeee !important;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
background: #3686a3; /* Old browsers */
background: -moz-linear-gradient(top,  #3686a3 0%, #1f6b87 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3686a3 0%,#1f6b87 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3686a3 0%,#1f6b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3686a3', endColorstr='#1f6b87',GradientType=0 ); /* IE6-9 */


	/* Type */
	text-decoration:none;
	transition:all linear 0.15s;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}

.configurateur .number {
	font-size: 36px;
	font-weight:bold;
	margin-right: 15px;

}

.accordion .number {
	font-size: 36px;
	font-weight:bold;
	margin-right: 15px;

}

.accordion-section-title {
 font-size: 20px;
 text-transform: uppercase
}








.dowpdown_vignette {
          background: #fff none repeat scroll 0 0;
          margin: 5px 0;
        }
        .drowpdown_click {
          background: #deeeee none repeat scroll 0 0;
          border: 1px solid #bbb;
          cursor: pointer;
          font-family: "Open Sans",Arial,sans-serif;
          padding: 5px 15px;
          position: relative;
          width: 100%;
        }
        .drowpdown_click::after {
          content: "\f0d7";
          font-family: fontawesome;
          font-size: 14px;
          position: absolute;
          right: 15px;
          top: 8px;
        }
        .drowpdown_click::before {
          content: "\f0d8";
          font-family: fontawesome;
          font-size: 14px;
          position: absolute;
          right: 15px;
          top: 2px;
        }
        .drowpdown_nav {
          background: #deeeee none repeat scroll 0 0;
          border-left: 1px solid #ddd;
          border-right: 1px solid #ddd;
          display: none;
          list-style-type: none;
          margin-left: 0 !important;
          padding-left: 0 !important;
          position: absolute;
          width: 89%;
          z-index: 2;
        }
        .drowpdown_nav li {
          border-bottom: 1px solid #ddd;
          padding: 5px 15px;
          cursor: pointer;
        }
        .drowpdown_nav li:hover, .drowpdown_nav li:focus, .drowpdown_nav li:active {
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #3686a3 0%, #1f6b87 100%) repeat scroll 0 0;
            color: #fff !important;
        }
        .drowpdown_nav li h4:hover, .drowpdown_nav li h4:focus, .drowpdown_nav li h4:active {
            color: #fff !important;
        }
        .img_content img {
          margin: 10% auto auto;
          width: 100%;
        }
        @media (min-width:768px) and (max-width: 979px){
            .drowpdown_click {
                font-size: 8px;
            }
            .drowpdown_click::before {
              font-size: 10px;
              right: 5px;
              top: 0 ;
            }
            .drowpdown_click::after {
              font-size: 10px ;
              right: 5px;
              top: 6px ;
            }
            .drowpdown_nav {
                width: 83%;
            }
            .drowpdown_nav h4 {
              font-size: 12px;
            }
            .img_content {
              margin: 0;
              padding: 4px;
            }
        }
        @media (max-width: 767px) {
            .drowpdown_nav .col-sm-3.img_content {
              float: left;
              margin-top: 3px;
              width: 25%;
            }
        }





/* voile a oeillet */

.configoeillet h2{
  text-align: center;
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  padding: 15px 0 5px 0;
  margin-top: 70px;
  text-transform: uppercase;
  color: #5FA2A4;
}

.configoeillet .icon-custom {
  margin-left: 20px;
  cursor: pointer;
}