/** Style Message Box **/
#msgBox
{
	position: absolute;
	width: 410px;
	height: 150px;
	text-align: left;
	left: 30%;
	top: 30%;
	z-index: 200;
	display: none;
}
#msgBox_titre
{
	padding: 2px 0px;
	font-size: 11pt;
	font-weight: bold;
}
#msgBox_infoMsgRestant
{
	text-align: center;
	display: none;
}
#msgBox .contenu
{
	margin: 0px;
	width: 408px;
	height: 103px;
	position: relative;
}
#msgBox .imageMsgBox
{
	text-align: center;
	width: 100px;
	margin-top: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 20px;
}
#msgBox .expression
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#msgBoxMsg
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 300px;
	height: 93px;
	padding: 5px;
	font-size: 9pt;
	font-family: arial;
	background: none;
	overflow: auto;
 	border: none;
 	text-align: justify;
	z-index: 200;
}

#msgBoxSaisie
{
	position: absolute;
	right: 5px;
	top: 60px;
	display: none;
	height: 35px;
	width: 300px;
	border: black solid 1px;
	font-family: arial;
	font-size: 9pt;
	padding-left: 2px;
	background-color: snow;
	color: black;
}

#msgBoxListe
{
	position: absolute;
	right: 5px;
	top: 60px;
	display: none;
	width: 300px;
	font-size: 9pt;
	font-family: arial;
}
#msgBox .boutons
{
	text-align: right;
	width: 100%;
	position: absolute;
	right: 8px;
	top: 7px;
}
#msgBox .bouton
{
	width: 100px;
	display: none;
}
#msgBox .bas
{
	position: relative;
}

