@charset "utf-8";

/*html,
body {
	height: 100%;
}
*/
* {
	padding:0;
	margin : 0;
}
body {
	font-size : 12px;
	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;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
IMG {
	border:0;
}
UL {
	border:0;
	list-style:none;
}
input, button {
	border: 1px solid #600;
}

/****************************  SITE  *****************************************/
 
#site {
	width : 1005px;
	margin : 0 auto;
	background-color: #CCC;
}
/*  HEADER
********************************************************************/
   
#header {
	height : 64px;
	width : 100%;
	background : url(../images/header.png) repeat-x;
}
#header div#centrage {
	width : 1005px;
	margin : 0 auto;
	height: 60px;
}
/************************  HEADER >> TITRE DU SITE >> H1 *********************************************/

#header h1 {
	color : #B32720;
	font-size : 1.8em;
	text-transform : uppercase;
	font-weight : normal;
	width: 350px;
	float: right;
	text-align: right;
}
#header p#txtlogotop {
	color : #B32720;
	font-size : 1.8em;
	font-weight : normal;
	width: 350px;
	float: left;
	text-align: center;
}
#header p {
	color : #fff;
	width: 350px;
	float: left;
	text-align: center;
}
/******************************  HEADER >> MENU PRINCIPAL ***************************************/
   
#header ul {
	padding : 0 0 0 10px;
	line-height : 60px;
	float: none;
}
#header li {
	float : left;
	background : url(../images/li-header.jpg) no-repeat left;
}
#headesqdsr li:first-child {
	background : none;
}
#header li a {
	padding : 0 10px 0 10px;
	text-decoration : none;
	color : #fff;
}
#header li a:hover, #header li .active {
	color : #B32720;
}
#header div#logotop {
	float: left;
	width: 350px;
	margin: 5px 5px 0 0;
}
#header div#logotopdroite {
	float: right;
	width: 480px;
	margin: 5px 5px 0 20px;
}
#header #totalsite {
	font-size: 10px;
	font-style: italic;
	text-transform: capitalize;
	color: #600;
	background-color: #CCC;
	padding: 0 5px;
	float: left;
	margin: 15px 0 0 15px;
}
#zonerecherche {
	text-align:center;
	width: 600px;
	background-color: #EBD48E;
	padding: 10px 0;
}
/*****************************  Main ****************************************/

#main {
	overflow : auto;
	padding :  0 0 80px 10px;
	width: 1030px;
}
/********************************  CONTENU *************************************/	
	
#contenu {
	width : 600px;
	float : left;
	padding : 0 0 7px 0;
	background-color: #FFF;
}
#presentation {
	height : 280px;
	background : url(../images/presentation.jpg);
}

.ui-autocomplete-loading {
	background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
/************************  SIDE  *********************************************/
#zone10 {
	height: 600px;
	width : 205px;
}
#menuGauche {
	width : 205px;
	float : left;
	margin: 5px auto;
	padding: 3px;
}
#menuGauche h2 {
	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;
	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 {
	color : #277CFA;
}
/*****************************  FOOTER  ***************************************/ 
   
#bas {
	width : 793px;
	height :188px;
	font-size : 90%;
	background : url(../images/footer.jpg) no-repeat;
	text-align : left;
}
#bas p {
	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;
	list-style : none;
	float : left;
}
#bas li {
	padding : 0 0 5px 0;
}
#bas li a {
	padding : 0 0 5px 0;
	color : #E49999
}
/*********************************  POST  ***********************************/    
 
.post {
	background : url(../images/post-bottom.jpg) bottom left;
	padding : 0 10px;
}
.post h1 {
	height : auto;
	padding :  8px 0 20px 35px;
	color : #000;
	background : url(../images/h2-cont.jpg) no-repeat;
	width: 460px;
	float:left;
	line-height: 150%;
}
.surtitre {
	font-size:1.4em;
	font-weight:bold;
}
.maj {
	text-transform:capitalize;
}
.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;
	margin: 3px 0;
}
.post ul {
	list-style : none;
	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 : 1005px;
	margin: 0 auto;
}
#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: 1030px;
	margin: 0 auto 0 auto;
	clear: both;
	text-align: right;
}
#menuDroit {
	padding: 3px;
	width: 185px;
	float: left;
	text-align: center;
}
#liensBas {
	width: 1005px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/footer.jpg);
}
#bas {
	background-image: url(../images/footer.jpg);
	width: 100%;
}
.google300 {
	width: 300px;
	float: right;
	}
