/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

body{
	font-family: 'Playfair Display', serif;
}

h2{
	text-transform:uppercase;
}

i{
	margin-left: 10px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* header */
.logo{
	text-align: center;
}
/* logo */
.logo {
	margin-top: 10px;
	margin-bottom: 15px;
}
.logo-img {

}
/* nav */
.navbar{
	background-color: #bb1627;
	
	color: #ffffff;
	text-align: center;
	text-transform:uppercase;
	
	margin: 0px;
	border: none;
	border-radius: 0px;
}

.navbar-nav {
	float: none;
}

.nav li{
	display: inline-block;
}

.navbar-nav > li{
	float: none;
}

.navbar-default
.navbar-nav  li  a{
	color: #ffffff;
	display:inline-block;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* sidebar */
.sidebar {

}
/* footer */
.footer-contact {
	background-color: #bb1627;
	padding-top: 10px;
	padding-bottom: 25px;
	text-align: center;
	color: #FFF;
}

.footer-widget{
	padding-top: 20px;
	padding-bottom: 20px;
	
	border-bottom: 1px solid #000;
}

.footer-widget a{
    color: #BB1627;
}

.copyright{
	text-align: center;
	margin-top: 40px;
}

.dl-horizontal dt {
	width: auto;
}

.dl-horizontal dd {
    margin-left: 30px;
}

/*------------------------------------*\
    HOME PAGES
\*------------------------------------*/

.content-homepage{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.content-homepage h2{
	margin-bottom: 15px;
}

.content-homepage a{
	color: #BB1627;
}

.work{
	background-color: #303030;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 40px;
	
	text-align:center;
}

.work-thumbnail{
	border: 5px solid #FFF;
}

.work-thumbnail img{
		width: 100%;
		overflow:hidden;
}

.work-projet h2{
	font-size: 18px;
}

.work-projet a{
	text-decoration:none;
	color: #FFF;
}

.work-projet a:hover{
	text-decoration:none;
	color: #FFF;
}

.work ul{
	display: none;
}

.cnwork{
	position: absolute;
    display: table;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height:200px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
	
	top: 0;
    left: 0;
    right: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}

.cnwork i{
	color: #FFF;
}

.cnwork:hover { 
    opacity:1;
    background:rgba(0,0,0,0.5) center no-repeat;
}

.cnwork i:hover{
	color: #CCC;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page-thumbnail{
  	position: relative;
  	overflow: hidden;
  	width: 100%;
	max-height:400px;
  	padding: 0;
  	margin: 0;
}

.page-thumbnail img{
	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0;
}


.page-title{
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	margin: 25%; 
	padding: 20px;
}

.page-content{
	text-align : center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.services{
	padding-bottom: 40px;
}

.expertise{
}

.expertise li{
	list-style-type: none;
 	background-image: url(img/puce.png);
 	background-repeat: no-repeat;
 	background-position: 0 0.5em;
 	padding-left: 15px;
	margin-bottom: 5px;
}

.expertise a{
	margin-top: 40px;
}

.contact-form h2{
	padding: 30px;
}

.contact-info{
    text-align:left;
    margin-top: 30px;
}

.contact-info dl{
    padding-left:95px;
}

.contact-info a{
    color: #BB1627;
}

.form-control{
	margin-bottom: 25px;
}

/*------------------------------------*\
    PORTFOLIO
\*------------------------------------*/

.portfolio-projet{
	border-bottom: #a7a7a7 solid;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	height: 300px;
}

.portfolio-thumbnail img{
		position: relative;
		width: 100%;
		overflow:hidden;
}

.portfolio-projet img{
	width: 100%;
}

.thumbnail-overlay{
	position: relative;
	width: 100%;
}

.cn{
	position: absolute;
    display: table;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height:190px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
	
	top: 0;
    left: 0;
    right: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.cn i{
	color: #FFF;
}

.cn:hover { 
    opacity:1;
    background:rgba(0,0,0,0.5) center no-repeat;
}

.cn i:hover{
	color: #CCC;
}

div.inner {
    xdisplay: block;
    display:table-cell;
    vertical-align:middle;
    
}

.portfolio-projet h2{
	text-transform:uppercase;
	font-size:20px;
}

.portfolio-projet h2 a{
	text-decoration:none;
	color:#000;
	
}

.portfolio-projet ul{
	list-style:none;
	display: none;
}

.portfolio-projet ul a{
	color: #000;
	text-decoration:none;
}


.element-portfolio img{
	width: 100%;
}


/*------------------------------------*\
    SLIDER
\*------------------------------------*/

.slider{
	height: 800px;
	overflow: hidden;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.slider-caption {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;

    min-height: 800px;
  }
  
.slider-title{
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    margin: 25%; 
    padding: 20px;
}
  
.slider-more{
    position: absolute;
    background-color: #333333; 
    padding: 10px;
    text-align:left;
    color: #FFF;
    text-decoration: none;
}
  
/*------------------------------------*\
    BOUTTONS
\*------------------------------------*/

.btn-light{
	border-radius: 0px;
	color: #bb1627;
	background-color:#FFF;
	padding: 15px;
	margin-top: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.btn-light:hover{
	border-radius: 8px;
	color: #bb1627;
}

.btn-ghost{
	border-radius: 0px;
	color: #bb1627;
	border: solid 1px #bb1627;
	background-color:#FFF;
	
	width: 100%;
	padding: 10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-ghost:hover{
	color: #bb1627;
	border-radius: 8px;
}

.btn-red{
	border-radius: 0px;
	color:#FFF ;
	background-color:#bb1627;
	padding: 15px;
	margin-top: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-red:hover{
	border-radius: 8px;
	color: #FFF;
}

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1200px) {
    
.cnwork {
    height: 126px;
}
    
.cn{
    height: 154px;
}
    
}

@media only screen and (max-width:991px) {
    
.slider{
    height: 350px;
}
    
.slider-caption{
    height: 350px;
}
    
.slider-title h2{
    font-size: 18px;
}

.slider-more a{
    font-size: 12px;
}
    
.portfolio-projet {
    height:460px;
}
    
.cnwork {
    display:none;
}
    
.cn{
    display:none;
}
    
    
.slider{
    height: 500px;
}
    
.slider-caption{
    height: 500px;
}
    
}

@media only screen and (max-width:760px) {
    
.portfolio-projet {
    height: 470px;
}
  
}


@media only screen and (max-width:768px) {
    
.portfolio-projet {
    height: 370px;
}
    
.nav li {
    display: block;
}
    
.footer-widget {
    text-align: center;
}
    
}

@media only screen and (max-width:450px) {
    
.portfolio-projet {
    height: 310px;
}
    
}

@media only screen and (max-width:360px) {
    
.portfolio-projet {
    height: 250px;
}
    
}
  
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}