body{
	scrollbar-face-color:#F8D1F6;
	scrollbar-base-color:#F8D1F6;
	scrollbar-arrow-color:black;
	scrollbar-track-color:#FCF0F4;
	scrollbar-shadow-color:#F8D1F6;
	scrollbar-highlight-color:#F8D1F6;
	scrollbar-3dlight-color:#ED8FFA;
	scrollbar-darkshadow-Color:#ED8FFA;
}

body {
	/*background-color: #696C6E;*/
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background: url(images/bg.gif);*/
	background-image: url(images/fond_ecran7.gif);
	background-repeat:repeat-x;
	background-position:0px -350px;
	font-size: 11px;
	font-family: Verdana,Arial;
 }
/*----------------------------------------------------------------------------------------*/
#container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid;
	border-width: 0px;
	border-bottom:none;
	border-color:#aaa;
	background-color: #fff;
    position:absolute;
	top:20px;
    left: 50%;
	width: 970px;
	height: 510px;
    margin-left: -485px;
	font-weight:  normal;
	color: #000000;
	clear:both;
	background-repeat:no-repeat;
	background-position: 310px 65px;
	
	/* Hack CC pour IE MAC \*/
	top: 50%;
	margin-top: -255px;
	/* fin hack CSS pour IE MAC */
}

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

#logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	width:220px;
	height:52px;
	top:23px;
	left:39px;
}
#menu_A {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	width:125px;
	height:150px;
	top:150px;
	left:130px;
}
#menu_B {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	width:410px;
	height:50px;
	top:25px;
	left:542px;
	font-size:9px;
	color:#ADADAD;
}
#menu_C {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	width:325px;
	height:50px;
	top:490px;
	right:0px;
	font-size:11px;
	color:#ADADAD;

}
#menu_B a , #menu_C a {
	text-decoration:none;
	color:#ADADAD;
	font-size:11px;
}
#menu_B a:hover , #menu_C a:hover {
	text-decoration:none;
	color:#000;
}
#illustration {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	width:310px;
	height:220px;
	bottom:0px;
	left:0px;
}

#cadre {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	width:585px;
	height:370px;
	top:90px;
	left:325px;
	background-repeat:no-repeat;
	overflow:auto;
	z-index:2;
}

#titre_partie {
	position: absolute;
	left:330px;
	top:70px;
	z-index:1;
}

#minicadre {
	padding: 13px 13px 13px 13px;
	margin: 0px 0px 0px 0px;
	width:70px;
	height:62px;
	background: url(images/pict_minicadre.gif) no-repeat;
	background-color:#ffffff;
	/*clear:left;
	clear:right;*/ 
}

// ---------Panier----------
#panier {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:dotted;
	border-collapse:collapse;
	border-color:black;

}
.cell4{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	color: #E47474;
	background-color: #F4F4F4;
	font-size: 90%;
	border-width:1px; 
	border-color:red;
	border-style: dotted; 
}
.cell5{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #F4F4F4;
	font-size: 90%;
	color : #ADADAD;
	border-width:1px; 
	border-color:red;
	border-style: dotted; 
}

a.info{
    position:relative; 
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{
	z-index:25;
	background: none;
	z-index: 500;
}

a.info span{display: none}

a.info:hover span{ 
    display:block;
    position:absolute;
	padding:3px;
    top:0px; left:-5px;
	/*width:100px;*/
    border:1px solid #888;
    background-color:#333; color: #FF33CC;
    text-align: center}


#footer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:both;
	height:15px;
	text-align: center;
	font-weight:  bold;
	color: #fff;
	background-color: #FF3300;
	background:  url(images/bt_fond.gif);
	width: 900px;
	position:absolute;
	bottom:-15px;

}

