/***CSS_RN1.css ***/
/***************************/
/*** Doc dans CSS_documentation.css ***/
/*** style="color:darkGreen;" ***/

:root { /* Variable CSS */
	/*--bodyColor: #100000; /* Couleur de fond du body de la page */
	--body_lst_BR_Color: goldenRod; /* Couleur de fond du body de la page */
	--body_miniMicro_Color: black; /* Couleur de fond du body de la page */
	--body_erreur_Color: red; /* Couleur de fond du body de page d'erreur */
	--trColor: #FFCC66;
	--trColor2: #FFD966;
	--tdColor1: #FFCC66;
	--tdColor2: #FFD966;
	--tdColorImportant: #FFDD66;
	--tdColorImportant2: #FFAE66;
	--tdColorTravaux: black;
	--RNtxt1RN: 	 #000065; /* Couleur de texte1 pour RN */
	--RNtxt1Pirates: #500065; /* Couleur de texte1 pour Pirates */
	/*--RNtxt1Pirates: red; /* Couleur de texte1 pour Pirates */
	--RNtxt1Patrons: #500095; /* Couleur de texte1 pour Patrons */
}

.body { /* body de la page RN_index*/
	/*background-color: var(--bodyColor);*/
	width: 1000px;
	width: 90%;
	margin: auto;
	background-image: url(../Documents/Images/RNimg01.JPG);
	/*background-repeat: round space;*/
	background-repeat: round;
		/*L'image est répétée autant que possible et est étirée si nécessaire afin qu'il n'y ait ni rognage ni espace restant. Dès qu'il y a la place d'ajouter une image, les autres sont compressées pour lui laisser la place. Ainsi, une image avec une largeur originale de 260px, répétée trois fois, pourra être étirée pour que chaque exemplaire mesure 300 pixels de large, lorsqu'une autre image sera ajoutée, elles seront compressées sur 225 pixels.*/
}
.body_lstBR { /* */
	background-color:var(--body_lst_BR_Color);
	/*width: 1000px;*/
	/*width: 90%;*/
	margin: auto;
	/*background-image: url(../images/RNimg01.JPG);*/
	/*background-repeat: round space;*/
	/*background-repeat: round;*/
}
.body_miniMicro { /* */
	background-color:var(--body_miniMicro_Color);
	/*width: 1000px;*/
	/*width: 90%;*/
	margin: auto;
	/*background-image: url(../images/RNimg01.JPG);*/
	/*background-repeat: round space;*/
	/*background-repeat: round;*/
}
.body_erreur { /* */
	background-color:var(--body_erreur_Color);
	/*width: 1000px;*/
	/*width: 90%;*/
	margin: auto;
	/*background-image: url(../images/RNimg01.JPG);*/
	/*background-repeat: round space;*/
	/*background-repeat: round;*/
}
.texte1_erreur {
	color: white;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	margin: auto;
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
	/*margin-left: 10px;*/
}

