@charset "utf-8";

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    line-height: 21px;
	font-weight: 300;
	color: #666;
	/*background: url(../images/patterns/9.png) fixed repeat;*/
}
strong, b {
    font-weight: 700;
}
li strong {
	font-weight: 700;
	color: #000;
}
.blocontact {
    margin-top: 0px;
    padding: 20px 15px 30px !important;
    border: 1px solid #D4D3D3;
    border-radius: 6px;
    transition: all 0.4s ease-in-out 0s;
    background-color: #FFF;
}

/*************** Heading Titles ***************/

.classic-title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d7d3d2;
	font-weight: 300;
	font-size: 20px;
}
.classic-title span {
    padding-bottom: 5px;
    border-bottom: 2px solid;
    font-weight: 400;
}

.big-title {
	margin-bottom: 5px;
}

.big-title h2 {
	font-size: 26px;
	line-height: 35px;
	font-weight: 400;
}
.big-title h1 {
	font-size: 36px;
	line-height: 37px;
	font-weight: 400;
}

.big-title h1 strong, .big-title h2 strong {
	font-weight: 700;
}

.big-title .title-desc {
	font-size: 16px;
	line-height: 22px;
	color: #666;
}

.big-title h2 + .title-desc, .big-title h1 + .title-desc {
	margin-top: 4px;
}

.white {
	color: #FFFFFF;
}

.orange {
	color: #F49237;
}

.rouge {
	color: #771F21;
}

.recent-projects h4.title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d7d3d2;
    font-weight: 400;
    font-size: 20px;
}
.recent-projects h4.title span {
    padding-bottom: 4px;
    border-bottom: 2px solid;
}

.slider-content h2{
    color: #FFF;
	-webkit-text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
    -moz-texte-shadow: 0px 2px 4px rgba(0,0,0,0.6);
    -o-text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
    text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
}
.slider-content h3{
    color: #FFF;
	-webkit-text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
    -moz-texte-shadow: 0px 2px 4px rgba(0,0,0,0.6);
    -o-text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
    text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
}


/* BOUTTONS */
.btn-medium.border-btn {
	padding: 6px 18px;
	background-color: #FFF;
}


/* NAVBAR */
.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.navbar {
	margin-bottom: 0px;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	background-color: #771F21;
	border-bottom: none #eb5523 0px;
}
/*.navbar-default .navbar-nav {
    margin-right: 0px !important;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}*/
.navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding: 30px 20px 28px 20px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	text-transform: uppercase;
}
/*.navbar-default .navbar-nav .dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 220px;
	background-color: #d4d3d3;
    visibility: hidden;
    z-index: 2;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}*/
.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a {
	border-bottom: 0px solid;
}
/*.dropdown li a, .sup-dropdown li a {
    display: block;
    color: #595A5C;
    font-size: 13px;
    font-family: 'Roboto Slab', sans-serif;
    padding: 11px 16px;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
}
.dropdown > li:hover > a, .sup-dropdown li:hover > a {
	padding-left: 18px;
	background-color: #CCC;
	color: #FFF;
}
.dropdown li a i {
	margin: 0 0 0 -4px;
}
.navbar-default .navbar-nav .sup-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    width: 180px;
	background-color: #fff;
    margin-top: 10px;
    transition: margin-top 0.2s ease-in-out;
    -moz-transition: margin-top 0.2s ease-in-out;
    -webkit-transition: margin-top 0.2s ease-in-out;
    -o-transition: margin-top 0.2s ease-in-out;
    visibility: hidden;
    z-index: 3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}*/

ul.contact-details {
    float: right;
	margin-right:15px;
}

.top-bar .contact-details li {
    display: inline-block;
	padding: 0px 20px 0px 20px;
}
.logo-brand {
	position: relative;
	float: none;
	margin: 0px !important;
	padding: 15px 0px 0px 0px;
	transition: all 0.3s ease-in-out 0s;
	display: block;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #FFF none repeat scroll 0% 0%;
    padding: 8px 5px 6px;
}

/* SERVICES */
/*.service-center .service-content h4 {
    margin-bottom: 6px;
    font-weight: 700;
} 
.service-boxed {
	margin-top: 30px;
	padding: 0px 15px 20px !important;
	border: 1px solid #d4d3d3;
	border-radius: 4px;
	transition: all 0.4s ease-in-out 0s;
	background-color: #FFFFFF;
}*/
/* Section PERSO*/ 
/*section {
	position: relative;
	display: block;
	top: -1px;
	padding-top: -1px;
}
/* ROW PERSO 
.rowcouleur{
	background-color: #eb5523;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
.rowcouleur, .big-title h1, .big-title h2 {
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
}
.rowcouleur, .big-title .title-desc {
	font-size: 19px;
	line-height: 22px;
	color: #FFF;
}
/* ACTUS 
.blog-post {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
}
.blog-post .post-head {
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
	border: 1px solid #CCC;
}
.portfolio-item .portfolio-border {
    padding: 3px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
}
.blog-post .post-content {
    padding-left: 0px;
    position: relative;
}
.post-content h2 {
	font-weight: 600;
	font-size: 28px;
}
ul.post-meta {
    margin-bottom: 30px;
}
.sidebar .widget-popular-posts .widget-thumb img {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
    width: 130px;
    height: 61px;
}

/* PARTENAIRES 
.partenaires {
	padding: 20px 40px 40px 40px;
	background-color: #FFF;
}*/

