@charset "utf-8";
body
{
	/*background-image: url(../images-rn/bk_1.jpg);-*/
	background-repeat: repeat;
/*	background-attachment:fixed; */
	background-color: #333;
	font-size: 100%;
	color: aliceblue;
/*	margin-left: 50px;*/
}
/*-------------------------------------------*/
label
{
	text-align: right;
	display: inline-block;
	width: 130px;
	float: left;
	overflow:auto;
}
label:after
{
	content: " :  ";
}
				/* STYLES TCHAT*/
.div_smileys
{
/*visibility: hidden;*/
/*	vertical-align: text-top;*/
	width: 25px;
	height: 25px;
	overflow: hidden;
	background-color: #D4CACB;
	margin: 26px 0px 0px 82%;
/*	border-bottom-style: solid 3px;*/
	border-radius: 5px;
	}
.div_smileys:hover
{
/*display: inline-block;*/
visibility: visible;
	width: 150px;
	height: 100px;
}
.img_aide:hover
{
	width: 412px;
	height: 242px;
}
.image_sm span {
	padding: 5px 12px 5px 5px;
    background-color: #e80b0b;
    color: white;
	position: absolute;
    visibility: hidden;
}
 .image_sm img:hover + span {
 	position: absolute;
	visibility: visible;
 	background-color: #FC0505; /*#E1DEDE*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	/*font-style: italic;*/
	color: #FFFFFF; /* #0808A2 */
}	
/* STYLE POUR GRID FORUMS */
.wrapper-tchat {
	display: grid;
	grid-template-columns: 2fr 1fr; /*--------------grid-template-columns: repeat(2, 1fr);---------------------*/
	padding-left: 10%;
 /* 	grid-gap: 10px;*/
/*  	grid-auto-rows: minmax(100px, auto); */
}
.nav-tchat {
  grid-column: 1 / -1; 
  grid-row-start: 1; 
  grid-row-end: 1;   /*-------------- grid-column: 1 / 3 ---------------------*/
  background-color: aliceblue;
  margin-right: 35px;
}
.one {
  grid-column-start: 1; 
  grid-row-start: 7; 
  grid-row-end: 20;   /*-------------- grid-column: 1 / 3 ---------------------*/
}
.two {
	padding-left: 10px;
	padding-right: 10px;
	grid-column-start: 2;
  	grid-row-start: 7; 
  	grid-row-end: 15;
/*
grid-column-start: 2;
  grid-column: 2 / 4;
  grid-row: 1 / 3;
*/
}
.total {
	display: grid;
	grid-template-columns: 2fr 1fr; /*--------------grid-template-columns: repeat(2, 1fr);---------------------*/
	width: 85%;
	align-self: center;
	padding-left: 2%;
 /* 	grid-gap: 10px;*/
/*  	grid-auto-rows: minmax(100px, auto); */
}
.un {
	padding-left: 100px;
  	grid-column-start: 1; 
  	grid-row-start: 7; 
  	grid-row-end: 20;   /*-------------- grid-column: 1 / 3 ---------------------*/
}
.un-un {
  grid-column-start: 1; 
  grid-row-start: 1; 
  grid-row-end: 1;   /*-------------- grid-column: 1 / 3 ---------------------*/
}
.deux {
	padding-left: 10px;
	grid-column-start: 2;
  	grid-row-start: 7; 
  	grid-row-end: 30;
}
/* FIN STYLE POUR GRID FORUMS */

