@font-face {
  font-family: "cnrs-blogs";
  src:url("font-face/icons/cnrs-blogs.eot");
  src:url("font-face/icons/cnrs-blogs.eot?#iefix") format("embedded-opentype"),
    url("font-face/icons/cnrs-blogs.woff") format("woff"),
    url("font-face/icons/cnrs-blogs.ttf") format("truetype"),
    url("font-face/icons/cnrs-blogs.svg#cnrs-blogs") format("svg");
  font-weight: normal;
  font-style: normal;

}

.icon-blog:before {
  content: "a";
  font-size: 36px;
	font-family: "cnrs-blogs";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.section-nos-blogs span.ext {
  display:none;
}


/* Espaces titres */

.page-nos-blogs #content-top h1{margin-bottom: 30px;margin-top:30px}
/*.page-nos-blogs #content-top h1.title::before {position:absolute;top:-5px;left:-5px;content:"a";height:32px;width:32px;font-family: "cnrs-blogs";font-size:36px}*/
.page-nos-blogs .espaces-header{background-color:#F0F0F0;position:relative;color:#A0A2A5;padding:20px 70px;font-family:open_sansbold;text-transform:uppercase;font-size:20px}


.header-nos-blogs {
background-color: #F0F0F0;
padding: 20px;
clear: both;
text-align:center;
}

.header-nos-blogs h1::before{
position: absolute;
top: -5px;
left: -5px;
content: "a";
font-family: "cnrs-blogs";
font-size:36px;
height: 30px;
width: 30px;
  content: "a";
	font-family: "cnrs-blogs";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.header-nos-blogs h1{
position: relative;
display: inline-block;
color: #9C9EA1;
font-family: open_sansbold;
font-size: 18px;
line-height: 1;
font-weight: normal;
margin: 0px;
padding-left: 40px;
text-transform: uppercase;
background-color:#F0F0F0;
}

.view-home.view-display-id-block_1 .view-display-id-attachment_1 .format-view.blog:before{
  content: "a";
  font-size: 36px;
	font-family: "cnrs-blogs" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


  @media screen and (min-width:0px) and (max-width: 767px) {
  .page-nos-blogs .espaces-header{padding: 20px 20px 20px 70px}
  .page-nos-blogs #content-wrapper{border-right:1px solid #E0E1E2}
  }

/* Espaces mis en avant */

.view-blog-espaces .view-header .view-blog-espaces-header .views-row{float:none;width:100%;border:none;}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-field-blog-visuel-principal .field-content{position:relative;}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-field-blog-visuel-principal .field-content img{border-bottom:10px solid #1B75B5;margin-bottom:25px;margin-left:-240px}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-name{margin:0px 20px;}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-name a{font-family: glegooregular;font-weight:normal;line-height:42px;text-decoration:none;color: #231F20;font-size:2.19em}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-name a:hover{color:#1B75B1}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-description{padding:20px 0px;margin-left:20px;margin-right:170px}
.view-blog-espaces .view-header .view-blog-espaces-header .views-field-description p{color:#58595B;font-family:open_sanslight;font-size:1em;line-height:24px;}.view-blog-espaces .view-header .view-blog-espaces-header .views-field-description p a{color:#1B75B5; text-decoration:none}
.view-blog-espaces .views-field-name-1 {margin-bottom:40px;margin-left:20px;margin-right:170px}
.view-blog-espaces .views-field-name-1 a{color:#1B75B5;font-family:open_sansbold;font-size:0.95em;text-decoration: none}

  @media screen and (min-width:768px) and (max-width: 1199px) {
  .view-blog-espaces .view-header .view-blog-espaces-header .views-field-field-blog-visuel-principal .field-content img{margin-left:0px;width:100%;height:auto}
  .view-blog-espaces .view-header .view-blog-espaces-header .views-field-description{margin-right:20px;}
  }

  @media screen and (min-width:0px) and (max-width: 767px) {
  .view-blog-espaces .view-header .view-blog-espaces-header .views-field-field-blog-visuel-principal .field-content img{margin-left:0px;width:100%;height:auto}
  .view-blog-espaces .view-header .view-blog-espaces-header .views-field-description{margin-right:20px;}
  }

/* Espaces autres */

.view-blog-espaces .view-content .views-row{float:left;width:479px;border-bottom:1px solid #ECECEC}
.view-blog-espaces .view-content .views-row-even{border-left:1px solid #ECECEC}
.view-blog-espaces .view-content .views-row .views-field-name.page {margin:30px 90px 30px 30px}
.view-blog-espaces .view-content .views-row .views-field-name.page  a{color:#58595B;font-family:glegooregular;font-size:1.25em;text-decoration:none}
.view-blog-espaces .view-content .views-row .views-field-name.page  a:hover{color:#1B75B1}
.view-blog-espaces .views-field-name-1.page {margin-left:30px}

  @media screen and (min-width:768px) and (max-width: 1199px) {
  .view-blog-espaces .view-content .views-row{width:50%}
  .view-blog-espaces .view-content .views-field-field-blog-visuel-principal img{width:100%;height:auto}
  }

  @media screen and (min-width:0px) and (max-width: 767px) {
  .view-blog-espaces .view-content .views-row{width:100%}
  .view-blog-espaces .view-content .views-row .views-field-name.page {margin:30px}
  .view-blog-espaces .view-content .views-field-field-blog-visuel-principal img{width:100%;height:auto}
  }

/* Espace / CT Blog */

.page-taxonomy #content.taxonomy-page-blog{margin-left:240px}

  @media screen and (min-width:768px) and (max-width: 1199px) {
   .page-taxonomy  #content.taxonomy-page-blog{margin-left:146px}
  .view-blog-espaces.view-display-id-block_2 .views-row{width:100%}
  .view-blog-espace-mis-en-avant.view-display-id-block_2 .views-row .views-field-field-blog-visuel-principal img{width:100%;height:auto}
  }

  @media screen and (min-width:0px) and (max-width: 767px) {
  .page-taxonomy  #content.taxonomy-page-blog{margin-left:0px}
  .view-blog-espace-mis-en-avant.view-display-id-block_2 .views-row .views-field-field-blog-visuel-principal img{width:100%;height:auto}
  }

.blog-wrapper{border-top: 10px solid #E0E1E2}
.blog-sidebar{float:right;width:250px;background-color:#404041}
.blog-content{float:left;width:710px;border-right: 10px solid #E0E1E2}
.blog-related{clear:both}
.blog-sidebar-bottom{background-color: #1B75B4}
.blog-sidebar .block-views, .blog-sidebar-bottom{padding: 30px 20px;}
.blog-sidebar-bottom a.print-page, .blog-sidebar-bottom a#text_resize_decrease, .blog-sidebar-bottom a#text_resize_increase{font-family:open_sansregular;color:#FFFFFF;text-decoration:none;}
.blog-sidebar-bottom a.print-page {font-size:12px}
.blog-sidebar-bottom .zoom, .blog-sidebar-bottom .print-link{width:50%; text-align: center;padding:0px}
.blog-sidebar-bottom .print-link ul li{padding:0; margin:0}
.node-type-blog .niveau-0.bottom .right{float:none}
.node-type-blog .niveau-0{padding:0px;background:transparent;}
.node-type-blog .niveau-0 .hf-partage{float:left;position:relative}
.node-type-blog .niveau-0 .hf-title{padding-left: 25px;height: 20px;display: inline-block;color: #1B75B5;font-family: open_sansregular;font-size: 12px;text-decoration:none;line-height:22px;cursor:pointer}
.node-type-blog #comments {margin: 0px 30px 0px 50px;}

.node-type-blog .reagir-intro {
  padding: 30px;
}

.node-type-blog .reagir-connexion a, .node-type-blog .reagir-create a {
  padding: 52px 15px;
  font-size: 1em;
}

.node-type-blog #block-block-4 {
  margin-left: 30px;
  margin-bottom: 30px;
}

.node-type-blog #comments-block{
  display:none;
}

  @media screen and (min-width:768px) and (max-width: 1199px) {
  .blog-sidebar{width:100%}
  .blog-content{float:none;width:100%;border-right:none;clear: both;}
  .blog-sidebar-bottom{display:none}
  }

  @media screen and (min-width:0px) and (max-width: 767px) {
  .blog-sidebar{float:none;width:100%}
  .blog-content{float:none;width:100%;border-right:1px solid #E0E1E2}
    .blog-sidebar-bottom{display:none}
  }

  /* Sidebar */

.blog-sidebar h3.block-title{color:#FFF;font-family:open_sansitalic;font-size:20px;line-height: 24px}
#block-views-blog_espaces-block_3 h3.block-title,#block-views-blog_espace_mis_en_avant-block_1 h3.block-title{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #6d6e70}
.view-blog-espaces.view-display-id-block_3 .views-row,.view-blog-espaces.view-display-id-block_4 .views-row{float:none;width:100%;border:none}
.view-blog-espace-mis-en-avant.view-display-id-block_1 .views-field-description,.view-blog-espaces.view-display-id-block_3 .views-field-description{font-family:open_sansregular;font-size:12px;color:#bababd;line-height:24px}
.view-blog-espace-mis-en-avant.view-display-id-block_1 .views-field-description strong,.view-blog-espaces.view-display-id-block_3 .views-field-description strong{font-family:open_sansbold;color:#FFFFFF}
#block-views-blog_espaces-block_4 h3.block-title,#block-views-blog_espace_mis_en_avant-block_3 h3.block-title{padding-bottom:40px;padding-top:30px;margin-top:30px;border-top:1px solid #6d6e70}
.view-blog-espaces.view-display-id-block_4 .views-row,.view-blog-espace-mis-en-avant.view-display-id-block_3 .views-row{margin-bottom:20px}
.view-blog-espaces.view-display-id-block_4 .views-row:last-child,.view-blog-espace-mis-en-avant.view-display-id-block_3 .views-row:last-child{margin-bottom:0px}
.view-blog-espaces.view-display-id-block_4 .image-blog-presentation,.view-blog-espace-mis-en-avant.view-display-id-block_3 .image-blog-presentation{margin-left:10px;width:145px;padding-top:10px}
.view-blog-espaces.view-display-id-block_4 .image-blog-titre,.view-blog-espace-mis-en-avant.view-display-id-block_3 .image-blog-titre{font-family:open_sansbold;color:#FFFFFF;font-size:13px}
.view-blog-espaces.view-display-id-block_4 .image-blog-fonction,.view-blog-espace-mis-en-avant.view-display-id-block_3 .image-blog-fonction{font-family:open_sansregular;font-size:12px;color:#bababd}
.view-blog-espaces.view-display-id-block_4 .image-blog-auteur img,.view-blog-espace-mis-en-avant.view-display-id-block_3 .image-blog-auteur img{border-radius:30px}

  @media screen and (min-width:768px) and (max-width: 1199px) {
  #block-views-blog_espaces-block_3, #block-views-blog_espace_mis_en_avant-block_1{margin-right:10%}
  #block-views-blog_espaces-block_3, #block-views-blog_espace_mis_en_avant-block_1,#block-views-blog_espaces-block_4,#block-views-blog_espace_mis_en_avant-block_3{float:left;width:45%}
  #block-views-blog_espaces-block_4 h3.block-title,#block-views-blog_espace_mis_en_avant-block_3 h3.block-title{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #6d6e70;padding-top:0px;border-top:none;margin-top:0px}
  }

h3.blog-other{font-family:open_sansbold;color:#FFF;font-size:13px;position:absolute;width:155px;padding:20px 0px 80px 20px;left:-155px;background-color:#1b75b5}
h3.blog-une{font-family:open_sansbold;color:#FFF;font-size:13px;position:absolute;width:155px;padding:20px 0px 80px 20px;left:-155px;background-color:#dd1e66}

  @media screen and (min-width:0px) and (max-width: 767px) {
  h3.blog-other,h3.blog-une{position:initial;width:100%;padding:20px;margin-bottom:0px}
  }
  
.blog-related, .taxonomy-page-blog-first{position:relative}
.blog-related{border-top:1px solid #E0E1E2}
.blog-related .views-row{padding:40px;border-bottom:1px solid #E0E1E2;width:100%;float:none}
.blog-related .views-row .views-field-title{padding:25px 0px;height:auto;margin:0}
.blog-related .views-row .views-field-title a{color:#58595B;font-family:glegooregular;font-size:1.25em;text-decoration:none}
.blog-related .views-row .views-field-title a:hover{color: #1B75B1}
.blog-related .views-row .views-field-view-node a{color:#1B75B5;font-family:open_sansbold;font-size:0.75em;text-decoration:none}

.taxonomy-page-blog-first{padding:60px 30px 60px 50px}
.taxonomy-page-blog-first .views-field-title{line-height:35px;font-size:26px;color:#797a7d;font-family:glegooregular;padding-right: 125px;padding-bottom:20px}
.taxonomy-page-blog-first .views-field-date-auteur{color:#58595b;font-family:open_sansregular;font-size:12px;margin-bottom:55px}
.taxonomy-page-blog-first .views-field-date-auteur span.blue{color:#1b75b5}
.taxonomy-page-blog-first .views-field-field-blog-visuel-principal{position:relative;right:120px;margin-bottom:50px}
.taxonomy-page-blog-first .views-field-chapo{font-family:open_sansregular;font-size: 16px;color:#231f20;margin-bottom:30px}
.taxonomy-page-blog-first .views-field-contenu{font-family: open_sanslight;font-size:0.88em; color:#231f20;padding-right:40px}
.taxonomy-page-blog-first .views-field-contenu p{line-height: 21px;
margin-bottom: 30px;}
.taxonomy-page-blog-first .views-field-contenu a{
  color: #1B75B5;
}
.taxonomy-page-blog-first .views-field-contenu ul {padding-left:20px;margin-top:20px;margin-bottom:20px}
.taxonomy-page-blog-first .views-field-contenu img{margin-top:20px;margin-bottom:20px;}

.taxonomy-page-blog-header .views-field-name,
.view-id-blog_espace_mis_en_avant.view-display-id-block_2 .views-field-name-1 {
  display: inline-block;
  line-height: 60px;
  max-width: 750px;
  padding-left: 10px;
  position: absolute;
  top: 40%;
  left: -10%
}

.taxonomy-page-blog-header .views-field-name .field-content,
.view-id-blog_espace_mis_en_avant.view-display-id-block_2 .views-field-name-1 .field-content {
  color: #231F20;
  background: none repeat scroll 0px 0px rgba(255, 255, 255, 0.85);
  font-family: glegooregular;
  font-size: 3.38em;
  box-shadow: 10px 0px 0px rgba(255, 255, 255, 0.85), -10px 0px 0px rgba(255, 255, 255, 0.85);
  
}

.view-id-blog_espace_mis_en_avant.view-display-id-block_2 .views-field-name-1 .field-content  a {
  text-decoration: none;
  color: #231F20;
}


  @media screen and (min-width:768px) and (max-width: 1199px) {
  .taxonomy-page-blog-header .views-field-name,.view-id-blog_espace_mis_en_avant.view-display-id-block_2 .views-field-name-1{top:20%}
  }

  @media screen and (min-width:0px) and (max-width: 767px) {
  .blog-related .views-row{padding:20px}
  .taxonomy-page-blog-first{padding:0px}
  .taxonomy-page-blog-first .resize-chapo-contenu{padding:20px}
  .taxonomy-page-blog-first .views-field-title{padding-right:0px;padding-bottom:20px}
  .taxonomy-page-blog-first .views-field-date-auteur{margin-bottom:20px}
  .taxonomy-page-blog-header .views-field-name,.view-id-blog_espace_mis_en_avant.view-display-id-block_2 .views-field-name-1{left:0%;top:10%;line-height:30px}
  .taxonomy-page-blog-header .views-field-name .field-content,.view-id-blog_espace_mis_en_avant.view-display-id-block_2 .views-field-name-1 .field-content{font-size:1.5em;box-shadow:initial}
  .taxonomy-page-blog-first .views-field-field-blog-visuel-principal {right:0px;margin-bottom:20px}
  .taxonomy-page-blog-first .views-field-field-blog-visuel-principal img{width:100%;height:auto}
  }
  
#nos-blogs-wrapper{
left: 0px;
position: absolute;
top: 2365px;
width: 240px;
}

#nos-blogs-wrapper .view-header {
background-color: #FC8B01;
height: 150px;
padding-left: 30px;
padding-top: 20px;
width: 240px;
}

#nos-blogs-wrapper .view-header h3{
font-size: 16px;
color: #FFF;
font-family: open_sansregular;
}

#nos-blogs-wrapper .view-content,
#nos-blogs-wrapper .view-footer {
  background-color: #404041;
}

#nos-blogs-wrapper .view-content {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 50px;
  padding-bottom: 15px;
}

#nos-blogs-wrapper .view-footer {
  padding-bottom: 20px;
  padding-right: 30px;
  text-align: right;
}


#nos-blogs-wrapper .view-content .views-field-name{
    background: url("../../images/list-item.png") no-repeat scroll left 10px transparent;
    list-style-type: none;
    margin: 10px 0px 20px;
    padding-left: 10px;
}

#nos-blogs-wrapper .view-content .views-field-name a,
#nos-blogs-wrapper .view-footer a {
color: #FFF;
font-family: glegooregular;
font-weight:normal;
font-size: 0.75em;
text-decoration: none;
font-weight:bold;
}

#nos-blogs-wrapper .view-footer a {
  
}

#nos-blogs-wrapper .views-field-field-blog-term-chapo {
color: #FFF;
font-family: open_sansbold;
font-size: 12px;
padding-top: 15px;
margin-bottom: 20px;
}

#nos-blogs-wrapper .views-row{
border-bottom: 1px solid #6D6E70;
margin-bottom: 25px;
}

#nos-blogs-wrapper .views-row:last-child{
border-bottom: none;
}

.blog-related .pager{
    text-align: left !important;
    margin-bottom: 0px;
}

.blog-related .pager li{
padding: 0px;
margin: 0px;
}

.blog-related .pager li a{
position: relative;
background: none repeat scroll 0% 0% #1B75B5;
color: #FFF;
display: inline-block;
font-family: open_sansbold;
font-size: 0.88em;
width: 315px;
padding: 15px 40px 15px 68px;
text-decoration: none;
}

.blog-related .pager li a:before{
  position: absolute;
  top: 18px;
  left: 30px;
  font-family: "cnrs-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e609';
}

.taxonomy-page-blog-first .hf-title{
line-height: 30px;
color: #6D6E70;
font-family: "open_sansregular";
font-size: 12px;
}

.taxonomy-page-blog-first .hf-content{
display:none;
}

.taxonomy-page-blog-first .hf-content.open{
display: block;
position: relative;
top: 10px;
right: -15px;
}

.taxonomy-page-blog-first .hf-content a {
    vertical-align: middle;
    line-height: 30px;
    font-size: 0px;
    color: transparent;
    outline:none;
}

.taxonomy-page-blog-first .hf-content .icon {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #6D6E70;
    line-height: 30px;
    vertical-align: middle;
}

.taxonomy-page-blog-first .hf-content .icon:hover {
color: #1B75B5;
}

/* remontees sur les vues thematiques, ex vivant*/
.view-taxonomy-term.view-display-id-page .views-field-field-blog-visuel-principal img,
.view-taxonomy-term.view-display-id-block_1 .views-field-field-blog-visuel-principal img {
width:319px;
height:167px;
}

#block-menu_block-12 {
    float: right;
}

#block-menu_block-12 ul.menu li{
list-style: none;
padding:0px;
margin:0px;
}

#block-menu_block-12 ul.menu li a{
color: #FFF;
font-family: open_sansregular;
font-size: 0.8em;
text-decoration: none;
display: block;
padding: 25px 25px 20px 30px;
background: url("../../images/apropos-right.png") no-repeat scroll left 14px top 32px #FF7B33;
}

.section-nos-blogs .region-header-middle{
  padding-top:30px;
}

.page-nos-blogs .niveau-0{
  display:none;
}

.section-nos-blogs #block-menu_block-8, .section-nos-blogs #block-menu_block-9 {
  padding-top: 20px;
}




.section-nos-blogs #content-top .niveau-0 {
    background-color: transparent;
    padding: 10px 30px;
}

.section-nos-blogs #content-top .niveau-0 .breadcrumb {
max-width: 100%;
}

#block-block-6{
  clear:both;
}


@media screen and (min-width:768px) and (max-width: 1199px) {
    #block-menu_block-9 {
    margin-left: 10px;
    margin-right: 10px;
    }
    #block-menu_block-8 {
    margin-right: 10px !important;
    margin-left: 10px;
    }

    .logged-in.section-nos-blogs #block-menu_block-8, 
    .logged-in.section-nos-blogs #block-menu_block-9 {
    padding-top: 5px;
    }
    
    #nos-blogs-wrapper,
    #nos-blogs-wrapper .view-header    {
    width: 146px;

    }   

    #nos-blogs-wrapper .view-header    {
      height: 120px;
      margin-bottom:10px;
    }
    
  #nos-blogs-wrapper .view-content {
    padding: 50px 20px 15px;
  }
  
  #block-views-blog_nos_blogs-block .views-field-field-blog-visuel-principal img{
    width:100%;
    height: auto;
  }

}
  
    @media screen and (min-width:0px) and (max-width: 767px) {
    .section-nos-blogs .niveau-0 .breadcrumb {
    width: 100%;
    }
    
    
    #nos-blogs-wrapper {
    position: inherit;
    }
    
    #nos-blogs-wrapper .view-header{
      font-family: open_sansbold;
      font-size: 0.75em;
      height: auto;
      padding: 10px;
      position: inherit;
      width: 320px;
    }
    #nos-blogs-wrapper .view-header h3 {
    font-size: inherit;
    color: #FFF;
    font-family: inherit;
    }
    #nos-blogs-wrapper {
    width: 320px;
    }
    
    #nos-blogs-wrapper .view-content {
    padding: 0px;
    }
    
    #nos-blogs-wrapper .view-content .views-field-name{
      margin:0px;
    }
    
    #block-views-blog_nos_blogs-block .views-field-field-blog-visuel-principal{
      text-align:center;
    }
    
    #block-views-blog_nos_blogs-block .views-field-field-blog-visuel-principal img{
      display:inline-block;
    }
    
    #block-views-blog_nos_blogs-block .views-row {
    border-bottom: 1px solid #6D6E70;
    padding: 25px 0px;
    }
    
    #nos-blogs-wrapper .view-content .views-field-name {
    margin: 0px auto;
    width: 50%;
    line-height: 16px;
    }
    
  }
  
  #block-menu_block-8 ul li.mid-2999 a {
  color: #1B75B1 !important;
}

.view-blog-espace-mis-en-avant.view-display-id-block_1 .views-field-description a, .view-blog-espaces.view-display-id-block_3 .views-field-description a{
color: #1B75B1 !important;
}

.view-blog-espace-mis-en-avant.view-display-id-block_1 .views-field-description a span, .view-blog-espaces.view-display-id-block_3 .views-field-description a span{
text-decoration:none !important;
}