/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 @font-face {
    font-family: 'titilliumlight';
    src: url('../fonts/Titillium-Light-webfont.eot');
    src: url('../fonts/Titillium-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-Light-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-Light-webfont.woff') format('woff'),
         url('../fonts/Titillium-Light-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-Light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumregular';
    src: url('../fonts/Titillium-Regular-webfont.eot');
    src: url('../fonts/Titillium-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-Regular-webfont.woff') format('woff'),
         url('../fonts/Titillium-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-Regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumbold';
    src: url('../fonts/Titillium-Semibold-webfont.eot');
    src: url('../fonts/Titillium-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-Semibold-webfont.woff') format('woff'),
         url('../fonts/Titillium-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-Semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumthin';
    src: url('../fonts/Titillium-Thin-webfont.eot');
    src: url('../fonts/Titillium-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-Thin-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-Thin-webfont.woff') format('woff'),
         url('../fonts/Titillium-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-Thin-webfont.svg#titilliumthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titillium_bdbold';
    src: url('../fonts/Titillium-Bold-webfont.eot');
    src: url('../fonts/Titillium-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-Bold-webfont.woff') format('woff'),
         url('../fonts/Titillium-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-Bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titillium_bdbold_italic';
    src: url('../fonts/Titillium-BoldItalic-webfont.eot');
    src: url('../fonts/Titillium-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Titillium-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-BoldItalic-webfont.svg#titillium_bdbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumbold_upright';
    src: url('../fonts/Titillium-BoldUpright-webfont.eot');
    src: url('../fonts/Titillium-BoldUpright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-BoldUpright-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-BoldUpright-webfont.woff') format('woff'),
         url('../fonts/Titillium-BoldUpright-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-BoldUpright-webfont.svg#titilliumbold_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumlight_italic';
    src: url('../fonts/Titillium-LightItalic-webfont.eot');
    src: url('../fonts/Titillium-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-LightItalic-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Titillium-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-LightItalic-webfont.svg#titilliumlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumlight_upright';
    src: url('../fonts/Titillium-LightUpright-webfont.eot');
    src: url('../fonts/Titillium-LightUpright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-LightUpright-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-LightUpright-webfont.woff') format('woff'),
         url('../fonts/Titillium-LightUpright-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-LightUpright-webfont.svg#titilliumlight_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumitalic';
    src: url('../fonts/Titillium-RegularItalic-webfont.eot');
    src: url('../fonts/Titillium-RegularItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-RegularItalic-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-RegularItalic-webfont.woff') format('woff'),
         url('../fonts/Titillium-RegularItalic-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-RegularItalic-webfont.svg#titilliumitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumregular_upright';
    src: url('../fonts/Titillium-RegularUpright-webfont.eot');
    src: url('../fonts/Titillium-RegularUpright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-RegularUpright-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-RegularUpright-webfont.woff') format('woff'),
         url('../fonts/Titillium-RegularUpright-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-RegularUpright-webfont.svg#titilliumregular_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumbold_italic';
    src: url('../fonts/Titillium-SemiboldItalic-webfont.eot');
    src: url('../fonts/Titillium-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-SemiboldItalic-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/Titillium-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-SemiboldItalic-webfont.svg#titilliumbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumsemibold_upright';
    src: url('../fonts/Titillium-SemiboldUpright-webfont.eot');
    src: url('../fonts/Titillium-SemiboldUpright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-SemiboldUpright-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-SemiboldUpright-webfont.woff') format('woff'),
         url('../fonts/Titillium-SemiboldUpright-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-SemiboldUpright-webfont.svg#titilliumsemibold_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumthin_italic';
    src: url('../fonts/Titillium-ThinItalic-webfont.eot');
    src: url('../fonts/Titillium-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-ThinItalic-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-ThinItalic-webfont.woff') format('woff'),
         url('../fonts/Titillium-ThinItalic-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-ThinItalic-webfont.svg#titilliumthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumthin_upright';
    src: url('../fonts/Titillium-ThinUpright-webfont.eot');
    src: url('../fonts/Titillium-ThinUpright-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-ThinUpright-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-ThinUpright-webfont.woff') format('woff'),
         url('../fonts/Titillium-ThinUpright-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-ThinUpright-webfont.svg#titilliumthin_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumblack';
    src: url('../fonts/Titillium-Black-webfont.eot');
    src: url('../fonts/Titillium-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium-Black-webfont.woff2') format('woff2'),
         url('../fonts/Titillium-Black-webfont.woff') format('woff'),
         url('../fonts/Titillium-Black-webfont.ttf') format('truetype'),
         url('../fonts/Titillium-Black-webfont.svg#titilliumblack') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Global Styles */

html {
    position: relative;
}


html,
body {
    height: 100%;
}

body {
    padding-top: 113px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background: url('../imgs/subtle_freckles.png') repeat top left;
    background-size: 198px 198px;
	font-family: 'titilliumregular';
}


h1,h2,h3,h4,h5,h6 {
	font-family: 'titilliumbold';
}

p {
text-align:justify;
}

.sous-titre, .titre-actualites {
	margin-top:20px;
	margin-bottom:0;
	color: #00316d;
}

.titre-actualites {
	margin-top:0;
	font-size:24px;
}

.thin {
	font-family: 'titilliumthin';
}

.white {
	color:#FFFFFF;
}

.orange {
	color:#FF9900;
}

.bleu {
	color: #00316d;
}

.intro li {margin-bottom:10px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}


.well {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0 19px 19px 19px;
	margin-bottom: 0;
	margin-top:20px;
}
/* Home Page Carousel */

header.carousel {
    height: 50%;
	margin-bottom:0;
	/*max-width: 1170px;*/
	background-color: rgba(0, 0, 0, 0.1);
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
	max-width: 1170px;
	margin:0 auto;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: top center;
    background-size: cover;
}

.carousel {
margin:0 auto;
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}

.carousel-content {
    display:flex;
    align-items: top;
	font-size: 16px;
	font-family: 'titilliumitalic';
	color: #00316d;
}

.temoinage-personne {
	font-family: 'titilliumbold_italic';
	text-align: right;
	float:right;
}

hr {
	border-color: #00306d ;	
}


a:focus, a:hover, a:active {
    outline: none;
}
/*-----navbar--------*/

.navbar-brand {
    padding-top: 0;
     top: 0;
	/*margin-top:-45px;*/
}
.navbar-brand > img {
	padding-top: 0;
   /* padding-top: 45px;
    width:280px;
	max-width:100%;*/
}

.navbar-fixed-top {
	background: url('../imgs/fond-nav-2022.png') top left repeat-x;
   background-size: 198px 130px;
     top: 0;
	/* top: 45px;*/
}
.navbar-inverse {
    /*background-color: #FFFFFF;
    border-color: #FFFFFF;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
	height: 115px;*/
}
.navbar {
  /*  min-height: 114px;*/
	padding-top: 0;
}
.navbar-inverse .navbar-nav > li > a  {
    color: #666666;
}

.navbar-nav > li > a {
    padding-top: 20px;
}

.nav > li > a {
    font-size: 16px;
}

.navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #00316d;
	border-bottom: 5px #00316d solid;
	background-color: transparent;
	
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a {
    color: #FF9900;
	border-bottom: 5px #00316d solid;
}

.navbar-fixed-top {
    border-width: 0;
     top: 0;
}

.navbar-toggler {
	background-color: #00316d;
}

.navbar-toggler-icon {
	color: #FF9900;
}

/*.navbar-right {
	margin-top:45px;
}*/

.navbar-inverse {
    border: 0;
	margin-top: 0;
}

.navbar-collapse {
    border: 0;
	/*margin-top: 30px;*/
    margin-top: 0;
}

.navbar-collapse.collapse.show {
padding :0 0 20px 20px;
	margin-top: 0;
	background-color: #ffffff;
}
/*------------magasin-----------*/

.magasin {
	background-color:rgba(0,49,109,0.50);
	color:rgba(255,255,255,1);
	-webkit-box-shadow: -1px 2px 4px 3px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: -1px 2px 4px 3px rgba(0, 0, 0, 0.3) inset;
	box-shadow: -1px 2px 4px 3px rgba(0, 0, 0, 0.3) inset;
	margin-top: 20px;
	padding: 15px 0 ;
}

.magasin h4 {
	margin-top: 0;
}

.mag-telephone {
	font-size:20px;
	font-family: 'titilliumbold';
}

/*-----end magasin--------*/


.bloc-depannage {

	min-height:40px;
	background-color: rgba(204,51,0,0.7);
	color: rgba(255,255,255,1);
	margin: 40px 0 0 0;
	padding: 5px 0 0 0;
	text-align:center;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.bloc-depannage h2 {
	margin-top: 0;
}

.animated { 
    -webkit-animation-duration: 7s; 
    animation-duration: 7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
.flash { 
    -webkit-animation-name: flash; 
    animation-name: flash; 
}


/*-------btn---------*/
.btn-entrez, .btn-devis {	
max-width: 200px;
max-height: 70px;
font-family: 'titilliumbold';
font-size: 48px;
color:#FFFFFF;
margin-bottom: -25px;
border: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
	-webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.4) inset;
padding-top: 0;
background: rgb(194,77,0); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyNGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzI0ZDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmY5MDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZmY5MDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjYzI0ZDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(top,  rgba(194,77,0,1) 0%, rgba(194,77,0,1) 0%, rgba(255,144,0,1) 20%, rgba(255,144,0,1) 52%, rgba(194,77,0,1) 90%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,77,0,1)), color-stop(0%,rgba(194,77,0,1)), color-stop(20%,rgba(255,144,0,1)), color-stop(52%,rgba(255,144,0,1)), color-stop(90%,rgba(194,77,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(194,77,0,1) 0%,rgba(194,77,0,1) 0%,rgba(255,144,0,1) 20%,rgba(255,144,0,1) 52%,rgba(194,77,0,1) 90%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(194,77,0,1) 0%,rgba(194,77,0,1) 0%,rgba(255,144,0,1) 20%,rgba(255,144,0,1) 52%,rgba(194,77,0,1) 90%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(194,77,0,1) 0%,rgba(194,77,0,1) 0%,rgba(255,144,0,1) 20%,rgba(255,144,0,1) 52%,rgba(194,77,0,1) 90%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(194,77,0,1) 0%,rgba(194,77,0,1) 0%,rgba(255,144,0,1) 20%,rgba(255,144,0,1) 52%,rgba(194,77,0,1) 90%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c24d00', endColorstr='#c24d00',GradientType=0 ); /* IE6-8 */
}

.btn-devis {
	max-width:750px;
	width:100%;
	max-height:none;
	margin-bottom:0;
	margin-top:10px;
	font-size:2.25em;
}

.btn-primary {
    background-color: #FF9900;
    border:none;
    color: #00316d;
	font-family: 'titilliumbold';
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #00316d;
    color: #FFFFFF;
}

.categorie {
	color: #FF9900;
	margin:0 0 20px 0;
	font-size: 3em;
}

.vous-etes {
	color: #00316d;
	margin:10px 0 0 0;
}

.column2 {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -ms-column-count: 2;
    -ms-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

#map-container {
	height: 213px;
	max-height:213px;
	border:#FFFFFF 2px solid;
	}
	
#map-contact {
	height: 400px;
	max-height:400px;
	border:#FFFFFF 2px solid;
	margin-bottom:30px;
	}
	
.introtext {
	font-size:18px;
	font-family: 'titilliumbold';
	margin: 20px 0;
}
	
/*.introblocs {
	margin-top: -20px;
}*/

.panel {
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	border:#FFFFFF 2px solid;
}

.panel-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0;
}

.panel-body {
    padding: 0;
}

.introimage {
	height:180px;
	max-height:180px;
}


.particulier {
	background-size:cover;
	background-image: url(../imgs/particulier-accueil.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.professionnel {
	background-size:cover;
	background-image: url(../imgs/professionnel-accueil.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--------fin btn--------*/

/*-------Particuliers---------*/

.page-header {
    border-bottom: none;
    margin: 40px 0 20px;
    padding-bottom: 9px;
	font-size: 58px;
	text-transform: uppercase;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
*/

.lead {
    font-size: 30px;
	font-family: 'titillium_bdbold';
	color: #00316d;
	text-align:left;
}

.panel-prestations {
    border-radius: 0;
    box-shadow: none;
	border: none;
	background-color:transparent;
}

.panel-default > .panel-heading {
    background-color: transparent;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
}

.panel-prestations > .panel-heading {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	margin-bottom:5px;
}

.panel-group .panel + .panel {
    margin-top:0;
}


.panel-title > a{
    display: block;
	background-color: rgba(0, 49, 109, 0.7);
	padding: 5px 10px 5px 10px;
	color:rgba(255,255,255,1);
}

.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
	background-color: rgba(255, 153, 0, 0.8);
	color: rgba(0, 49, 109, 0.8);
}

/*.entete-particuliers, .entete-pros, */.entete {
/*background: url(../imgs/entete-particuliers.png) right bottom no-repeat;*/
border-bottom: 1px #00316d solid;
height: 130px;
margin-bottom:45px;
}

/*.entete-pros {
background: url(../imgs/entete-homme-pro.png) right bottom no-repeat;
}*/

.entete  {
background: none;
}

/*---------fin Particuliers--------*/


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0 0 0;
    bottom: 0;
    width: 100%;
	background-color: #00316d;
color: #FFFFFF;
text-align:center;
}

.footer-mentions {
padding-top:6px;
font-size:10px;
}

/*.footer-mentions-container{
padding-left:0;
	padding-right: 0;
}*/

.footer-mentions p {
text-align:center;
}

.footer-telephone {
background-color: #FF9900;
padding: 0 0 10px 0;
box-shadow: -1px 8px 15px -1px rgba(0, 0, 0, 0.4) inset;
margin: 0;
}

.footer-telephone h1 {
color: #FFFFFF;
text-align:center;
margin-bottom:0;
}

.footer-mentions a:link, .footer-mentions a:visited {
    color: #FFFFFF;
	text-decoration:underline;
}
.footer-mentions a:hover, .footer-mentions a:active {
    color: #FF9900;
}



/*---fin Footer Styles ----*/

/*------------Granulés----------------*/

.bloc-nuances {
	background-color:#FFFFFF;
	border:dotted 2px #00316d;
	padding: 10px;
}


/*-----------------*/

/* Responsive Styles */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

body {
        background:url('../imgs/subtle_freckles_@2X.png') repeat top left;
        background-size: 198px 198px;

}


@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
.img-portfolio {
        margin-bottom: 15px;
    }
	

header.carousel .carousel {
        height: 70%;
    }
.navbar-brand {
        padding: 0;        
    }

.navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
.page-header {
	font-size:36px;
}

    }

/*@media screen and (max-width:320px) {
	
.navbar-fixed-top {
	top: -45px;
	background-image:none;
}
.navbar-brand {
        margin-top: -45px;
		visibility:hidden;
    }
	
.navbar-header{
	margin-top: 45px;
}
.introimage {
	height:100px;
	max-height:100px;
}

.categorie {
	font-size: 2em;
}


/*.navbar-brand img {
    visibility:hidden;
	height:50px;
	width:auto;
}

}*/

/*
@media(min-width: 321px) and (max-width:480px) {
.navbar {
    min-height: 50px;
}

.navbar-brand {
margin-top:0;
}

}*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
body {
    /*padding-top: 45px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.navbar-fixed-top {
	/*top: -45px;*/
	 /*background-image:none;
      background-color: #FFFFFF;
    border-color: #FFFFFF;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
	height: 115px;*/
}
    .navbar {
       box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); 
    }
 .navbar-brand {
		width:150px;
     top: 0;
    }

.navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
	
.navbar-header{
	margin-top: 45px;
}
.introimage {
	height:100px;
	max-height:100px;
}

.vous-etes {
	font-size: 0.8em;
}
.categorie {
	font-size: 1.1em;
}

.carousel-content {
	font-size: 14px;
	padding-right:10px;
}

.btn-entrez {
	
max-width: 100px;
max-height: 50px;
font-size: 18px;
color:#FFFFFF;
margin-bottom: -10px;
border: none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.btn-devis {
	font-size:1.4em;
}

#map-container {
	margin-top: 10px;
	
	}
	
.bloc-depannage {
	margin: 20px 10px 0 0;
	padding: 10px;
	-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}
	
.bloc-depannage h1 {
	font-size: 24px;
}
	
h1, .h1 {
font-size: 34px;
}

.footer-telephone {
padding: 5px 10px 10px 10px;
}

.entete-particuliers, .entete-pros {
background: none;
border-bottom:2px #00316d solid;
height: auto;
margin-bottom:20px;
}


.page-header {
	font-size:36px;
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

    .carousel-content {
	font-size: 14px;
	padding-right:10px;
}
     .navbar-brand {
		width:150px;
          top: 0;
    }
	.navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	 .navbar {
       box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); 
    }
    .navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
    .navbar-brand {
		width:150px;
         top: 0;
    }
	.page-header {
	font-size:36px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

        .navbar-brand {
		width:280px;
    }
	.navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
	.page-header {
	font-size:36px;
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
   
    .navbar-brand {
		width:280px;
    }
    
	.navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	    .navbar-brand {
		width:280px;
    }
    .navbar-brand > img {
		/*width:95px;*/
	padding-top: 0;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

    .navbar-brand {
		width:280px;
    }
	.navbar-brand > img {
		/*width:95px;
	padding-top: 45px;*/
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

        .navbar-brand {
		width:280px;
    }
	.navbar-brand > img {
		/*width:95px;
	padding-top: 45px;*/
    }
}

/* iPhone 4 ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles
} */
}