body{
	margin: 0;
	padding: 0;
	background: rgb(240,240,240);	
	font-family: Verdana, sans-serif;
	font-size : 0.9em;
	height : 100%;
}

div#conteneur {
	position : relative;
	width: 85% ;
	min-height: 100%;
	margin: 0 auto ;
	text-align: left ;
	background: white ;
}

div#header{
	margin: 0;
	margin-top : 0.5em;
	background-color : rgb(225,233,244);
	border : 0.4em groove rgb(164,201,234);
}

div#header h1#ban a.neozone {
	width : 661px;
	height : 172px;
	display : block;
	background: url(images/essai4.jpg) no-repeat;
	margin : auto;
}

div#header h1#ban{
	margin-bottom :0;
	padding-bottom : 0;
}

div#header h2{
	font-size : 1.1em;
	color : blue;
	text-align : center;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	display : block;
	position: absolute;
	left : 50%;
	width : 90%;
	margin-left : -45%;
	margin-top : 1%;
}

#menu dl {
	float: left;
	width: 19.5%;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	color: black;
	background: url(images/bg_menu.gif) repeat-x 0 0;
	border: 1px solid rgb(138,200,255);
	margin: 1px;
	margin-bottom : 0;
}

#menu dd {
	display: none;
	border: 1px solid rgb(138,200,255);
}

#menu dd.double{
	width : 15em;;
}

#menu li {
	text-align: center;
	background: rgb(238,247,255);
}

#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt:hover, #menu dt:focus {
	background: url(images/bg_menu.gif) repeat-x 0 -20px;
}

div#corps{
	display : block;
	border : 0.2em solid rgb(164,201,234);
	background-color : white;
	margin : 0 auto;
	padding : 0 auto;
	padding-bottom : 10%;
}

div#corps:after{
	content: "";
	display: block;
	clear: both;
}

div#corps div#index, div#corps div#conditions, div#corps div#frais, div#corps div#presentation{
	display : block;
	width : 60%;
	margin-left : 2%;
	margin-top : 4%;
}

div#corps div#index h4, div#corps div#conditions h4, div#corps div#frais h4, div#corps div#presentation h4{
	padding-top : 1%;
	margin-bottom : 4%;
	text-align : center;
	color : rgb(99,104,164);
	font-size : 1.2em;
	text-decoration : underline;
}
div#presentation #proprietaire{
	margin-top : 5%;
	margin-bottom : 2%;
}

div#presentation #proprietaire, div#presentation #createur{
	width : 50%;
	margin-left : 2%;
}

div#presentation #proprietaire h3, div#presentation #createur h3{
	font-size : 0.9em;
	color : rgb(99,104,164);
	margin-bottom : 0.3em;
}

div#presentation #proprietaire p, div#presentation #createur p{
	font-size : 0.8em;
}

div#corps div#index img.garantie{
	float : left;
	margin-left : 5%;
	margin-right : 2%;
}

.fin_float{
	clear : both;
	margin-top : 2%;
}

div#corps div#conditions dt{
	font-weight : bold;
	color : rgb(99,104,164);
	margin-top : 3%;
}

div#corps div#conditions dd{
	color : rgb(46,59,88);
}

div.paragraphe{
	color : blue;
	display: block;
	margin-left : 1em;
	font-size : 0.9em;
}

.boutons {
	clear:both;
	text-align:right;
	padding:0.5em;
}


div#corps form#recherche, form#propose, form#contact{
	display : block;
	width : 60%;
	margin-left : 1em;
	margin-top : 3em;
	margin-bottom : 1em;
	border: 0.4em groove rgb(164,201,234);
}

div#corps form#commande{
	clear : both;
	display : block;
	border: 0.4em groove rgb(164,201,234);
	width : 90%;
	margin : auto;
}

div#corps form#commande select{
	width : 15em;
}

div#corps form#recherche fieldset{
	margin:0.2em;
	margin-bottom : 0;
	display:block;
	float:left;
	border:1px solid rgb(184,208,241);
	padding:10px;
}

div#corps form#propose fieldset, form#contact fieldset{
	margin:0.2em;
	display:block;
	border:1px solid rgb(184,208,241);
	padding:10px;
	width : 90%
}

div#corps form#commande fieldset{
	display:block;
	border:1px solid rgb(184,208,241);
	padding:10px;
}

div#corps #imprimante{
	width : 60%; 
}

div#corps #cartouche{
	width : 30%; 
}

div#corps #facturation,  #livraison{
	float : left;
	width : 45%;
	margin-bottom : 1em;
}

div#corps #reglement{
	width : 30%;
}

div#corps form#commande .separation{
	margin-bottom : 1em;
}

div#corps form#recherche input, div#corps form#recherche select, div#corps form#propose input, div#corps form#commande input, div#corps form#contact input, div#corps form#contact textarea{
	background : rgb(215,223,254);
	margin : 0;
	margin-bottom : 1em;
}
div#corps form#contact label.label_long{
	width : 58%;
}

