body, h1, h2, h3{
	font-family: 'open sans';
	font-weight: 300 !important;
	color: ;
}

h1, h2{
	text-align: center;
}

h1{
	font-size: 50px;
}

h3{
	text-transform: uppercase;
}

p{
	text-align: center;
}

.container{
	width: 460px;
}

.center{
	margin-left: auto;
	margin-right: auto;
}

.clear{
	clear: both;
}

#t-detail-activites{
	background-image: url("../images/bg-activites.jpg");
	background-repeat: repeat-y;
	padding-bottom: 80px
}

.titre{
	float: left;
	display: block;
	width: 230px;
}

#fleche{
	position: absolute;
	margin: -25px 0 0 240px !important;
	width: 120px;
}

.titre h3{
	text-align: center;
	margin-top: 30px;
}

.barre{
	display: block;
	width: 280px;
	height: 50px;
	color: white;
	border-radius: 3px;
	padding: 7px;
	margin: 5px 0;
	text-decoration: none !important;
	float: left;
}

.barre h3{
	font-size: 24px;
	font-weight: 400 !important;
	line-height: 20px;
	margin-bottom: -10px;
	margin-top: 0;
}

.barre p{
	line-height: 12px;
	margin-bottom: 0;
	text-align: left;
}

.texte{
	float: left;
	width: 230px;
}

.open, .opena{
	display: block;
	height: 50px;
	width: 50px;
}

.open :hover{
	opacity: 0.8;
}

.open img, .opena img{
	height: 100%;
}

#leguichet{
	background-color:#E9473F;
	margin-left: 50px;
}

#leguichet .open{
	background-color: #EB645E ;
	float: left;
}

#freelance{
	background-color: #59B6E0;
	margin-left: 85px;
}

#freelance .open{
	background-color: #83CCE0 ;
	float: left;
	position: relative;
	z-index: 10;
}

#freelance .opena{
	background-color: #83CCE0 ;
	float: left;
	position: relative;
	z-index: 10;
}

#freelance .open p{
	position: absolute;
	z-index: 1;
	color: #37BDE0;
	background: transparent;
	margin-top: 20px;
}

#freelance .open:hover p{
	color: #37BDE0;
	background: white !important;
	margin-top: 20px;
	margin-left: 60px;
    -webkit-transition: margin-left .2s ease-out;
    -moz-transition: margin-left .2s ease-out;
    transition: margin-left .2s ease-out;

}

#nomoney{
	background-color: #7FCA6E;
	margin-left: 85px;
}

#nomoney .open{
	background-color: #8ADB77 ;
	float: left;
}

#projets{
	background-color: #FFED40;
	margin-left: 150px;
}

#projets .open{
	background-color: #FFF087 ;
	float: left;
}

.page{
	display: block;
	width: 70px;
	height: 70px;
	float:left;
	border-radius: 3px;
	margin: 0 3px 50px 3px;

}

.page :hover{
	opacity: 0.8;
}

.page img{
	width: 70px;
}

#facebook{
	background-color: #59B6E0;
}

#google{
	background: #E9473F;
}

#viadeo{
	background: #7FCA6E;
}

#linkedin{
	background: #FFED40;
}

#twitter{
	background-color: #59B6E0;
}

#github{
	background-color: #7FCA6E;
}