body {
	background-color: #CC6600;
	color:  #1E42FF;
}
div#download {
  width:125px;
  position:absolute;
  top:40px;
  left:8%;
  text-align:center;
}
div#download input {
  cursor:pointer;
  font:normal 10pt arial;
}
div#download input:hover {
  background:orange;
}

sup.auteur {
	color: Gray;
	font:normal 8pt arial;
  letter-spacing:0px;
}
.nom {
	margin-top:15px;
	background-color: #D3C098;
	color: #555555;
	font: bold 28pt arial;
	text-align: center;
	letter-spacing: 5px;
	margin-left:10%;
	margin-right:10%;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	border-left: solid 3px white;
	border-top: solid 3px white;
	}
.m_ex {
	font: bold 12pt arial;
	font-style: italic;
	color: #555555;
	padding:10px;
}
.titre_menu, .intro, .img_menu, .combien_el, .combiencat, .tableau, .design {
	background-color: #FFBD7B;
	font: normal 12pt arial;
	font-style: italic;
	color: #555555;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	border-left: solid 3px white;
	border-top: solid 3px white;
	padding:10px;
	margin-top:3px;
	margin-left:10%;
	margin-right:10%;
}
.combiencat, .btn_ok_elements, .btn_ok_catel {
	text-align: center;
}
.combien_el, .tableau, .design {
  visibility: hidden;
  display: none;
}
.tit_menu {
	width: 100%;
}
.area_intro {
	width:100%;
	height: 90px;
}
input, textarea, select {
	background-color: #FFFFAA;
	font: bold 12pt verdana;
	color: Maroon;
}
p.element {
	width: 100%;
	text-align: center;
	font-weight: bold;
}
p.element input {
	font: bold 12pt verdana;
	color: Maroon;
}
div.tableau p.element input {
	font: bold 10pt verdana;
	color: Maroon;
}
p.element input.libelles {
  background-color: #DCDEB4;
}
span.catego {
  background-color: white;
  font:bold 14pt arial;
  color: maroon;
  border:solid 1px maroon;
  padding: 3px;
}
div.donnees-design {
  margin-left:3%;
  margin-right:3%;
  background-color:#FFFFFF;
  padding-left:20px;
  padding-top:15px;
  padding-bottom:15px;
  padding-right:20px;
}
div.boutons {
  width:100%;
  text-align:center;
}
#preview {
  visibility:hidden;
  display:none;
}
table.cfg {
  width:500px;
  margin-left:auto;
  margin-right:auto;
}
table.cfg input, select {
  font-size:10pt;
}
table.cfg input {
  width:100px;
}
td {
  height:30px;
  vertical-align:middle;
}
td.ligne {
  border-bottom:solid 1px gray;
}
div.code {
margin-left:5%;
margin-right:5%;
background:#FFFF33;
color: maroon;
font:normal 13pt arial;
text-align:left;
border:dotted 2px gray;
padding:10px;
}
div.code big {
  font-size:15pt;
  font-weight:bold;
}
div.titre_popup {
  width:100%;
  text-align:center;
  font-weight:bold;
}
p.info_img {
  font:normal 11pt arial;
  color:gray;
  text-align:left;
  margin-left:3%;
}
.valider {
  width:100%;
  text-align:center;
  color:#EAEAEA;
  font:normal 10pt arial;
}
.valider a {color:#EAEAEA;}
img.validation {
  border:0;
  width:88px;
  height:31px;
  vertical-align:middle;
}
span.explic {
  background-color:#FFFFCC;
  color:blue;
  vertical-align:super;
  font:bold 9px arial;
  cursor:pointer;
}