/* 
 * 	Owl Carousel - Auto Height Plugin
 */
 html{
  width: 100%;
  font-family: " Verdana";
 background:#fbf0e6;
 /*  url(../images/web/fond.png) repeat-y /*url(../images/web/book.gif) repeat-x  #4b4b4b*/; 

 }

 body{
height: 90%;
width: 70%;/**/
margin: 0 auto;
background: #393236;

 }





#bandeauhaut{
  
  min-height: 250px;/* */
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;

  line-height: 200px;
   vertical-align:middle;
  text-align: center; 
}

/*texte les reno du rodig
#logo{  
width: 100%
height:250px;
border:1px solid green;
margin-top: 10px;
margin-left: 15%; 
}*/

.logo img{
  /* vertical-align:middle;*/
margin-top: 10px;
}

.logo { 

 /*float: left;*/
 border:0px solid #ff7800;/*orange*/
 height: 150px;
 width: 150px;
 cursor: pointer;
 /* background: url(../images/menu/lrldr.png)no-repeat  ;
 padding-top: 120px;width: 100px;
display: block;*/
 margin-left:   auto;
 margin-right: auto;

}

.lrdr{
  line-height: 250px;
  border:0px solid red;
 /* float: left;
  margin-left: 50px;*/  
 margin-top: 25px; /* */
  font: 1.3em "Verdana";
  color:#d5c3b3; }

.menuHaut{
width: 100%;
float:left;/**/
border: 0px solid green;
height: 45px;
text-align:center; 
line-height:45px;

  /*margin: 70px 15% 0px 0px ;*/
}
/* cadre du menu haut*/


.menuHaut li{
width: 20%;
float:left;/**/
border: 0px solid red;
border-left: 1px solid #adac98;/**/
-webkit-border-radius: 0 0 0 10px;
list-style-type: none ;
}

.menuHaut li a {
  font: 1.1em "Verdana";
  color:black;
/*  display: block;*/
}
/*.menuHaut*/ 
li :hover{
  /*background:url(../images/web/menuH.png) repeat-x ; */
  color: orange;
} 
/*.menuHaut*/
 li a:hover, li a:active {color: orange;} 


#bandeau  {

  background: #d5c3b3;
  height: 80px;
  line-height: 80px;
  width: 100%;
  text-align: center;
 /*
 vertical-align: middle; 
*/
}

.scrollReturn {
/*padding-right: 15px;
text-align: right;*/
margin-top:  30px;

  font: 1.0em "Verdana";
  background:#393236; 
  color:#d5c3b3;
  border: 0px white solid;
  cursor: pointer;
  width: 25px;/**/
    -webkit-border-radius: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 50px;
 /*
 vertical-align: middle; 
*/
}
#bandeau h3 {

  height: 80px;
  /*width: 100%;
  text-align: center;
  display: table-cell;
 vertical-align: middle;*/ 

}

/*
*
*
*
*
*
                            JQUERY SLIDE
*
*
*
*
*
**
*
*

*/
/*#cadreHaut.pushd{clear:right;}
*/


#cadreHaut {
  /* padding: 0px 0 50px 0;
  border: 1px solid yellow;
  background: #363233; */
  height: 100%;/**/
 
 /* margin:5px auto 20px;
  width: 80%;
  margin-left: 10%*/
 /*  min-height: 600px;
 border: 0px solid black;*/
}
/*
label{
  font-size : 1.8em ;
  color:#5a4e55; 
  margin-top: 20px;
  height: 100px;
  border-bottom: 0px white solid;
  border-left: 1px white solid;
  -webkit-border-radius: 0 0 0 10px;
  margin-bottom: 20px;

}
*/
#menuGauche{
  display: block;
  margin-top: 50px;
  float: left;/**/
  border: 1px solid blue;
  width: 250px;
  

}

 #mnu li  { 
  font-size : 1.5em ;
   padding-top: 10px;
  /*border: 1px solid white;*/
  margin-top: 10px;

}

#mnu li a {
  color:white;

/*  display: block;*/
}
#mnu li :hover {
  background:url(../images/web/menuH.png) repeat-x ; 
  color: orange;
} 
#mnu li a:hover, li a:active {color: orange} 

/**/
li a{
 text-decoration: none;
 padding: 0 10px 0 10px;}

