/*
    Created on : 18/08/2014
    Author     : marc@lacompany.fr
    Description:
        Purpose of the stylesheet follows.
*/

root {
  display: block;
}

/**********************/
/* Block Push Content */
/**********************/
.push-wrapper {
  width: 620px;
}


.push {
  float: left;
  width: 300px;
  height: 150px;
  margin: 0 20px 19px 0;
  overflow: hidden;
  position: relative;
  background: #5D99AE
}



.push + .push + .push {
  margin-right: 0;
}

.push-first {
  width: 620px;
  height: 294px;
}

.push-img {
  width: 100%;
}

.push-title {
  height: 81px;
  position: absolute;
  height: auto;
  top: 0;
  font-size: 18px;
  left: 0;
  width: 220px;
  background-color: rgba(222, 27, 57, 0.85);
}

.push-title a {
  color: #FFF;
  /*position: absolute;*/
  /*bottom: 15px;*/
  line-height: 22px;
  padding: 10px 30px 10px 30px;
  display: block;
}

.push-title a:hover {
  color: #fff;
}

.push-title-first {
  width: 378px;
  /*height: 200px;*/
  background-color: rgba(7, 81, 144, 0.8);
}


.push-title-first a {
  /*bottom: 40px;*/
  padding: 10px 30px 10px 30px;
    display: block;
}
/**********************/
/* Block actus slider */
/**********************/
.profil-slider {
  width:620px;
  position:relative;
  float:left;
  background:#5d99ae;
}




.profil-slider ul {
  list-style:none;
  padding:0;
  margin:0;
}

.profil-slider ul li .title {
  font-family:'Avenir LT W01 65 Medium';
  padding:30px;
  line-height:25px;
  font-size:18px;
  color:white;
}

.profil-slider ul li .title a {
  color:white;
}

.profil-slider .image {
  width: 620px;
  height: 294px;
}

ul.pro-direction-nav {margin:0; padding:0; position:absolute; bottom:0; right:0; height:40px;}
ul.pro-direction-nav li {list-style-type:none; display:inline-block;}
ul.pro-direction-nav li:first-child {border-right:1px solid #5d99ae;}
.pro-direction-nav {*height: 0;}
.pro-direction-nav a  { display: block; width: 40px; height: 40px; background-color:#357f9a; margin:0; position: relative; 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); }

.pro-direction-nav .pro-prev { background:url(img/mini_prev_white.png) #357f9a center no-repeat; width:40px; height:40px; outline:none;}
.pro-direction-nav .pro-next { background:url(img/mini_next_white.png) #357f9a center no-repeat; width:40px; height:40px; outline:none;}

ol.pro-control-nav  { margin:0 0 20px 0; padding:0 0 0 30px; display:inline-block; }
.pro-control-nav li {margin: 0px 8px 0px 0px; display: inline-block; zoom: 1; *display: inline;}
.pro-control-nav li:last-child {margin-right:0px;}
.pro-control-paging li a {width: 11px; height: 11px; display: block; background:#8eb8c6; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.pro-control-paging li a:hover { background: white;}
.pro-control-paging li a.pro-active { background: white; cursor: default; }

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

/***************************/
/* Block Events on sidebar */
/***************************/
.sidebloc#side-profil-event {
  background:#f78372;
  color:white;
}



.sidebloc#side-profil-event ul {
  list-style:none;
  margin:0;
  padding:0;
}

.sidebloc#side-profil-event ul > li {
  margin-bottom:20px;
}

.sidebloc#side-profil-event ul > li:first-child {
  margin-top:10px;
}

.sidebloc#side-profil-event ul > li:last-child {
  margin-bottom:0;
}
.sidebloc#side-profil-event .event-date {
  display:inline-block;
  float:left;
  width:42px;
  text-align:center;
  border-radius:2px;
  padding:6px 12px 6px 12px;
  border:1px solid white;
  font-size:11px;
  line-height: normal;
  margin-right:30px;
  text-transform: uppercase;
}

.sidebloc#side-profil-event .event-date .event-annee {
  font-weight:bold;
  font-size:14px;
  font-family:'Avenir LT W01 85 Heavy';
  letter-spacing:-1px;
}

.sidebloc#side-profil-event .event-summary {
  font-size:12px;
  font-weight:bold;
  color:white;
  line-height:15px;
}

.sidebloc#side-profil-event .event-summary a {
  color:white;
}

/******************************/
/* Block Links / Sites dédiés */
/******************************/

.pane-profil-dedie-liens h2,
.sidebloc#contact .title,
.sidebloc#links .title,
.sidebloc#vos-sites-dedies .title {
  font-family:'Avenir LT W01 85 Heavy';
  font-size:20px;
  color:#025f81;
}

.domain-rteetvous .pane-profil-dedie-liens h2,
.domain-rteetvous .sidebloc#contact .title,
.domain-rteetvous .sidebloc#links .title,
.domain-rteetvous .sidebloc#vos-sites-dedies .title,
.domain-rteetvous .sidebloc#links ul li a,
.domain-rteetvous .field-collection-item-field-profile-links .link a,
.domain-rteetvous .sidebloc#vos-sites-dedies ul li a {
  color: #EB504E;
}

.sidebloc#links ul,
.sidebloc#vos-sites-dedies ul{
  list-style:none;
  margin:30px 0 0 0;
  padding:0;
}

