/***** General ************************************************************************/
a:link {
  color: #00478D;
}

a:visited {
  color: #00478D;
}

a:hover {
  text-decoration: none;
}

a.pagelink:visited {
  color: #00478D;
}

body {
  background-color: #dcd4d4;
  font-family: Arial, "Times New Roman", Times, sans-serif;
  margin: 0 0;
  padding: 0px 0px;
  font-size: 80%;

}
body.b {
  background-color: white;
}
p {
  text-align: justify;
   font-size: 100%;
  margin: 3 0;
}

p.noheight {
  line-height: 1.12em;
}

p.return {
  text-align: right;
}

span.uline {
  text-decoration: underline;
}


table {
	font-size: 1em;
}

td.small {
font-size: 0.8em;
}

h4{
color:#8F7F50;
font-size: 1.2em;
}
h5{
font-family: Gill Sans, Verdana;
}

h3{
color:#8F7F50;
}

/* Note: Compensates for IE acronym dotted underline bug */
acronym {
  border-bottom: 1px dotted #000000;
  cursor: help;
}

div#top {
  position: absolute;
  top: 0;
}

/***** Header *************************************************************************/
div#header {
  background-color: #FFFFFF;
  border: 1px solid #00478D;
  padding: 5px 10px 10px 5px;
  margin: 5px 10px 10px 5px;
  font-family: verdana;
  width: auto;
  height:10%;
  /* padding: 1px 5px; */
}

/* Note: Temporary Message for Ad Banner Area (remove if using banner image) */
div#header span {
  border: 1px solid #000000;
  float: right;
  margin: 5px 0 0 10px;
  width: 300px;
  height: 10%;
  font-size: 16px;
  text-align: center;
}

/* Note: Optional Ad Banner Area (remove if not using banner image at all) */
div#header img {
  border: 1px solid #000000;
  float: right;
  margin: 5px 0 0 10px;
  width: 468px;
  height: 10%;
}

div#header h1 {
  color: #00478D;
  cursor: default;

  margin: 0 0 0 10px;
  width: 365px;
  font-weight: lighter;
  letter-spacing:3px; 
	font-size:28px; 
	width:16em;
}

div#header h2 {
  color: #414141;
  cursor: default;
  font-size: 13px;
  margin: 5px 0 0 10px;
  width: 365px;
   font-weight: lighter;
  letter-spacing:3px; 
	font-size:10px; 
}

/***** Side Bar (general) *************************************************************/
.topgap {
  margin-top: 10px;
padding: 3px 10px;
 margin: 0px 2px;
float:left;
border: 0px solid #000000;
   font-weight: lighter;
  letter-spacing:3px; 
	font-size:16px;
}

.btmgap {
  margin-top: 2px;
}

div.separator {
 background-color: #00478D;
  margin-top: 0px;
  position: relative;

}

/***** Left Side Bar ******************************************************************/
div#lsidebar {
  font-family: Verdana, "Times New Roman", Times, sans-serif;
  float: left;
  width: 12%;
  padding: 10px 10px 0% 0.5%;
}

div#lsidebar img {
  border: none;
}

div#lsidebar p {
  text-align: left;
}

/***** Right Side Bar *****************************************************************/
div#rsidebar {
  font-family: Verdana, "Times New Roman", Times, sans-serif;
  float: right;
  width: 15%;
}

div#rsidebar img {
  border: none;
}

div#rsidebar p {
  text-align: left;
}

/***** Nav Menu (position at top of either side bar) **********************************/
div.nmenu {
  font-size: 13px;
  font-weight: bold;
   width: 100%;
}

div.nmenu span {
  background-color: #00478D;
  border: 1px solid #000000;
  color: #FFFFFF;
  cursor: default;
  display: block;
  text-decoration: none;
 /* padding: 3px 10px;*/
  width: 100%;
}

div.nmenu a {
  /*background-color: #FFFFFF;*/
  /*border: 1px solid #00478D;*/
  display: block;
 /* padding: 3px 10px;*/
  width: 100%;
}

div.nmenu a:visited {
  color: #00478D;
}

div.nmenu a:hover {
  background-color: #00478D;
  
  color: #FFFFFF;
  border: 0px solid #00478D;
}

/***** Side Info (position at bottom of left side bar or anywhere on right side bar) **/
div.sideinfo {
  background-color: #FFFFFF;
  border: 1px solid #00478D;
  font-size: 10px;
 /* padding: 3px 10px;*/
  width: auto;
}

/***** Content Area *******************************************************************/
div#contentarea {

  padding-left: 10px;
  padding-right: 0px;
width: 98%;
  height: 90%;
}

