body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#8F8F8F;}
#header {
	position: relative;
	float:right;
	width:852px;
height: 280px;
		background-color: #191919;
}
#haut {z-index:800;
	border-bottom:solid 1px #666666;
	position: absolute;
	width:100%;
top:53px;
height: 26px;
}
#conteneur {
border:solid 1px #666666;
position: relative;
		width: 1023px;
margin: 0 auto;
	background-color:#191919;
}
#centre {padding-top:247px;
		background-color:#333333;
		margin-left: 170px;
		margin-right: 0px;
	border:solid 1px #666666;
	border-right:1px solid #191919;
}


#gauche {
text-align:center;
	background-color:#191919;
position: absolute;
left:0;
width: 170px;
}
#droite {
	background-color:#191919;
position: absolute;
right:0;
		width: 170px;
	top:280px;
}
#pied {
height: 90px;
background-color:#191919;
text-align:center;
}

/*----------------------------------------------------------*/
#menu {list-style-type: none;
margin: 0px;
left:2px;
position:absolute;
		width:838px;
	height:25px;
	 margin : 0 auto;
    padding : 0px;
top:0px;
z-index:800;}
#menu li {
display: inline;
	border:solid 1px #666666;
		background-color:#333333;
    float: left;
    min-width : auto;
    height : 25px;
    line-height : 25px;
    margin : 0 3px;

    vertical-align:middle;
 position:relative; z-index:800;}
#menu li dl {position:absolute; width:100%; text-align:center; z-index:800;}
#menu li a, #menu li a:visited {
z-index:800;
margin: 0px; /* était : margin: 0 5px; */
	font-family:Verdana;
	font-size:9px;
	color:white;
	background-color:#333333;
text-decoration: none;
padding:1px;}
#menu li dd {display:none;}
#menu li:hover {border:0;	background-color:#2d2d2d;
display: inline;
	border:solid 1px #666666;
z-index:800;
    float: left;
    min-width : auto;
    height : 25px;
    line-height : 25px;
    margin : 0 3px;

    vertical-align:middle;}
#menu li:hover dd, #menu li a:hover dd {display: inline;
z-index:800;}
/*#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;} */
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em; z-index:800;}
#menu dl {margin: 0; padding: 0; background: transparent; z-index:800;}
#menu dt {
/* */
z-index:800;
width:auto; text-align:center;
/* */
margin:0; padding: 0;
/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */ margin-bottom: 0px;
display:inline;
}

#menu dd {z-index:800;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	border-bottom:solid 1px #666666;
	border-top:none;
		background-color:#333333;
    float: left;
    width:100%;
    height : 25px;
    line-height : 25px;
    top:1px;
    position:relative;
    margin : 0 -1px;
    text-align:left;
    vertical-align:middle;}

#menu dt a, #menu dt a:visited {
z-index:800;
list-style-type: none;
margin: 0px;



	height:25px;
	 margin : 0 auto;
    padding : 0px;
top:-6px;}

#menu li:hover dt a, #menu a:hover dt a {
z-index:800;
margin: 0px; /* était : margin: 0 5px; */
	font-family:Verdana;
	font-size:9px;
 color:#92c7fc;
	background-color:#2d2d2d;
text-decoration: none;
padding:0px;
display:block;
height:24px;
border-bottom:1px solid #92C7FC;
}

#menu dd a, #menu dd a:visited {
z-index:800;
display:block;
margin: 0px; /* était : margin: 0 5px; */
	font-family:Verdana;
	font-size:9px;
	color:white;

text-decoration: none;
padding:0px;
padding-left:3px;}

#menu dd a:hover {z-index:800;
display:block;

text-decoration: none;
 color:#92c7fc;
	background-color:#2d2d2d;}
/*-----------------------------------------------------------------------------*/
/* CSS pour menu Gauche ######################################## */
.menugauchesnoopersnooper {


 z-index:800;
 font-family: Verdana, arial, sans-serif;
 width:170px;
 position:relative;
 margin:0;
 text-indent:5px;
 font-size:11px;
 display:block;
 margin:0px 0px;
 }

.menugauchesnooper ul li a, .menugauchesnooper ul li a:visited {
text-align:left;
padding-left:5px;
display:block;
text-decoration:none;
color:#c0c0c0;
width:165px;
height:25px;
border:1px solid #666666;
border-width:1px 1px 1px 1px;
margin-top:-1px;
margin-left:-1px;

background:#191919;
line-height:25px;
font-size:11px;}
.menugauchesnooper ul li a:hover{
 border-right:1px solid #92C7FC;
 width:164px;
 }

.menugauchesnooper ul {padding:0; margin:0; list-style-type: none;}
.menugauchesnooper ul li {float:left; margin-right:1px; position:relative;}
.menugauchesnooper ul li ul {display: none;}

