.node-type-epp .wrapper-top {
  overflow: hidden;
  position: relative;
  right: -235px;
  top: -75px;
}

.node-type-epp h1{
  font-family: AvenirLTStd-black;
  color: #24509B;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 30px;
  width: 700px;
}

.node-type-epp h4{
  color: #454545 !important;
  font-family: AvenirLTStd-Black !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.view-epp.view-display-id-block .views-field-title a,
.node-type-epp .node-title{
  color: #454545 !important;
  font-size: 1.2em;
  font-family: AvenirLTStd-Black;
  text-transform: uppercase;
  margin-top: 10px;
}

.view-epp.view-display-id-block .views-field-title a {
  margin-bottom: 20px;
}

.node-type-epp .node-title{
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.view-epp.view-display-id-block .views-field-title {
  margin-bottom: 20px;
}

.node-type-epp .node-title{
  border-bottom: 1px solid #E2E2E2;
}

.node-type-epp .node-accroche{
  border-bottom: 1px solid #E2E2E2;
  color: #383838;
  font-size: 14px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  line-height: 21px;
  font-weight: normal;
  padding-right: 100px !important;
}

.node-type-epp .node-date{
  font-size: 1.1em;
  text-align: right;
  padding-bottom: 10px;
}

.node-type-epp .contenu-wysiwyg{
  width: 460px;
  padding-left: 20px;
  float: right;
  text-align: justify;
  font-size: 12px;
}

#content .contenu-node-inner .contenu-wysiwyg.leftno-docs {
  width: 100%;
}

.node-type-epp .contenu-wysiwyg a,
.node-type-epp .node-accroche a{
  color: #4790D4;
}

.node-type-epp .node-etapes{
  margin-bottom: 20px;
}

.node-type-epp #content .node-bottom{
  padding-top: 10px;
}

.node-type-epp #content .contenu-node{
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 20px;
}

.node-type-epp .view-id-documents_lies .views-field-field-epp-documents {
  font-size: 12px;
  font-family: Arial;
  color: #383838;
}

.view-epp.view-display-id-block{
  width: 700px;
  margin-bottom: 10px;
}

.view-epp.view-display-id-block .views-field-nothing{
  background-color: #FFF;
  padding: 25px 5px 0px;
}

.node-type-epp .node-etapes {
  background-color: #FFF;
}

.node-type-epp .node-etapes-inner,
.view-epp.view-display-id-block .views-field-nothing{
  position:relative;
}

.view-epp.view-display-id-block .views-field-nothing{
  margin-bottom:5px;
}

.view-epp.view-display-id-block .views-row{
  margin-bottom:20px;
}

.node-type-epp .node-etapes-inner ul,
.view-epp.view-display-id-block .views-field-nothing ul{
  list-style-type: none;
}

.node-etapes-inner br{
  display:none;
}

/* jauges */

.view-epp .node-etapes-inner ol li span {
position: relative;
display: block; 
font-family: AvenirLTStd-Book;
font-size: 12px;
width: 90px;
line-height: 12px;
}

.view-epp .node-etapes-inner ol li.first span,
.view-epp.view-display-id-block .views-field-nothing ol li.first span{
color: #24509B;
}

.node-type-epp .node-etapes-inner ol li.last span,
.view-epp.view-display-id-block .views-field-nothing ol li.last span{
color: #24AAE7;
width: 110px;
}


.view-epp.view-display-id-block .views-field-view-node,
.view-epp.view-display-id-block .views-field-field-epp-intitule-liste{
  text-align:right;
}

.view-epp .node-etapes-inner .views-row li .rapport ,
.view-epp.view-display-id-block .views-row .views-field-nothing li .rapport{
  display:none;
}

.view-epp .node-etapes-inner .views-row.etape-4 li .rapport ,
.view-epp.view-display-id-block .views-row.etape-4 .views-field-nothing li .rapport,
.view-epp.view-display-id-espace_dedie .rapport{
  display:block;
  font-family: AvenirLTStd-Medium;
  font-size: 12px;
}
 
.view-epp .no-css {
  display:none !important;
}