/* FOOTER*/
footer {
	background-color: #222;
	padding-top: 60px;
	border-top: 0px solid #555;
}
footer p {
    color: #808183;
}
.footer-widget h4 {
    color: #F49237;
	font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-weight: 400;
    position: relative;
}
.footer-widget a {
    color: #F49237;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-weight: 300;
}
	
.footer-widget h4 .head-line {
	position: absolute;
	bottom: 0px;
	left: -1px;
	display: block;
	width: 50px;
	height: 2px;
	background-color: #F49237;
	margin: 0px;
}

.copyright-section p {
	color: #FFFFFF;
}
.copyright-section {
	padding: 15px 0px 10px 0px;
	font-size: 11px;
	letter-spacing: 0.5px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.service-boxedrouge{
    margin-top: 10px;
    padding: 15px 15px 20px !important;
    border: 1px solid #EEE;
    border-radius: 4px;
    transition: all 0.4s ease-in-out 0s;
    background-color: #771F21;
}

/* TABLEAU */

.table-bordered {
	border: 1px solid #c7c739;	
}
td {
	font-size:18px;
	font-weight:400;
	padding: 5px 10px 5px 10px;
}


/* PAGES */
.sidebar .widget h3 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
	color:#771F21;
}
.service-boxed-details {
	margin-top: 10px;
	padding: 20px 15px 20px !important;
	border: 1px solid #771F21;
	border-radius: 7px;
	transition: all 0.4s ease-in-out 0s;
	background-color: #FFF;
	height: 420px;
	background-image: url(../images/fleche-bas.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.section-formules {
	background-image:url(../images/fond-bande.png);
	background-repeat: no-repeat;
	background-position: center center ;
	overflow: hidden;
	position: relative;
}
.text-center-formules {
    margin-bottom: 0px;
	text-align:center;
}
/* BANNIERE 
.page-banner {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/banniere-securitedata.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner h2 {
	font-weight: 600;
	text-transform: none;
}*/
/*.page-banner-granule {
    padding: 30px 0px;
    background: transparent url("../images/slide-02-bg.jpg") repeat scroll center center;
    border-bottom: 1px solid #EEE;
}
.page-banner-granule {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/bandeaux-granule.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner-granule h2 {
	font-weight: 600;
	text-transform: none;
}
.page-banner-demater {
    padding: 30px 0px;
    background: transparent url("../images/slide-02-bg.jpg") repeat scroll center center;
    border-bottom: 1px solid #EEE;
}
.page-banner-demater {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/banniere-dematerialisation.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner-demater h2 {
	font-weight: 600;
	text-transform: none;
}
.page-banner-infogerance {
    padding: 30px 0px;
    background: transparent url("../images/slide-02-bg.jpg") repeat scroll center center;
    border-bottom: 1px solid #EEE;
}
.page-banner-infogerance {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/banniere-infogerance.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner-infogerance h2 {
	font-weight: 600;
	text-transform: none;
}
.page-banner-application {
    padding: 30px 0px;
    background: transparent url("../images/slide-02-bg.jpg") repeat scroll center center;
    border-bottom: 1px solid #EEE;
}
.page-banner-application {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/banniere-mobilite.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner-societe h2 {
	font-weight: 600;
	text-transform: none;
}
.page-banner-societe {
    padding: 30px 0px;
    background: transparent url("../images/slide-02-bg.jpg") repeat scroll center center;
    border-bottom: 1px solid #EEE;
}
.page-banner-societe {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/banniere-lasociete.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner-societe h2 {
	font-weight: 600;
	text-transform: none;
}

.page-banner-valeur h2 {
	font-weight: 600;
	text-transform: none;
}
.page-banner-valeur {
    padding: 30px 0px;
    background: transparent url("../images/slide-02-bg.jpg") repeat scroll center center;
    border-bottom: 1px solid #EEE;
}
.page-banner-valeur {
	border-bottom: 1px solid #BBBDBF;
	padding: 60px 0px;
	background-image: url(../images/banniere-valeur.jpg);
	margin-bottom: 40px;
	height: 172px;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: -1px;
}
.page-banner-valeur h2 {
	font-weight: 600;
	text-transform: none;
}

.portfolio-item .portfolio-thumb {
	overflow: hidden;
	position: relative;
	border: 1px solid #CCC;
}
@media (max-width : 479px) {
    
#main-slide .item .slider-content{
	display: none;
}
.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.rowcouleur, .big-title h1, .big-title h2 {
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
}
.rowcouleur, .big-title .title-desc {
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
}
.classic-title {
	margin-bottom: 18px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d7d3d2;
	font-weight: 400;
	font-size: 16px;
}
.classic-title span {
    padding-bottom: 3px;
    border-bottom: 2px solid;
    font-weight: 600;
}
.recent-projects h4.title {
    margin-bottom: 16px;
    padding-bottom: 4px;
    border-bottom: 1px solid #d7d3d2;
    font-weight: 400;
    font-size: 16px;
}
.recent-projects h4.title span {
    padding-bottom: 3px;
    border-bottom: 2px solid;
}