
<style type="text/css">
.reset {
	
}



@media (max-width: 1250px) {

nav li a {
font-size:16px;
padding: 0 2px;
}

}


@media (max-width: 1000px) {
nav span, .menu_couleur, footer, #panier_ajax { 
display:none;
}	

body {
background:none;
}

/* --- Header et nav ---*/
header {
padding:0 10px;
background:none;
}

header section {
background:none;
height:auto;
overflow:hidden;
padding:0;
}

.bt_nav {
	right:10px;
	top:10px;
	display:block;
	position:absolute;
	z-index:9999;
	background-color:#FFFFFF;
	color:#06326d;
	font-family:'icone';
	font-size:3rem;
	padding:5px;
	text-decoration:none;
}
.bt_nav:hover {
	color:#5483c1;
}

.logo {
width:120px;
position:relative;
height: 140px;
    margin-bottom: 20px;
}

header section h2, header section h3 {
text-align:center;
position:relative;
right:inherit;
top:inherit;
}

header section h2 {
margin:0 0 10px 0;
}

header section h3 {
margin:0 0 20px 0;
}


nav {
height:100%;
width:100%;
position:fixed;
left:-100%;
top:0px;
background:#5483c1;
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;
padding-top: 40px;
}


 .bt_fermer_mobile {
font-family:'icone';
display:block;
color:#FFFFFF;
position:absolute;
right:10px;
top:10px;
text-decoration:none;
font-size:26px;
 }

 .bt_fermer_mobile:hover { 
 color:#edf3fc;
 }

nav li {
float:left;
list-style:none;
text-align:left;
text-decoration:none;
background:#5483c1;
width:100%;
margin:0;
border:none;
}

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:none;
}

nav li a:hover, nav li a.nav_select {
background:#edf3fc;
border:none;
}

.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; 
}

.agenda section .bloc {
height:auto;
padding:10px 10px 10px 30px;
border:none;
}

.agenda section .bloc h3 {
margin-bottom:0px;
}


.home0 .bloc  {
width:100%;
height:auto;
}


.home0 .slide_home .bloc_slide { 
height:600px;
width:100%;
}


.article section .bloc .bloc_image {
background-size:contain;
}

.home0 .bloc .bloc_flex {
width:100%;
margin:auto;
height:auto;
}



/* --- 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;
}

.article section .bloc {
width:100%;
margin:0 0 30px 0;
}
.no_site {	
display:block;	
}
.no_mobile {	
display:none;	
}
a.footer_microweb {
display:block;
margin-bottom:20px;
font-size:12px;
color:#333;
text-align:center;
}

.contact2 section .titre {
width:50%;
}

}

@media (max-width: 850px) {
form.formulaire {
width:100%;
margin:0;
}
}



@media (max-width: 600px) {
h2 {
font-size:1.5rem;
}

.contact section .titre h2 {
font-size:17px;
}

.presentation section .bloc {
margin:0;
}

.presentation0 {
background:none;
}

.presentation3 {
margin-bottom:20px;
}

.bureau2 section .bloc_gauche .bloc_titre {
width:100%;
}

.bureau2 section .bloc_gauche h3 {
margin-bottom:20px;
padding-bottom:20px;
}

.bureau2 section .bloc_droite {
margin-bottom:20px;
}

.membre section .bloc {
margin:0 0 20px 0;
}

.membre section .bloc .info {
padding:30px 20px 0 20px;
}

.membre section .bloc .bande_grise h2 {
padding-top:60px;
padding-left:130px;
}

.home0 .slide_home .bloc_slide, .home0 .slide_home .bloc_slide ul , .home0 .slide_home .bloc_slide ul li { 
height:300px;
}





header section h2, header section h3 {
font-size:18px;	
}


.bande section .bloc, .bande section .bloc:nth-of-type(n+1) {
width:100%; !important
margin:0 0 20px 0;
}

.home0 section .bloc { 
flex-direction: column;
}

.home0 section .bloc .encart { 
width:100%;
margin-bottom:30px;
}

.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure img {
width:100%;
}
.colonne_contenu .taille_ a.album_photo {
height:125px;
width: calc(50% - 20px);
}

.remonter {
bottom:5px;
right:5px;

}

}

@media (max-width: 400px) {


}

</style>