audio
{
background-color: aqua;
}
#avatar
{
width: 25px;
height: 25px;
border: none;
border-radius: 50px;
}
.tchat_pseudo_nav
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	color: #0808A2;
}
.tchat_pseudo_message
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	font-style: italic;
	color: #0808A2; /* #29292A */
}
.tchat_pseudo_message_b
{
	background-color: #A6BFEF;/* #e4e9fc     Bleu*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	font-style: italic;
	color: #0808A2; /* #29292A */
}
.tchat_date
{
	text-align: right;
	float: right;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #29292A;
}
.tchat_date_g
{
	text-align: left;
	float: left;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #29292A;
}
.tchat_date_g_b
{
	background-color: #A6BFEF;/* #e4e9fc  Bleu*/
	text-align: left;
	float: left;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #29292A;
}
.flotleft-mess{
  	width: 65%;
  	height: 430px;
  	float: left;
  	background-color: #FFFFFF;/*Bleu*/
	color: black;
	margin: 5px 1% 5px 15%;
	overflow-y: scroll;
	border: #5059B9 2px solid;
	border-radius: 10px 10px 10px 10px;
	padding: 0 5px 0 5px;
}
.defil
{
	position: absolute;
    margin: 110px -40px;
	width: 30px;
	height: 30px;
}
.tchat_message
{
	color:#1E1E1D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:105%;
	background-color:#FFFFFF;
	padding: 2px 2px 5px 5px;
	border: 1px solid black;
	border-radius: 5px;
}
.tchat_message img
{
	position: relative;
	top : 2.0 px;
}
.tchat_message_d
{
	color:#00000; /* #1E1E1D */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:105%;
	background-color: #E4E9FC ; /* #A6BFEF*/
	padding: 2px 2px 5px 5px;
	border: 1px solid black;
	border-radius: 5px;
}
.tchat_message_d img
{
	position: relative;
	top : 2.0 px;
}
.tchat_message:hover
{
	color:#000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:105%;
	background-color:#E4E9FC;
	padding: 2px 2px 5px 5px;
}
.tchat {
/* text-align: center; Non ça aligne le texte des mess centré*/
/*width: 60%;*/
height: 400px;
margin-left: auto;
margin-right: auto;
border: #5059B9 2px solid;
border-radius: 6px 6px 6px 6px;
padding: 10px;
/*overflow-y: hidden;*/
overflow-y: scroll;
}
.div-env-mess
{
	float: right; /* A voir ^^*/
	text-align: right;
  	margin-left: auto;
	margin-right: 0%;
  	width: 62%;
  	height: 70%;
	margin-top: 5px;
  	background-color:  #f1f1f4;
  	border-radius: 6px;
	padding: 7px 5px 0px 5px;
}
.flotleft-env-mess{
  	width: 65%;
  	height: 100px;
  	float: left;
  	background-color: #5A5757;/*Bleu*/
	color: black;
	margin: 5px 1% 5px 15%;
	overflow: hidden;
/*	border: #5059B9 2px solid;
	border-radius: 6px 6px 6px 6px; */
	padding: 0 5px 0 5px;
}
.flotleft-env-mess-prive{
  	width: 65%;
  	height: 100px;
  	float: left;
  	background-color: #C3EBDA;/*Bleu*/
	color: black;
	margin: 5px 1% 5px 15%;
	overflow: hidden;
/*	border: #5059B9 2px solid;
	border-radius: 6px 6px 6px 6px; */
	padding: 0 5px 0 5px;
}
.supp /* Bouton suppression des messages forum_delegues */
{
	max-height: 70px;
	margin: -8px auto;
	max-width: 100px;
	justify-content: center;
    border: 2px ridge #f00;
    background-color: #000000;
/*	margin-right: 10%; */
    padding: .1rem;
}
.supp p
{
/*    font: small-caps bold 1.2rem sans-serif; */
	color: #FFFFFF;
}
.supp img {
    width: 100%;
	text-align: center;
	justify-content: center;
}
@media screen and (max-height: 700px)
{
	.flotleft-mess
	{
	height: 350px;
	}
	.defil
	{
		margin: 60px -40px;
	}
}
@media screen and (max-width: 1000px)
{
.supp
	{
		max-height: 70px;
		margin-right: 6%;
	}
}
.container-tchat /* Pas utilisé 08/03/21 */
{
  text-align: center;
  padding: 15px;  
}
#div_mess_d
{
float: right;
/*width: auto;*/
max-width: 80%;
min-width: 40%;
min-height: 40px;
margin-right: 10px;
position: relative;
padding: 5px;
color:  #000000; /*#2F2F2F*/
background: #A6BFEF;/*  #0B93F6*/
border-radius: 5px;
margin-bottom: 5px;
margin-top: 5px;
clear: both
}
#div_mess_g
{
float: left;
width: auto;
max-width: 60%;
min-width: 40%;
margin-left: 10px;
position: relative;
padding: 5px 20px;
color:  #000;
background: #E7E7E9;
border-radius: 5px;
margin-bottom: 5px;
margin-top: 5px;
clear: both
}
#div_mess_bleu
{
background: #A6BFEF;
}
.nav_chat
{
  	width: 65%;
  	height: 50px;
  	float: left;
  	background-color: #FFFFFF;/*Bleu*/
	color: black;
	margin: 5px 1% 5px 15%;
	border: #5059B9 2px solid;
	border-radius: 6px 6px 6px 6px;
	padding: 0 5px 0 5px;
}
.nav_chat input {
  width: 40px;
  height: 20px;
  margin: 0;
}
.cont-right
{
display: block;
max-width: 500px;
}
.left-div
{
    display: inline-block;
    max-width: 70%;
	min-width: 70%;
    text-align: left;
    padding: 5px 10px 5px 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
/*	margin-top: 15px; */
    margin-left: 7%;
    vertical-align: top;
}
.right-div
{
	display: inline-block;
	color:#1E1E1D;
	/*  max-width: 30%;  Modifié pour place de supp mess */ 
	min-width: 9%;
	text-align: left;
	padding: 5px 5px 5px 3px;
	background-color: #E5E5FF;
	border: 2px solid #1F1DE9;
	border-radius: 5px;
	margin-right: 7%;
	margin-top: 5px;
	vertical-align: top;
}
.bt-pause
{
  display: inline-block;
  color:#1E1E1D;
  max-width: 27%; 
/*  min-width: 10%; */
  text-align: left;
  padding: 5px 5px 5px 3px;
  background-color: #929292;
  border-color: #000000;
  border-radius: 3px;
/*  margin-right: 7%; */
  margin-top: 15px;
  vertical-align: top;
}


