.BodyPage {
 border: 0px;
 background-color: #000000;
 color: #000000;
 font-size: 9pt;
 font-family: Arial;
 width: 100%;
}

/** Separateur **/
.Separator {
 padding-left: 20px;
 width:700px;
 border-collapse:collapse;
 border-spacing:0px; 
}

.SeparatorLeft {
 background: url('../graphics/SeparatorLeft.gif');
 padding: 0px;
 width: 5px;
 height: 20px;
 border-style: none;
}
.SeparatorCenter {
 color: #660000;
 font-size: 9pt;
 font-family: "Arial Black";
 font-weight: normal;
 text-align: left;
 white-space: nowrap;
 height: 20px;
 vertical-align: top;
 border-style: none;
 background: url('../graphics/SeparatorMiddle.gif');
}
.SeparatorRight {
 background: url('../graphics/SeparatorRight.gif');
 padding: 0px;
 width: 5px;
 height: 20px;
 border-style: none;
}

/** Boutons de type image **/
.ButtonInputImage {
 padding : 0px;
 vertical-align : middle;
 width: 21px;
 height: 21px;
}

/** Boutons de type lien **/
.ButtonInputLink {
 font-family : Arial;
 font-size : 9pt;
 font-weight : bold;
 text-decoration : none;
 color : #000000;
}
.ButtonInputLink:hover {
 font-family : Arial;
 font-size : 9pt;
 font-weight : bold;
 text-decoration : none;
 color : #CF9F39;
}

/** Boutons standards **/
.ButtonInputButton {
 color: #000000;
 font-size: 9pt;
 font-family: Arial;
 font-weight: bold;
 text-decoration: none;
 background-color: #bbbbbb;
 white-space: nowrap;
 padding-bottom: 2px;
 height: 21px;
 border-style: none;
}
.ButtonInputButton:hover {
 color: #ffffff;
 font-size: 9pt;
 font-family: Arial;
 font-weight: bold;
 text-decoration: none;
 background-color: #880000;
 white-space: nowrap;
 padding-bottom: 2px;
 height: 21px;
 border-style: none;
}

/** - Bouton de type icone texte **/
.ButtonInputButtonImg {
 background: url('../graphics/bcentre.gif');
 border-style: none;
 height : 21px;
 white-space : nowrap;
 vertical-align : middle;
}
.ButtonInputButtonImgOver {
 background: url('../graphics/bcentreover.gif');
 border-style: none;
 height : 21px;
 white-space : nowrap;
 vertical-align : middle;
}

.Vignette {
 border: #000000 solid 1px;
 background-color: #eeeeee;
 text-align: center;
 width: 110px;
 height: 125px;
 vertical-align: top;
 margin-bottom: 10px;
 margin-right: 5px;
}

.ImageChooser2 {
	height: 50px;
	width: 750px;
   }

.ImageChooser {
 height: 60px;
 width: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 border: none;
}

.ImageChooser a {
 text-align: center;
 vertical-align: top;
 border: #FFFFFF solid 1px;
}

.ImageChooser img {
 border: #888888 solid 1px;
 background-color: #ffffff;
 border-radius: 3px 3px 3px 3px;
 padding: 2px;
}

.ColorChooser {
 height: 25px;
 width: 750px;
}

.ColorElt {
 cursor: pointer;
}

/** Tables **/
.Table {
 border-collapse:collapse;
 font-family: 'Arial';
 font-weight: normal;
}

.LigneTitre {
 border-bottom:#BB9999 solid 1px;
 background-color: #DDDDDD;
}

.Ligne {
 border-bottom:#DDBBBB solid 1px;
 background-color: #FFFFFF;
}

.CelluleTitre {
 font-weight: bold;
 padding-left: 5px;
 padding-right: 5px;
 border-right:#BB9999 solid 1px;
}

.Cellule {
 padding-left: 5px;
 padding-right: 5px;
 border-right:#DDBBBB solid 1px;
}

/** Composants de saisie **/
.Label {
 color: #444466;
 font-family: 'Arial';
 font-size: 1.3em;
 font-weight: normal;
 text-decoration: none;
 white-space : nowrap;
 padding-right: 5px;
 padding-top: 3px;
 height: 16px;
 float:left; 
}

