html, body {
	height: 100%;
}

* { padding:0;}

body {
	margin : 0;
	padding : 0;
	font-size : 0.8em;
	color : #000;
	font-family : "Century Gothic", Verdana, tahoma, arial;
	background-color: #7B1C17;
	background-repeat: repeat-x;
	background-image: url(../images/bg-3.jpg);
	background-color: #FFFECD;
}
h1 {
	font-size:20px;
}
a:active, a:focus{
	outline:none;
}
IMG {
	border:0;
}

ul{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
}
/*  SITE
********************************************************************/
 
#site {
	width : 1000px;
	margin : 0 auto;
	padding : 0;
	min-height: 100%;
	background-image: url(../images/bg-site.jpg);
	background-repeat: repeat-y;
}

/*  HEADER
********************************************************************/
   
#header {
	height : 66px;
	width : 100%;
	background : url(../images/header.png) repeat-x;
	margin : 0;
	z-index : 1;
}

#header div {
	width : 1000px;
	margin : 0 auto;
	height: 60px;
}

/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/

#header h1 {
	color : #B32720;
	margin : 0;
	padding : 0;
	font-size : 1.8em;
	text-transform : uppercase;
	font-weight : normal;
	width: 350px;
	float: right;
	text-align: right;
}
#header  p#txtlogotop {
	color : #B32720;
	margin : 0;
	padding : 0;
	font-size : 1.8em;
	font-weight : normal;
	width: 350px;
	float: left;
	text-align: center;
}

#header p {
	color : #fff;
	margin : 0;
	padding : 0;
	width: 350px;
	float: left;
	text-align: center;
}

/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
#header  ul {
	list-style : none;
	margin : 0;
	padding : 0 0 0 10px;
	line-height : 60px;
	float: right;
}

#header li {
	float : right;
	background : url(../images/li-header.jpg) no-repeat left;
}

#headesqdsr li:first-child {
	background : none ;
}
	
#header li a {
	margin : 0 ; 
	padding : 0 10px 0 10px; 
	text-decoration : none ;    
	color : #fff ;
}

#header  li a:hover {
	color : #B32720 ;
}

#header  li .active {
	color : #B32720 ;
}

/*  Main
********************************************************************/

#main {
	overflow : auto ;
	padding :  0 0 80px 10px;
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
	width : 585px;
	float  : left;
	margin : 0;
	padding : 0 0 10px 0;
}

#presentation {
	height : 280px;
	background : url(../images/presentation.jpg);
}

/*  SIDE
********************************************************************/
   
#menuGauche {
	width : 205px ;
	float  : left ;
	padding :  0 ;
	margin : 0;  
}
	
#menuGauche h2 {
	margin : 0;
	color : #FFF;
	height : 45px;
	line-height : 45px;
	font-weight : bolder;
	font-family: "Century Gothic", Verdana, tahoma, arial;
	font-size: 16px;
	text-align: center;
	background-repeat: repeat-x;
	text-transform: capitalize;
}

#menuGauche h3 {
	font-size : 1em ;
	margin :  10px 0 10px 0 ;
	padding :  0 ; 
	color : #277CFA ; 
}

#menuGauche ul {
	list-style : none;
	margin : 5px 0;
	padding : 0 10px 0 20px;
	color : #434343
}

#menuGauche li {
	font-size : 1em;
	margin : 0;
	padding :  2px 0 2px 15px;
	background-image: url(../images/li-side.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
  
#menuGauche li a {
	color : #434343 ;
	text-decoration : none; 
}

#menuGauche li a:hover{
	color : #FFF;
	text-decoration : none;
	background-color: #600;
}

#menuGauche p{
	margin : 10px 0 25px 0 ; 
	padding : 0 0 10px 0;
	color : #277CFA ;
	border-bottom : 1px dotted #277CFA ; 
}

#menuGauche span {
	margin : 0 ; 
	padding : 0;
	color : #277CFA ;
}

/*  FOOTER
*******************************************************************/ 
   
#bas {
	width : 793px;
	height :188px;
	font-size : 90%;
	background : url(../images/footer.jpg) no-repeat;
	text-align : left;
}

#bas p { 
	margin : 0 ; 
	padding : 20px 0 0 40px; 
	color : #E49999; 
}

#bas a { 
	color : #fff;
	text-decoration : none ;  
}

#bas a:hover { 
	text-decoration : underline ;  
}


#bas ul { 
	margin : 20px 0 0 40px;
	padding : 0 ;
	list-style : none; 
	float : left ;  
}

#bas li { 
	margin : 0;
	padding : 0 0 5px 0;
}

