html {
    border: 0px solid white;
}

body {
    -webkit-text-size-adjust: 100%;
    margin-left: 5px;
}

#work {
    /*max-width: 900px;*/
}

#worktext {
    /*max-width: 900px;*/ 
}

#worktext #titlelink {

}
p, body {
	font-size: 18px;	
    line-height: 22px;	
}
a img{
 margin-bottom: 0px;
}
img {
	width: 900px; 
    padding-bottom: 5px;
}

body.#book img {
    width: 620px; 
}
body.book div#project-details {
    width: 500px;
    padding-top: 0;
    padding-left: 0px;
    position: relative;
}



body.books div#iphone{
    width:551px;
}
body.books a img {
    margin-bottom: 0px; 
}

/*Affichage portrait sur Iphone et Ipad*/
#work #page-bodytext.about img {
    width: 620px; /*remplacer la valeur par la taille d'image en pixel que l'on souhaite avoir dans about*/
}
#work #project-container #project-bodytext, #work #page-container #page-bodytext {
    width:780px;
    padding-bottom: 30px;
}
div.image img {
  /*width: 750px;*/

}
.news {
    max-width: 900px;
}
.news .content {
    max-width: 900px;
}
.news img {
   width: 320px;
    /*
    float:right;
    padding-top: 10px;*/
    padding-bottom: 50px;
}

#work .info {
    display: none;
}

#worktext .words span.title span.date {
    font-size: 25px;
}

#small {
}

#description {
}

#computer {
    display: none;
}

#iphone {
    display: block;
}

#work #project-container #project-bodytext {
    width: 1000px;
    margin-bottom: 0;
    padding-bottom: 0;
}

#work #project-container div#project-details {
    float: none;
    clear:both;
    width: 680px;
    padding-right: 0px;   
    margin-top: 0;
}

div#project-content{
	
	width: 550px;0
	padding-right: 0px;
	float: left;
	
	
}
h1, #work .title {
	font-size: 40px;
    line-height: 44px;
    border-bottom: 5px solid;  
}

#work .subtitle {	
    letter-spacing: 1.7px;
    font-size: 16px;  
    top: 4px;  
    
}

#work #project-bodytext p, #work #page-bodytext p, #work #project-container #project-details p  {
	
	font-size: 18px;	
    line-height: 22px; 
}


#work #page-bodytext.about p a{
	position:relative;
	top:-5px;
    margin-right: 4px;

}

img.icon {
    margin-right: 4px;
    margin-bottom: -3px;
    
}

#header {
    height: 85px;
    padding-bottom: 100px;
    padding-top: 100px;
}

#header #view a#prev:after {
    content: '';
    position: relative;
}

#header #view a#next:before {
    content: '';
    position: relative;
}

#header-small {
    height: 85px;
    padding-bottom: 0px;
}

#header-small #view a#prev:after {
    content: '';
    position: relative;
}

#header-small #view a#next:before {
    content: '';
    position: relative;
}

#header #logo {
    width: 900px;
    text-align: left;
    padding-bottom: 30px;
}

#header-small #logo {
    width: 900px;
    text-align: left;
    padding-bottom: 30px;
}

#header #logoPage {
    width: 900px;
    text-align: left;
}

#header-small #logoPage {
    width: 900px;
    text-align: left;
}
#logo a {
    font-size: 24px;
    font-family: 'BitstreamVeraSansMonoBold',sans-serif;
    text-transform: uppercase;
    border-bottom: 0px solid black;
    background-color: black;
    color: white;
    padding: 7px;
    padding-right: 12px;
    padding-left: 13px;
    letter-spacing: 2.6px;
}
#logo a:hover {

	padding:6px;
	padding-right: 10px;
    padding-left: 10px;
}


#header #links {
    margin-left: 0;//
    font-size: 45px;//
    line-height: 50px;
    padding-top: 12px;
}
#header-small #links-small {
    margin-left: 0;
    padding-top: 12px;
    text-transform: lowercase;
    font-size: 24px;
    line-height: 32px;
}
#header span#view {
    padding-top: 12px;
    position: relative;
    bottom: 265px;
    width: 875px;
}

#header-small span#view-small {
    position: relative;
    line-height: 5px;
}

br.break {
    display: inline;
}

#project:after {
}

#about:after {

}

#header #view a#prev:after {
    content: '← ';
    position: relative;
    float: left;
}

#header #view a#next:before {
    content: ' →';
    position: relative;
    float: right;
}

#work .info {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 20px;
    display: none;
    vertical-align: baseline;
    background-color: #fffeff;
    cursor: pointer;
    // padding: 50px;
    // margin: 50px 70px 80px 50px;
}
#up {
	right:30px;
	top:130px;
	display: none !important;
}

#upIndex {
	right:30px;
	
}

#previous {
	display: none !important;
    right: 78px;
}
#previous span{
    position:relative;
    right: -11.5px;
}

#upIndex a, #up a,#previous a {

	font: 16px/100% 'BitstreamVeraSansMonoBold',sans-serif;

#up span {
}


/* MBON */
#computer, #iphone, #page-container {
	clear:both;
}
#project-bodytext h1 br {
	display: none;
}
#signature {
    font-size: 18px;
}