html, body{background-color:#faf3d4; border:0; margin: 0; padding: 0;}
img{border:0;}
sup {font-size: 0.83em;vertical-align: super;line-height: 0;}
#frise_preview{background-color:#faf3d4;} /*Admin*/
#frise{margin:0 auto; background-color:#262626; position:relative; overflow: hidden; }
#frise_header{margin:0 auto; width:100%; height:34px; color:#4d4d4d; text-align:center; font-size:21px; font-family:"Times New Roman",Georgia,Serif;  line-height:30px; font-style:italic; width:100%;}
#frise_header #frise_name_years{color:#999}
#frise_years{margin-left:auto; margin-right:auto; position:relative; height:32px; line-height:32px; background-image:url('years_bg.png'); color:#fff; font-size:21px; font-family:"Times New Roman",Georgia,Serif; font-style:italic; background-color:#7c7c7c;}
#frise_years div{position:absolute; height:20px; text-align:center; width:42px; font-style:italic;}
.timeline-ether-lines{height:100%; top:0; border-left:1px solid #cdc1a3; border-left:1px solid #191919; border-right:1px solid #5c5c5c; position:absolute; z-index:1;  opacity: 0.5;}
.hidden, .hide {display:none;}
#frise_copyright{display:none;width:100%; text-align:center; font-style:italic; font-size:12px; color:#999; font-family:"Times New Roman",Georgia,Serif; line-height:26px; height:26px;}
.relative{position:relative;}
#header_buttons{position:absolute; right:0; top:0;}
#header_buttons a{background-position:right center; background-repeat:no-repeat; font-family:helvetica,arial,sans-serif; font-size:12px; font-style:normal;height:34px; line-height:34px; margin-right:20px; padding-right:25px; color:#999; text-decoration:none; display: block; float: right;}
#header_buttons a:hover{opacity: 0.7}
#fullscreen_button{background-image:url("fullscreen.svg");}
#fullscreen_button.active{background-image:url("fullscreen_exit.svg"); display: block;}
#fullscreen_ie_message{display:none;}
#previous_button{background-image:url("close.svg");}
#scrollable_div{position: absolute;z-index: 2;}
#frame{position: relative;}
html.is_touch_device #frame{overflow:scroll;width:100%; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
html.is_not_touch_device #frame{overflow: hidden;}
.browser-modern .dragger{cursor: ew-resize !important;}
.browser-ie .dragger{cursor: w-resize !important;}
.element{position:absolute;}

.point{background-image:url(point.svg); background-position:0 0; height:22px; width:22px; margin-left:-10px;}

.text{text-align:center; font-size:14px; line-height:15px; color:#faf3d4; font-family:helvetica, arial, sans-serif;}
.text.text_date{color:#999999; font-family:"Times New Roman",Georgia,Serif; font-style:italic;}
.text.text_legend{color:#d8cfc6; font-family:"Times New Roman",Georgia,Serif; font-style:italic;}

.period{height:10px;}
.period .period_left,
.period .period_right{width:4px;}
.period .period_left,
.period .period_middle,
.period .period_right{height:10px; float:left;}
.period .period_middle{background-repeat:repeat-x;}
.period.period_large .period_left{background-image:url(period_large_left.png);}
.period.period_large .period_middle{background-image:url(period_large_middle.png);}
.period.period_large .period_right{background-image:url(period_large_right.png);}
.period.period_simple .period_left{background-image:url(period_simple_left.png);}
.period.period_simple .period_middle{background-image:url(period_simple_middle.png);}
.period.period_simple .period_right{background-image:url(period_simple_right.png);}
.period.period_thin .period_left{background-image:url(period_thin_left.png);}
.period.period_thin .period_middle{background-image:url(period_thin_middle.png);}
.period.period_thin .period_right{background-image:url(period_thin_right.png);}
.period.period_gradient_left .period_left,
.period.period_gradient_right .period_right,
.period.period_gradient_left_right .period_left,
.period.period_gradient_left_right .period_right{width:25px;}
.period.period_gradient_left .period_left{background-image:url(period_gradient_left.png);}
.period.period_gradient_left .period_middle{background-image:url(period_simple_middle.png);}
.period.period_gradient_left .period_right{background-image:url(period_simple_right.png);}
.period.period_gradient_right .period_left{background-image:url(period_simple_left.png);}
.period.period_gradient_right .period_middle{background-image:url(period_simple_middle.png);}
.period.period_gradient_right .period_right{background-image:url(period_gradient_right.png);}
.period.period_gradient_left_right .period_left{background-image:url(period_gradient_left.png);}
.period.period_gradient_left_right .period_middle{background-image:url(period_simple_middle.png);}
.period.period_gradient_left_right .period_right{background-image:url(period_gradient_right.png);}
.period.period_large,
.period.period_thin,
.period.period_simple{margin-left:0;}
.period.period_gradient_left,
.period.period_gradient_left_right{margin-left:0;}

.info_box.left,
.info_box.right{position:relative;}
.info_popup{border-radius:5px; position:absolute;  left:42px; background-color:#fff; padding:15px; font-family:helvetica, arial, sans-serif; font-size:12px; line-height:16px;}
.info_close{position:absolute; right:10px;}
.info_popup p.info_title{color:#8C0036; font-weight:normal; line-height:18px; font-size:16px; margin-bottom:10px; margin-top:0; padding-right:15px;}
.info_box.right .info_triangle{background-image:url("info_triangle_right.svg"); height:30px; left:27px; position:absolute; top:0; width:15px;}
.info_box.left .info_triangle{background-image:url("info_triangle_left.svg"); height:30px; left:-14px; position:absolute; top:0; width:15px;}
.info_image{float: left; display: block; margin-bottom:10px;}
a.info_open_popup, a.info_open_popup img{display: block;}
a.info_open_popup:hover img{opacity:0.7;}
a.info_close:hover img{opacity:0.7;}
div.timeline{width:5px; background-image:url("timeline_large.png"); height:100%; margin-left:2px;}

.bgbox{ background-image:url("bgbox_background.png"); border-radius:5px;}

.link a, .link img{display: block;}

.image .magnifying_glass{position:absolute; bottom:0;}

.image .image_big_box{position:absolute;}
.image .image_close{display:none;}
a.image_open:hover img{opacity:0.8;}
a.image_open:hover img.magnifying_glass{opacity:0.7;}

.flash a, .flash a img{display:block;}
.flash a:hover img{opacity:0.7;}


.element.video div.video_iframe_container{z-index: 9999999; display: none; position: absolute; background-color: transparent;}
.element.video iframe{background-color: #000;}
.element.video .video_error.table{display: table; width: 100%; height: 100%; background-color: #fff;}
.element.video .video_error .table_cell{display: table-cell; width: 100%; text-align: center; vertical-align: middle; color: rgb(153, 153, 153); font-size: 22px;}
.video_close{position: absolute; right: -39px; top: -15px;}
.video_close img{display: block;}