/* Personnalisation site */

/** Généralités */

/* funny calculations:
   X margin of the left of main: calc(100% - 960px / 2) (as 960px is the max-width of the element, but note only if display > 95% OR 2.5% (if < 960px)
   Y aside is 24% wide (from width of main)
   
   --> zone begins at: X + (960px * 0.75)
   
   #ffff33
*/
body {
		background-color: #d9b3ff;
}
@media (min-width: 641px) {
	body {
		background-image: linear-gradient(to right, transparent, transparent calc((100% - min(960px, 95%)) / 2 + min(960px, 95%) * 0.74), #ffd633 calc((100% - min(960px, 95%)) / 2 + min(960px, 95%) * 0.75), #ffd633 100%);	
	}
}

header {
		background-image: url("./img/cloudbg.png");
		background-size: auto 100%;
		background-repeat: repeat-x;
		/* border: px solid #888888; */
		border-radius: 20px;
		padding-top: 130px;
		padding-left: 20px;
		height: 200px;
}

#nav {
	position: absolute;
	top: 10px;
	right: 20px;
}

#slogan {
		font-style: italic;
}

.hyperlien {
	border-radius: 10px;
	background-image: url("./img/downloadbg_bar.png");
	background-size: 100% 100%;
	background-position: top left;
}

.spip_document_image img {
	border-radius: 5px;
}

.spip_document_image a:hover {
	background-color: transparent;
}

aside .on {
	border-radius: 5px;
	background-color: #ff9900;
	padding-left: 10px;
	padding-right: 10px;
}

.spip_code {
    color: black;
    text-shadow: unset;
}

/** Page rubrique */

/** Page article */

/** Page brève */

/** Page sitemap */