<style type="text/css">

/*-------------------------------------------------------------------------- Defaut ---------------------------------------------------------------------------*/
.reset {
	
}


/* ----------------- Version Reponsive --------------*/
@media (max-width: 1250px) {
footer section li a {
font-size:0.7rem;
}

nav li a {
font-size:1rem;
padding: 0 8px;
}
.rubrique_footer .colonne3 .bloc h3, .rubrique_footer .colonne3 .bloc h3 span {
font-size:1.7rem;	
}

.seance_rubrique .bloc {
min-height:150px;
}

}
@media (max-width: 1150px) {
.contenu_home_1 .colonne2 .bloc {
width:100%;
border:none;
padding:0;
margin:0 0 20px 0;
}

.contenu_home_1 .colonne2 h2 {
text-align:center;
padding:0;
}

}


@media (max-width: 1000px) {
.rubrique_footer .colonne3 .bloc h3, .rubrique_footer .colonne3 .bloc h3 span {
font-size:1.4rem;	
}	
	
.sophro1 .colonne2 .bloc {	
width:100%;	
margin-left:0;
}

.sous_menu {
width:100%;
}	
	
nav li a {
font-size:0.8rem;
}
	
.colonne1 .colonne_gauche, .colonne1 .colonne_droite, .colonne1 .colonne_contenu {
width:100%;
margin:0 0 20px 0;
}

.colonne_contenu .bloc_album_photo {
padding:0;
}

.colonne_contenu a.album_photo {
height:120px;
}

.colonne4 .bloc, .colonne6 .bloc, .colonne6 .bloc:last-child {
width:calc(50% - 30px);
}
.bloc_home4 .bloc {
min-height:350px;
}
.seance_rubrique .bloc {
min-height:170px;
}
}

@media (max-width: 900px) {
.rubrique_footer .colonne3 .bloc {
width:70%;
margin-left:15%;
border-right:none;
padding-bottom:20px;
}

.rubrique_footer .colonne3 .border {
border-bottom:1px solid #cdb283;
}

.rubrique_footer .colonne3 .bloc h3, .rubrique_footer .colonne3 .bloc h3 span {
font-size:2rem;
}



}


@media (max-width: 800px) {

.papillion {	
position:relative;
margin:0 auto 20px auto;	
display:block;
left:auto;
top:auto;
}

.seance_rubrique .bloc {
min-height:50px;
}

.contenu_home_1 .colonne2 h3, .contenu_home_1 .colonne2 h3 span	{
font-size:3rem;
line-height:40px;	
}

.contenu_home_1 .colonne2 .bloc_image {
background-size:contain;
}

	
nav ul {
width:auto;
}
	
.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure {
margin-bottom:20px;	
}

.colonne_contenu .taille_petit {
width:100%;
}

.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;
}
	
	
.colonne1 .bloc_visuel img {
max-width:400px;	
}
	
header, .contenu, footer {
padding:0;
}
	
header, header section  {
background:none;
height:auto;
padding:20px;
margin:0;
}

header section {
padding:0px;
}

.colonne_contenu a.album_photo {
height:180px;
width:calc(50% - 20px);
}



.bt_nav {
	right:0px;
	top:0px;
	height:60px;
	width:60px;
	display:block;
	font-size:0px;
	letter-spacing: -100px;
	text-indent:-9999px;
	position:absolute;
	z-index:9999;
	background: url(../images/interface/nav_mobile.png) no-repeat center center #486e85 ;
}
.bt_nav:hover {
	background-color:#92c6d4;
}

.logo {
position:relative;
margin:10px auto;
left:0;
top:0;
margin:0;
cursor: default;
}
	
.logo:hover {	
opacity:1;
}

.colonne2 .bloc {
width:calc(100% - 30px);
}

.colonne2 .bloc_article {
width:300px;
margin:0 auto 30px auto;
display:block;
}


.bloc_home_4 .bloc, .bloc_home_1 {
min-height:10px;
}

.drapeau {
right:80px;
top:0;
}

	
nav span, .menu_couleur, footer, .colonne1 .colonne_gauche, .colonne1 .colonne_droite { 
display:none;
}
	

nav {
height:100%;
width:100%;
position:fixed;
left:-100%;
top:0;
background:#486e85;
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:#486e85;
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.1em;
text-indent:20px;
font-family:'typo2', arial;
border:none;
}

nav li a:hover, .nav_select {
background:#92c6d4;
border:none;
line-height:20px;
}

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

.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
padding:0;
}

.colonne3 .bloc, .colonne3 .bloc:last-child, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc, .colonne6 .bloc:last-child {
width:calc(100% - 30px);
}

.bloc {
float:none;
}

.bloc p {
text-align:justify;
}

.carte_interactive .point .bloc_interne {
width:150px;
}


 .contenu_home_2 .colonne2 .bloc {
width:calc(100% - 30px);
padding-top:20px;
 }
 
 .sophro1 .colonne2 .bloc {
width:calc(100%);
 } 
 
.contenu_home_2 .colonne2 .bloc_image {
width:calc(100%);
}


.rubrique_footer .colonne3 .bloc {
width:70%;
margin-left:15%;
border-right:none;
padding-bottom:20px;
}

}


@media (max-width: 600px) {
.contenu_home_1 .colonne2 {	
padding:0 20px;	
}

	
.contenu_home_1 .colonne2 .bloc_image {
background-size:50%;
}	
	
	
.colonne1 .bloc_visuel img {
max-width:300px;	
}

.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure img  {
max-width:300px;	
}

.logo, .logo span {
font-size:1.4rem;
margin-right:30px;
background-image:none;
padding:0;
width:80%;
}


.contenu_home_3 .colonne1 .bloc h2, .contenu_home_3 .colonne1 .bloc h3, .contenu_home_3 .colonne1 .bloc h3 a {
font-size:1.8rem;
}

.rubrique_footer .colonne3 .bloc h3, .rubrique_footer .colonne3 .bloc h3 span {
font-size:1.5rem;
}

.sophro1 .colonne2 .bloc h3, .sophro1 .colonne2 .bloc h3 span {
font-size:2rem;
line-height:35px;
margin-bottom:20px;
}

.ligne-papillon {
display:block;
width:100%;
margin:20px auto;
}


}

@media (max-width: 400px) {
.colonne1 .bloc_visuel img {
max-width:200px;	
}
}

</style>