div#corps form#contact input.objet{
	width : 60%;
}

div#corps form#contact textarea{
	width : 95%
}

div#corps form#recherche input:focus, div#corps form#recherche select:focus, div#corps form#propose input:focus, div#corps form#description_cartouche input:focus, div#corps form#commande input:focus, div#corps form#contact input:focus, div#corps form#contact textarea:focus{
	background : rgb(230,230,240) ; 
}

div#corps form#recherche legend, div#corps form#propose legend, div#corps form#commande legend, div#corps form#contact legend{
	color: rgb(40,82,225);
	font-size : 1.1em;
	font-style : italic;
	font-weight : bold;
}

div#corps form#recherche fieldset#imprimante label{
	display : block;
	float: left;
	width : 6em;
}

div#corps form#recherche fieldset#cartouche label{
	display : block;
	float: left;
	width : 10em;
}

div#corps form#propose label{
	margin-left : 2em;
	float : left;
	display : block;
	width : 18em;
}

div#corps form#commande label{
	float : left;
	display : block;
	width : 70%;
}

div#corps form#contact label{
	float : left;
	display : block;
	width : 20%;
}	

div#corps form#commande label.checkbox{
	width : 80%;
}

div#corps form#recherche .aide_recherche a{
	color : black;
	margin-left : 2em;
}

div#corps form#recherche .aide_recherche a:focus, div#corps form#recherche .aide_recherche a:hover {
	font-style : italic;
}

div#corps form#description_cartouche, div#corps form#description_cartouche_2{
	position : relative;
	width : 70%;
	margin : auto;
	border: 0.2em solid rgb(79,130,239);
	margin-bottom : 0.2em;
}

div#corps form#description_cartouche{
	background-color : rgb(172,172,172);
}

div#corps form#description_cartouche_2{
/*	background-color : rgb(139,215,255);*/
	background-color : rgb(144,207,240);
}

div#corps form#description_cartouche img.garantie, div#corps form#description_cartouche_2 img.garantie{
	width : 64px;
	height : 64px;
	float : right;
	margin-right : 1%;
}

div#corps form#description_cartouche p, div#corps form#description_cartouche_2 p{
	margin : 0;
	margin-left : 1em;
	color : black;
}

div#corps form#description_cartouche p .reduction, div#corps form#description_cartouche_2 p .reduction{
	color : rgb(248,245,102);
}

div#corps form#description_cartouche .bouton_description, div#corps form#description_cartouche_2 .bouton_description{
	padding-top : 0.1em;
	margin-top : 0.3em;
	width : 100%;
	background : rgb(241,245,249);
	border-top : 0.2em dashed rgb(79,130,239);
}

div#corps form#description_cartouche .bouton_description .image, div#corps form#description_cartouche_2 .bouton_description .image{
	width : 200px;
	height : 45px;
	margin-left : 10%;
	margin-top : 1%;
}

div#corps form#description_cartouche .bouton_description .elements, div#corps form#description_cartouche_2 .bouton_description .elements{
	display : block;
	width : 400px;;
	margin : auto;
}

div#corps form#description_cartouche .bouton_description .elements label, div#corps form#description_cartouche_2 .bouton_description .elements label{
	display : block;
	float : left;
	margin-top : 1em;
	font-size : 1.1em;
}

div #corps form#description_cartouche .bouton_description .elements input.text, div#corps form#description_cartouche_2 .bouton_description .elements input.text{
	display : block;
	float : left;
	margin-top : 1em;
	margin-left : 2%;
	background : rgb(215,223,254);;
}

form#panier table{
	width : 90%;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1em;
	border:0.2em solid rgb(164,201,234);
}

table#tableCommande{
	margin-top : 2em;
	width : 50%;
	margin-left : 5%;
	margin-right : 5%;
	margin-bottom : 1%;
	border:0.2em solid rgb(164,201,234);
	float : left;
}

form#panier td, table#tableCommande{
	text-align : right;
	padding-right : 0.1em;
}

form#panier td img{
	float : right;
	padding-right : 0.3em;
}

form#panier tr.premiere_ligne, table#tableCommande tr.premiere_ligne{
	background-color : rgb(225,233,244);
}

div#corps form#panier img{
	display : block;
	border : none;
}

div#corps form#panier h3{
	margin : 2%;
	margin-left : 5%;
	color : rgb(164,79,163);
	font-size : 1.3em;
}

table#tableTotal{
	width : 30%;
	margin-left : auto;
	margin-right : 15%;
	border:0.2em solid rgb(45,120,223);
}

table#tableTotal th{
	background-color : rgb(155,183,220);
}

table#tableTotalCommande{
	width : 30%;
	margin-top : 2em;
	border:0.2em solid rgb(45,120,223);
}

table#tableTotal th, table#tableTotalCommande th{
	background-color : rgb(155,183,220);
}

#boutons_gerer_panier{
	margin-left : 5%;
}

