body {
	background: #CCCC99 url("medias/body_fond.gif") center top repeat-y;
	color:#999999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	margin:0;
	padding:0;
	text-align: center;
}
#conteneur {
	width: 920px;/*839px*/
	text-align: left;
	margin:0 auto;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	background: url("medias/conteneur_fond.gif") no-repeat 50px 170px;
}
#header {
	background:url(medias/header.png) no-repeat;
	padding:1px 0 0;
}
div#centre {
	float: right;
	width: 680px;
	}
div#sidebar {
	float: left;
	width: 220px;
	color: #666666;
}

.clear-conteneur {
	clear: both;
	height: 37px;
}































a {
	color: #000066;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
	text-decoration: none;
	}

/************************
***** CLASS

************************/
.center, .alignCenter {
text-align: center;
}
.alignRight , #centre table td.alignRight{
text-align: right;
}
.alignLeft {
text-align: left;
}




/************************
***** header
************************/

#header h1 span, #header li a span {
	display: none;					/*****************************************/
}


#header h1, #header h1 a {
	background:url(medias/header.png) no-repeat 0 0;
	display: block;
	height: 120px;
	margin: 0;
	padding: 0;
}
#header h1 a:hover {
	background:url(medias/header.png) no-repeat 0 0;
}
#header ul {
	background-color: #333333;
	padding: 1em 0 2em 5px;
	list-style: none;
	margin: 0 0 1em 0;
}
#header li {
	display: inline;
	float: left;
	margin-bottom: 3px
}
#header ul a {
	text-decoration: none;
	color: #FFF;	
	padding:2px 10px 2px 2px;
	background-image: url(medias/head_links.png);
	background-repeat: no-repeat;
	background-position: right;
}
#header ul a:hover {
	color: #FC0;
	background-image: url(medias/head_links_over.png);
}


/************************
***** CENTRE
************************/
#centre h2 {
	font-size: 1.6em;
	color: #666;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 0.1em;
}

#centre h2:first-letter {
	color: #FFCC00;
}


#centre h3 {
	font-size: 1.2em;
	padding-left: 1em;
	color: #006;
	letter-spacing: 0.2em;
}

#centre li {
	list-style-type: square;
}

#centre li li {
	list-style-type: disc;
}

#centre p {
	font-size: 0.9em;
	color: #333333;
}

#centre hr {
clear: both;
visibility: hidden;
margin: 0;
padding: 0;
height: 1px;
}


#centre li.liPucesA a {
padding-left: 20px;
display: block;
height: 16px;
background-repeat: no-repeat;
}



/*****GENERALE*************/

p.ariane {
	font-size: 1.6em;
	color: #666;
	margin: 0 0 2em 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 0.1em;
	font-weight: bold;
}

p.ariane:first-letter {
	color: #FFCC00;
}

/*****LISTE*************/
a.fav {
background:url(medias/famfamfam/wrench_orange.png) no-repeat center left;
padding: 2px 0 2px 20px;
}

ul#listResults {
  margin:0 -5px;
  padding:0;
  list-style:none;
}
ul#listResults li {
	margin: 5px 5px 2em 5px;
	padding: 5px;
	clear: both;
  list-style:none;
	}

ul#listResults p, ul#listResults h3 {
	margin: 0;
}

ul#listResults p.images {
	float: left;
	margin: 0 1em 1em 0;
}
ul#listResults h3 {
font-size: 1em;
font-weight: normal;
margin: 0.5em 0 0 0;
}

ul#listResults h3 a {
	text-decoration: none;
}
ul#listResults h3 a:hover {
	text-decoration: underline;
}
ul#listResults a.lienPanier {
	background:url(medias/panier_ajout.png) no-repeat right;
	padding-right: 20px;
	margin-left: 15px;
	text-decoration: none;
}
ul#listResults a.lienPanier:hover {
	text-decoration: underline;
}

#centre div.pagination {
text-align: center;
}
#centre div.pagination ul{
margin: 1em 0;
padding: 0;
}
#centre .pagination li {
display: inline;
margin: auto 2px;
}
#centre .pagination a {
border: 1px solid  #CCCCCC;
background-color: #FFFFFF;
padding: 3px;
}
#centre .pagination a#precedent {
background:url(medias/famfamfam/page_prev.gif) no-repeat center left;
padding-left: 20px;
border: 0;
}
#centre .pagination a#suivant {
background:url(medias/famfamfam/page_next.gif) no-repeat center right;
padding-right: 20px;
border: 0;
}


