/* Atelier du Touher MAIN CSS */




/* Page Items */

    a {
      color: #7a3f15 !important;
      text-decoration: none;
    }

    a:hover {
      color: #f2bc38 !important;
      text-decoration: none;
    }

    a:visited {
      color: #7a3f15 !important;
      text-decoration: none;
    }

    .font-alt {
      font-family: Philosopher;
      font-weight: 500;
    }

    .font-alt-2 {
      font-family: Bilbo Swash Caps;
      font-weight: 400;
    }

    body {
      font-size: 16px;
      font-family: Work Sans;
      line-height: 1.6;
      font-weight: 300;
      background-color: #ffffff;
    }



    .img-gradiant {
      -webkit-border-top-left-radius: 15px;
      -moz-border-top-left-radius: 15px;
      border-top-left-radius: 15px;
      -webkit-border-top-right-radius: 15px;
      -moz-border-top-right-radius: 15px;
      border-top-right-radius: 15px;
      -webkit-border-bottom-left-radius: 20px;
      -moz-border-bottom-left-radius: 20px;
      border-bottom-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -moz-border-bottom-right-radius: 20px;
      border-bottom-right-radius: 20px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s;
    }


   .target-list{
    list-style: none;
    padding: 0;
  }
 .target-list li {
    padding-left: 1.3em;
  }
.target-list li:before {
    content: "\f054"; /* FontAwesome Unicode &#xf054;*/
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color : #f2bc38;
  }
 .panel-target {
   /*min-width: 500px; */
  /* width: 100%;  */
   margin: 10px 10px 20px 20px;
 }

     .panel-shadow {
      -webkit-box-shadow: 3px 4px 22px -7px rgba(0,0,0,0.48);
-moz-box-shadow: 3px 4px 22px -7px rgba(0,0,0,0.48);
box-shadow: 3px 4px 22px -7px rgba(0,0,0,0.48);
    }

    /*.panel-book {
   background-color:#ffe6cd;
   border-color:#f2bc38; i
 }*/

 .panel-lighted {
      /*background-color: #f2bc38 !important;
      color : crimson;*/
       background-color:#ffe6cd;
   border-color:#f2bc38 !important;
    }


 .content-header {  
   /*background-color: #7a3f15;
   background-color: #E26D26;*/
   background-color: #DA7F3E; 
   color: #fff;
   padding: 20px 20px 20px 20px;
   margin-bottom: 50px;
 }

 .modal input {
   min-width: 300px;
 }

.color-background {
  background-color: #DA7F3E;
}

/* ##### */



/* Override CSS */

/* Carousel */
    .item a {
      color: #f2bc38 !important;
    }

    .item a:hover {
      color: #fff !important;
    }

    .item a:visited {
      color: #f2bc38 !important;
    }


/* Bootsrap */
.navbar-brand {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      text-align: center;
      margin: auto;
      color: #7a3f15 !important;
      font-family: Philosopher !important;
      font-weight: 1000 !important;
      font-size: 40px !important;
    }

    .navbar-toggle {
      z-index: 3;
    }

    .navbar-nav li a {
      font-weight: bolder !important;
      font-size: 16px !important;
    }
    .page-header {
      margin: 40px 0 0;
    }

    .navbar .navbar-nav {
      display: inline-block;
      float: none;
    }

    .navbar .navbar-collapse {
      text-align: center;
    }

    /*.btn {
      color: #fff !important;
    }*/



    footer {
      /*background-color: #7a3f15;*/
      /*background-color: #E26D26 ;*/
      /*min-height: 130px;*/
      min-height: 120px;
      color: #fff
    }
    footer a {
      color: #fff !important;
      text-decoration: none;
    }
    
    footer a:hover {
      color: #f2bc38 !important;
      text-decoration: none;
    }

    footer a:visited {
      color: #fff !important;
      text-decoration: none;
    }

    .panel {
      border-color: #7a3f15;
      border: 1px solid #7a3f15;
      margin-bottom: 20px;
     /* -webkit-border-top-left-radius: 15px;
      -moz-border-top-left-radius: 15px;
      border-top-left-radius: 15px;
      -webkit-border-top-right-radius: 15px;
      -moz-border-top-right-radius: 15px;
      border-top-right-radius: 15px;
      -webkit-border-bottom-left-radius: 20px;
      -moz-border-bottom-left-radius: 20px;
      border-bottom-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -moz-border-bottom-right-radius: 20px;
      border-bottom-right-radius: 20px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s;*/
    }

    .intro{
      font-size: 18px;
    }

/* FORM */
.form {
  padding: 20px 15%;
}

.formrow {
  clear: both; 
  overflow: hidden; 
  padding: 1px; 
  margin: 0 0 10px 0;
}

.legend {
  float:left; 
  width:25%; 
  padding-right: 10px; 
  text-align: right;
}
.fieldset {
  float:right; 
  width:75%;
  
}
.fieldset  input{
  width: 350px;  
  max-width: 100%;
}
.fieldset  textarea{
  width: 350px;  
  max-width: 100%;
}

/* TABLE */
table {
  border: 1px solid #7a3f15;
  vertical-align: center;
  width: 100%
}
table thead {
  background-color: #DA7F3E;
  color: #fff;
  font-weight: 500;
  
}
table tbody {
  padding: 10px;
  border: 1px solid #DA7F3E;
  height: 20px;
}

table tr td {
  height: 20px;
  padding: 10px;
}

table tr:nth-child(even) td{
background-color: #ffe6cd;
}


@media screen and (max-width:350px) {
  .navbar-brand {
    font-size: 30px !important;
  }


}
@media screen and (max-width:650px) {
  .form {
    padding: 0px 0px;
  }
.legend {
    float:none; 
    width:100%; 
    padding-right: 0px; 
    text-align: left;
  }
  .fieldset {
    float:none; 
    width:100%;
    max-width: 350px;
  }

  .fieldset  input{
    width: 100%;
    
  }
  .fieldset  textarea{
    width: 100%;
    
  }

}
/* ##### */