.LabelFixe {
 color: #444466;
 font-family: 'Arial';
 font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 white-space : nowrap;
 padding-top: 3px;
 height: 16px;
 width:150px;
 float:left;
}

.ReferenceFieldSelectInput {
 color : #222222;
 font-family: 'Arial';
 font-weight: normal;
 vertical-align : top;
}

.TextFieldInput {
 color: #222222;
 font-family: 'Arial';
 font-weight: normal;
 vertical-align : top;
}

/** Formattage pour l'affichage des articles **/
.tbl {
 border-collapse:collapse;
 font-family: 'Arial';
 font-weight: normal;
}

.tbl_cellheader {
 background-color: #CCCCCC;
 border:#888888 solid 1px;
 font-weight: bold;
 text-align: center;
}

.tbl_cell {
 background-color: #FFFFFF;
 border:#888888 solid 1px;
 padding: 1px;
 padding-left: 5px;
 padding-right: 5px;
}

.article {
 color: #000000;
 font-family: 'Arial';
 font-size: 1.1em;
 font-weight: normal;
 float:none;
 padding:5px;
}

.titre1 {
 color: #222222;
 font-size: 1.2em;
 font-weight: bold;
 padding-top:10px;
 padding-left:50px;
 padding-bottom:10px;
 height: 30px;
 background-image: url("../graphics/titre1.png");
 background-repeat: no-repeat;
}

.titre2 {
 color: #222222;
 font-size: 1.1em;
 font-weight: bold;
 height: 30px;
 padding-bottom:10px;
 padding-left:24px;
 padding-top:7px;
 background-image: url("../graphics/titre2.png");
 background-repeat: no-repeat;
}

.titre3 {
 color: #222222;
 font-size: 1.2em;
 font-weight: bold;
 padding-left:10px;
 height: 20px;
 padding-top:4px;
}

.titre4 {
 color: #222222;
 font-size: 1.1em;
 font-weight: bold;
 padding-left:15px;
}

.lienpdf {
 color: #2222bb;
}

.barre {
 text-decoration: line-through;
}

.souligne {
 text-decoration: underline;
}

.gras {
 font-weight: bold;
}

.italique {
 font-style: italic;
}

.puce1 {
 background: url('../graphics/puce1.gif');
 padding-left:15px;
 background-repeat:no-repeat;
}

.puce2 {
 background: url('../graphics/puce2.gif');
 padding-left:25px;
 background-repeat:no-repeat;
}

.puce3 {
 background: url('../graphics/puce3.gif');
 padding-left:35px;
 background-repeat:no-repeat;
}

.lienArticle {
 font-weight: bold;
 color: #662222;
 cursor: pointer;
}

.syntaxe {
 font-family: 'Arial';
 font-size: 1em;
 font-weight: normal;
}

/** Mise en page principale **/

.identTable {
 width: 100%;
 border-collapse:collapse;
 border-spacing:0px;
 border: 1px solid #000000
}

div {
	text-align:left;
}

.toolbar {
	background: #cccccc;
	color: #000000;
	display: none;
}

a {
	text-decoration: none;
}

td {
	padding: 0px;
}

.buttonBarTd {
	width: 55px;
	vertical-align: top;
	display: none;
}

.buttonBar {
	background: #000000;
	font-size: 2em;
	padding: 8px;
	padding-right: 0px;
	width: 45px;
}

.itemBar {
	width: 27px;
}

.buttonBar a {
	color: #000000;
}

.buttonBar a.selitem {
	color: #ffffff;
}

.gameBar {
	background: #000000;
	display: none;
}

.gameBarArchived {
	background: #222222;
	display: none;
}

.gameBar a {
	font-size: 1.2em;
	color: #000000;
}

.gameBarArchived a {
	font-size: 1.0em;
	color: #222222;
}

.game {
	width: auto;
	padding-right: 5px !important;
	padding-left: 5px !important;
	margin-top: 5px;
	margin-right: 10px;
}

.archived {
	color: #FF0000;
}