.view-epp .views-row.etape-1 ol .etape.etape-1:before, 
.view-epp .views-row.etape-1 ol .etape.etape-1 .bullet,
.view-epp .views-row.etape-2 ol .etape.etape-2:before, 
.view-epp .views-row.etape-2 ol .etape.etape-2 .bullet,
.view-epp .views-row.etape-3 ol .etape.etape-3:before, 
.view-epp .views-row.etape-3 ol .etape.etape-3 .bullet,
.view-epp .views-row.etape-4 ol .etape.etape-4:before, 
.view-epp .views-row.etape-4 ol .etape.etape-4 .bullet,
.view-epp .views-row.etape-5 ol .etape.etape-5:before, 
.view-epp .views-row.etape-5 ol .etape.etape-5 .bullet,
.view-epp .views-row.etape-6 ol .etape.last:before, 
.view-epp .views-row.etape-6 ol .etape.last .bullet{
  background-color:#3C73C3;
}


.view-epp {
  display:table;
  padding-top: 30px;
  width: 100%;
}

.view-epp .node-etapes-inner ol li {
  display: block;
  float: left;
  width: 90px;
  text-align: center;
  padding-top: 50px;
  padding-left: 0px;
  position: relative;
  margin-bottom: 20px;
}

.view-epp .node-etapes-inner ol li.etape:before {
  width: 80px;
  height: 5px;
  background-color: #DEDEDE;
  display: block;
  content: "";
  position: absolute;
  top: 17px;
  left: -40px;
}

.view-epp .node-etapes-inner ol li .bullet {
  display:block;
  width:20px;
  height:20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
  background-color:#DEDEDE;
  position:absolute;
  top: 10px;
  left: 50%;
  margin-left: -10px;
  z-index:100;
}

.view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport,
.view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport {
  position: absolute;
  left: 38px;
  font-size: 12px;
  top: -18px;
  width: 130px;
  text-align: left;
  font-family: AvenirLTStd-Medium;
  padding: 3px 0px 3px 20px;
}

.view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport .rapport-icon {
  display:block;
  width:15px;
  height:15px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
  background-color:#AEE62F;
  position:absolute;
  left:0;
  top:2px;
}

.view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport .rapport-icon {
  display:block;
  width:15px;
  height:15px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
  background-color:#ED2A52;
  position:absolute;
  left:0;
  top:2px;
}

.view-epp ol li.first {
  width: 80px;
}

.view-epp ol li.first .icon {
  background-image: url("../../images/etape-first.jpg");
  background-repeat: no-repeat;
  width:28px;
  height:35px;
  display:block;
  position:absolute;
  top: 0;
  left: 25px;
  z-index: 100;
}

.view-epp ol li.last {
  width: 90px;
}

.view-epp ol li.last .icon {
  background-image: url("../../images/etape-last.jpg");
  background-repeat: no-repeat;
  width:28px;
  height:35px;
  display:block;
  position:absolute;
  top: 0;
  left: 38px;
  z-index: 100;
}

/* 1024px */

