/*  This file is part of WebSiCo: online Web Site Composer, Copyright (c) WEBSICO SAS, http://websico.com. All rights reserved, see license. */ td { padding: 0; } .wssystemcontainer td { vertical-align: top; } .wssystemcontainer { width: 100%; border-collapse: collapse; display: table;				 } .wssystemcontainer.V>div { display: table-row; } .wssystemcontainer.V>div>div { display: table-cell; vertical-align: top; } .wssystemcontainer.H>div { display: table-cell; vertical-align: top; } #outerContainer, #firstContainer { height: 100%; } a.wscontainer { display: block; cursor: pointer; } a.wscontainer * { cursor: pointer; } .wscontainer>div.dropDownOpen { transition: max-height 0.4s cubic-bezier(0.6,0,1,1); -webkit-transition: max-height 0.4s cubic-bezier(0.6,0,1,1); -o-transition: max-height 0.4s cubic-bezier(0.6,0,1,1); -moz-transition: max-height 0.4s cubic-bezier(0.6,0,1,1); max-height: 2000px;  overflow: hidden; } .wscontainer>div.dropDownClosed { transition: max-height 0.4s cubic-bezier(0,1,0,1); -webkit-transition: max-height 0.4s cubic-bezier(0,1,0,1); -o-transition: max-height 0.4s cubic-bezier(0,1,0,1); -moz-transition: max-height 0.4s cubic-bezier(0,1,0,1); max-height: 0; overflow: hidden; } .wscontainer .stretchWrapper {  border-collapse: collapse; width: 100%; } .wscontainer div.stretchWrapper { display: table; width: 100%; height: 100%; } .wscontainer .top { display: table-cell; vertical-align: top; } .wscontainer .middle { display: table-cell; vertical-align: middle; } .wscontainer .bottom { display: table-cell; vertical-align: bottom; } .wsrawtext { padding: 5px; } .ws_selection { position: absolute; } .inlineBlock { display: -moz-inline-stack;   display: inline-block; zoom: 1;   *display: inline;   } .ws_error, .ws_info { color: #555; background: #fff; border: solid 3px; padding: 0.5em; margin: 0.5em; font-weight: bold; } .ws_info { color: #080; } html { height: 100%; } body { margin: 0; height: 100%; font-family: Verdana, Geneva, sans-serif; font-size: 12px; 	 color: #555555; background-color: #ffffff; } * { transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; } .wsspage a { color: #555555;	 font-weight: bold; border-style: solid;		 border-width: 0; } .wsspage a:hover { color: white; background: #8a8a8a; text-decoration: none; } img { border-style: solid; border-width: 0; } a img { border-width: 0; } iframe { border: none; } .wsspage a:hover img { opacity: 0.6; } .wsspage a:hover img.filter { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .gallery { background: #000; text-align: center; padding: 0; } .gallery .counter { float: left; font-size: 10px; color: #fff; background: #333; margin-top: 1em; margin-left: 1em; } .gallery .caption { clear: left; float: left; margin: 3em; max-width: 50%; color: #fff; background: #000; padding: 0.5em; border: 1px solid #555; } .gallery .image { border: 2px solid #333; } .gallery .progressBar { position: absolute; top: 4px; } .gallery .control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery .control .close { float: right; margin-right: 1em; margin-top: 0.5em; border-radius: 50%; } .gallery .control .play { float: left; margin-left: 1em; margin-top: 0.5em; border-radius: 10px; } .gallery .control .previous { position: absolute; top: 45%; left: 0; border-radius: 10px; } .gallery .control .next { position: absolute; top: 45%; right: 0;	 border-radius: 10px; } .wscontainer { padding: 10px; margin: 5px;      border: solid 1px #eaeaea;	 } .wstextarea p { margin: 0; padding: 0; } .wscomponent { border-style: solid;		 border-width: 0; padding: 5px; margin: 5px;      } .wssbadge { line-height: 1px;            } .wssbadge img { cursor: pointer; } .wsstitle { font-size: 220%; margin-top: 15px;	 margin-bottom: 15px;	 font-variant: small-caps; letter-spacing: 0.3em; line-height: 1em; border-bottom-width: 1px; } .wsstitle a { display: block; text-decoration: none; } .wstextarea { line-height: 1.5em;     } .wsimage { text-align: center; font-style: italic; } .wsimage a { display: block; margin: 0; padding: 0; } .wsimage a:hover { background: none; } .wsimage a.zoomable:hover { background: white url('ws_images/bg_zoom.jpg') center no-repeat; } .wsimage .ws_img_caption { margin-top: 0.5em; } .wsimage img { width: 100%; height: auto; } .wssform { background: #F5F5F5; border: solid 1px #dddddd; } .wssform form, .wssrssreader h2 { margin: 0; } .wsslabel { border-style: solid;		 border-width: 0; margin-top: 0.3em; } .wssinput { width: 100%; } .wssform button { cursor: pointer; } .wssform button:hover { opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .ws_message {                    color: #666; background: #fff; border: solid 2px; padding: 0.5em; margin: 0.5em; } .wssrssreader { overflow: auto;     border: solid 1px #dddddd; } .wssrssreader .feedTitle { font-size: 150%; } .wssrssreader .feedImage { float: right; margin-left: 1em; } .wssrssreader .itemTitle { font-size: 125%; display: block; clear: both; margin-top: 1.5em; } .wssrssreader .itemContent { margin-left: 2em; } .wssrssreader .itemContent p {    margin: 0; } .wssrssreader .itemContent ul {    padding-left: 2em; } .wssmenu { font-variant: small-caps; font-weight: bold; line-height: 1.3em; white-space: nowrap; } .wssmenu .button {	 display: none; cursor: pointer; border-style: solid;		 border-width: 0; color: #C9C9C9; font-family: Verdana, sans-serif; font-size: 4em; line-height: 0.87em; height: 1em; } .wssmenu ul { padding: 0; margin: 0; list-style: none; } .wssmenu li { padding: 0; margin: 0; } .wssmenu .submenu { display: none; position: absolute; overflow: visible;  z-index: 10;         margin-left: 1em;	 } .wssmenu a { color: #8a8a8a; background: white; text-decoration: none; border-style: solid; border-width: 0; margin: 2px; padding-left: 0.5em; padding-right: 0.5em; display: block; } .wssmenu a:hover, .wssmenu a.hover { color: white; background: #8a8a8a; text-decoration: none; } .wssmenu .horizontal { overflow: hidden;	 } .wssmenu .horizontal li { float: left; } .wssmenu .vertical li { float: none; } .wssmenu .tree .submenu { display: block; position: static; float: none; } .wssmenu .tree li { float: none; } .wslangselector a { text-decoration: none; } .wslangselector img { width: 20px; height: 10px; border: solid 1px #ccc; margin: 2px 0; } .wslangselector.wslangselector a:hover {     background: transparent; } .wslangselector a:hover img { border-color: black; } .wssbadge:hover { opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .ws_popup_wrapper { display: table; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 64; background-color: black;	 background-color: rgba(0, 0, 0, 0.6); } .ws_popup_inner_wrapper { display: table-cell; vertical-align: middle; } .ws_popup { max-width: 80%; max-height: 80%; margin: auto; overflow: auto; background-color: white; border-radius: 5px; } .ws_close_popup { float: right; width: 40px; height: 40px; margin-bottom: -50px; background: url('ws_images/ws_close.png') center no-repeat; text-decoration: none; }