/* ==========================================================================
   Author : ALPAWEB
   ========================================================================== */
body,html{height:100%;min-height: 100%;}

body{
    color:#000;
    font-size:14px;
    font-family: 'Karma', sans-serif;   
    background: url(/img/bgBody.png);
}

/****************************************************************
                            HEADER
****************************************************************/
#header .navbar-header {width:100%}


.navbar {
    background:none;
    box-shadow: none;
    min-height: 130px;
    -webkit-box-shadow: none;
    margin-bottom:0px;
    border:none;
    filter:none;
}


.navbar-brand{
    margin:10px !important;
    padding:0;
}

.navMenu{
    width:100%;
    height:40px;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e30613), to(#a0040d));
    background-image: -webkit-linear-gradient(top, #e30613, 0%, #a0040d, 100%);
    background-image: -moz-linear-gradient(top, #e30613 0%, #a0040d 100%);
    background-image: linear-gradient(to bottom, #e30613 0%, #a0040d 100%);
    background-repeat: repeat-x;
    border-radius:10px 10px 0px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe30613', endColorstr='#ffa0040d', GradientType=0);
}
.nav{width:100%;height:40px;}
.nav>li{margin:0px !important;padding:0;width:20%;border:0;}
.nav>li>a{
    padding:0px 10px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:16px;
    line-height: 45px;
    height: 40px;
    border-radius:0px;
    border-right:1px solid #ff081c;
    box-shadow: 1px 0px 0px #930000;
}
.nav>li:last-child>a{border-right:0px;box-shadow:none;}
.nav > li > a:hover, .nav > li > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    color:#e3a779;
    background:none;
}

.nav li.dropdown:hover > ul {display: block;}

.dropdown-menu {
    box-shadow: none;
    padding-top:10px;
    margin:-3px 0px 0px 0px;
    border:0px;
    background:none;
    border-radius: 0px 0px 10px 10px;
}

.dropdown-menu > li {list-style-image: none !important;list-style: none !important;}

.dropdown-menu > li > a{
      font-weight: bold;
      font-size:16px;
      text-transform: uppercase;
      color:#fff;
      text-align: left;
      padding:3px 10px;
      text-shadow:none;
      line-height: 30px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color:#fff !important;
    text-shadow:none;
    filter:none;
    background:#ea652b;
    border-radius:5px;
}


/****************************************************************
                            CONTENU
****************************************************************/
#wrap{
    position: relative;
    margin-top: 5px;
}

#banner{
    position: relative;
    z-index: 3;
}

.photosHeader{
    margin:0px -10px 0px 0px;
    text-align:center;
    width:100%;
    background:url(/img/ombre.png) no-repeat bottom center;
    padding-bottom:30px;
}

.photosHeader img{
    border-radius:0px 0px 10px 10px;
}

.texte,.texte1,.texte2{
    padding:20px;
    border-radius:10px;
    background:#fff;
    background:rgba(255,255,255,0.5);
    min-height:300px;
    margin-bottom:10px; 
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}
.texte{
    min-height:0px;
}
.texte2 h2{
    margin-top:0px;
}

#GGMap{
    height: 350px;
    width: 100%; 
    border-radius:10px;
}

.infoTop{
    font-weight: 400;
    text-align: right;
    font-size:18px;
    color:#000;
    text-shadow:1px 1px 0px #fff;
    margin-top:20px;
}

.tel,.tel a{
    font-size:32px !important;
    color:#e30613;
    line-height: 15px;
}

.tel span{
   font-size:14px;
}

.carte ul, .carte ul li{
    margin:0;
    padding:0;
    list-style:none;
}
.carte ul li{
    margin:10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.carte .panel-body em{
    font-size:18px;
    font-style: normal !important;
    color:#666;
    float:right;
}

.panel-group .panel{
    border-radius:10px;
    border:0;
}

.panel-default > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e30613), to(#a0040d));
    background-image: -webkit-linear-gradient(top, #e30613, 0%, #a0040d, 100%);
    background-image: -moz-linear-gradient(top, #e30613 0%, #a0040d 100%);
    background-image: linear-gradient(to bottom, #e30613 0%, #a0040d 100%);
    background-repeat: repeat-x;
    border-radius:10px 10px 0px 0px;
    padding:0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe30613', endColorstr='#ffa0040d', GradientType=0);
}
.panel-default > .panel-heading h2 a{
    color:#fff;
    font-size:18px;
    display:block;
    width:100%;
    height: 40px;
    text-align:center;
    line-height: 45px;
}
.panel-default > .panel-heading h2 a:hover{
    color:#e3a779;
}
/****************************************************************
                            FOOTER
****************************************************************/

#footer{
    padding:10px 0px;
    color:#8e5e35;
    font-size:13px;
    margin-top:20px;
    margin-bottom:20px;
}

ul.footer-links{
    list-style:none;margin:0;padding:0;display:inline
}

ul.footer-links li{
    margin:0;padding:0px 10px;display:inline;
}
ul.footer-links li:first-child{padding-left:0;}
ul.footer-links li a{
    color:#8e5e35 !important;   
}

ul.footer-links li a:hover{
    text-decoration: none;
    color: #fff !important;
}
.row {
    margin-left:0;
    margin-right:0;
}
/****************************************************************
                         MISE EN PAGE
****************************************************************/
h1{
    color:#383c41;
    font-family: 'Karma ', serif;
    font-size:26px;
    font-weight: normal;
    margin-top:0px;
}

h2{
    font-family: 'Karma', serif;
    color:#e30613;
    font-size:20px;
    font-weight: 400;
}

h3{
    font-family: 'Karma', serif;
    color:#e30613;
    font-size:18px;
    font-weight: 700;
} 

.text-center img {
    display:inline-block;
}


a{color:#e30613;}
a:hover,a:focus{color:#383c41;text-decoration:none}

.selectnav{
    display: none;
    width: 96%;
    float: right;
    margin:7px 2%;
    height: 30px;
    padding: 5px 12px;    
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
              transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

form#contact{margin-top:20px;}

.breadcrumb{margin:0;background: none;padding:0;}

.modal-body{color:#3c3c3c !important;}
  
.form-control{
    border-radius:0;
    -webkit-border-radius:0;
    height:30px;
    padding:5px 10px;
    font-size:14px;
}

/****************************************************************
                          RESPONSIVE
****************************************************************/
@media (min-width:1200px) {
}

@media (max-width:990px) {
    .selectnav{display: block;}
    #mainMenu{display: none;}
    .navbar {background:none !important;}
    .menus .col-md-6{float:none !important}
}

@media (max-width:767px) {
    .navbar-fixed-top{position:static;}
    body{padding:0;}
    a.navbar-brand{width: 100%;text-align: center;}
    a.navbar-brand img{display: inline-block;}
    .navbar-header{width: auto;margin:0px !important;}
    .photo{ margin:20px auto;}
    .infoTop{width:100%;text-align: center;margin-top:5px}
}

@media (max-width:465px) {
    h1{font-size:24px;font-weight: 700;}
    h2{font-size:18px}
    .navMenu{float:none !important;}
    .navbar-header{margin:0 !important;}
}