body { padding-top: 60px;}
[class*="col"] { margin-bottom: 0px; }
img { width: 100%; }

select {
    display: block;
    margin: 0 auto;
    background-color: #FFFFFF;
}
#protection,
#protectionCache{
    text-align: center;
}

#protectionCache,
#typeGaz {
    visibility: hidden;
    overflow: hidden;
    height: 1px;
    margin-top: -1px;
}
a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none; color: #000000}
a:active {text-decoration: none; color: #135c87}
a:hover {text-decoration: none; color: #135c87}

/*------------NAVBAR---------------*/

.navbar-custom {
	background-color:#135c87;
    color:#ffffff;
}
  
.navbar-custom .navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #135c87;
	background-color:#fff;
}
      
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    color: #135c87;
    background-color: #fff
}
      
.navbar-custom .navbar-brand {
  	color:#FFF;
}
.navbar-custom .navbar-toggle {
  	background-color:#FFF;
}
.navbar-custom .icon-bar {
  	background-color:#135c87;
}
.navbar-custom .dropdown-menu > li > a {
  	color: #FFF;
	background-color:#135c87;
}

.navbar-custoom .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color:#135c87;
	background-color:#135c87;
}

.navbar-custom .dropdown-menu > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
	color:#135c87;
    background-color:#fff;
}

.contenu{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    
}
.bouton-devis{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: #fff;
    background-color: #b6b6b6;
    height: 60px;
    width: 250px;
    font-size: 24px;
    border: 1px solid #8a8a8a;
    background-image: linear-gradient(bottom, rgb(182,182,182) 0%, rgb(182,182,182) 100%);
    background-image: -o-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(182,182,182) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(182,182,182) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(182,182,182) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(182,182,182) 100%);
 
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(182,182,182)),
        color-stop(1, rgb(182,182,182))
    );
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0px  -1px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 6px 0px #b6b6b6;
    -moz-box-shadow: 0px 6px 0px #b6b6b6;
    box-shadow: 0px 6px 0px #b6b6b6;
    -webkit-box-shadow: 0px 0px 0px #b6b6b6, 0px 3px 15px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 0px 0px #b6b6b6, 0px 3px 15px rgba(0,0,0,.4);
    box-shadow: 0px 0px 0px #b6b6b6, 0px 3px 15px rgba(0,0,0,.4);
}
.bouton-devis:active {
    background-image: linear-gradient(bottom, rgb(182,182,182) 0%, rgb(90,150,199) 100%);
    background-image: -o-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(90,150,199) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(90,150,199) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(90,150,199) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(182,182,182) 0%, rgb(90,150,199) 100%);
 
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(182,182,182)),
        color-stop(1, rgb(182,182,182))
    );
    
    -webkit-box-shadow: 0px 2px 0px #b6b6b6, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 2px 0px #b6b6b6, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    box-shadow: 0px 2px 0px #b6b6b6, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    transform: translate(0, 4px);


}

.bouton-devis:hover{
    background-image: linear-gradient(bottom, rgb(131,131,131) 0%, rgb(131,131,131) 100%);
    background-image: -o-linear-gradient(bottom, rgb(131,131,131) 0%, rgb(131,131,131) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(131,131,131) 0%, rgb(131,131,131) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(131,131,131) 0%, rgb(131,131,131) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(131,131,131) 0%, rgb(131,131,131) 100%);
 
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(131,131,131)),
        color-stop(1, rgb(131,131,131))
    );
}

.bouton-devis a:hover,
.bouton-devis a:visited,
.bouton-devis a:active,
.bouton-devis a:link{
    text-decoration: none;
    color: white;
    font-size: 30px;
}

