body {
	background			: #F0EFE7 url('images/fond-container-notre-offre.jpg') fixed repeat top left / cover;
}

.container-notre-offre {
	width				: 1024px;
	height	 			: 768px;
	margin				: auto;
	padding				: 0;
	border-radius		: 15px;
	opacity				: 0.9;
	filter				: Alpha(opacity=90); /* pour IE8- */
	color				: #060;
	text-shadow			: 1.5px 1.5px yellow;
/*	border				: 2px solid red;*/
}

/*
	Styles des éléments figurant dans l'élément ASIDE...
*/

aside #nav-contextual-menu {
	position			: absolute;
	top					: 0;
	left				: 0;
	width				: 100%;
	height				: 100%;
	overflow			: hidden;
/*	border				: 2px solid white;*/
}

#nav-contextual-menu p {
	width				: 98%;
	height				: 8%;
	margin				: 3% 0 0 0;
	padding				: 0;
	font-size			: 1.4em;
	font-weight			: bold;
	text-indent			: 5%;
	color				: #060;
	text-shadow			: 1px 1px yellow;
/*	border				: 2px solid blue;*/
}

#nav-contextual-menu ul {
	margin				: 0 0 0 5%;
	padding				: 0;
	width				: 98%;
	height				: 95%;
	list-style-type		: none;
/*	border				: 2px solid red;*/
}

#nav-contextual-menu li {
	width				: 75%;
	height				: 10%;
	margin				: 0 0 10% 25%;
	background			: #DDD url('images/fond-section-250x750.gif') repeat 25% 25%;
	border-radius		: 10px 0px 0px 10px;
	vertical-align		: middle;
	color				: #000;
	overflow			: hidden;
/*	border				: 2px solid red;*/
}

/*#nav-contextual-menu li {
	width				: 60%;
	height				: 10%;
	margin				: 0 0 10% 40%;
	background			: #DDD url('images/fond-section-250x750.gif') repeat 25% 25%;
	border-radius		: 10px 0px 0px 10px;
	vertical-align		: middle;
	color				: #000;
	font-size			: .9em;
	font-weight			: bold;
	overflow			: hidden;
	border				: 2px solid red;
}*/

#nav-contextual-menu li.default {
	width				: 100%;
	margin				: 0 0 10% 0%;
/*	font-size			: .95em;
	letter-spacing		: .05em;*/
	cursor				: pointer;
}

#nav-contextual-menu li.courant {
	width				: 100%;
	margin				: 0 0 10% 0%;
/*	font-size			: 1em;
	font-weight			: bold;
	font-style			: italic;
	letter-spacing		: 0.1em;
	text-shadow			: .75px 1px #fff;*/
	opacity				: 1;
	filter				: Alpha(opacity=100); /* pour IE8- */
	cursor				: default;
}

#nav-contextual-menu li:hover {
	width				: 100%;
	margin				: 0 0 10% 0%;
/*	font-size			: .95em;
	font-style			: italic;
	letter-spacing		: .05em;*/
	cursor				: pointer;
}

#nav-contextual-menu li.hover {
	width				: 100%;
	margin				: 0 0 10% 0%;
/*	font-size			: .95em;
	font-style			: italic;
	letter-spacing		: .05em;*/
	cursor				: pointer;
}

#nav-contextual-menu a {
	float				: right;
	width				: 100%;
	height				: 80%;
	padding				: 17.5% 0 0 0;
	text-align			: center;
	font-weight			: normal;
	font-style			: normal;
	letter-spacing		: normal;
	text-shadow			: none;
/*	border				: 2px solid blue;*/
}

#nav-contextual-menu a.default {
	padding				: 13% 0 0 0;
	color				: blue;
	font-size			: 1.1em;
	font-weight			: bold;
	font-style			: italic;
	letter-spacing		: .1em;
}

#nav-contextual-menu a.double {
	padding				: 7.5% 0 5% 0;
}

