*

section {
clear:both;
/* background-color: #fff; */
}

article {
border-bottom: 1px solid black;
max-width:media-width;
}

/*-------------books article-------------*/
.books {
    clear: both;
    min-height: 90px;
}

.books .cover {
    float:left;
    margin: 4px 10px 4px 4px;
    width: 60px;
    height: 82px;
}

.bookpopup .cover {
    float:left;
	align:center;
    margin: 4px 10px 4px 4px;
    width: 200px;
    height: 300px;
}

.cover img {
    max-width:100%;
    max-height:100%;
    color: white;
}
.resume{
	display: block;
	position : relative;
}

.row1 {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  margin-right: 15px;
  margin-left: 15px;
}

.download {
    float: right;
    line-height:40px;
    text-align: right;
    margin: 6px;
}
.numjp {
	padding-right: 15px;
	position: absolute;
	top: 35px;
	right: 0;
	float: right;
    line-height:40px;
    text-align: right;
    margin: 6px;
}

.download a {
    background: darkgray;
    color: #EEE;
    text-decoration : none;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.download img {
    vertical-align:middle;
}

.books h4{
    display: inline;
    font-style: italic;
}

.books h5{
    display: inline;
    font-style: italic;
}

/*-------------books popup article-------------*/
.bookpopup h2{
    margin: 15px 15px;
}

.bookpopup h3{
    display:inline;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;
}

.bookpopup h4{
    border-top: 1px solid black;
}

.fullclickpopup{
    display: block;
}


/*-------------books popup article-------------*/
.bookpopup h2{
    margin: 15px 15px;
}

.bookpopup h3{
    display:inline;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;
}

.bookpopup h4{
    border-top: 1px solid black;
}

.fullclickpopup{
    display: block;
}

section .bookpopup{
    min-height: 175px;
	text-align: left;
	background-color:#DEE6DE;
	border:1px solid #FC6C00;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
    TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
	MAX-WIDTH: 90%;
	position : relative;
/*arrondir les 4 coins */
-webkit-border-radius:20px;
border-radius:20px

}

/* =============================================================================
   Mediaquerie stuff goes here
   ========================================================================== */
/* 768px and greater */
@media only screen and (min-width: 768px) {
.container { box-shadow:0 0 20px #000; }
}