@media handheld and (max-width: 650px), screen and (max-width: 650px), screen and (max-device-width: 650px)  {
		
		#navigation.with-image-logo #logo {width:129px}
	
		#navigation.with-image-logo #logo img {
			position:absolute;
			left:0;
			top:50%;
			margin-top:-22.5px;
		}
	
		.in-slide-content strong{
			font-size:22px;
			line-height:24px;
		}
		
		#navigation{
			height:80px;
		}
		
		#navigation ul#menu {
			top:4px;
		}

		#navigation #logo a{
			height:73px;
		}
		
		
		h2{
			font-size:30px;
			line-height:35px;
		}
		

		h2:before {top: 36px}
		
		h4{
			font-size:20px;
			line-height:22px;
		}
		
		h5{
			font-size:16px;
			line-height:18px;
		}
		
		.copyright h5{
			width:80%;
			margin:0 auto;
		}
		
		.destinations-1 h2{
			margin-top:10px;
			font-size:40px;
			line-height:35px;
		}
		
		div[class^='testimonials-'] h2{
			width:80%;
			margin:0 auto;
		}
		
		div[class^='testimonials-'] .container {
			width:100%;
			padding:0 0 0 0;
		}
		
		body nav.primary ul li a{
			padding:0 10px;
		}

		div[class^='testimonials-'] ul {height:auto}
		div[class^='testimonials-'] ul li {display:block;height:auto;padding:0}
		div[class^='testimonials-'] ul li .image {display:block;width:100%;max-width:100%;margin:0 auto;float:none}
		div[class^='testimonials-'] ul li .image img{display:block;margin: 0 0 20px 0;}
		div[class^='testimonials-'] ul li .testimonial {display:block;width:auto;padding: 20px 0 0 0;left:0}
			/* Player Home */
		.player_home {width:440px}
		.player_home_nav li {width:100%;height: 51px}
		.player_home_container {position:relative;background:#000;overflow: hidden}
		.player_home_container li iframe{min-height:60% !important}
		
		body nav.primary ul li a{font-size:18px}
		
		nav.primary ul{
			margin-top:0
		}
		
		.container .one_third{
			width:90%
		}
		
		.footer .clearfix{
			width:auto
		}
		
		#cboxContent #cboxTitle{
			font-size:14px;
			line-height:16px;
			width:55%;
			display:none
		}
		
		
		#colorbox .page_interne {margin-top:64px !important}
		
		body .page_interne .project_content .two_third, body .page_interne .project_content .one_third{
			width:90%;
		}
		
		body .page_interne .last ul{
			margin-top:0
		}
		
		body .page_interne .project_content .last ul li.LVisite, body .page_interne .project_content .last ul li.LResa, body .page_interne .project_content .last ul li.LTarifs{
			width:50%;
			margin-left:100px;
			margin-bottom:5px
		}
		
		body .webservices_tarifs{
			display:none;
		}
		
		.plan_heb h3{
			font-size:18px;
			line-height:18px;
		}
		
		.container .one_third{
			width:100%;
			height:auto;
			margin-right:0;
			text-align:center;
		}
		
		.container .one_fourth{
			width:45%;
			height:auto;
			margin-right:5%;
		}
		
		
		.avis_p_interne .avis_clients{
			width:100%;
		}
		
		.blocparallax{
			font-size:200%;
		}
		#logosBandeau {display:none}
		.actus {width:94%;margin:0 auto;float:none}
		#colonne_reseaux {width:90%}
		.wall {width: 100%;margin:20px auto;}
	}



