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

/*
//	... Mise en page de la marque DataDock...
*/

.marque-Datadock {
	position			: absolute;
	width				: 40%;
	height				: 100%;
	top             	: 50px;
	left				: 0;
	margin				: 0;
	padding				: 0;
	z-index  			: -1;
/*	border				: 2px solid white;*/
}

.marque-Datadock img {
	height				: 50%;
	margin				: 2% 5% 2% 5%;
	padding				: 0;
}

.container-formation-domotique {
	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;*/
}

.container-descriptif, .container-programme,
.container-calendrier, .container-devis {
	position			: absolute;
	top					: 0;
	left				: 0;
	width				: 94%;
	height	 			: 100%;
	margin				: 0;
	padding				: 0 .5em 0 1.5em;
	color				: black;
	font-size			: 1.3em;
	text-align			: justify;
	text-shadow			: none;
	overflow			: hidden;
/*	border-radius		: 15px;
	border				: 2px solid blue;*/
}

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

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

#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.default {
	width				: 100%;
	margin				: 0 0 10% 0%;
	cursor				: pointer;
}

#nav-contextual-menu li.courant {
	width				: 100%;
	margin				: 0 0 10% 0%;
	opacity				: 1;
	filter				: Alpha(opacity=100); /* pour IE8- */
	cursor				: default;
}

#nav-contextual-menu li:hover {
	width				: 100%;
	margin				: 0 0 10% 0%;
	cursor				: pointer;
}

#nav-contextual-menu li.hover {
	width				: 100%;
	margin				: 0 0 10% 0%;
	cursor				: pointer;
}

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

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

#nav-contextual-menu a:not(.courant):hover {
	padding				: 13% 0 0 0;
}

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

#nav-contextual-menu a.double {
	padding				: 7.5% 0 5% 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;
}

/*******************************/

ul {
	margin-top			: 0;
/*	border				: 2px solid green;*/
}

/*
	Styles des chapitres composant la SECTION de la rubrique "Nos formations"...
*/

.chapitre {
	margin				: 0;
	padding				: 0;	
/*	border				: 2px solid blue;*/
}

.chapitre p {
	margin				: 0;
	padding				: 0;	
}

.chapitre-titre {
	font-size			: 1.1em;
/*	border				: 2px solid red;*/
}

.chapitre-titre.ferme {
	color				: #33F;
}

.chapitre-titre.ouvert {
	color				: black;
}

.chapitre-titre p, .chapitre-titre p.contenu {
	margin				: 0;
	padding-top			: .5em;
	padding-bottom		: .5em;
	font-size			: .9em;
}

.chapitre-titre p:first-of-type, .chapitre-titre p.contenu:first-of-type {
	padding-top			: 1.25em;
/*	border				: 2px solid red;*/
}

.chapitre-titre ul {
	float				: right;
}

.chapitre-titre ul, .chapitre-titre p.titre {
	top					: 0;
	right				: 0;
	margin-top			: 0;
	margin-bottom		: .25em;
	width				: 100%;
	height				: 100%;
	font-weight			: bold;
	list-style-type		: none;
/*	border				: 2px solid green;*/
}

.chapitre-titre li {
	display				: inline;
}

.chapitre-titre li, .chapitre-titre p.titre {
	margin				: 0;
	font-size			: .9em;
/*	border				: 2px solid red;*/
}

.chapitre-titre li:first-of-type a {
	vertical-align		: sub;
/*	border				: 2px solid red;*/
}

.chapitre-titre img {
	height				: 18pt;
/*	cursor				: pointer;
	border				: 2px solid black;*/
}

.arborescence {
	cursor				: pointer;
}

.chapitre-contenu {
	margin				: 0;
	padding				: 0;
	font-size			: .95em;
	display				: none;
/*	border				: 2px solid black;*/
}

.visible {
	display				: inline;
}

.invisible {
	display				: none;
}

.chapitre-contenu p {
	margin				: 0;
	padding				: 0 .5em .5em 2em;
/*	border				: 2px solid yellow;*/
}

.chapitre-contenu p {
	margin				: 0;
	padding				: 0 .5em .5em 2em;
/*	border				: 2px solid yellow;*/
}

.container-programme .chapitre-contenu table {
	width				: 100%;
	margin				: 0;
}

.container-programme .chapitre-contenu tr {
	width				: 100%;
	margin				: 0;
}

.container-programme .chapitre-contenu td {
	width				: 50%;
	vertical-align		: text-top;
}

.container-programme .chapitre-contenu td.titre {
	width				: 12%;
	padding				: 0 .5em 0em 2em;
	color				: black;
	font-size			: 1em;
	font-weight			: bold;
	font-style			: italic;
/*	text-decoration		: underline;*/
}

.container-programme .chapitre-contenu td.titre-complement {
	width				: 38%;
	padding				: 0 1.5em .5em 2em;
	text-align			: right;
	font-size			: .9em;
	font-style			: italic;
	font-weight			: bold; 
}

.container-programme .chapitre-contenu td.contenu:not(:first-of-type) {
	border-left			: 2px solid blue; 
}

.container-programme .chapitre-contenu table.objectifs {
	width				: 90%;
	margin				: 0;
}

.container-programme .chapitre-contenu .indicateurs {
	position			: absolute;
	top					: 110px;
	right				: 8px;
	height 				: 225px;
	padding				: 0;
	overflow			: hidden;
/*	border				: 2px solid green;*/
}

