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

root { 
    display: block;
}
.pane-datavisu-accueil {
    background:#f5f3f0;
}

@media only screen and (max-width: 500px){
	.pane-datavisu-accueil {
		max-width:100%;
	}
	
}

.description > .title {
    font-family:'Avenir LT W01 85 Heavy';
    -webkit-font-smoothing:antialiased;
    font-size:24px;
}
#dataTextSlider {
  width: 299px;
  height: 410px;
  float: left;
  margin: 29px 20px 42px 0;
  background: none;
  border: none;
  position: initial;
  font-family: 'Avenir LT W01 65 Medium', sans-serif;
  border-right: 1px solid #dcdad8;
}
@media only screen and (max-width: 760px){
	
	#dataTextSlider {
		text-align: center;
		width:auto;
		height:auto;
	}
	
}


.data-title {
  font-family:'Avenir LT W01 85 Heavy';
  -webkit-font-smoothing:antialiased;
  font-size: 1.5em;
  color:#000;
  width:200px;
  line-height: 1.2;
}


@media only screen and (max-width: 760px){
	.data-title {
		width:auto;
	}
	
}

#dataTextSlider .summary {
  font-size:15px;
  width:200px;
  margin-bottom: 0;
  line-height: 1.3em;
  margin-top: 15px;
}

@media only screen and (max-width: 760px){
	#dataTextSlider .summary {
		width:auto;
	}
	
}

.node-type-article #dataTextSlider .summary {
    line-height: normal;
}

#dataTextSlider .summary p {
    margin:0;
}

@media only screen and (max-width: 760px){
	#dataTextSlider {
		text-align: center;
		font-size:12px;
		height:200px;
		width:100%;
    margin: 29px 0 42px 0;
	}
}

ul.data-text-slides {
    padding-left:38px;
    padding-top:30px;
    padding-right:38px;
    padding-bottom:30px;
    margin:0;
}

.data-text-inner {
    height:315px;
    overflow-y: auto;
}
.linkmore {
  font-family: 'Avenir LT W01 85 Heavy', sans-serif;
  border: 1px solid black;
  font-size: 11px;
  padding: 5px 20px 5px 35px;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: -50px;
  left: 0;
  text-align: center;
  font-weight: bold;
  color: #000000;
  background: url('img/arrow_black.png') 1.3em center no-repeat;
}

#dataImgSlider {
  margin: 0px;
  width:620px;
  height:410px;
  margin-top:29px;
  float:left;
  position:relative;
  background: none;
  border: none;
}

@media only screen and (max-width: 760px){
	#dataImgSlider {
		margin-left:-5px;
		padding: 0;
		width:100%;
		height: auto;
	}
	
}

ul.data-img-slides {
    padding:0;
    margin:0;
}

ul.data-img-slides li {
    width:620px;
    height:340px;
    overflow:hidden;
    margin:0;
    padding:0; 
    background-position:center;
    background-repeat:no-repeat;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
}
@media only screen and (max-width: 760px){
	ul.data-img-slides li {
		padding: 0;
		width:auto;
    height: auto;
		margin-left:5px;
		background-image: none !important;
	}
	
}

ul.data-img-slides li a {
}

ul.data-img-slides li a img {
    display:none;
}
@media only screen and (max-width: 760px){
ul.data-img-slides li a img {
		max-width:100%;
		height: auto;
	}
	
}


#dataImgSlider  > ol.data-control-nav {

    border-top:1px solid #dcdad8;
    padding-top:34px;
    bottom:0;
    height:15px;

}

#dataImgSlider  > ol.data-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;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
}

#dataImgSlider  > ol.data-control-paging li a.data-active{
    background:#e85257;
}

.data-nav {
    border-top:1px solid #dcdad8;
    margin-top:20px;
}

@media only screen and (max-width: 760px){
.data-nav {
		margin-left:7px;
	}
	
}

ol.data-control-nav {
    margin:0;
    padding:0;
}
/* Control Nav */
ul.data-direction-nav {margin:0; padding:0;}
ul.data-direction-nav li {list-style-type:none;}
.data-direction-nav {*height: 0;}
.data-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); }

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

@media only screen and (max-width: 760px){
.data-direction-nav .data-prev {
		left: 39px !important;
	}
	
}
@media only screen and (max-width: 760px){
.data-direction-nav .data-next {
		right: 39px !important;
	}
	
}

.data-control-nav {width: 100%; position: relative; text-align: center; }
.data-control-nav li {margin: 30px 20px 0px 0px; display: inline-block; zoom: 1; *display: inline;}
.data-control-nav li:last-child {margin-right:0px;}
.data-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; }
.data-control-paging li a:hover { background: #e85257; background: rgba(232,82,87,1); }
.data-control-paging li a.data-active { background: #e85257; background: rgba(232,82,87,1); cursor: default; }

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

.datavisu#chiffres-cles {
    background: #F5F3F0;
}

.datavisu#chiffres-cles .title2 {
    top: -30px;
    background-color: #2DB7C1;
    margin: 0;
}

