html, body {
	height: 100%;
	font-family: 'Source_Sans_Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a:active, a:focus{
      outline:none;
}
body {
	padding-top: 120px;
}

/* ====================================== nav bar ========================================== */


.navbar-brand{
	display:block;
	width:650px;
	height:62px;
	text-indent:-2000px;
	overflow:hidden;
	background-image:url(../images/commun/FG_logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin:25px 0px 12px 0px;
}


.navbar-cause{
	display:block;
	width:30px;
	height:30px;
	text-indent:-2000px;
	overflow:hidden;
	background-image:url(../images/commun/cause_logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin:12px 10px 0px 10px;
}


/* ====================================== content ========================================== */

.image_portfolio{
 position:relative;

}
.image_portfolio h2{
	font-size:18px;
	line-height:20px;
	opacity:0;
	position:absolute;
	top:-20px;
	left:0px;
	bottom:-20px;
	right:0px;
	padding:15px 0px 0px 20px;
	z-index:1;
	letter-spacing:0.02em;
	color:#000;
	background-color:#E3E3E3;
	transition:all .6s;
} 


.image_portfolio_zoom p{
	font-size:10px;
	line-height:10px;
	text-align: right;
	margin-top: 2px;
} 
.image_portfolio h2 span{
	font-size:11px;
}
.image_portfolio a{
	display:block;
	text-decoration:none;
	color:#fff;
}
.image_portfolio a:hover h2{
	opacity:0.9;	
}
.image_portfolio .demi_haut{
	margin-bottom:20px;	
}
.image_portfolio .demi_bas{
	margin-top:20px;	
}
.image_portfolio_zoom{
	margin-bottom:20px;
}


 /* pour la première image */
.image_portfolio_zoom_top{
	margin-top: 20px;
	margin-bottom:20px;
}

.bottom{
	margin-bottom:0px;
}
.format{
	color:#000;
	font-size:14px;
	}


.description{
	margin-top:0px;
	margin-right: 40px;
	margin-left: 10px;
}

.description h1{
	font-size:20px;
	line-height:22px;
	letter-spacing:0.03em;
	color:#000;
}

.description h2{
	font-size:18px;
	line-height:20px;
	letter-spacing:0.02em;
	color:#000;
}

.description h3{
	font-size:16px;
	font-weight: 400;
	line-height:18px;
	letter-spacing:0.02em;
	color:#000;
}

.description h3 a{
	font-size:16px;
	font-weight: 400;
	line-height:18px;
	letter-spacing:0.02em;
	color:#646464;
	border-bottom: none;
}

.description h4{
	font-size:14px;
	font-weight: 400;
	line-height:16px;
	letter-spacing:0.02em;
	color:#000;
}

.description a{
	text-decoration:none;
	font-size:20px;
	line-height:26px;
	letter-spacing:0.02em;
	color:#000;
	border-bottom:2px solid #000;

}
.description a:hover{
	color:#666;
	border-bottom:2px solid #666;
}
.description .lien{
	padding-top:7px;
}
.description .lien a{
	display:block;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
	letter-spacing:0.02em;
	color:#000;
	border-bottom:none;
}
.description .lien a:hover{
	color:#666;
}




/* ====================================== footer ========================================== */


footer {
  margin: 20px 0px 0px 0px;
  background-color:#000000;
  position:relative;
}
.info_footer{
	margin-top:70px;
	text-align:right;
}
.info_footer h5{
	text-transform:uppercase;
	font-size:13px;
	line-height:17px;
	letter-spacing:0.04em;
	color:#bbb;
}
.info_footer p{
	padding-top:5px;
	font-size:13px;
	line-height:17px;
	letter-spacing:0.04em;
	color:#bbb;
}
.info_footer p a{
	text-decoration:none;
	letter-spacing:0.04em;
	color:#bbb;
}
.info_footer p a:hover{
	color:#666;
}
.info_footer #menu_footer{
	list-style:none;
	margin-left:0px;
}
.info_footer #menu_footer li{
	margin-left:-40px;
	padding:1px 0px 0px 0px;
}

.info_footer #menu_footer li a{
	font-size:13px;
	text-decoration:none;
	display:block;
	color:#666;	
}
.top a{
	position:absolute;
	right:20px;
	top:0px;
	display:block;
	width:60px;
	height:60px;
	background-image:url(../images/commun/top.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#FFF;
}
.top a:hover{
	background-color:#999999;
}

/* ------- copyright -------- */

#copyright{
	margin-bottom:10px;
	margin-top:20px;
	text-align:right;
	font-size:11px;
	color:#000222;
}
#copyright a{
	text-decoration:none;
	letter-spacing:0.04em;
	color:#bbb;
}
#copyright a:hover{
	color:#000222;
}
#conception{
	margin:20px 0px;
	font-size:10px;
	color:#666;
	text-align:right;
}
#conception a{
	color:#bbb;
	text-decoration:none;
}
#conception a:hover{
	color:#666;
}


/* ====================================== divers ========================================== */


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

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

/* Page Sections */
.section,
.section-colored {
  padding: 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;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

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

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

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.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 */


/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 100%;
 /* increases the carousel height so it looks good on phones */
  }
}