/***********************
******* Polices ********
************************/
@font-face {
	font-family: 'Montserrat Regular';
	src: url('/fonts/Montserrat-Regular.ttf');
}

/***********************
************************
************************/

@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive{
    0% { width: 0%; }
}

/**************************
******* Responsive ********
***************************/
@media (max-width: 800px) {
}

@media (max-width: 460px) { 
}

@media (max-width: 320px) { 
	.bloc {
    padding-left: 0;
    padding-right: 0;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
	}
}

/***********************
******* Navbar *********
************************/

.navbar-default {
    background-color: #F35342;
    /*border-color: #e7e7e7;*/
}
.navbar-default .navbar-brand {
    color: rgba(255,255,255,.6);
}

.navbar-default .navbar-nav > li > a {
    color: rgba(255,255,255,.6);
}

.navbar-default .navbar-brand:hover {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover {
    color: white;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.navbar-brand {
    height: auto;
    padding: 15px 15px;
    font-size: 18.5px!important;
    font-weight: normal;
    font-weight: 600;
}

.container {
    padding-right: 0!important;
    padding-left: 0!important;
    margin-right: auto;
    margin-left: auto;
}

a {
    color: #337ab7;
    text-decoration: none;
}
a:hover {
    color: #337ab7;
}


/***********************
******* Skillbar *******
************************/

.skillbar {
  font-family: 'Montserrat', 'sans-serif';
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#444;
	color:rgba(0, 0, 0, 0.4);
}

/***********************
******* Contact ********
************************/
.form-control {
    display: block;
    width: 100%;
    height: 42px;
	  font-family: Montserrat;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/***********************
******* Boutons *******
************************/
.btn-intro {
  padding: 25px 59.27px;
}

.btn-1 {
    border: 3px solid #F35342;
    color: #F35342;
}

/* Animation du bouton*/
.btn-1b:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #F35342;
}
/* btn-1a utilisé actuellement*/
.btn-1a:hover,
.btn-1a:active {
	color: #fff;
	background: #F35342;
}

.btn-3 {
    background: #F35342;
    color: #fff;
}

.btn-3:hover {
    background: #F35342;
}

.d-bloc a {
    color: #F35342;
}

.btn-5 {
    background: #F35342;
    color: #fff;
    height: 70px;
    min-width: 275px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn-5:hover{
    color: #fff!important;
}

/*Btn 5 white*/
.btn-5w {
	background: rgba(255,255,255,.9);
	color: #F35342;
	height: 70px;
	min-width: 275px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.btn-5w span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5w:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 2.5;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-5w:hover {
  color: #F35342!important;
}

.btn-3:hover {
    color: #fff!important;
}

/********************************
******* Bouton Scroll Top *******
*********************************/
.bouton-d, .bouton-d:hover, .bouton-d:focus {
    color: #FFF!important;
    background: rgba(0,0,0,.3);
    transition: all 0.2s ease!important;

}
.bouton {
    margin: 0 5px 5px 0;
}
.bouton {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.bouton:hover {
  background: #333
}

.img-responsive {
    margin: 0 auto;
}

/********************
******* Intro *******
*********************/
.mg-lg {
    margin-top: 10px;
    margin-bottom: 40px;
	height: 100px;
}

p.cursus {
	font-size: 1.2em;
	text-align: center;
	font-family: 'Montserrat', 'sans-serif';
}

/*********************
******* Cursus *******
**********************/
.cursus-details {
	margin-top: 20px;
	margin-bottom: 20px;
}

/***************************
******* Realisations *******
****************************/

.next-lightbox {
	border-left: 20px solid #E5E5E5;
}

.prev-lightbox:hover, .next-lightbox:hover {
    border-right-color: #E5E5E5;
    border-left-color: #E5E5E5;
}

.prev-lightbox {
    left: 25px;
    border-right: 20px solid #E5E5E5;
}

/**********************
******* Exp pro *******
***********************/

.bgc-carmine-pink a {
    color: rgba(255,255,255,9);
}