/* CSS Document */



@media screen and (max-width:615px) {
	 
.section .bg-image {
    background-image: none!important;
	 transition:none!important
} 
.span1of3, .span2of3 {
	width:50%
}
.span3of3 {
	width:100%
}
.col.centered, .section .content dd figure.col {
	width:100%
}
.section .section-header .section-title, .section.relative .section-header .section-title, .section.fixed .section-header .section-title {
	font-size:36px!important;
	line-height:36px!important;
}
.section .content .typo-75px {
	font-size:36px!important;
	line-height:36px!important;
}
.section .content .typo-50px {
	font-size:26px!important;
	line-height:26px!important;
}
.section .content .typo-36px, .section .content tobody .typo-36px, .section .content tobody p.typo-36px {
	font-size:16px!important;
	line-height:16px!important;
}
.section-header, 
.section .content {
	min-height:0!important;
}
#section-equipe .content{
	min-height:0
}

}

@media screen and (max-width:480px) {
	
.section .bg-image {
     background-image: none!important;
	 transition:none!important
}	
.col {
	width:100%
}
.col.np-l {
	padding-right:0
}
.col.np-r {
	padding-left:0
}
.section .section-header .section-title, .section.relative .section-header .section-title, .section.fixed .section-header .section-title {
	font-size:36px!important;
	line-height:36px!important;
}
.section .content .typo-75px {
	font-size:36px!important;
	line-height:36px!important;
}
.section .content .typo-50px {
	font-size:26px!important;
	line-height:26px!important;
}
.section .content .typo-36px, .section .content tobody .typo-36px, .section .content tobody p.typo-36px {
	font-size:16px!important;
	line-height:16px!important;
}
}



/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 300px) and (max-device-width: 1024px){
 *  {
	 transition:none!important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
	filter:alpha(opacity=100);
	-o-opacity:1;
	-ms-opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
}

.section, .section.relative, .section.fixed {
    padding-left: 5%;
    position: static !important;
	margin:0!important;
	padding-bottom:60px
}

.section .bg-image, .section .bg-image img {
     background-image: none!important;
	 transition:none!important;
	 display:none;
}

.section#section-dg {
	background: url(../images/fond-cover-n60.png), url('../images/autres/dg-avenir-nb.jpg')  no-repeat center center!important;
	background-size:auto 100%!important;
	background-position:center center
	
}
.section#section-collections {
	background:#393A3B!important;
}


.section#section-service {
	background:url(../images/fond-cover-n60.png), url('../images/service/service-2015.jpg')  no-repeat center center!important;
	background-size:auto 100%!important;
	background-position:center center

}

.section#section-bibliotheque-virtuelle {
	background:url(../images/fond-cover-n60.png), url('../images/bibliotheque-virtuelle/techno-2015.jpg') no-repeat center center!important;
	background-size:auto 100%!important;
}

.section#section-espaces {
	background:url(../images/fond-cover-n60.png), url('../images/espaces/espace-14-15.jpg') no-repeat center center!important;
	background-size:auto 100%!important;
}

.section#section-equipe {
	background:#5B5C5D!important;
	padding-bottom:160px!important
}

.section#section-chiffre {
	background:#7AA1BD!important;
	padding-bottom:160px!important
}

.section#section-chiffre .section-title {
	margin-top:1.4em!important
}
}


@media screen and (max-width:840px) {
.span1of4, .span2of4 {
	width:50%
}
.span3of4, .span4of4 {
	width:100%
}
.section-header, 
.section .content {
	min-height:0!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
	margin-top:0!important;
}
}

 @media screen and (max-width:1024px) {	
 	
.section .section-header .col.span1of2, .section-header .section-header .col.span1of2, .row .section-header .col.span1of2, .hr .section-header .col.span1of2 {
	padding-right:0;
}
.accueil {
	height:auto
}
.accueil figure.bib-back {
	height:500px;
	background-size:cover
}
.main {
	overflow:hidden;
	width:100%
}
article {
	height:auto!important
}
.section, .section-header, .row, .hr {
	padding-right:5%;
	padding-left:5%
}
.site-nav {
	display:none !important
}
.section .wrapper {
	width: 100%;
	padding-bottom: 0;
	position: relative;
}
.section, .section.relative, .section.fixed {
	position:static !important;
	padding-left:5%
}
.section .section-header, .section.relative .section-header, .section.fixed .section-header, .fixed.section .section-header, .fixed.section-header .section-header, .fixed.row .section-header, .fixed.hr .section-header, .fixed.section .content, .fixed.section-header .content, .fixed.row .content, .fixed.hr .content, .section.fixed .content {
	position:static !important;
	padding-left:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
	filter:alpha(opacity=100);
	-o-opacity:1;
	-ms-opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	height:auto;
	min-height:auto!important;
	margin-bottom:0!important
}
.section .section-header .section-title, .section.relative .section-header .section-title, .section.fixed .section-header .section-title {
	font-size:55px
}
.section .col.span1of2, .section .col.span1of4, .section .col.span3of4, .section.relative .col.span1of2, .section.relative .col.span1of4, .section.relative .col.span3of4, .section.fixed .col.span1of2, .section.fixed .col.span1of4, .section.fixed .col.span3of4 {
	width:100% !important;
	padding:0
}
.section .content, .section.relative .content, .section.fixed .content {
	width:100%;
	padding:0 0 15%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
	filter:alpha(opacity=100);
	-o-opacity:1;
	-ms-opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	margin-bottom:0;
	min-height:0!important;
}
.section .content .col, .section.relative .content .col, .section.fixed .content .col {
	padding-right:0;
}

.section-header {
	min-height:10px;
	margin-bottom:0!important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
	filter:alpha(opacity=100);
	-o-opacity:1;
	-ms-opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	margin-bottom:0;
	min-height:0!important;
}
.section  {
	margin-top:0;
	margin-bottom:30%;
}
#section-service .content .bloc-elements ul{
	padding-bottom:0
	}

#section-equipe .content{
	min-height:10px
}

#section-chiffre {
	min-height:0;

}
#section-chiffre .map .stat, #section-chiffre .map {
	display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
	filter:alpha(opacity=100);
	-o-opacity:1;
	-ms-opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1!important;
	width:100%!important;
	margin-bottom:30px;
}
#section-chiffre .map .stat {
	display:table;
	width:100%!important;
}
#section-chiffre .content {
	display:none;
}
#section-chiffre .section-header {
	padding-bottom:60px;
	padding-right:0!important;
}

#section-footer{margin-bottom:0!important}
}


 @media screen and (max-width:500px) {
.section .content, .section.relative .content, .section.fixed .content {
	padding:0 0 15% 10%
}
}

 @media screen and (min-width:1025px) and (max-width:1280px) {
.section, .section-header, .row, .hr {
	padding-left:140px;
	padding-right:0
}
.section-header {
	padding-right:5%
}
.content {
	width:100%
}

}