body
{
  background-color:#FFFFFF;
  background-image:url(../_frame/outerbk.png);
}
html, body
{
 height:100%;
 margin:0px;
 font-family: verdana, Arial, Helvetica, sans-serif; 
}
.wg-formfield
{
 font-family:Verdana;
}
.wg-button a:hover img
{
 visibility:hidden;
}
* html a:hover
{
 visibility:visible;
}
a:visited, a:focus {
	color: steelblue;
}
.wg-button img
{
 border:0;cursor:hand;
}
.wg-button
{
 text-align:center;
 width: 154px;
 height:26px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 overflow:hidden;
 display:block;
 font-weight: bold;
 background-image:url(../_frame/button-roll.png);
 background-position:top left;
 background-repeat:no-repeat;
 position:relative;
}
.wg-button a
{
 text-decoration: none;
 overflow:hidden;
 display:block;
 color: #ffffff;
}
.wg-button a:hover
{
 color:#000000;
}
hr { 
 height:1px;
 color:#3399FF;
 background-color:#3399FF;
}
h1 {
 margin:4px 1px 1px 1px;
 font-size:19px;
 text-align:center;
 /*color:#3333FF;*/
}
.wg-subparag {
margin-left:16px;
}
.wg-paragraph {
 font-size:11px;
 color:#000000;
}
.wg-paragraph h2 {
 margin:1px;
 font-size:15px;
 text-align:center;
}
.wg-paragraph h3 {
 margin:1px;
 font-size:11px;
}
.wg-paragraph a {
 color:#3399FF;
 text-decoration : none;
}
.wg-paragraph ul {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.wg-paragraph ol {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.wg-panel {
 background-color:#57CCFF;
 font-size:11px;
 text-align:justify;
 color:#000000;
}
.wg-panel h2 {
 margin:1px;
 text-align:center;
 font-size:11px;
 color:#000000;
}
.wg-panel h3 {
 margin:1px;
 text-align:left;
 font-size:11px;
 color:#000000;
}
.wg-panel a {
 color:#000000;
 text-decoration : none;
}
.wg-panel ul {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:16px;
}
.wg-panel ol {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:16px;
}
.twps_4adc37c809d2abe0966e3e9ca3d2ad2d {
 font-family: Verdana;
 font-size:15px;
 color:#000000;
}
.twps_4adc37c809d2abe0966e3e9ca3d2ad2d h2 {
 margin:1px;
 font-family: Verdana;
 font-size:21px;
 font-weight: bold;
 text-align:left;
 color:#3317FF;
 border-bottom:0px solid;
}
.twps_4adc37c809d2abe0966e3e9ca3d2ad2d h3 {
 margin:1px;
 font-size:11px;
}
.twps_4adc37c809d2abe0966e3e9ca3d2ad2d a {
 color:#3399FF;
 text-decoration: underline;
}
.twps_4adc37c809d2abe0966e3e9ca3d2ad2d ul {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.twps_4adc37c809d2abe0966e3e9ca3d2ad2d ol {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}

.wg-navbt img {
 border:0;cursor:hand;
}
#dhtmltooltip {
 position: absolute;
 width: 150px;
 font-family:Verdana;
 font-size:11px;
 padding: 2px;
 visibility: hidden;
 z-index: 100;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 background-color:#FFFFDD;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*-- article --*/
#articlecontent { width:98%; float:right;}
.article { width:98%; height:auto; display:block; padding-bottom:10px; clear:both; float:left; margin-left: 5px; }
.article h2 { width:546px; display:block; font-size:18px; background:url(souligne.gif) bottom left no-repeat; padding-bottom:5px; padding-top:15px; margin-bottom:10px; clear:both; float:left; }
.article p { text-align:justify;}
.article li { text-align:left; margin-bottom:5px}
.articleimg { float:right; margin: 2px 5px 5px 10px;}

p {
	text-indent: 20px;
}

h1 { 
  color:#0091ae; 
  text-transform:uppercase; 
  font-weight:bold; 
  font-size:16px; 
  margin-bottom:3px; 
  margin-top:0px; 
  margin-left:15px; 
  margin-right:20px;
}
h2 { 
  color:#003399; 
  font-size:14px; 
  font-weight:bold; 
  margin-bottom:3px; 
  margin-top:0px; 
  margin-left:15px; 
  margin-right:15px;
}
h3 { 
  color:#0091ae; 
  font-size:14px; 
  font-weight:bold;  
  margin-left:15px; 
  margin-right:15px;  
}


input {
	font-size: 14px;
	border: #CCC solid 1px;
	padding: 2px;
	height: 18px;
	background: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 0 0 5px #EEE;
	-webkit-box-shadow: inset 0 0 5px #EEE;
	box-shadow: inset 0 0 5px #EEE;
	color: #2e0b37;
}

input[type=submit],  [type=reset]{
	background: #f0f8ff;
	font-weight: bold;
	color: #3e8888;
	height: 26px;
	cursor: pointer;
}

input[type="text"]:focus, input[type="password"]:focus {
	background-color: #CDF0F0;
	color: black;
}


input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #CEDBE8;
}

.jquery_form_error_message {
	margin: 5px 0 10px;
	padding: 10px;
	background: pink;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.error {
	background: pink;
}

span.chars_left,
span.jquery_form_error_message {
	background: #f2f2f2;
	padding: 0 2px;
	font-weight: normal;
	font-size: 90%;
	color: #666;
}

span.jquery_form_error_message {
	color: red;
	display: block;
	background: none;
	margin: 0;
	padding: 0;
}

em {
	background: lightyellow;
	font-size: 90%;
	color: #81815c;
	padding: 0 1px;
}

.titr {
	font-weight : bold;
	font-family : "cursive", "fantasy";
	font-size   : 16px;
	color: steelblue;
}