/*----------  Commentaires  ----------*/




/*Stallu*/
.desc-prod p a + a {margin-left:10px}
.fiche-tek {margin-top:20px}
.marks ul {overflow:hidden;list-style:none;width:100%;padding:25px 0}
.marks ul li {float:left;width:11%;display:inline-block;text-align:center;padding:10px 0}

.marks ul li:nth-child(1) {background-color:#f5f9e7}
.marks ul li:nth-child(2) {background-color:#cceddc}
.marks ul li:nth-child(3) {background-color:#fffccc}
.marks ul li:nth-child(4) {background-color:#fce5d2}
.marks ul li:nth-child(5) {background-color:#fad3d4}
.marks ul li:nth-child(6) {background-color:#e4dcec}
.marks ul li:nth-child(7) {background-color:#cce9f7}
.marks ul li:nth-child(8) {background-color:#e6f3f5}


@font-face {



    font-family: 'Gobold';



    src: url('fonts/gobold_uplow-webfont.eot');



    src: url('fonts/gobold_uplow-webfontd41d.eot?#iefix') format('embedded-opentype'),



         url('fonts/gobold_uplow-webfont.woff') format('woff'),



         url('fonts/gobold_uplow-webfont.ttf') format('truetype'),



         url('fonts/gobold_uplow-webfont.svg#gobold_uplowregular') format('svg');



    font-weight: normal;



    font-style: normal;







}







body,a{



    font-family: "Open Sans";



}



.header {



    border-top: 4px solid #0a599a;



}



.logo img{max-width: 100%;float: left;margin-left: 40px;}

.baseline {
    font-family: Open Sans;
    font-size: 2em;
 
    padding-top: 40px;
    text-align: center;
}

.speedlink{



    color: #fff;



    background-image: url('img/bgspeedling.png');



    background-size: contain;



    background-repeat: no-repeat;



    margin-bottom: 10px;



}



.speedlink .menu {



    padding-left: 0;



    padding-top: 1px;



}



.speedlink i {



    float: left;



    padding: 4px 5px 5px 11px;



}



#sidebar-toplink {



    float: right;

    width: 230px;

}



#menu-toplink li {



    display: inline-block;



}



#menu-toplink li a,#menu-toplink li a:hover{



    color: #fff;



    text-decoration: none;



}



#search-form{



    float: left;
    width: 230px;


}



.search-form {



    border: 1px solid #000;



    border-radius: 20px;



    float: right;



}



.search-field {



    background: transparent none repeat scroll 0 0;



    border: medium none;



    padding: 5px;



}



.search-form .btn.btn-default.button-search::before{



    content: "\f002 ";



    font-family: FontAwesome;



    color: #000;



}



.search-form .btn.btn-default.button-search{



    border: none;



}



.search-form .btn.btn-default.button-search:hover{



    background: none;



}



.search-form .btn.btn-default.button-search > span {



    display: none;



}



.menutop li{



    border-right: 2px solid #82c7ce;



    display: inline-block;



    margin-left: -5px;



    padding: 5px 10px;



}



.menutop li:hover{



    background: #82c7ce



}



.menutop li:hover a, .menutop .sub-menu li:hover a{



    color: #fff;



}



.menutop li:last-child{



    border-right: none;



}



.menutop li .sub-menu{



    display: none;



}



#menu-container{



    background-image: url('img/borderb.png'), url('img/borderb.png');



    background-position: center top, center bottom;



    background-repeat: repeat-x;



}



#site-navigation-rs{



    display: none;



}



.menutop{



    padding-bottom: 10px;



    padding-top: 10px;



}



.menutop li a {



    color: #000;



    font-family: Open Sans;



    font-weight: 700;



    text-transform: uppercase;



}



.menutop li a:hover, .menutop .sub-menu li a:hover{



    text-decoration: none;



    color: #fff;



    background: #82c7ce;



}



.menutop .menu-item-has-children:hover .sub-menu{



    display: block;



}



.menutop .sub-menu {



    background: #fff;



    border: 1px solid #82c7ce;



    padding: 0;



    position: absolute;



    z-index: 99;



}



.menutop .sub-menu li {



    display: block;



    border:none;



    line-height: 2.5em;



    margin-top: 1px;



    padding: 0 10px;



    text-align: left;



    width: 145px;



    margin-left: 0px;



}



.menutop .sub-menu li a{



    color: #000;



}



#accueil{



    background: #82C7CE;

    height: auto;
    padding-bottom: 25px;



}





.round {



    height: 100%;



    margin: -60px 0 20px;



    max-height: 450px;



    max-width: 450px;



    padding: 10px 0 5px 20px;



    position: relative;



    width: 100%;



}



.round svg {



    margin-left: 5px;



    background: rgba(0, 0, 0, 0) url("img/bg_round.png") repeat scroll 0 0;



    border-radius: 100%;

    height: 450px;
    width: 450px;



}



.slice{



    fill:#ffffff;



    font-family: "Open Sans;";



    font-size: 1em;



}



.sliceAbout:hover{

    -ms-transform: scale(1.1,1.1) translate(-30px, -26px); /* IE 9 */

    -webkit-transform: scale(1.1,1.1) translate(-30px, -26px); /* Chrome, Safari, Opera */

    transform: scale(1.1,1.1) translate(-30px, -26px);



}

.gslice {
    font-family: "Open Sans;";
    text-transform: uppercase;
}
.gslice:hover {
    cursor: pointer;
}

.sliceInkForm{



    fill:#ffffff;


    font-size: 1em;



}



.sliceInkForm:hover{



    -ms-transform: scale(1.1,1.1) translate(-30px, -26px);

    -webkit-transform: scale(1.1,1.1) translate(-30px, -26px);

    transform: scale(1.1,1.1) translate(-30px, -26px);



    fill:#000000;



}



.sliceCompa:hover{



        -ms-transform: scale(1.1,1.1) translate(-28px, -30px);

         -webkit-transform: scale(1.1,1.1) translate(-28px, -30px);

          transform: scale(1.1,1.1) translate(-28px, -30px);

           fill:#ffffff;



}



.sliceDistrib:hover{



        -ms-transform: scale(1.1, 1.1) translate(-27px, -34px);

         -webkit-transform: scale(1.1, 1.1) translate(-27px, -34px);

          transform: scale(1.1, 1.1) translate(-27px, -34px);

           fill:#ffffff;



}



.sliceContact:hover{



        -ms-transform: scale(1.1, 1.1) translate(-29px, -41px);

         -webkit-transform: scale(1.1, 1.1) translate(-29px, -41px);

          transform: scale(1.1, 1.1) translate(-29px, -41px);

           fill:#ffffff;



}



.sliceNews:hover{



       -ms-transform: scale(1.1, 1.1) translate(-29px, -41px);

        -webkit-transform: scale(1.1, 1.1) translate(-29px, -41px);

          transform: scale(1.1, 1.1) translate(-29px, -41px);

           fill:#ffffff;



}



.homeText{



    font-family: "Open Sans;";

    padding:0 30px;

    color: #fff;



    font-size: 1.1em;



    line-height: 1.5em;



}



.homeText h1, .homeText h2{



    text-transform: uppercase;



    font-family: Open Sans;;



}



.homeText p{

    margin: 20px 0 10px;
	font-family:Open Sans;
	font-size:17px;

}



.homeText .active{



    display: block !important;



}



.homeText div{



    display: none;



}

.homeText div img{
    width: 100%;
    height:auto
}

footer{



    background-color: #040914;



    color: #fff;



    min-height: 65px;



    padding-top: 25px;



    margin-top: 70px;



}



footer a, footer a:hover{



    color: #fff;



    text-decoration: none;



}



.recherche{

    float: left;

    width: 80%;

}

/*----------  Ajout css  ----------*/
.wpb_wrapper .mapplic-element, .wpb_wrapper .mapplic-element .mapplic-container{
    background-color: transparent;
}
.mapplic-clear-button{
    display: none;
}
.glop .vc_column-inner {
    background-image: url("../../uploads/2016/06/bg_block-home.png") !important;
    background-position: 66% -24% !important;
    background-repeat: no-repeat !important;
    background-size: 88% auto;
}
.btn-primary {
    margin-top: 20px;
}
@media (max-width: 360px){
	.carousel {
    top: 51px!important;
    position: relative;
}
}
@media (max-width: 992px){

    section{

        margin-top:50px;

    }



    .logo img{min-width: 100px;}



    .search-field {



        float: left;



        max-width: 75%;



    }


    .round{margin-left: auto; margin-right: auto;}
    .roundup{margin-bottom: 30px;}



    #site-navigation,



    .dropdown-menu li button,



    .dropdown-menu .menu-item-has-children



    .sub-menu li button,



    .dropdown-menu .menu-item-has-children .sub-menu{



        display: none;



    }



    #site-navigation-rs{



        display: block;



        text-align: right;



        position: absolute;



        right: 0;



        width: 100%;



    }



    .dropdown-menu, .dropdown-menu .sub-menu{width: 100%; padding-bottom: 0;}



    .dropdown-menu li{



        border-bottom: 1px solid #565657;



        clear: both;



    }



    .dropdown-menu > li > a{



        text-align: center;



        line-height: 2em;


        float: left;



        width: 100%;



    }



    .btn-menu {background: transparent; font-size: 2em;}



    .dropdown-menu .sub-menu, .dropdown-menu li .sub-menu li{



        list-style: none;



        padding-left:0;



        text-align: center;



    }



    .dropdown-menu .menu-item-has-children button {



        display: block;



    }



    .btn.btn-primary.dropdown-toggle-sub {



        position: absolute;



        right: 0;



        background: #82c7ce;



        border-color: #777F7F;



    }



    .dropdown-menu li .sub-menu li{



        border-bottom: none;



        line-height: 2em;



    }



    .dropdown-menu .sub-menu li a, .dropdown-menu .sub-menu li a:hover{



        color: #333;



        text-decoration: none;



    }



}
.index{min-height: 500px;}
@media (max-width: 768px){
    .round svg{
        max-height: 350px;
        max-width: 350px;
                height: 100%;
        width: 100%;
    }
}
@media (max-width: 980px){
    .baseline {
        display: none;
    }
}
/*--new csss---*/
.about_banner {
    
    background-image: url(img/1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 300px;
	
}
.para p {
    font-size: 17px;
    text-align: justify;
}
section{
	margin:25px 0px;
}
.hero-image {
 
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.hero-text h1{
	    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #0a599ad4 !important;
    width: 500px;
    border: 5px solid;
}
.choosing-area {
    padding-top: 1px;
    padding-bottom: 0px;
}
.choosing-area .single-item {
    border: 1px dashed #1e1c1c;
    display: block;
    padding: 18px 6px 12px;
    transition: all 900ms ease;
}

.choosing-area .single-item .text-holder {
    overflow: hidden;
    padding-top: 1px;
}
.choosing-area .single-item .text-holder .iocn, .choosing-area .single-item .text-holder .text {
    display: table-cell;
    vertical-align: middle;
}
.choosing-area .single-item .text-holder .text {
    padding-left: 20px;
}
.choosing-area .single-item .text-holder .iocn {
    width: 45px;
}
.heading {
    font-family:Open Sans;
    color: #67b82f;
    margin: 0;
	    font-size: 19px;
		padding-bottom:5px;
}
.para{
	font-size: 12px;
}
.para_1{
	font-size: 10px;
}
.text_para{
	font-family: Open Sans;
    font-size: 17px;
}
/*slider---*/
.holderCircle { width: 500px; height: 500px; border-radius: 100%;  position: relative; }


.dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
.dotCircle  .itemDot { display: block; width: 80px; height: 80px; position: absolute; background: #ffffff; color: #7d4ac7; border-radius: 20px; text-align: center; line-height: 80px; font-size: 30px; z-index: 3; cursor: pointer; border: 2px solid #e6e6e6; }
.dotCircle  .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.dotCircle  .itemDot .forActive::after { content: ''; width: 5px; height: 5px; border: 3px solid #7d4ac7; bottom: -31px; left: -14px; filter: blur(1px); position: absolute; border-radius: 100%; }
.dotCircle  .itemDot .forActive::before { content: ''; width: 6px; height: 6px; filter: blur(5px); top: -15px; position: absolute; transform: rotate(-45deg); border: 6px solid #a733bb; right: -39px; }
.dotCircle  .itemDot.active .forActive { display: block; }
.round { position: absolute; left: 40px; top: 100px; width: 410px; height: 410px; border: 2px dotted #a733bb; border-radius: 100%; -webkit-animation: rotation 100s infinite linear; }
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ background: #7d4ac7; /* Old browsers */ background: -moz-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7d4ac7 0%, #a733bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); /* IE6-9 */ border: 2px solid #ffffff; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); }
.dotCircle .itemDot { font-size: 40px; }
.contentCircle { width: 250px; border-radius: 100%; color: #222222; position: relative; top: 150px; left: 50%; transform: translate(-50%, -50%); }
.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; line-height: 250px; }
.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
.contentCircle .CirItem i { font-size: 180px; position: absolute; top: 0; left: 50%; margin-left: -90px; color: #000000; opacity: 0.1; }
@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle { width: 300px; height: 300px; margin: 110px auto; }
	.holderCircle::after { width: 100%; height: 100%; }
	.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
@media only screen and (min-width:600px) and (max-width:767px) { }
@media only screen and (min-width:768px) and (max-width:991px) { }
@media only screen and (min-width:992px) and (max-width:1199px) { }
@media only screen and (min-width:1200px) and (max-width:1499px) { }
  .title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1; }
        .title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); font-weight: 800; color: #640178; }
        .title-box p {font-size: 17px; line-height: 2em; }
/*slider end---*/
/*Product page---*/

.para1 {
    /* font-size: 12px; */
    color: #a59b9b;
    padding-top: 20px;
}
.para1 p {
	color: #a59b9b;
    font-size: 17px;
    text-align: justify;
}