html,body{margin:0;padding:0}
html {
	font-size: 100%
}
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.2em;
	text-align: left;
	color: #555555;
	background-color: #f5f5f5;
}
#container{
	width: 800px;
	height: 100px;
	margin: 0 auto;
	margin-top: 140px;
}
#top {
	height: 125px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	background-color: #dddddd;
	background-image: url(../../images/deco/fond-x-3.jpg);
	background-repeat: repeat-x;
}
#topbox {
	width: 800px;
	height: 125px;
	margin: 0 auto;
}
#topbox-top {
	width: 800px;
	height: 20px;
}
#topbox-middle {
	width: 800px;
	height: 80px;
}
#topbox-middle-left {
	float: left;
	width: 200px;
	height: 80px;
}
#topbox-middle-left-img {
margin-top: -20px;
}
#topbox-middle-center {
	float: left;
	width: 600px;
	height: 80px;
}
#topbox-bottom {
	width: 800px;
	height: 25px;
}
#fixeright {
	position: inherit;
	top: : 0px;
	width: 200px;
	margin-left: 600px;
	margin-top: 14px;
}
#wrapper{
	float: left;
	width: 100%;
}
#content{
	margin: 0px 20px 100px 20px;
	float: left;
	width: 560px;
	font-size: 1.1em;
	line-height: 1.4em;
	min-height: 500px;
}
#footer{
	text-align: center;
	height: 100px;
	color: #aaaaaa;
	clear: left;
	width: 100%;
	margin: 0 auto;
	font-size: 1em;
	padding-top: 10px;
	line-height: 1.4em;
	border-top: 2px solid white;
}
#footer a{
text-decoration: none;
color: #aaaaaa;
}
#footer1 {
	text-align: center;
	color: #aaaaaa;
	clear: left;
	width: 100%;
	line-height: 1.1em;
}
#footer1 a{
text-decoration: none;
	color: #aaaaaa;
}
/*** texte ***/
.txt08 {font-size:0.8em;}
.txt09 {font-size:0.9em;}
.txt10 {font-size:1em;}
.txt11 {font-size:1.1em;}
.txt12 {font-size:1.2em;}
.txt14 {font-size:1.4em;}
.txt16 {font-size:1.6em;}
.txt18 {font-size:1.8em;}
.txt20 {font-size:2em;}
.titre-rose-fondgris {
	font-size: 1.2em;
	font-weight: 700;
	font-variant: small-caps;
	letter-spacing: 2px;
	color: #f72d57;
	text-shadow: 1px 1px 2px #cccccc;
}
.titre-rose-fondblanc {
	font-size: 1.4em;
	font-weight: 700;
	font-variant: small-caps;
	letter-spacing: 2px;
	color: #f72d57;
	text-shadow: 1px 1px 2px #ffffff;
}
.titre-gris-fondblanc {
	font-size: 1.2em;
	font-weight: 700;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #555555;
	text-shadow: 1px 1px 2px #ffffff;
}
.titre-blanc-fondnoir {
	font-size: 1.2em;
	font-weight: 700;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #f0f0f0;
	text-shadow: 1px 1px 2px #000000;
}
.tab-titre {
	margin-bottom: 10px;
}
.tab-bgwhite-bdgray {
	background-color: white;
	border: 1px solid #aaaaaa;
	margin-bottom: 15px;
}
.tab-bgwhite-bdgray-coll {
	border-collapse: collapse;
	background-color: #fcfcfc;
	border: 1px solid #aaaaaa;
	margin-bottom: 15px;
}
.tab-bgwhite-bdgray-coll th, .tab-bgwhite-bdgray-coll td {
	border: 1px solid #aaaaaa;
}
.td-bggraylight-bdbgray {
	background-color: #eeeeee;
	border-bottom: 1px solid #aaaaaa;
}
.td-bggray-bdbgray {
	background-color: #dddddd;
	border-bottom: 1px solid #aaaaaa;
}
.td-bggraylight-bdbgray {
	background-color: #eeeeee;
	border-bottom: 1px solid #aaaaaa;
}
.td-bggraydark-bdbgray {
	background-color: #555555;
	border-bottom: 1px solid #aaaaaa;
}
li.coche {
	list-style-image: url(../../images/deco/coche-rose.png);
	margin-top: 5px;
	color: #555555;
	font-weight: normal;
	font-style: normal;
}
li.titre {
   list-style-type:none;
	color: #555555;
	font-weight: 700;
	font-style: italic;
	margin-top:5px;
	margin-bottom:5px;
}
.cat_list {
  background-color: transparent;
  margin-top: -140px;
  margin-bottom: 140px;
  z-index: 0;
}
a.interne {
}
a, a:link, a:hover {
	color: #f72d57;
}
/*** Firefox supprimer pointillés liens ***/
a:focus{
outline:none;
}
/*** TinyMCE ***/
.mceContentBody {
	background-color: transparent;
	background-image: none;
}
/*** boutons ***/
#button {
	margin: -5px -5px -5px -5px;
	list-style: none;
}
#button ul {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
}
#button li {
	margin: 0;
	list-style: none;
}
#button li a {
	display: block;
	padding: 3px 10px 2px 10px;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px dotted #a8a8a8;
	list-style: none;
	font-size: 1.1em;
	font-weight: normal;
	color: #777777;
	line-height: 1.4em;
	text-shadow: 1px 1px 2px #dddddd;
}
hr {
	background: none repeat scroll 0 0 transparent;
	color: #c2c2c2;
}
html>body #button li a {
		width: auto;
}
#button li a:hover {
	list-style: none;
	font-size: 1.1em;
	font-weight: normal;
	color: #f72d57;
	line-height: 1.4em;
	text-shadow: 1px 1px 2px #dddddd;
}
h1, h2, h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #f72d57;
	text-align: center;
	letter-spacing: 2px;
}
.titreh1{
	font-size: 1.4em;
	font-weight: normal;
	color: #f72d57;
	text-align: center;
	letter-spacing: 2px;
}
.titre2 {
	color: #f72d57;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #c0c0c0;
}
.titre-vert {
	color: #a2d901;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #c0c0c0;
}
input {
	font-size: 1em;
	letter-spacing: 1px;
	color:#565656;
	text-shadow:1px 1px 2px #FFFFFF;
}
/**** META PAGE XH ***/ 
#pd_views .active_view {
	background-color: #dddddd;
}
/*searchbox*/
#searchbox .text, #searchbox .submit {
	margin-top: 5px;
	border: 1px solid #ccc;
	background-color: white;
   font-size: 10px;
	text-align: left;
   width: 100px;
}
#searchbox .submit {
   width: 25px;
}
#screenshot{
	position: absolute;
	padding: 10px;
	display: none;
	/*color: #4b4b4b;*/
	text-align: center;
	font-size: 12px;
	margin-top: -116px;
	margin-left: 50px;
	z-index: 200;
	/*border: 1px solid #a8a8a8;*/
	background-image: url(../../images/deco/trans-noir50.png);
	background-repeat: repeat;
}
/*** NAVIGATION ***/
/* Navigation horizontale */
div#nav {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
}
 
 
div#nav ul {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
 