@media screen and (max-width: 1024px) {

  .view-epp.view-display-id-block .views-field-title{
    background-color:#F4F4F4;
    margin:0px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .view-epp.view-display-id-block .views-row {
    margin-bottom: 20px;
    background-color: #FFF;
  }

  .node-type-epp .node-etapes-inner,
  .view-epp.view-display-id-block .views-field-nothing{
    position:relative;
    margin: 0 auto;
    display: table;
  } 

  .node-type-epp h1,
  .view-epp.view-display-id-block {
    width: 100%;
  }
  
  .view-epp .view-epp {
    background-color:#ffffff;
    display:table;
    padding-top:10px;
  }

 .view-epp .view-epp ol {
    margin: 0;
    padding: 25px;
  }

  .view-epp .node-etapes-inner ol li {
    display: block;
    float:none;
    width: 90px;
    height: 50px;
    text-align: center;
    padding-top:0;
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
  }

  .view-epp .node-etapes-inner ol li.etape:before {
    width: 5px;
    height: 52px;
    background-color: #DEDEDE;
    display: block;
    content: "";
    position: absolute;
    top: -41px;
    left: 11px;
  }

  .view-epp .node-etapes-inner ol li.etape .desc {
    padding-top: 5px;
  }
    
  .view-epp .node-etapes-inner ol li .bullet {
    display:block;
    width:20px;
    height:20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
    background-color:#DEDEDE;
    position:absolute;
    top: 10px;
    left: 13px;
    z-index:100;
  }

  .view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport,
  .view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport{
  position: absolute;
  font-size: 12px;
  left: 50px;
  top: 30px;
  width: 85px;
  text-align: left;
  font-family: AvenirLTStd-Medium;
  padding: 3px 0px 3px 20px;
  }

  .view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport .rapport-icon {
    display:block;
    width:15px;
    height:15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
    background-color:#AEE62F;
    position:absolute;
    left:0;
    top:2px;
  }

  .view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport .rapport-icon {
    display:block;
    width:15px;
    height:15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
    background-color:#ED2A52;
    position:absolute;
    left:0;
    top:2px;
  }
    
  .view-epp ol li.first {
    width: 80px;
  }
  
  .view-epp ol li.first .icon {
    width:28px;
    height:35px;
    display:block;
    position:absolute;
    top: 0;
    left: 0px;
    z-index: 100;
  }

  .view-epp ol li.last {
    width: 90px;
  }
  
  .view-epp ol li.last .icon {
    width:28px;
    height:35px;
    display:block;
    position:absolute;
    top: 0;
    left: 0px;
    z-index: 100;
  }
}

.view-epp.view-display-id-espace_dedie .view-content:after {  
  content: ".";  
  display: block;  
  clear: both;  
  visibility: hidden;  
  line-height: 0;  
  height: 0;  
}

.view-epp.view-display-id-espace_dedie  .views-row{
  width: 445px;
  padding: 10px;
  float: left;
  border-bottom: 1px solid #F4F4F4;
  background-color: #FFF;
}

.view-epp.view-display-id-espace_dedie  .views-row-odd{
  margin-right: 10px;
}

.view-epp.view-display-id-espace_dedie .node-format-wrapper{
  height: 23px;
  margin-bottom: 10px;
}

.view-epp.view-display-id-espace_dedie .node-format{
  background-color: #3D74C4;
  color: #FFF;
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  font-family: AvenirLTStd-Heavy;
  padding: 5px;
}

.view-epp.view-display-id-espace_dedie .node-date{
  font-size: 0.9em !important;
  padding-top: 5px;
}

.view-epp.view-display-id-espace_dedie .node-title{
  height: 40px;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  font-size: 12px !important;
  line-height: 14px;
  padding: 10px 0px;
}

.view-epp.view-display-id-espace_dedie .node-title a{
  font-family: AvenirLTStd-Black;
  color: #000 !important;
  text-transform: uppercase;
  display: block;
}

.view-epp.view-display-id-espace_dedie .node-chapo{
  color: #585858;
  font-size: 12px !important;
  font-family: Arial;
  letter-spacing: normal;
  height: 65px;
  line-height: 14px;
}

.view-epp.view-display-id-espace_dedie .node-chapo p{
  margin: 0px;
}

.view-epp.view-display-id-espace_dedie .node-chapo p a{
color: #585858;
}

.view-epp.view-display-id-espace_dedie .file-count{
  font-size:12px;
  background: url("../../images/nbre-documentation.png") no-repeat scroll left -2px transparent;
}

.view-epp.view-display-id-espace_dedie .cartouche-footer {
  height: 22px;
}

.view-epp.view-display-id-espace_dedie .cartouche-footer .dl-file p {
  margin:0px;
}

.view-epp.view-display-id-espace_dedie .count {
  background: url("../../images/views-grey.png") no-repeat scroll 0px 5px transparent;
  display: inline-block;
  float: left;
  font-family: Georgia;
  font-style: italic;
  padding-left: 20px;
  width: 40px;
}

.view-epp.view-display-id-espace_dedie .dl-file {
  float: left;
  width: 120px;
}

.view-epp.view-display-id-espace_dedie .dl-file a {
  color: #499DEC;
  font-family: Georgia;
  font-style: italic;
}

.view-epp.view-display-id-espace_dedie .node-link {
  float: right;
  width: 8px;
}

.view-epp.view-display-id-espace_dedie .node-link a {
  background: url("../../images/arrow-left-dark-blue.png") no-repeat scroll 0px 11px transparent;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  outline: medium none;
}

.view-epp.view-display-id-espace_dedie .node-rapport {
  float: left;
  width: 120px;
  text-align: right;
}

.view-epp.view-display-id-espace_dedie .cartouche-wrapper.rapport-oui .node-rapport,
.view-epp.view-display-id-espace_dedie .cartouche-wrapper.rapport-none .node-rapport {
  width: 100px;
}

.view-epp.view-display-id-espace_dedie .rapport{
  font-family: Arial;
}

.view-epp.view-display-id-espace_dedie .cartouche-wrapper.rapport-oui .rapport{
  background-image: url("../../images/rapport-publie.jpg");
  background-repeat: no-repeat;
  background-position: left 3px;
  background-color: transparent;
}

.view-epp.view-display-id-espace_dedie .cartouche-wrapper.rapport-non .rapport{
/* background-image: url("../../images/rapport-non-publie.jpg");
background-repeat: no-repeat;
background-position: left 3px;
background-color: transparent; */
display:none;
}

#edit-field-epp-publication-rapport-value-wrapper.views-exposed-widget{
  padding: 0px;
  margin-right: 40px;
  margin-left: 10px;
}