div.imgDetail {
float: right;
margin: 0 0 1em 1em;
width: 100px;
}
p.imgDetailZoom {
text-align: center;
}

ul.detailVSO {
margin: 0 0 0 2em;
padding: 0;
color: #333333;
list-style:none;
}

ul.detailVSO li {
margin:0;
padding: 0;
}

ul.detailVSO li strong {
color: #333333;
}


table#centrePanier {
	margin: 0 auto 1em;
	width:494px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.9em;
	border: 1px solid #CCCCCC ;
	border-top: none;
}
#centrePanier tr {
	border-top: 1px solid #CCCCCC ;
	}

#centrePanier th {
padding-left: 5px;
}
#centrePanier td {
padding: 2px 8px 2px 2px;
border-right: 1px solid #CCCCCC;
}



/*FORM*/

.marginRight10 {
margin-right: 10px;
}
.loginPage {
width: 230px;
background-color: #E8E9FF;
float: left;
border: 1px dotted #CCC;
padding: 5px;
height: 10em;
margin-top: 2em;
}
.loginPage h4 {
margin: 0 0 1em 0;
}
.BoutonForm {
background-color:#333333;
color:#FF9900;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
height:22px;
width:40px;
}
#centre p.alerte {
background-color:#E8E9FF;
border:2px solid #FF0000;
color:#000066;
font-size:11px;
font-weight:bold;
margin:5px;
padding:2px;
text-align:center;
}
#centre form, #centre input, #centre label, #centre textarea, #centre select, #centre form p {
margin: 0;
padding: 0;
}
#centre form p {
margin-bottom: 5px;
}

#centre form#formCompte {
margin: 10px auto;
width: 450px;
}
#centre form#formCompte p {
clear: both;
}

#centre form#formCompte label {
font-weight: bold;
display: block;
width: 200px;
float: left;
text-align: right;
margin: 5px;
}
#centre form#formCompte input, #centre form#formCompte textarea, #centre form#formCompte select {
width: 200px;
margin: 5px 0;
}
#centre form#formCompte input#inputValiderCompte {
margin-left: 260px;
}

#centre form#formCompte input.checkbox {
width: 25px;
}

#commande div {
width: 250px;
float: left;
padding: 0;
height: 15em;
margin-top: 2em;
}
#commande div h3{
clear:none;
}


/**/
			/************************ mon compte // commande*******************************/
#centre li.liPucesRecherche {
padding-left: 20px;
background:url(medias/famfamfam/wrench_orange.png) no-repeat;
margin-bottom :1em;
}




#centre table#tablePanier {
width: 90%;
margin: 10px auto;
border-collapse: collapse;
border-spacing: 0px;
}
#centre table#tablePanier img {
border: 0;
margin-bottom: -3px;
}
#centre table#tablePanier th {
border-bottom: 2px solid #444444;
padding-right: 5px;
text-align: center;
}
#centre table#tablePanier tr {
background:url(medias/bg_ul_detail.png) left top repeat-x;
}
#centre table#tablePanier td {
padding: 10px 5px 10px 0;
}
#centre table#tablePanier tr.premier {
background-image:url(none);
}
#centre table#tablePanier tr.dernier {
background-image:url(none);
border-top: 2px solid #444444;
}

#centre table#tablePanier tr.modulo {
background-color: #E9F8F7;
margin-bottom: 30px;
padding-bottom: 30px;
}
#centre table#tablePanier .alignRight {
text-align: right;
}
#centre table#tablePanier .alignCenter {
text-align: center;
}
#centre table#tablePanier strong {
font-size: 1.5em;
float: right;
}


#centre table#tablePanier a#panierCommander {
background:url(medias/famfamfam/accept.png) no-repeat;
padding-left: 20px;
font-weight: bold;
font-size: 1.3em;
margin-right: 10px;
}
#centre table#tablePanier a#panierVider {
background:url(medias/famfamfam/delete.png) no-repeat;
padding: 2px 0 2px 20px;
}