.datavisu#chiffres-cles .wrap {
    position: relative;
}

.data-slider-container {
    padding-top: 80px;
    padding-bottom: 55px;
}


/**
 * View mode ful
 */

.node-type-datavisu #page-title {
    width: 940px;
    margin: 0 auto;
}
.pane-bean-rteetvous-accueil-datavisu {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
@media only screen and (max-width: 940px){
  .pane-bean-rteetvous-accueil-datavisu,
  .node-type-datavisu #page-title {
    width: auto;
  }
}

.pane-bean-rteetvous-accueil-datavisu h2.pane-title {
     position: absolute;
     background-color: #01538b;
     line-height: 60px;
     padding: 0 60px 0;
     margin: 0;
     z-index: 10;
     color: #fff;
     top: 10px;
     width: auto;
}

.pane-bean-rteetvous-accueil-datavisu  .entity-bean {

    position: relative;
}

.node-datavisu.view-mode-full {

    padding: 0;
}

.node-datavisu.view-mode-full > .inner {
    width: 940px;
    margin: 0 auto;
    background-color: #01538b;
}

.node-datavisu.view-mode-full .image-type-wrapper {
    position: relative;
    height: 400px;
}

/*.node-datavisu.view-mode-full .node-image.type-texte-long {
    background-color: #f4f3ef;
    padding: 0;
}

.node-datavisu.view-mode-full .node-image.type-texte-long .text-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 320px;
}
.domain-rteetvous .node-image.type-texte-long .text-wrapper > .inner {
  padding: 0;
  height: 320px;
}

.domain-rteetvous .node-image.type-texte-court > .inner {
  padding: 0;
  height: 400px;
}*/

.node-datavisu.view-mode-full .text-wrapper {
    left: 526px;
    width: 350px;
    height: 320px;
    overflow: hidden;
    padding-left: 64px;
    background-image: url(img/arrow-left-bleue.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
    position: absolute;
    line-height: 320px;
    top: 0;
    padding-right: 0;
}
.node-datavisu.view-mode-full .text-wrapper .inner {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    line-height: 1;
}

.node-datavisu.view-mode-full .text-wrapper .texte {
    line-height: 24px;
}

.node-datavisu.view-mode-full .text-wrapper .texte {
    margin: 10px 0;
}

.node-datavisu.view-mode-full .image {
    width: 550px;
    height: 400px;
    position: relative;
    background: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #01538B;
}

.node-datavisu.view-mode-full .image img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media only screen and (max-width: 760px){
		.node-datavisu.view-mode-full .image img{
			width:100%;
			margin: auto;
		}
}


.node-datavisu.view-mode-full h1, 
.node-datavisu.view-mode-full h2, 
.node-datavisu.view-mode-full .subtitle, 
.node-datavisu.view-mode-full .texte{
    color: #fff;
}

.node-datavisu.view-mode-full .image-link{

}

.node-datavisu.view-mode-full .image-link > a, 
.node-datavisu.view-mode-full.image-link > a:visited,
.node-datavisu.view-mode-full > a:hover {

}


.node-datavisu.view-mode-full .image-link{
    margin-top: 12px;
    border: 1px solid #000;
    display:inline-block;
    color: #fff;
    padding: 13px 20px;
    line-height:12px;
    margin-bottom:10px;
    border-color: #fff;
}

.node-datavisu.view-mode-full .image-link > a,
.node-datavisu.view-mode-full  .image-link > a:visited{
    font-size: 12px;
    font-family:'Avenir LT W01 85 Heavy';
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    background:url('img/arrow_b_blanche.png') 0 50% no-repeat;
    background-position-y:center;
    padding-left:20px;
    text-align:center;
    color: #fff;
}


.node-datavisu.view-mode-full .image-link > a:hover {
    text-decoration: underline;
}

.node-screen-by-screen-content .title2
{
	display: none;
}

#modal_expanded
{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(125,125,125,0.7);
	z-index: 99;
	top:0;	
}

#modal_expanded div.content
{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	border: solid black 10px;
	border-radius: 10px;
}

#modal_expanded img
{
	display: block;
}

#modal_expanded img.large
{
	width: auto;
    height: 90vh;
}

#modal_expanded img.stretched
{
	width: 90vw;
    height: auto;
}

#modal_expanded #modal_close
{
	position:absolute;
	top: 1vw;
	right: 1vw;
	width: 3vw;
    height: 3vw;
    background-size: cover;
    background-image: url(../rte_common/img/close.png);
    background-position: 100% 100%;
    background-color: gray;
    border-radius: 3vw;
}

.pane-datavisu-accueil  li.modal img,
#modal_expanded #modal_close
{
	cursor: pointer;
}