#views-exposed-form-epp-espace-dedie .views-exposed-form{
  border: 1px solid #CCC;
  margin: 20px 0px 30px;
}

#views-exposed-form-epp-espace-dedie  .views-exposed-widgets {
  border: 1px solid #FFF;
  height: 35px;
  margin-bottom: 0px;
  padding: 5px 0px 5px 5px;
}

#views-exposed-form-epp-espace-dedie .entete-search h3 {
  color: #24509B;
  font-size: 16px;
}

#views-exposed-form-epp-espace-dedie .entete-filtres{
  float:right;
}

#views-exposed-form-epp-espace-dedie .entete-search p{
  text-align: left !important;
  margin: 0px !important;
}

#views-exposed-form-epp-espace-dedie .entete-search p span{
  font-size: 11px;
}

#views-exposed-form-epp-espace-dedie .views-exposed-widget.views-widget-filter-field_epp_thematiques_tid{
  bottom: 2px;
  position: relative;
  padding: 0px;
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  margin: 0px 10px;
  height: 40px;
}

#views-exposed-form-epp-espace-dedie .jquery_dropdown_container{
  border: medium none;
  font-family: AvenirLTStd-Medium;
  font-size: 0.75em;
  padding: 0px;
  text-align: center;
  text-transform: uppercase;
}

#views-exposed-form-epp-espace-dedie .jquery_dropdown_header{
  display: table-cell;
  margin-top: 0px;
  overflow: hidden;
  padding: 0px;
  vertical-align: middle;
  width: 200px;
  font-size: 12px;
  height: 43px;
  padding-right: 10px;
}

#views-exposed-form-epp-espace-dedie .jquery_dropdown_header:hover{
  background: url("../../images/fleche-blanche.png") no-repeat scroll right 5px center #2751A4 !important;
  color: #FFF;
}

#views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list{
  background: none repeat scroll 0px 0px #FFF;
  left: 0px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 420px;
  z-index: 99999;
  /*   display: block !important;   */
  top: 43px;
  border-left: 1px solid #CCC;
}

#views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li{
  color: #515151;
  font-family: Arial;
  font-size: 1.12em;
  text-align: center;
  text-transform: none;
  list-style: outside none none;
  border-bottom: 1px solid #CCC;
  padding: 0px;
  background: none repeat scroll 0% 0% transparent;
  display: inline-block;
  float: left;
  width: 209px;
  height: 55px;
  border-right: 1px solid #CCC;
}

#views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li:hover {
  background: #499DEC;
  color: #FFFFFF !important;
}

#views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li:hover a{
  color: #FFFFFF !important;
}

#views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li a{
  padding: 10px 5px 10px 15px;
  width: auto;
  height: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li a:hover{
  color: #FFFFFF;
  background: #499DEC;
}

