h1 { line-height:normal; font-size:24px; margin:0; padding:0; display:inline; }
h2 { line-height:normal; font-size:20px; margin:0; padding:0; display:inline; }
h3 { line-height:normal; font-size:18px; margin:0; padding:0; display:inline; }
.warning{padding:5px 30px; margin:auto; margin-bottom:10px; width:80%; clear:both;}
.warning{background:#FBEC88 url(/img/mobile/alerte_message.gif) no-repeat 10px 5px; border:2px dotted red; font-size:12px; color:#000;}
.warning a{ color:#000!important; text-decoration:underline; } 
.ok{padding:5px 30px; margin:auto; margin-bottom:10px; width:80%; clear:both;}
.ok{background:#CEF6D8 url(/img/mobile/icon-boutton-validate.png) no-repeat 10px 5px!important; border:2px dotted #009900!important; font-size:12px; color:#000;}
.ok a{ color:#000!important; text-decoration:underline; } 
.form_erreur { background:#FBEC88; border:1px solid red; }



	
	.carre_menu {
		width:118px;
		height:118px;
		margin:5px;
		padding:5px;
		display:inline-block;
		border:1px solid #000;
		text-align:center;
		color:#FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #242424 /*{a-bar-background-start}*/), to( #8a8a8a /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #242424 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #242424 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #242424 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #242424 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #242424 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/);
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	}
	.carre_menu a, .carre_menu a:hover, .carre_menu a:visited { color:#FFF; display:block; width:118px; height:118px; text-decoration:none;}
	.carre_menu a img { width:80px; }
	.carre_menu:hover {
		border:1px solid #CCC;
			background-image: -webkit-gradient(linear, left top, left bottom, from( #989797 /*{a-bar-background-start}*/), to( #8a8a8a /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #989797 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #989797 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #989797 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #989797 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #989797 /*{a-bar-background-start}*/, #8a8a8a /*{a-bar-background-end}*/);
	-moz-box-shadow: 3px 3px 5px #FFF;
	-webkit-box-shadow: 3px 3px 5px #FFF;
	box-shadow: 3px 3px 5px #FFF;
	}
	.titre_carre { display:block;}
	.un_demi, .un_demi_resa {
		 float:left;
		 width:48%;
background:#cfcece url(../images/back_sous_menu.png) top left repeat-x ;
border:1px solid #CCCCCC;
padding:3px;
margin:2px;
}
.un_demi_form { float:left; width:50%;}
	.left { float:left;}
	.right {float:right;}
	.clear { clear:both; }

/*--------------------------- Page reservation ------------------------------ */
#resa_online { width:480px; margin:auto;}

.bouton_reserver{ max-width:100%;}
/*--------------------------- Fin Page reservation ------------------------------ */
/*--------------------------- Page news ------------------------------ */
.image_news {
	width:80px;
	height:80px;
	margin:5px;
	border:1px solid #CCC;
	float:right;
}	
/*--------------------------- Fin Page new ------------------------------ */

/* Services/transferts.html */

.ul li {
float:left;
width:23%;
margin-right:20px;
}



@media all and (max-width: 800px) {
	.bouton_reserver{ max-width:150px;}
	#resa_online { width:100%;}
	.un_demi_resa{ width:98%;}
	.ul li {
width:45%;
}
@media all and (max-width: 640px) {
	.un_demi {
		width:98%;
	}
	#resa_online { width:100%;}
	.bouton_reserver{ max-width:200px;}
		.ul li {
	width:98%;
	}
}