#nav-contextual-menu a:not(.courant):hover {
	padding				: 13% 0 0 0;
	color				: blue;
	font-size			: 1.1em;
	font-weight			: bold;
	font-style			: italic;
	letter-spacing		: .1em;
}

#nav-contextual-menu a:not(.courant).hover {
	padding				: 13% 0 0 0;
	color				: blue;
	font-size			: 1.1em;
	font-weight			: bold;
	font-style			: italic;
	letter-spacing		: .1em;
}

#nav-contextual-menu a.courant {
	padding				: 13% 0 0 0;
	font-size			: 1.1em;
	font-weight			: bold;
}

#nav-contextual-menu a.double:hover {
	padding				: 6% 0 10% 0;
}

#nav-contextual-menu a.double.hover {
	padding				: 6% 0 10% 0;
}

#nav-contextual-menu a.double.courant {
	padding				: 6% 0 10% 0;
}

#nav-contextual-menu a.double.default {
	padding				: 6% 0 10% 0;
}

/*#nav-contextual-menu a {
	float				: right;
	width				: 100%;
	height				: 80%;
	padding				: 22% 0 0 0;
	text-align			: center;
	border				: 2px solid blue;
}

#nav-contextual-menu a:hover {
	padding				: 12% 0 0 0;
}

#nav-contextual-menu a.hover {
	padding				: 12% 0 0 0;
}

#nav-contextual-menu a.courant {
	padding				: 11% 0 0 0;
}

#nav-contextual-menu a.default {
	padding				: 11% 0 0 0;
}

#nav-contextual-menu a.double {
	padding				: 10% 0 5% 0;
}

#nav-contextual-menu a.double:hover {
	padding				: 4% 0 10% 0;
}

#nav-contextual-menu a.double.hover {
	padding				: 4% 0 10% 0;
}

#nav-contextual-menu a.double.courant {
	padding				: 4% 0 10% 0;
}

#nav-contextual-menu a.double.default {
	padding				: 4% 0 10% 0;
}*/

/*
	Styles des éléments figurant dans l'élément SECTION de la rubrique "Notre offre"...
*/

.profil {
	float				: left;
	width				: 225px;
	height				: 225px;
	padding				: 0;
	background			: #FFF url('images/fond-section-250x750.gif') repeat top left;
	border				: 2px solid black;
	border-radius		: 8px;
	box-shadow			: 7px 7px 5px #222;
	overflow			: hidden;
}

#mosaique-profils .profil {
	margin				: 35px 30px 30px 30px; /*35px 30px 30px 30px;*/
}

#mosaique-profils .profil:hover {
	width				: 255px;
	height				: 255px;
	margin				: 20px 15px 15px 15px;
}

#mosaique-profils .profil.hovered {
	width				: 255px;
	height				: 255px;
	margin				: 20px 15px 15px 15px;
}

#mosaique-profils .profil img {
	width				: 90%;
	margin				: 5%;
	padding				: 0;
}

#mosaique-profils .profil img:hover {
	width				: 100%;
	margin				: 0;
	cursor				: pointer;
}

#mosaique-profils .profil img.hovered {
	width				: 100%;
	margin				: 0;
	cursor				: pointer;
}

#detail-profil .profil {
	margin				: 35px 20px 15px 30px;
}

#detail-profil .profil img {
	width				: 90%;
	margin				: 5%;
	padding				: 0;
}

section {
	color				: black;
	font-size			: 1.3em;
	text-align			: justify; 	
}

section p {
	margin				: 1.5em 1.5em 0em 1.5em;
	padding				: 0;
/*	border				: 2px solid red;*/
}

section p.first {
	margin-top			: 2em;
/*	border				: 2px solid blue;*/
}

section p.without-top-margin {
	margin-top			: 0em;
/*	border				: 2px solid blue;*/
}

section ul {
	margin				: 0em 1.5em 0em 2em;
/*	border				: 2px solid green;*/
}

section ul.large-margin-left {
	margin-left			: 15em;
/*	border				: 2px solid green;*/
}