<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les Ã©lÃ©ments de largeur fixe) en largeur automatique */
	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux Ã©lÃ©ments potentiellement problÃ©matiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* cÃ©sure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage Ã&nbsp; la ligne forcÃ© */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage Ã&nbsp; la ligne spÃ©cifique pour les Ã©lÃ©ments Ã&nbsp; chÃ¢sse fixe */
	}
	
	/* Passer Ã&nbsp; une seule colonne (Ã&nbsp; appliquer aux Ã©lÃ©ments multi-colonnes) */

	.element1,
	.element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les Ã©lÃ©ments superflus */

	.hide_mobile {
		display: none !important;
	}
}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}
@media screen and (max-width: 480px){
    /* Ici du code s'appliquant aux Ã©crans de moins de 480 pixels de large */
    img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	    max-width: 100%;
	}

	img{
		/*display: none;*/
	}
	h1 {
	    font-size: 3rem;
	    padding: 0;
	    margin: 20px 0;	
	}
	h2 {    
		font-size: 2.3rem;
	    padding: 0;
	    margin: 30px 0 0;
	}
	h3 {
	    font-size: 1.8rem;
	    margin: 6px;
	}
	h4 {
	    font-size: 1.4rem;
	    margin: 0;
	    padding: 0;
	}
	#descriptionTitleH1 {
	    padding: 0;
	    margin: 10px 0;
	}
	.conteneurGlobal {
	    max-width: 100%;
	    width: 100%;
	}
	#contentImage{
		/*display: none;*/
		max-width: 100%;
	}
	.logo {
	    width: 100%;
	    margin: auto;
	    text-align: center;
	}
	.logo img {
		margin: 10px;
	    width: 200px;
	    text-align: center;
	}
	.contentRight{
		float: none;
	    width: 100%;
	    padding-left: 10px;	
	}
	.content{
	    font-size: 1.4em;
    	padding: 15px 0 0;
	}
	.conteneurPage {
    	width: 100%;
	    max-width: 100%;
	}
	.bandeau {
	    width:100%;
	    margin:0;
	}
	.pourInfos a {
	    padding: 10px;
	    font-size: 1.1rem;
	}
	.pourInfos {
	    font-size: 1rem;
	}
	/* FOOTER */
	.airbnb {
    	width: 100%;
    	height: auto;
    }
	.airbnb a{
    	color:#002F6E;	
    }
	.like {
    	width: 100%;
	}
	.comments {
    	width: 100%;
	}
	.comments form{
		padding-left: 0px;
	}
	.detailCommz{
		font-size: 1rem;
	}
	.font_tableauA {
	    width: 100%;
		max-width: 100%;
    	font-size: 0.9rem;
	}
	.font_tableauB {
	    width: 100%;
		max-width: 100%;
    	font-size: 0.9rem;
	}
	.detail{
    	font-size: 1.2rem;
	}
	.header .bandeau img {
	    margin-top: 160px;
	}
	.addthis_toolbox{
		display: none;
	}
	/* SOUS MENU TELEPHONE */
	#menulinks{
		display: none;
	}
	#menucontact{
		display: none;
	}
	.menu ul#menu li{
		width: 100%;
	}
	.menu {
	    font-size: 17px;
	    margin-left: -1px;
	    margin-top: -260px;
	    margin-bottom: 236px;
	}
	#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul {
	    left: -72px;
	    top: 48px;
	    width: 100%;
	}
	#menu .subact ul li ul {
    	margin-left: -5px;
	}
	/* SPEC ACCUEIL */

	.miseenavantacc{
		margin:auto; 
		text-align:center; 
		padding-left:0px;
	}
	.box2ImgAcc {
	    padding: 10px;
	    margin-left: 0px;
	    width: auto;
	}
	.box2ImgAcc {
	    font-size: 1rem;
	}
	.box2ImgAcc a {
	    font-size: 1rem;
	}
	.titreRubAcc {
	    font-size: 1.6rem;
	}
	.descRubAcc {
	    font-size: 1.1rem;
	    margin-top: -26px;
	}
	.lienRubAcc {
	    font-size: 1.3rem;
	    margin-top: 0px;
	}

	.boxImgAcc {
	    background-color: #A0B7C5;
	    float: left;
   		height: auto;
	    margin:0 10px 20px 10px;
	    width: unset;
	} 
	.boxImgAcc .rolloverAcc{
		margin: auto;
	}
}</pre></body></html>