nav ul li { 
  border-bottom:1px solid #5a4e55; ;
  list-style-type: none; 
}


#mnu li img{

  width :50px;
  height: 50px;
  border: 0px solid white;
  -webkit-border-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-radius: 30px;
  vertical-align:middle;
}




/* cadre du portofolio*/
#temp{
  float: left;
  border: 1px solid black;
  margin-left: 15px;
   margin-bottom: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;-webkit-box-shadow:
  0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;
  /*font-family: "Lucida Handwriting";*/
  font-size: 0.8em;

}

#mini img{
  
margin: 5px;
height: 120px;
width: 120px;

 padding:5px;
 -webkit-border-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;-webkit-box-shadow:
  0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;
}

/*cadre des savoir faire*/
#stage{
  
  width: 30%;
  height: 400px;
  margin-left: 15px;
  margin-bottom: 15px; 
 /* -right:  2% ;
  margin-right: auto;*/
  margin:15px 10px; 
  float: left;
  border: 0px solid red;
  -webkit-border-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;-webkit-box-shadow:
  0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;
}

/* > div{*/
/*.masonryGrid*/
#realisation h3 {
height: 35px;
margin-top: 30px;
 text-align: center; 
    font: 1.3em "Verdana";
  color:#d5c3b3; 

}


#quelquesRealisations .masonry{
  column-count: 2;
}

/*Les vignettes*/

#quelquesRealisations img{
  /*border: 1px red solid;*/
float: left;
width:90%;
text-indent: 0px;
/*margin:1%; */
margin-bottom: 15px;
-webkit-border-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;-webkit-box-shadow:
  0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;
}

#quelquesRealisations {
 
text-indent: 0px;
margin-left: 15px;
}



#logostage {


 margin : 0px auto;
 background: white;
 width: 70%;
 border: 0px solid red;
 
 -moz-box-shadow: 0px 2px 5px #888;
 box-shadow: 0px 2px 5px #888;
/* */
}
#txt {
/*width: 55%;
margin-left: 20px;*/
border: 0px solid red;
/**/

}
li{
list-style-type: circle;

}
h4{
  text-align: center;
background: #9b9999;
  border-bottom: 1px solid grey;
}

/*

/*
/*
/*
/*            CAROUSSEL
/*

/*

/*definit la largeur du caroussel*/
#carousselmarie{

/*padding: 0px 10px 0px 10px;*/
margin-right: 5%;
float: right;
height: 50%;
width: 60%;
border: 3px solid green;
background: #363233  ;
opacity: 0.9;
}

#carousselcenter{
margin: 0 auto;
/*height: 480px;/*250 350 /* 480*/
width: 80%;/*/*450*/
border: 1px solid white;
/*background: white ;*/

}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
 /* padding: 0px;*/
  
  margin: 0 auto;
  align-content: center;/**/
  border: 1px solid red;
  height:90%;/*350px;  /*30% ;auto*/
  width: 90%;/*250px; /* 40%;

  background: black;*/
padding: 10px;
}
.owl-carousel .owl-stage {

   border: 1px solid yellow;
margin:  0px auto;
 width: 90%;
 /**/
}

.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  background: white;
  color: black;
  text-decoration: none;

}

.owl-carousel .owl-item {
  border: 0px white solid;
 

}
.owl-carousel .owl-item img{
  border: 5px blue solid;
 
margin:0px auto;

  
 width:288px;
  /*     margin-left: auto;
        auto ;
      
      padding-right:  0px;  */
}
/*
#carousselmarie #carousselcenter{

}
*/
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*

*/


#content{
  
  /* min-height: 600px;*/
  width: 100%;
  /*background: white;
  border: 3px solid black;
  -webkit-border-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow:
  0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;*/
}

#vignettegauche {


}
#vignettegauche img{

float: left;
width :25%;
/*height: 100%*/
padding-right: 10px;
border: 0px solid white;
max-height: 300px;
}

/*#presentation*/
 h3{
 /* border-bottom: 1px black solid;
font-family: "Lucida Handwriting";*/
height: 35px;
margin-top: 25px;
 text-align: center;
 
  border: 0px red solid;
    font: 1.3em "Verdana";
  color:#d5c3b3; 
}

