/*
    Created on : 09 juil. 2014, 11:18:41
    Author     : sallakane
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}


.pane-document-homepage{
    background-color: #f4f3ef;
    padding-bottom: 40px;
    line-height: 1.2em;
}
.pane-document-homepage .title-dh{
    font-family:'Avenir LT W01 65 Medium';
    font-size:20px;
    padding-top: 50px;
    border-bottom: 1px solid #e6e6e6;
    color: #202020;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
@media only screen and (max-width: 760px){
.pane-document-homepage .title-dh {
	margin-left:20px;
	}

}
.not-front .pane-document-homepage .title-dh{
    border-bottom: none;
    position: relative;
}
.not-front .pane-document-homepage .title-dh span{
    background: #C54338;
    font-family: 'Avenir LT W01 65 Medium';
    font-size: 20px;
    color: #FFF;
    line-height: 60px;
    padding: 0 30px 0 30px;
    position: absolute;
    height: 60px;
    top: -30px;
    left: 0;
}
.pane-document-homepage .title-dh a:hover {
    text-decoration:underline;
}
.pane-document-homepage .title-dh a{
    background:url(img/arrow.png) no-repeat scroll 0% 50% transparent;
    background-position-y:center;
    font-family:'Avenir LT W01 85 Heavy';
    color: #000;
    float: right;
    font-size: 14px;
    padding-left:15px;
    text-decoration: none;
}


#block-views-document-homepage-block{
    background-color: #f4f3ef;
    padding-bottom: 40px;
}
#block-views-document-homepage-block .title-dh{
    font-family:'Avenir LT W01 65 Medium';
    font-size:20px;
    padding-top: 50px;
    border-bottom: 1px solid #e6e6e6;
    color: #202020;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
#block-views-document-homepage-block .title-dh a:hover {
    text-decoration:underline;
}
#block-views-document-homepage-block .title-dh a{
    background:url(img/arrow.png) no-repeat scroll 0% 50% transparent;
    background-position-y:center;
    font-family:'Avenir LT W01 85 Heavy';
    color: #000;
    float: right;
    font-size: 14px;
    padding-left:15px;
    text-decoration: none;
}

.item-document .doc-file {
    background:url(img/arrow_r.png) no-repeat 0% 50% transparent;
    background-position-y:center;
    padding-left:10px;
    font-weight:bold;
    color:#cc0033;
    font-size:13px;
    width: 105%;
    display: block;
}


.item-document{
    float: left;
    margin-right: 5px;
    width: 300px;
}
.item-document .left-item-doc{
    float: left;
    height: 195px;
    margin-right: 10px;
    width: 35%;
}
.item-document .left-item-doc .image-item-doc{
    height: 75%;
    margin-bottom: 10px;
    position: relative;
}
.item-document .left-item-doc a{
    color: #e4163d;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.item-document .left-item-doc a:hover {
    text-decoration:underline;
}
.item-document .left-item-doc .extension{
    background-color:rgba(229,22,63,0.9);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 10px 6px;
    position: absolute;
    min-width: 50%;
}
.item-document .right-item-doc{
    float: left;
    width: 60%;
}
.item-document .right-item-doc .title{
    color: #e4163d;
    font-size: 16px;
    font-family:'Avenir LT W01 85 Heavy';
}

.item-document .right-item-doc .title a{
      color: #e4163d;
}
.item-document .right-item-doc .summary{
    color: #666;
    font-size: 13px;
    margin-top: 5px;
    line-height: normal;
}
.navigation-doc{
    margin-left: auto;
    margin-right: auto;
    width: 915px;
}
.navigation-doc ul{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.navigation-doc ul li{
    list-style: none;
    float: left;
    margin-right: 25px;
}


/*
    SLIDESHOW
*/


.doc-slider {
    width:940px;
    position:relative;
}

@media only screen and (max-width: 760px){
.doc-slider {
    top: 0;
    width: auto;
	margin-left:0;
	}

}
ul.doc-slices {
    margin:0;
    padding:0;
}
ol.doc-control-nav, ol.doc-control-paging {
    margin:0;
    padding:0;
}