#views-exposed-form-epp-espace-dedie .form-type-textfield input{
  background: url("../../images/loupe.png") no-repeat scroll right center #FFF;
  border: medium none;
  height: 20px;
  padding: 3px;
  width: 140px;
}


#views-exposed-form-epp-espace-dedie .views-submit-button{
  background: url("../../images/arrow-down-blue.png") no-repeat scroll center 41px transparent;
  cursor: pointer;
  float: right;
  height: 60px;
  padding: 0px;
  width: 44px;
}

#views-exposed-form-epp-espace-dedie  .views-submit-button input{
  background-color: #24509B;
  border: medium none;
  bottom: 6px;
  color: #FFF;
  font-family: avenirltstd-black;
  font-size: 0.8em;
  height: 47px;
  margin-top: 0px;
  padding-top: 5px;
  position: relative;
  right: 0px;
  text-transform: uppercase;
  width: 45px;
}

#views-exposed-form-epp-espace-dedie  .form-type-bef-checkbox label{
  border: medium none;
  font-family: AvenirLTStd-Medium;
  font-size: 12px;
  padding: 0px;
  text-align: center;
  text-transform: uppercase;
  margin-right: 25px;
}


#views-exposed-form-epp-espace-dedie  .form-item-edit-field-epp-publication-rapport-value-non {
  display: none;
}

#views-exposed-form-epp-espace-dedie  .form-item-edit-field-epp-publication-rapport-value-oui {
  margin-top: 10px;
  position: relative;
}

#views-exposed-form-epp-espace-dedie  .form-item-edit-field-epp-publication-rapport-value-oui input{
  position: absolute;
  top: 2px;
  right: 0;
}

.view-epp.view-display-id-espace_dedie_header{
  position: relative;
}

.view-epp.view-display-id-espace_dedie_header .wrapper-doc {
  left: 50px;
  position: absolute;
  top: 100px;
  color: #FFF;
  font-family: Georgia;
}

.view-epp.view-display-id-espace_dedie_header .titre-doc {
  font-size: 1.9em;
  font-style: italic;
  line-height: 1.5em;
  margin-bottom: 10px;
  width: 400px;
}

.view-epp.view-display-id-espace_dedie_header .link-doc {
  margin-top: 20px;
}

.view-epp.view-display-id-espace_dedie_header .link-doc a{
  color: #666;
  font-style: italic;
  padding: 10px 25px 10px 15px;
  background: url("../../images/arrow-link-dark-grey.png") no-repeat scroll top 17px right 10px;
  background-color:#FFFFFF;
  display: inline-block;
  border-bottom: 2px solid #1C3D78;
}

.view-id-diaporama_sous_thematique.view-display-id-block .views-slideshow-controls-bottom {
  height: 10px;
  left: 50%;
  position: absolute;
  top: 315px;
  width: 120px;
  z-index: 9000;
}

.view-id-diaporama_sous_thematique.view-display-id-block .views-slideshow-pager-field-item {
  background: url("../../images/slideshow-puce-off.png") no-repeat scroll 0px 0px transparent;
  text-indent: -9999px;
  width: 10px;
  cursor: pointer;
  float: left;
  margin-right: 5px;
  z-index: 9000;
  outline: medium none;
}

.view-id-diaporama_sous_thematique.view-display-id-block .views-slideshow-pager-field-item.active {
  background: url("../../images/slideshow-puce-on-blue.png") no-repeat scroll 0px 0px transparent;
}


.view-id-diaporama_sous_thematique.view-display-id-block .views-slideshow-cycle-main-frame-row-item {
  height: 320px !important;
  z-index: 0;
}

/* NODE & ID SPECIFIC 
 93063 : toutes-les-evaluations-de-politiques-publiques
 93064 : page-liste-avancement 
 #block-block-11 : block HP EPP
 */
 
.page-node-93064 .image-visuel-header,
.page-node-93064 .field-name-field-thematique-visuel-header,
.page-node-93064 .node-date ,
#node-93063 .field-name-field-thematique-accroche-header,
.dedie-93063 .views-field-nothing,
.remontees-dedie-93063 .views-field-field-thematique-visuel-header{
  display:none;
}

