html,body{padding:0;margin:0;}
body{margin-top:-33px}
.spantel{margin-left:27px}
.spanmob{margin-left:39px}
.div_filter{padding:10px;background:#000}
.prod{border:1px solid #ccc}
.contactara2 button{float:right}
.image3{margin-top:30px;margin-bottom:30px}
.image3 li{list-style:none}
.produitn3 li{list-style:none;margin:30px 0}
.titreProduit{background-color:#f9f9f9;padding:5px 0;border-top:1px solid #ccc}
.titreProduit .lien{text-align:right}
.lien span{padding:4px}
.aproposindex{background:#E7E7E7;padding:15px 0;padding-bottom:20px;margin:30px 0}
.lien_apropos{float:right}
.divfotter{background:#000;padding:10px}
.div_filter .selectpicker,.div_filter .selectpicker #basic,.div_filter .show-tick{border:1px solid #888!important;background:transparent!important;color:#fff!important;border-radius:0!important;font-size: 12px;padding: 10px 0px 0 4px;margin-right: 3px;}
.show-tick button{border:none;background:transparent!important;color:#fff!important;border-radius:0!important}
.div_filter .filter{border-radius:0;color:#fff;background:#C6191B;border:none;margin-left: 3px;}
.div_filter .col-sm-4,.div_filter .col-md-2{padding:4px}
.diventete{background:url(../img/head.png);border-bottom:4px solid #f0cc03;background-color: #000;}
.diventete2{background:url(../img/head.png)center ;border-bottom:4px solid #f0cc03;background-color: #000;}
@media only screen and (min-width:1650px){.diventete{background:url(../img/head.png)left center;background-color: #000;}}
.menu{background-color:rgba(2,2,2,0.6);border:none;border-radius:0;margin-bottom:0;min-height:30px}
.navbar-default .navbar-nav>.active>a{background-color:#f0cc03;color:#000}
.navbar-default .navbar-nav>.active>a:hover{background-color:#f0cc03; color:#000}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-nav>li>a{padding:10px 30px}
.menu .container-fluid{padding-left:0!important}
.menu .collapse .navbar-collapse,.menu #bs-example-navbar-collapse-1{padding-left:0!important}
.navbar-nav>li:hover{background-color:rgba(1,1,1,0.8)}
.navbar-default .navbar-nav>li>a:hover{background-color:#f0cc03;color:#000}
.rech{float:right;margin-top:15px}
.rech2{margin-top:10px;width:210px;margin-left:20px}
.rech3{margin-top:10px}
.rech input[type="text"],.rech2 input[type="text"],.rech3 input[type="text"]{border:1px solid #b3b3b3;color:#fff;border-right:none!important;box-shadow:none!important;background-color:rgba(260,260,260,0.6)}
.rech .buttonrech,.rech2 .buttonrech,.rech3 .buttonrech{border:1px solid #b3b3b3;background-color:rgba(260,260,260,0.6);border-left:none!important;box-shadow:none!important;padding: 9px 9px;}
.divlangue{margin-top:15px;float:right}
.divlangue span{color:#fff}
.divlangue a{color:#fff;padding:4px}
.divlangue .activelangue{color:#000;background-color:#f0cc03;padding:4px 2px}
#html5-watermark{display:none!important}
.imageApprops{background:#E7E7E7;padding:20px}
.imageApprops li{list-style:none;padding:2px}
.entete2 h2{font-size:22px;margin:0;padding:0}
.entete2{background:#f0cc03;padding-top:28px;padding-bottom:28px;color:#000}
.aproposindex a{font-weight:700;color:#000}
.apropos h3{color:#000;padding-bottom:10px;font-size:20px;border-bottom:1px solid #f0cc03}
.buttonalbum button{border-radius:0;background:#000;color:#fff;float:right;padding:4px 25px}
.buttonalbum .active{border-radius:0;background:#fff;color:#000}
.albumphotos h4{padding-top:15px;padding-bottom:10px;color:#3d3d3d;border-bottom:1px solid #3d3d3d}
.albumphotos .produitn3 li{padding:4px}
.listealbum{border-bottom:1px dashed #3d3d3d}
.service .titreProduit,.reference .titreProduit{background:#191919;color:#fff;padding-bottom:5px;padding-top:5px}
.service .produitn3 li{padding:4px}
.service .produitn3{border-bottom:1px dashed #3e3e3e}
#content-1{width:100%;overflow:hidden}
#content-1 ul{width:100%;margin:0;padding:0;list-style:none;overflow:hidden}
#content-1 li{width:219px;margin:4px}
#content-1 ul{width:auto}
#content-1 li{float:left}
.liencontact button{background:#f0cc03;color:#fff;border-radius:0;border-color:#f0cc03}
.shawrom{border-bottom:solid 1px #e3e3e3;padding-bottom:15px}
.footer1{background:#0e0e0e}
.footer2{background:#f0cc03; color:#000;}
.footer1 h4{color:#bebebe;border-bottom:#bebebe solid 1px;padding-bottom:15px;padding-top:10px;margin-bottom:15px}
.footer1 input[type="text"],.footer1 textarea,.footer1 select{color:#fff;background:#373737;border-color:#373737;border-radius:0}
.footer1 button{color:#fff;background:#373737;border-color:#373737;border-radius:0;float:right}ul li{list-style:none}
.footer1 label{text-align:left!important}
.footer1{color:#bebebe}
.sociele span,.sociele a{float:left}
.sociele span{margin-right:5px}
.diventete2,.diventete{padding-top:15px;position:relative!important;z-index:99999!important}
.com{float:left}
input{border-radius:0!important}
.reference h3{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #000}
.reference h4{margin-top:0}
.listewilaya a{color:#000}
.albumimg{width:80px;height:74px;background:url(../img/album.png) no-repeat;float:left;margin:5px}
.albump{vertical-align:middle;height:82px;margin-top:25px}
.contactara2{border-left:1px solid #ddd}
@media only screen and (max-width:1265px){.navbar-nav>li>a{padding-left:20px;padding-right:20px}}
@media only screen and (max-width:1080px){.diventete2{display:block}.diventete{display:none}}
@media only screen and (min-width:1080px){.diventete{display:block}.diventete2{display:none}}
@media only screen and (max-width:1004px){.navbar-nav>li>a{padding-left:12px;padding-right:12px}}
@media  (max-width:991px){.filter_ara{display:block !important;}.div_filter .filter{margin: 1% 0% !important;}}
@media  (max-width:991px) and (min-width:768px){.logo3{height:92px;width: 126px; }.logo5{height: 20px;width: 335px;} .lgttr{padding-top: 10% !important;}.lgo{padding: 0 !important;}}
@media (max-width: 480px){.prd{font-size: 10px;text-align: left} .imgprd{height:150px !important;}}
@media only screen and (max-width:767px){.titrexs{text-align:center;padding-top:10px;font-weight:500;font-size:22px}.footer2{text-align:center;float:none}.contactara2{border-left:none}.logo3{height:92px;width: 126px; }.lgttr{display: none;}.lgo{width: 100% !important;}.lgwt{width: 60% !important;}.lgrh{width: 40% !important;}.diventete2{height: 161px !important;}}
@media (min-width: 481px) and (max-width:767px ){ .imgprd{height:250px !important;}}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.wrapper-demo{margin:60px 0 0;*zoom:1;font-weight:400}
.wrapper-demo:after{clear:both;content:"";display:table}
.wrapper-dropdown-1{position:relative;width:100%;padding:10px;margin:0 auto;background:#9bc7de;color:#fff;outline:none;cursor:pointer;font-weight:700}
.wrapper-dropdown-1:after{content:"";width:0;height:0;position:absolute;right:16px;top:50%;margin-top:-6px;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent #fff}
.wrapper-dropdown-1 .dropdown{position:absolute;top:100%;left:0;right:0;z-index:99999;background:#eeedec;list-style:none;font-weight:400;opacity:0;pointer-events:none}
.wrapper-dropdown-1 .dropdown li a{display:block;text-decoration:none;color:#9e9e9e;padding:10px 20px}
.wrapper-dropdown-1 .dropdown li:hover a{background:#f3f8f8}
.wrapper-dropdown-1.active .dropdown{opacity:1;pointer-events:auto}
.wrapper-dropdown-1.active:after{border-color:#9bc7de transparent;border-width:6px 6px 0;margin-top:-3px}
.wrapper-dropdown-1.active{background:#9bc7de;background:-moz-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#9bc7de),color-stop(78%,#9bc7de),color-stop(78%,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%);background:-o-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%);background:-ms-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%);background:linear-gradient(to right,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bc7de',endColorstr='#ffffff',GradientType=1)}
.no-opacity .wrapper-dropdown-1 .dropdown,.no-pointerevents .wrapper-dropdown-1 .dropdown{display:none;opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-1.active .dropdown,.no-pointerevents .wrapper-dropdown-1.active .dropdown{display:block}
.wrapper-dropdown-2{position:relative;width:100%;margin:0 auto;padding:10px 15px;z-index:9999;background:#eeedec;border-left:5px solid grey;cursor:pointer;outline:none}
.wrapper-dropdown-2:after{content:"";width:0;height:0;position:absolute;right:16px;top:50%;margin-top:-3px;border-width:6px 6px 0;border-style:solid;border-color:grey transparent}
.wrapper-dropdown-2 .dropdown{position:absolute;top:100%;left:-5px;right:0;background:#eeedec;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;list-style:none;opacity:0;pointer-events:none}
.wrapper-dropdown-2 .dropdown li a{display:block;text-decoration:none;color:#333;border-left:5px solid;padding:10px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.wrapper-dropdown-2 .dropdown li:nth-child(1) a{border-left-color:#00ACED}
.wrapper-dropdown-2 .dropdown li:nth-child(2) a{border-left-color:#4183C4}
.wrapper-dropdown-2 .dropdown li:nth-child(3) a{border-left-color:#3B5998}
.wrapper-dropdown-2 .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}
.wrapper-dropdown-2 .dropdown li:hover a{color:grey}
.wrapper-dropdown-2.active:after{border-width:0 6px 6px}
.wrapper-dropdown-2.active .dropdown{opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-2 .dropdown,.no-pointerevents .wrapper-dropdown-2 .dropdown{display:none;opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-2.active .dropdown,.no-pointerevents .wrapper-dropdown-2.active .dropdown{display:block}
.wrapper-dropdown-3{position:relative;width:100%;margin:0 auto;padding:10px;background:#eeedec;border-radius:7px;border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(50,50,50,0.1);cursor:pointer;outline:none;font-weight:700;color:#8AA8BD}
.wrapper-dropdown-3:after{content:"";width:0;height:0;position:absolute;right:15px;top:50%;margin-top:-3px;border-width:6px 6px 0;border-style:solid;border-color:#8aa8bd transparent}
.wrapper-dropdown-3 .dropdown{position:absolute;top:140%;left:0;right:0;background:#eeedec;border-radius:inherit;border:1px solid rgba(0,0,0,0.17);box-shadow:0 0 5px rgba(0,0,0,0.1);font-weight:400;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;list-style:none;opacity:0;pointer-events:none}
.wrapper-dropdown-3 .dropdown:after{content:"";width:0;height:0;position:absolute;bottom:100%;right:15px;border-width:0 6px 6px;border-style:solid;border-color:#eeedec transparent}
.wrapper-dropdown-3 .dropdown:before{content:"";width:0;height:0;position:absolute;bottom:100%;right:13px;border-width:0 8px 8px;border-style:solid;border-color:rgba(0,0,0,0.1) transparent}
.wrapper-dropdown-3 .dropdown li a{display:block;padding:10px;text-decoration:none;color:#8aa8bd;border-bottom:1px solid #e6e8ea;box-shadow:inset 0 1px 0 rgba(255,255,255,1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.wrapper-dropdown-3 .dropdown li i{float:right;color:inherit}
.wrapper-dropdown-3 .dropdown li:first-of-type a{border-radius:7px 7px 0 0}
.wrapper-dropdown-3 .dropdown li:last-of-type a{border:none;border-radius:0 0 7px 7px}
.wrapper-dropdown-3 .dropdown li:hover a{background:#f3f8f8}
.wrapper-dropdown-3.active .dropdown{opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-3 .dropdown,.no-pointerevents .wrapper-dropdown-3 .dropdown{display:none;opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-3.active .dropdown,.no-pointerevents .wrapper-dropdown-3.active .dropdown{display:block}
.wrapper-dropdown-4{position:relative;width:100%;margin:0 auto;padding:10px 10px 10px 30px;background:#fff;border:1px solid silver;cursor:pointer;outline:none}
.wrapper-dropdown-4:after{content:"";width:0;height:0;position:absolute;right:10px;top:50%;margin-top:-3px;border-width:6px 6px 0;border-style:solid;border-color:#ffaa9f transparent}
.wrapper-dropdown-4 .dropdown{position:absolute;top:100%;margin-top:1px;left:-1px;right:-1px;background:#fff;border:inherit;border-top:none;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;pointer-events:none}
.wrapper-dropdown-4 .dropdown:before,.wrapper-dropdown-4:before{content:"";width:4px;height:100%;position:absolute;top:0;left:15px;border:1px solid #ffaa9f;border-top:none;border-bottom:none;z-index:2}
.wrapper-dropdown-4 .dropdown li{position:relative}
.wrapper-dropdown-4 .dropdown li label{display:block;padding:10px 10px 10px 30px;border-bottom:1px dotted #1ccfcf;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.wrapper-dropdown-4 .dropdown li:last-of-type label{border:none}
.wrapper-dropdown-4 .dropdown li input /* Checkboxes */{position:absolute;display:block;right:10px;top:50%;margin-top:-8px}
.wrapper-dropdown-4 .dropdown li:hover label{background:#f0f0f0}
.wrapper-dropdown-4 .dropdown li input:checked ~ label{color:grey;text-decoration:line-through}
.wrapper-dropdown-4.active:after{border-width:0 6px 6px}
.wrapper-dropdown-4.active .dropdown{opacity:1;pointer-events:auto}
.no-opacity wrapper-dropdown-4 .dropdown,.no-pointerevents .wrapper-dropdown-4 .dropdown{display:none;opacity:1;pointer-events:auto}
.no-opacity .wrapper-dropdown-4.active .dropdown,.no-pointerevents .wrapper-dropdown-4.active .dropdown{display:block}
.wrapper-dropdown-5{position:relative;width:100%;margin:0 auto;padding:12px 15px;background:#fff;border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,0.2);cursor:pointer;outline:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.wrapper-dropdown-5:after{content:"";width:0;height:0;position:absolute;top:50%;right:15px;margin-top:-3px;border-width:6px 6px 0;border-style:solid;border-color:#4cbeff transparent}
.wrapper-dropdown-5 .dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 5px 5px;border:1px solid rgba(0,0,0,0.2);border-top:none;border-bottom:none;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;max-height:0;overflow:hidden}
.wrapper-dropdown-5 .dropdown li{padding:0 10px}
.wrapper-dropdown-5 .dropdown li a{display:block;text-decoration:none;color:#333;padding:10px 0;transition:all .3s ease-out;border-bottom:1px solid #e6e8ea}
.wrapper-dropdown-5 .dropdown li:last-of-type a{border:none}
.wrapper-dropdown-5 .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}
.wrapper-dropdown-5 .dropdown li:hover a{color:#57a9d9}
.wrapper-dropdown-5.active{border-radius:5px 5px 0 0;background:#4cbeff;box-shadow:none;border-bottom:none;color:#fff}
.wrapper-dropdown-5.active:after{border-color:#82d1ff transparent}
.wrapper-dropdown-5.active .dropdown{border-bottom:1px solid rgba(0,0,0,0.2);max-height:400px}
.activemap{background:#000!important;color:#fff}
.shawrom{font-size:16px}
.owl-nav .owl-prev,.owl-nav .owl-next{background:#000!important}
.owl-nav .owl-prev:hover,.owl-nav .owl-next:hover{background:#646464!important}
.holder a,.holder1 a{font-size:13px;cursor:pointer;margin:0 5px;color:#333;padding:3px}
.holder a:hover,.holder1 a:hover{background-color:#10A6A6;color:#fff}
.holder a.jp-previous,.holder1 a.jp-previous{margin-right:15px}
.holder a.jp-next,.holder1 a.jp-next{margin-left:15px}
.holder a.jp-current,a.jp-current:hover,.holder1 a.jp-current{color:#10A6A6;font-weight:700}
.holder a.jp-disabled,a.jp-disabled:hover,.holder1 a.jp-disabled,a.jp-disabled:hover{color:#bbb}
.holder a.jp-current,a.jp-current:hover,.holder1 a.jp-current,.holder a.jp-disabled,.holder1 a.jp-disabled,a.jp-disabled:hover{cursor:default;background:none}
.holder span{margin:0 5px}
.holder{text-align:center;margin:auto}blockquote{background:linear-gradient(to right,#8d8d8d,rgba(0,255,0,0))}
.h2slider{background:linear-gradient(to right,#8d8d8d,rgba(0,255,0,0))}
.listewilaya .active{padding:2px 10px!important;background:#5c5c5c;color:#fff}
.lgttr{padding-top: 5%;}
.avtr{padding: 2% 0%;text-align:center;text-align:-moz-center;text-align:-webkit-center;text-align:-o-center;-ms-text-align:center;}
.btn-primary.active:hover{color:#000;background-color: #fff;border-color: #000;}
.btn-primary:hover {color: #fff;background-color: #444;border-color: #fff;}
input[type="checkbox"], input[type="radio"] {margin-top: 0 !important;line-height: normal;margin-right: 3%;cursor: pointer;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;position: relative;bottom: 2px; cursor: pointer;}