.courbediv
{
	background-image: url(courbe/ci-0.png);
	width:100%;
	transition:0.5;
	height:1000px;
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
		position:relative;
}
.courbepop
{
	width:100%;
	transition:0.5;
	height:1000px;
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	display:none;
}
.courbeappear
{
	width:100%;
	height:1000px;
	background-color: white;
	background-size: 100% 100%;
	transition : width 5s ease-in;
	float:right;
}
.phase1, .phase2, .phase3, .phase4
{
	
	font-weight: bold;	
	font-size: 200%;
	position: absolute;
    top: 18%;
    left: 26%;
	border:5px solid #bd0926;
	color:#bd0926;
	border-radius: 200px;
	padding: 12.5px 25px 12.5px 25px;
	display:none;
}
.phase2
{
	font-size: 200%;
	position: absolute;
    top: 50%;
    left: 36%;
    color:#3fa62a;
    border:5px solid #3fa62a;
}

.phase3
{
	font-size: 200%;
	position: absolute;
    top: 60%;
    left: 58%;
    color:#e25910;
    border:5px solid #e25910;
}
.phase4
{
	font-size: 200%;
	position: absolute;
    top: 60%;
    left: 84%;
    color:#0081a9;
    border:5px solid #0081a9;
}
.courbetexte
{
	width:500px;
	height:50px;
	background-color:white;
	position:absolute;
	top:150px;
	right:100px;
	box-shadow: 0px 10px 30px 0px grey;
	border-top: 10px solid grey;
	transition:0.7s;
}
.titrephase
{
	position: relative;
	top:-50px;
	color:grey;
	transition:0.7s;
	text-transform: uppercase;
}
.courbe_texte_contenu
{
	width:90%;
	padding: 0% 5% 0% 5%;
	display:none;
}

@media (max-width: 1430px)
{
	.courbediv, .courbepop
	{
		background-size: 120%;
	}
}