body, html {
            font-family: Verdana,Arial,Helvetica, sans-serif;
            height: 100%;
            margin: 0;
            padding: 0;
            color:#000000;
        }

        b {
            font-weight: bold;
        }

        header {
		}

        .logo {
            width: 500px; 
            background-color: #FFF;
			float: left;
        }

        .molecule {
            background-color: #FFF;
			float: right;
        }

        .cycle {
			height: 1.4em;
			vertical-align:middle;
        }

		.btn {
		position: absolute;
       	top:50px;
       	right:10%;
		background-color: #4472c4;
		color: white;
		padding: 12px 24px;
		border: none;
		cursor: pointer;
		border-radius: 5px;
		text-decoration: none;
		font-weight:bold;
  		transition: 0.3s;
		}

		.btn:hover {
    	color: #FEBF3D;
		background-color: #C44343;
		scale: 1.2;
		transition: 0.3s;
		font-weight:bold;
		}

        a:link { color: #FFF; }
        a:visited { color: #FFF; }
        a:hover { color: #00F; }
        a:active { color: #AEBF3D; }

        a.pdf { color: #33F; font-weight:900 ; font-size:1.4rem}
        img.imgarchive { float: left; padding-right:50px; }

        p { line-height: 2.0; }
        p.menutitle { line-height: 0.5; color:#FEBF3D; }

        strong.maintitle { color: #FEBF3D; }
        strong.ref {/* color: #006699; */}
        strong.postprocessing { color: #AA6699; }

        ul.archive { 
			color:#4472c4; 
			font-weight: 300; 
			font-size: 1.2rem ; 
			background-color: #ffffff; 
			line-height: 1.5; }
        
		ul.workflow { 
			color:#4472c4; font-weight: 300; 
			font-size: 1.2rem ; 
			background-color: #ffffff; 
			line-height: 1.5; 
		}

        .menutitle {
            text-align: left;
            font-weight: 600 ;
            font-size: 1.1rem ;
            padding-left: 10px;
        }

        nav {
            background-color: #54ADE5;
            color: #fff;
            width: 160px;
            height: 100%;
            float: left;
        }

        nav ul {
            list-style-type: none;
            padding: 0;
        }

        nav a {
            color: #fff;
            text-decoration: none;
        }

        nav ul li {
            margin: 5px 0;
            padding-left: 20px;
        }

        #wrapper{
            background:#FFF;
            text-align: center;
            overflow:auto;
        }
        #growing {
            text-align: center;
            border: 1px solid;
            margin: 10px;
            margin-left: 50px;
            padding: 10px;
            float: left;
        }

        #workflow {
            text-align: center;
            border: 0px solid;
            margin: 10px;
            margin-left: 50px;
            padding: 10px;
            float: left;
        }

        #postproc {
            text-align: center;
            border: 0px solid;
            margin: 10px;
            margin-left: 50px;
            padding: 10px;
            float: left;
        }

        #split {
        }

        .container {
            padding-left: 190px;
            margin-right: 50px;
            background-color: #FFF;
        }

        .container a:link {
            color:#000000;
            text-decoration:none; 
            font-weight:bold;
        }

        .container a:visited {
            color: #febf3d;
            text-decoration:none;
            font-weight:bold;
        }

        .container a:hover {
            color:#0000FF;
            text-decoration:none; 
            font-weight:bold;
        }

        .container a:active {
            color:#006699;
            text-decoration:none; 
            font-weight:bold;
        }

        .tuto a:link {
            color:#000000;
            text-decoration:none; 
            font-weight:bold;
        }

        .tuto a:visited {
            color:#E97451;;
            text-decoration:none; 
            font-weight:bold;
        }

        .tuto a:hover {
            color:#0000FF;
            text-decoration:none; 
            font-weight:bold;
        }

        .container a:active {
            color:#006699;
            text-decoration:none; 
            font-weight:bold;
        }

        .main-paragraph {
            text-align: justify;
            padding-left: 10px;
            font-size: 1rem;
            font-weight: 400;
            color: #4472c4;
            background-color: #FFFFFF;
        }

        .title-paragraph {
            text-align: justify;
            padding-left: 5px;
            font-size: 1.0rem ;
            font-weight: 900 ;
            color:#000000;
            background-color: #FFFFF;
        }

        .small-paragraph {
            text-align: justify;
            padding-left: 10px;
            font-size: 1.0rem ;
            font-weight: 300 ;
            color:#4472c4;
            background-color: #FFFFFF;
			list-style-type: none;
        }

        .small-caption {
            text-align: center;
            font-size: 1.2rem ;
            font-weight: 400 ;
            color:#006699;
            background-color: #FFFFFF;
        }

        .image {
            max-width: 100%;
            margin: 10px;
        }

	.reaction-image {
            max-width: 600px;
	    width: 100%;
	}

	.functions-image {
            max-width: 600px;
	    width: 100%;
	}

        .mainheader {
            background-color: #fff;
            text-align: center;
            width: 100%;
            align-items: center;
            font-size: 1.5rem;
            border: 0px solid;
        }

	.mainheader .content {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
	}

	.mainheader .divmolecule {
            overflow: hidden;
	}

        .mylogos {
            background-color: #FFFFFF;
            text-align: center;
        }

        .tabs {
            background-color: #4472c4;
            text-align: right;
			font-weight:bold;
			height: 40px;
			display: flex;
  			justify-content: center;
			flex-direction: column;
        }

        .tabs ul {
            list-style-type: none;
            padding: 0;
            display: inline;
        }

        .tabs li {
            display: inline;
            margin: 0 15px;
        }

        .tabs a {
            color: #fff;
            text-decoration: none;
        }

        .tabs a:hover {
            color: #FEBF3D;
            text-decoration: none;
        }

        footer {
            background-color: #CCCCCC;
            color: #54ADE5;
            text-align: center;
            padding: 10px;
            clear: both;
        }

        h1 {font-weight: bold;
			color: #febf3d;
			font-size: 1.5em;
		}

        h2 { font-weight: bold ; 
			color:#000000; 
			font-size: 1.2em;
		}