.bouton-devis h2{
	color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 100;
    -webkit-animation-name: devis-animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: devis-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
a:hover{
    color: #135c87;
    text-decoration: none;
}
.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.img-responsive {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.img-responsive-ombre {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	-moz-box-shadow: 0px 2px 2px #656565;
	-webkit-box-shadow: 0px 2px 2px #656565;
	-o-box-shadow: 0px 2px 2px #656565;
	box-shadow: 0px 2px 2px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.img-accueil-ombre {
	max-width: 800px;
	height: auto;
	display: block;
	margin: 0 auto;
	-moz-box-shadow: 2px 2px 5px #656565;
	-webkit-box-shadow: 2px 2px 5px #656565;
	-o-box-shadow: 2px 2px 5px #656565;
	box-shadow: 2px 2px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.img-icon {
	width: 32px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.case h2 {
    text-align: center;
    margin-top: 10px;
	margin-bottom: -0.5px;
    font-size: 1.5em;
    letter-spacing: -0.015em; 
    font-weight: 700;
}
.clear {
	display: block;
	width: 100%;
	height: 10px;
	overflow: hidden;
	clear: both;
}
h1 {
	color:#135c87;
	font-size: 2.4em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	text-shadow: 2px 2px 4px #808080;
}
h2 {
	color:#000;
	font-size: 1.8em;
	margin-top: 0em;
	margin-top: 0em;
	margin-bottom: 1em;
}
h3 {
	color:#000;
	font-size: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
h4 {
	color:#000;
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 0.2em;
}
.btn-ville{
    background-color: #FFFFFF;
	color:#000000;
	border: 1px solid #999999;
}
a, 
a:visited,
a:link,
a:active{
    text-decoration: none;
}

.case img {
    width: 100%;
}

.case #map{
    display: block;
    width: 100%;
    height: 269px;
}

#contenu-acceuil .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

#contenu-acceuil .col-sm-4{
    height: 520px;
    padding-left: 15px;
    padding-right: 15px;
}

.case{
    text-align: center;
    padding:0px;
    height: 400px;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px grey;
    -webkit-box-shadow: 2px 2px 5px grey;
    -moz-box-shadow: 2px 2px 5px grey;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.case_carte #map{
    display: block;
    width: 100%;
    height: 450px;
}

.case_carte{
    padding:0px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px grey;
    -webkit-box-shadow: 2px 2px 5px grey;
    -moz-box-shadow: 2px 2px 5px grey;
}

#contenu-acceuil p{
    padding-left: 10px;
    padding-right: 10px;
}

#presentation {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.case p {
    text-align: center;
    margin-top: 0px;
    font-size: 1.0em;
    margin-left: 15px;
	margin-right: 15px;
}
.selectpicker{
  style: 'btn-info',
  size: 4
};


#certifs img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}

/*--Amiante, DPE, Electricite, ERNT...--*/

.entete{
    text-align: center;
}

.entete h2{
    font-weight: 700;
}

.contenu{
    height: auto;
}

.contenu .titre3{
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.contenu h3{
    font-weight: bold;
}

.contenu .row{
    padding-bottom: 10px;
    padding-top: 10px;
}

#myCarousel{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*------------------Devis----------------*/

.contenu-devis{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.contenu-devis h2{
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}

#protection,
#protectionCache{
    text-align: center;
}

#protectionCache,
#typeGaz {
    visibility: hidden;
    overflow: hidden;
    height: 1px;
    margin-top: -1px;
}

.contenu-devis form{
    padding-left: 15px;
    padding-right: 15px;
}

#label_captcha{
    text-align: center;
}

#label_captcha,
#captcha,
#img_captcha,
.contenu-devis button,
.contenu-devis img{
    display: block;
    margin-left: auto;
    margin-right: auto
}

#captcha {
    width: 190px;
}

.contenu-devis button,
.contenu-paypal button{
    background-color: #3498DB;
    box-shadow: 0 2px 1px #2173AF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    border-radius: 5px;
    margin-top: 20px;
    font-weight: 600;
}

.contenu-devis textarea {
    margin-right: 15px;
    margin-left: 15px;
    width: 95%;
}

#img_captcha{
    padding-top: 20px;
}

/*---------------Contact------------------*/

