/**
 * This is a stylesheet for a demo presentation for impress.js
 * 
 * It is not meant to be a part of impress.js and is not required by impress.js.
 * I expect that anyone creating a presentation for impress.js would create their own
 * set of styles.
 */

@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Pontano Sans'), local('PontanoSans-Regular'), url(PontanoSans-Regular.woff) format('woff');
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
	display : list-item;

	/*list-style-image : url("../images/3d_cube_icon.svg");*/
	margin-left:1.5em; 
  padding-left:0px;
  font-size: 35px;
  /*font-weight: bold*/
    /*list-style: none;*/
}

ol ol, ul ul {
	display : list-item;

	/*list-style-image : url("../images/3d_cube_icon.svg");*/
	margin-left:2em; 
  padding-left:0px;
  font-size: 30px;
  /*font-weight: bold*/
    /*list-style: none;*/
}


ol, ul li {
list-style-image : url("../images/3d_cube_icon.svg");
/*
	margin-left:1.5em; 
  padding-left: 0.1em; */
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table, th, td {
    /*border-spacing: 0;*/
    /*border-collapse: separate;*/
    /*border-collapse: collapse;*/
    border-spacing: 10px 10px;
    vertical-align: middle;
    text-align: center;
     margin: auto;
     font-size:30px;
    text-shadow:none;
    font-weight: bold;
    color: darkblue;
    
}


body {
    font-family: 'PT Sans', sans-serif;
    
    min-height: 740px;
    /*background-color: black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(115,199,63)), to(#53992D));
    background: -webkit-radial-gradient(rgb(115,199,63), #53992D);
    background:    -moz-radial-gradient(rgb(115,199,63), #53992D);
    background:      -o-radial-gradient(rgb(115,199,63), #53992D);
    background:         radial-gradient(rgb(115,199,63), #53992D);*/
	
	
	/*background-image:url("../images/pompidou_couleur2_flou_720.png");    */
	background-image:url("../images/background_seminar2.svg");
    -moz-background-size:100% 100%; /* Firefox 3.6 */
    background-repeat:no-repeat;
    background-size:100% 100%;
    
    -webkit-font-smoothing: antialiased;
}

b, strong { font-weight: bold }
i, em { font-style: italic}

a {
    color: blue;
    text-decoration: none;
}

a:hover {
    background: rgba(255,255,255,1);
    text-shadow: -1px -1px 2px rgba(100,100,100,0.5);
}

/* enable clicking on elements 'hiding' behind body in 3D */
body     { pointer-events: none; }
#impress { pointer-events: auto; }

/* COMMON STEP STYLES */

.step {
    width: 900px;
    padding: 40px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;

    font-family: 'Pontano Sans', helvetica, sans-serif;

    font-size: 50px;
    line-height: 1.5;
}

.step {
    -webkit-transition: opacity 1s;
    -moz-transition:    opacity 1s;
    -ms-transition:     opacity 1s;
    -o-transition:      opacity 1s;
    transition:         opacity 1s;
}

/* fade out inactive slides */
/* skip to get overview not transparent*/
/*
.step:not(.active) {
    opacity: 0.3;
}
*/
/* IMPRESS NOT SUPPORTED STYLES */

.fallback-message {
    font-family: sans-serif;
    line-height: 1.3;
    
    display: none;
    width: 780px;
    padding: 10px 10px 0;
    margin: 20px auto;

    border-radius: 10px;
    border: 1px solid #E4C652;
    background: #EEDC94;
}

.fallback-message p {
    margin-bottom: 10px;
}

.impress-disabled .step,
.impress-not-supported .step {
    position: relative;
    opacity: 1;
    margin: 20px auto;
}

.impress-not-supported .fallback-message {
    display: block;
}

.impress-on-title .hint {
    /*
        We remove the transparency and position the hint in its default fixed
        position.
    */
    opacity: 1;
    
    -webkit-transform: translateY(200px);
    -moz-transform:    translateY(200px);
    -ms-transform:     translateY(200px);
    -o-transform:      translateY(200px);
    transform:         translateY(200px);
    
    /*
        Now for fade in transition we have the oposite situation from the one
        above.
        
        First after 4.5s delay we animate the transform property to move the hint
        into its correct position and after that we fade it in with opacity 
        transition.
    */
    -webkit-transition: opacity 1s 5s, -webkit-transform 0.5s 4.5s;
    -moz-transition:    opacity 1s 5s,    -moz-transform 0.5s 4.5s;
    -ms-transition:     opacity 1s 5s,     -ms-transform 0.5s 4.5s;
    -o-transition:      opacity 1s 5s,      -o-transform 0.5s 4.5s;
    transition:         opacity 1s 5s,         transform 0.5s 4.5s;
}


/* Title Slide */
#title {
    width:900px;
    text-align:center;
    font-size:100px;
    font-weight: bold;
    text-shadow: -4px 0 white, 0 4px white, 4px 0 white, 0 -4px white;
}
#title h1 {
    font-size: 60px;
}


#title h2 {
    font-size:30px;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    margin-bottom:20px;
}
#title h3 {
    font-size:30px;
    text-shadow:none;
    font-weight: bold
}

#title table, th, td {
    /*border-spacing: 0;*/
    /*border-collapse: separate;*/
    border-collapse: collapse;
    border-spacing: 10px 10px;
    vertical-align: middle;
    text-align: center
     margin: auto;
    }

#agenda {
    text-align:right;
}



/* Cube */
.cube {
}

.cube h1 {
    font-weight:bold;
    border-bottom:3px solid black;
    font-size:70px;
    margin-bottom:30px;
}
.cube ul li:before {
    /*content: "⟩ \0020"*/
}

ul li:before {

    
}
.cube h2 {
    font-size:50px;
    text-shadow:none;
    font-weight: bold;
    color: darkgreen;
    border-bottom:3px solid darkgreen;
    
}

.cube h3 {
    font-size:40px;
    text-shadow:none;
    font-weight: bold;
    color: darkblue;
    
}

h2 {
    font-size:50px;
    text-shadow:none;
    font-weight: bold;
    color: darkgreen;
    border-bottom:3px solid darkgreen;
    
}

h3 {
    font-size:40px;
    text-shadow:none;
    font-weight: bold;
    color: darkblue;
    
}

.rightFace,
.leftFace,
.topFace,
.backRightFace,
.backLeftFace,
.bottomFace {
        width: 800px;
        height: 800px;
        background: #79dcaf;
        /*background: white;*/
        opacity: 0.5;
}

.rightFace,
.leftFace,
.topFace {
}

.leftFace {
}

.rightFace {
}

.topFace {
}

.topFace {
}