html,body{margin:0;padding:0}
body{
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #f4f4f4;
	background-color: #8a8a8a;
	background-position: center;
	background-repeat: repeat;
	background-image: url(../../images/deco/fond-3.jpg);
}
#container{
	width: 1000px;
	margin: 0 auto;
}
#fixetop {
	height: 150px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(../../images/deco/fond-header-3.jpg);
	background-repeat: repeat-x;
	z-index: 100;
}
#fixetopbox {
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	z-index: 10;
}
#fixetopbox-top {
	float: left;
	width: 1000px;
	height: 40px;
}
#fixetopbox-top-left {
	width: 30px;
	float: left;
	height: 40px;
}
#fixetopbox-top-right {
	width: 800px;
	float: right;
	height: 40px;
}
#fixetopbox-center {
	float: left;
	width: 1000px;
	height: 90px;
}
#fixetopbox-center-left {
	float: left;
	width: 740px;
	height: 90px;
}
#fixetopbox-center-right {
	float: right;
	width: 220px;
	height: 80px;
	margin-top: 10px;
}
#fixetopbox-bottom {
	float: right;
	width: 750px;
}
#fixeright {
	position: absolute;
	width: 320px;
	height: 600px;
}
#fixeright-box {
	float: left;
	width: 320px;
	
}
#fixebottom {
	height: 80px;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background-image: url(../../images/deco/fond-bottom-3.jpg);
	background-repeat: repeat-x;
	z-index: 200;
}
#fixebottombox {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
}
#fixebottombox-top {
	float: left;
	width: 1000px;
	height: 45px;
}
#fixebottombox-top-left {
	float: left;
	width: 320px;
	height: 35px;
	margin-top: 10px;
}
#fixebottombox-top-right {
	float: right;
	width: 500px;
	height: 35px;
	margin-top: 10px;
	text-align: right;
	font-size: 10px;
}
#fixebottombox-bottom {
	float: left;
	width: 1000px;
	height: 20px;
	color: #979797;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
}
#fixebottombox-bottom a {
	color: #979797;
	text-decoration: none;
}
#wrapper {
	float: left;
	width: 1000px;
	margin-top: 80px;
}
#content {
	margin: 80px 0px 80px 340px;
}
#boxcontent-txt {
	padding: 10px 10px 10px 10px;
}
#boxcontent {
	padding: 5px 5px 5px 5px;
	background-color: #e0e0d4;
	border-bottom: 1px solid #a3a099;
	border-right: 1px solid #a3a099;
	border-top: 1px solid white;
	border-left: 1px solid white;
	margin-bottom: 10px;
}
#screenshot{
	position: absolute;
	padding: 5px;
	display: none;
	color: #4b4b4b;
	text-align: center;
	font-size: 12px;
	margin-top: -140px;
	z-index: 200;
	background-image: url(../../images/deco/bg-noir50.png);
}
li {
	margin-bottom: 5px;
	display: list-item;
	list-style-image: url(../../images/coche5.png);
	list-style-position: outside;
} 
a:focus{
outline:none;
}
a:link {
	color: #f4f4f4;
}
a:visited {
	color: #f4f4f4;
}
a:hover {
	text-decoration: none;
	color: #ffcc00;
}
h1 {
	padding: 10px 0px 0px 0px;
	font-size: 20px;
	text-align: center;
	letter-spacing: 5px;
	font-weight: normal;
}
.txt10brun {
       font-size: 10px;
		 color: #332c27;
}
.titre-page-center {
	font-size: 20px;
	text-align: center;
	letter-spacing: 5px;
}
.txt10-gris-center {
	font-size: 10px;
	color: #bbbbbb;
	text-align: center;
}
/*** acces clients ***/
#accesclient {
	float: left;
	width: 600px;
	height: 30px;
	text-align: right;
	font-size: 10px;
}
.member {
	width: 60px;
	color: #000000;
	border: 1px solid silver;
	font-size: 10px;
	background-image: url(../../images/deco/bg-blanc20.png);
}
.member_button {
	background-image: url(../../images/deco/bg-blanc20.png);
  margin: 5px 0 5px 0;
  border:1px solid silver;
  font-size: 10px; 
}
/*  Menu horizontal */
/* Navigation - toc(1) ----------------------- */
#nav {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 12px
}
#nav ul {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	padding: 0;
	z-index: -1;
}
/* Positionnement latéral */
#nav li {
	position: relative;
	list-style: none;
	float: left;
	margin: -1px 0px 0px -1px;
	white-space: nowrap;
	line-height: 20px;
	font-weight: normal;
	/*font-size: 14px;*/
}
#nav li a{
	display: block;
	float: left;
	padding: 1px 2px 0 0;
	text-decoration: none;
}
/* correction hack IE6 */
html>body #nav a {
	width: auto;
} 
/* Anti-slash commenté pour IE5-Mac \*/ 
#nav a {
	float: none;
}
/* Fin du hack IE5-Mac */
/* couleur txt niv 1 */
#nav a:link,#nav a:visited{
	color: white; 
	padding-left: 15px;
	padding-right: 15px;
}
/* couleur txt passage souris niv 1 */
#nav a:hover,#nav a:focus{
	color: #222222;
	padding-left: 15px;
	padding-right: 15px;
}
* html #nav a:link, * html #nav a:visited, * html #nav a:hover, * html #nav a:focus{
	padding-left: 15px;
	padding-right: 15px;
}
 /* IE6 */