.boutons_fin_panier{
	clear : both;
	text-align : right;
	margin-top : 0.5em;
	margin-right : 10%;
}
.boutons_fin_panier img{
	border : none;
}

div#corps div#rappel_panier{
	position : relative;
	display : block;
	float : right;
	margin-top : 3em;
	margin-right : 2.6em;
	border: 1px solid rgb(164,201,234);
	background-color : rgb(241,245,249);
	width : 170px;
	height : 216px;
}

#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 20px;
	width: 23px;
	background-repeat: no-repeat;
	font-size:1px;
}

#hautgauche {
	margin-left: -1.4%;
	margin-top : -0.7%;
	background: url(images/hautgauche.gif);
	float : left;
}
#hautdroit {
	float: right;
	margin-right: -1%;
	margin-top : -0.7%;
	background: url(images/hautdroit.gif);
}
#basgauche {
	float : left;
	margin-left: -1.4%;
	margin-top : 2.3%;
	background: url(images/basgauche.gif);
}
#basdroit {
	float: right;
	margin-right: -1%;
	margin-top : 2.3%;
	background: url(images/basdroit.gif);
}


div#corps div#rappel_panier img{
	display : block;
	margin-left : auto;
	margin-right : auto;
	border : none;
}

div#corps div#rappel_panier td{
	font-size : 0.7em;
	width : 7em;
}

div#corps div#rappel_panier p{
	margin : 0;
	padding : 0;
}

div#corps div#rappel_panier p.aucune_cartouche{
	color : rgb(50,67,191);
	font-weight : bold;
	font-style : italic;
	margin : 0.5em;
	font-size : 1.1em;
}

div#corps div#rappel_panier .premiere_ligne{
	border-bottom : 1px solid rgb(164,201,234);
	background-color : rgb(225,233,244);
	margin : 0;
	padding : 0;
}

div#corps div#rappel_panier .derniere_ligne{
	border-top : 1px solid rgb(164,201,234);
	background-color : rgb(225,233,244);
	margin : 0;
	padding : 0;
	padding-bottom : 2%;
	text-align : center;
}

div#corps div#rappel_panier .derniere_ligne a{
	text-decoration : none;
	color : rgb(158,0,39);
	font-weight : bold;
	font-size : 0.8em;
}

div#corps div#rappel_panier #contenu  {
	width : 100%;
	height : 79%;
	display : block;
	overflow:auto;
	margin: 0;
}

div#corps hr{
	border : 0;
	color : white;
	background-color : white;
	clear:both;
	margin-bottom : 0;
	padding-bottom : 0;
}

div#corps h2{
	background : url(images/panier.gif) no-repeat;
	width: 172px;
	height : 73px;
	display: block ;
	margin : auto;
	margin-top : 1.5em;
	margin-bottom : 1em;
}

div#corps textarea{
	margin-top : 1%;
}

div#corps p{
	margin: 0;
	margin-left : 2%;
	padding : 0;
	color : rgb(46,59,88);
}

div#corps p.modif{
	margin-left : 2%;
	margin-bottom : 1%;
	font-style : italic;
	font-size : 0.8em;
}

div#corps p.resultat{
	margin-bottom : 2%;
}

div#corps p a{
	text-decoration : none;
	color : black;
}

div#corps p a:hover{
	text-decoration : underline;
}

div#corps input.valide_commande{
	display : block;
	margin-top : 1%;
	margin-left : 3%;
}

div.res_commande{
	margin : 4%;
	margin-top : 3%;
}

div.res_commande table#adresse{
	float : left;
	border-collapse: collapse;
	padding: 0;
	border: 0;
	width : 20%;
	margin : 2%;
	margin-right : 5%;

}

div.res_commande table#adresseliv{
	border-collapse: collapse;
	padding: 0;
	border: 0;
	width : 20%;
	margin-top : 2%;
	margin-bottom : 2%;
}

div.res_commande table#adresse th, div.res_commande table#adresseliv th{
	color : white;
	background-color : rgb(123,178,227);
	text-align : center;
}

div.res_commande table#adresse td, div.res_commande table#adresseliv td{
	background-color : rgb(227,234,240);
	text-align : center;
	border-collapse: collapse;
}


div #corps p#warning{
	font-size : 1.2em;
	font-weight : bold;
	text-decoration : underline;
	color : rgb(219,59,35);
	margin-top : 2%;
}

div#footer{
	display : block;
	padding-top : 2%;
	padding-bottom : 2%;
	background-color : rgb(234,239,243);
	border : 0.2em groove rgb(164,201,234);
}

div#footer p{
	margin : 0;
	padding : 0;
	font-size : 0.9em;
	color : rgb(46,59,88);
	text-align : center;
}

div#footer p a{
	text-decoration : none;
	font-size : 0.9em;
	color : rgb(46,59,88);
}

div#footer img{
	border : none;
}

div#footer img.logo_xiti{
	display : block;
	margin : auto;
	margin-top : 1%;
}