/* 								FIN STYLE TCHAT*/
#exp
{
align-content: center;
}
#dest
{
align-content: flex-end;
}
input
{
/*	width: 130px;	*/
}
.div_carte_brs /*Div Carte des brs par villes*/
{
/*position:absolute;
top: 150px;
left: auto;*/
/* align:center; 
display:inline-block;*/
margin-top: 10px;
margin-left:auto;
margin-right: auto;
margin-bottom: 20px;
width:1121px;
height: auto;
padding: 5px,5px,5px,5px;
border: solid,0px,0px,12px,12px,#C0C0C0 ;
border-right: solid,#F0070B;
} 
/*
.div_carte_brs:hover
{
width:100%;
height: auto;
cursor: zoom-in;
}
*/
.tdvil /*Pas utilisé*/
{
color: #000000;
/*background-color: #FFFFFF;*/
}

.form-control {
    width: 50%; /*50%*/
	font-family:"Comic Sans MS", cursive;
    height: auto; /*34px*/
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #000000
	}
.box-form { 
   display: inline-block;
/*   position: rform-controlelative; */
/*	font-family:"Comic Sans MS", cursive;    */
/*   margin-left: 10%;*/
   background: #F0EDEE;
   font-size: 16px;
   border-radius: 10px;
/*   border-color: #00FF05; */
   width: 10%;
   height: auto;
   color: #000000;
}
#gauche { 
   position: relative;
   font-size: 16px;
   text-align: left;
   padding-top: 20px;
   padding-left: 20px;
   width: 50%;
   top: 0px; 
   left: 0px; 
}
#gauche-nouv-tmp { 
   position: relative;
   font-size: 16px;
   text-align: left;
   padding-top: 20px;
   padding-left: 20px;
   width: 60%;
   top: 0px; 
   left: 0px; 
}
#droite { 
   position: relative;
   text-align: left;
   width: 40%;
   top: 0px; 
   left: 0px; 
}
/* ----------------------------------------- */
.conteneur-rn
{
	width: 100%;
	border:1px solid #6A6767;
	border-radius: 20px 20px 20px 20px;
}
.table-villes
{
	width: auto;
	font-family:'Amazone BT'cursive; 
	font-size:14px;;
/*	font-weight: bold; */
	color: #000000;	
}
.form-villes
{
	width: 50%;
	align: center;
	font-family:"Comic Sans MS", cursive;
	font-size:1.05em;;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
}
.icone /* pour l'cone raf du forum */
{
background-image:url("../images-rn/icones/actualise-5.png");
border:1px solid #FFFFFF;
align-content: center;
height: 24px;
width: 24px;
vertical-align: middle;
transition: background-color 0.5s;	
}
.icone:selected /* ne fonctionne pas */
{
	background-color: #15F51A;
}
.icone:hover
{
	background-color: #F2F7AB;
}

