@font-face {
    font-family: "Titillium";
    src: url('../fonts/TitilliumWeb-Regular.ttf');
}

@font-face {
    font-family: "Titillium";
    font-weight : bold;
    src: url('../fonts/TitilliumWeb-SemiBold.ttf');
}

@font-face {
    font-family: "Titillium";
    font-weight : bolder;
    src: url('../fonts/TitilliumWeb-Bold.ttf');
}

@font-face {
    font-family: "Titillium";
    font-weight : lighter;
    src: url('../fonts/TitilliumWeb-Light.ttf');
}



@font-face {
    font-family: "Titillium";
    font-weight : 900;
    src: url('../fonts/TitilliumWeb-Black.ttf');
}



@font-face {
    font-family: "Oswald";
    src: url('../fonts/Oswald-Regular.ttf');
}



body
{
     font-family: "Titillium";
     color : #2a2a2a;
     font-size :16px;
}

.menutext a{
	color :#000;
	text-decoration : none;
}

.uppercase
{
    text-transform: uppercase;
}

.autocenter
{
    margin-left :auto;
    margin-right :auto;
}

.left
{
    float : left;
}

.right
{
    float : right;
}


.clear
{
    clear : both;
}

.produits
{
    padding : 10px;
}

.produits .titre
{
    font-size :18px;
    font-weight : bold;
    text-transform: uppercase;
    padding-bottom :5px;
}

.produits .type
{
    font-size :18px;
    color: #fff;
    background-color : #000;
    font-weight : bolder;
    padding :5px;
}

.produits .p_img
{
    width : 30%;
}


.produits .p_content
{
    width : 70%;
}

.produits .description
{
    font-size : 16px;
}

.produits .namedata
{
    font-size : 14px;
    text-transform: uppercase;
}

.produits .data
{
    color : #e92a22;
    font-size : 14px;
}
.produits hr
{

    border : 1px #2a2a2a dashed;
}

.produits .image
{
    padding :10px;
}



.p_img
{
    
}

.p_content
{
   
    
}

.menu
{
    font-family: "Oswald";
    color: #fff;
    background : #000;
    text-transform: uppercase;
    font-size: 17px;
    text-align : center;
    padding :0px;
}

.menu a{
    color:#fff;
    text-decoration:none;
}

.logo
{
    margin-top :35px;
    margin-bottom :20px;
    float :left;
}

.menutext
{
    text-transform: uppercase;
    font-family: "Oswald";
    font-size: 16px;
    margin-top:35px;
}

.tel{

    font-family: "Titillium";
    color:#e92a22;
    font-size :28px;
    font-weight : bolder;
    letter-spacing : 0.1em; 
    margin-bottom :10px;
    margin-right :10px;
}

.tel a{

    font-family: "Titillium";
    color:#e92a22;
    font-size :28px;
    font-weight : bolder;
    letter-spacing : 0.1em; 
    margin-bottom :10px;
    margin-right :10px;
}


.iconmail
{
    display:inline-block;
    margin-left :10px;
}

.submenu 
{
     padding : 0;
}

.submenu_link
{
    position : relative;
}

.submenu2
{
    position :absolute;
    z-index:9999;
    background-color: #e92a22;
    padding :20px;
    font-size :16px;
    font-family: "Titillium";
    font-weight : bold;
    text-align:left;
    min-width : 600px;
    display:none;
    
}

.submenu  ul
{
    margin-left :auto;
    margin-right :auto;
    background-color : #e92a22;
    text-align:center;
    padding : 0;


}

.submenu li
{
  display : inline-block;
  font-family : "Oswald";
  font-size : 16px;
  color : #fff;
  margin-left:15px;
  margin-right:15px;
  padding-top:15px;
  padding-bottom:15px;

}

.vous
{
    font-size :27px;
    font-family: "Titillium";
    font-weight : bold;
}

.cherchez
{
    font-size :28px;
    font-family: "Titillium";
    font-weight : 900; 
}

.search .title{
    font-size :14px;
    font-family: "Titillium";
    font-weight : bold;
    text-transform: uppercase;
}