#node-93064 .node-title{
float:none;
}

.page-node-93064 .node-accroche{
padding-top: 35px;
border-top: 1px solid #E2E2E2;
}

.page-node-93064.node-type-article-thematique #content .node-accroche {
  margin-bottom: 10px;
}

.page-node-93063 h1.title{
width: 100%;
}

#block-block-11{
  background-color: #D8D8D8;
  padding: 18px 12px 12px;
}

#block-block-11 p{
  margin:0px;
}

#block-block-11 p.link{
  position: relative;
}

#block-block-11 p.link a{
  position: absolute;
}

#block-block-11 img{
  display: block;
  width: 100%;
  height: auto;
}

#block-block-11 p.text{
  font-family: Arial;
  font-size: 0.8em;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px 0px;
  color: #383838;
}

#block-block-11 p.text  strong{
  text-transform: uppercase;
  font-family: AvenirLTStd-black,Arial;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px 0px;
  text-align: center;
}

#block-block-11 p a{
  display: block;
}

#block-block-11 p.link a{
  background: url("../../images/arrow-link-white.png") no-repeat scroll 178px 14px #3C3C3C;
  color: #FFF;
  font-family: Georgia;
  font-size: 0.9em;
  font-style: italic;
  padding: 8px 25px 8px 8px;
  top: -4px;
  z-index: 20;
  width: auto;
}

/* IE8 */
@media \0screen {

  .page-node-93063 #content-area .region-content{
    width:100%;
    float:none;
  }

  #views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li a{
    top:0%;
  }

  .node-type-epp .node-etapes-inner ul li.normal.etape-6{
  background-position-y: 6px;
  }

  .node-type-epp .node-etapes-inner .views-row.etape-6 li.etape-6{
  background-position-y: 5px;
  }

  .view-epp.view-display-id-block .views-row .views-field-nothing li.etape-6{
  background-position-y: 14px;
  }

  .view-epp.view-display-id-block .views-row.etape-6 .views-field-nothing li.etape-6{
  background-position-y: 14px;
  }

}


@media screen and (min-width: 640px) and (max-width: 1024px) {
  #views-exposed-form-epp-espace-dedie .views-exposed-widgets {
  border: 1px solid #FFF;
  height: 75px;
  margin-bottom: 0px;
  padding: 5px 0px 5px 5px;
  }
  
  .view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport, .view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport {
    left: -83px;
    top: 10px;
    width: 45px;
  }
  
  .node-type-epp .wrapper-top {
    top: -170px !important;
}

  #edit-field-epp-publication-rapport-value-wrapper.views-exposed-widget {
  clear: both;
  }

  .view-epp.view-display-id-espace_dedie_header .views-field-field-thematique-visuel-header img {
  max-width: 100%;
  width: 620px !important;
  height: auto !important;
  }


  .view-epp.view-display-id-espace_dedie_header .titre-doc {
  font-size: 1.4em;
  font-style: italic;
  line-height: 1.5em;
  margin-bottom: 10px;
  width: 300px;
  }

  .view-epp.view-display-id-espace_dedie .view-content .views-row {
  margin: 0 auto !important;
  float: none;
  }

  #views-exposed-form-epp-espace-dedie .entete-filtres {float:none;}

}