.liens-pages
{
/*	vertical-align: top;*/
/*	vertical-align: bottom; */
/* 	vertical-align: baseline; */
/*	vertical-align: middle;*/
	/*height: 24px;*/
	text-decoration: none;
	background-color: #9E9E9E;
	height: 24px;
	font-size: 24px;
	color: #EBEBA4;
	border:1px solid #C7C7C7; 
	transition: background-color 0.5s;
}
.liens-pages:hover
{
	background-color: #F2F7AB;
	color: #000000;
	border-color: #666666;
}
.liens-pages:selected /*A VOIR*/
{
	background-color: #FFFFFF;
	color: #F0797B;
}
.liens-num
{
	/*vertical-align: bottom;*/
	/*height: 24px;*/
	background-color: #9E9E9E;
	font-size: 18px;
	color: #EBEBA4;
	border:1px solid #C7C7C7; 
	transition: background-color 0.5s;
}
.liens-num:hover
{
	background-color: #F2F7AB;
	color: #333333;
	border-color: #666666;
}
.liens-num:active
{
	background-color: #99F49A;
	color: #333333;
	border-color: #666666;
}

.a { color: #F2EF66; }
.gras_comic_16
{
	font-weight: bold;
	font-size: 16px;
}
.gras_comic_18
{
	font-weight: bold;
	font-size:18px;
}
.gras_comic_24
{
	font-weight: bold;
	font-size:24px;
}
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Calibri","sans-serif";
}

