html {
	height:100%;
	width:100%;
}
body {
	top:0;
	left:0;
	right:0;
	bottom:0; 
	background-color:#FFFFFF;
	font-family:"Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	color:#000000;
	text-align:left;
	font-size:1.2rem;
	margin:0; 
/*	overflow:hidden;*/
}
@media screen and (max-width:599px) { /* écran <599px =====================================*/
body {
	font-size:2.2vw; /* 2vw 1rem */
}
} /* fin écran <599px =====================================================================*/
@media screen and (min-width:600px) and (max-width:899px) { /* écran <600px<899px =========*/
body {
	font-size:2.5vw; /* 2.5vw 1.2rem */
}
} /* fin écran <600px<899px ===============================================================*/
@media screen and (min-width:900px) { /* écran >=900px ====================================*/
body {
	font-size:1.4rem;
}
} /* fin écran >=900px ====================================================================*/

/* bannière entête *************************************************************************/
#banner {
	width:auto;
	margin:0;
	padding:0;
	text-align:center;
}
#ban, #ban-g, #ban-d {  /* bannière */
	top:0;
	height:80px;
	border:none;
}
#ban {  /* bannière centre */
	left:0;
	right:0;
	display:block;
	position:relative;
	margin:0 auto;
	float:center;
	z-index:3;
}
#ban-g, #ban-d {  /* bannière gauche */
	width:800px;
	position:absolute;
	z-index:1;
}
#ban-g {  /* bannière gauche */
	left:0;
	background-color:#f6aed6;
}
#ban-d {  /* bannière droite */
	right:0;
	background-color:#5686ec;
}
@media screen and (max-width:599px) { /* écran <599px =====================================*/
#ban-g, #ban-d {width:60px;}
} /* fin écran <599px =====================================================================*/
@media screen and (min-width:600px) and (max-width:899px) { /* écran <600px<899px =========*/
#ban-g, #ban-d {width:460px;}
} /* fin écran <600px<899px ===============================================================*/
@media screen and (min-width:900px) { /* écran >=900px ====================================*/
#ban-g, #ban-d {width:800px;}
} /* fin écran >=900px ====================================================================*/

/* fenetrage *******************************************************************************/
.colpal { /* colonne fenêtre principale */
	top:80px;  /* positionné sous la bannière */
	left:0;
	bottom:0; /* jusqu'en bas de la fenêtre du navigateur */
	right:25%; /*16em */
	position:absolute;
	background-color:#fff; /* bleu clair B9F8FF*/
	padding:0;
	margin:0;
	text-align:left;
	overflow-y:scroll; /* defilement vertical */
	overflow:-moz-scrollbars-vertical; /* pour les anciennes version de Mozilla */
 	overflow-x:auto; /* :auto; cette propriété permet le scroll du bloc */
}
@media screen and (max-width:599px) { /* écran <599px =====================================*/
.colpal { /* colonne du menu */
	right:40%;
}
} /* fin écran <599px =====================================================================*/
@media screen and (min-width:600px) and (max-width:899px) { /* écran <600px<899px =========*/
.colpal { /* colonne du menu */
	right:35%;
}
} /* fin écran <600px<899px ===============================================================*/
@media screen and (min-width:900px) { /* écran >=900px ====================================*/
.colpal { /* colonne du menu */
	right:25%;
}
} /* fin écran >=900px ====================================================================*/

.colmenu { /* colonne du menu */
	background-color:#DDEEFF;
	top:80px;
	right:0;
	bottom:0; /* jusqu'en bas de la fenêtre du navigateur */
	left:75%;
	height:auto;
	position:absolute;
	overflow-y:scroll; /* defilement vertical */
	overflow:-moz-scrollbars-vertical; /* pour les anciennes version de Mozilla */
	text-align:left;
	border:0;
	padding:5px 10px; margin:0;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#DC1EE1;
}
@media screen and (max-width:599px) { /* écran <599px =====================================*/
.colmenu { /* colonne du menu */
	left:60%;
}
} /* fin écran <599px ====================================================================*/
@media screen and (min-width:600px) and (max-width:899px) { /* écran <600px<899px =========*/
.colmenu { /* colonne du menu */
	left:65%;
}
} /* fin écran <600px<799px ====================================================================*/
@media screen and (min-width:900px) { /* écran >=900px ====================================*/
.colmenu { /* colonne du menu */
	left:75%;
}
} /* fin écran >=900px ===================================================================*/
/* fin fenetrage ***************************************************************************/

