/*correction de la couleur du titre h2*/
#PRR_DEMARCHE .innerParagraphe h2 {
    color: #000000;
    font-family: 'roboto-light';
    font-weight: normal;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-transform: none;
}
/*fin de correction*/
.view {
    perspective: 800px;
}
.view .slice {
    backface-visibility: visible;
}
.view:hover .s1 {
    transform: rotate3d(0, 1, 0, -10deg);
    transition-delay: 200ms;
}
.view:hover .s2 {
    transform: translate3d(34px, 0px, 0px) rotate3d(0, 1, 0, -20deg);
    transition-delay: 150ms;
}
.view:hover .s3 {
    transform: translate3d(34px, 0px, 0px) rotate3d(0, 1, 0, -36deg);
    transition-delay: 100ms;
}
.view:hover .s4 {
    transform: translate3d(34px, 0px, 0px) rotate3d(0, 1, 0, -47deg);
    transition-delay: 50ms;
}
.view:hover .s5 {
    transform: translate3d(34px, 0px, 0px) rotate3d(0, 1, 0, -61deg);
}
.view .s4 > .overlay {
    background: -moz-linear-gradient(right center , rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.view .s5 > .overlay {
    background: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.view div.view-back {
    background: -moz-linear-gradient(left center , #0A0A0A 0%, #666666 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*fin du code super chient et super joli*/


#scene3D {
    float: left;
    height: 150px;
    width: 300px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    perspective: 500px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    -o-perspective: 500px;
}

#flip div {
    position:absolute;
    width:300px;
    height:150px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

#flip div:first-child {
    background-attachment: scroll;
    background-clip: border-box;
    -webkit-background-clip: border-box;
    background-color: #e3dcd4;
    background-image: none;
    background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}
#flip div:first-child p{
    color:black;
    font-style:italic;
    padding-top:50px;
    text-align:center;    
}
/*#flip h2 {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    color: #000000
    font-family: roboto;
    font-size: 70px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding-top: 12px;
    text-align: left;
    margin-left: 39px;
    padding-bottom: 15px;
    margin-right: 10px;
    padding-top: 12px;

}*/
.paragraphe .innerParagraphe h2 {
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    color: #000000;
    font-family: 'roboto-light';
    font-size: 1.667em;
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 40px;
    padding-right: 0;
    padding-top: 8px;
}

#flip {
    height: 150px;
    width: 300px;
    box-shadow:0 0 5px #333333;
    -webkit-transform: rotateX(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateX(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateX(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateX(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;
}

#scene3D:hover #flip {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);

}