/** Style général **/
html, body
{
	overflow: hidden;
	text-align: center;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body
{
	text-align: center;
	font-family: arial;
	font-size: 9pt;
}
#corps
{
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#page
{
	margin: auto;
	width: 977px;
}
a
{
	font-weight: bold;
	text-decoration: none;
}
form
{
	margin: 0px;
	padding: 0px;
}
p, .texte, .exemple
{
	text-align: justify;
	margin: 0px;
	padding: 10px 0px;
}
.exemple
{
	font-style: italic;
}
.nom
{
	font-weight: bold;
	font-size: 12pt;
	font-family: arial;
}
.top
{
	font-size: 8pt;
	position: absolute;
	left: 0px;
	top: 20px;
	width: 100%;
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
}
.top:hover
{
	text-decoration: none;
}

/** Page **/
header
{
	position: relative;
	height: 116px;
	width: 975px;
	background-position: top center;
	background-repeat: no-repeat;
}
header > a{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-decoration: underline;
	}

#joueurs
{
	position: relative;
	top: 103px;
	font-size: 7pt;
}
nav
{
	width: 977px;
	height: 37px;
	margin-bottom: 18px;
	text-align: left;
	background-repeat: no-repeat;
}
nav a
{
	width: 96px;
	height: 32px;
}
nav img
{
	margin-top: 3px;
	border: none;
}
#menu1{	margin-left: 60px;}
#menu2{	margin-left: 45px;}
#menu3{	margin-left: 25px;}
#menu4{	margin-left: 25px;}
#menu5{	margin-left: 20px;}
#menu6{	margin-left: 25px;}
#menu7{	margin-left: 30px;}

#menu_cote
{
	width: 155px;
	text-align: left;
	float: left;
	display:inline;
}

.bloc
{
	width: 153px;
	position:relative;
	padding-bottom: 5px;
	
}
.bloc_jouer
{
	width: 248px;
	padding-bottom: 5px;
	position: relative;
	min-height: 41px;
}
.bloc_jouer_contenu
{
	padding-top : 12px;
}
.bloc_contenu
{
	margin-left: 5px;
	font-size: 9pt;
	text-align: left;
}
.bloc_contenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.gdbloc_contenu
{
	margin: 0px 20px;
}
#contenu_page
{
	margin: 0px 18px;
	width: 631px;
	text-align: left;
	float: left;
	display:inline;
}
.gdbloc
{
	width: 629px;
	z-index:1;
}

.champ, .nchamp
{
	border: black solid 1px;
	font-family: arial;
	font-size: 9pt;
	padding-left: 2px;
	background-color: snow;
}
#champ
{
	width:456px;
	height:306px;
}
.nchamp
{
	width: 30px;
}
.pbouton, .icone_bat
{
	border-width: 1px;
	width: 18px;
	height: 18px;
 	padding: 0px;
 	background-repeat: no-repeat;
 	background-position: center center;
}
.icone_bat
{
	border: black solid 1px;
	padding: 0px;
}

a.clair, a.clair:link, a.clair:visited
{
	color: deepskyblue;
	text-decoration: none;
}

a.clair:active
{
	color: #66FFCC;
	text-decoration: underline;
}

a.clair:hover
{
	color: red;
	text-decoration: underline;
}
.titre a, .titre a:link, .titre a:visited
{
	text-decoration: underline;
}
.titre a:hover
{
	text-decoration: none;
}
.bouton
{
	border-width: 1px;
	padding: 1px;
	margin: 0;
	font-weight: bold;
	border-style: outset;
}
.bouton:active
{
	border-style: inset;
}
.titre
{
	text-align: center;
	border: black solid 1px;
	padding: 2px;
}
.titre, .titre td, input.titre
{
	font-weight: bold;
	font-size: 11pt;
	font-family: arial;
}
input.titre
{
	width: 100%;
	border: none;
	background: none;
}
#polconfid
{
	clear: both;
	width: 977px;
	height: 15px;
}
#pied2page
{
	clear: both;
	width: 977px;
	height: 50px;
}
.gdbloc_titre
{
    background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	margin-top: 10px;
	margin: 0px;
	position: relative;
}
.gdbloc_titre h1
{
	margin-top: 0px;
	padding-top: 20px;
	font-size: 13pt;
	font-weight: bold;
}
.titreh1_image
{
	display : none
}
.gdbloc_titre img
{
	margin-top: 10px;
}
.bloc_titre,.bloc_titre2, h2
{
    background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px;
	margin: 0px 8px;
	height: 28px;
}
.bloc_titre
{
	margin-bottom: 8px;
}
.bloc_haut
{
	height: 11px;
	position: relative;
}
.bloc_bas
{
	height: 9px;
	position: relative;
	margin-bottom: 18px;
}
.bloc_titre img, .bloc_titre2 img
{
	margin-top: -8px;
}
select
{
	margin: 0;
}
ul, ol, dl
{
	margin-top: 0px;
	margin-bottom: 0px;
}
dt
{
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}
dd
{
	font-size: 8pt;
	font-family: arial;
	margin-left: 8px;
}
h2
{
	margin-top: 20px;
	margin-left: 20px;
}
h2.long
{
	padding-top: 2px;
	font-size: 10pt;
	overflow: hidden;
	height: 34px;
}
h3
{
	font-size: 14px;
	margin-left: 10px;
}
.description, .description_longue
{
	padding: 5px;
	border: black solid 1px;
	text-align: justify;
}
.description_longue
{
	font-size: 8pt;
	overflow: auto;
}
.info
{
	border: none;
	background: none;
	font-family: arial;
	font-size: 9pt;
}
.avatar
{
	width: 180px;
	height: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	}
.ajout textarea
{
	width: 500px;
	height: 200px;
}
.ajout #nom_auteur
{
	width: 200px;
	margin-left: 20px;
}
.debug
{
	position: relative;
	z-index: 1000;
	background-color: white;
	border: black solid 1px;
	padding: 2px;
}

.disabled, .disabled option
{
	background-color: lightgray;
	font-style: italic;
}

.clearhr
{
	border: 0 none;
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

a img
{
	border: 0;
}

.index_scenars p{
	margin-left:10px;
}

/*****************************/
/** Style boite des balises **/
/*****************************/

#box_balises{
	margin:10px;
	padding:5px;
	border:black solid 1px;
	width:442px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
}
#box_balises > div{
	padding:3px 0px;
}
.cacheBalise{
	border:none;
	width:325px;
	margin-top:5px;
	margin-bottom:4px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left,right;
}
#cache_haut{
	background-image:url("https://ideo-lejeu.com/ideov23/site/boutons/base/bas.png"),
					url("https://ideo-lejeu.com/ideov23/site/boutons/base/bas.png");
	display:block;
}
#cache_bas{
	background-image:url("https://ideo-lejeu.com/ideov23/site/boutons/base/haut.png"),
					url("https://ideo-lejeu.com/ideov23/site/boutons/base/haut.png");
}
#baliseSup{
	display:none;
	flex-flow:row wrap;
	justify-content:space-evenly;
	width:440px;
}
#baliseSup > div{
	padding:3px 0px;
}
.affiche{}
.masque{
	display:none;
}


/*****************************/
/**    Style Confirme Box   **/
/*****************************/
#confirmBox
{
	position: absolute;
	width: 410px;
	text-align: left;
	left: 30%;
	top: 30%;
	z-index: 100;
	display: none;
}

#confirmBox .contenu
{
	margin: 0px;
	width: 408px;
	position: relative;
}

#confirmBox .imageconfBox
{
	text-align: center;
	width: 100px;
	margin-top: 0px;
	padding-top: 10px;
}

#confirmBox .expression
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#confirmBox .confparam {
	width: 250px ; 	
}

#confirmBox label.lblparamconf
{
	float: left ; 
	width: 100px ;
  margin-left : 10px; 	
}

#confirmBox #confBoxMsg
{
	width: 390px;
	height: 50px;
	padding: 5px;
	font-size: 9pt;
	font-family: arial;
	background: none;
	overflow: auto;
 	border: none;
 	text-align: center;
	font-weight: bold;
}

#confirmBox input {
	padding-left:0px;
  margin-left: 0px;
}

#confirmBox .confparamradio {
	margin-left: 100px;
}

#confirmBox #confBoxSaisie
{
	width: 390px;
	font-family: arial;
	font-size: 9pt;
	padding-left: 2px;
	color: black;
}

#confirmBox .boutons
{
	text-align: center;
	width: 100%;
	position: absolute;
	right: 8px;
	top: 7px;
}

#confirmBox .bouton
{
	width: 100px;
}

#confirmBox .bas
{
	position: relative;
}
/************************/
/*   Fin Confirme Box   */    
/************************/