.body_contrib {
	background-color: var(--body_lst_BR_Color);
	width: 90%;
	margin: auto;
}
.body_horaire_rush {
	background-color: var(--body_lst_BR_Color);
	/*width: 90%;*/
	/*margin: auto;*/
}
.body_horaire_rush:hover {
	background-color: gold;
}
.body_horaire_employé {
	background-color: lightCoral;
	/*width: 90%;*/
	/*margin: auto;*/
}
.body_horaire_employé:hover {
	background-color: lightSalmon;
}
.body_listePirates { 
	background-color: var(--body_lst_BR_Color);
	width: 90%;
	margin: auto;
}
.tableEnTetePirates_RNindex { /* ex table01_RNindex*/
	width: 75%;
	background-color: white;
	border: 1px solid black;
	margin: auto;
}
.tableEnTetePirates_RNindex2 {
	width: 75%;
	background-color: white;
	background-image: url(../Documents/Images/KmeraTV01.jpg);
	background-size:100% 100%;
	/*opacity:0.75;*/
	/**background-size: contain;
	background-repeat: no-repeat;**/
	border: 1px solid black;
	margin: auto;
}
.tableSidentifier_RNindex { /* table04_RNindex */
	width: 80%;
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
}
.tables_RNindex {
	width: 90%;
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
	border-radius: 5px 15px 0 5px;
	/*margin: 0 0 0 0;*/
}
/*.table06_RNindex {
	width: 85%;
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
}*/
.tableHrolf_RNindex {
/*width="71%" border="1" align="center">*/
	width: 90%;
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
	border-radius: 5px 15px 0 5px;
	/*margin: 0 0 0 0;*/
}
.table01_ListePirates {
/*width="71%" border="1" align="center">*/
	/*width: ; /*70%*/
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
	/*margin: 0 0 0 0;*/
}
.table01_horaire_rush {
/*width="71%" border="1" align="center">*/
	/*width: ; /*70%*/
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
	/*margin: 0 0 0 0;*/
}
.tr_RNindex {
	/*border: 1px solid green;*/
	background-color: var(--trColor);
	border-radius: 5px 15px 0 5px;
	/*margin: auto;*/
}
.trEnTetePirates_RNindex2 {
	/*width: 75%;*/
	background-color: var(--trColor);
	background-image: url(../Documents/Images/KmeraTV03.jpg);
	/*opacity:0.75;*/
	background-size: 26%;
	background-repeat: no-repeat;
	border: 1px solid black;
	margin: auto;
}
.texte1_RN {
	color: var(--RNtxt1RN);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	/*border-radius: 5px 15px 0 5px;*/
	margin: auto;
}
.texte1_RN_Titre {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: italic;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	/*border-radius: 5px 15px 0 5px;*/
	margin: auto;
}
.texte1_RN_Titre:hover {
	font-style: oblique 270°;
	color: darkBlue;
	font-size: 20px;
}

.texte_HoraireRush {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid var(--body_lst_BR_Color);
	margin: auto;
}

.texte2_HoraireRush {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	border: 1px solid var(--body_lst_BR_Color);
	margin: auto;
}