div#nav li {
	position: relative;
	list-style: none;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*font-size: 12px;*/
	line-height: 16px;
	white-space: nowrap;
	/*border-left: 1px solid #808080;
	border-right: 1px solid #2c2c2c;*/
	color: #555555;
}
/** btn normal niv 1 **/  
div#nav li a{
	/*min-width: 80px;*/
	display: block;
	float: left;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #555555;
	text-shadow: 1px 1px 2px #FFFFFF;
}
	
html>body #nav a {width: auto;} /*fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
 
div#nav a {
	float: none;
	} /* End of IE5-Mac hack */
 
 
div#nav .sdoc, div#nav .sdocs {
	background-image: none;
}
/** btn sélectionné niv 1 - bgd + txt ***/ 
div#nav .sdoc a, div#nav .sdocs a {
	/*background-image: url(../../images/deco/fond-bt-hover-1.jpg);*/
	color: #f72d57;
}
 
div#nav ul.menulevel1 li:hover,div#nav ul.menulevel1 li:focus{
	background-image: none;
}
/** btn passage souris niv 1 - bgd + txt firefox **/  
div#nav li:hover a,div#nav li:focus a{
	color: #f72d57;
}
/** btn passage souris niv 1 - txt ie **/  
div#nav a:hover,div#nav a:focus{
	color: #f72d57;
}
 
/* Navigation - toc(2)/toc(3) ----------------------- */
 
div#nav li ul.menulevel2,div#nav li ul.menulevel3{
	width: 100px;
	text-align: left;
	margin-top: 6px;
}
 