* +html #nav a:link, * +html #nav a:visited, * +html #nav a:hover, * +html #nav a:focus{
	padding-left: 15px;
	padding-right: 15px;
}
 /* IE7 */
#nav .sdoc, #nav .sdocs {
	padding: 1px 15px 0px 15px;
	color: #ffd700;
}
/* couleur txt select niv 1 */
#nav .sdoc a, #nav .sdocs a {
	color: black;
}
#nav ul.menulevel1 li:hover, nav ul.menulevel1 li:focus, #nav li:hover a, #nav li:focus a, #nav li:hover a, #nav li:focus a{
	background-color: transparent;
}
/* couleur fond souris */
#nav ul.menulevel1 li:hover, nav ul.menulevel1 li:focus{
	background-color: #ffd700;
	color:black;
}
/* Navigation - toc(2)/toc(3) ----------------------- */
#nav li ul.menulevel2,#nav li ul.menulevel3{
	width: 0.1em;
}
#nav ul ul{
	position: absolute;
	top: 21px; /* debut nav2 */
	left: 0; /* IE */
	margin: 0;
	display: none;
}
#nav ul.menulevel1 li.docs:hover ul.menulevel2,#nav ul.menulevel1 li.sdocs:hover ul.menulevel2,#nav ul.menulevel2 li.docs:hover ul.menulevel3,#nav ul.menulevel2 li.sdocs:hover ul.menulevel3 {
	display: block;
}
/* fond niv2 */
#nav ul.menulevel2 li.doc,#nav ul.menulevel2 li.docs{
	position: relative;
	list-style: none;
	float: left;
	padding: 1px 10px 0 7px;
	margin: -1px 0 0 0;
	line-height: 18px;
	width: 120px;
	white-space: nowrap;
	border: 1px solid #554;
	font-size: 11px;
	background-image: url(../../images/deco/bg-noir50.png);
}
/* txt niv 2 */
/* -30px pour IE */
#nav ul.menulevel2 li.doc a,#nav ul.menulevel2 li.docs a {
	display: block;
	float: left;
	text-decoration: none;
	padding-left: 0;
	color: white;
	width: 90px;
}
/* fond select niv 2 */
#nav ul.menulevel2 li.sdoc,#nav ul.menulevel2 li.sdocs{
	position: relative;
	list-style: none;
	float: left;
	padding: 1px 10px 0 7px;
	margin: -1px 0 0 0;
	line-height: 18px;
	width: 120px;
	white-space: nowrap;
	border: 1px solid #554;
	background-image: url(../../images/deco/bg-noir50.png);
	font-size: 11px;
}
 /* txt select niv 2 */
#nav ul.menulevel2 li.sdoc a,#nav ul.menulevel2 li.sdocs a {
	display: block;
	float: left;
	padding-left: 0;
	font-size: 11px;
	color: white;
}
/* Respect de la superposition sous IE7 ? */
#nav ul.menulevel2 li:hover,#nav ul.menulevel2 li:focus {
	background-position: 0 0;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #ffd700;
	background-image: none;
}
/* txt souris niv 2 */
#nav ul.menulevel2 li:hover a,#nav ul.menulevel2 li:focus a {
	color: black;
}
#nav li ul.menulevel3 {margin: -15px 0 0 60px;}
/* Navigation - toc(3) ----------------------- */
#nav ul.menulevel2 ul.menulevel3 li.doc,#nav ul.menulevel2 ul.menulevel3 li.docs{
	position: relative;
	list-style: none;
	float: left;
	padding-left: 7px;
	margin: -1px 0 0 0;
	font-size: 10px;
	line-height: 28px;
	width: 160px;
	white-space: nowrap;
	background-color: #cd5c5c;
}
#nav ul.menulevel2 ul.menulevel3 li.doc a,#nav ul.menulevel2 ul.menulevel3 li.docs a {
	display: block;
	float: left;
	padding-left: 0;
	text-decoration: none;
	color: olive;
	width: 160px;
}
#nav ul.menulevel2 ul.menulevel3 li.sdoc,#nav ul.menulevel2 ul.menulevel3 li.sdocs{
	position: relative;
	list-style: none;
	float: left;
	padding-left: 7px;
	margin: -1px 0 0 0;
	font-size: 10px;
	line-height: 28px;
	width: 160px;
	white-space: nowrap;
}
#nav ul.menulevel2 ul.menulevel3 li.sdoc a,#nav ul.menulevel2 ul.menulevel3 li.sdocs a {
	display: block;
	float: left;
	padding-left: 0;
	color: #2f4f4f;
}
#nav ul.menulevel2 ul.menulevel3 li:hover,#nav ul.menulevel2 ul.menulevel3 li:focus {
	background-color: #0000cd;
}
#nav ul.menulevel2 ul.menulevel3 li:hover a,#nav ul.menulevel2 ul.menulevel3 li:focus a {
	color: #fee7b6;
	background-color: olive;
}
/* Navigation - z-index -------------------------*/
#nav ul.menulevel1 {z-index:10;}
#nav ul.menulevel2 {z-index:20;}
#nav ul.menulevel3 {z-index:30;}
#nav li:hover {z-index:40;}
/*  Fin du menu horizontal */
/*----------- misc -------------*/
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*#button {
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: white;
	color: #333;
	list-style: none;
	font-size: 10px;
}
#button ul {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#button li {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	list-style: none;
}
#button li a {
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: white;
	color: #434343;
	text-decoration: none;
	width: 100%;
}
html>body #button li a {
		width: auto;
}
#button li a:hover {
	background-color: #eeeeee;
	color: #F9429E;
}*/