body {
/*    background:rgb(235, 255, 232); */
	background-color:#A1A1A1;
    font-size:100%;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:2em;
    margin-right:2em;
}

#page {
    background:#fff url(images/topHeader1.jpg) no-repeat top left; 
    color:#000;
  /*  border-left:2px solid #a0a0a0;
    border-right:2px solid #a0a0a0;
    border-top:1px solid #a0a0a0;
    border-bottom:2px solid #a0a0a0; */	
    margin:0 auto;
    width:925px;
    position:relative;
}

/* pour rétablir le mauvais effet sur les nav. modernes */
html>body #page{
    height:auto;
}

h2 {   
    font-style:italic;
}

#logo {
    position:relative;
    margin-top:5px;
    margin-left:40px;
    width:100px;
    height:50px;
    margin-bottom:65px;
}

#leftBar {
    float:left;
    margin-left:5px;
    margin-top:50px;
    margin-bottom:1em;
    width:180px;
}

#content {
    float:right;
    margin-right:30px;    
    margin-bottom:0;
    width:600px;
    font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    text-align:left;
    line-height:1.4em;
}
#content h1 {
    text-align:center;
    font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    color: rgb(0, 51, 0);
    padding: 6px;
    padding-bottom: 4px;
    margin-top: 50px;
    margin-bottom: 1em;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgb(235, 255, 232);
}
#content h2 {
    font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Sans, sans-serif;
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #505050;
}

ul {
    padding:0px;
    margin-left:0px;
    list-style-type:none;
}
#content ul {
    list-style-image:url(images/arrowSmallLightGreen.gif);
}
#content br {
    clear: both;
    margin:0;
    padding:0;
}

#contact {
    font-size:100%;
}
#contact pre {
    font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    color:rgb(0, 51, 0);
    font-size:medium;
/*    font-weight: bold; */
}

.blockcontent {
    padding-left:1em;
    text-align: justify;
    margin-bottom:0px;
}

/* Pied de page
-------------------------------------------------------- */
#footer { 
    clear: both;
    padding-top:2px;
    padding-bottom:6px;
    margin-bottom:5px;
    border-top: 1px solid #ACBCE0;
    text-align:center;
}
#footer a:link, #footer a:visited { 
    margin-right: 20px; 
}
hr.hide {
    display: none;
}

.tip {
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: x-small;
    background: url(images/tipSmall.gif) no-repeat top left; 
    vertical-align: middle; 
    padding-left:19px;
    padding-bottom:3px;
}
.tipHome    {background: url(images/homeSmall.gif) no-repeat top left}
.tipHow     {background: url(images/starBlueSmall.gif) no-repeat top left}
.tipDocs    {background: url(images/briefcaseSmall.gif) no-repeat top left}
.tipTech    {background: url(images/netSmall.gif) no-repeat top left}
.tipProtect {background: url(images/warnSmall.gif) no-repeat top left}


#extraDiv1 { 
    display:none;
/*
    background: transparent url(images/stripeTopRight.jpg) top right no-repeat; 
    position: absolute; 
    top: 0px; 
    right: 0px; 
    width: 108px; 
    height: 189px; 
*/
}
#extraDiv2 { 
    display:none;
}

a.kiLinkGreen {
  font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration: none; color: #387026;
  padding: 4px; margin: -4px;
  font-weight: bold;
}
a.kiLinkGreen:hover {
  text-decoration: none; color: black; background-color: #D0E8B0;
  border: 2px solid #B0D890;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px; margin: -4px;
  font-weight: bold;
}
a.kiLinkBlue {
  font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration: none; color: #0060B0;
  padding: 4px; margin: -4px;
  font-weight: bold;
}
a.kiLinkBlue:hover {
  text-decoration: none; color: black; background-color: #E0ECF8;
  border: 2px solid #ACBCE0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px; margin: -4px;
  font-weight: bold;
}
a.kiLinkOrange {
  font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration: none; color: #806000;
  padding: 4px; margin: -4px;
  font-weight: bold;
}
a.kiLinkOrange:hover {
  text-decoration: none; color: black; background-color: #FFE060;
  border: 2px solid #FFC050;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px; margin: -4px;
  font-weight: bold;
}

a.kiLinkBlueSmall {
  font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration: none; color: #0060B0;
}
a.kiLinkBlueSmall:hover {
  text-decoration: none; color: black; background-color: #E0ECF8;
  border: 1px solid #ACBCE0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -2px;
}
a.kiLinkOrangeSmall {
  font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration: none; color: #806000;
}
a.kiLinkOrangeSmall:hover {
  text-decoration: none; color: black; background-color: #FFE060;
  border: 1px solid #FFC050;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -2px;images
}



/* ************************************************************/
/************* shadows styles *********************************/
/* ************************************************************/

.shadow_right, .shadow_left {
	height:100%;
	top:0px;
	width:30px;
}
.shadow_right {
	background:url(images/shadows/right.png)  scroll 0%;
	right:-30px;
}

.shadow_left {
	background: url(images/shadows/left.png)  scroll 0%;
	left:-30px;
}

.shadow_bottom_right, .shadow_bottom, .shadow_bottom_left, .shadow_top_right, .shadow_top, .shadow_top_left,.shadow_right, .shadow_left {
position:absolute;
}

.shadow_bottom_right, .shadow_bottom_left, .shadow_top_right, .shadow_top_left {
	z-index:180;	
	width:50px;
	height:50px;
}

.shadow_bottom_right {
	background:url(images/shadows/bottomright.png) repeat scroll 0%;
	right:-30px;
	bottom:-28px;
}

.shadow_bottom_left {
	background:url(images/shadows/bottomleft.png) repeat scroll 0%;
	left:-30px;
	bottom:-28px;
}

.shadow_bottom, .shadow_top {
	width:100%;
	left:0px;
	height:30px;
}

.shadow_bottom {
	background: url(images/shadows/bottom.png) repeat scroll 0%;
	bottom:-30px;
}

.shadow_top {
	background: url(images/shadows/top.png) repeat scroll 0%;
	top:-30px;               
}	


.shadow_top_right {
	background: url(images/shadows/topright.png) repeat scroll 0%;
	right:-30px;
	top:-28px;
}

.shadow_top_left {
	background: url(images/shadows/topleft.png) repeat scroll 0%;
	left:-30px;
	top:-28px;
}




.contactglobule {
    font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    border: 2px solid #808080;
    padding: 4px;
}