Team:Paris Bettencourt
/*anti igem css*/
#HQ_page h1, h2, h3, h5 {
font-family: Didot, Didot LT STD, Lemon/Milk lIGHT, sans-serif;
font-weight: 400;
border : none;
border : white;
}
#mw-content-text h1 {
border : none;
border : white;
}
#HQ_page h4 {
color : rgb(64,64,64);
}
#HQ_page table {
border : none;
border-collapse : separate;
margin : 0;
}
#HQ_page ul {
list-style-type:disc;
list-style-image : none;
}
groupparts {
margin :margin-left : 50%;
}
/*General CSS*/
body {
margin : 0;
padding:0;
width : 100%;
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 800px) {
body {
width : 800px;
}
#menu {
height : 130px !important;
}
.menulist {
width : 400px !important;
overflow : visible !important;
}
#fbnoticon{
}
#instanoticon {
}
#twnoticon{
}
}
#top-button {
position : fixed;
right : 20px;
bottom : 10px;
width : 25px;
height : 25px;
z-index : 100;
}
#top-button img {
width : 100%;
height : 100%;
}
.textbody img {
width : 100%;
}
.textbody span {
font-size : 12px;
text-align : justify;
}
.textbody h4 {
text-align : left;
font-size : 20px;
margin-bottom : 20px;
color : rgb(64,64,64);
}
.textbody h6 {
text-align : center;
font-size : 15px;
}
.textbody table {
width : 100%;
word-wrap : break-word;
}
.textbody table tr td {
border : rgb(94,94,94) solid 1px;
text-align : left;
}
.textbody table tr td img {
width : 100%;
margin : 0;
}
.header {
width : 100%;
height : 100vh;
background-attachment: fixed;
background-position : center;
background-repeat : no-repeat;
background-size : cover;
background-color : rgb(200,200,200);
text-align : center;
line-height : 100px;
font-family : "Avenir", Lato, sans-serif;
font-size : 100px;
color : white;
font-weight : bold;
display: flex;
align-items: center;
justify-content: center;
}
.textbody {
width : 75%;
margin : 0 auto;
text-align : justify;
padding-top : 75px;
display : block;
font-family : "Futura", sans-serif;
color : rgb(64,64,64);
font-size : 15px;
margin-bottom : 50px;
text-indent : 15px;
}
#HQ_page .textbody p {
font-family : "Futura", sans-serif;
color : rgb(64,64,64);
font-size : 15px;
}
@supports (-webkit-appearance:none) {
.textbody {
color : #404040;
font-weight : 150;
}
}
.textbody h1 {
text-align : center;
font-size : 50px;
line-height : 50px;
margin-bottom : 75px;
font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif;
color : rgb(56,78,119);
}
.textbody h2 {
font-size : 30px;
font-variant: small-caps;
line-height : 30px;
text-decoration : none;
}
.textbody ul {
list-style-position: inside;
list-style-type: circle;
}
.textbody a {
text-style : none;
color : rgb(64,64,64);
}
/* text in one block*/
.text1 {
width : 100%;
display : inline-block;
margin-top : 25px;
position : relative;
font-size : 16px;
}
.text1 img {
width : 50%;
margin-left : 25%;
margin-right : 25%;
}
.text1 span {
width : 50%;
margin-left : 25%;
margin-right : 25%;
display : inline-block;
}
/*Text in two equal block*/
.text2 {
width : 100%;
display : inline-block;
margin-top : 25px;
position : relative;
}
.text2left {
width : 45%;
display : inline-block;
margin-top : 20px;
margin-bottom : 20px;
float : left;
}
.text2right {
width : 45%;
display : inline-block;
float : right;
margin-top : 20px;
margin-bottom : 20px;
}
/*Text in three equal block*/
.text3 {
width : 100%;
display : inline-block;
margin-top : 25px;
position : relative;
}
.text3left {
width : 30%;
display : inline-block;
margin-top : 20px;
margin-bottom : 20px;
float : left;
}
.text3center {
width : 30%;
display : inline-block;
margin-left : 5%;
margin-top : 20px;
margin-bottom : 20px;
float : left;
}
.text3right {
width : 30%;
float : right;
display : inline-block;
margin-top : 20px;
margin-bottom : 20px;
}
/*Text in two block with the left one larger*/
.text4 {
width : 100%;
display : inline-block;
margin-top : 25px;
position : relative;
}
.text4left {
width : 65%;
display : inline-block;
margin-top : 20px;
margin-bottom : 20px;
}
.text4right {
width : 30%;
display : inline-block;
float : right;
margin-top : 20px;
margin-bottom : 20px;
}
/*Text in two block with the right one larger*/
.text5 {
width : 100%;
display : inline-block;
margin-top : 25px;
position : relative;
}
.text5left {
width : 30%;
display : inline-block;
margin-top : 20px;
margin-bottom : 20px;
}
.text5right {
width : 65%;
display : inline-block;
float : right;
margin-top : 20px;
margin-bottom : 20px;
}
.text6 {
width : 60%;
display : inline-block
margin-top : 20px;
margin-bottom : 20px;
margin-left : 20%;
margin-rigth : 20%;
}
.divseparator {
width : 20%;
height : 0px;
border : solid 0.5px rgb(64,64,64);
margin : 25px auto;
position : relative;
display : block;
}
.horiline {
height: 3px;
width: 300px;
margin: -0.5em 0;
color: rgb(64,64,64) ;
display: block;
margin-left: auto;
margin-right: auto
}
/*Nav bar CSS*/
/*
#menu {
position : fixed;
width : 100%;
background : rgb(94,94,94);
height : 65px;
z-index : 100;
}
#home {
width : 60px;
top : 0;
margin-left : 10px;
}
#mainpage {
float : left;
}
#menu ul li {
display: inline-block;
vertical-align: top;
}
#menu ul li a {
display: inline-block;
}
.menulist {
overflow: hidden;
margin : auto;
background : rgb(94,94,94);
margin-left : 100px !important;
padding : 0px;
margin-top : 0px;
height : 60px;
font-size : 16px;
}
.menulist .list a {
display: block;
text-align: center;
text-decoration : none;
color: white;
padding-left : 5px;
padding-right : 5px;
padding-top : 15px;
padding-bottom : 15px;
}
.menulist .list a:hover {
background-color: rgb(124, 124, 124); /*here to change the color when you pass the mouse over, look down a bit*/
}
.menulist .list .dropdownlist {
display: none;
position: absolute;
text-align : left;
margin-top : 0px;
padding-left : 5px;
padding-right : 5px;
background : rgb(255, 255, 255);
list-style-position : inside;
margin-left : 0px;
z-index : 99;
}
.dropdownlist li .droprightlist {
display: none;
position: absolute;
background : rgb(255, 255, 255);
padding-left : 5px;
padding-right : 5px;
margin-top : 0px;
text-align : left;
z-index : 100;
margin-left : 0px;
}
.menulist .list:hover .dropdownlist {
display: block;
}
.menulist .list .dropdownlist li {
display: block;
position: relative;
text-align : center;
background : rgb(255, 255, 255);
z-index: 90;
padding : auto;
}
.menulist .list .dropdownlist li a:hover {
background-color: rgb(124, 124, 124); /*And here also*/
}
.dropdownlist li .droprightlist li a {
color: white;
}
#menu u.dropdownlist li .droprightlist li {
display: block;
position: relative;
text-align : center;
background : rgb(255, 255, 255);
padding : auto;
}
.menulist .list .dropdownlist li a {
display: table-cell;
text-align: left;
text-align : center;
color: white;
text-decoration : none;
z-index : 99;
vertical-align : middle;
}
.dropdownlist li .droprightlist li a {
display: table-cell;
text-align: left;
text-align : center;
text-decoration : none;
color: white;
}
.list ul li {
display : table-cell;
}
.dropdownlist li .droprightlist {
top: 0;
left: 100%;
z-index: -1;
}
.dropdownlist li:hover .droprightlist {
display: block;
}
#exception {
line-height : normal;
}
#fbnoticon{
margin-left : 90px;
}
#instanoticon {
margin-left : 135px;
margin-top : -19px;
}
#twnoticon{
margin-left : 45px;
}
#igemlogo{
}
.sidelogos {
}
#logolist {
float : right;
display : inline-block;
height : 60px;
width : 175px;
margin-top : -50px;
margin-right : 50px;
}
#twnoticon img, #fbnoticon img, #igemlogo img, #instanoticon img{
width : 40px;
position : absolute;
display : inline-block;
}
#twitapp, #fbapp {
display:none;
width:250px;
height:auto;
background: white;
}
#fbapp{
}
#twitapp{
}
*/
.image-span{
display:block;
}
.top50 {
margin-top: 50px;
}
body
{
margin: 0;
padding: 0;
font-family: sans-serif;
}
nav
{
width: 100%;
background: #66b24c;
}
ul
{
width: 80%;
margin: 0 auto;
padding: 0;
}
ul li
{
list-style: none;
display: inline-block;
padding: 20px;
}
ul li:hover
{
background: #ffffff;
}
ul li a
{
color: #fff;
text-decoration: none;
}
STAR CORES: Protein scaffolds for star-shaped AMPs
Antibiotic resistance is responsible for an estimated 25 000 deaths per year in the EU and 1.5 billion € per year in healthcare costs. A promising alternative to antibiotics is antimicrobial peptides (AMPs), a diverse class of naturally occurring proteins. Similar to antibiotics, AMPs have a broad action spectrum and high efficiency, but resistance to AMPs evolves much more slowly. These compounds are usually produced using chemical synthesis, which requires specialized equipment and personnel and has limited yield. Our project will employ E. coli based cell-free expression platform to produce naturally occurring or artificially designed AMPs. These AMPs are fused to self-assembling star-shaped scaffold proteins to improve their bactericidal efficiency against various infection-causing bacteria. Our aim is to screen various AMPs and scaffold protein complexes, followed by a selection of the best AMP+scaffold combinations in terms of bactericidal property and bio-compatibility.
For more details, email us at : paris-bettencourt-2018@cri-paris.org
paris-bettencourt-2018@cri-paris.org 