@media screen and (max-width: 640px){
	.page_interne.new .project_content {  min-height:0 !important;  position:static; width:100%; padding:10px; 	box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
	.page_interne.new .leftside  { padding:10px; min-height:0 !important; }
	.posthead.project  { text-align:center;   }
	.posthead.project .meta { min-height:0; margin-bottom:0; border:0; }
	.posthead.project .social { position:static; border-bottom:1px solid #ebebeb; padding-bottom:20px; margin:10px 10px 20px 10px; }
	
	.mc-image {
		background-size: 100% auto;
	}

	
	#navigation ul#menu {
		top: 5px;
	}
	
	.yellow_strip {
		display:none !important;
	}
	
	.logo_yelloh {
		left: 10px !important;
		bottom: 75px !important;
	}
	
	.img_bretagne {
		top: 150px;
	}
	
	#home #arrow_left, #home #arrow_right {
		top: 10px;
		height: 35px;
		width: 35px;
	}
	
	#home #arrow_left {
		left: 10px;
	}
	#home #arrow_right {
		left: 50px;
	}
	
	.in-slide-content strong {
		font-size:14px;
		line-height:14px;
	}
	
	.partages {margin-top:-59px;margin-right:-10px;clear:both}
	.partages {display:none !important}
	.utils {display:none !important}
	.flex-control-nav {display:none !important}

	.mini_moteur {width:60%;top:80px;margin-left:-35%}
	.mini_moteur .input_resa {padding:3px}
	.mini_moteur .input_resa #begin, .mini_moteur .input_resa #end {width:44%;display:inline-block}
	.mini_moteur .close_moteur {left:-10px;right:auto;top:-26px}
	
	#IdLiens ul {position:relative;left:auto;margin-left:100px;width:auto;list-style:none;padding:5px 0 0 0}
	#IdLiens ul li {width:auto;height:auto;margin:0 0 0 30px;background:#FFF 0px 0px no-repeat;display:block;float:none}
	#logosBandeau {display:none}
	
	#navigation{
		height:46px;
	}
	
	#navigation ul#menu {width:200px;margin:2px 0 0 8px}
	#navigation #logo a {height: 46px}
	.heading-and-icon img {display: block;margin:0 auto;float:none}
	.bloc_reservation {display:none;width:100%;margin-left: -50%}
	.bloc_reservation.displayed {display:block !important}
	.bloc_reservation ul {margin-top:0;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:100%;margin:0 auto;padding:30px 0 10px 0}
	.bloc_reservation ul li {font-size: 9px;display:inline-block;float:none;margin: 0 2.5px}
	.reservation h2, .reservation p {display:none}
	.bloc_reservation input, .bloc_reservation select {font-size: 9px;margin: 4px 0;float:none}
	.bloc_reservation select {height: 25px}
	.bloc_reservation input {height: 17.5px}
	.bloc_reservation select#AVP_list_hotels {width: auto;min-width: 0}
	.bloc_reservation input#AVP_list_days {width: auto;min-width: 0}
	.bloc_reservation input#AVP_list_ddays {width: auto;min-width: 0}
	.bloc_reservation select#selectedAdultCount {width: 180px;min-width:0}
	.bloc_reservation input#availpro_search {width: 95%}
	.toggle_resa {display:block;position:absolute;bottom:5%;background:#8197a5; padding:8px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;z-index:999;text-decoration:none;font-size:120%;font-weight:bold;font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;left:50%;margin-left:-88px}
	.close_resa {display:block;position:absolute;top:0;right:0;background:#8197a5; padding:4px 8px;display:block;z-index:999;text-decoration:none;font-size:120%;font-weight:bold;font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topright: 7px;border-top-right-radius: 7px}
	.resa_fixe {display:none}
	.social_buttons {top: 2px;right: 12px;width:128px}
	.social_buttons a {width: 26px}
	.drapeaux {right:34px}

	#arrow_left, #arrow_right {
		top: 6px;
		height: 35px;
		width: 35px;
		bottom: auto;
		right: auto;
	}
	#arrow_left {
		left: 10px
	}
	#arrow_right {
		left: 50px
	}
	

	
	.portfolio a {}
	
	.portfolio {
		position:relative !important;
		float:none;
		overflow:auto;
		width: 100% !important;
		display:block;
		
	}
	
	.portfolio li { 
		width:47% !important;
		
	}
	
	/* Formulaire */
	div.wpcf7 div.form_pt1, div.wpcf7 div.form_pt2 {float:none;width:90%;margin:20px auto}

	
	/* R&ésidences */
	#map-canvas {position:relative !important;width: 80% !important;margin:20px auto;float:none;display:block;height: auto !important}
	.toggle_carte {display:none}
	.portfolio .infos_residence p {display:block;visibility:visible;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;opacity:1;line-height:normal;margin: 14px 0}
	.separator-ct .container p{font-size:160%;line-height:normal}
	.carousel_testimonials {width:90%;margin:20px auto 0 auto}
	.pois, #map-canvas2 {width:80%;float:none;}
	.pois{width:80%;margin:0 auto}
	#map-canvas2 {margin:20px auto 20px auto}
	.pois h3 {font-size:135%}
	.clients .client {width:100%}
	
	.newsletter_accroche {float:none;width:94%;position:relative;margin:20px auto}
	.widget_wysija_cont {float:none;width:94%;margin:20px auto}
	.widget_wysija_cont input[type="text"]{width: 70%;margin: 20px auto;float: none;display: block;}
	.widget_wysija_cont .wysija-submit {width:100%;float:none;margin:20px auto}
	
	.basdepage {width:100%}
	
	.sticky-wrapper {
		position:relative
	}
	
	.studyo {top: 46px;}
	h1 { font-size: 10px; line-height:12px}
    h2, body #c-infos-pratiques .fondvert h2 { font-size: 24px; line-height:24px}
	h2 {margin-bottom:0;width: 65%;margin: 0 auto;text-align:center}
	.page_interne h2 {text-align:left;width:auto}
	h2:before {display:none}
    h3 { font-size: 24px; line-height:24px; margin-top:15px}
    h4 { font-size: 18px; line-height:18px}
    h5 { font-size: 14px; line-height:14px}
	.newsletter_accroche h2 {font-size: 30px;}
	body .prev, .t-prev {display:block;float:left}
	body .next, .t-next {display:block;float:right}
	.media_content {min-height:248px;height:248px}
	.project_content {margin:0;padding:15px}
	.page_destinations .colonne_gauche, .page_destinations .colonne_droite {width:auto}
	.page_destinations .colonne_droite {margin:0}
	#cboxTitle span {width: 70% !important}
	
	#cboxHeader {padding:10px 0 10px 0}
	.ctrl_btns {bottom:0;margin-left:0}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {background-image: url(../images/sprites.png);background-repeat: no-repeat;width: 30px;height: 32px;bottom: 88%}
	.flex-direction-nav .flex-prev {background-position: -20px -2px;right:15%;left:auto}
	.flex-direction-nav .flex-next {background-position: -48px -2px}
	.colonne_gauche,  .colonne_droite {width:450px}
	.carousel-index a {float:none;text-align:center;width:100%;margin:4px 0}
	.carousel-index a:hover:before, .carousel-index a.clic:before {display:none}
	.moteur_resa {width:40%}
	.vous_aimerez {width:39%}
	#itineraire {position: absolute;top: 100%;width: 35%;left: 20px;overflow: visible;background-color: #759cc2;color: #ffffff;z-index: 999999;margin: 0;padding: 10px}
	.hebergements .hebergements_res {display: block;float: none}
	.hebergements .hebergements_res .diaporama{margin: 10px auto;float: none}
	.infos-heb {width:auto;margin:0}
	.destinations-navigation, .nav-t {top:148px;width:100%}
	#cboxTitle:after {content: "";position: relative;display: block;margin: 6px 0 10px 12px;height: 6px;width: 60px;background: #e85412;float: left;clear: right;margin-left: 10px;}
	#formulaire_disponibilites div.wpcf7 .demande_dispos {width:258px;margin-left:-150px}
	div.wpcf7 p {font-size:14px;line-height: 15px}
	div.wpcf7 input[type="date"], div.wpcf7 input[type="number"], div.wpcf7 textarea, div.wpcf7 select, div.wpcf7 input[type="text"], div.wpcf7 input[type="email"], div.wpcf7 input[type="tel"] {margin: 5px 0 2px 0;height: 16px}
	div.wpcf7 input[type="submit"] {font-size: 15px;}
	body.single-post .blog{padding: 0 0 0 0 }
}