@media all and (max-width: 750px){
	#title_mobile{background-color: #dd5500;} /* Background color of the header: needs to be adapted to the design*/
		
	body {padding-bottom: 0px;}
	#sections_liens {display: none}
	#center {width: auto; margin-top: 0px;}
	#main-top {display:none;}
	#main {margin: 0px; position: relative; background: none; background-color:#fff; padding-bottom: 20px;}
	#connexion {position: absolute; bottom: -100px; width: 100%; height:80px; padding: 10px 0 10px 0; background-color:#362F2D; text-align: center;}
	#connexion #connexion_info{text-align: center; padding:0; color: white;}
	#connexion form{display: block; font-size: 0.7em; color: white; text-align: center; width: 200px; margin: auto;}
	#btnMenu_mobile {width:25px; display: inline-block; position: absolute; top:10px; right:5px;}
	.icon-bar {display: block; width: 18px; height: 3px; background-color: #fff;
				-webkit-border-radius: 1px; /* Ce sont des préfixes, pour que les navigateurs */
				-moz-border-radius: 1px; /* prennent en charge les nouvelles propriétés. */
				border-radius: 1px;}
	.icon-bar + .icon-bar {margin-top: 3px;} /* Le + permet de sélectionner les éléments qui suivent */
	#title_mobile{
		display: block; width: 100%; text-align: center;}
	#title_mobile a{
		font-size:150%; text-align: center; text-decoration: none; color: #fff;}
	#header {display: none;}
	#aside {display: none;
		width: 100%; background: none; padding-right:0; margin:0px 0px -15px 0px}
	#aside .title {
		width: 100%;
		margin-bottom: 0px;
		margin-top: 0px;
		text-align: center;
		padding: 0;
		background-color: #605351;
		background-image: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #eae6e5;}
	#aside ul {margin-left: 0}
	#aside ul li a {width: 100%; padding: 0; background-image: none; text-align: center;}
	#aside ul li a:active {background-color:#7fbf00; color: #fff !important;}
	#content{width: 97%; padding: 0px 0px 0px 5px;}
	#content h1 {text-align: center; font-size: 175%}
	#content .new .info {margin: 0 0 -15px 0; padding: 0;}
	.news_page  {margin: 0 0 0 0; text-align:center;}
	#documents {margin: 0 0 0 0}
	#documents table {margin: 0;}
	#content table th, #content table td{padding: 0 2px 0 2px;}
	.souvenirs-menu{width: 90%;}
	.formulaire label{width: 100%;text-align: center;margin-left: 0;margin-bottom: 0;}
	.formulaire fieldset{width: 90%;margin: auto;background: transparent;}
	#auteur{width:50%;position:relative; left:25%;}
	.captcha{position: relative; margin-top:-10px; float: left;}
	#captcha {position: relative; margin-top:10px;float: right;}
	#livredor_page {margin-left: 40%;}
	.calendrier-titre{width:auto;position: relative;text-align: center;}
	#content h3{margin:0;}
	.calendrier-details-img{display:none;}
	.calendrier-details-contenu{margin:0; padding:0; width:100%;}
	.formulaire .validation{width:100%; position: relative; margin-top:70px; }
	.bbcode {margin-top:0px;}
	.clear {display: none;} /* class="clear" rajoutée pour un bug opéra*/
	#main-bottom {display:none;}
	#footer {width: auto; padding: 1px 10px 0px 10px; margin-top: 100px;}
	.calendrier-details-activite {display: block; width:100%; text-align:center;}

	/* -------- AUTRES --------  */

	.centré {width:100%; font-size:80%; text-align:center;}
	.ok {font-size:80%; border: none; background-color: #fff; background-image:none; margin-bottom:-30px;}
	p.ok {border: none; background-color:#fff; margin:0 5px 0 5px; padding:0; width:auto;}
	.erreur{color: red; font-size: 80%; border: none; background-color: #fff; background-image:none; margin-left:0; padding:0;}
	p.erreur{color: red; font-size: 80%; font-weight: bold;text-align: center;border: none;margin: 0 5px 5px 5px;padding:0;background-color: #fff;}
}