#bas li a { 
	margin : 0;
	padding : 0 0 5px 0;
	color : #E49999
}
   
/*  POST
*******************************************************************/    
 
.post {
	background : url(../images/post-bottom.jpg) bottom left  ; 
	padding : 0 0 20px 0; 
}



.post  h1 {
	height : 36px;
	padding :  8px 0 20px 35px;
	margin: 0;
	color : #000;
	background : url(../images/h2-cont.jpg) no-repeat;
	width: 460px;
	float:left;
	line-height: 150%;
}

.post  h1 {
	/*font-size : 1.3em;*/
}
.surtitre {
	font-size:1.4em;
	font-weight:bold;
}
.post  h2 {
	font-size : 1.2em;
}

.post  h3 {
	font-size : 1.3em;
	padding :  0 0 10px 20px;
	margin: 10px 0 0 0;
	color : #277CFA;
}

.post  h4 {
	font-size : 0.8em ; 
	padding :  0 0 0 20px ; 
	margin: 10px 0 0 0 ;
	color : #091348 ; 
}

.post p {
	padding :  0 20px 0 20px ;
}

.post ul {
	list-style : none;
	margin : 0; 
	padding :  20px 0 0 30px;
}

.post li {
	background : url(../images/bg-li.jpg) 0 5px no-repeat  ; 
	margin : 0 0 20px 0;
	padding :  0 0 0 15px;  
}

/*  END SITE
*******************************************************************/   

#signature {
	height : 22px;
	background : #000 url(../images/end.jpg) repeat-x;
	width : 100%;
}

#zwatla a {
	position : absolute ; 
	width : 70px ; 
	height : 25px ; 
	background : url(../images/zwatla.jpg) ; 
	right : 20% ; 
	bottom : 15px;
	z-index :1;
}

#zwatla span {
	position : absolute ; 
	left : -3330px ; 
	top : -3330px;
}
#liensTop {
	height: 20px;
	width: 1000px;
	margin: 0 auto 0 auto;
	clear: both;
}
#menuDroit {
	float: right;
	padding: 3px;
	width: 188px;
}
#liensBas {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/footer.jpg);
	height: 200px;
}
#bas {
	background-image: url(../images/footer.jpg);
	width: 100%;
}
.infosPros {
	float: left;
	height: 100%;
	width: 280px;
	margin: 5px;
}
.detailProduit {
	width: 100%;
	text-align: center;
}
.imgProduit  {
	float:left;
	margin: 5px;
	border: 1px ridge #630;
	padding: 2px;
}
.listeProduits {
	float: left;
	height: 270px;
	width: 185px;
	border: thin solid #600;
	margin:2px
}
.listeProduits table {
	text-align:center;
	width: 190px;
	font-family:Verdana, Geneva, sans-serif;
}
.containerPros {
	width: 580px;
	border: thin dashed #600;
}
.containerInfosPros {
	width: 580px;
	border: thin dashed #600;
	text-align:center;
}
.contentPro {
	height: 300px;
}
.containerInfosPros:hover, .containerListeProduits:hover, .listeProduits:hover, .contentPro:hover {
	background-color: #FC9;
}
.containerPros:hover, .containerListeProduits:hover, .listeProduits:hover{
	background-color: #FC9;
	/*height:auto;*/
}
.containerListeProduits {
	width: 190px;
	height: 300px;
	border: thin dashed #600;
	float: left;
	padding:2px;
}
.email {
	background-image:url(../images/48.png);
	width:100%;
	text-align:left;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.listeRubriques {
	text-align: center;
	float: left;
	width: 22%;
	margin: 5px;
	background-image: url(../images/h2-side.jpg);
	height: 45px;
}

.listeRubriques a{
	color:#FFF
}
.listeRubriques a:hover{
	color:#FC6
}

.prixpromo {
	background-color:#FF0;
	font-size: 16px;
	font-weight: bold;
}
.rikiki {
	font-size:9px;
}
.txtLarge {
	font-size:20px;
	font-family: Verdana, Geneva, sans-serif;
}
.txtMedium {
	font-size:12px;
}
.txtSmall{
	font-size:10px;
}
.titreBandeau {
	font-size:16px;
	font-weight:bold;
	color:#600;
}
#lienretour {
	width:90px;
	height : 36px;
	font-size : 0.8em;
	padding :  13px 0 20px 0px;
	margin: 0;
	color : #000;
	float:left;
	background-image: url(../images/h2-cont.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}
.liens_sites_ok  {
	width:12%;
	float:left;
	margin:2px 0;
	text-align:center;
	font-size: 10px;
	color : #E49999;
	text-decoration : underline;
	text-decoration : none;
}
.liens_sites_ok a {	color: #FC9;}

/* PAGINATION SYTLE FLICKR */

#pagination-flickr li {
	border:0; margin:0; padding:0;
	font-size:11px;
}
#pagination-flickr a {
	border:solid 1px #DDDDDD;
	margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
#pagination-flickr .active {
	color:#ff0084;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
	color:#0063e3;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination-flickr a:hover {
	border:solid 1px #666666;
}
table.listepro {
	padding:5px;
	width:537px;
	background-color: #FFF5DD;
}
.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}
a.paginate {
	border: 1px solid #000080;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #000080;
}
a.paginate:hover {
	background-color: #000080;
	color: #FFF;
	text-decoration: underline;
}
a.current {
	border: 1px solid #000080;
	font: bold .7em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#000080;
	color: #FFF;
	text-decoration: none;
}
span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}
.listepro tr, .listepro tr td{
	height: 2px;
	margin:0;
	padding:0;
}
.listepro td#top {
	background-image:url(../images/bgListePro-haut.png);
	background-repeat: no-repeat;
	height: 2px;
}
.listepro td#bas {
	background-image:url(../images/bgListePro-bas.png);
	background-repeat: no-repeat;
	height: 2px;
	background-position: center bottom;
}
.listepro td#gauche {
	background-image:url(../images/bgListePro-gauche.png);
	background-repeat: repeat-y;
	width: 2px;
	background-position: left top;
}
.listepro td#droit {
	background-image:url(../images/bgListePro_droit.png);
	background-repeat: repeat-y;
	width: 2px;
	background-position: right top;
} 
#principal {
	width:100%;
	background-image:url(../images/liste-bgarea-gauche.png);
	background-repeat: repeat-y;
	background-color : #FFF;
}
#principal2 {
	background-image:url(../images/liste-bgarea-droit.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #FFF;
}