#zoom {
	visibility:hidden;
	position:absolute;
	top:17px;
	left:0px;
	background-color:#fff;
	z-index:999;
	/*border-width:1px;
	border-color:#000;
	border-style:solid;*/
}
/*----------------------------------------------------------------------------------------*/
.normal,.txt1,.txt2,.txt3,.titre1,.titre2,.titreBig,.petit{
	margin: 0px 0px 0px 0px;
	font-family: Verdana,Arial;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.normal {
	font-family: Verdana,Arial;
	color: #9D9D9D;
	color: #5D5D5D;
}
.txt1 {
	font-size: 12px;
	font-weight:  normal;
	color: #000;
	letter-spacing: 0.5px;
	text-align: left;
}
.txt2 {
	margin: 20px 0px 0px 0px;
	font-size: 14px;
	text-align: left;
	font-weight:  bold;
	color: #000;
}
.txt3 {
	text-align: left;
	font-weight:  bold;
	color: #000000;
	background-color: #EEEEFF;
	font-size: 12px;
}
.txt4 {
	text-align: left;
	font-weight:  normal;
	color: #0050AA;
	font-size: 11px;
}
.titre1 {
	font-size: 12px;
	text-align: left;
	font-weight:  normal;
	color: #000;
	line-height:30px;
}
.titre2 {
	font-size: 12px;
	text-align: left;
	font-weight:  normal;
	color: #E31311;
	/*line-height:30px;*/
}
.titreBig {
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	font-weight:  bold;
	font-family: Verdana,Arial;
	/*color: #336699;*/
	color: #BA0008;
	letter-spacing: 0.07em;
}
.petit {
	font-family: Arial,Verdana;
	font-size: 9px;
}
.signature {
	font-style: normal;
	font-size: 11px;
	text-align: right;
	font-weight:  bold;
	color: #000000;
}
.solde {
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	text-align: left;
	font-weight:  bold;
	color: #FF0000;
}
/****************************************************/
a,a.link,a.visited,a.text {
	font-family: Verdana,Arial;
	text-decoration:none;
	color:#9D9D9D;
	font-size:12px;
}
a:hover {
	text-decoration:underline;
}
/****************************************************/
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.lst1{
	list-style-type:none;
	background-image: url(images/puce1.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.8em;
	padding-top: 0.8em;
	line-height:20px;
}
.lst2{
	list-style-type:none;
	background-image: url(images/puce2.gif);
	background-repeat: no-repeat;
	background-position:0% 50%;
	padding-left:12px;
}

.lst3{
	margin: 0px 0px 15px 0px;
	list-style-type:none;
	background-image: url(images/puce3.gif);
	background-repeat: no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}
/****************************************************/
select {
	padding: 0px 0px 0px 0px;
	color: #000000;
	background-color: #eee;
	font-size: 9px;
	font-family: Verdana,Arial; 
}
input {
	padding: 0px 0px 0px 0px;
	color: #000000;
	background-color: #eee;
	font-size: 12px;
	font-family: Verdana,Arial;
}
textarea {
	padding: 0px 0px 0px 0px;
	color: #000000;
	background-color: #eee;
	font-size: 12px;
	font-family: Verdana,Arial;
}

image {
	border-color:#FF0202;
	border:#FF0202;
}

hr {
	  border-style :none;
	  border-width :0px;
	  border-color:#FFFFFF;
      height: 15px;
	  background: url(images/pict_hr1.gif) no-repeat center;
      border: #ffffff;
	  width:80px;
}
/****************************************************/
.cell1 {
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.cell2{
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #f4f3d5;
}
/* Pour les tableaux */

.cell3{
	padding: 2px 2px 2px 2px;
	text-align: center;
	background-color: #fff;
	font-size: 1em;
	color: #000;

}


.cell3_petit {
	background-color: #fff;
}
.cell4_petit {
	background-color: #FF8E33;
}
.cell5_petit {
	background-color: #FFB933;
}





.cell3_petit {
	background-color: #E04B2D;
}
.cell4_petit {
	background-color: #ECDAAA;
}
.cell5_petit {
	background-color: #F3E8C2;
}


.cell3_petit {
	background-color: #c5dec0;
}
.cell4_petit {
	background-color: #c5dec0;
}
.cell5_petit {
	background-color: #EFFFEF;
}

.cell3_petit,.cell4_petit,.cell5_petit {
	font-size: 0.8em;
	color:#222;
}