.simple-text {margin-bottom:50px}
.simple-text .wrapper {text-align:center; margin:100px auto}
.simple-text .wrapper-gray {text-align:center; margin:0px auto; padding:100px 0px}
.simple-text .wrapper-left {display:inline-block; text-align:left; vertical-align:middle; margin:0px 10px;}
.simple-text .wrapper-left img {display:inline-block;cursor:pointer;}
.simple-text .table {display:table; table-layout:fixed; text-align:center; width:100%}
.simple-text .cell {display:table-cell; vertical-align:middle}
.simple-text p.title {font-size:25px; max-width:735px; text-transform:uppercase; margin:30px auto}
.simple-text p.subtitle {font-size:16px; max-width:735px; text-transform:uppercase; margin:20px auto}
.simple-text p.slogan {margin:0px auto; text-align:center; font-size:18px; max-width:735px; text-transform:uppercase; color:#e5173f}
.simple-text p.text {line-height:25px; max-width:735px; margin:10px auto; font-size:16px}
.simple-text div.btn {text-transform:uppercase; font-size:14px; text-align:center; border:1px Solid #000; width:220px; margin:40px auto; padding:15px 0px; cursor:pointer}
.simple-text div.btn:hover {color:#FFF; background:#262626}
.simple-text .full-img {width:80%; max-width:700px;}
.simple-text ul {list-style-image: url(img/bullet-red.png); margin:20px; padding:0px 20px 20px 20px}
.simple-text li {padding:5px; font-size:14px}
.simple-text .input-text {width:300px; height:30px; border:0px; background:#e1e1e1; margin-bottom:12px; padding-left:15px; font-size:10px; text-transform:uppercase;}
.simple-text .input-text-message {width:300px; height:200px; border:0px; background:#e1e1e1; margin:0px; padding-left:15px; font-size:10px; text-transform:uppercase;}
.simple-text textarea {border:0px; background:#e1e1e1; height:200px; width:315px; margin-top:5px; font-size:14px; padding:0px 0px; resize:none;font-size:10px; text-transform:uppercase;}
.simple-text .cell2 {max-width:390px; width:90%; height:320px; display:inline-block; margin-bottom:5px; vertical-align:top; overflow:hidden; background-position: center 100%; background-size:100% auto; background-repeat:no-repeat; background-color:#ebebeb; color:#242424}
.simple-text .cell2 .top {width:100%; padding:35px 0px 25px 0px; height:30px; background:#262626; font-size:18px}
.simple-text .cell2 .bottom {width:100%; height:280px}
.simple-text .cell2 .bottom .polygone {background:url(img/polygone6.png) center -45px no-repeat; height:30px}
.simple-text .cell2 .bottom p {padding:20px; font-size:13px; line-height:18px}
.simple-text .cell2 .top span.title {margin: 0px 0px; text-transform:uppercase; margin-top: 100px;}
.simple-text .cell2 .top span.subtitle {margin: 0px 0px; font-size: 15px; text-transform:none;}

#historique-down {position:absolute; width:200px; left:50%; margin-left:-100px; margin-top:-20px; z-index:100}



#content-historique p.title {font-size:25px; text-transform:uppercase; margin:0px}
#content-historique p.text {font-size:18px; margin:20px 0px; line-height:28px; max-width:400px; width:100%}
#content-historique .artlefta {position:absolute; z-index:10; border:2px Solid #e5514b; padding:6px; left:50%; margin-left:-550px} 
#content-historique .artleftb {position:absolute; z-index:10; left:50%; margin-left:-300px}
#content-historique .artrighta {position:absolute; z-index:10; border:2px Solid #e5514b; padding:6px; left:50%; margin-left:100px} 
#content-historique .artrightb {position:absolute; z-index:10; left:50%; margin-left:310px}
#content-historique .textright {position:absolute; z-index:10; left:50%; margin-left:100px; color:#000}
#content-historique .textleft {position:absolute; z-index:10; left:50%; margin-left:-550px; color:#000}    
#content-historique .rotateright {-moz-transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -ms-transform:rotate(-15deg); -o-transform:rotate(-15deg);  transform:rotate(-15deg);}
#content-historique .rotateleft {-moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); -o-transform:rotate(15deg);  transform:rotate(15deg);}
#content-historique .timeline {position:absolute; background:#e5514b; width:2px; height:2100px; left:50%; margin-left:-1px; margin-top:300px; z-index:100}
#content-historique .dot {left:50%; z-index:100; margin-left:-10px; position:absolute; background:#000; border:2px Solid #e5514b; width:16px; height:16px; border-radius:10px; opacity:0}
#content-historique .date {left:50%; margin-top:250px; z-index:100; margin-left:-20px; position:absolute; font-size:30px; color:#e5514b}

#arrow-graph {width:0px; height:0px; margin-top:-100px; margin-left:20px; position:absolute; z-index:300}

.historique-levels {height:900px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:scroll; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
.historique-levels .bg {background:#FFF; opacity:0.75; width:100%; height:900px}