/* Modifications des styles */

h2, .h2 {
  /* font-size: 1.5em; */
  font-size: 1.7em;
}
.header .spip_logo {
	margin-bottom: 0;
	padding-left: 3em;
}
@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}
@media (max-width: 1000px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: .3em;
	}
	
	/* 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;
	}
	.video {width:90%; height:90%;}
	
	/* 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 à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

	.element1,
	.element2 
	.menu{
		float: none;
		width: auto;
	}
		.spip_documents_left {
	    float: none !important;}
	#conteneur { clear: both; float: none; overflow: hidden;width: 100%;margin-bottom:1.60em;border: 1px solid black;background:#4A1A2C ;
}


      .bigger {margin-left: 0;}
   
#navigation { float: none;margin-left:1em; width: 96%; margin-top: 0; position:relative; color:white;font-size:1.6em;}
#extra { display: none;margin-left:1em; margin-top: 0.2em; overflow: hidden; color:white; width:96%;}
.rub_sommaire {
margin-left: 1%;
margin-right: 1%;
float: left;
width: 98%;
text-align: center;
vertical-align: bottom;
margin-top: 0.5em;
margin-bottom: 1em;
font-size: 1.2em;
}


#sommaire_haut_gauche {
width: 98%;
padding-left:0; 
}
#sommaire_haut_droite {
margin-top: 1em;
float:none;
width: 98%;
padding-right:0;
}


.biographie {
    text-align: left;
    font-size: 120%;
    position: relative;
    top: 1em;
    left: 2%;
    width: 98%;
}
      }
.rubriques {margin-right: 12px; }

#socialtags img .socialtags-hover
      {display:none;}
a.accueil #nom_site_spip {text-align:center; }
	
	/* masquer les éléments superflus */

	.hide_mobile {
		display: none !important;
	}
		img.spip_logo {
		/*display: none !important;*/
	}



	
	/* Un message personnalisé */


	body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: white;
	}

}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
  .video {width:90%; height:90%;}
  	img.spip_logo {
		/*display: none !important;*/
	}

}