.google300g {
	width: 300px;
	float: left;
	}
/************************ PROS / PRODUITS **********************************/
.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;
	margin: 5px auto;
}
.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: 23%;
	margin: 5px;
	background-image: url(../images/h2-side.jpg);
	height: 45px;
	line-height: 1em;
	font-size: 16px;
}
.listeRubriques a {
	color:#FFF
}
.listeRubriques a:hover {
	color:#FC6
}
.prixpromo {
	background-color:#FF9;
	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:85px;
	height : 36px;
	font-size : 0.8em;
	padding :  13px 0 20px 0px;
	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;
}
.liens_sites_ok a {
	color: #FC9;
}
/******************** PAGINATION SYTLE FLICKR **************************/

#pagination-flickr li {
	border: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;
	margin: 0 auto;
}
.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;
}
.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, .listecontenu {
	padding: 10px;
	margin: 0 auto;
}
#listecontenu p, .listecontenu {
	margin: 0px;
}
.listecontenu {
	margin: 0 auto;
	background-color: #FFF5DD;
	width: 550px;
	border: 1px solid #600;
}
#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;
}
.vert {
	background-color:#9C6;
	color: #FFF;
}
#cadreRedirection {
	text-align: center;
	height: 365px;
	width: 600px;
	margin: 100px auto 0 auto;
}
.clearall {
	clear:both;
	height: 1px;
}
.floatleft {
	float:left;
}
#form {
	text-align:center;
	margin: 10px 0;
}
.flashcenter {
	text-align:center;
	margin:0 auto;
}
.tablecenter {
	width:95%;
	margin:0 auto;
}
h3.slider {
	font-size:18px;
}
#cadresignature {
	width: 1005px;
	margin:0 auto;
	height: 25px;
	text-align: center;
}
#CollapsiblePanel3 {
	border:none;
	margin: 0 auto;
}
#CollapsiblePanelliens {
	background:#000 url(../images/end.jpg) repeat-x;
	height:22px;
	font-size: 12px;
	color: #FFF;
	width: 1005px;
	margin: 0 auto;
}
#CollapsiblePanelliensContent {
	width: 1005px;
	margin: 0 auto;
	color: #FFFECD;
	background-image: url(../images/bg.jpg);
}
.post .CollapsiblePanel .CollapsiblePanelTab {
	background-color:#FC6;
	padding:0;
	text-align:center;
}
.tablelistes {
	width:100%;
	border:thin #000;
	text-align:center;
}
.tablelistes thead tr {
	background-color:#F90;
}
.tablelistes tbody tr {
	background-color:#FC9;
}
.tablelistes tbody tr.actif {
	background-color:#9C6;
}
.plusinfo a {
	text-align:right;
	padding:10px;
	color:#600;
}
.plusinfo a:hover {
	color:#FFF;
	background:#600;
}
#btncompte {
	padding: 3px;
	width: 170px;
	font-size: 11px;
	text-align: center;
	background-color: #FC6;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	margin: 10px auto;

}
#contenucentre {
	padding:3px;
}
.liresuite {
	font-style: italic;
	color: #C95530;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EB5520;
}
.liresuite a {
	text-decoration:none;
}
.liresuite a:hover {
	background-color: #CFF;
}
.introtexte {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EB5520;
}
#tabsscat {
	width: 550px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background:#FC9;
	font-size:12px;
}
#tabsscat legend {
	font-size:16px;
	padding:5px;
	background-color:#600;
	color:#FFF;
}
fieldset.search {
	border: none;
	width: 750px;
	margin: 0 auto;
	width: 580px;
}
input.box {
	color: #600;
	font-size: 1.2em;
	height: 30px;
	padding: 8px 5px 0;
	margin-right: 5px;
	background-color: #999;
/*	background-image: url(search_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
*/}
input.box:focus {
	outline: none;
	background-color: #FC3;
/*	background-image: url(search_bg.gif);
	background-repeat: no-repeat;
	background-position: left -38px;
*/}
button.btn, input[type=submit], input[type=button] {
	color: #FC3;
	background-color: #600;
	padding: 1px;
	font-size: 16px;
	margin: 2px;
}
.btnseek {
	margin-left:0;
	width:90px;
	height:39px;
}
button.btn:hover {
/*	background: #fbc900 url(search_bg.gif) no-repeat bottom right;	
*/}
.corned {
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}
.listepro {
	width:auto;
	margin-left:8px;
}