div#nav ul ul{
	position: absolute;
	top: 18px;
	margin: 0;
	left: -1px;
	display: none;
		border: 1px solid #c71585;
}
 
div#nav ul.menulevel1 li.docs:hover ul.menulevel2,div#nav ul.menulevel1 li.sdocs:hover ul.menulevel2,div#nav ul.menulevel2 li.docs:hover ul.menulevel3,div#nav ul.menulevel2 li.sdocs:hover ul.menulevel3 {
	display: block;
}
/** btn normal niv 2 - fond inf **/   
div#nav ul.menulevel2 li.doc,div#nav ul.menulevel2 li.docs{
	position: relative;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	/*font-size: 10px;*/
	line-height: 18px;
	width: 100px;
	white-space: nowrap;
	text-align: left;
	background-color: #dfdfdf;
}
/** btn normal niv 2 - fond sup + txt **/ 
div#nav ul.menulevel2 li.doc a,div#nav ul.menulevel2 li.docs a {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: normal;
	color: #202020;
	width: 100px;
	text-align: left;
	background-color: #dfdfdf;
}
/** btn sélectionné niv 2 - fond inf **/ 
div#nav ul.menulevel2 li.sdoc,div#nav ul.menulevel2 li.sdocs{
	position: relative;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	/*font-size: 10px;*/
	line-height: 18px;
	width: 100px;
	white-space: nowrap;
	text-align: left;
	color: #202020;
	background-color: #dfdfdf;
}
/** btn sélectionné niv 2 - fond sup + txt **/  
div#nav ul.menulevel2 li.sdoc a,div#nav ul.menulevel2 li.sdocs a {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	color: #202020;
	background-color: #dfdfdf;
}
/** btn passage souris niv 2 - fond inf **/  
div#nav ul.menulevel2 li:hover,div#nav ul.menulevel2 li:focus {
	text-align: left;
	background-color: #a70a24;
}
/** btn passage souris niv 2 - fond sup + txt**/ 
div#nav ul.menulevel2 li:hover a,div#nav ul.menulevel2 li:focus a {
	color: White;
	text-align: left;
	background-color: #a70a24;
}
 
 
/* Navigation - toc(3) ----------------------- */
div#nav li ul.menulevel3 {
	margin: -15px 0 0 155px;
}
/** btn normal niv 3 - fond inf **/  
div#nav ul.menulevel2 ul.menulevel3 li.doc,div#nav ul.menulevel2 ul.menulevel3 li.docs{
	position: relative;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 18px;
	width: 175px;
	white-space: nowrap;
	text-align: left;
	background-color: #d1e49a;
}
/** btn normal niv 3 - fond sup + txt **/  
div#nav ul.menulevel2 ul.menulevel3 li.doc a,div#nav ul.menulevel2 ul.menulevel3 li.docs a {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #303030;
	width: 165px;
	text-align: left;
	background-color: #d1e49a;
}
/** btn sélectionné niv 3 - fond inf **/ 
div#nav ul.menulevel2 ul.menulevel3 li.sdoc,div#nav ul.menulevel2 ul.menulevel3 li.sdocs{
	position: relative;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 18px;
	width: 175px;
	white-space: nowrap;
	text-align: left;
	background-color: #2c593a;
}
/** btn sélectionné niv 3 - fond sup + txt **/  
div#nav ul.menulevel2 ul.menulevel3 li.sdoc a,div#nav ul.menulevel2 ul.menulevel3 li.sdocs a {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: White;
	text-align: left;
	background-color: #2c593a;
}
/** btn passage souris niv 3 - fond inf **/  
div#nav ul.menulevel2 ul.menulevel3 li:hover,div#nav ul.menulevel2 ul.menulevel3 li:focus {
	background-color: #a70a24;
	background-image: none;
}
/** btn passage souris niv 3 - fond sup + txt **/  
div#nav ul.menulevel2 ul.menulevel3 li:hover a,div#nav ul.menulevel2 ul.menulevel3 li:focus a {
	color: #EEEEEE;
	background-color: #a70a24;
}
/* z-indices ----------------------------------- */
 
div#nav ul.menulevel1 {z-index:10;}
div#nav ul.menulevel2 {z-index:20;}
div#nav ul.menulevel3 {z-index:30;}
div#nav li:hover {z-index:40;}