@media screen and (max-width: 640px) {



  body {
  background:transparent;
  }

  #views-exposed-form-epp-espace-dedie .views-exposed-widgets{
  background-color: #F1F1F1;
  }

  #views-exposed-form-epp-espace-dedie .jquery_dropdown_header{
  width: 480px;
  }

  .view-epp.view-display-id-espace_dedie_header .views-field-field-thematique-visuel-header img {
  display: block;
  width: 480px;
  }

  .view-epp.view-display-id-espace_dedie_header .wrapper-doc {
  top: 50px;
  }

  .view-epp.view-display-id-espace_dedie_header .titre-doc {
  font-size: 1.2em;
  font-style: italic;
  line-height: 1em;
  margin-bottom: 10px;
  width: 200px;
  }

  .view-epp {
  display: block;
  padding-top: 0;
  }
  .view-epp .views-exposed-form .views-exposed-widget {
  float: none;
  }

  #views-exposed-form-epp-espace-dedie .entete-filtres {
  float: none;

  }

  .view-epp.view-display-id-espace_dedie .entete-search {
  margin-bottom: 20px;
  width: 100%;
  float: none;
  }

  #views-exposed-form-epp-espace-dedie .form-type-textfield input {
  border: 1px solid gray;
  margin-left: 10px;
  }
  #edit-field-epp-publication-rapport-value-wrapper.views-exposed-widget {
  width: 210px;
  }    

  #views-exposed-form-epp-espace-dedie .views-exposed-widgets {
  border: 1px solid #FFF;
  height: 195px;
  margin-bottom: 0px;
  padding: 5px 0px 5px 5px;

  }

  #views-exposed-form-epp-espace-dedie .jquery_dropdown_container{
  background: #FFFFFF;
  }

  .view-epp.view-display-id-espace_dedie .entete-search{
  margin-left:10px;
  }
  
  #views-exposed-form-epp-espace-dedie .form-item-edit-field-epp-publication-rapport-value-oui input {
    right: 60px;
  }
  #views-exposed-form-epp-espace-dedie .views-exposed-widget.views-widget-filter-field_epp_thematiques_tid{
    margin-bottom: 15px;
  }
  
    .view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport, .view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport {
    left: -82px;
    top: 10px;
    width: 45px;
    }
  
}



@media screen and (max-width: 480px) {

  .view-epp .views-row.etape-4.rapport-oui .node-etapes-inner .rapport, .view-epp .views-row.etape-4.rapport-non .node-etapes-inner .rapport {
      left: -70px;
      top: 10px;
      width: 45px;
  }
.node-type-article-thematique #content .node-title {
  width: 220px;
  height: auto;
  }
  
  
  .view-epp.view-display-id-espace_dedie_header .views-field-field-thematique-visuel-header img {
  width: 320px;
  }
  
  #views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list li {
    width: 268px;
}

  
    .view-epp.view-display-id-espace_dedie_header .wrapper-doc {
    top: 50px;
    left: 15px;
  }
  
  .view-epp.view-display-id-espace_dedie_header .titre-doc {
  font-size: 1em;
  font-style: italic;
  line-height: 1em;
  margin-bottom: 5px;
  width: 200px;
  }
  
  .view-epp.view-display-id-espace_dedie_header .link-doc {
    margin-top: 0px;
}
     
  #views-exposed-form-epp-espace-dedie .entete-filtres {
  float: none;
  margin-top: 25px;
  }
  
  #views-exposed-form-epp-espace-dedie .jquery_dropdown_container{
  background: #FFFFFF;
  }
  
  .view-epp.view-display-id-espace_dedie .entete-search{
    margin-left:10px;
  }
  
  #views-exposed-form-epp-espace-dedie ul.jquery_dropdown_list {
    width: 270px;
  }
  

      
  .view-epp.view-display-id-espace_dedie .views-row {
  width: 280px;
  }   
}

@media screen and (min-width: 1024px) {
.view-epp .node-etapes-inner ol li.etape.etape-1:before {
  width: 60px;
  left: -20px;
}    
  .view-epp .node-etapes-inner ol li.etape.last:before {
  width: 67px;
}    
}

.view-epp .node-etapes-inner ol li .bullet {
  display: block;
  width: 15px;
  height: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
  background-color: #DEDEDE;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -8px;
  z-index: 100;
}

@media screen and (min-width: 1024px) {
.view-epp .node-etapes-inner {
  display: table;
  margin: 0 auto;
}
}

@media screen and (max-width: 1024px) {
.view-epp .node-etapes-inner ol li .bullet {
  display: block;
  width: 15px;
  height: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/sites/all/themes/modernisation/css/custom/PIE.htc);
  background-color: #DEDEDE;
  position: absolute;
  top: 12px;
  left: 14px;
  z-index: 100;
}
    .view-epp .node-etapes-inner ol li.etape:before {
  width: 5px;
  height: 55px;
  background-color: #DEDEDE;
  display: block;
  content: "";
  position: absolute;
  top: -43px;
  left: 11px;
}
}