.container-programme .chapitre-contenu table ul {
	margin				: 0;
	padding				: 0 1.5em .5em 3em;
/*	border				: 2px solid red;*/
}

.container-devis .chapitre-contenu table {
	width				: 100%;
	margin				: 0;
}

.container-devis .chapitre-contenu tr {
	width				: 100%;
	margin				: 0;
}

.container-devis .chapitre-contenu td.titre,
.container-devis .chapitre-contenu td.titre-double {
	font-size			: .85em; 
	font-weight			: bold;
}

.container-devis .chapitre-contenu td.titre {
	width				: 100px;
}

.container-devis .chapitre-contenu td.valeur {
	width				: 250px;
}

.container-devis .chapitre-contenu td.titre-double,
.container-devis .chapitre-contenu td.valeur-double {
	width				: 350px;
}

.container-devis .chapitre-contenu td.separateur {
	width				: 10px;
}

.container-devis .chapitre-contenu td.groupe {
	font-size			: 1em;
	padding-top			: 10px;
	padding-bottom		: 10px;
}

.calendrier {
	margin				: 0;
	padding-top			: .85em;
	font-size			: .95em;
}

.calendrier form {
	margin				: 0;
	padding-top			: .5em;
}

.calendrier form table {
	width				: 75%;
	font-size			: .95em;
}

#formation-knx-partner {
	margin				: 0;
	padding				: .2em 0 .4em .9em;
	background-color	: #2952A3; 
	color				: white;
	font-size			: .9em;
	border-radius		: 5px;
/*	border				: 2px solid #5F6B02;*/
}

#formation-knx-advanced {
	margin				: 0;
	padding				: .2em 0 .4em .9em;
	background-color	: #5F6B02; 
	color				: white;
	font-size			: .9em;
	border-radius		: 5px;
/*	border				: 2px solid #2952A3;*/
}
		
#loading-gcal {
	position			: absolute;
	top					: 20px;
	right				: 20px;
	display				: none;
}

#gcal {
	width				: 820px;
	max-width			: 820px;
	margin				: 0 auto;
	background-color	: white; 
	font-size			: .8em;
	border-radius		: 10px;
	border				: 2px solid #555555; 
}

em.cout {
	color				: blue;
	font-weight			: bold;
	font-style			: normal;
/*	text-decoration		: underline;*/
}

em.telephone {
	color				: blue;
	font-weight			: bold;
	font-style			: normal;
/*	text-decoration		: underline;*/
}

/*
	Styles des logo figurant au bas de la SECTION des rubrique "Nos formations"...
*/

.logo-ext {
	position			: absolute;
	bottom				: 25px;
	right				: 8px;
	height 				: 80px;
	padding				: 0;
	overflow			: hidden;
/*	border				: 2px solid green;*/
}

.logo-ext img {
	height				: 75px; 
	border-radius		: 8px;
	border				: 2px solid #2952A3;
}

.version-date {
	position			: absolute;
	bottom				: 5px;
	right				: 8px;
	height 				: 30px;
	padding				: 0;
	font-size			: 0.7em;
	font-weight			: bold; 
	text-shadow			: none;
	overflow			: hidden;
/*	border				: 2px solid green;*/
}

/*
	Styles du bouton figurant au bas de la SECTION de la rubrique "Nos formations/Demandez votre devis"...
*/

.bouton img {
	height				: 45px;
}

.bouton {
	position			: absolute;
	bottom				: 45px;
	right				: 175px;
	height				: 45px;
	padding				: 0;
	overflow			: hidden;
	z-index				: 10; 
	cursor				: pointer;
}

sub, sup {
	font-size			: .6em;
	font-weight			: bold;
}

div.note {
	position			: absolute;
	bottom				: 30px; /* 85px; */
	font-size			: .9em;
	font-style			: italic;
}

mark.radio {
	font-size			: .9em;
	background-color	: transparent;
}

.devis {
	margin-top			: -10px;
}

/*.chapitre-titre p img {*/
img.info {
	height				: 18pt;
	vertical-align		: sub;
/*	cursor				: text;*/
	opacity				: .9; 
}


		/*
		//	... Mise en page des évènements concernant les champs de saisie...
		*/

.devis input {
	width				: 100%;
	font-size			: .75em;
	border-radius		: 5px;
}

.devis input.radio {
	width				: auto;
}

.devis select {
	width				: 102%;
	font-size			: .8em;
	border-radius		: 5px;
}

.devis input:disabled, select:disabled, textarea:disabled {
	opacity				: 0.75;
	filter				: Alpha(opacity=75); /* pour IE8- */
/*	background-color	: #DDD;*/
}

.devis input:focus, select:focus, textarea:focus {
	border				: 2px solid blue;
	box-shadow			: none;
}

.devis input:invalid:focus, select:invalid:focus, textarea:invalid:focus,
       input.invalid:focus, select.invalid:focus, textarea.invalid:focus {
	border				: 2px solid red;
	color				: red;
	background-color	: #FFC;
	box-shadow			: none;
}

.devis input:invalid, select:invalid, textarea:invalid,
       input.invalid, select.invalid, textarea.invalid {
	border				: 1.2px solid red;
	color				: red;
	background-color	: #FF9;
	box-shadow			: none;
}