/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body , td , th{ 
	background: #FFEEBF url(paper_clair-bg.gif) repeat left top; 
	margin: 0px;
	
	font: 10pt Georgia, serif; 
	margin-top: 0px; 
	text-align: justify;
	
	}
p { font: 10pt/120% Georgia, serif;  }

/*** lettrine  ATTENTION, non rendu par DreamWaver **/
/***/
.lettrine:first-letter {
	font-size:150%; 
	float:left; 
	padding-right:2px; 
	font-weight: bold;
	color: #AE761E;
	}
	/***/
/** lettrine pour travailler sous Macromedia **/
/***
.lettrine:first-letter {
	color: #AE761E;
	font-weight: bold;
	}
	***/
/****/	
.petitelettrine:first-letter {
	color: #AE761E;
	font-weight: bold;
	}

/***guillements français **/
q {
quotes: "\00AB\00A0" "\00A0\00BB" "\0022" "\0022";
}

/****** alignements ****/
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

.aligntop { vertical-align: top; }
.alignbaseline { vertical-align: baseline; }


/******************/


/**** polices  **/	
.htitremenu { 
	font: italic normal bolder 10pt georgia, serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	text-decoration: none;
	color: #009900;
	text-align: left;
	}


h1 {
	font: 18pt Arial, sans-serif; 
    font-weight: bold;
  color: #009900;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
}

h2 {
	font: 14pt Arial, sans-serif; 
  font-weight: bold;
  color: #AE761E;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
}
h3 {
	font: 12pt Arial, sans-serif; 
  font-weight: bold;
    letter-spacing: 0.1em;
  word-spacing: 0.2em;
	font-style: italic;
}

h4 {
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
}
h5 {
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
  font-style: italic;
}
h6 {
  font-size: 90%;
  font-weight: normal;
  letter-spacing: 0.2em;
  word-spacing: 0.3em;
}


/********   traits ********/
hr { 
	color: #009900;  
	background-color: #009900; 
	height: 3px; 
	}

/**********  images *****/
/*******
img { border-left-color: #FFF8E5;  border-left-style: solid;  border-left-width: thin;  border-top-color: #FFF8E5;  border-top-style: solid;  border-top-width: thin;  border-bottom-color: #AE761E;  border-bottom-width: thick;  border-bottom-style: solid;  border-right-color: #AE761E;  border-right-style: solid;  border-right-width: thick;            }
*******/
img { border-left-color: #FFF8E5;  border-left-style: solid;  border-left-width: thick;  border-top-color: #FFF8E5;  border-top-style: solid;  border-top-width: thick;  border-bottom-color: #FFF8E5;  border-bottom-width: thick;  border-bottom-style: solid;  border-right-color: #FFF8E5;  border-right-style: solid;  border-right-width: thick;            }

/*********  puces ****/
.ul#disc { list-style: disc; }
.ul#circle { list-style: circle; }
.ul#square { list-style: square; }
	
/*****   Infos clignotantes   ****/
.infoblink{ 
	font: normal bolder 10pt georgia, serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	text-decoration: blink;
	color: #FF3333;
	}
	
/******** liens généraux   ***/	

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #39AA6A;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B08500;
	}
a:active, a:hover  { 
	text-decoration: underline; 
	color: #79D2A0;
	}

	/** 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* specific divs */
#conteneur { 
	padding: 0px 0px 0px 80px;  
	margin: 0px; 
	width: 680px;
	}
#miseajour { 
	WIDTH: 130px; 
	PADDING-RIGHT: 10px; 
	PADDING-left: 10px; 
	PADDING-top: 10px; 
	PADDING-BOTTOM: 10px; 
	font: 10px verdana, sans-serif;
	}
/********************
#intro { 
	min-width: 470px;
	}
*********************/	
#pageHeader { 
	margin-left: 80px;
	margin-bottom: 10px;
	padding-top : 10px;
	font: x-large georgia, serif;
	text-align: center;
	vertical-align: middle;
	color: #AE761E;
	word-spacing: 3px;
	/*height: 90px;*/
	}


	
#supportingText {
	margin-left: 80px; 
	margin-bottom: 40px;
	}

#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

/*********   menu vertival   ***/
#menuvertical {
	margin-left: 10px;
	position: absolute;
	top: 15px;
	left: -9px;
	font: 11px georgia, serif;
	font-size-adjust: none;
	text-align: left;
	}
#menuvertical ul {
	margin: 0px;
	padding: 0px;
	}
#menuvertical li {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}

#menuvertical li a:link { 
	color: #39AA6A;
	}
#menuvertical li a:visited {
	color: #B08500;
	}
#menuvertical li a:hover, a:active { 
	text-decoration: underline; 
	color: #79D2A0;
	}


#linkList2 { 
	PADDING-RIGHT: 10px; 
	MARGIN-top: 110px; 
	PADDING-left: 10px; 
	BACKGROUND: url(paper-bg.gif) repeat-y left top; 
	PADDING-BOTTOM: 10px; 
	font: 11px verdana, sans-serif; 
	WIDTH: 130px; 
	PADDING-top: 10px
	}



/************* menu horizontal *****************/
#menuhorizontal
{
margin-left: 20px;
padding-top: 10px;
padding-left: 10px;
list-style-type: none;
width: 100%;
	font: 11px georgia, serif;
	font-size-adjust: none;
}
#menuhorizontal1 
{

}
#menuhorizontal2 
{

}

#menuhorizontal ul li { 
display: inline; 
}
#menuhorizontal ul li a
{
BACKGROUND: url(paper-bg-horizontal.gif) repeat-x center; 
text-decoration: none;
padding: .2em 1em;
color: #036;
/*height: 10px*/
}
#menuhorizontal li a:link { 
	color: #39AA6A;
	}
#menuhorizontal li a:visited {
	color: #B08500;
	}
#menuhorizontal li a:hover, a:active { 
	text-decoration: underline; 
	color: #79D2A0;
	}



/********************   images fixes ************/
#extraDiv1 { 
	background:  url(../images/vds_sigle_2_a.gif) top left no-repeat;
	position: absolute; 
	top: 10px; 
	left: 10px; 
	width: 148px; 
	height: 120px; 
	}