.empty {
	height: 5px;
}

.colnotselected {
	background: #eeeeee;
}

.col1 {
	background: #d4d4d4;
}

.col2 {
	background: #c0c0c0;
}

.col3 {
	background: #aaaaaa;
}

.col4 {
	background: #929292;
}

.col5 {
	background: #7f7f7f;
}

.col6 {
	background: #727272;
}

.col0 {
	background: #e0e0e0;
	color: #ffffff;
}

.selitem {
	background: #880000;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	color: #ffffff;
}

.selitemArchived {
	background: #660000;
	border-radius: 5px 5px 5px 5px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	color: #dddddd;
}

.selitem2 {
	border-radius: 10px 10px 0px 0px;
	color: #880000;
}

.unselitem {
	background: #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	color: #000000;
}

.unselitemArchived {
	background: #888888;
	border-radius: 5px 5px 5px 5px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	color: #000000;
}

.unselitem2 {
	border-radius: 10px 10px 10px 10px;
	color: #000000;
}

.unselitemA {
	color: #000000;
}

.colfond {
	background: #ffffff;
}

.menu {
	padding-left : 2px;
	padding-right : 2px;
	text-align: center;
	font-size: 1.2em;
}

.bouton {
	border-radius: 3px 3px 3px 3px;
	border: solid 1px #888888;
	padding : 3px;
	padding-left : 10px;
	padding-right : 10px;
	margin : 5px;
	margin-bottom : 0px;
	text-align: center;
	background-color: #cccccc;
	color: #000000;
	display: none;
}

.item {
	font-size: 1.2em;
	padding-left : 0px;
	padding-right : 0px;
	border-radius: 0px 5px 0px 0px;
	border: solid #444444 1px;
}

.contenu {
	min-height:600px;
	padding:5px;
	margin:5px;
	width: 100%;
	background-color: #FFFFFF;
	font-size: 1.3em;
}

.articles{
	padding-right:3px;
}

.menulist{
	padding: 5px;
	padding-bottom: 0px;
	padding-top: 2px;
	/*border: solid #ffffff 1px;
	border-bottom: solid #000000 3px;*/
	border-right: solid #000000 1px;
}

html body.BodyPage form table.u-full-width tbody tr td div.ZoneUtile div.row.toolbar.u-max-full-width.flowZone.gameBar {
	display: none;
}

html body.BodyPage form table.u-full-width tbody tr td div.ZoneUtile div.row.toolbar.u-max-full-width.flowZone.gameBarArchived {
	display: none;
}

.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box; 
}
	
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}

.flowZone {
	width: auto;
	height: auto;
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	display: flex;
	flex-wrap: wrap;
  }
  
  .flowCell {
	width: auto;
	min-height: 20px;
	padding-left: 5px;
	padding-right: 7px;
	margin-right: 5px;
	margin-top: 2px;
	/*border-radius: 5px;
	border-style: outset;*/
  }

  .flowCell:first-child {
	padding-left: 7px;
  }
  
  .articleBar {
	width: 200px;
  }
  
  .menuIcon {
	font-size: 1.2em;
  }

  .entete {
	width: 100%;
	min-height: 16px;
    padding: 5px;
	color: #000000;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	white-space : nowrap;
}

/* HIDE RADIO */
[type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* IMAGE STYLES */
  [type=radio] + img {
	cursor: pointer;
  }
  
  /* CHECKED STYLES */
  [type=radio]:checked + img {
	outline: 2px solid #f00;
  }

  .editPanel{
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #dddddd;
	background-color: #eeeeee;
	padding-top: 5px;
}

.area {
	width:100%;
}

.exportElt {
	padding: 1px;
	padding-left : 5px;
	padding-right : 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	border-radius: 5px;
	border: solid #000000 1px;
	background-color: #eeeeee;
}

.trans {
	background-color: transparent;
	border: none;
}

.hauteurLigneTableau {
	height: 30px;
}

.article img{
	max-width: 100%;
	height : auto;
}

.privateBloc {
	background-color: #EEEEEE;
	padding: 2px;
	border-radius: 5px;
	border: solid #000000 1px;
}