<!-- 


/* ******************************************************************************************************************** */
/*		BALISES PRINCIPALES
/* ******************************************************************************************************************** */

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

body.section-image {
	}

#conteneur {
	display: block;
	overflow: hidden;
	margin: 0px auto;
	width: 98%;
	min-width: 900px;
	max-width: 1100px;
	}

a { 
	color: #3366ff;
	}

a:hover {
	color: #ee0000;
	text-decoration: underline;
	}

img { 
	border: 0px; 
	}

ul.bloc-liens { 
	}

/* li.puce-puce { list-style-image: url("../../images/pictos/picto_puce.gif"); } */
li.puce-excel { list-style-image: url("../../images/pictos/picto_excel.gif"); }
li.puce-pdf { list-style-image: url("../../images/pictos/picto_pdf.gif"); }
li.puce-powerpoint { list-style-image: url("../../images/pictos/picto_powerpoint.gif"); }
li.puce-txt { list-style-image: url("../../images/pictos/picto_txt.gif"); }
li.puce-word { list-style-image: url("../../images/pictos/picto_word.gif"); }

select {
	max-width: 100%;
	}

form input[type=text] {
	max-width: 100%;
	}

.erreur,
.faux { 
	color: #ff0000;
	font-weight: bold;
	}

.attention { 
	color: #ff8800;
	font-weight: bold;
	}


/* ******************************************************************************************************************** */
/*		TEMPLATE STANDARD (PAGE ET SIMILAIRES):
/* ******************************************************************************************************************** */

#bloc-gauche {
	float: left;
	width: 18%;
	margin-bottom: 50px;
	}

#bloc-droite {
	float: right;
	width: 75%;
	margin-bottom: 50px;
	}

#bloc-pub {
	float: right;
	margin-top: -120px;
	margin-bottom: 40px;
	}


/* ******************************************************************************************************************** */
/*		TEMPLATE: IMAGE
/* ******************************************************************************************************************** */

#bloc-image {
	height: 800px;
	}

#bloc-image table {
	width: 100%;
	height: 98%;
	border: none;
	}

#bloc-image td {
	text-align: center;
	font-size: small;
	}

#bloc-image em {
	font-weight: bold;
	font-style: italic;
	}


/* ******************************************************************************************************************** */
/*		TEMPLATE: DOSSIER IMAGES (VIGNETTES)
/* ******************************************************************************************************************** */

#bloc-vignettes {
	padding: 80px 40px;
	}

#bloc-vignettes h1 {
	margin: 40px 0px 20px 0px;
	/* border-bottom: 1px solid; */
	font-size: 1.2em;
	font-weight: normal;
	}

#bloc-vignettes h1 em {
	font-weight: bold;
	font-style: italic;
	}

#bloc-vignettes h1 a {
	}


/* ******************************************************************************************************************** */
/*		MODULE: HEADER
/* ******************************************************************************************************************** */

#header {
	border-bottom: 1px solid #bbbbbb;
	padding: 15px 0px 10px 0px;
	margin-bottom: 40px;
	}

#header .logo {
	/* display: table-cell; */
	/* height: 180px; */
	/* vertical-align: bottom; */
	}

#header .logo img {
	border: none;
	}

#header .coordonnees {
	float: right;
	font-size: 0.88em;
	color: #999999;
	text-align: right;
	}

#header .coordonnees a:link, 
#header .coordonnees a:visited {
	color: #999999;
	text-decoration: none;
	}

#header .coordonnees a:hover {
	color: #ee0000;
	text-decoration: underline;
	}

#header .form {
	float: right;
	margin: 0px 10px 0px 0px;
	text-align: right;
	color: #999999;
	font-size: 0.8em;
	}

#header .form .rch1 {
	display: none;
	}


/* ******************************************************************************************************************** */
/*		MODULE: FOOTER
/* ******************************************************************************************************************** */

#footer {
	clear: both;
	margin: 50px 0px;
	border-top: 1px solid #bbbbbb;
	padding: 10px 0px;
	font-size: 0.88em;
	color: #bbbbbb;
	text-align: center;
	}

#footer a:link, 
#footer a:visited {
	color: #bbbbbb;
	text-decoration: none;
	}

#footer a:hover {
	color: #bbbbbb;
	text-decoration: underline;
}

#footer .copyright {
	}

#footer-print {
	display: none;
	}


/* ******************************************************************************************************************** */
/*		MODULE: NAV-PRINCIPAL (MENU PRINCIPAL)
/* ******************************************************************************************************************** */

