/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

couleur Principale : #003366; - - rgba(105,151,191,1)
couleur secondaire : #8b0000 - rgba(139,0,0,1)
*/

/* Global Styles */


html, body {
	height: 100%;
}

body {
	 padding-top: 80px;/*body padding for fixed top nav */
}

.img-home-portfolio, .img-customer, .portfolio-item {
	margin-bottom: 30px;
}

.tab-pane {
	margin-top: 15px;
}

.citation {
	text-align:center;
	}
	
.marginTop10 {
	margin-top:10px;
	}
.marginTop20 {
	margin-top:20px;
	}
.marginTop60 {
	margin-top:60px;
	}
.paddingBottom20 {
	padding-bottom:20px;
	}
.well2 {
	border-top:5px solid rgba(0,51,102,1);
	border-bottom:5px solid rgba(0,51,102,1);
	}
.navbar-fixed-top {
	top:80px;
	}
	
.headerLogo {
	position:fixed;
	width:100%;
	height:80px;
	background-color:#FFF;
	top:0px;
	z-index:1000;
	}
	

/* Page Sections */

.section, .section-colored {
	padding: 50px 0;
	margin: 50px 0;
}

.section-colored {
	background-color: #e1e1e1;/* change this to change the background color of a colored section */
}

.sidebar {
	margin-top: 40px;
}

.sidebar ul {
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #cccccc;
}
@media (min-width: 992px) {
	.blocAbo input[type="text"] {
		
		}
}

/* Half Page Height Carousel Customization */
.carousel {
	height: 400px;
	margin-top:60px;
}

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

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

img[src="images/Logo-Flash-Depannage_Blue.png"] {
	/*margin-left: 15px;*/
}

/* Social Icons Styles */

.list-social-icons {
	margin-bottom: 32px;
}

.tooltip-social a {
	text-decoration: none;
	color: inherit;
}

.facebook-link a:hover {
	color: #3b5998;
}

.linkedin-link a:hover {
	color: #007fb1;
}

.twitter-link a:hover {
	color: #39a9e0;
}

.google-plus-link a:hover {
	color: #d14836;
}

/* Service Page Styles */

.service-icon {
	font-size: 50px;
}

/* 404 Page Styles */

.error-404 {
	font-size: 8em;
}

/* Pricing Page Styles */

.price {
	font-size: 4em;
}

.price-cents {
	vertical-align: super;
	font-size: 50%;
}

.price-month {
	font-size: 35%;
	font-style: italic;
}

/* Footer Styles */

footer {
	margin: 50px 0;
}

.full {
	width:100%;
	}
/* Responsive Styles */
@media (max-width: 767px) {

.carousel {
	/*height: 50%; increases the carousel height so it looks good on phones */
}
img[src="images/Logo-Flash-Depannage_Blue.png"] {
	margin:0 0 0 5px;
}

}
@media (min-width: 767px) and  (max-width: 999px) {
	.page-header {
		margin-top:90px;
		}
}


/* ------------------------------------------ CUSTOM ------------------------------------------ */



.webmaster {
	color: #0000FF;
	font-weight: bold;
}

body {
	color: #666666;
}
	
/* ------------------------------------------
			MENU
------------------------------------------ */

/* logo smartphone */

@media (max-width: 767px) {

.navbar-brand img {
	height: 70px;
	margin-top: 5px;
	width: auto;
}
}

.navbar-brand {
	padding: 0px;
}

.nav {
	/*margin-top: 15px;*/
}

.navbar {
	border: none;
	min-height:0px;
}

.navbar-inverse {
	background-color:rgba(0,51,102,1);
	border-color: rgba(0,51,102,1);
	padding:1px 0px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	/*margin-bottom:15px;*/
	}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
	color: #FFF;
	margin-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,0.05);
	padding:8px 5px;
	/*border-radius: 3px;*/
	transition-property: background;
	transition-duration: 0.5s;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	background-color:rgba(255,255,255,1);
	color: #003366;
	/*border-radius: 3px;*/
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #003366;
	/*font-weight: bold*/
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color:rgba(255,255,255,1);
	color: #003366;
	/*border-radius: 3px;*/
}