.doc-nav {
    border-top:1px solid #dcdad8;
}

/* Control Nav */
ul.doc-direction-nav {margin:0; padding:0;}
ul.doc-direction-nav li {list-style-type:none;}
.doc-direction-nav {*height: 0;}
.doc-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 46px; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); }

.doc-direction-nav .doc-prev { left: -39px;background:url(img/prev.png); width:11px; height:20px; outline:none; }  /* LEFT & RIGHT result in rte_document.js */
.doc-direction-nav .doc-next { right: -39px; background:url(img/next.png); width:11px; height:20px; outline:none;} /* LEFT & RIGHT result in rte_document.js */


.doc-control-nav {width: 100%; position: relative; text-align: center; }
.doc-control-nav li {margin: 30px 20px 0px 0px; display: inline-block; zoom: 1; *display: inline;}
.doc-control-nav li:last-child {margin-right:0px;}
.doc-control-paging li a {width: 11px; height: 11px; display: block; background: #c5c1c0; background: rgba(197,193,192,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.doc-control-paging li a:hover { background: #e85257; background: rgba(232,82,87,1); }
.doc-control-paging li a.doc-active { background: #e85257; background: rgba(232,82,87,1); cursor: default; }

.doc-direction-nav .doc-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; display:none;}
.doc-active-slide .arrow:before {
    opacity:1;
}

.doc-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.doc-control-thumbs li {width: 25%; float: left; margin: 0;}
.doc-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.doc-control-thumbs img:hover {opacity: 1;}
.doc-control-thumbs .doc-active {opacity: 1; cursor: default;}

@media only screen and (max-width: 320px) {
    .doc-direction-nav {
        display: none;
    }
}

/* ------- DOCUMENTHEQUE ------- */
.head#documentheque .title {
    font-size:21px;
    color:#00a5db;
}

.item_documentheque .left {
    width:780px;
}
.item_documentheque .right {
    width:145px;
}

.item_documentheque {
    padding-top:25px;
    padding-bottom:15px;
}

.item_documentheque:after {
    content: "";
    display: table;
    clear: both;
}

.item_documentheque .title {
    font-size:20px;
	line-height:24px;
    color:#00a5db;
}

.item_documentheque .body p {
    width:780px;
    margin:5px 0 0 0;
    font-size:15px;
    line-height:28px;
    color:#222;
}
.item_documentheque .metas {
    color:#023557;
    font-size:14px;
    font-weight:bold;
}

.item_documentheque .metas span.with:after {
    content:' • ';
}

.item_documentheque .item-footer {
    margin-top:20px;
    padding:15px 0 0 0;
    border-top:1px solid #e1d9d9;
}

.item_documentheque .meta-icons {
    margin-top:0;
}

.pictos .ebook, .pictos .download, .pictos .map, .pictos .googleplay, .pictos .appstore {
    display:inline-block;
}
.pictos {
    display:table;
    margin-top:20px;
}

.pictos .inner {
    display:table-cell;
    vertical-align:middle;
    line-height: normal;
}

.pictos a {
    font-weight:bold;
    font-size:14px;
    color:#00a8d9;
}

.pictos a:hover {
    color: #00a8d9;
}

.pictos img {
    float:left;
    margin-right:10px;
}
.pictos .download {
    width:135px;
    margin-right:40px;
}
.pictos .ebook {
    width:180px;
    margin-right:35px;
}

@media only screen and (max-width: 760px){
  .pane-document-homepage {
    padding-bottom: 0;
  }
  .pane-document-homepage .title-doc {
    padding-top:20px;
  }
  .item-document .right-item-doc {
    width:55%;
  }
  .item-document .right-item-doc .title {
    font-size:14px;
  }
  .pane-document-homepage .title-dh a {
    padding-right:15px;
  }
}

@media only screen and (max-width: 440px){
  .pane-document-homepage .title-dh a {
    float:left;
  }
}