.nav-principal {
	font-size: 0.9em;
	}

.nav-principal ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.nav-principal li {
	list-style: none;
	border: 1px solid #bbbbbb;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	}

.nav-principal li.nouvelle-ordonnance {
    background: #ffff00;
	}

.nav-principal a:link,
.nav-principal a:visited {
	display: block;
	padding: 6px;
	color: #3366ff;
	text-decoration: none;
	}

.nav-principal li.actif a {
	background: #f3f3f3;
	color: #000000;
	font-weight: bold;
	}

.nav-principal li.passif a {
	color: #3366ff;
	font-weight: normal;
	}

.nav-principal li.actif a:hover,
.nav-principal li.passif a:hover {
	color: #ee0000;
	background: #efe4e2;
	}

/* OPTIONS DE 2e NIVEAU */

.nav-principal li.passif ul {
	display: none;
	}

.nav-principal li.actif ul {
	padding: 0px;
	}

.nav-principal li.actif ul li {
	border: none;
	margin: 0px;
	font-size: 0.9em;
	}

.nav-principal li.actif ul li a:link,
.nav-principal li.actif ul li a:visited {
	padding: 4px 4px 4px 15px;
	}

/* CAS PARTICULIER DES OPTIONS DE 2e NIVEAU 'FILIERES' */

.nav-principal li.filieres ul li {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #bbbbbb;
	font-size: 1em;
	}

.nav-principal li.filieres ul li a:link,
.nav-principal li.filieres ul li a:visited {
	margin: none;
	padding: 6px;
	}

.nav-principal li.filieres ul li.actif a[href*="duale3ans"] { background: #cdf1fd; }
.nav-principal li.filieres ul li.actif a[href*="dixhuitmois"] { background: #bffdbb; }
.nav-principal li.filieres ul li.actif a[href*="mpc3plus1"] { background: #fdc2b5; }
.nav-principal li.filieres ul li.actif a[href*="ep2plus1"] { background: #fdf8a2; }
.nav-principal li.filieres ul li.actif a[href*="article32"] { background: #fbd6a5; }
.nav-principal li.actif a[href*="cours_sta_uf"] { background: #fbd3fc; }
.nav-principal li.actif a[href*="cours_afp_adb"] { background: #f996ce; }

/* OPTIONS DE 3e NIVEAU (FILIERES) */

.nav-principal li.filieres ul li.actif ul li {
	border: none;
	margin: 0px;
	font-size: 0.9em;
	}

.nav-principal li.filieres ul li.actif ul li a:link,
.nav-principal li.filieres ul li.actif ul li a:visited {
	padding: 4px 4px 4px 15px;
	}


/* ******************************************************************************************************************** */
/*		MODULE: NAV-TOP-ACTU (COLONNE DE DROITE) 
/* ******************************************************************************************************************** */

.nav-top-actu {
	padding: 12px;
	}

.nav-top-actu .topbox {
	margin-top: 20px;
	margin-bottom: 10px;
	border: 0px;
	padding: 0px;
	color: #bbbbbb;
	font-size: 0.86em;
	}

.nav-top-actu .topbox h3 {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #bbbbbb;
	font-size: 1em;
	/* font-weight: normal; */
	/* letter-spacing: 2px; */
	}

.nav-top-actu .topbox h3 a {
	color: #bbbbbb;
	text-decoration: none;
	}

.nav-top-actu .topbox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

.nav-top-actu .topbox li {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #bbbbbb;
	}

.nav-top-actu .topbox li a {
	color: #bbbbbb;
	text-decoration: none;
	}

.nav-top-actu .topbox a:hover {
	text-decoration: underline;
	}

.nav-top-actu .reseaux {
	margin: 25px 0px 0px 0px;
	}

.nav-top-actu .reseaux span {
	display: block;
	}

.nav-top-actu .reseaux a {
	text-decoration: none;
	}

.nav-top-actu .video {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	}


/* ******************************************************************************************************************** */
/*		MODULE: ARTICLE
/* ******************************************************************************************************************** */

.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.3;
	}


/*		BALISES GENERALES:
/* ************************************************************ */

.article h1 {
	font-weight: normal;
	font-size: 2.4em;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	}

.article h1.t1 { font-size: 2.4em; }
.article h1.t2 { font-size: 2.2em; }
.article h1.t3 { font-size: 2em; }

.article h2 {
	font-weight: normal;
	font-size: 2em;
	margin: 30px 0px 30px 0px;
	padding: 0px;
	}

.article h3 {
	font-weight: normal;
	font-size: 1.6em;
	margin: 30px 0px 6px 0px;
	padding: 0px;
	}

.article h4 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	}

.article h5 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 10px 0px;
	padding: 0px;
	}

.article h6 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 0px;
	padding: 0px;
	}

.article p {
	margin: 0px;
	padding: 0px 0px 12px 0px;
	}

.article li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.article blockquote {
	border: 1px solid #000000;
	margin: 0px 0px 20px 0px;
	padding: 10px 20px;
	}

.article .texte {
	width: 85%;
	}

.article .actu-date {
	margin-top: 50px;
	border-top: 1px solid #bbbbbb;
	padding-top: 10px;
	}


/*		FORMULAIRES:
/* ************************************************************ */

.article form {
	/* font-size: small; */
	}

.article form fieldset,
.article form .fieldset-box {
	border: none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dotted #bbbbbb;
	}

.article form legend,
.article form .fieldset-legend {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 1.3em;
	font-weight: normal;
	}

.article form .rubrique {
	padding: 0px 0px 12px 0px;
	/* border-bottom: 1px dotted #bbbbbb; */
	}

.article form .rubrique ul {
	margin: 0px;
	padding: 0px;
	}

.article form .rubrique-bouton {
	padding: 3px;
	}

.article form .label,
.article form .label-confirm {  /* Pour les <span> qui contiennent le label d'une rubrique text. */
	display: inline-block;
	width: 22%;
	vertical-align: top;
	}

.article form .label-confirm {  
	color: #bbbbbb;
	}

.article form .asterisque {  /* Pour les <span> qui contiennent l'asterisque d'une rubrique text. */
	display: inline-block;
	width: 3%;
	vertical-align: top;
	color: #ee0000;
	}

.article form .input {  /* Pour les <span> qui contiennent une rubrique text. */
	display: inline-block;
	width: 70%;
	vertical-align: top;
	}

.article form .coche {  /* Pour les <span> qui contiennent une rubrique coche (radio/checkbox). */
	display: inline-block;
	width: 6%;
	vertical-align: top;
	}

.article form .coche-label {  /* Pour les <span> qui contiennent le label d'une rubrique coche. */
	display: inline-block;
	width: 90%;
	vertical-align: top;
	padding-bottom: 10px;
	}

.article form input[type=text] {
	font-size: 0.9em;
	}

.article form input[type=file] {
	font-size: 0.9em;
	background: #eeeeee;
	padding: 2px 4px;
	margin-bottom: 5px;
	}

.article form textarea {
	width: 100%;
	padding: 3px;
	font-size: 1.2em;
	}

.article form input[type=text]:focus,
.article form input[type=password]:focus,
.article form textarea:focus {
	background: #f3f3f3;
	}

.article form select {
	font-size: 0.9em;
	}

.article form input[type=submit] {
	margin: 15px 15px 15px 0px;
	padding: 4px;
	font-size: 1.2em;
	font-weight: bold;
	}

.article form input[type=submit][name=retour] {
	font-size: x-small;
	font-weight: normal;
	}

.article form .type-cours {
	font-weight: bold;
	/* text-decoration: underline; */
	color: #3366ff;
	font-size: 1.2em;
	}

.article form .type-cours-2023a {
	color: #158e41;
	}

.article form .type-cours-2023b {
	color: #6e1d93;
	}

body.section-cours_stauf_12_cfc .article form .submit,
body.section-cours_formateurs_23 .article form .submit,
body.section-cours_afp_adb_2012 .article form .submit,
body.section-cours_afp_2023 .article form .submit { 
	/* Validation de la 2e étape. */
	position: fixed;
	right: 3px;
	bottom: 3px;
	width: 300px;
	background: #eeeeee;
	text-align: center;
	}
body.section-cours_stauf_12_cfc .article form .submit input[type=submit],
body.section-cours_formateurs_23 .article form .submit input[type=submit],
body.section-cours_afp_adb_2012 .article form .submit input[type=submit],
body.section-cours_afp_2023 .article form .submit input[type=submit] {  
	color: #ffffff;
	background: #ff0000;
	padding: 8px 15px;
	}


/*		TABLEAU-DOCUMENTS:
/* ************************************************************ */

.tableau-documents, 
.tableau-documents th, 
.tableau-documents td {
	font-size: 0.95em;
	}

.tableau-documents table {
	width: 100%;
	/* margin: 0px; */
	/* padding: 0px; */
	/* border: none; */
	}

.tableau-documents td,
.tableau-documents th {
	border-right: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	margin: 0px;
	padding: 4px;
	}

.tableau-documents td {
	background: #f3f3f3;
	}

.tableau-documents th {
	text-align: left;
	font-weight: bold;
	}

.tableau-documents th.entete-annee {
	background: #888888;
	color: #ffffff;
	}

.tableau-documents th h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.tableau-documents td.vide {
	background: #ffffff;
	}

.tableau-documents td.nouveau {
	color: #ee0000;
	font-weight: bold;
	text-transform: uppercase;
	}

.tableau-documents th.limite, 
.tableau-documents td.limite {
	border-left: 3px solid #ee0000;
	}

.tableau-documents a:link, 
.tableau-documents a:visited {
	color: #3366ff;
	text-decoration: none;
	}

.tableau-documents a:hover {
	color: #ee0000;
	text-decoration: underline;
	}


/*		BOITES (euh... plus utilise?):
/* ************************************************************ */

.boite-1,
.boite-2,
.boite-3,
.boite-4 {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin: 0px 10px 10px 0px;
	border: 1px solid #bbbbbb;
	padding: 10px;
	font-size: 0.92em;
	}

.boite-1 h3,
.boite-1 h4,
.boite-1 h5,
.boite-2 h3,
.boite-2 h4,
.boite-2 h5,
.boite-3 h3,
.boite-3 h4,
.boite-3 h5,
.boite-4 h3,
.boite-4 h4,
.boite-4 h5 {
	margin: none;
	padding: none;
	font-size: 1.1em;
	font-weight: bold;
	}

.boite-1 {
	background: #eeffe3;
	}

.boite-2 {
	background: #e3eeff;
	}

.boite-3 {
	background: #ffe3ff;
	}

.boite-4 {
	background: #ffeee3;
	}


/*		ACCUEIL & BOITES ACTU:
/* ************************************************************ */

.accueil-droite {
	float: right;
	width: 50%;
	margin-left: 10px;
	}

.accueil-gauche {
	float: left;
	width: 45%;
	}

.accueil-15-droite {
	float: right;
	width: 40%;
	margin-left: 20px;
	}

.accueil-15-gauche {
	float: left; 
	width: 55%;
	}

/* LISTE A 'TUILES': */

.accueil-15-gauche ul {
	clear: both;
	margin: 0px 0px 10px 0px;
	/* border-top: 1px solid #bbbbbb; */
	padding: 0px;
	list-style: none;
	}

.accueil-15-gauche li {
	display: inline-block; 
	/* float: left; */
	width: 45%; 
	height: 120px;
	margin: 0px 6px 6px 0px;
	/* border: 1px solid #bbbbbb; */
	background: #f3f3f3;
	padding: 0px;
	vertical-align: bottom;
	}

.accueil-15-gauche li.cours-sta-uf,
.accueil-15-gauche li.afp2,
.accueil-15-gauche li.cours-afp-adb { 
	/* Cas special des cours STA/UF, qui ont des tuiles occupant toute la largeur. */
	width: 95%; 
	}
.accueil-15-gauche li.cours-sta-uf,
.accueil-15-gauche li.cours-afp-adb { 
	/* Cas special des cours STA/UF roses, qui ont une hauteur plus grande avec deux sous-options. */
	height: 130px; 
	}

.accueil-15-gauche li.afp { 
	/* Cas special des AFP qui a une tuiles moins haute. */
	height: 75px;
	}

.accueil-15-gauche li.duale3ans { background: #cdf1fd; }
.accueil-15-gauche li.duale3ans:hover { background: #3399ff; }

.accueil-15-gauche li.dixhuitmois { background: #bffdbb; }
.accueil-15-gauche li.dixhuitmois:hover { background: #33cc33; }

.accueil-15-gauche li.mpc3plus1 { background: #fdc2b5; }
.accueil-15-gauche li.mpc3plus1:hover { background: #ff6666; }

.accueil-15-gauche li.ep2plus1 { background: #fdf8a2; }
.accueil-15-gauche li.ep2plus1:hover { background: #d9d43e; }

.accueil-15-gauche li.article32 { background: #fbd6a5; }
.accueil-15-gauche li.article32:hover { background: #ff9955; }

.accueil-15-gauche li.afp1 { background: #d0cbf5; }
.accueil-15-gauche li.afp1:hover { background: #897bf0; }

.accueil-15-gauche li.afp2 { background: #b0caf5; }
.accueil-15-gauche li.afp2:hover { background: #75a7f9; }

.accueil-15-gauche li.cours-sta-uf { background: #fbd3fc; }
.accueil-15-gauche li.cours-sta-uf:hover { background: #ffaaff; }

.accueil-15-gauche li.cours-afp-adb { background: #f996ce; }
.accueil-15-gauche li.cours-afp-adb:hover { background: #f177bc; }

.accueil-15-gauche li a:link,
.accueil-15-gauche li a:visited {
	display: block;
	/* width: 100%; */
	height: 66px;
	padding: 12px;
	color: #000000;
	font-weight: normal;
	/* text-align: center; */
	text-decoration: none;
	font-size: 1.2em;
	}

.accueil-15-gauche li a:hover {
	color: #ffffff;
	}

/* LISTE DE SOUS-OPTIONS: */

.accueil-15-gauche ul ul {
	border: none;
	padding: 0px;
	}

.accueil-15-gauche li li {
	display: inline-block;
	width: auto;
	height: auto;
	border: 3px solid #ffffff;
	background: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 0.85em;
	}

.accueil-15-gauche li.duale3ans li:hover { background: #0066cc; }
.accueil-15-gauche li.cours-sta-uf li:hover { background: #ff66ff; }
.accueil-15-gauche li.cours-afp-adb li:hover { background: #db288d; }

.accueil-15-gauche li.duale3ans a:link,
.accueil-15-gauche li.duale3ans a:visited,
.accueil-15-gauche li.cours-sta-uf a:link,
.accueil-15-gauche li.cours-sta-uf a:visited,
.accueil-15-gauche li.cours-afp-adb a:link,
.accueil-15-gauche li.cours-afp-adb a:visited {
	height: auto;
	padding: 11px 11px 8px 11px;
	}

.accueil-15-gauche li.duale3ans li,
.accueil-15-gauche li.cours-sta-uf li,
.accueil-15-gauche li.cours-afp-adb li {
	display: inline-block;
	width: auto;
	height: auto;
	background: none;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	}

.accueil-15-gauche li.duale3ans li a:link,
.accueil-15-gauche li.duale3ans li a:visited,
.accueil-15-gauche li.cours-sta-uf li a:link,
.accueil-15-gauche li.cours-sta-uf li a:visited,
.accueil-15-gauche li.cours-afp-adb li a:link,
.accueil-15-gauche li.cours-afp-adb li a:visited {
	height: auto;
	margin: 0px;
	padding: 2px 10px;
	}


/* BOITES ACTU */

.boite-actu-0,
.boite-actu-1,
.boite-actu-2,
.boite-actu-3,
.boite-actu-4 {
	margin: 0px 0px 10px 0px;
	border: 1px solid #bbbbbb;
	padding: 10px;
	font-size: 0.88em;
	}

.boite-actu-0 h3,
.boite-actu-0 h4,
.boite-actu-0 h5,
.boite-actu-1 h3,
.boite-actu-1 h4,
.boite-actu-1 h5,
.boite-actu-2 h3,
.boite-actu-2 h4,
.boite-actu-2 h5,
.boite-actu-3 h3,
.boite-actu-3 h4,
.boite-actu-3 h5,
.boite-actu-4 h3,
.boite-actu-4 h4,
.boite-actu-4 h5 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	}

.boite-actu-0 { background: #f3f3f3; }
.boite-actu-1 { background: #eeffe3; }
.boite-actu-2 { background: #e3eeff; }
.boite-actu-3 { background: #ffe3ff; }
.boite-actu-4 { background: #ffeee3; }

.accueil-15-droite p.meta {
    margin: -9px 0px 15px 0px;
    padding: 0px;
    text-align: center;
    }
.accueil-15-droite p.meta span {
    background: #666666; 
    padding: 3px 8px 2px 8px; 
    color: #ffffff; 
    }
.accueil-15-droite h2 {
    margin: 0px 0px 10px 0px;
    background: #cc0000;
    padding: 3px 0px 2px 0px;
    color: #ffffff;
    font-size: 1.6em;
    text-align: center;
    }
.accueil-15-droite .boite-actu-0 { background: #f3f3f3; }
.accueil-15-droite .boite-actu-1 { background: #f3f3f3; }
.accueil-15-droite .boite-actu-2 { background: #f3f3f3; }
.accueil-15-droite .boite-actu-3 { background: #f3f3f3; }
.accueil-15-droite .boite-actu-4 { background: #f3f3f3; }
.accueil-15-droite .boite-actu-5 { background: #f3f3f3; }
.accueil-15-droite .boite-actu-6 { background: #f3f3f3; }


/*		FAQ (post-it):
/* ************************************************************ */
.faq {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    line-height: normal;
    }
.faq .faq-item {
    flex: 0 0 48%;  /* En principe 2 vignettes par ligne (sur la page d'accueil). */
    /* max-height: 300px; */
    margin: 0px 2% 2% 0px;
    padding: 0px;
    box-shadow: 2px 2px 6px #666666;
    position: relative;  /* Nécessaire pour la position absolute de l'estompe. */
    }

.faq h5 {
    padding: 0px 15px 0px 10px;
    }
.faq .faq-reponse {
    max-height: 280px; 
    overflow: auto; 
    padding: 0px 15px 0px 10px;
    }
.faq input[type=checkbox]:checked ~ .faq-reponse {
    max-height: unset;
    }
.faq .estompe {
    position: absolute;  /* Nécessite la position relative du bloc parent. */
    bottom: 0px;
    height: 70px;
    width: 100%;
    }


/* ******************************************************************************************************************** */
/*		ELEMENT: ASIDE
/* ******************************************************************************************************************** */

#aside {
	float: right;
	width: 36%;
	margin: 0px 0px 18px 18px;
	border: 1px solid #bbbbbb;
	padding: 15px;
	color: #444444;
	font-size: 0.9em;
	}

#aside h1 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

#aside h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

#aside h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

#aside h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#aside h5 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#aside h6 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#aside ul {
	margin: 0px 0px 18px 20px;
	padding: 0px;
	}

#aside li {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	}

#aside a:link,
#aside a:visited {
	}


/* ******************************************************************************************************************** */
/*		MODULES 'LISTE'
/* ******************************************************************************************************************** */

.liste {
	}

body #bloc-central .liste ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#bloc-central .liste li {
	border-top: 1px dotted #bbbbbb;
	padding: 4px 0px;
	font-size: 0.9em;
	}

.liste .reference {
	font-size: 0.85em;
	color: #bbbbbb;
	}

.liste .navigation {
	font-size: 1em;
	color: #bbbbbb;
	}

body #bloc-central .liste .navigation a {
	color: #bbbbbb;
	text-decoration: none;
	}

.liste .liste-date {
	display: inline-block;  /* Pour la liste des actualites, avec la date et le titre cote a cote. */
	width: 28%; 
	vertical-align: top;
	}

.liste .liste-titre {
	display: inline-block;  /* Pour la liste des actualites, avec la date et le titre cote a cote. */
	width: 70%; 
	vertical-align: top;
	}

.liste .liste-infos {
	color: #bbbbbb;
	}

#bloc-central .liste .liste-infos a {
	color: #bbbbbb;  /* On est oblige de preciser a ce point, pour 'contrer' la couleur des liens definie au niveau de l'id. */
	}


/* ******************************************************************************************************************** */
/*		MODULES FORM-SELECT:
/* ******************************************************************************************************************** */

.form-select {
	margin-top: 35px;
	/* border: 1px solid; */
	/* padding: 20px; */
	}

.form-select form {
	background: none;
	}

.form-select h3 {
	font-size: 1.2em;
	margin: none;
	padding: none;
	}

.form-select span {
	display: block;
	margin-bottom: 8px;
	}


/* ******************************************************************************************************************** */
/*		MODULE LOGIN:
/* ******************************************************************************************************************** */

.login {
	padding: 30px 0px;
	width: 70%;
	}

.login form label {
	display: inline-block;
	width: 40%;
	margin-right: 15px;
	vertical-align: top;
	}

.login form input[type=text],
.login form input[type=password] {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	font-size: 0.9em;
	}


/* ******************************************************************************************************************** */
/*		MODULE: VIGNETTES
/* ******************************************************************************************************************** */

.vignettes {
	}

.vignettes .cellule {
	display: inline-block; 
	margin: 0px 8px 8px 0px; 
	padding: none; 
	border: 1px solid;
	}

.vignettes table {
	margin: auto;
	/* border-collapse: collapse; */
	border-collapse: separate;
	border-spacing: 15px;
	}

.vignettes td {
	border: 1px solid #cccccc;
	text-align: center;
	}

-->