#presentation 
{
 /*  min-height: 280px;
 float: right;
  width: 75%;*/
  text-indent: 20px;
 /* height: auto;*/
 font: 1.0em "Trebuchet MS", helvetica, sans-serif;
 color: white;
 background:#393236;/* #f2f2f2;*/
  /*margin:0px 0px 0px 25%;
  padding-top: 5px;
  padding-left: 30px;*/
  /*width: 100%;*/
  border: 0px solid red;
  text-align: justify;
  padding-right: 15px;
  /* -webkit-border-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;-webkit-box-shadow:
  0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;*/
}
#presentation::after{
  content: "";
  clear:  left;
  display: table;

}

 #contact{

  height: 200px;



}

.contact{
  float: left;
  margin-top: 25px;
padding-top: 70px;
padding-right: 50px;
height: 100%;
vertical-align: middle;
  width: 50%;
   text-align: right;
  border-right:  1px #d5c3b3 solid;
  font: 1.5em "Verdana";
  color:#d5c3b3;  
}
 .information{
float: right;
  margin-top: 25px;
padding-top: 50px;
padding-left:  50px;
height: 100%;
vertical-align: middle;
  width: 50%;
   text-align: left;
  border:  0px red solid;
  font: 1.2em "Verdana";
  color:#d5c3b3;  
}

#textpresentation {
 /*float: left; 
 border: 1px solid white;*/
}



}
 #demons{



 }

/**/
.push{clear:left;


}

.gif{
    display: block;
    border: 5px white solid;
    margin-left: auto;
    margin-right: auto ;
    margin-top: 100px;

}





#foot{
text-align: right;
}

span{
 color:#d5c3b3; 
}
span.required{ font-size: 13px; color: #ff0000; }

.error{
  color:#FF6262;
   font-size:1.1em;
    width: 200px;
     display: block; /**/
     border: px red solid;
float:left;
margin-left:50px; 
   }

/*span.logout{float:right;}
*/
#successlogo{float: left;height: 50px; padding-top: 50px; width:130px; background:url(../images/success.png) no-repeat right;}
#success{float: left; width:450px; height:140px;  line-height:40px;margin: 30px auto;font-size:1.7em; color:#393236;}



#foot a {
color: #d5c3b3; 
}
 
#foot  a:hover, a:active {color: orange;} 









/*
#content {margin:0px auto; }
*/
#logocontact{

  float: right;
  margin: 10px 40px 10px 20px; 
  border: 0px solid white; 
  padding-top: 15px;
 /* height: 300px; 
  background:#adac98*/
} /*
#logocontact  #log{ 
  width: 150px;
   height: 150px;  
   padding: 50px;
  background: url(../images/menu/lrdr.png) top center no-repeat;

  width: 150px;
   height: 150px; 
  background: url(../images/web/framboise.jpg) top center no-repeat; 

    }*/ 
#logocontact #adresse{
  width: 100px;  
  margin-top:0px ; 
  color: #393236; 
  margin-left:5px; 
  padding: 1px;}

/* confirmation du message envoyé
#donnees{ height: 26px;  line-height: 26px; color:#393236;  font-size: 1.2em;text-align:center; }
*/
/*
#filesubmit {margin-left: 200px;border: 1px solid red  }

*/
label {
  display: block;
  margin-left:50px; 
  float: left;/**/ 
  height: 26px; 
  line-height: 26px;
  width: 90%; 
  font-size: 1.2em; 
  text-align:left; 
  margin-right:0px;
  color:#d5c3b3; /* #5a4e55;*/ 
  padding: 0px;  
  border: 0px solid red; 
}


input, textarea, select { 
 display:block; 
 width:90%; 
 padding: 8px; 
 color: #666; 
 background: #f5f5f5; 
 border: 1px solid #ccc; 
 margin: 5px 0;  
 margin-left: 50px;
 font:1.3em ;
 -moz-border-radius: 5px;
 -webkit-border-radius:5px;
 }  

input:focus, textarea:focus, select:focus { 
  border: 1px solid #999; 
  background-color: #fff; 
  color:#333;
   }

input.submit { 
  display:block; 
  margin-top:20px;
  margin-left:180px;
  width: 180px;
  cursor: pointer; 
  border: 1px solid #222; 
  background:#333; 
  color:#fff; 
  -moz-border-radius: 5px; 
  -webkit-border-radius:5px;  
  border-radius: 10px;
  border-radius: 10px;
}

input.submit:hover {
  background:#444;
   }