.search select{
    width:100%;
    padding :10px;
    margin :10px;
}

.marques .title
{
    font-size :18px;
    font-family: "Titillium";
    font-weight : bold;
    text-transform: uppercase;
}


.marques {
	margin-bottom :30px;
}
.marques  img{
    display:inline-block;
    text-align:center;
    /*margin-left:20px;
    margin-right:20px;*/
    /*padding :20px;*/

}

footer ul{
    margin :0;
    padding :0;
}

footer
{
    font-size :18px;
    font-family: "Titillium";
    font-weight : lighter;
}

footer li
{
    list-style-type: none;
    margin :0;
    padding :0;
    font-size :16px;
    font-family: "Titillium";
    font-weight : bold;
}


.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input{
    background-color: #e92a22;
    color:#fff;
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    background-color: #e92a22;
    color:#fff;
}

.selectize-control {
    background-color: #e92a22;
    color:#fff;
    font-size :16px;
    font-family: "Titillium";
    margin-bottom: 5px;
}

.selectize-input {
   border: none; 
}
.selectize-dropdown-content
{
    background-color: #e92a22;
    color:#fff;
}


.bx-wrapper .bx-controls-direction a {
    z-index :9997;
}

.mr20
{
    margin-right : 20px;
}

.accordeon 
{   
    margin :0;
    padding : 0;
    margin-bottom :30px;
	margin-left :auto;
	margin-right :auto;
	text-align:center;
}


.accordeon li
{
     display : inline-block;
    
      font-size : 16px;
      color : #fff;
      margin-left:0px;
      margin-right:0px;
      padding-top:0px;
      padding-bottom:0px;
      width: 11.5%;
}

.accordeon li img {
     width:137px;
}

#logosabc img
{
    display:block;
    padding :10px;
    margin-left :auto;
    margin-right :auto;
}

.menulink
{
    color:#fff;
    text-decoration : none;
}

.menulink:hover
{
    color:#fff;
    text-decoration : underline;
}

.rouge
{
    color :#e92a22;
}

h1
{
    font-size :40px;
    font-weight : lighter;
    font-family: "Titillium";
}

h2
{
     font-size :28px;
     font-weight : bold;
     font-family: "Titillium";

}

footer a
{
    color:#2a2a2a;
    text-decoration:none;
}

#accordeon_verticale
{
    list-style :none;
    margin-top : 20px;
    margin-bottom : 20px;
}

#accordeon_verticale .titre{
    color:#fff;
    background-color: #e92a22;
    padding-left :10px;
    font-size :20px;
    text-transform : uppercase;
    line-height: 40px;
}

#accordeon_verticale>li
{
        margin-bottom :30px;
}

#accordeon_verticale .contenu  {
    padding : 10px;
}

#accordeon_verticale .plus{
    background: url('../img/icone-plus.png') #e92a22  100% 0 no-repeat;
    height:38px;
    
}
#accordeon_verticale .moins{
    background: url('../img/icone-moins.png') #e92a22  100% 0 no-repeat;
    height:38px;
    
}

.cover
{

    overflow : hidden;
    /*height : 116px;*/
    
}


.img-realisation2
{
    max-height: 200px;
    background-color: #000;
}

.img-realisation
{
    width: 100%;
    background-color: #000;
    text-align: center;
}



.realisations
{
    margin-bottom :20px;
}

.realisations h1,.realisations h2,.realisations h3
{
    margin-top : 0px;
    margin-bottom : 0px;
}

.realisations .date
{
    margin-top :10px;
    margin-bottom :10px;
}


.realisations .contenu
{
    text-align : justify;
}


.nav-pills>li+li {
   margin-left: 0px; 
}


.menu li{
    width :20%;
}

.r0
{
    right :0;
}

.nav-pills a:hover{background:none;}

.titreproduit
{
    font-size :33px;
    font-weight : bold;
}

.slider-item-container h2
{
    display:none;
}

.horaires
{
    display:none;
}