.contenu-contact{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.contenu-contact h2{
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}

.contenu-contact p{
    text-align: center;
}

#label_message,
.contenu-contact img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.contenu-contact form{
    padding-left: 15px;
    padding-right: 15px;
}

.contenu-contact button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #3498DB;
    box-shadow: 0 2px 1px #2173AF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    border-radius: 5px;
    margin-top: 20px;
    font-weight: 600;
}

.contenu-contact textarea {
    margin-right: 15px;
    margin-left: 15px;
    width: 95%;
}

/*---------------Envoie devis-------------*/

.contenu-envoie-devis{
    text-align: center;
}

.contenu-envoie-devis li{
    text-decoration: none;
}

ul.no_bullets{
    list-style-type: none;
}

/*---------------Textes légaux------------*/

.contenu-textes{
    text-align: center;
}

#adobe{
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/*-------------------footer---------------*/

#footer .container{
    text-align: center;
    font-size: 14px;
    width: 100%;
}

#footer{
    position: relative;
}

.col-md-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

#footer .container .row{
    padding: 10px;
}

/*----------------lire texte-----------*/

.bouton-retour{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: #fff;
    background-color: #538fbe;
    height: 50px;
    width: 200px;
    font-size: 24px;
    border-radius: 5px;
}

.bounton-retour h3{
    padding: 10px;
}

/*-------------------Client-------------*/

.contenu-client-connexion .well{
    width: 295px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contenu-client-connexion h3{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
}

.contenu-client-connexion .buttons{
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
}

.contenu-client-connexion img{
      display: block;
      margin-left: auto;
      margin-right: auto;
}

.contenu-client{
    overflow: hidden;
}

.contenu-client h4{
    font-weight: bold;
    text-align: center;
}

/*----------------paypal--------------------*/

.contenu-paypal .row p{
    text-align: center;
}

#img_paypal,
.contenu-paypal button{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.btn.btn-primary {
   font-size: 12px;
   border: 2px solid #135c87;
   background:transparent;
   padding:12px 35px;
   text-transform:uppercase;
   border-radius:2px;
   color:#135c87;
}
 
.btn.btn-primary:hover {
    background:#135c87;
    border-radius:0;
    border: 2px solid #135c87;
	border-radius:2px;
    color:white;
}


@-webkit-keyframes devis-animation{
    from {font-size: 0px;}
    to {font-size: 30px;}
}

@-webkit-keyframes devis-animation-petit {
    from {font-size: 0px;}
    to {font-size: 20px;}
}@keyframes devis-animation{
    from {font-size: 0px;}
    to {font-size: 30px;}
}

@keyframes devis-animation-petit {
    from {font-size: 0px;}
    to {font-size: 20px;}
}

/
@media only screen and (max-width: 1000px) {
    .contenu-acceuil, 
    .contenu,
    .contenu-devis,
    .contenu-contact{
        top: 50px;
    }
    
    .case {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }  
}

@media only screen and (max-width : 977px){
    .case {
        width: 392px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        overflow-y: auto;
    }
}


@media only screen and (max-width : 480px) {
	h1{
        font-size: 25px;
    }
	h2{
        font-size: 20px;
    }
    
    .contenu h2,
    .contenu-devis h2,
    .contenu-contact h2{
        font-size: 25px;
    }
    
    .contenu h3,
    .contenu-devis h3,
    .contenu-contact h3{
        font-size: 20px;
    }
    
    .contenu p{
        font-size: 15px;
    }
    
}

@media only screen and (max-width: 400px) {
    .case
    {
        width: auto;
        height: auto;
    }
    
    #contenu-acceuil .case{
        font-size: 16px;
    }
    
    .case h2 {
        font-size: 20px;
    }
    
    #contenu-acceuil .row {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px
    }
}

@media only screen and (min-width: 1300px) {
    .case {
        width: 392px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        overflow-y: auto;
    }  
}
@media (max-width: 1150px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}