/*===============ETAPES==================*/
#schema_etape{
    margin-bottom:50px;
}
.ligne_etape{
    position:relative;
    margin-bottom:10px;
}
.numero_etape{
    width:120px;
    height:120px;
    margin-right:10px;
    float:left;
}

.texte_etape{
    width:300px;
    height:60px;
    padding:10px;
    float:left;
    margin-top:20px;
}

#description .ligne_etape .titre_etape h4{
    color:#333;
    font-weight:300;
    font-size:30px;
    margin:0;
    text-align:center;
    margin:0 0 5px 0;
}
#description .ligne_etape .titre_etape h3{
    color:#333;
    font-weight:300;
    font-size:16px;
    text-align:center;
    margin:0;
}
#etape_1 .etape_droite{
    width:500px;
    height:120px;
    float:left;
    background:#c8c8c8;
}
#etape_1 .numero_etape{
    background:#c8c8c8;
    color:#333;
    font-size:72px;
    text-align:center;
    line-height:120px;
    font-weight:normal;
}
#etape_1 .texte_etape p{
    font-size:14px;
    color:#333;
    line-height:16px;
    font-weight:300;
    text-align:center;
}
#etape_1 .titre_etape{
    text-align:center;
    float:right;
    margin:33px 0 0 0;
    width:120px;
}
#etape_1 .image_etape{
    width:50px;
    height:54px;
    top:33px;
    right:120px;
    background:url(../images/sprite3.png) no-repeat 0 0;
    position:absolute;
}
.triangle{
    width:84px;
    height:42px;
    position:absolute;
    z-index:10;
}
#etape_1 .triangle{
    top:120px;
    right:10px;
    background:url(../images/sprite3.png) no-repeat -57px 0;
}
/*=================================*/
#etape_2 .numero_etape{
    background:#a3a3a3;
    color:#fff;
    font-size:72px;
    text-align:center;
    line-height:120px;
    font-weight:normal;
}
#etape_2 .etape_droite{
    width:500px;
    height:120px;
    float:left;
    background:#a3a3a3;
}
#etape_2 .texte_etape p,#etape_3 .texte_etape p,#etape_4 .texte_etape p,#etape_5 .texte_etape p{
    font-size:14px;
    color:#fff;
    line-height:16px;
    font-weight:300;
    text-align:center;
}
#etape_2 .titre_etape{
    text-align:center;
    float:left;
    margin:33px 0 0 10px;
    width:120px;
}
#etape_2 .texte_etape{
    width:300px;
    height:60px;
    padding:10px;
    float:right;
    margin-top:20px;
}
#etape_2 .image_etape{
    width:50px;
    height:50px;
    top:33px;
    left:260px;
    background:url(../images/sprite3.png) no-repeat 0 -55px;
    position:absolute;
}
#description #etape_2 .titre_etape h4{
    color:#fff;
    font-weight:300;
    font-size:30px;
    margin:0;
    text-align:center;
    margin:0 0 5px 0;
}
#description #etape_2 .titre_etape h3{
    color:#fff;
    font-weight:300;
    font-size:16px;
    text-align:center;
    margin:0;
}
#etape_2 .triangle{
    top:120px;
    left:140px;
    background:url(../images/sprite3.png) no-repeat -57px -43px;
}
/*=================================*/
/*=================================*/
#etape_3 .numero_etape{
    background:#6b6b6b;
    color:#fff;
    font-size:72px;
    text-align:center;
    line-height:120px;
    font-weight:normal;
}
#etape_3 .etape_droite{
    width:500px;
    height:120px;
    float:left;
    background:#6b6b6b;
}
#etape_3 .titre_etape{
    text-align:center;
    float:right;
    margin:33px 10px 0 0;
    width:120px;
}
#description #etape_3 .titre_etape h4{
    color:#fff;
    font-weight:300;
    font-size:30px;
    margin:0;
    text-align:center;
    margin:0 0 5px 0;
}
#description #etape_3 .titre_etape h3{
    color:#fff;
    font-weight:300;
    font-size:16px;
    text-align:center;
    margin:0;
}
#etape_3 .triangle{
    top:120px;
    right:10px;
    background:url(../images/sprite3.png) no-repeat -57px -86px;
}
#etape_3 .image_etape{
    width:50px;
    height:54px;
    top:33px;
    right:138px;
    background:url(../images/sprite3.png) no-repeat 0 -107px;
    position:absolute;
}
/*=================================*/
/*=================================*/
#etape_4 .numero_etape{
    background:#343434;
    color:#fff;
    font-size:72px;
    text-align:center;
    line-height:120px;
    font-weight:normal;
}
#etape_4 .etape_droite{
    width:500px;
    height:120px;
    float:left;
    background:#343434;
}
#etape_4 .titre_etape{
    text-align:center;
    float:left;
    margin:33px 0 0 10px;
    width:120px;
}
#etape_4 .texte_etape{
    width:300px;
    height:60px;
    padding:10px;
    float:right;
    margin-top:20px;
}
#description #etape_4 .titre_etape h4{
    color:#fff;
    font-weight:300;
    font-size:30px;
    margin:0;
    text-align:center;
    margin:0 0 5px 0;
}
#description #etape_4 .titre_etape h3{
    color:#fff;
    font-weight:300;
    font-size:16px;
    text-align:center;
    margin:0;
}
#etape_4 .triangle{
    top:120px;
    left:140px;
    background:url(../images/sprite3.png) no-repeat -57px -129px;
}
#etape_4 .image_etape{
    width:50px;
    height:38px;
    top:33px;
    left:260px;
    background:url(../images/sprite3.png) no-repeat 0 -162px;
    position:absolute;
}
/*=================================*/
/*=================================*/
#etape_5 .numero_etape{
    width:120px;
    height:140px;
    margin-right:10px;
    float:left;
}
#etape_5 .numero_etape{
    background:#ff5400;
    color:#fff;
    font-size:72px;
    text-align:center;
    line-height:140px;
    font-weight:normal;
}
#etape_5 .etape_droite{
    width:500px;
    height:140px;
    float:left;
    background:#ff5400;
}
#etape_5 .titre_etape{
    text-align:center;
    float:right;
    margin:33px 10px 0 0;
    width:120px;
}
#description #etape_5 .titre_etape h4{
    color:#fff;
    font-weight:300;
    font-size:30px;
    margin:0;
    text-align:center;
    margin:0 0 5px 0;
}
#description #etape_5 .titre_etape h3{
    color:#fff;
    font-weight:300;
    font-size:16px;
    text-align:center;
    margin:0;
}
#etape_5 .image_etape{
    width:50px;
    height:42px;
    top:33px;
    right:130px;
    background:url(../images/sprite3.png) no-repeat 0 -201px;
    position:absolute;
}
/*=================================*/
/*=============FIN=ETAPES===================*/