fieldset {
 padding:120px;
 border:1px solid #eee;
 -moz-border-radius: 5px;
  -webkit-border-radius:5px;
}

legend { 
  padding:7px 10px; 
  font-weight:bold; 
  color:#000; 
  border:1px solid #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
     }

textarea{
  height: 250px;
   }

span.required{ 
  font-size: 13px;
   color: #ff0000;
    }  /*Select the colour of the * if the field is required.*/
/*
#content a{
  color:#4E7C6A;
}

#content a:hover{text-decoration:none; color:#444;}
*/
h1{margin-bottom:20px;}
#load{width:200px; height:60px; padding:2px; margin-top:0px;background:url(../images/ajax_loader.gif) no-repeat; margin-left:270px; } 

form{
  width: 90%;
  margin:auto ; 
  border: 1px #ccc solid;
  -webkit-border-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888; 
}





/*
#cadreHaut div img{

}

 #slideshow img{ 

  border:1px solid green;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0,0,0,0.4); 
  height:100%;
width: 100%;

}



#slideshow { 
border: 5px solid red;
float:right;
position: relative;
  width: 70%;
}

#slideshow > div { 
  border: 1px solid blue;
  position: absolute;
margin:10px 0px 20% auto;
  
}
*/

/*
*
*
*
*
*           CSS ISOTOPE
*
*
*
*
*
*/

   /* body{
            font-family: 'Poppins', sans-serif;
            background-color: #4c4177;
background-image: linear-gradient(315deg, #4c4177 0%, #2a5470 74%);
            height: 100vh;
            overflow: hidden;
            color: white;
        }
     */ 


.filters ul {
  padding: 0;
}

 .filters ul li {
  list-style: none;
  display: block;
 /* padding: 15px 0px;*/
  cursor: pointer;
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color:#d5c3b3; /*#fff;*/
  text-transform: capitalize;   
  transition: all 0.3s ease-in-out;
   margin-top: 25px;
  padding-left: 10px; 
  border-left: 1px solid #adac98;
  -webkit-border-radius: 0 0 0 10px; 
/*margin-right:  105px;*/
}
/**/
 .filters ul li.active,
 .filters ul li:hover {
  color:  orange;
}
 .filters-content {
  margin-top: 50px;
}
 .filters-content .show {
  opacity: 1;
  visibility: visible;
  transition: all 350ms;
}
 .filters-content .hide {
  opacity: 0;
  visibility: hidden;
  transition: all 350ms;
}

 .filters-content .all {
  margin-bottom: 30px;
}

 .filters-content .item {
  text-align: center;
  cursor: pointer; 
  transition: all 0.3s ease-in-out;
}
 .filters-content .item:hover {
  opacity: 0.75;/**/
}
 .filters-content .item .p-inner {
  padding: 20px 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
 .filters-content .item .p-inner h5 {
  font-size: 15px;
}
 .filters-content .item .p-inner .cat {
  font-size: 13px;
}

 .filters-content .item img {
  border-radius: 10px;
  width: 100%;
  border: 1px solid white;
  
  overflow: hidden;-webkit-box-shadow:0px 2px 5px #888;
  -moz-box-shadow: 0px 2px 5px #888;
  box-shadow: 0px 2px 5px #888;
}

#projects {
  padding-top: 5px;
  margin-top: -15px;
}

#projects .section-heading {
  margin-bottom: 10px;
}

#projects .section-heading h6 {
  color: #5fb759;
}


@media (max-width: 992px) {
  #projects .filters ul li {
    display: inline-block;
    margin-top: 5px;
    padding-left: 10px;
  }
  #projects .section-heading {
    margin-bottom: 0px;
  }
}
     
     .col-lg-9 {
      margin-top: -30px;
     }
     

        #lightbox{

            margin-top: 10px;
        } 

 .filtrers ul li{

list-style: none;
  display: block;
 /* padding: 15px 0px;
  cursor: pointer;*/
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color:#d5c3b3; /*#fff;*/
  text-transform: capitalize;   
  transition: all 0.3s ease-in-out;
   margin-top: 25px;
   margin-left: -30px;
  padding-left: 5px; 
  border-left: 1px solid #adac98;
  -webkit-border-radius: 0 0 0 10px; 
 
}

/*
*
*
*
*
*         FIN  CSS ISOTOPE
*
*
*
*
*
*/