.texte1_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: auto;
	cursor: pointer;
}
.texte2_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-decoration: none;
	margin: auto;
	cursor: pointer;
}
.texte1_2attrib_Pirates {
	/**color: var(--RNtxt1Pirates);**/
	color: green;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: auto;
}
.texte1_1attrib_Pirates {
	/**color: var(--RNtxt1Pirates);**/
	color: Orchid;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: auto;
}
.texte1_0attrib_Pirates {
	/**color: var(--RNtxt1Pirates);**/
	color: grey;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: auto;
}
.texte1_Pirates_important {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: auto;
}
.texte1_Pirates_important:hover {
	color: green;
}
.texte1_titre_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	margin: auto;
}
.texte1_titre_tables_RNindex{
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 6px;
}
.texte1BR_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	margin: auto;
	border: 1px solid grey;
}
.texte10BR_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
	margin: auto;
}
.texte2BR_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	margin: auto;
}
.texte20BR_Pirates {
	color: var(--RNtxt1Pirates);
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	margin: auto;
}
.texte21BR_Pirates {
	/*color: var(--RNtxt1Pirates);*/
	color: black;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
	text-align: justify;
	margin: auto;
}
.texte22C_BR_Pirates {
	color: white; /*var(--RNtxt1Pirates);*/
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	margin: auto;
	border: 1px solid grey;
}
.texte22G_BR_Pirates {
	color: white; /*var(--RNtxt1Pirates);*/
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	margin: auto;
	border: 1px solid grey;
}
.texte22D_BR_Pirates {
	color: white;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	margin: auto;
	border: 1px solid grey;
}
.texte1CAC_Pirates {
	/*color: var(--RNtxt1Pirates);*/
	color: green;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	text-decoration: underline overline wavy red;
	text-align: justify;
	margin: auto;
}
.tableBR_RN {
	width: 95%;
	background-color: var(--trColor);
	border: 1px solid black;
	margin: auto;
}
.tableACCES_CROCHET {
	width: 96% ;
	background-color: var(--trColor);
	border: 1px solid black;
	margin-left: 10px;
	/*text-align: left;*/
}
.tableACCES_CROCHET:hover {
	background-color: var(--trColor2);
}
.tableCOMPARER_LOCOS {
	width: 96% ;
	background-color: var(--trColor);
	border: 1px solid black;
	margin-left: 10px;
	/*text-align: left;*/
}
.tableCOMPARER_LOCOS:hover {
	/*background-color: var(--trColor2);*/
}
.tableBR_Appros {
	width: 590px;
	background-color: black;
	border: 1px solid var(--body_lst_BR_Color);
	margin: auto;
}
.table_Cartes {
	width: 95%;
	background-color: black;
	border: 1px solid var(--body_lst_BR_Color);
	margin: auto;
}
.td_ListeImpleBR { /* td Vignettes Gauche Milieu Droite photos */
	/*background-color: black;*/
	border-top: 1px dashed Goldenrod;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.td_tables_RNindex {
	border: 1px solid var(--body_lst_BR_Color);
	border-radius: 5px 15px 0 5px;
}
.td_tables_RNindex:hover {
	/*border: 1px solid var(--body_lst_BR_Color);
	border-radius: 5px 15px 0 5px;*/
	background-color: var(--tdColor2);
}
.td_tables_RNindex_Titre {
	background-color: goldenRod;
	border: 1px solid var(--body_lst_BR_Color);
	border-radius: 5px 15px 0 5px;
}
.td_tables_RNindex_Titre:hover {
	/*border: 1px solid var(--body_lst_BR_Color);
	border-radius: 5px 15px 0 5px;*/
	background-color: var(--tdColor2);
}
.td_tables_RNindex_travaux {
	border: 1px solid var(--body_lst_BR_Color);
}
.td_tables_RNindex_travaux:hover {
	border: 1px solid var(--body_lst_BR_Color);
	background-color: var(--tdColorTravaux);
}
.td_tables_RNindex_important {
	border: 1px solid var(--body_lst_BR_Color);
	background-color: var(--tdColorImportant);
}
.td_tables_RNindex_important:hover {
	border: 1px solid var(--body_lst_BR_Color);
	background-color: var(--tdColorImportant2);
}
.td_COMPARER_LOCOS {
	font-size: 12px;
	border: 1px solid var(--body_lst_BR_Color);
	background-color: var(--tdColor1);
}
/* COMPARER LOCOS */
.td_COMPARER_LOCOS_C1 {
	font-size: 12px;
	border: 1px solid var(--body_lst_BR_Color);
	text-align: center;
	background-color: var(--tdColor1);
}
.td_COMPARER_LOCOS_C2 {
	font-size: 12px;
	border: 1px solid var(--body_lst_BR_Color);
	text-align: center;
	background-color: var(--tdColor2);
}
.td_COMPARER_LOCOS_C1result {
	font-size: 14px;
	color: blue;
	border: 1px solid var(--body_lst_BR_Color);
	text-align: center;
	background-color: var(--tdColor1);
}
.td_COMPARER_LOCOS_C2result {
	font-size: 14px;
	color: blue;
	border: 1px solid var(--body_lst_BR_Color);
	text-align: center;
	background-color: var(--tdColor2);
}
.Noir_Input {
	font-style: italic;
	font-weight: bold;
	background-color: white;
	color: black;
}
.Vert_Input {
	font-style: italic;
	font-weight: bold;
	background-color: white;
	color: green;
}
.Rouge_Input {
	font-style: normal;
	font-weight: bold;
	background-color: white;
	color: red;
}
.input1 {
	text-align: center;
}
.inputReadOnly {
	text-align: center;
	background-color: lightGrey;
}
.inputDisabled {
	text-align: center;
	background-color: grey;
}
.monBouton1 {
	/*user-appearance: none; /* "navigateur, laisse-moi faire */
	border: 1px;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-weight: normal; /* gras */
	font-size: 1rem; /* si le texte devient piti, mettre la valeur 1.6rem */
	color: green; /* blanc sur rouge foncé */
	background: var(--tdColorImportant);
}
.monBouton1_base {
	/*user-appearance: none; /* "navigateur, laisse-moi faire */
	border: 1px solid black;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-weight: normal;
	font-size: 0.9rem; /* si le texte devient piti, mettre la valeur 1.6rem */
	color: purple;
	background: var(--tdColorImportant);
	border-radius: 20% / 50%;
	box-shadow: 0 0 10px white;
}
.monInput1_base {
	/*user-appearance: none; /* "navigateur, laisse-moi faire */
	width: 35px;
	border: 1px solid black;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-weight: normal; 
	font-size: .8rem; /* si le texte devient piti, mettre la valeur 1.6rem */
	color: purple; 
	background: var(--tdColorImportant);
	box-shadow: 0 0 8px black;
}

.image_tchat {
	/*image-orientation: from-image;*/
	/*image-orientation: 90deg;*/
	/*width: 200px;*/
}