/*	Responsive	*/
@media (max-width:767px){
	div.corps, .barre{
		width:100%;
	}
	span, strong{
		font-size:16px;
	}
	
	.jumbotron{
	padding-left:10px!important;
	padding-right:0px!important;
	}

	input, textarea{
	border-radius: 0px!important;
	border: 0px;
	background-color: rgba(46,139,87,0.3)!important;}
}

@media (min-width:768px){
	div.corps, .barre{
		width: 60%;
		margin:auto;
	}
	input, textarea{
	border-radius: 0px!important;
	border: 0px #0c223f solid!important;
	background-color: rgba(127,255,0,0.3)!important;
	}

}



/*	G�n�ral		*/
*{
	margin: 0;
}

body{
font-family: "lucida console"!important;
}

p{
font-size: 15px!important;
text-align: justify;
font-weight: bold!important;
}

.item{
 background: #333;
 text-align: center;
 height: 100%!important;
}

.icon-bar{
	background-color: #000000;
}

.navbar-toggle{
	background-color: #999C9A;
}

.navbar{
	background-color: /*#4AEE94 rgb(88, 41, 0) rgb(237, 127, 16) */ #0C92CA;
}

#navbar > ul > li > a{
color: /*#00FF1B;#FA8675*/#0a5289;
font-family: "lucida console";
font-weight: bold;
}

h1{
	text-align: center;
	background-color: #0A4229;
	padding:10px;
	margin: 0;
	color: #ffffff;
}

h2{
	text-align:center;
}

div.panel-body > h6 {
	color: red!important;
	font-weight: bold!important;
}

.bg-primary{
	background-color:#ACF7F7;
}

.navbar-brand{
	padding: 0px 15px 0px 25px;!important;
}

.navbar-fixed-bottom{
	text-align:center;
}




/* 	Page Experiences	*/
.panel-footer{
	color : #0c223f;
	font-style: italic;
	font-weight: bold;
}

ul li{
	list-style-type: square;
	color: #150463;
	font-weight:bold;
}

.panel-title{
	text-decoration: underline;
}




/*	Page Accueil	*/
.jumbotron{
	background-color: #9bb;
}

strong{
	font-family: "lucida console";
	font-weight:bold;
}
span{
	font-style: italic;
	color: #066B38;
	font-family: "lucida console";
}

.jumbotron{
	margin-bottom:0px!important;

}



/*	Page Loisirs	*/
.barre-loisir{
	position: relative;
	height:100%;
}




/*	Page Contact	*/
/*input, textarea{
	border-radius: 5px!important;
	
}
*/

::-webkit-input-placeholder,
::placeholder{
	color: red;
}


/*	Page Competences	*/
img.img-skill{
	width:10%;
	height:100%;
	text-align:center;
}

body > div.container > div > div > div > h2{
	font-size:20px;
	font-family: calibri;
}

p.p-skill{
	color: #061081;
	font-weight: bold;
	font-size:13px!important;
	font-family: "trebuchet ms";
}

hr{
	border: 1px black solid;
}

.skill{
	font-family: calibri;
	font-weight:bold;
}

p#seo, p#analytics, p#codage, p#social, p#emailing, p#editorial {
	color: #DC143C;
	font-weight:bold;
	font-family: verdana;
	font-size:22px!important;
	font-style:italic;
}

.very-good{
	background-color:#0000FF;
}

.quite-good{
	background-color:#1E90FF;
}

.good{
	background-color:#00BFFF;
}

.medium{
	background-color:#87CEFA;
}

.bad{
	background-color:#ADD8E6;
}

body > div.container > div > div.well{
	margin-bottom: 5px!important;
}

p.back-skill{
	width:50%;
	margin:auto;
	text-align:center;
	text-decoration: underline;
}

body > div.container > div:nth-child(2) > div > div > div > a > h2, body > div.container > div:nth-child(1) > div > div > div > a > h2{
transition: font-size 1s ease-out 1s, color 1s ease-in 1s;
}
body > div.container > div:nth-child(2) > div > div > div > a > h2:hover, body > div.container > div:nth-child(1) > div > div > div > a > h2:hover{
font-size: 35px;
color: red;
}