div.title {
  background-color: #a4cba1;
  border: 1px solid #00478D;
  color: #0d2e65;
  font-family: Verdana, "Times New Roman", Times, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  margin-top: 10px;
}

div.content {
  background-color: #FFFFFF;

  border-right: 1px solid #00478D;
  border-bottom: 1px solid #00478D;
  border-left: 1px solid #00478D;
  padding: 6px 0px 6px 6px;
  height: 100%;
}
/************************************ content form  area *************************************************/

#content_form {
  background-color: #b9d3d2;

  border-right: 2px solid #244443;
  border-bottom: 2px solid #244443;
  border-left: 0px solid #244443;
  border-top: 0px solid #244443;
  padding: 6px 5px;
}

div#content_form h1 {
 background: url(../image/form.gif) no-repeat;
  color: #003e78;
  margin: 0px 0 5px 0px;
  padding : 7px 0px 7px 35px;
  font-weight: lighter;
  letter-spacing:2px; 
font-size:15px; 
}

div#content_form h2 {/*champ title*/
  color: #0b2b09;
  margin: 10px 0px -2px 0px;
  letter-spacing:2px; 
font-size:12px; 

}

div#content_form h3 {/*exemple*/
  color: #202020;
  margin: 0px 0px 0px 0px;
  font-weight: lighter;
  letter-spacing:0px; 
font-size:10px; 
}

/************************************ content apercu  area *************************************************/
#content_apercu {
  background-color: #c2d8ee;
  border-right: 2px solid #16314c;
  border-bottom: 2px solid #16314c3;
  border-left: 1px solid #16314c;
  border-top: 1px solid #16314c;
  padding: 0px 10px 40px 6px;
  margin-bottom : 20px;
}

div#content_apercu h6 {
 background: url(../image/internet.gif) no-repeat;
  color: #003e78;
  margin: 0px 0 5px 0px;
  padding : 7px 0px 7px 35px;
  font-weight: lighter;
  letter-spacing:2px; 
font-size:15px; 

}
/************************************ content aide  area *************************************************/
#content_aide {
  background-color: #eae1a2;
  border-right: 2px solid #16314c;
  border-bottom: 2px solid #16314c3;
  border-left: 1px solid #16314c;
  border-top: 1px solid #16314c;
  padding: 0px 10px 40px 6px;
  margin-bottom : 20px;
  font-size:10px;
}

div#content_aide h1 {
 background: url(../image/aide.gif) no-repeat;
  color: #4c4412;
  margin: 0px 0 5px 0px;
  padding : 7px 0px 7px 35px;
  font-weight: lighter;
  letter-spacing:2px; 
font-size:15px;
}

div#content_aide h2 {
  color: #4c4412;
  margin: 0px 0 0px 0px;
  padding : 10px 0px 0px 0px;
  letter-spacing:2px; 
font-size:13px; 
}

/**************************************************************************************************/
div.right {
margin-left:5%;
margin-top:0px;
padding-left:1%;
float:left;
width:90%;
border-left:1px solid #ccc;

}
/*######################################################################################################
########################################################################################################*/


#header {
height: 10%;
background-color: #D9C78F;
}

#sub_header {
height: 40px;
background: url(image/sub_header.gif) top left no-repeat;
background-color: #eee;

}
#conteneur {
position: absolute;
width: 98%;
margin-left: 1%;
margin-right: 1%;
margin-top: 1px;
background-color: #D9C78F;
height:100%;
}
#centre {
background-color:#F9F3E1;
padding-left: 200px;
width:auto;
height:90%;
border: 1px solid #060C6F;

}

#top_menu {
height: 140px;
width: 100%;

position: absolute;
padding-right:0px;
padding-left:0px;
padding-top:8px;
padding-bottom:2px;
margin-top:0px;
display:block;
position: relative;/* placement du menu, à modifier selon vos besoins */
/*float: left;*/
}


#menu {                                  
background-color: #dcd4d4;
padding-right:0px;
padding-left:4px;
padding-top:0px;
margin-top:0px;
  border-right: 0px solid #00478D;
  border-bottom: 0px solid #00478D;
  border-left: 5px solid #00478D;
  border_top : 0px;
  
padding-bottom:5px;
position: relative;/* placement du menu, à modifier selon vos besoins */
float: left;
z-index:1;
}
#menu {
width: 98%;
margin: 2px 2px 0px 4px;

}
div#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_table{
background-color:#D9C78F;
padding-right:5px;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
position: static;/* placement du menu, à modifier selon vos besoins */
border: 1px solid gray;
width: 200px;
float: left;
margin: 0px 0px;;
z-index:1;
}
#menu_table {
width: 200px;
margin: 0px 0px;;
;
}