.field-collection-item-field-profile-links .link a,
.sidebloc#links ul li a,
.sidebloc#vos-sites-dedies ul li a {
  color:#025f81;
  font-size:14px;
  font-weight:bold;
  background:0 50% no-repeat;
  background-image: url('img/arrow_navy.png');
  background-position-y:center;
  padding-left:10px;
}

.domain-rteetvous .field-collection-item-field-profile-links .link a {
  background-image: url('img/arrow_rouge.png');
}

.field-name-field-profile-links .field-items li.field-item,
.sidebloc#vos-sites-dedies ul li,
.sidebloc#links ul li {
  margin-bottom:15px;
}

.sidebloc#vos-sites-dedies ul li .site {
  background:white;
  text-align:center;
  font-family:'Avenir LT W01 85 Heavy';
  line-height:33px;
  display:table;
  height:85px;
  overflow:hidden;
  width:100%;
  margin-bottom:10px;
  margin-top:5px;
}

.sidebloc#vos-sites-dedies ul li .site a {
  display:table-cell;
  vertical-align:middle;
  font-size:30px;
  color:#00a8d9;
}


.page-vocabulary-profil .panel-pane {
  margin: 40px 0;
}


.node-type-liens-profil #page-title {
  margin: 20px auto;
  width: 940px;
}

.pane-profil-dedie-liens h2 {
  margin-top: 0;
  padding: 30px 30px 0 30px;
}



.node-liens-profil {

}


.node-type-liens-profil .node-liens-profil > .inner {
  margin: 0 auto;
  width: 940px;
}

.node-type-liens-profil .node-liens-profil .node-content {
  width: 300px;
  background-color: #f4f3ef;
  padding-top: 30px;
}

.pane-profil-dedie-liens {
  background-color: #f4f3ef;
}

/*
.pane-profil-dedie-liens .pane-title{
  background-color: #f4f3ef;
}*/

.node-liens-profil  .field-collection-container {
  margin-bottom: 0;
  border-bottom: 0;
}

.node-liens-profil  div.field-collection-item-field-profile-links {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

div.field-name-field-profile-links .field-collection-view {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

div.field-name-field-profile-links ul.field-collection-view-links {
  margin: 0;
}

.field-collection-view-links li {
  margin: 0;
  line-height: 1;
}

.field-collection-view-links a {
  color: gray;

}

.node-liens-profil .action-links a{
  color: gray;
}




/**
 * Iframe RH
 */

.page-vocabulary-profil  .pane-datavisus,
.page-vocabulary-profil .pane-rte-profil-iframe-rh {
  margin: 30px 0;
  padding-top: 30px;
}

.page-vocabulary-profil  .pane-datavisus .pane-inner,
.pane-rte-profil-iframe-rh .pane-inner{
  background-color: #f4f3ef;
}

.page-vocabulary-profil  .pane-datavisus .pane-wrap,
.pane-rte-profil-iframe-rh .pane-wrap{
  position: relative;
  padding-bottom: 30x;
  margin: 0 auto;
  width: 940px;
}

.page-vocabulary-profil  .pane-datavisus .block-content-center {
  margin: 0;
  padding-top: 60px;
}

.page-vocabulary-profil  .pane-datavisus h2.pane-title,
.pane-rte-profil-iframe-rh h2.pane-title,
.profil-actualites h2 {
  position: relative;
  top: -30px;
  display: inline-block;
  padding: 0 40px;
  line-height: 60px;
  font-size: 20px;
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  width: auto;
  background-color: #005e82;
  color: #fff;

}
.page-vocabulary-profil  .pane-datavisus h2.pane-title {
  background-color: #2db7c1;
}

.domain-rteetvous .pane-rte-profil-iframe-rh h2.pane-title {
  background-color: #E85257;
}

.profil-actualites {
  height: 30px;
}

.profil-actualites h2 {
  background-color: #5d99ae;
  top: 0;
  z-index: 1;
}

.pane-rte-profil-iframe-rh iframe {
  width: 100%;
  border: none;
  margin-top: 74px;

}

.page-vocabulary-profil  .pane-datavisus h2.pane-title {
}



@media only screen and (max-width: 940px)
{
  .push-wrapper, .push-first, .profil-slider {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 760px){
	.push, .push-first {
      width: 100%;
	  height: auto;
	  min-height:180px;
	  margin:0 0 20px;
	}
	
	.push {
      float: none;
	}

	.push-img {
	  width:100%;
	  height:auto;
	  min-height:180px;
	  display:block;
	}
	
	.push-title, .push-title-first {
	  height: auto;
	  width: 220px;
	  max-height: 100%;
	  min-height: 50%;
	  font-size:16px;
	}
	
	.pane-profil-dedie-push-contenu .pushes {
	  margin:0;
	}
	
	.push-wrapper{
		width:100%;
    }
	
	.profil-slider {
      width:100%;
	}

	.sidebloc#side-profil-event {
      width: 100%;
	}
	
	.page-vocabulary-profil  .pane-datavisus .pane-wrap,
	.pane-rte-profil-iframe-rh .pane-wrap {
      width: 100%;
	}
	
	.pane-profil-dedie-liens h2 {
	  padding: 5px 15px;
	  margin-bottom:0;
	}
	.node-liens-profil div.field-collection-item-field-profile-links {
	  width:100%;
	}
	.node-liens-profil *.clearfix:after {
	  height: 0;
	}
	.node-liens-profil div.field-name-field-profile-links {
	  padding-top:15px;
	  padding-right:5px;
	}
	
}