/*************************************************** 
	GLOBAL
***************************************************/
body {background: #e7511e; padding-top: 51px; color: white;}
.text-orange {color: #e7511e;}
a.label-orange {color: white; background: #e7511e; border: 1px solid #e7511e;}
a.label-orange:hover {color: #e7511e; background: white;}

h1 {font-size: 60px; margin-bottom: 20px; margin-top: 10px;}

.navbar-brand {padding: 0px;}
.navbar-brand img {height: 90%; margin-left: 10px; margin-top: 2%;}


.navbar-toggle .icon-bar {background: white;}
.navbar-fixed-top {background: #e7511e; margin-bottom: 0;}


.modal-content {color: black; border: 10px solid #e7511e;}
.modal-header {border-bottom: none; color: #e7511e;}


ul.navbar-nav {float: none;}
ul.navbar-nav {text-align: center;}
ul.navbar-nav > li {display: inline-block; float: none;}
ul.navbar-nav > li > a {color: white; text-decoration: none; font-size: 18px;}
ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a.active {background: white; color: #e7511e;}


section#intro {position: relative;}
section#intro a {color: white; text-decoration: none; font-size: 40px; display: inline-block; width: 60px; height: 60px; line-height: 65px; border-radius: 100px; margin-top: 15px;}
section#intro a:hover {background: white; color: #e7511e;}


section#qui-suis-je {padding: 80px 0px;}
section#qui-suis-je a#cv {color: #e7511e; margin-top: 15px; border-color: #e7511e;}
section#qui-suis-je a#cv:hover {background: #e7511e; color: white; border-color: white;}
section#qui-suis-je a#cv i {display: block; float: left; margin-right: 5px;}
section#qui-suis-je a#cv i::before {font-size: 32px;}
section#qui-suis-je a#cv span {display: block; float: right; margin-top: 6px;}


section#contact {padding: 40px 0px;}
section#contact input[type="submit"] {background: #e7511e; color: white; text-transform: uppercase;}



/*************************************************** 
	CLIENTS
***************************************************/
ul#home-list-clients {text-align: center; margin-top: 30px;}
ul#home-list-clients li.one-client a {display: block; text-transform: uppercase; text-decoration: none; color: white; text-align: center; padding-bottom: 10px;}
ul#home-list-clients li.one-client a:hover {background: rgba(0,0,0,0.5);}
ul#home-list-clients li.one-client a span.nomClient {display: block; padding: 8px 8px 0px 8px; height: 45px; overflow: hidden;}



/*************************************************** 
	ONE CLIENT
***************************************************/
article.one-client {position: fixed; background: #e7511e; top: 0; left: 110%; height: 100%; width: 100%; z-index: 1040; border: 10px solid white; overflow: scroll; -webkit-overflow-scrolling: touch;}
article.one-client.active {opacity: 1; visibility: visible; left: 0px;}
article.one-client span.close-article {display: block; position: absolute; right: 15px; top: 5px; font-size: 40px; cursor: pointer; z-index: 9;}
article.one-client span.close-article:hover {color: black;}
article.one-client ul {text-align: center; margin-top: 30px;}
article.one-client ul li a {display: block; text-transform: uppercase; text-decoration: none; color: white; text-align: center; padding-bottom: 10px; overflow: hidden; border: 1px solid white;}
article.one-client ul li a:hover {background: white; color: #e7511e; border-radius: 20px;}
article.one-client ul li a span.titreProjet {display: block; padding: 8px 8px 0px 8px; height: 45px; overflow: hidden;}



/*************************************************** 
	ONE PROJET
***************************************************/
a.nivo-lightbox:hover img {border-radius: 30px;}
a.one-file-dl {font-size: 14px; margin: 5px; display: inline-block;}



/*************************************************** 
	LOADING
***************************************************/
body.loading {overflow: hidden;}
section#loading {
	position: fixed;
	z-index: 9999;
	top: 0; right: 0; bottom: 0; left: 0;
	color: #e7511e;
	background: white;
}




/*************************************************** 
	RESPONSIVE
***************************************************/

@media (min-width: 0px) and (max-width: 0px) {}
/* Extra small devices (phones, up to 480px) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
	.navbar-fixed-top {border-bottom: 1px solid white;}
	h1 {font-size: 40px; text-align: center;}
}