/* TEXTES : COULEURS */

#page h1
{
	color: #d2b32f;
}
#page a, #page b
{
	color: #e4201d;
}

#page p
{
	color: #000000;
}

#page b.green
{
	color: #55aa55;
	text-decoration: underline #55aa55;
}
#page b.red
{
	color: #ee5555;
}
#page b.yellow
{
	color: #ccaa22;
	text-decoration: underline #ccaa22;
}


#page b.green a, #page b.red a, #page b.yellow a
{
}

#footer p
{
	color: black;
}
#footer a
{
	color: black;
}

#header a
{
	text-decoration: underline;
	font-weight: 200;
	font-style: normal;
	color: black;
}



/* TEXTES : ALIGNEMENTS */

#page h1.left
{
	text-align: left;
}
#page h1.right
{
	text-align: right;
}
#page p
{
	text-align: justify;
}
#footer p
{
	text-align: center;
}
#header p
{
	text-align:center !important;
}


/* TEXTES : POLICES */

#page h1,
#page p,
#footer p,
#header p,
#nextmarche p
{
	font-family: 'Raleway', sans-serif;
}

#page h1
{
	line-height: 100%;
	font-weight: 200;
}

#page p,
#footer p,
#nextmarche p
{
	line-height: 150%;
	font-weight: 300;
}
#page p.list
{
	line-height: 100%;
}

#page a
{
	font-weight: 300;
	font-style: italic;
}

#page b
{
	font-weight: 500;
}

#nextmarche p
{
	text-align: center;
}



/* GEOMETRIE */

body, html, #page, #page div, #page p, #page h1, #footer p, #header, #header p, #nextmarche, #nextmarche p
{
	margin: 0;
	padding: 0;
}

#header
{
	background: #e0dcd0;
	width: 100%;
	background-image: url('img/logo.jpg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#nextmarche
{
	background: #cea54b;
	width: 100%;
}

#header div
{
	top: 72%;
	position: relative;
	width: 100%;
}

#page h1,
#page p
{
	width: 100%;
}

#page .out
{
	width: 50%;
	padding-bottom: 37.5%;
	float: left;
	position: relative;
	overflow: hidden;
}
@media (orientation: portrait)
{
	#page .out
	{
		width: 100%;
		padding-bottom: 75%;
	}
}

#page .img.odd
{
	left: -50%;
}
#page .txt.odd
{
	left: 50%;
}
@media (orientation: portrait)
{
	#page .odd
	{
		left: 0 !important;
	}
}

#page .img.in
{
	width: 100%;
	height: 150%;
	position: absolute;
	background-size: cover;
	background-position: center center;
}

#page .txt.in
{
	width: 90%;
	height: 90%;
	padding: 5%;
	position: absolute;
}

#footer
{
	background: #e0dcd0;
}



/* DIVERS */

#page
{
	opacity: 0;
}

body
{

	cursor: default;
}