@media screen and (max-width:1350px){

		#fildariane{
			font-size: 2.2em;
		}

}


@media screen and (max-width:1300px){


		.bloc_title{
			font-size: 0.8em;
		}

}


@media screen and (max-width:1220px){
	#menu{
		font-size: 0.9em;
	}

	#fildariane{
		font-size: 2em;
		padding-top:10px;
	}

	.lienReservation{
		font-size: 1.0em;
	}

	.bloc_trajet ul {
		font-size: 0.9em;
	}

}


@media screen and (max-width:1120px){
	#menu{
		font-size: 0.8em;
	}

	#fildariane{
		font-size: 1.8em;
	}

}


@media screen and (max-width:1080px){
	#menu{
		font-size: 0.9em;
	}


	.bloc_title{
		font-size: 0.7em;
	}

	.form_public{
		width:80%!important;
	}

}


@media screen and (max-width:1024px){


		.lienReservation{
			font-size: 1.0em;
		}

	#logo {
		width:60%;
	}

		#rwd_logo{
			display: block;
		}

		#rwd_slogan{
			display: block;
		}

	#fildariane{
			font-size: 2.2em;
			width:81%;
			height:110px;

	}
	#contact_right{
		height:110px;
		padding-top:15px;
		margin-top:0;
	}

	#switch_menu{
		display:block;
	}

	#menu{
		font-size: 1em;
		display: none;
		z-index:1000000;
		position:absolute;
		width:100%;
		height:500%;
	}

	#contenu_public{
		width:100%;
	}


	.bloc_title{
		font-size: 0.8em;
	}

	#element_detail{
		width:100%;
	}

}

@media screen and (max-width:950px){

	#fildariane{
			font-size: 2.0em;
	}


	#mapmenu {
		width:100%;
		display:block;
		clear:both;
	}

	#mapid {
		width:100%;
		display:block;
		clear:both;
	}



	.mapmenu_element_div{
		width:49%;
		margin-right:1%;
		display: inline-block;

	}

}


@media screen and (max-width:850px){

	#fildariane{
			font-size: 1.8em;
	}

	.half_bloc{
		width:48%!important;
	}

	.bloc_title{
			font-size: 0.9em;
	}


	.half_bloc_menu{
			width:48%!important;
	}

	.bloc_title_pages{
		font-size: 0.9em;
	}



}


@media screen and (max-width:780px){



		.bloc_trajet ul {
			font-size: 0.8em;
		}

	#fildariane{
			font-size: 1.8em;
			width:81%;
	}


	#contact_right{
		font-size:0.7em;
	}

	#horaires_et_tarifs_form_content select{
		font-size:0.8em;
	}

	#type_trajet_0{
		font-size:0.9em;
	}

	#type_trajet_1{
		font-size:0.9em;
	}

	#horaires_et_tarifs_form .horaires_et_tarifs_selected{
		padding:10px 7%;
	}

	#horaires_et_tarifs_form .horaires_et_tarifs_type_trajet{
		padding:10px 7%;
	}

	.calendar_month{
		width:30%;
		margin:0 0.5%;
	}

	#calendar_arrow_prev_div{
		margin-right:0;
	}

	#calendar_arrow_next_div{
		margin-left:0;
	}

	.intitule.green, .intitule.red, .intitule.grey{
		font-size: 0.8em!important;
	}

	.btn_reserver{
		font-size:0.9em!important;
	}
}


@media screen and (max-width:720px){

		#fildariane{
				font-size: 1.6em;
		}

		#contact_right{
			font-size:0.6em;
		}

		.element_galerie li{
			width:48%;
		}


		#resultats_horaires{
			display: block;
		}

		#mapidhoraires{
			display: block;
			width:90%;
			margin:0 auto;
		}

		#resultats_horaires{
			width:auto;
		}

		#resultats_horaires .lienTousLesTrajets{
			padding-bottom: 20px;
		}

}



@media screen and (max-width:640px){

	#fildariane{
			font-size: 1.4em;
			width:100%;
			float:none;
			display: block;
			text-align: center;
			padding:0;
			height:auto;
	}

	#contact_right{
		float:none;
		width:100%;
		display: block;
		clear:both;
		text-align: center;
		/*height:auto;*/
	}

	.TA_socialButtonBubbles{
			float:none;
			line-height: 100%;
	}

	.socialWidgetContainer{
		display: block!important;
	}

	#meteo_here{
		text-align: center;
		font-size: 1.5em;
	}

	.icons_social{
		margin:0 5%;
	}

	#weather_temperature,#weather_current, #weather_vent, #weather_humidite{
		margin: 0 5%;
	}

	.slogan_main{
		font-size: 0.9em;
	}

	.bloc_title{
			font-size: 0.85em;
	}


	.bloc_title_pages{
			font-size: 0.85em;
	}


	.calendar_days div.day_element{
		padding:0;
	}

	#calendar_arrow_prev_div{
		display: block;
		margin-bottom:10px;
	}

	#calendar_arrow_next_div{
		display: block;
		margin-top:10px;
	}

}


@media screen and (max-width:600px){
	#agenda_acc h3{
		width:30%;
	}



	#mapidhoraires {
		height:350px;
		width:98%;
		margin:10px auto;
		border:1px solid #efefef;
	}

	#resultats_horaires{
		width:98%;
		margin:0 auto;

	}

}

@media screen and (max-width:550px){

	.bloc_title{
			font-size: 0.75em;
	}

	.bloc_title_pages{
			font-size: 0.85em;
	}

	.agenda_acc_elements{
		text-align: center;
	}


	#type_trajet_0{
		font-size: 0.7em;
	}

	#type_trajet_1{
		font-size: 0.7em;
	}

	.calendar_month{
		width:40%;
		margin:0 1% 10px 1%;
	}

	.lienReservation{
		font-size: 1.1em;
	}

}

@media screen and (max-width:500px){

	#fildariane{
			font-size: 1.2em;
	}

	.agenda_acc_elements{
		text-align: center;
	}

	.half_bloc{
		width:98%!important;
	}

	.half_bloc_agenda{
			width:90%;

	}

	.bloc_title{
			font-size: 1em;
	}


	.half_bloc_menu{
			width:98%!important;
	}

	.bloc_title_pages{
		font-size: 1em;
	}

	.element_galerie li{
		width:98%;
	}

	.image_titres{
/*		font-size: 1.1em;*/
	}

	.lienReservation{
		font-size: 1em;
	}

	.bloc_trajet ul {
		font-size: 0.9em;
	}


}



@media screen and (max-width:400px){

	#fildariane{
			font-size: 1em;
	}


	.slogan_main{
			font-size: 0.8em;
	}


		#type_trajet_0{
			font-size: 0.6em;
		}

		#type_trajet_1{
			font-size: 0.6em;
		}
}