/* MEP - Mise En Page */
#stcode  * { 
	font-family: "Microsoft Sans Serif", sans-serif, Arial; 
}
#stcode input,select,button { 
	border: #CCCCCC 1px solid; 
	background: #F8F8F8; 
	padding: 1px; 
	margin: 1px;
	color: #000000;
}
#stcode input:hover, button:hover { 
	border: #999999 1px solid; 
	background: #CCCCCC; 
}
#stcode optgroup  {
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
}
#stcode  option {
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}
#stcode .bouton_cliquable
{
cursor: pointer;
border: 1px;


}
#stcode .bouton_cliquable:hover
{
border: 1px solid;

}

#stcode .selected {
	color: #0066CC;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

#stcode .citation, .code {
	font-weight: bold;
	display: block;
	width: 90%;
	margin: auto;
}
#stcode .citation2, .code2 {
	border: 1px dashed #0099FF;
	background-color: #FFFFFF;
	width: 90%;
	padding: 8px;
	margin: auto;
	overflow: auto;
}
#stcode .ttpetit { font-size: xx-small; }
#stcode .tpetit  { font-size: x-small; }
#stcode .petit   { font-size: small; }
#stcode .gros    { font-size: large; }
#stcode .tgros   { font-size: x-large; }
#stcode .ttgros  { font-size: xx-large; }

#stcode .arial { font-family: arial }
#stcode .times { font-family:times}
#stcode .courrier  { font-family:courrier}
#stcode .impact  { font-family: impact}
#stcode .geneva  { font-family: geneva}
#stcode .optima  { font-family: optima}


			
#stcode .rose { color:fuchsia; }		
#stcode .rouge { color:red; }
#stcode .orange { color: Orange; }
#stcode .jaune { color:yellow; }
#stcode .vert { color:green; }			
#stcode .olive { color:olive; }
#stcode .bleugris { color:navy; }		
#stcode .bleu  { color:blue; }		
#stcode .violet { color:purple; }	
#stcode .marron { color:maroon; }
#stcode .noir { color:black; }
#stcode .gris { color:gray; }	
#stcode .argent { color:Silver; }	
#stcode .blanc { color:white; }
			
#stcode .centre {text-align : center}
#stcode .gauche {text-align: left }
#stcode .droite {text-align: right }
#stcode .justifie {text-align: justify }

#stcode .souligne { text-decoration: underline}
#stcode .t1 {color:red}



.stcode  * { 
	font-family: "Microsoft Sans Serif", sans-serif, Arial; 
	font-size: 14px; 
}
.stcode input,select,button { 
	border: #CCCCCC 1px solid; 
	background: #F8F8F8; 
	padding: 1px; 
	margin: 1px;
	color: #000000;
}
.stcode input:hover, button:hover { 
	border: #999999 1px solid; 
	background: #CCCCCC; 
}
.stcode optgroup  {
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
}
.stcode  option {
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}
.stcode .bouton_cliquable
{
cursor: pointer;
border: 1px;


}
.stcode .bouton_cliquable:hover
{
border: 1px solid;

}

.stcode .selected {
	color: #0066CC;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

.stcode .citation, .code {
	font-weight: bold;
	display: block;
	width: 90%;
	margin: auto;
}
.stcode .citation2, .code2 {
	border: 1px dashed #0099FF;
	background-color: #FFFFFF;
	width: 90%;
	padding: 8px;
	margin: auto;
	overflow: auto;
}
.stcode .ttpetit { font-size: xx-small; }
.stcode .tpetit  { font-size: x-small; }
.stcode .petit   { font-size: small; }
.stcode .gros    { font-size: large; }
.stcode .tgros   { font-size: x-large; }
.stcode .ttgros  { font-size: xx-large; }

.stcode .arial { font-family: arial }
.stcode .times { font-family:times}
.stcode .courrier  { font-family:courrier}
.stcode .impact  { font-family: impact}
.stcode .geneva  { font-family: geneva}
.stcode .optima  { font-family: optima}


			
.stcode .rose { color:fuchsia; }		
.stcode .rouge { color:red; }
.stcode .orange { color: Orange; }
.stcode .jaune { color:yellow; }
.stcode .vert { color:green; }			
.stcode .olive { color:olive; }
.stcode .bleugris { color:navy; }		
.stcode .bleu  { color:blue; }		
.stcode .violet { color:purple; }	
.stcode .marron { color:maroon; }
.stcode .noir { color:black; }
.stcode .gris { color:gray; }	
.stcode .argent { color:Silver; }	
.stcode .blanc { color:white; }
			
.stcode .centre {text-align : center}
.stcode .gauche {text-align: left }
.stcode .droite {text-align: right }
.stcode .justifie {text-align: justify }

.stcode .souligne { text-decoration: underline}
.stcode .t1 {color:red}


#stcode .information{
min-height:50px;
color:#3d9723;
border: 1px dashed #3d9723;
background: url('images/info.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
#stcode .question{
min-height:50px;
color:blue;
border: 1px dashed blue;
background: url('images/help.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
#stcode .erreur{
min-height:50px;
color:red;
border: 1px dashed red;
background: url('images/erreur.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
#stcode .attention{
min-height:50px;
color:#a36300;
border: 1px dashed #a36300;
background: url('images/attention.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
.stcode .information{
min-height:50px;
color:#3d9723;
border: 1px dashed #3d9723;
background: url('images/info.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
.stcode .question{
min-height:50px;
color:blue;
border: 1px dashed blue;
background: url('images/help.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
.stcode .erreur{
min-height:50px;
color:red;
border: 1px dashed red;
background: url('images/erreur.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}
.stcode .attention{
min-height:50px;
color:#a36300;
border: 1px dashed #a36300;
background: url('images/attention.png') no-repeat left;
padding:5px 5px 5px 60px;
margin:5px;
}