
<style type="text/css">
.reset {
	
}



@media (max-width: 1200px) {
header section h2 {
font-size:20px;
}
nav li a {
font-size:16px;
}

}

@media (max-width: 1100px) {
.loisir section .nb_bloc4 {
height:auto;
}

.loisir section .nb_bloc4 .bloc{
width: 300px;
margin: auto;
float: none;
clear: both;
display:block;
margin-bottom:30px;
}

.loisir section .nb_bloc4 .contenu_hover {
position:relative;
top:inherit;
left:inherit;
right:inherit;
margin:auto;
margin-bottom:40px;
display:block;
}

.loisir section .nb_bloc4 #contenu_poutre, .loisir section .nb_bloc4 #contenu_sol, .loisir section .nb_bloc4 #contenu_barre {
right:inherit;
left:inherit;
}

.loisir section .nb_bloc4 .contenu_hover img, .loisir section .nb_bloc4 #contenu_poutre img, .loisir section .nb_bloc4 #contenu_sol img {
left: calc(50% - 15px);
}
}


@media (max-width: 1000px) {
nav span, .menu_couleur, footer, #panier_ajax { 
display:none;
}	
	
header section h2 {
font-size:18px;
}

header section a.partenaire1 {
right:0;
bottom:60px;
}

/* --- Header et nav ---*/




.bt_nav {
	right:10px;
	top:10px;
	display:block;
	position:absolute;
	z-index:9999;
	background-color:#3463a7;
	color:#FFFFFF;
	font-family:'icone';
	font-size:3rem;
	padding:5px;
	text-decoration:none;
}
.bt_nav:hover {
	background-color:#83aad5;
}

.logo {
margin:60px auto 10px auto;
width:250px;
height:130px;
}

nav {
height:100%;
width:100%;
position:fixed;
left:-100%;
top:0;
background:#3463a7;
z-index:9000000;
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
margin:0;
}



nav li {
float:left;
list-style:none;
text-align:left;
text-decoration:none;
background:#3463a7;
width:100%;
margin:0;
}

nav li a {
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
display:block;
line-height:20px;
padding:10px;
font-size:1.3em;
text-indent:20px;
font-family:'typo2', arial;
border:inherit;	
}

nav li a:hover, .nav_select {
border-bottom:none;
background:#83aad5;
}



.effet_nav {
opacity:1;
left:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
}


/* --- Contenu ---*/


.nb_bloc4 section .bloc, .nb_bloc4 section .bloc:nth-of-type(n+1) {
width:calc(50% - 30px); !important
}

.nb_bloc4 section .bloc:nth-of-type(2), .nb_bloc4 section .bloc:nth-of-type(4)  {
width:calc(50%);
margin-right:0;
}

/* --- Article ---*/
.page_article .partage {
position:relative;
position: relative;
width: 100%;
top: inherit;
height: auto;
padding: 20px;
}
.colonne_contenu .bloc_album_photo {
padding:0;
}

.colonne_contenu a.album_photo {
height:120px;
}
.colonne3 .bloc, .albumphoto .bloc_album {
width:calc(50% - 30px)
}
.colonne_contenu .taille_petit {
width:100%;
}

.colonne1 .bloc_visuel img {
max-width:400px;	
}




.subnav, #sub_nav1, #sub_nav2, #sub_nav3, #sub_nav4, #sub_nav5 {
position:relative;
width:100%;
display:block;
opacity:1;
left:0;
top:0;
visibility:visible;
height:auto;
}

.activite {
background-size:contain;
}

.article section .bloc .bloc_image {
background-size:contain;
background-color:#ebebeb;
}


.activite section h3 {
width:calc(100% - 30px);
margin-bottom:20px;
font-size:1.5rem;
}
.activite section {
height:530px;
}

.article section .bloc .bloc_image {
background-size:center bottom;
}



.slide_loisir section .nb_bloc1 {
width:calc(100% - 100px);
}

.article section .bloc {
width:calc(100% - 30px);
margin-bottom:30px;
}
}


@media (max-width: 600px) {


.home0 section .bloc { 
flex-direction: column;
}

.home0 section .bloc .encart { 
width:100%;
margin-bottom:30px;
}

.article section .bloc {
width:100%;
margin:0 0 30px 0;
}
.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure img {
width:100%;
}

.activite section {
height:500px;
}

header section h2, header section a {
display:none;
}

.slide_home .nb_bloc1 .bloc_slide ul {
height:250px;
}

.slide_home .nb_bloc1 .bloc_slide ul li {
height:250px;
background-size:cover;
}

.slide_home a.fleche_slide {
height:250px;
line-height:250px;
}
.loisir section .nb_bloc4 .contenu_hover, .bande section p {
width:100%;
}

.slide_loisir {
display:none;
}

.bg_degrader section p {
padding:0 20px;
}

}

@media (max-width: 400px) {


}

</style>