.dropdown-menu > li > a {
	color:rgba(0,51,102,1);
	
	}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:rgba(0,51,102,1);
	color:#fff;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		/*margin-top:60px;*/
		}
	
}

@media (max-width: 767px) {

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: #003366;
}
}

/* Pied de page */

.PiedPage {
	border-top: 2px solid #aeaeae;
	background-color:rgba(0,51,102,1);
	margin-top: 20px;
}

footer {
	margin: 20px 0;
}

.ContenuFooter {
	padding-bottom: 10px;
	color: #fff;
}

.ContenuFooter .mentions {
	color: #CCC;
	background-color:rgba(255,255,255,0.2);
	padding:5px 8px;
	transition-property: background;
	transition-duration: 0.5s;
	border-radius:3px;
}
.ContenuFooter .mentions:hover {
	background-color:rgba(255,255,255,1);
	text-decoration:none;
	color:rgba(0,51,102,1);
}

/* Divers */

h2 {
	color: #3F5B73;
}

h3 {
	color: #003366;
	font-size: 20px;
}

.Acrobat {
	padding-right: 50px;
	float: right;
	background: url(../images/Acrobat.jpg) no-repeat right;
	line-height: 40px;
}

.transparent {
	visibility: hidden;
}

.btn-primary {
	background:rgba(0,51,102,1);
	border-color: #3F5B73;
	transition-property: background;
	transition-duration: 0.5s;
}

.btn-primary:hover {
	background:rgba(0,51,102,0.8);


}

/* Accueil */

#TheTexte, #TheTexte2, #TheTexte3 {
	min-height: 110px;
}

/* Menu pied de page */


.MenuBottom li {
	list-style: none;
	float: left;
}

.MenuBottom li a, .Copyright p {
	font-size: 11px;
}

.SOS {
	background-color: rgba(139,0,0,0.5);
	background-color: #EF002D;
	border-radius: 5px;
	margin-bottom:30px;
}

.SOS h3 {
	color: #FFF;
	font-size: 32px;
	text-align: center;
}

.SOS p {
	color: #FFF;
	text-align: center;
}

/* Encarts exemple réalisations*/

.PadingBottom20 {
	padding-bottom: 20px;
}

.DetailRealisation {
	min-height: 800px;
}

/*  ******* STAR ******** */

.STAR {
	background-color: rgba(255,0,0,1);
	background-color: #EF002D;
	color: #FFF;
	margin: 30px 0 0 0;
}

.STAR h2 {
	color: #FFFFFF;
}

.contentSTAR h2, .contentSTAR h3 {
	color: #EF002D;
}

.contentSTAR h3:first-letter {
	font-size: 38px;
}

.contentSTAR {
	padding: 10px;
}

.contentSTAR ul li {
/*background:url(/images/puceStar.png) no-repeat 0px 0px;*/
}

.noMargin {
	margin: 0px;
}

.noPadding {
	padding: 0px;
}

.noMarginNoPadding {
	margin: 0px;
	padding: 0px;
}

.imgNumSerie {
	margin-top: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
	background-color: #ededed;
}
.petitPlus h3 {
	text-align:center;
	} 
.ContenuFooter .alex {
	font-size:12px;
	color:rgba(255,255,255,0.1);
	margin:10px 20px 0px 0px;
	}
.ContenuFooter .alex:hover {
	color:rgba(255,255,255,0.5);
	text-decoration:none;
	}

#promo {
	color:rgba(255,255,0,1);
	}
#promo:hover {
	color:rgba(0,51,102,1);
}
	
/* ================== Anim vig  ===================================== */

.img_transition {
-webkit-transition:-webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}

.img_transition:hover {
-webkit-transform-origin:top left;
-moz-transform-origin:top;
transform-origin:top;
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
-webkit-box-shadow:0px 0px 8px #2C2C2C;
-moz-box-shadow:0px 0px 8px #2C2C2C;
box-shadow:0px 0px 8px #2C2C2C;
}