/* cmsms stylesheet: Simplex Core modified: Wednesday, December 29, 2021 9:15:53 AM */ /* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #F9E6CD;background: rgba(249,230,205,1);color: #555;text-shadow: none}.content-wrapper ::selection {background: #F9E6CD;background: rgba(249,230,205,1);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}section {margin-bottom: 3em;}iframe, img {max-width: 100%;}#lightbox img {max-width: initial;}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {/*width: 92%;*/min-width: 980px;max-width: 1260px;}/* align the site */.leftaligned {margin: 0 auto 0 0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}* html>body .clearfix {display: inline-block;width: 100%;}* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}/* =====================================FIX PERSO===================================== *//* ------ fix marge grille ------ */div[class*='grid'] p:first-child {margin-top: 0;}/* ------ fix marge grille ------ */div[class*='grid'] .second {float: right;} /* cmsms stylesheet: Simplex Layout modified: Wednesday, December 29, 2021 9:15:57 AM */ /* Vert */ /* Vert clair */ /* Orange */ /* Orange fade */ /* Orange rouille */ /* maron */ /* marron clair*//* =====================================BASIC STYLES===================================== */body {background: #fff;font: 1em/1.6em 'open sans', sans-serif;color: #555;}/* you can change appearance of the page by adding or removing #boxed id to body tag. */body#boxed {}/* add some space inside the boxed container */#boxed .container {padding: 0 1%}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be foo*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}.no_m_top {margin-top: 0;}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e9e9e9}p.center, h2.center {text-align: center;}img.center, iframe.center {display: block; margin: 0 auto;}.legende {color: #555; font-size: 0.9em; font-style: italic;}.shadow {-webkit-box-shadow: 1px 1px 3px gray;-moz-box-shadow: 1px 1px 3px gray;box-shadow: 1px 1px 3px gray;}.separate {border-bottom: 1px dashed #4DB59A;padding-bottom: 1.5em;}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: none;clear: both;margin: 0 0 3em;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a, a:visited {color: #4DB59A;}a:hover {color: #FCC64C;transition: transform 0.3s ease-out;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://www.geneatique.com/v1/uploads/G2015/external-icon.png) no-repeat 0 0*/background: transparent url(https://www.geneatique.com/v1/uploads/G2015/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3 {font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;line-height: 1;}h1 {color: #EB6B4E;margin: 1em 0;font-size: 2.5em;text-transform: uppercase;font-weight: 500;text-align : center;}h2 {color: #FCC64C;font-size: 2em;font-weight: 900;margin: 3em 0 1em;}h1 + h2 {margin-top: 2em;}h3 {color: #5C5640;font-weight: 900;font-size: 1.5em;margin: 2em 0 1em;}h4 {color: #EB6B4E;font-weight: 900;font-size: 1em;margin: 2em 0 1em ;}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1}blockquote cite {display: block;font-size: 12px;color: #555}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}/* =====================================LAYOUT===================================== */.like-button {display: inline-block; float: right;}.like-button div {float: left;}.like-button div.pinterest {margin-right: 3em;}.like-button div.fb-like {position: relative; bottom: 0.3em;}/* wrapping the page in a box */#wrapper {}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {}/* ------ HEADER SECTION ------ *//* if you need height or something for header part add style here */.header {}/* the logo */.logo {}.logo img {max-width: 250px;}/* having some fun with palm, rotating with css3, will not work in IE */.logo .palm {position: absolute;top: 5px;left: 45px;/* using sprite image as background, left as reference to single imagebackground: url(https://www.geneatique.com/v1/uploads/G2015/palm-circle.png) no-repeat;*/background: url(https://www.geneatique.com/v1/uploads/G2015/simplex-sprite.png) no-repeat -10px -10px;display: block;width: 48px;height: 48px;transition: transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}/* css3 transform rotating palm on hover */.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg)}.top .header {border-bottom: 1px solid #555;padding: 1em 0 0;}/* ------ NAVIGATION ------ *//* hide mobile nav */.tinynav, .tinynav_label { display: none }/* first level */nav.main-navigation {z-index: 990;line-height: 2em;margin-top: 1em;}nav.main-navigation > ul {float:right;padding: 0;text-align: right;}nav.main-navigation > ul > li {display: inline-block;margin: 0 0 1px;padding:0 12px 1em;position: relative;transition: transform 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}nav.main-navigation > ul > li > a:after {color: #aeaeae;content: attr(data-description);font-size: 11px;font-style: italic;font-weight: 400;display: block;line-height: 0;margin: 0px 0 17px;text-align: center;text-transform: lowercase;position: absolute;}nav.main-navigation > ul > li.current, nav.main-navigation > ul > li:hover {background-color: #E0DED0;}nav.main-navigation > ul > li.current a, nav.main-navigation > ul > li:hover a {color: #5C5640;}nav.main-navigation > ul > li li a {color: #fff !important;}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {margin-left: 0}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {margin-right: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;color: #555;text-decoration: none;font-size: 14px;font-weight: 600;cursor: pointer;text-transform: uppercase}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 13em;padding: 0;color: #fff;-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);-moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 3em;left: 0;display: block}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;text-align: left;background: #5C5640;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease;}nav.main-navigation ul ul li:hover {background-color: #4DB59A;}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: 200px;z-index: 999;display: block}/* navigation text color */nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 12px 18px;font-family: sans-serif;text-transform: none;font-weight: normal;font-size: 12px;text-decoration: none;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.3);}nav.main-navigation ul li li:last-child a {border-bottom: none;}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #fff}/* bottom part of header*/.header-bottom {}.phrase {margin: 2.5em 0 1.5em;}/* catchphrase */.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #ddd;font-size: 16px;font-weight: 700}/* search */.search {text-align: right;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 1px solid #f1f1f1;height: 17px;line-height: 17px;outline: 0;margin: 13px 0 0 0;width: 165px;padding: 5px 0 3px 35px;font-size: 11px;color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;/* using sprite image, left as reference to single imagebackground: #fff url(https://www.geneatique.com/v1/uploads/G2015/search-icon.png) 10px 50% no-repeat*/background: #fff url(https://www.geneatique.com/v1/uploads/G2015/simplex-sprite.png) 0px -434px no-repeat}input.search-input:focus {border: 1px solid #4DB59A;width: 240px;box-shadow: 0 0 3px #4DB59A;-webkit-box-shadow: 0 0 3px #4DB59A;-moz-box-shadow: 0 0 3px #4DB59A;-o-box-shadow: 0 0 3px #4DB59A;}/* ------ BANNER AREA ------ */.banner {position: relative;margin: 2.8em 0 1em;background-color: #6EC0A9;}/* left text in orange box */.tele {display: none;}.banner-text {padding:0 0 0 1%;float: left;}.banner-text ul {padding: 1em 0;}.banner-text li {list-style: none;color: #fff;font: 2em/1em 'Open Sans', sans-serif;font-weight: 100;margin-bottom: 0.5em;}.banner-text li span {display: block;font-size: 0.65em;font-weight: 600;}/* images on the right */.banner-img {float: right !important;padding-right: 1em;overflow: hidden;}.banner-img .theme-default .nivoSlider {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;margin: 1em 0;}/*.banner-image div {position: absolute;z-index: 0;width: 100%;min-height: 100px;overflow: hidden;display: block;top: 0;left: 0}.banner-image img {display: block;height: auto;width: 100%;bottom: 0;max-width: 100%;}*/.homebtns {margin-top: 1em;}.homebtns a:hover {text-decoration: none;}.homebtns i {margin-left: 0.2em;}.middlepagebtns {background: #008063; padding: 1em 0; width: 60%; margin: 0 auto 3em;}.middlepagebtns article {text-align: center;}.middlepagebtns p {display: inline-block; margin: 0 1.5em;}/* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 20px}.content-top {font-family: Georgia, Times New Roman, serif;color: #555;font-style: italic;line-height: 20px;margin: 0 0 2.5em;}.content-bottom {margin-top: 1em;}/* breadcrumbs */.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #fff}/* print button */a.printbutton {display: inline-block;padding: 0;margin: 0;width: 16px;height: 16px;text-indent: -999em;/* using sprite image, left as reference to single imagebackground: #fff url(https://www.geneatique.com/v1/uploads/G2015/print-icon.png) no-repeat 6px -16px;*/background: #fff url(https://www.geneatique.com/v1/uploads/G2015/simplex-sprite.png) no-repeat -10px -94px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out}a.printbutton:hover {/* using sprite image, left as reference to single imagebackground: #fff url(https://www.geneatique.com/v1/uploads/G2015/print-icon.png) no-repeat 6px 0;*/background: #fff url(https://www.geneatique.com/v1/uploads/G2015/simplex-sprite.png) no-repeat -10px -78px;}section.recommandation {border-bottom: 2px dotted #555; padding-bottom: 1em;}/* news module summary -> content */.content .news-summary span.heading {display: none}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9}.content .news-summary ul.category-list {margin: 15px 0}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {border-radius: 4px}.news-summary ul.category-list li span {opacity: .4}/* news module summary -> sitewide (content + sidebar) *//* article heading */.news-article h2 {margin: 0 0 15px 0}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;font-size: 16px;text-decoration: none;font-weight: 700}/* date circle, well square for IE */.news-article .date {background: #4DB59A;color: #fff;display: block;float:left;width: 40px;padding: 6px;height: 40px;border-radius: 26px;text-align: center;font-family: Georgia, Times New Roman, serif}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block}.news-article.month {font-size: 11px;display: block}/* author and category */.news-article .author,.news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic}/* category list on top of summary */.news-summary ul.category-list {margin:15px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {display: block;color: #555;padding: 4px 8px;background: #f1f1f1;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase}.news-summary ul.category-list li a:hover {color: #4DB59A}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #f1f1f1;padding: 10px;margin: 10px 0}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.prev,.next {font: italic 12px/1.3 Georgia, Times New Roman, serif;color: #555;text-decoration: none}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ */.sidebar {padding-top: 3em;}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {position: relative;background-color: #4DB59A;border-bottom: 10px solid #555;margin: 25px 0 0 0;padding: 20px 0}/* copyright text */.copyright {padding-top: 15px}.copyright p,.copyright a {color: #fff;font-size: 11px}/* social icons */.footer ul.social {padding: 0;margin: 0}.newsletter {text-decoration: none;text-align: center;background: #5C5640 none repeat scroll 0 0;padding : 10px;width:60%;margin-top:5em;}.newsletter-title {font: bold 25px/30px 'open sans', sans-serif;text-decoration: none;color: #fff;text-align: center;}.newsletter-rub {font: bold 18px/22px 'open sans', sans-serif;text-decoration: none;color: #fff;text-align: center;margin-bottom : 10px;}.newsletter-sais {font: bold 16px/20px 'open sans', sans-serif;margin-top : 2em;text-decoration: none;}.reseau a {text-decoration: none;color: #5C5640;}.newsletter a {text-decoration: none;color: #fff;}.footertitre {color: #fff;font-weight: 900;font-size: 1em;margin: 2em 0 1em ;}.txt-footer {text-decoration: none;color: #fff;}.txt-footer a {text-decoration: none;color: #fff;}.txt-footer a:hover {text-decoration: underline;color: #fff;}hr:not(.sep480) {border-style: dotted;border-top: 3px dotted #ddd;}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .social li a {display: block;width: 32px;height: 32px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li a {background: transparent url(https://www.geneatique.com/v1/uploads/G2015/slide-ss6-v2.png) no-repeat;}.footer .social li.facebook a {background-position: 0 -32px;}.footer .social li.facebook a:hover {background-position: 0 0;}.footer .social li.twitter a {background-position: 0 -96px;}.footer .social li.twitter a:hover {background-position: 0 -64px;}.footer .social li.google a {background-position: 0 -160px;}.footer .social li.google a:hover {background-position: 0 -128px;}.footer .social li.pinterrest a {background-position: 0 -224px;}.footer .social li.pinterrest a:hover {background-position: 0 -192px;}.footer .social li.youtube a {background-position: 0 -288px;}.footer .social li.youtube a:hover {background-position: 0 -256px;}/* language */.footer ul.language {padding: 0;margin: 0}.footer .language li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .language li a {display: block;width: 24px;height: 24px;text-indent: -999em}.footer .language li.fr a {background: transparent url(https://www.geneatique.com/v1/uploads/images/France24.png) no-repeat;}.footer .language li.en a {background: transparent url(https://www.geneatique.com/v1/uploads/images/United-States24.png) no-repeat;}.footer .language li.es a {background: transparent url(https://www.geneatique.com/v1/uploads/images/Spain24.png) no-repeat;}/* back to top anchor */.back-top a {display: inline-block;border: 5px solid #fff;font: bold 25px/30px Georgia, Times New Roman, serif;text-decoration: none;color: #555;background: #f1f1f1;position: absolute;top: -14px;left: 48%;width: 45px;height: 45px;text-align: center;}/* Footer navigation */.footer-navigation {padding-top: 15px;text-align: left;}.footer-navigation > ul > li {width: 32.333%;margin-bottom: 2em;display: inline-block;vertical-align: top;padding: 0 1em;font-size: 0.9em;line-height: 1.3em;}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;text-transform: uppercase;color: #fff;text-decoration: none;display: block}/* second level */.footer-navigation > ul ul {margin-top: 10px}.footer-navigation > ul > li li {float: none;width: 100%;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader {text-decoration: none;font-family: sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #fff}.footer-navigation > ul > li li a:hover {color: #555}/* ------ Button ------ */.button {display: inline-block;border: none;cursor: pointer;font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size: 1.3em;font-weight: 400;height: auto;overflow: visible;padding: 7px 20px;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease;width: auto;text-decoration: none;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}.button:hover {text-decoration: none;}.white, .white:visited {background: #fff;color: #4DB59A;}.Primary, .Primary:visited {background: #4DB59A;color: #fff;}.Primary:hover {color: #4DB59A;background: #CBEBE1;}/* ------ Presse ------ */.NewsSummary {width: 23%;background-color: #FBEAC3;padding: 2%;margin: 0 1% 2%;}.NewsCouverture {margin-bottom: 1em;}.NewsCouverture img {margin: 0 auto; display: block; width: 200px;}.NewsSummaryLink {text-align: center; font-size: 1.1em; font-weight: 800;}.NewsMagazine {border-top: 1px dashed gray; padding-top: 0.5em;}.home.NewsSummary {width: auto;background-color: white;padding: 0;margin: 0;}.home .NewsCouverture {}/* --- Florian - Page news cassée 16/10/2017 poussage en marche ---*/.NewsSummary.presse {width: 30%;display: inline-block; vertical-align: top; }.NewsSummary.presse.home {width: auto;display: auto; vertical-align: auto; }.NewsMagazine {border-top: 1px solid gray;margin-top: 0.5em;}/* --- /Florian ---*//* ------ Espace Utilisateurs ------ */.espace-utilisateurs a, .espace-utilisateurs a:hover, .espace-utilisateurs a:visited {text-decoration : none; height: 100%; display: block;}.espace-utilisateurs div {margin: .5%;}.espace-utilisateurs .item {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}.espace-utilisateurs .item_1:hover, .espace-utilisateurs .item_3:hover, .espace-utilisateurs .item_7:hover, .espace-utilisateurs .item_8:hover {-webkit-box-shadow: 0 0 20px 0 #008063; box-shadow: 0 0 20px 0 #008063;}.espace-utilisateurs .item_4:hover, .espace-utilisateurs .item_6:hover, .espace-utilisateurs .item_9:hover {-webkit-box-shadow: 0 0 20px 0 #018e9f; box-shadow: 0 0 20px 0 #018e9f;}.espace-utilisateurs .item_2:hover, .espace-utilisateurs .item_5:hover {-webkit-box-shadow: 0 0 20px 0 #a03489; box-shadow: 0 0 20px 0 #a03489;}.espace-utilisateurs .grid_8 {width: 63.6%;}.espace-utilisateurs .contain {position: absolute; margin: 0; max-width: 100%; max-height: 100%;}.espace-utilisateurs h2 {padding: 15px; margin: 0; font-size: 3em; color: white; position: relative; z-index: 2; word-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}.espace-utilisateurs .item_1 h2 {font-size: 4em; text-transform: uppercase; letter-spacing: 10px; font-weight: 400; text-shadow: 0px 0px 7px #7A2D16;}.espace-utilisateurs .item_1 .contain {top: 0; right: 0;}.espace-utilisateurs .item_2 h2 {position: absolute; bottom: 0; right: 0; font-size: 3em; font-weight: 600; text-shadow: 0px 0px 7px rgb(63, 11, 52);}.espace-utilisateurs .item_2 .contain {top: 0; left: 0;}.espace-utilisateurs .item_3 h2 {color: #008063; font-size: 3em; font-weight: 400; text-align: center;}.espace-utilisateurs .item_3 .contain {bottom: 0; left: 0;}.espace-utilisateurs .item_4 h2 {color: #018e9f; position: absolute; top: 0; left: 0; font-size: 3em; font-weight: 400; letter-spacing: 2px;}.espace-utilisateurs .item_4 .contain {bottom: 0; right: 0;}.espace-utilisateurs .item_5 h2 {color: #a03489; font-size: 5em; text-transform: uppercase; letter-spacing: 5px; font-weight: 800;}.espace-utilisateurs .item_5 .contain {bottom: 0; right: 0;}.espace-utilisateurs .item_6 h2 {color: white; font-size: 3em; position: absolute; top: 0; left: 0; font-weight: 400; text-align: center;}.espace-utilisateurs .item_6 .contain {bottom: 0; right: 0;}.espace-utilisateurs .item_7 h2 {color: #008063; font-size: 2em; font-weight: 600; text-align: center; margin-top: 1em;}.espace-utilisateurs .item_7 .contain {bottom: 0; left: 0;}.espace-utilisateurs .item_8 h2 {position: absolute; bottom: 0; right: 0; font-size: 2em; font-weight: 400; text-shadow: 0px 0px 7px rgb(63, 11, 52);}.espace-utilisateurs .item_8 .contain {top: 0; left: 0;}.espace-utilisateurs .item_9 h2 {color: #018e9f; position: absolute; bottom: 0; right: 0; font-size: 2.5em; font-weight: 400; letter-spacing: 2px;}.espace-utilisateurs .item_9 .contain {top: 0; left: 0;}.caption {position:absolute;top:0;right:0;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);width:100%;height:100%;padding:2%;display: none;text-align:center;color:#fff !important;z-index:3;margin: 0 !important;}/* ------ FAQ ------ */.faq_q {display: list-item; margin: 0 0 0.75em 3em;}.faq_q:hover {cursor: pointer; text-decoration: underline;}.faq_a {background-color: #FBEAC3; padding: 1em; margin: 1em 0 2em 3em;}/* ------ Banniere ------ */.banner_text textarea {color:#000000; background-color: #FBEAC3; width: 70%; height: 70px; display: block; margin: 1em auto 0;}/* ------ bouton sidebar ------ */.boutonstick.stuck {position: fixed; top: 3em;}.homebtns.boutonstick.stuck {background-color: #4DB59A;top: 0;z-index: 10;width: 100%;left: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);padding: 1em 0;margin: 0;text-align: center;}.homebtns.boutonstick.stuck p {display: inline-block;margin: 0 1.5em;}/* ------ Onglets ------ */.onglet-genea {background-color: #4DB59A;text-align: right;margin: 0 0 1em;box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.35);font-size: 0.9em;}.onglet-genea ul {margin: 0;padding: 0;overflow: hidden;}.onglet-genea a, .onglet-genea a:visited {color: white;}.onglet-genea a {display: block;text-decoration: none;padding: 1em 0.75em;font-weight: 600;transition: transform 0.3s ease-out;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;}.onglet-genea a:hover {background-color: #CBEBE1;color: #4DB59A;}.onglet-genea .current {box-shadow: 5px 0 10px rgba(0, 0, 0, 0.35), -5px 0 10px rgba(0, 0, 0, 0.35);display: inline-block;}.onglet-genea .current a {background-color: white;color: #4DB59A;padding: 1em 3em 1em 0.75em;}.toggle {content: '+';font-weight: 700;display: inline-block !important;background: white;position: absolute;top: 0;right: 0;}.toggle a {font-size: 2em;padding: 0.5em 0.375em;color: #4DB59A;}.toggle a:after {content: '+';}.active .toggle a:after {content: '-';}.onglet-genea ul li {display: none;}ul.active {text-align: right;}.onglet-genea ul.active li {display: block !important;float: none !important;}.active .toggle {content: '-';}@media screen and (min-width: 1025px) {.onglet-genea {text-align: center;}.onglet-genea ul li {display: inline-block;}li.onglet-logiciel.current {float: none;}li.onglet-logiciel.current a {padding: 1em 0.75em;}.toggle {display: none !important;}}@media screen and (min-width: 1375px) {.tele {display: block;position: absolute;right: -4em;z-index: 8;top: -4em}}/*==============================================CSS3 ANIMATION CHEAT SHEET==============================================Made by Justin Aguilarwww.justinaguilar.com/animations/Questions, comments, concerns, love letters:justin@justinaguilar.com==============================================*//*==============================================slideDown==============================================*/.slideDown{animation-name: slideDown;-webkit-animation-name: slideDown;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease;-webkit-animation-timing-function: ease;visibility: visible !important;}@keyframes slideDown {0% {transform: translateY(-100%);}50%{transform: translateY(8%);}65%{transform: translateY(-4%);}80%{transform: translateY(4%);}95%{transform: translateY(-2%);}100% {transform: translateY(0%);}}@-webkit-keyframes slideDown {0% {-webkit-transform: translateY(-100%);}50%{-webkit-transform: translateY(8%);}65%{-webkit-transform: translateY(-4%);}80%{-webkit-transform: translateY(4%);}95%{-webkit-transform: translateY(-2%);}100% {-webkit-transform: translateY(0%);}}/*==============================================slideUp==============================================*/.slideUp{animation-name: slideUp;-webkit-animation-name: slideUp;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease;-webkit-animation-timing-function: ease;visibility: visible !important;}@keyframes slideUp {0% {transform: translateY(100%);}50%{transform: translateY(-8%);}65%{transform: translateY(4%);}80%{transform: translateY(-4%);}95%{transform: translateY(2%);}100% {transform: translateY(0%);}}@-webkit-keyframes slideUp {0% {-webkit-transform: translateY(100%);}50%{-webkit-transform: translateY(-8%);}65%{-webkit-transform: translateY(4%);}80%{-webkit-transform: translateY(-4%);}95%{-webkit-transform: translateY(2%);}100% {-webkit-transform: translateY(0%);}}/*==============================================slideLeft==============================================*/.slideLeft{animation-name: slideLeft;-webkit-animation-name: slideLeft;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;}@keyframes slideLeft {0% {transform: translateX(150%);}50%{transform: translateX(-8%);}65%{transform: translateX(4%);}80%{transform: translateX(-4%);}95%{transform: translateX(2%);}100% {transform: translateX(0%);}}@-webkit-keyframes slideLeft {0% {-webkit-transform: translateX(150%);}50%{-webkit-transform: translateX(-8%);}65%{-webkit-transform: translateX(4%);}80%{-webkit-transform: translateX(-4%);}95%{-webkit-transform: translateX(2%);}100% {-webkit-transform: translateX(0%);}}/*==============================================slideRight==============================================*/.slideRight{animation-name: slideRight;-webkit-animation-name: slideRight;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;}@keyframes slideRight {0% {transform: translateX(-150%);}50%{transform: translateX(8%);}65%{transform: translateX(-4%);}80%{transform: translateX(4%);}95%{transform: translateX(-2%);}100% {transform: translateX(0%);}}@-webkit-keyframes slideRight {0% {-webkit-transform: translateX(-150%);}50%{-webkit-transform: translateX(8%);}65%{-webkit-transform: translateX(-4%);}80%{-webkit-transform: translateX(4%);}95%{-webkit-transform: translateX(-2%);}100% {-webkit-transform: translateX(0%);}}/*==============================================slideExpandUp==============================================*/.slideExpandUp{animation-name: slideExpandUp;-webkit-animation-name: slideExpandUp;animation-duration: 1.6s;-webkit-animation-duration: 1.6s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease -out;visibility: visible !important;}@keyframes slideExpandUp {0% {transform: translateY(100%) scaleX(0.5);}30%{transform: translateY(-8%) scaleX(0.5);}40%{transform: translateY(2%) scaleX(0.5);}50%{transform: translateY(0%) scaleX(1.1);}60%{transform: translateY(0%) scaleX(0.9);}70% {transform: translateY(0%) scaleX(1.05);}80%{transform: translateY(0%) scaleX(0.95);}90% {transform: translateY(0%) scaleX(1.02);}100%{transform: translateY(0%) scaleX(1);}}@-webkit-keyframes slideExpandUp {0% {-webkit-transform: translateY(100%) scaleX(0.5);}30%{-webkit-transform: translateY(-8%) scaleX(0.5);}40%{-webkit-transform: translateY(2%) scaleX(0.5);}50%{-webkit-transform: translateY(0%) scaleX(1.1);}60%{-webkit-transform: translateY(0%) scaleX(0.9);}70% {-webkit-transform: translateY(0%) scaleX(1.05);}80%{-webkit-transform: translateY(0%) scaleX(0.95);}90% {-webkit-transform: translateY(0%) scaleX(1.02);}100%{-webkit-transform: translateY(0%) scaleX(1);}}/*==============================================expandUp==============================================*/.expandUp{animation-name: expandUp;-webkit-animation-name: expandUp;animation-duration: 0.7s;-webkit-animation-duration: 0.7s;animation-timing-function: ease;-webkit-animation-timing-function: ease;visibility: visible !important;}@keyframes expandUp {0% {transform: translateY(100%) scale(0.6) scaleY(0.5);}60%{transform: translateY(-7%) scaleY(1.12);}75%{transform: translateY(3%);}100% {transform: translateY(0%) scale(1) scaleY(1);}}@-webkit-keyframes expandUp {0% {-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);}60%{-webkit-transform: translateY(-7%) scaleY(1.12);}75%{-webkit-transform: translateY(3%);}100% {-webkit-transform: translateY(0%) scale(1) scaleY(1);}}/*==============================================fadeIn==============================================*/.fadeIn{animation-name: fadeIn;-webkit-animation-name: fadeIn;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;}@keyframes fadeIn {0% {transform: scale(0);opacity: 0.0;}60% {transform: scale(1.1);}80% {transform: scale(0.9);opacity: 1;}100% {transform: scale(1);opacity: 1;}}@-webkit-keyframes fadeIn {0% {-webkit-transform: scale(0);opacity: 0.0;}60% {-webkit-transform: scale(1.1);}80% {-webkit-transform: scale(0.9);opacity: 1;}100% {-webkit-transform: scale(1);opacity: 1;}}/*==============================================expandOpen==============================================*/.expandOpen{animation-name: expandOpen;-webkit-animation-name: expandOpen;animation-duration: 1.2s;-webkit-animation-duration: 1.2s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;visibility: visible !important;}@keyframes expandOpen {0% {transform: scale(1.8);}50% {transform: scale(0.95);}80% {transform: scale(1.05);}90% {transform: scale(0.98);}100% {transform: scale(1);}}@-webkit-keyframes expandOpen {0% {-webkit-transform: scale(1.8);}50% {-webkit-transform: scale(0.95);}80% {-webkit-transform: scale(1.05);}90% {-webkit-transform: scale(0.98);}100% {-webkit-transform: scale(1);}}/*==============================================bigEntrance==============================================*/.bigEntrance{animation-name: bigEntrance;-webkit-animation-name: bigEntrance;animation-duration: 1.6s;-webkit-animation-duration: 1.6s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;visibility: visible !important;}@keyframes bigEntrance {0% {transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity: 0.2;}30% {transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity: 1;}45% {transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}60% {transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity: 1;}75% {transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}90% {transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}100% {transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}}@-webkit-keyframes bigEntrance {0% {-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity: 0.2;}30% {-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity: 1;}45% {-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}60% {-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity: 1;}75% {-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}90% {-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}100% {-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}}/*==============================================hatch==============================================*/.hatch{animation-name: hatch;-webkit-animation-name: hatch;animation-duration: 2s;-webkit-animation-duration: 2s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;visibility: visible !important;}@keyframes hatch {0% {transform: rotate(0deg) scaleY(0.6);}20% {transform: rotate(-2deg) scaleY(1.05);}35% {transform: rotate(2deg) scaleY(1);}50% {transform: rotate(-2deg);}65% {transform: rotate(1deg);}80% {transform: rotate(-1deg);}100% {transform: rotate(0deg);}}@-webkit-keyframes hatch {0% {-webkit-transform: rotate(0deg) scaleY(0.6);}20% {-webkit-transform: rotate(-2deg) scaleY(1.05);}35% {-webkit-transform: rotate(2deg) scaleY(1);}50% {-webkit-transform: rotate(-2deg);}65% {-webkit-transform: rotate(1deg);}80% {-webkit-transform: rotate(-1deg);}100% {-webkit-transform: rotate(0deg);}}/*==============================================bounce==============================================*/.bounce{animation-name: bounce;-webkit-animation-name: bounce;animation-duration: 1.6s;-webkit-animation-duration: 1.6s;animation-timing-function: ease;-webkit-animation-timing-function: ease;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;}@keyframes bounce {0% {transform: translateY(0%) scaleY(0.6);}60%{transform: translateY(-100%) scaleY(1.1);}70%{transform: translateY(0%) scaleY(0.95) scaleX(1.05);}80%{transform: translateY(0%) scaleY(1.05) scaleX(1);}90%{transform: translateY(0%) scaleY(0.95) scaleX(1);}100%{transform: translateY(0%) scaleY(1) scaleX(1);}}@-webkit-keyframes bounce {0% {-webkit-transform: translateY(0%) scaleY(0.6);}60%{-webkit-transform: translateY(-100%) scaleY(1.1);}70%{-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);}80%{-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);}90%{-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);}100%{-webkit-transform: translateY(0%) scaleY(1) scaleX(1);}}/*==============================================pulse==============================================*/.pulse{animation-name: pulse;-webkit-animation-name: pulse;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}@keyframes pulse {0% {transform: scale(0.9);opacity: 0.7;}50% {transform: scale(1);opacity: 1;}100% {transform: scale(0.9);opacity: 0.7;}}@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 0.7;}50% {-webkit-transform: scale(1);opacity: 1;}100% {-webkit-transform: scale(0.95);opacity: 0.7;}}/*==============================================floating==============================================*/.floating{animation-name: floating;-webkit-animation-name: floating;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}@keyframes floating {0% {transform: translateY(0%);}50% {transform: translateY(8%);}100% {transform: translateY(0%);}}@-webkit-keyframes floating {0% {-webkit-transform: translateY(0%);}50% {-webkit-transform: translateY(8%);}100% {-webkit-transform: translateY(0%);}}/*==============================================tossing==============================================*/.tossing{animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 2.5s;-webkit-animation-duration: 2.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}@keyframes tossing {0% {transform: rotate(-4deg);}50% {transform: rotate(4deg);}100% {transform: rotate(-4deg);}}@-webkit-keyframes tossing {0% {-webkit-transform: rotate(-4deg);}50% {-webkit-transform: rotate(4deg);}100% {-webkit-transform: rotate(-4deg);}}/*==============================================pullUp==============================================*/.pullUp{animation-name: pullUp;-webkit-animation-name: pullUp;animation-duration: 1.1s;-webkit-animation-duration: 1.1s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;}@keyframes pullUp {0% {transform: scaleY(0.1);}40% {transform: scaleY(1.02);}60% {transform: scaleY(0.98);}80% {transform: scaleY(1.01);}100% {transform: scaleY(0.98);}80% {transform: scaleY(1.01);}100% {transform: scaleY(1);}}@-webkit-keyframes pullUp {0% {-webkit-transform: scaleY(0.1);}40% {-webkit-transform: scaleY(1.02);}60% {-webkit-transform: scaleY(0.98);}80% {-webkit-transform: scaleY(1.01);}100% {-webkit-transform: scaleY(0.98);}80% {-webkit-transform: scaleY(1.01);}100% {-webkit-transform: scaleY(1);}}/*==============================================pullDown==============================================*/.pullDown{animation-name: pullDown;-webkit-animation-name: pullDown;animation-duration: 1.1s;-webkit-animation-duration: 1.1s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;-webkit-transform-origin: 50% 0%;}@keyframes pullDown {0% {transform: scaleY(0.1);}40% {transform: scaleY(1.02);}60% {transform: scaleY(0.98);}80% {transform: scaleY(1.01);}100% {transform: scaleY(0.98);}80% {transform: scaleY(1.01);}100% {transform: scaleY(1);}}@-webkit-keyframes pullDown {0% {-webkit-transform: scaleY(0.1);}40% {-webkit-transform: scaleY(1.02);}60% {-webkit-transform: scaleY(0.98);}80% {-webkit-transform: scaleY(1.01);}100% {-webkit-transform: scaleY(0.98);}80% {-webkit-transform: scaleY(1.01);}100% {-webkit-transform: scaleY(1);}}/*==============================================stretchLeft==============================================*/.stretchLeft{animation-name: stretchLeft;-webkit-animation-name: stretchLeft;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;transform-origin: 100% 0%;-ms-transform-origin: 100% 0%;-webkit-transform-origin: 100% 0%;}@keyframes stretchLeft {0% {transform: scaleX(0.3);}40% {transform: scaleX(1.02);}60% {transform: scaleX(0.98);}80% {transform: scaleX(1.01);}100% {transform: scaleX(0.98);}80% {transform: scaleX(1.01);}100% {transform: scaleX(1);}}@-webkit-keyframes stretchLeft {0% {-webkit-transform: scaleX(0.3);}40% {-webkit-transform: scaleX(1.02);}60% {-webkit-transform: scaleX(0.98);}80% {-webkit-transform: scaleX(1.01);}100% {-webkit-transform: scaleX(0.98);}80% {-webkit-transform: scaleX(1.01);}100% {-webkit-transform: scaleX(1);}}/*==============================================stretchRight==============================================*/.stretchRight{animation-name: stretchRight;-webkit-animation-name: stretchRight;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;-webkit-transform-origin: 0% 0%;}@keyframes stretchRight {0% {transform: scaleX(0.3);}40% {transform: scaleX(1.02);}60% {transform: scaleX(0.98);}80% {transform: scaleX(1.01);}100% {transform: scaleX(0.98);}80% {transform: scaleX(1.01);}100% {transform: scaleX(1);}}@-webkit-keyframes stretchRight {0% {-webkit-transform: scaleX(0.3);}40% {-webkit-transform: scaleX(1.02);}60% {-webkit-transform: scaleX(0.98);}80% {-webkit-transform: scaleX(1.01);}100% {-webkit-transform: scaleX(0.98);}80% {-webkit-transform: scaleX(1.01);}100% {-webkit-transform: scaleX(1);}}#object{background-color: #fe5652;visibility: hidden;}#fixe{position: fixed;width: 1500px;height: 50px;position: absolute;top: 0px;bottom: 0px;} /* cmsms stylesheet: KNACSS extraction modified: Monday, July 25, 2016 3:38:18 PM */ [strip] /* spacing helpers p,m = padding,margin a,t,r,b,l = all,top,right,bottom,left s,m,l,n = small, medium, large, none */ .man { margin: 0; } .pan { padding: 0; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 4em; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 4em; } .mtn { margin-top: 0; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 4em; } .mrn { margin-right: 0; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 4em; } .mbn { margin-bottom: 0; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 4em; } .mln { margin-left: 0; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 4em; } .ptn { padding-top: 0; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 4em; } .prn { padding-right: 0; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 4em; } .pbn { padding-bottom: 0; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 4em; } .pln { padding-left: 0; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 4em; } /* ----------------------------- */ /* == browsers consistency */ /* ----------------------------- */ /* avoid top margins on first content element */ p:first-child, .p-like:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /* avoid margins on nested elements */ li p, li .p-like, li ul, li ol { margin-top: 0; margin-bottom: 0; } /* max values */ img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; } /* alignments (blocks and inline) */ /* ------------------------------ */ /* left (or starting) elements */ .left, .start { float: left; } img.left, img.start { margin-right: 10px; } /* right (or ending) elements */ .right, .end { float: right; } img.right, img.end { margin-left: 10px; } img.left, img.right, img.start, img.end { margin-bottom: 5px; } .center { margin-left: auto; margin-right: auto; } .txtleft { text-align: left; } .txtright { text-align: right; } .txtcenter { text-align: center; } [/strip]