#haut {
	height:35px;
	background-image:url(../images/liste-bgarea-haut.png);
	background-repeat: repeat-x;
	background-color: #FFF;

}
#haut img {
	vertical-align:top; /* for ie5*/
}
#coingh {
	width:22px;
	height:35px;
	background-image:url(../images/liste-bgarea-hg.png);
	float: left;
	background-color: #FFF;
}
#coindh {
	width:28px;
	height:35px;
	background-image:url(../images/liste-bgarea-hd.png);
	float: right;
	background-color: #FFF;
}
#listecontenu {
	padding: 0 32px 0 20px;
	background-image: url(../images/liste-bgarea-gauche.png);
	background-repeat: repeat-y;
}
#listecontenu p {
	margin: 0px;
}
#listebas {
	height:25px;
	background-image:url(../images/liste-bgarea-bas.png);
}
#coingb {
	width:22px;
	height:25px;
	background-image:url(../images/liste-bgarea-bg.png);
	float: left;
	background-color: #FFF;
}
#coindb {
	width:28px;
	height:25px;
	background-image:url(../images/liste-bgarea-bd.png);
	float:right;
	background-color: #FFF;
}
table.listecat {
	margin:10px auto;
	width:98%;
	border-collapse:separate;
	font-size:10px;
}
.pair{
	background-color:blue;
	color: #FFF;
}
.impair{
	background-color:red;
}
#cadreRedirection {
	text-align: center;
	height: 365px;
	width: 600px;
	margin: 100px auto 0 auto;
}
.clearall {
	clear:both;
}
.floatleft {
	float:left;
}
#form {text-align:center;}


.flashcenter {
	text-align:center;
	margin:0 auto;
}
.tablecenter {
	width:90%;
	margin:0 auto;
}
#header div#logotop {
	float: left;
	width: 350px;
	margin: 5px 5px 0 0;
}
h3.slider {
	font-size:18px;
}
#cadresignature {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 25px;
	text-align: center;
}
#CollapsiblePanel3 {
	border:none;
}
#CollapsiblePanelliens {
	background:#000 url(../images/end.jpg) repeat-x;
	height:22px;
	font-size: 12px;
	color: #FC9;
	padding: 0;
}
.post .CollapsiblePanel .CollapsiblePanelTab {
	background-color:#FC6;
	padding:0;
	text-align:center;
}
.tablelistes {
	width:100%;
	border:thin #000;
}
.tablelistes thead tr {
	background-color:#9CC;
}
.tablelistes tbody td {
	background-color:#999;
	text-align:center;
}
.plusinfo a {
	text-align:right;
	padding:10px;
	color:#600;
}
.plusinfo a:hover {
	color:#FFF;
	background:#600;
}
#btncompte {
	float: right;
	padding: 3px;
	width: 188px;

}
#contenucentre {
	padding:3px;
}