#menu_table dt {
cursor: pointer;
margin: 5px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
background: #F9F3E1;
border-style:outset;
border-width:2px;
border-color:silver
}
#menu_table dd {
border: 1px solid gray;
margin: 0 0;
padding-top:0px;

}
#menu_table li {
text-align: center;
background: #e5dfdf; /*#D9C78F;*/
margin: 0px 0px;

/*position: absolute;*/
}
#menu_table li a, #menu_table dt a {
color: #000;
text-decoration: none;
display: block;
border: 2;
height: 20px;

margin: 0px 0px;
padding-top:-5px;

}
#menu_table li a:hover, #menu_table dt a:hover {
background: #eee;
border-style:solid;
border-width:0px;
border-color:silver;
}

#menu dt {     
cursor: pointer;
margin: 5px 0;
height: 10%;
line-height: 25px;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #2e2c50;
background: #0e4b84;
color: white;
}
#menu dd {
border: 1px solid #2e2c50;

}
#menu li {
text-align: center;
background: white;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
/*border: 0 none;*/
height: 100%;
background: white;
}


#menu li a:visited, #menu dt a:visited {
color: #000;
text-decoration: none;
display: block;
/*border: 0 none;*/
height: 100%;
background: white;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
#bouton_valid{
cursor: pointer;
margin: 5px 0;;
height: 20px;
width: 70px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #00C000;
}
#bouton_valid a{
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#bouton_valid a:hover{
background: #eee;
}

.inputbox {
  border-top           : 1px solid #295347;
  border-left          : 1px solid #295347;
  border-bottom        : 1px solid #d0d6d4;
  border-right         : 1px solid #d0d6d4;
  background-color : #d6f6d4;
  color			   : #202020;
  font: Gill Sans, Verdana;
}

.inputselect {
  border           : 1px solid #295347;
  background-color : #d6f6d4;
  color			   : #202020;
}

.inputfile {
  border           : 1px solid #860606;
  background-color : #fbd5d5;
  color			   : #202020;
}
/* --------------------- bouton ------------------------*/
/*<p class="bouton2">*/
/*<a href="toto.html" class="bouton2">Cliquez ici !</a>*/
/*</p><input type=button onClick=validForm('valeur1'); />*/
/*<a href=\"javascript:document.forms[0].submit();\" class='boutonV'>Valider</a>*/

.boutonV{text-align:center;padding:3px 10px;}
.boutonA{text-align:center;padding:3px 10px;}

a.boutonV:link{
width:0px;
height:0px;
text-decoration:none;
font-size: 1em;
color:white;
font-weight:bold;
background-color:#00ac00;
border-style:outset;
border-width:2px;
border-color:silver;
}

a.boutonV:visited{
width:0px;
height:0px;
text-decoration:none;
font-size: 1em;
color:white;
font-weight:bold;
background-color:#00ac00;
border-style:outset;
border-width:2px;
border-color:silver;
}

a.boutonV:hover{
background-color:#1bd51b;
/*background-image:url(aqua.jpg);*/
border-style:solid;
}


/*                                                  */

/*                                                        */

a.boutonA:link{
width:0px;
height:0px;
text-decoration:none;
font-size: 1em;
color:white;
font-weight:bold;
background-color:#c00000;
border-style:outset;
border-width:2px;
border-color:silver;
}

a.boutonA:visited{
}

a.boutonA:hover{
background-color:#ff8080;
/*background-image:url(aqua.jpg);*/
border-style:solid;
}

/*retour*/
a.boutonR:link{
width:76px;
height:12px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
background-image:url(../image/retour.gif);
padding:3px 36px;
border-style:outset;
border-width:2px;
border-color:silver;
margin: 20px 20px;
}

a.boutonR:visited{
}

a.boutonR:hover{
border-style:solid;
}

/*print*/
a.boutonP:link{
width:79px;
height:29px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
background-image:url(../image/print.gif);
padding:7px 40px;
border-style:outset;
border-width:0px;
border-color:silver;
}
a.boutonP:visited{

}












a.boutonN:link{
text-decoration:none;
color:#000000;
font-weight:bold;
background-color:#c39f71;

border-style:outset;
border-width:2px;
border-color:silver}

a.boutonN:visited{
}

a.boutonN:hover{
text-decoration:none;
color:#000000;
font-weight:bold;
background-color:#f3d7b3;
/*background-image:url(aqua.jpg);*/


border-width:2px;
border-color:silver}

.boutonN{height:17px;width:20px;display: block;text-align:left;padding:3px 3px;}
-->
</style>