@import url(http://fonts.googleapis.com/css?family=Courgette);

body {
	font: 300 15px/1.6 'Courgette', cursive;
	color: #545454;
}

.courgette{
	font-family: 'Courgette', cursive;
	text-transform:normal;
}

.navbar-color, .custom-collapse {
	background: #505050;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Courgette', cursive;
	margin: 5px 0 5px;
	color: #222;
}


#contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact h6 {
	color: #38beda;
}

.navbar-custom .navbar-brand {
	font: 300 18px/1.2 'Courgette', cursive;
	color: #FFF;
}

.navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav .dropdown-menu > li > a {
	color: #FFF;
	font-size: 15px;
}


#profile-contact {
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	padding: 20px 0;
	color:#38beda;
}

.headline p {
	font-weight: 300;
	color: #000;
}

.color{
color:#38beda;
}

.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	background: none;
	outline: 0;
	color: #38beda;
}

font.colorgras{
	color:#38beda;
	font-weight:300;
}

.widget-social li a:hover {
	background: #38beda;
}

.navbar-custom .navbar-nav > li.active {
	border-bottom: 3px solid #38beda;
}


a.pp:link { 
	text-decoration:none;  
	color: white;
	cursor:default;
}
a.pp:visited {
    color: white;
    cursor:default;
}
a.pp:active {
    color:white;
    cursor:default;
}
a.pp:hover {
    color:#grey;
    text-decoration: none;
    cursor:default;
}

#texte {	
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	padding:100px 0;
	text-align:justify;
	color:white;
	cursor:default;
	-webkit-animation: pp 322s ease 0s forwards; 
	-moz-animation: pp 322s ease 0s forwards; 
	-ms-animation: pp 322s ease 0s forwards; 
	-o-animation: pp 322s ease 0s forwards; 
	animation: pp 322s ease 0s forwards; 
}

#pp{
	font-size:12px;
	line-height:15px;
	text-align:justify;
}


@-webkit-keyframes pp{ 
	from { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; } 
	99% { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; }
	to { opacity: 1; filter: alpha(opacity = 100); -moz-opacity: 1; } 
}
@-moz-keyframes pp{ 
from { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; } 
	99% { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; }
	to { opacity: 1; filter: alpha(opacity = 100); -moz-opacity: 1; } 
} 
@-ms-keyframes pp{
from { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; } 
	99% { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; }
	to { opacity: 1; filter: alpha(opacity = 100); -moz-opacity: 1; } 
} 
@-o-keyframes pp{
from { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; } 
	99% { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; }
	to { opacity: 1; filter: alpha(opacity = 100); -moz-opacity: 1; } 
} 
@keyframes pp{ 
from { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; } 
	99% { opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; }
	to { opacity: 1; filter: alpha(opacity = 100); -moz-opacity: 1; } 
} 
@media (max-width: 992px) {
  	#pp{
  		display:none;
  	}  	

}