.img_article {float:left; padding:5px 3px 0 0;}
.article {clear:both;}
.text_rubrique {padding:10px;}
.pub {text-align:center; margin-top:10px; clear:both;}
.entry-title {font-weight:bold;}
.ocre {background-color:#ef90b8; padding:5px; color:#333; font-weight:bold;}
.spip_documents {padding:5px;}

/* Responsive Navigation styles begin here */
nav > input {display: none}

/* Old Android bugfix */
body {  -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix {  from {padding:0;}  to {padding:0;} }

@media (max-width: 2000px) {

	/* Theming nav */	
	nav ul {
		position: absolute;
		width: 70%;
		top: 1rem; 
		z-index: 1;
		background-color:#392500;
		padding:10px;
		
		/* translate closed nav with hardware acceleration */
		-webkit-transform: translateX(-110%) translateZ(0);
		-ms-transform: translateX(-110%) translateZ(0);
		        transform: translateX(-110%) translateZ(0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.72,.89,.28,1.39);
		        transition: transform .3s cubic-bezier(.72,.89,.28,1.39);
		will-change: transform;

		/* global styles */
		margin: 0;
		border-radius:10px;
		list-style: none;
	}
	nav a {
		display: block;
		padding: 1.2rem;
		color: #fff;
		background: #B02119;
		text-decoration: none;
		margin-bottom: 2px;
		border-radius:5px;
	}
	nav a:hover, 
	nav a:focus,
	nav a:active
	{
		background: #222;
	}
	
	/* Theming opened nav */
	/* handling clic with CSS3 checked */
	nav > input:checked ~ ul {
		-webkit-transform: translateX(0) translateZ(0);
		-ms-transform: translateX(0) translateZ(0);
		        transform: translateX(0) translateZ(0);
	}

	/* Global styling nav button */	
	nav > label {
		position: absolute;
			top: .8rem; right: 1rem;
		z-index: 1;
		height: 4rem; width: 4rem;
		background-color: transparent;
		
		padding: 0;
		outline: 0;
		border: 1px solid #333;
		border-radius: 50%;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: -webkit-transform .2s;
		        transition: transform .2s;
	}
	
	nav > label::after, nav > label::before {
		content: "";
		position: absolute;
		top: 15%; right: 40%; bottom: 15%; left: 40%;
		background-color: #333;
		border-radius: 10px;
		-webkit-transition: -webkit-transform .2s;
		        transition: transform .2s;
	}
	nav > label::before {
		top: 40%; right: 15%; bottom: 40%; left: 15%;
	}
	
	
	/* Theming opened nav button */	
	nav > input:checked + label,
	nav > input:checked + label::before {
		-webkit-transform: rotate(90deg) translateZ(0);
		-ms-transform: rotate(90deg) translateZ(0);
		        transform: rotate(90deg) translateZ(0);
	}
	

	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}
	
}


	/* Switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}



/* BONUS deco */


/* Global deco */
html {font-size: 62.5%;}
body {
	margin: 0;
	color: #000;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.5;
}
section {
	position: relative;
	margin-top: 1rem;;
	padding: 1rem;
	background: #fff;
}

ul {padding-left: 1em; list-style-position: inside}
section li {list-style: none;}



/* orientation */
@media (orientation: landscape) and (max-device-width: 767px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
}

pre {
	-moz-tab-size: 4;
    -o-tab-size: 4;
	     tab-size: 4;
    padding: 1em;
    margin: auto 1em;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.1);
    background: rgba(255,255,255,.6);
    white-space: pre-wrap;
	word-wrap: break-word;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
	line-height: 1em;
}
.contact {background-color:#392500; padding:10px 5px; margin:10px 0 40px; border-radius:10px; text-align:center;}
.contact a {color:#fff;}