/* CSS Document */

 pour remontée dans page 
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../img/cd-top-arrow.svg) center 50% no-repeat rgba(232,98,86,.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s;
}
.fixed
{
 position: fixed;
  bottom: -3.5%;
  right: 20%;
}
.td_centre
{
	text-align: center;
	font-size: 18px;
}
.td_titre_centre
{
	/*	background-color:#808080; */
	text-align:center;
	font:"Comic Sans MS", cursive;
	font-size:30px;
	font-weight: bold;
	color: #CCC;
}
.td_titre_centre_bg
{
	background-color:#808080;
	text-align:center;
	font:"Comic Sans MS", cursive;
	font-size:36px;
	font-weight: bold;
	color: #e9fae4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.td_titre_centre_bg_25
{
	background-color:#808080;
	text-align:center;
	font:"Comic Sans MS", cursive;
	font-size:24px;
	font-weight: bold;
	color: #e9fae4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.td_titre_centre_bg_25_dern_nouv
{
	background-color:#808080;
	text-align:center;
	font:"Comic Sans MS", cursive;
	font-size:24px;
	font-weight: bold;
	color: #e9fae4;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.td_titre_centre_grey
{
	/*	background-color:#808080; */
	text-align:center;
	font:"Trebuchet MS";
	font-size:30px;
	font-weight: bold;
	color:#006;
	font-style: italic;
}
.td_texte
{
	text-align:center;
	border-left-width:medium;
	font:"Comic Sans MS", cursive;
	font-size:16px;
	background-color:#FFC;
	color:#666;
	padding-left: 10px;
	padding-right: 15px;
}
.e {background-color: #ccccff; font-weight: bold; color: #000000;}
.ef {font-style: "Comic Sans MS", cursive;background-color: #ccccff; font-weight: bold; color: #000000;}
.ee {background-color: #cccccc; color: #000000;}
.v {background-color: #cccccc; color: #000000;}
.x {background-color:#E2E2E2; color:#666;}
.titre-message {background-color:#E2E2E2; color:#666;}
.nouv 
{
	background-color:#bdc3c7;
	color: #e9fae4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.td_pseudo
{
	text-align:right;
	width:90px;
	height:24px;
	align:"right";
	background-color:#CCC;
}
.td_ch_pseudo
{
	background-color:#FFC;
	width:240px;
	height:24px;
	align:"left";
}
.td_liste_id
{
	width:10px;
	height:24px;
}
.td_liste_ville
{
	width:100px;
	height:24px;
	background-color:#999;
	color:#FFC;
}
.td_liste_pseudo
{
	width:80px;
	background-color:#FFF;
}
.td_liste_pseudoa
{
	width:80px;
	background-color:#FF6;
	}
.td_liste_pseudod
{
	width:80px;
	background-color:#F63;
	color:#FFF;
}
.td_liste_pseudoo  anciennes villes
{
	width:80px;
	background-color:#FFF;
	color:#FFF;
}
.td_liste_edit
{
	text-align:center;
	width:25px;
	background-color:#cccccc;
}
.c
{
	text-align:center;
	width:25px;
	background-color:#cccccc;
}
.fich_ville
{
	background-color:#FFFFFF;
	width:50px;
}
.e {background-color: #ccccff; font-weight: bold; color: #000000;}
.v {background-color: #cccccc; color: #000000;}
.ch_id
{
	width:14px;
}
.formulaire
{
	background-color:#CCC;
	color:#000;
} 
.fond-tableau
{
	background-color:#CCC;
}
.da
{
	width:8px;
}

.fond-gris{background-color:#B8DCDC; width:33%}
.fond-rouge {background-color:#F63; width:33%x}
.fond-rose 	{background-color: #FEDEE7}
.fond-jaune{background-color:#FF6; width:33%}
.souligné{text-decoration:underline;}
.souligné-pointille{text-decoration: underline dotted;}
.souligné-rouge{text-decoration: underline overline #FF3028;}
.souligné-16px{
	text-decoration: underline;
	font-size: 16px;
}
.arrondi {
    width: 120px;
    height: 20px;
    border: 2px solid #000;
    -webkit-border-radius: 12px / 24px;
    -moz-border-radius:    12px / 24px; 
    border-radius:         12px / 24px; 
}

.list-imp {
	font-size: 1.05em;
	font-family:"Comic Sans MS", cursive;
	line-height: 120%;
	color:#FFFFFF;
	padding-left: 20%;
}
#pos
{
	position: absolute;
	top: 250px;
}
.table-temps {
/*display:inline-block;*/
vertical-align:top;
	font-size: auto;
	font-family: Roboto;
	color:#FFFFFF;
	/*padding-left: 20%;*/
}
.texte {
	width: 100%;
	font-size: 1.05em;
	font-family:"Comic Sans MS", cursive;
	line-height: 100%;
	color:#333;
}
.texte p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}	
.texte p+p {
	text-indent: 2em;
}
.texte .spip_documents_center,
.texte .spip_documents_left {
	margin-left: -2em;
}
.texte>p:first-child:first-line,
.texte h3+p:first-line {
	font-variant:small-caps;
	font-weight: bold;
	font-family: "Comic Sans MS", cursive;
}
.img{
	position:absolute;
	width: 200px; /*tu met les bonnes dimensions */
	height: 150px; /* pareil */
/*	left: 162px;
	top: 314px; */
}
.img:hover{
	width: 60%; /*tu met les dimensions agrandies */
	height: 65%; /* pareil */
	text-align: center;
	z-index: 3;
	position: fixed;   /* positions dans la fenetre */
/*	aligne: center; /* apparemment ça fonctionne pas */
	top: 15%;  
	left: 25%;
/*	margin-left:auto;
	margin-right:auto; */
}
.mark { background-color:yellow; color:black; }
.haut-page {
    width: 67px;
    height: 90px;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 25px;
    display: none;
}
.paragraph-text
{ 
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:120%;
	background-color:#808080;
	padding: 2px 5px 5px 5px;

}
.paragraph-text-titre
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	background-color:#808080;
	padding: 2px 5px 5px 0px;
}
.paragraph-text-titre-centré
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	background-color:#808080;
	padding: 2px 5px 5px 0px;
	text-align:center;
}
.paragraph-text-titre-droite
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	background-color:#808080;
	padding: 2px 5px 5px 0px;
	text-align:right;
}
.paragraph-text-titre-gauche
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	background-color:#808080;
	padding: 2px 5px 5px 10px;
	text-align:left;
}
.paragraph-text-90
{
	color:#FFFEE1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#808080;
	padding: 2px 2px 5px 10px;
}

.paragraph-text-90-souligne
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:90%;
	text-decoration: underline;
	padding: 2px 5px 5px 0px;
}
.paragraph-text-90-italique
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:90%;
	background-color:#808080;
	font-style:italic;
	padding: 2px 5px 5px 0px;
/*	font-weight: bold; */
}
.paragraph-text-90-italique-souligne
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:90%;
	background-color:#808080;
	font-style:italic;
	text-decoration: underline;
	padding: 2px 5px 5px 0px;
}
/* se fait dans le css style js */

.scrollToTop {
  width: 67px;
  height: 90px;
  text-decoration: none;
  position: fixed;
position: -webkit-sticky;
position: sticky;
  bottom: 70px;
  right: 30px;
  display: none;
}
/*
.scrollToTop img {
  width: 50px;
}

.scrollToTop:hover {
  text-decoration: none;
}
*/
.scrollToBot {
  width: 67px;
  height: 90px;
  text-decoration: none;
  position: fixed;
position: -webkit-sticky;
position: sticky;
  top: 350px;
  right: 30px;
  display: none;
}
.texte-rouge
{
	color:#F30000;
	font-size:200%;
}
.paragraph-text-100
{
	color: #FFFEE1;
	font: "Trebuchet MS";
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #808080;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 1px;
}
.paragraph-text-100-souligne
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	
	padding: 2px 5px 5px 2px;
	text-decoration: underline;
}
.paragraph-text-100-souligne-simple
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	padding: 2px 5px 5px 2px;
	text-decoration: underline;
}
.paragraph-text-100-italique
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	background-color:#808080;
	font-style:italic;
	padding: 2px 5px 5px 0px;
}
.paragraph-text-100-italique-souligne
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:100%;
	background-color:#808080;
	font-style:italic;
	text-decoration: underline;
	padding: 2px 5px 5px 0px;
}
.paragraph-text-110
{
	color:#FFFEE1;
	font:"Comic Sans MS", cursive;
	font-size:110%;
	background-color:#808080;
	padding: 2px 5px 5px 10px;
	font-style: "Comic Sans MS", cursive;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.paragraph-text-110-souligne
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:110%;
	 background-color:#808080; 
	padding: 2px 5px 5px 2px;
	text-decoration: underline;
}
.paragraph-text-110-souligne-italique
{
	color:#FFFEE1;
	font:"Trebuchet MS";
	font-size:110%;
	font-style: italic;
	text-decoration: underline;
	background-color:#808080; 
	padding: 2px 5px 5px 2px;
}
.paragraph-text-120
{
	color:#FFFEE1;
	font: "Trebuchet MS";
	font-size: 120%;
	padding: 2px 20px 5px 5px;
	background-color:#808080;
}
.paragraph-text-120-souligne
{
	color:#FFFEE1;
	font: "Trebuchet MS";
	font-size: 120%;
	padding: 2px 20px 5px 5px;
	background-color:#808080;
	text-decoration: underline;
}
.texte-message-contact
{
	font:"Trebuchet MS";
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:120%;
	padding: 2px 5px 5px 0px;
}
.circle-menu-locos{
    margin:1px;
    width:85px;
    height:30px;
    border-radius: 5px 10px;
    background-color:#3D6AA2;
    color:#fff;
    text-align:left;
    font-size:14px;
    overflow:hidden;
}

.circle
{
    margin:1px;
    width:130px;
    height:30px;
    border-radius: 5px 20px;
    background-color:#3D6AA2;
    color:#fff;
    text-align:center;
    font-size:14px;
    overflow:hidden;
	cursor: pointer;
}
#rouge
{
	border-radius: 20px;
	border-width: 0px;
	background-color:#F30;
	color:#fff;
}
.circle.one-line{line-height:100px;}
.circle.multi-line{
    padding-top:30px;
    height:70px;
}
.circle_rouge
{
	margin:1px;
	width:130px;
	height:30px;
	border-radius: 5px 20px;
	background-color:#F30;
	color:#fff;
	text-align:center;
	font-size:14px;
	overflow:hidden;
	cursor: pointer;
}

.circle-150
{
	margin:1px;
	width:150px;
	height:30px;
	border-radius: 5px 20px;
	background-color:#3D6AA2;
	color:#fff;
	text-align:center;
	font-size:14px;
	overflow:hidden;
	cursor: pointer;
}
.circle-200
{
	margin:1px;
	width:200px;
	height:30px;
	border-radius: 5px 20px;
	background-color:#3D6AA2;
	color:#fff;
	text-align:center;
	font-size:14px;
	overflow:hidden;
	cursor: pointer;
}
.circle-200:hover
{
	margin:1px;
	width:200px;
	height:30px;
	border-radius: 5px 20px;
	background-color:#9DECAB;
	color:#0E3301;
	text-align:center;
	font-size:14px;
	overflow:hidden;
	cursor: pointer;
}
.circle-250
{
	margin:1px;
	width:250px;
	height:30px;
	border-radius: 5px 10px;
	background-color:#3D6AA2;
	color:#fff;
	text-align:center;
	font-size:14px;
	overflow:hidden;
	border-bottom-color:#006;
	cursor: pointer;
}
.circle-250-menu-aide
{
	margin:1px;
	width:250px;
	height:25px;
	border-radius: 5px 10px;
	background-color:#3D6AA2;
	color:#fff;
	text-align:left;
	font-size:14px;
	overflow:hidden;
	border-bottom-color:#006;
	cursor: pointer;
}
.circle-250-menu-aide-red
{
	margin:1px;
	width:250px;
	height:25px;
	border-radius: 5px 10px;
	background-color:#E02157;
	color:#fff;
	text-align:left;
	font-size:14px;
	overflow:hidden;
	border-bottom-color:#006;
	cursor: pointer;
}
.table-gen  non fonction 
{
	align:center;	
	width:85%;
	border:1px;
}
.table-tchat
{
width: 60%;
border: 3;
/*align: center;*/
vertical-align: top;
overflow: scroll;
}
.table-mess  /*Table des mess  */
{
border:#F00;
border:double;
background-color:#CCC;
height:auto;
vertical-align:middle;
}
 /*Pour messages javascript */
         #confirm {
            display: none;
            background-color: #F3F5F6;
            color: #000000;
            border: 1px solid #aaa;
            position: fixed;
            width: 300px;
            height: 100px;
            left: 30%;
            top: 30%;
            box-sizing: border-box;
            text-align: center;
         }
         #confirm button {
            background-color: #FFFFFF;
            display: inline-block;
            border-radius: 12px;
            border: 4px solid #aaa;
            padding: 5px;
            text-align: center;
            width: 60px;
            cursor: pointer;
         }
         #confirm .message {
            text-align: left;
         }
/*
#tab, #tab caption
{
    margin: auto;
}
*/
#tab
{
	border: #DDEEFF 2px solid;
	border-collapse: separate;
	border-spacing: 2px;
	empty-cells: hide;
}
.for-pages
{
	/*opacity: 0.8;*/
	font-family: Roboto;
	font: Roboto;
	font-size:14px;
	/*font:"Trebuchet MS";*/
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color : #000000;
/*	transition: 0.15s; */
}
.for-pages:hover
{
	font-family: Roboto;
	font: Roboto;
	font-size:14px;
/*	font-weight: bold;*/
	color : #03079F;
/*	background-color: #D0CEFA; */
	
}
.for-pages-i:hover
{
	/*opacity: 1;*/
	font-family: Roboto;
	font: Roboto;
	font-size:14px;
	/*background-color: #F2F5F7;*/
	color : #000000;
}
.for-titre
{
	font:"Trebuchet MS";
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	background-color: #808080;
	color : #E9FAE4;
}
/* Fin message javascript */
.infobulle {
  position: relative;  /* les .infobulle deviennent référents */
  /* cursor: help; */
}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover::after,
.infobulle:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top: 0;
  /*left: 150px; */
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne */
}
.bt-ps
{
	background-image: url(../images/bandeau-fond-1.jpg);
	align: center;
	width: auto;
	/*width: 150px;*/
	font-family: "MostraNuovaAltDW00-Bold";
	font-size: 14px;
	background-color: #FFFFFF;
	border-color: #442103;
/*
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
*/	
	border-radius: 100px;
	top: 20px;	
}
.bt-brs-paxs
{
	align: center;
	width: auto;
	width: 100px;
	font-family: "MostraNuovaAltDW00-Bold";
	font-size: 20px;
	background-color: #F8ADAF;
	border-color: #442103;
/*
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
*/	
	border-radius: 100px;
	top: 20px;	
}