body {
	background-color: #e5b480;
	font-family: 'Noto Sans', sans-serif;
}
.consigne {
	width: 600px;
}
.page {
	background-color: white;
	padding: 10px;
	width: 2100px;
	max-width: none;
	overflow: auto;
}
.page_mot .page, .page_article .page  {
	width:95%;
}
.div_popup {
	display: none;
	width: 500px;
	height: 600px;
	padding: 8px;
	border: 4px solid black;
	background-color: #EFEAE3;
    box-shadow: -5px -4px 4px #888;

	position: absolute;
	overflow: scroll;
}
.popuppage {
	background-color: #EFEAE3;
	padding: 10px;
	width: 98%;
	overflow: auto;
}
.link_closepopup {
	float: right;
	padding: 2px;
	background-color: #fff;
}
.wrapper {
	width: 2100px;
}
.wrapper_popup {
	width: 100%;
}
.wrapper_mots{
	width: 70%;
}
.page_mot .wrapper, .page_article .wrapper  {
	width:65%;
}

.colonne_sommaire {
	width: 470px;
	padding: 5px;
	float:left;
	clear:none;
}
.colonne_nouveau {
	background-color: rgb(254, 248, 232);
}
.colonne_sommaire li {
	padding: 10px;
}
.colonne_droite {
	margin-right: 8px;
}
.colonne_gauche {
	margin-left: 12px;
}
a, a:visited, a:link, .nav li a, .nav li a:visited, .nav li a:link {
	color: #ff5705;
}
a:active, a:focus, a:hover, .nav li a:active, .nav li a:focus, .nav li a:hover, 
	.header .spip_logo_site a:active, .header .spip_logo_site a:focus, .header .spip_logo_site a:hover {
	color: white;
	background-color: #ff5705;
}
.mediamouvant {
	position: absolute;
	z-index: 999;
	width: 500px;
	height: 400px;
	padding: 20px;
}


@media screen and (max-width: 640px) {
	.page {
	/*	width: 95%; */
	}
	
	.div_popup {
		width: 92%;
		height: 600px;
	}

	.wrapper {

	}

	.wrapper_mots {

	}

	.wrapper_popup {

	}

	.colonne_sommaire {
		width: 40%;
		font-size: 85%;
	}

}
@media screen and (max-device-width: 640px) {
	
	.div_popup {
		width: 92%;
		height: 600px;
	}

	.wrapper {

	}

	.wrapper_mots {

	}

	.wrapper_popup {

	}

	.colonne_sommaire {
		width: 40%;
		font-size: 85%;
	}

}