/* specific to non IE browsers */
.menugauchesnooper ul li:hover a {font-weight:normal; color:#92c7fc; background:#333333;}
.menugauchesnooper ul li:hover ul {display:block; position:absolute; top:0; left:171px; width:190px;}
.menugauchesnooper ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menugauchesnooper ul li:hover ul li:hover a.hide {width:170px;}
.menugauchesnooper ul li:hover ul li ul {display: none;}
.menugauchesnooper ul li:hover ul li a {display:block;  z-index:300; background:#191919; color:#c0c0c0; width:190px;}
.menugauchesnooper ul li:hover ul li a:hover {background:#333333; z-index:300; color:#92c7fc;}
.menugauchesnooper ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0; color:#000;}
.menugauchesnooper ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menugauchesnooper ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}








/*-----------------------------------------------------------------------------*/


.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;

}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}





div#centre p
{/* added step 3 : */
color:#cccccc;
	text-align: justify ;
	margin-right: 5px ;
	margin-left: 5px ;
/*	line-height: 1.7em ; */
}

p {margin: 0 0 10px 0;}

h1{
font-family: Arial;
color:#92c7fc;
font-size:18px;
font-weight:bold;
}

/* Titre Grand Bleu corps de page */
h2{
text-align:center;
font-family:Verdana;
font-size:15px;
font-weight:bold;
color:#92c7fc;
}

/* Titre Petit Bleu */
h3{
text-align:center;
font-family:Verdana;
font-size:13px;
font-weight:bold;
color:#92c7fc;
}

h4{
font-family: Verdana;
font-size: 12px;
color: White;
font-weight: bolder;
background-color: transparent;
}

h5{margin: 0 5px 10px 0;
display:inline;
text-align:justify;
font-family: Arial;
font-size: 12px;
color: #cccccc;
}


/*----------------------------------------------*/
.txtnamefield{
font-family:Verdana; font-size:11px; color:#808080;}
.txtvarfield{
font-family:Verdana; font-size:12px; color:#353535;}

.txtarea1{
border:1px solid silver;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
color:#595959;
}
.txtarea1:focus{
border:1px solid #595959;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
color:black;
}


.field1{
border:1px solid silver;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
color:#595959;
}
.field1:focus{
border:1px solid #595959;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
background-color:#EFEFEF;
color:black;
}

.txtfield1{color:#666666; font-family:Verdana; font-size:10px;}

.btn1{background-color:silver; font-family:Verdana; font-size:10px; color:black;
 border-top:1px solid #191919;
 border-left:1px solid #191919;
 border-right:2px solid #191919;
 border-bottom:2px solid #191919;
 min-width:230px;
 }
.btn1:hover{background-color:#92C7FC; font-family:Verdana; font-size:10px; color:black;
 border-top:1px solid silver;
 border-left:1px solid silver;
 border-right:2px solid silver;
 border-bottom:2px solid silver;
  min-width:230px;
cursor: pointer;
}

.btntype1{background-color:silver; font-family:Verdana; font-size:10px; color:black;
 border-top:1px solid #191919;
 border-left:1px solid #191919;
 border-right:2px solid #191919;
 border-bottom:2px solid #191919;


 }
.btntype1:hover{background-color:#92C7FC; font-family:Verdana; font-size:10px; color:black;
 border-top:1px solid silver;
 border-left:1px solid silver;
 border-right:2px solid silver;
 border-bottom:2px solid silver;
cursor: pointer;
}
#navbarcpteclt{
position:relative;
margin:0px;
padding:0px;
list-style:none;
height:21px;
list-style-type: none;
margin: 0px;
left:2px;
}
#navbarcpteclt li a{
text-decoration:none;
position:relative;
border-right:1px solid #191919;
vertical-align:middle;
margin-left:0px;
float:left;
background-color:silver;
padding-left:6px;
padding-right:6px;
margin:0 auto;
display:block;
height:21px;
color:#191919;
font-size:11px;
width:auto;
}
#navbarcpteclt li a:hover{
float:left;
background-color:#191919;
color:white;
font-size:11px;
}
.txtsuccess2{
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:blue;

}
.th1{
background-color:silver;
font-family:Arial, Helvetica, sans serif;
font-size:9px;
bgcolor:#EFEFEF;
}
.th3{
padding-left:8px;
background-image:url('../layout/bg_th3.png');
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:white;
height:24px;
}
.tdnormal{
border:1px solid #353535;
padding:10px;
}
.tdnormal2{
border:1px solid #353535;
padding:0px;
}
.txtpx{
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:blue;
}
.btnacheter1{
 background-color:orange;
 font-family:Arial, Helvetica, sans serif;
 font-size:12px;
 font-weight:bold;
}
.btnacheter1:hover{
 background-color:#FF630F;
 font-family:Arial, Helvetica, sans serif;
 font-size:12px;
 font-weight:bold;
}
.txtshortdesig_fr{
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:#353535;
}
/*--------------------------------------------------------*/
.txtsuccess2{
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:blue;
}

.linktype2{
font-family:Arial, Helvetica, sans serif;
font-size:11px;
color:blue;
}