#centre table {
width: 90%;
margin: 10px auto;
border-collapse: collapse;
border-spacing: 0px;
color: #333333;
border-top: 1px solid #444444;
border-left: 1px solid #444444;

}
#centre table th, #centre table td {
border-bottom: 1px solid #444444;
border-right: 1px solid #444444;
padding-right: 5px;
text-align: center;
}
#centre table td {
padding: 10px 5px;
text-align: left;
}


			/************************ articlesListe *******************************/
#centre ul#articlesListe {
	list-style: none;
}
#centre ul#articlesListe h3 a {
color: #7A8730;
}
#centre ul#articlesListe h3 {
margin-bottom: 10px;
}
#centre ul#articlesListe li {
margin-bottom: 30px;
padding-bottom: 30px;
background:url(medias/bg_ul_detail.png) left bottom repeat-x;
}
#centre ul#articlesListe li img {
float: left;
border: 1px solid #818181;
margin-right: 20px;
}
#centre ul#articlesListe li ul li img {
float: left;
border: none;
margin-right: 20px;
}
#centre ul#articlesListe li ul {
margin: 0 0 0 70px;
padding: 0;
list-style-type: none;
width: 80%;
}
#centre ul#articlesListe li ul li {
margin: 0;
padding: 0;
background-image:url(none);
}
#centre ul#articlesListe li ul li.listePanier {
margin: 10px 0;
}



#centre p.logos {
	text-align: center;
}
#centre p.logos img {
margin: 0 2em;
}

/************************
***** SIDEBAR
************************/


#sidebar h2 {
	color: #333;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding: 0 0 5px 9px;
	margin: 0;
	background-image: url(medias/puce_dt.png);
	background-repeat: no-repeat;
}
#sidebar h2:first-letter {
	color: #000;
	font-weight: bold;
	font-family: Verdana, sans-serif;
}

#sidebar p, #sidebar address {
	padding: 0 0 15px 0;
	font-size: 0.9em;
}

#sidebar ul {
  margin:10px 0 10px 5px;
  padding:0;
  list-style:none;
  font-size: 0.9em;
}

#sidebar li {
  margin:0;
  padding:0 0 9px 9px;
  text-indent:-9px;
}

#sidebar li a {
	color: #666666;
	text-decoration: none;
	background-image: url(medias/puce_dd_li.png);
	background-repeat: no-repeat;
	padding-left : 10px;
}


#sidebar a:hover {
	color: #000066;
}


#sidebar a img {
	margin: 0 auto;
	}
	
#english, a#english {
   font-weight: bold;
   background:url(medias/us.gif) no-repeat;
   padding-left: 32px;
   margin-top: 30px;
   display: block;
   }


/************************
***** sidebar
************************/

#sidebar div {
	background:url(medias/sidebarCadreTop.gif) no-repeat top center;
	padding: 0;
	margin: 3px 3px 20px 3px;
}

#navSearch h3 {
	background:url(medias/puce_recherche.gif) no-repeat left center;
	}

#navSearch form, #navSearch p, #navSearch input {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navSearch form {
	background: url(medias/sidebarCadreBottom.gif) no-repeat bottom center;
	padding: 0 5px 1em 5px;
}

#navSearch input.SearchInput, #navSearch select {
	border: 1px solid #666666;
	width: 130px;
	padding: 1px;
	margin :1px
}

form#lotVSO  {
margin: 0 2px;
padding: 0 2px;
background-color:#CECCEB;
}
#lotVSO p {
margin: 0;
padding: 0;
}
#lotVSO input.SearchInput {
	border: 1px solid #666666;
	padding: 1px;
	margin :1px;
	width: 50px;
}
input.imageField {
vertical-align: text-top;
}



#navPanier p.last {
	background: url(medias/sidebarCadreBottom.gif) no-repeat bottom center;
	padding: 0 5px 1em 5px;
}

#navPanier a img {
	border: 0;
}

#navPanier p {
	padding: 1px 5px;
}

#navPanier table {
	border-collapse:collapse;
	border-top: 1px solid #FFFFFF;
	margin: 2px;
	font-size: 0.9em;
	}
#navPanier th, #navPanier td {
	border-bottom: 1px solid #FFFFFF;
}	
#navPanier th {
	text-align: left;
	font-weight: normal;
	color: #333333;
	}
#navPanier td {
	text-align: right;
	color: #333333;
	vertical-align:top;
	}
#navPanier #total td, #navPanier #total th {
	color: #000066;
	font-weight: bold;
}
#navPanier #total  th {
	text-align: right;
	}