.show{
    display :block;
}

#logosabc
{
    margin-bottom :20px;
}

#accordeon_verticale ul
{
    list-style-type : disc;
    margin :0;
    padding :0;
     list-style-position: inside;
}

.mr20
{
    margin-right : 15px;
}

#accordeon_verticale img{
    max-width : 150px;
}

.mw
{
	max-width :150px;
}

.auto{
	margin-left : auto;
	margin-right : auto;
}

.footer
{
    background : #000;
    color:#fff;

}

.navbar-toggle .icon-bar {
  background-color: #fff;
}



.slideable {
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.slide-right-back {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.slide-right {
-webkit-transform: translate3d(100%, 0, 0);

-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

/*------------- HEADER ---------------*/
.off-canvas{
position: fixed;
top: 0;
left: -250px;
height: 100%;
width: 250px;
background:#e92a22;
z-index: 8500;
padding: 0px;
}
.off-canvas ul{
padding: 15px;
margin: 0;

}
nav.off-canvas li a{
display: block;
text-align: left;
font-weight: 600;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px solid #444;
}
nav.off-canvas li a{
color: #fff;
}
nav.off-canvas li a:hover{
color: #444;
text-decoration: none;
}

.btn-off-canvas
{
    position :fixed;
    top:0px; 
    right :0px;
    color : #fff;
    background:#e92a22;
    z-index:9999;
    border : none;
    border-radius: 0px; 

}

.mayotte
{
    height:100%;
}

#accordeon_verticale
{
  padding-left: 0;
}


.titreproduit
{
    margin-left : 20px;margin-top :20px;
}


@media only screen and (max-width : 1000px) {
    .nav li a{
        font-size :13px;
    }

    .submenu_link
    {
        font-size:13px;
    }

    .submenu li {
      display: inline-block;
      font-family: "Oswald";
      font-size: 16px;
      color: #fff;
      margin-left: 15px;
      margin-right: 15px;
      padding-top: 7px;
      padding-bottom: 7px;
    }


}

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

   
    #accordeon_verticale .titre {
      color: #fff;
      background-color: #e92a22;
      padding-left: 10px;
      font-size: 15px;
      text-transform: uppercase;
      padding-top: 8px;

    }

    .mayotte
    {
        width:100%;
        height :auto;
    }

    .submenu_link
    {
        position : relative;
        color:#fff;
        text-transform:  uppercase;
        border-bottom :1px #a00 solid;
        padding: 10px 0;
    }

    .submenu2
    {
        position :relative;
        padding :10px;
        font-size :12px;
        font-family: "Titillium";
        font-weight : bold;
        text-align:left;
        min-width : 600px;
        display:none;
        color:#fff;
        background:none;
        
    }

    .r0
    {

    }
    
    .off-canvas 
    {
        overflow :auto;
        overflow-x :hidden;
    }

   
    .main-menu
    {
        background-color: #000;
    }
    .slideproduits {
        list-style-type :none;
    }
    

    .titreproduit
    {
        font-size:20px;
    }

    .titreproduit
    {
        margin-top : 35px;
    }



}

.icon-bar
{
    background-color: #fff;
    color: #fff;
}

.fiche_technique
{
    color:#000;
    text-decoration :underline;
}

.slider-item p
{
   /* background:#000;
    color:#fff;
    padding :5px;
    */
}


.caption
{

}
.vco-storyjs .vco-feature p {


}

.inputnewsletter
{
    font-size: 18px;
    color : #000;

}

.submenu_link > a{
    color: #fff;
}


.bxslider .img-realisation2 {
    max-height: inherit;
    max-height: 700px;
    max-width:100%;
}


.realisations
{
    cursor :pointer;
}

.listing_produits .title {

  font-size: 20px;
  font-family: "Titillium";
  font-weight: bold;
  text-transform: uppercase;

}

.listing_produits .image
{
    height :179px;
    /*border :1px #ccc solid;*/
}

.listing_produits a
{
    color : #000;
    text-decoration :none;
}

.video-js {
  background-color: none;
}