/* menu js du site *************************************************************************/
.menujs {
	font-family:verdana, helvetica, sans-serif;
	font-size:1rem;
	color:#000;
	text-align:left;
	margin-top:0; margin-bottom:0;
}
.menujs h1, .menujs h2, .menujs h3 {
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	margin-top:0; margin-bottom:0;
}
.menujs h1 { /* titre du menu */
	font-size:1.3rem; 
	color:#DC1EE1; /* mauve:DC1EE1, rose:F6AED6, bleus:5286EB 0066FF, violet:9900FF */
	text-align:left;
}
.menujs h2 { /* titres dossiers */
	font-size:1rem; 
	color:#0066FF; 
}
.menujs h3 { /* titres sous-dossiers */
	font-size:1rem; 
	color:#0066FF; 
}

/* Styles for the tree */
span.TreeviewSpanArea A {
	font-size:10pt; 
	font-family:verdana, helvetica, sans-serif; 
	text-decoration:none;
	color:#000;
}
span.TreeviewSpanArea A:hover {
	color:#820082;
}
td {
	font-size:10pt; 
	font-family:verdana, helvetica, sans-serif;
}
/* liens menujs ****************************************************************************/
/* lien non visité violet 9900FF */
.menujs a:link {color:#9900FF; text-decoration:none;}
/* lien visité bleu foncé 0000CC - violet foncé 730ba3 */
.menujs a:visited {color:#0000CC; text-decoration:none;}
/* lien survolé rose DC1EE1 */
.menujs a:hover {color:#DC1EE1; text-decoration:none;}
/* lien sélectionné bleu clair 00CCFF */
.menujs a:active {color:#00CCFF; text-decoration:none;}
/* fin menu js du site *********************************************************************/

/* menu texte du site **********************************************************************/
.menutexte, .menutexte ol, .menutexte ul, .menutexte li {
	font-family:verdana, helvetica, sans-serif; 
	font-size:1em; 
	margin-top:0em;
	margin-right:0.1em;
	margin-bottom:0em;
	margin-left:0.1em;
	list-style-type:disc;
	list-style-position:inside;
}
.menutexte h1 { /* titre du menu */
	font-size:1.3em; 
	color:#DC1EE1; 
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	margin-top:0.2em;
	margin-right:0em;
	margin-bottom:1.5em;
	margin-left:0em;
}
.menutexte h2 { /* titres dossiers */
	font-size:1.3em; 
	color:#DC1EE1; 
	font-weight:bold;
	margin-top:1.0em;
	margin-right:0.1em;
	margin-bottom:0em;
	margin-left:0.1em;
}
.menutexte h3 { /* titres sous-dossiers */
	font-size:1.1em; 
	color:#DC1EE1; 
	font-weight:bold;
	margin-top:0em;
	margin-right:0.1em;
	margin-bottom:0em;
	margin-left:0.1em;
}
/* fin menu texte du site ******************************************************************/
/* texte au-dessus et au-dessous du menu ***************************************************/
.menujsmaj {font-size:0.8em;}
.menujsmaj p {
	margin-top:10pt; margin-bottom:2pt;
	padding:0;
	text-decoration:none;
	text-align:center;
}
/* fin texte au-dessus et au-dessous du menu ***********************************************/

/* général *********************************************************************************/
p {margin: 0 5px 1rem 5px; padding:0;}
h1 {margin:0.5rem 5px 0.5em 5px; padding:0px;}
h2, h3, h4, h5, h6 {margin:2rem 5px 0.5rem 5px; padding:0;}
li {margin:0 5px 0.8rem 5px; padding:0;}
hr {margin:10px 5px 13px 5px; padding:0;}
h2 img, h3 img {vertical-align:baseline;}
img {border:0;}
#banner img {	max-width:100%;}
.portail img {	max-width:100%;}
.colpal img {max-width:100%;}
audio {
	margin:10px 5px;
	width:500px;
	vertical-align:middle; 
	text-align:left; 
}
/* titres **********************************************************************************/
.titre1, h1, .titre2, h2, .titre3, h3, .titre4, h4, .titre5, h5, .titre6, h6 {
	font-family:"Maiandra GD", "Cooper Black", Tahoma, sans-serif;
	color:#DC1EE1; 
	font-weight:bold;
}
.titre1, h1 {font-size:2em;	text-align:center;}
.titre2, h2 {font-size:1.8rem;}
.titre3, h3 {font-size:1.6rem;}
.titre4, h4 {font-size:1.4rem;}
.titre5, h5 {font-size:1.3rem;}
.titre6, h6 {font-size:1.2rem;}

.motscles { color:#FFFFFF; font-size:1px; }

/* couleurs du texte ***********************************************************************/
.bleuclair { color:#3399FF; }
.bleuroi { color:#0066FF; }
.bleu { color: #0000FF; }
.bleugras { color:#0000FF; font-weight:bold; }
.blanc { color:#FFFFFF; }
.rouge { color:#FF0000; } /* rouge */
.rose { color:#FF99CC; }
.fuchsia { color:#FF00FF; }
.mauve { color:#CC00FF; }
.violet { color:#9900FF; }
.noir { color:#000000; }
.vert { color:#009900; }
/* couleur arrière plan ********************************************************************/
.fondbleu { background-color:#00CCFF; }
.bleupale { background-color:#eff2fb; }
/* police **********************************************************************************/
/* police-style */
strong, .gras { font-weight:bold; }
em, .italic { font-style:italic; }
u, .souligne {text-decoration:underline; } 
/* police-fonte */
.auteur { font-family:"Times New Roman", Times, serif; }

/* paragraphes *****************************************************************************/
/* paragraphe-alignement */
.centre { text-align:center; }
.droite { text-align:right; }
/* paragraphe-marge de gauche */
.margeg1em { margin-left:1rem; padding:0; }
.margeg2em { margin-left:2rem; padding:0; }
.titretable { margin-top:0; margin-bottom:0.5rem; text-align:center; }
.pbas0em { margin-top:0; margin-bottom:0; padding:0; }
.p2em p { margin-top:0; margin-bottom:2rem; padding:0; }
.ptop0em, .ptop0em p {padding-top:0;}
.ptop1em, .ptop1em p {padding-top:1rem;}
.ptop2em, .ptop2em p {padding-top:2rem;}
.ptop3em, .ptop3em p {padding-top:3rem;}
.ptop4em, .ptop4em p {padding-top:4rem;}
.pbottom0em, .pbottom0em p {padding-bottom:0; margin-bottom:0}

.tm ul, .tm li, .tm ol { margin-left:1rem; margin-top:0; margin-bottom:0; padding:0; }
.liste p { margin-top:1.5rem; margin-bottom:1.5rem; padding:0; }
.sommaire ul, .sommaire li, .sommaire ol { /* listes sans puces/chiffres sans interligne */
	margin:0 5px; padding:0; 
	list-style:none;
}
.sans ul, .sans li, .sans ol { /* listes sans marge sans puces/chiffres avec interligne */
	list-style:none; margin-left:0; margin-top:0; margin-bottom:1rem; padding:0; }
.lsm ul, .lsm li, .lsm ol { /* listes sans marge avec puces/chiffres sans interligne */
	margin:0 5px;
}
.lsm p { /* listes sans marge avec puces/chiffres sans interligne */
	margin:0.7rem 5px 0.1rem 5px;
}
.liste- ul, .liste- li { /* listes sans marge avec "tiret" paragraphe "normal" */
	list-style-position:outside; list-style-type:square; 
	margin:0 5px 1rem 5px
}
/* drapeau trans ***************************************************************************/
.tflag { 
	display:inline-table;
	width:100%;
	height:auto;
}
/*
.tflag h3 {font-family:"Maiandra GD", "Cooper Black", Tahoma, sans-serif;}
*/
.tflag-gauche { 
	width:360px;
	height:auto;
	display:table-cell;
}
.tflag-droite { 
	width:auto;
	height:auto;
	display:table-cell;
	padding-left:10px;
}
/* fin drapeau trans ***********************************************************************/

.redir {
	font-size:1.2rem;
	font-weight:bold;
	margin-top:2rem;
	text-align:center;
}
.chapeau {
	font-weight:bold;
	color:#9900FF;
	margin-top:1.2rem; 
	padding-bottom:1.5rem;
}
.citation, .citation1, .citbis, .citation2, citation3, citation4 {
	font-family:Arial, Helvetica, sans-serif;
}
.citation {font-style:italic;}
.citation1 {
	font-size:1em;
	color:#0000CC; 
}
.gris { /* citation texte intégral */
	background-color:#F1F1F1;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
	margin-bottom:1em; 
}
/* citation à l'intérieur de citation1 */
.citbis {
	font-style:italic; 
	color:#FF00FF;
}
.citation2 {
	font-size:0.8em;
	font-style:italic;
	color:#0000CC; 
}
.citation3 {
	font-style:italic;
	margin-left:2em; 
}
.citation4 {
	font-style:italic;
	color:#0000CC; 
}
.Question {
	text-align:justify;
	text-indent:-21.3pt;
	line-height:18.0pt;
	font-size:10.0pt;
	font-family:AvantGarde;
	color:black;
	font-weight:bold;
}
.question1 { font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#0000CC; 
}
.note { font-family:"Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }
.notetrait { width:33%; size:1px; text-align:left; align:left; }
.remarque { color:#9900FF; }
.remarque-i { color:#9900FF; font-style:italic; }
.remarque-ib { color:#9900FF; font-style:italic; font-weight:bold; }
.texte { 
	font-family:"Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	color:#000000;
	text-align:left; 
}
.nomh {
	vertical-align:top;
	padding-top:5px;
	margin-top:0px;
}
table.traithaut {
	vertical-align:top;
	padding-top:0px;
	margin-top:3em;
	width:100%;
	cell-spacing:0px;
	cell-padding:0px;
	border-top:solid;
	border-top-width:2px;
	border-top-style:outset;
}
/* paragraphe-alinéa */
.argument-medical {
	text-indent:-0.6em;
	margin-left:0.6em;
	font-style:italic;
	color:#FF00FF; 
}
.textealineaneg {
	text-indent:-0.6em;
	margin-left:0.6em; 
}
.textealineaneg- {
	text-indent:-0.6em;
	margin-left:0.6em; 
}
.textealineaneg-liste { 
	text-indent:-0.6em;
	margin-left:0.6em; 
	margin-top:0em; margin-bottom:0em; padding:0px; }

.textealineaneg-- {
	text-indent:-0.9em;
	margin-left:0.9em;
}
.textealineaneg--- {
	text-indent:-1.2em;
	margin-left: 1.2em;
}
.textealinea1neg {
	text-indent:-1em;
	margin-left:1em;
}
.textealinea1-5neg {
	text-indent:-1.5em;
	margin-left:1.5em;
}
.textealinea1-3neg {
	text-indent:-1.3em;
	margin-left: 1.3em;
}
.textealinea2neg {
	text-indent:-2em;
	margin-left:2em;
}
.textealinea3-5neg {
	text-indent:-2em;
	margin-left:3.5em;
}
.textealinea4neg {
	text-indent:-4em;
	margin-left:4em;
}
/* paragraphe-indentation */
.textealinea4pos { text-indent:4em; }
/* standards de soins */
.textealineanegsoc1 {
	text-indent:-1.3em;
	margin-left:2.0em;
}
.textealineanegsoc2 {
	text-indent:-1.3em;
	margin-left:3.3em;
}
.textealineanegsoc3 {
	text-indent:-1.3em;
	margin-left:4.6em;
}
/* paragraphe-marge gauche */
.texteretrait {margin-left:0.6rem;}
.texteretrait1 {margin-left:1rem;}
.texteretrait2 {margin-left:2rem;}
.texteretrait4 {margin-left:4rem;}
.texteretrait6 {margin-left:6rem;}
.textecentre {text-align:center;}
.textepetit1 {font-size:1rem; color:#000000; text-align:left;}

/* police-taille */
.texte1, .texte1em, .txt2 { font-size:1em; }
.texteplusgrand { font-size:1.3em; }
.textecentreplusgrand {	font-size:1.1em; text-align:center; }
.textepetit { font-size:0.8em; }
.textecentrepetit { font-size:0.8em; text-align:center; }
.textepluspetit { font-size:0.7em; text-align:left; }

.p.texteliste, li.texteliste, div.texteliste {
	font-family:"Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	text-indent:-4em;
	margin-left:4em;
}
.SB {
	text-align:center;
	line-height:18.0pt;
	border:none;
	padding:0cm;
	font-size:12.0pt;
	font-family:AvantGarde;
	color:black;
	font-weight:bold;
}
.t table, .t td {
	background-color:#ff99ff;
	width:100%;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
}
td.ti {
	width:50px;
	text-valign:top;
	vertical-align:top;
}
table.t1 { /* titre vert */
	background-color: #66CC33;
	width:100%;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em; margin-bottom:1em;
}
table.t2 { /* titre jaune */
	background-color:#FFFF00;
	width:100%;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em; margin-bottom:1em;
}
table.t3 { /* titre bleu */
	background-color:#66CCFF;
	width:100%;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em; margin-bottom:1em;
}
table.t4 { /* titre mauve */
	background-color:#FF99FF;
	width:100%;
	text-align:left;
	vertical-align:top;
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em; margin-bottom:1em;
}
table.t5 { /* titre orange */
	background-color:#FF9900;
	width:100%;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em; margin-bottom:1em;
}
table.txtbleupale {
	background-color:#eff2fb;
	width:100%;
	border:0px;
	spacing:0px;
	padding-top:1em; padding-bottom:0em; padding-left:1em; padding-right:1em; 
}
table.bleupale, td.bleupale {
	background-color:#eff2fb;
	width:100%;
	border:0px;
	spacing:0px;
	padding:0px;
	font-size:1.2em;
}
table.rosepale, td.rosepale {
	background-color:#ffeaf4;
	width:100%;
	border:0px;
	spacing:0px;
	padding-top:1em; padding-bottom:0em; padding-left:1em; padding-right:1em; 
}
.tablerose {
	background-color:#ffcccc;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
}
.tablerosepale {
	background-color:#ffeaf4;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
}
.tablemauve {
	background-color:#FF99FF;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
	text-align:center;
	font-size:1.2em;
	color:black;
	font-weight:bold;
}
.tablefuchsia {
	background-color:#FF00FF;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
}
.tablepourpre {
	background-color:#CC00FF;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
}
.tablebleu {
	background-color:#66CCFF;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
}
.tablebleupale {
	background-color:#eff2fb;
	padding-top:1em;
	padding-bottom:0.1em;
	padding-left:1em;
	padding-right:1em;
}
td.txt {
	width:100%;
	font-size:1.2em;
}
/* navigation tableau des liens ********************************************************************/
.tbleupale table {
	table-layout:fixed;
	margin:15px; 
}
.tbleupale p {
	margin-left:5px; 
	margin-right:5px;
}
.tbleupale tr {
	background-color:#eff2fb;
}
.tbleupale td {
	padding:10px;
	width:10%;
}
/* fin navigation tableau des liens ****************************************************************/

/* liens *******************************************************************************************/
/* liens standards */
/* lien non visité bleu 0066FF - bleu foncé 0000CC */
a:link, .lien a:link, .lien-pdf a:link, .lien-doc a:link, .lien-html a:link, .menujsmaj a:link {color:#0066FF;}
/* lien visité rose FF66CC - violet foncé 730BA3 - violet 9900FF */
a:visited, .lien a:visited, .lien-pdf a:visited, .lien-doc a:visited, .lien-html a:visited, .menujsmaj a:visited {color:#FF66CC;}
/* lien survolé mauve FF00FF */
a:hover, .lien a:hover, .lien-pdf a:hover, .lien-doc a:hover, .lien-html a:hover, .menujsmaj a:hover {color:#FF00FF;}
/* lien sélectionné bleu clair 00CCFF - rose FF66CC */
a:active, .lien a:active, .lien-pdf a:active, .lien-doc a:active, .lien-html a:active, .menujsmaj a:active {color:#00CCFF;}

/* liens PDF, HTML, audio, vidéo et externes */
.lien-pdf a {
	background-image:url("images/lien-pdf.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:54px;
}
.lien-doc a {
	background-image:url("images/lien-doc.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:54px;
}
.lien-img a {
	background-image:url("images/lien-img.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:46px;
}
.lien-audio a {
	background-image:url("images/lien-audio.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:44px;
}
.lien-video a {
	background-image:url("images/lien-video.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:50px;
}
.lien-html a {
	background-image:url("images/lien-html.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:50px;
}
.lien a {
	background-image:url("images/lien.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:18px;
}
.lien-bad a {
	background-image:url("images/lien-externe.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:18px;
	text-decoration:line-through;
	color:#737373;
}
/* liens rouges externes */
.lrouge, .lien-rouge, .telecharger {color:#FF0000;}
.lien-ext a, .rouge a, .lrouge a, .lien-rouge a {
	background-image:url("images/lien-externe.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:18px;
	color:#FF0000;
}
/* lien non visité rouge FF0000 */
.lien-ext a, .lien-ext a:link, .rouge a:link, .lrouge a:link, .lien-rouge a:link {color:#FF0000;}
/* lien visité orange FF6600 - rouge foncé CC0000 */
.lien-ext a:visited, .rouge a:visited, .lrouge a:visited, .lien-rouge a:visited {color:#FF6600;}
.lien-ext a:hover, .rouge a:hover,	.lrouge a:hover, .lien-rouge a:hover {color:#FF00FF;}
.lien-ext a:active, .rouge a:active,	.lrouge a:active, .lien-rouge a:active {color:#00CCFF;}

/* liens notes rouges */
/* lien non visité rouge FF0000 */
.nrouge a:link {color:#FF0000; text-decoration:none;}
/* lien visité orange FF6600 - rouge foncé CC0000 */
.nrouge a:visited {color:#FF6600; text-decoration:none;}
.nrouge a:hover {color:#FF00FF; text-decoration:none;}
.nrouge a:active {color:#00CCFF; text-decoration:none;}
/* liens notes verts */
.lien-note a, .lien-note a:link, .vert a:link {color:#009900; text-decoration:none;} /* lien note vert 009900 */
.lien-note a:visited, vert a:visited {color:#FF6600; text-decoration:none;}
.lien-note a:hover, vert a:hover {color:#FF00FF; text-decoration:none;}
.lien-note a:active, vert a:active {color:#00CCFF; text-decoration:none;}
/* liens remarques rouges */
.lien-rem a, .lien-rem a:link {color:#FF0000; text-decoration:none;}
.lien-rem a:visited {color:#FF6600; text-decoration:none;}
.lien-rem a:hover {color:#FF00FF; text-decoration:none;}
.lien-rem a:active {color:#00CCFF; text-decoration:none;}


/* liens noirs */
.lnoir a:link, .noir a:link {color:#000000;}
.lnoir a:visited, .noir a:visited {color:#000000;}
.lnoir a:hover,	.noir a:hover {color:#666666;}

/* liens images sans soulignement */
/* lien non visité bleu 0066FF - bleu foncé 0000CC */
.img a:link {color:#0066FF;text-decoration:none;}
/* lien visité rose FF66CC - violet foncé 730BA3 - violet 9900FF */
.img a:visited {color:#FF66CC; text-decoration:none;}
/* lien survolé mauve FF00FF */
.img a:hover {color:#FF00FF; text-decoration:none;}
/* lien sélectionné bleu clair 00CCFF - rose FF66CC */
.img a:active {color:#00CCFF; text-decoration:none;}
/* fin liens *******************************************************************************/

/* navigation sommaire *********************************************************************/
.somm {
	margin:0;
	padding:0 0 0 20px;
	font-family:"Comic Sans MS", Arial;
	font-size:1.4rem;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	vertical-align:10%;
	display:inline-block;
}
.somm a {
	border:0;
	margin:2px;
	padding:0 0 4px 0;
	width:10rem; /* 115px largeur du bouton de menu */
	height:2.2rem; /* 34px 26px hauteur du bouton de menu */
	display:block;
	text-align:center;
	text-decoration:none;
}
.somm a:link, .somm a:visited  {
	background-color:#5286EB;
	color:#fff;
}
.somm a:hover, .somm a:active {
	background-color:#C45FE9;
}
/* fin navigation sommaire *****************************************************************/

/* bandeau bleu de navigation en haut ******************************************************/
.nav { /* bandeau bleu en haut */
	background-color:#0CF;
	font-family:"Times New Roman", Times, serif;
	font-size:1.1rem;
	color:#000;
	text-align:left;
	padding:2px 0 2px 0;
 	width:auto;
}
.nav a:link, .nav a:visited {color:#000000;}
.nav a:hover {color:#666;}
.nav p {
	margin:2px 5px 4px 5px;
}
/* fin bandeau bleu de navigation en haut **************************************************/

/* navigation bas menu (lien top menu centré) **********************************************/
.bm {
	position:relative;
	width:100%;
	height:auto;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	text-align:center;
	font-family:"Comic Sans MS", Arial;
	font-size:1.2rem;
}
.bm p {
	display:inline-block;
	margin:0;
	padding:0 20px;
	text-align:center;
	line-height:34px; /* 34px pour centrage vertical du texte dans bouton de menu */
}
.bm a {
	border:0;
	margin:2px;
	padding:0 0 4px 0;
	width:120px; /* 115px largeur du bouton de menu */
	height:34px; /* 34px hauteur du bouton de menu */
	display:block;
	text-align:center;
	vertical-align:sub;
	text-decoration:none;
	list-style-type:none;
}
.bm a:link, .bm a:visited  {
	background-color:#5286EB;
	color:#fff;
}
.bm a:hover, .bm a:active {
	background-color:#C45FE9;
}
/* fin navigation bas menu (lien top menu centré) ******************************************/
/* navigation bas page (bas de page centré) ************************************************/
.bp {
	position:relative;
	width:100%;
	height:auto;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	text-align:center;
	font-family:"Comic Sans MS", Arial;
	font-size:1.2rem;
}
.bp p {
	display:inline-block;
	margin:5px 0;
	padding:0 20px;
	width:220px; /* largeur du bouton de menu */
	line-height:34px; /* hauteur du bouton de menu */
	text-align:center;
	vertical-align:sub;
}
.bp a {
	border:0;
	margin:2px;
	padding:0 0 4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	list-style-type:none;
}
.menujs>.bp a {
	width:120px; /* largeur du bouton "top menu" */
}
.bp a:link, .bp a:visited  {
	background-color:#5286EB;
	color:#fff;
}
.bp a:hover, .bp a:active {
	background-color:#C45FE9;
}
/* fin navigation bas page (bas de page centré) ********************************************/

/* bandeau bleu en bas (mentions légales) **************************************************/
.ml {
	background-color:#0CF;
	font-family:"Times New Roman", Times, serif;
	font-size:1.1rem;
	color:#000;
	text-align:left;
	padding:2px 0 4px 0;
	margin:0;
	width:auto;
}
.ml a:link, .ml a:visited {color:#000;}
.ml a:hover {color:#666;} /* #cdcdcd #f0f0f0 #666666 */
.ml p {
	padding:2px 5px 2px 5px;
	margin:10px 0;
	text-align:left;
}
.bas {
	display:inline-table;
	width:100%;
	padding:10px 0;
}
.bloc1 {
	display:table-cell;
	width:33%;
}
@media screen and (max-width:599px) { /* écran <599px =====================================*/
.bloc1, .bloc1 p {
	display:block;
	width:auto;
	line-height:2rem;
	text-align:center;
}
} /* fin écran <599px =====================================================================*/
@media screen and (min-width:600px) and (max-width:899px) { /* écran <600px<899px =========*/
.bloc1, .bloc1 p {
	display:block;
	width:auto;
	line-height:2rem;
	text-align:center;
}
} /* fin écran <600px<899px ===============================================================*/
@media screen and (min-width:900px) { /* écran >=900px ====================================*/
.bloc1 {
	display:table-cell;
	width:33%;
}
} /* fin écran >=900px ====================================================================*/
/* fin bandeau bleu en bas (mentions légales) **********************************************/

/* exempke de blocks aligné horizontalement */
#conteiner{display:inline-table;}
#bloc_1{display:table-cell;}
#bloc_2{display:table-cell;}
/* fin exempke de blocks aligné horizontalement */

/* portail *********************************************************************************/
.portail {
	width:auto;
	background-color:#FFFFFF;
	color:#000000;
	font-family:"DejaVu Sans Mono", "Comic Sans MS", "DejaVu Sans", verdana, Arial, "Liberation Sans", sans-serif, sans; 
	font-size:1.0rem;
	text-align:center;
	margin:0px 5px;
	padding:0px;
}

/*
	font-family:"Comic Sans MS", "DejaVu Sans", "DejaVu Sans Mono", Arial, "Liberation Sans", verdana, sans-serif, sans; 
	font-family:"Times New Roman", "Liberation Serif", "DejaVu Serif", Times, Serif; 
	font-family:"Trebuchet MS", Ubuntu, "Ubuntu Mono", Tahoma, Verdana, Arial, Helvetica, "Liberation Sans", sans-serif, Sans;
	font-family:Tahoma, "DejaVu Sans", Arial, "Liberation Sans", sans-serif, sans;
	font-family:"Maiandra GD", "Arial Black", "Cooper Black", Verdana, Tahoma, Arial, "Comic Sans MS", sans-serif, Sans;

	font-family:"Times New Roman", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-family:"Maiandra GD", "Times New Roman", Times, serif;
	font-family:"Maiandra GD", "Cooper Black", "Comic Sans MS", Tahoma, sans-serif;
*/
.portail h1, .portail h2, .portail p {
	padding:8px 0px 8px 0px;
	margin:0px;
	font-family:"Comic Sans MS", "DejaVu Sans", verdana, Arial, "Liberation Sans", sans-serif, sans; 
	font-size:1.1em;
	color:#000000;
	text-align:center;
}
.portailtable { /* rose #ffeaf4 */
	background-color:#ffeaf4;
	border:10px solid #CC00FF; /* border-width - border-style - border-color */
	text-align:center;
	font-weight:bold; 
	width:90%;
	margin-top:20px; margin-bottom:20px;  
	margin-left:auto; margin-right:auto;
	text-decoration:none;
}
.portailtable h1, .portailtable h2, .portailtable p {padding:20px;}
.portailtable h1 {padding-bottom:0px;}

.portailtable a:link, .portailtable a:visited {
	text-decoration:none;
	color:#000;
	background-color:#ffeaf4;
	display:block;
}
.portailtable a:hover, .portailtable a:active { /* bleu clair #eff2fb B8E8FB AEE6FD */
	background-color:#B8E8FB;
}
.portailtablegris {
	background-color:#eeeeee;
	text-align:center;
	width:90%;
	padding:20px 0;
	margin-top:20px; margin-bottom:20px;  
	margin-left:auto; margin-right:auto;
	border:10px solid #ffeaf4; /* bleu #eff2fb, violet #9900FF */
}
.portailtablegris {
   animation-duration:2s;
   animation-name:cligno;
   animation-iteration-count:infinite;
   transition:none;
}
@keyframes cligno {
	0%		{border-color:#CC00FF;} /* violet CC00FF */
	35%		{border-color:#ffeaf4;} /* rose ffeaf4 */
	65%		{border-color:#ffeaf4;} /* rose ffeaf4 */
	100%	{border-color:#B8E8FB;} /* bleu B8E8FB */
}

.portailstat, .portailstat a {
	background-color:#ffffff; 
	color:#ffffff; 
	border-color:FFF;
	text-align:center;
	text-decoration:none; 
}
.portailstat h3 {
	color:#009;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	margin:20px 0px 10px 0px;
}
/* fin portail *****************************************************************************/

.raz { clear:both; }

.tablegris {
	background-color:#eeeeee;
	padding:10px;
	text-align:center;
	font-size:0.8em;
	width:78%;
	margin-left:auto; margin-right:auto;
	float:center; 
}
.stat a {
	background-color:#ffffff; 
	color:#ffffff; 
	text-decoration:none; 
	text-align:center;
	font-size:0.8em; 
/*	margin-left:auto; margin-right:auto; float:center; */
}
.stat img {
	margin-top:10px;
}
.mel { /* mis en ligne */
	font-family: "Times New Roman", "Liberation Serif", "DejaVu Serif", Times, Serif; 
	padding:0px; margin-top:3em; margin-bottom:0px; 
}
.maj { /* mise à jour */
	padding:0px; margin-top:3em; margin-bottom:0.4em; 
}

/* page n'existe pas ************************************************************************/
.err404 { /* 1203x800 */
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border:0px;
  width:100%;
  height:100%;
	background-image:url(images/err404-tsi-foret.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
/* page supprimee **************************************************************************/
.err410 { /* 1278x800 */
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border:0px;
  width:100%;
	height:100%;
	background-image:url(images/err410-tsi-desert.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
#err {
/*
	background-image:url(img/err404-tr-trefles.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:top;
*/
  width:100%;
  height:100%;
	margin:30px 0 90px 0;
	text-align:center;
	vertical-align:middle;
}

/* page redirection **************************************************************************/
.redir { /* body */
	background-color:#FFFFFF;
	color:#000000;
	font-family: "Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size:1.2rem;
	text-align:center;
	margin:0px;
	padding:0px;
}
.redir {margin:50px 10px;padding:10px;}
.redir h1, .redir h2 {
	font-family:"Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#000; 
	text-align:center; 
	border-width:0px; 
}
.redir h1 {font-size:24pt; margin:40px 0px 5px 0px; color:#CC00FF;}
.redir h2 {font-size:18pt; margin:10px 0px 5px 0px;}

/* à supprimer ????????? *******************************************************************/
#navi {
	background-color:#00CCFF;
	font-size:0.8em; 
	color:#000000;
	padding:2px 6px 2px 6px;
}
#navi ul {
  margin-left:0px;
  padding-left:0px;
  display:inline;
  border:none;
} 
#navi ul li {
  margin-left:0px;
  padding-left:2px;
  display:inline;
  border:none;
  list-style:none;
}