@media screen and (max-width: 1250px) {
html,#main {
font-size:95%
}

header,#wrapper,footer {
width:100%!important
}

header #logo img {
width:85%
}

nav.navigation {
padding-left:210px
}

nav.navigation li {
margin:0 20px
}

nav.navigation li ul {
padding-left:10px
}

nav.navigation li a,nav.navigation li span {
font-size:14px
}

li.item-211 ul {
left:815px!important
}
/* SlideShow ISP */
.gkIsWrapper-gk_game figcaption h2{display: block; font-size: 25px;}
.gkIsWrapper-gk_game figcaption p{ font-size: 16px;}
/**************/

#wrapper {
padding:0 10px
}

.alaune h3 {
position:relative!important;
width:100%!important;
margin-left:0!important;
text-align:right!important;
font-size:21px
}

.alaune .nspTopInterface {
width:68.3%!important
}

.accueil .showcase-slide-in {
width:100%
}

.accueil .blog .items-row.cols-2 .column-2 {
width:49%!important;
margin-bottom:0
}

.accueil .blog .items-row.cols-2 .column-1 {
width:49%!important;
margin-bottom:0;
margin-right:2%
}
.actualite .item.column-2 {
	margin-right: 0;	
}
.accueil .showcase-slide-in .overlay p {
margin-top:30px
}

.accueil .showcase .overlay:hover p {
margin-top:0
}

#modulesbottom .nspPagination {
margin-left:60%!important
}

#modulesbottom .nspNext {
margin-left:62%!important
}

#left .moduletable .menu li:nth-child(3n),#right .moduletable .menu li:nth-child(3n) {
margin:0 15px 15px 0 !important
}

#left .moduletable h3,#right .moduletable h3 {
font-size:21px
}
}

@media screen and (max-width: 1024px) {
header #logo img {
width:75%
}

nav.navigation {
padding-left:195px
}

nav.navigation li {
margin:0 15px
}

nav.navigation li a,nav.navigation li span {
font-size:13px
}

li.item-211 ul {
left:700px!important
}

#footer .nav {
width:100%
}
}

@media screen and (max-width: 960px) {
html,#main {
font-size:90%
}

header #logo img {
width:65%
}

#menubg > nav {
display:none
}

#siteWrapper header.fixed #nav {
padding-top:0
}

header nav ul.menu {
display:none
}

.uk-navbar-toggle::after {
background:url(../images/ico-menu-mobile.png) no-repeat scroll 0 0 transparent;
content:"";
display:block!important;
height:39px!important;
width:100px!important;
margin:0 50px 0 0
}

header nav ul {
height:auto
}

header nav ul ul {
background:#fff!important;
box-shadow:0 1px 2px rgba(0,0,0,0.4);
padding-top:0!important;
margin-left:100px
}

.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before {
display:inline-block!important;
height:100%;
vertical-align:middle
}

.uk-navbar-flip {
float:right
}

uk-offcanvas.uk-active {
display:block
}

.uk-offcanvas-page {
position:fixed;
transition:margin-left .3s ease-in-out 50ms
}

.uk-offcanvas-bar-flip {
left:auto;
right:0 -webkit-transform: translateX(100%);
transform:translateX(100%)
}

#nav .menu {
display:none
}

#hidemenu {
display:none;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:1010
}

#hidemenu a {
background:rgba(0,0,0,0.4);
display:block;
height:100%;
width:100%
}

.menumobile ul li a::before {
width:40px;
float:left;
margin-right:5px;
text-align:center
}

.alaune .nspTopInterface {
width:97%!important
}

#right {
width:100%!important;
margin:0!important
}

#right .moduletable {
width:49%;
margin:15px .5%;
height:325px;
display:inline-block;
float:left
}

#left {
width:100%!important;
margin:0!important
}

#left .moduletable {
width:49%;
margin:15px .5%;
height:325px;
display:inline-block;
float:left
}

#main {
width:100%!important
}
}

@media screen and (max-width: 758px) {
html,#main {
font-size:85%
}

body {
padding:0!important
}

header #logo img {
width:50%
}

header .headright {
display:none
}

/* SlideShow ISP */
.gkIsWrapper-gk_game figcaption h2{display: block; font-size: 16px; height: 100%; float: left; width: auto; max-width: 45%;}
.gkIsWrapper-gk_game figcaption h2 a{padding: 0 5px}
.gkIsWrapper-gk_game figcaption p{ font-size: 12px; float: left;}
/**************/

#left .moduletable .menu li:nth-child(3n),#right .moduletable .menu li:nth-child(3n) {
margin:0 5px 15px 0 !important
}

#left .moduletable .menu li,#right .moduletable .menu li {
margin:0 5px 15px 0 !important
}

#left .moduletable h3,#right .moduletable h3 {
font-size:19px
}

#right .moduletable {
min-height:360px;
height:auto
}

#left .moduletable {
min-height:400px;
height:auto
}

#footer .nav {
width:100%!important
}
}

@media screen and (max-width: 524px) {
html {
font-size:80% 
}

header #bartop{
	position: initial;
}
#slide1{
	margin-bottom: 25px;
}
#slide1 .infoslide{
	display: none;
}

#slide1 .slidetitre {
font-size:20px
}

#slide1 .slidetitre span {
font-size:16px
}


/* A LA UNE */
.alaune img {height: auto!important; width: auto!important;}

/* Agenda NSP */
.agenda .nspArt .fleft{width: 100%;}
.agenda .bgagenda {width: 100%;}
.agenda .nspArt img.nspImage{width: 100%!important;}
.agenda .active .nspInfo {margin: 20px auto 0; left: 0; right: 0}


/* SlideShow ISP */
.gkIsWrapper-gk_game figcaption > div {height: 75px; margin-top: 350px;}
.gkIsWrapper-gk_game figcaption h2{display: block; font-size: 16px; height: 35px; float: left; width: auto; max-width: 100%; width: 100%}
.gkIsWrapper-gk_game figcaption h2 a{padding: 0 5px; width: 100%}
.gkIsWrapper-gk_game figcaption p{ font-size: 12px; float: left; width: 100%; padding: 5px;}
/**************/
.accueil .blog .items-row.cols-2 .column-1,.accueil .blog .items-row.cols-2 .column-2 {
width:100%!important;
margin:0 0 25px
}

#right {
width:100%!important;
margin:0!important
}

#right .moduletable {
width:100%;
margin:15px 0;
height:auto;
min-height:100px;
}

#left {
width:100%!important;
margin:0!important
}

#left .moduletable {
width:100%;
margin:15px 0;
height:auto;
min-height:100px;
}

#main {
width:100%!important;
)/contact/contactcont_infocontactcont_messagewidth:100%
}

.actualite .item.column-2{
	width: 100%;
}

footer {
min-height:250px
}

footer nav {
display:none
}

.btn {
display:inline-block;
cursor:pointer
}

.btn-navbar {
display:none;
float:right;
padding:12px 15px;
margin-right:5px;
margin-left:5px
}

.icon-bar {
display:block;
width:18px;
height:3px;
background-color:#CECECE;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}

.icon-bar + .icon-bar {
margin-top:3px
}
}