@charset "utf-8";
/* CSS Document */
body {
	background:url(../images/bg.png) repeat-x left top;
	margin:0;
	padding:0;
	font:normal 11px Arial, Helvetica, sans-serif;
}
img {
	border:0;
}
h1,h2 {
	margin:0;
	padding:0;
}

#header {
	height:192px;
	width:100%;
	background:url(../images/header.png) repeat-x top left;
}
#flash-bannier {
	position:absolute;
	left:10px;
	top:10px;
	width:613px;
	height:129px;
}

#header-1 {
	position:relative;
	width:920px;
	height:192px;
	margin:auto;
	text-align:right;
}
	#menu {
	position:absolute;
	left: 0px;
	bottom:0px;
	}
	#menu ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#menu ul li{
		float:left;
		margin-right:4px;
	}
	#menu ul li a{
		display:block;
		background:url(../images/bMenu.png) no-repeat left top;
		width:82px;
		height:23px;
		text-align:center;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#FFF;
		text-decoration:none;
		line-height:23px;
	}
	#menu ul li a:hover, #menu ul li a.active{
		background:url(../images/bMenu-a.png) no-repeat left top;
		color:#333;
	}
	
	
#page {
	background:url(../images/bg-text1.png) repeat-x left top;
	width:100%;
	height:726px;
}

#page-1 {
	width:100%;
	height:726px;
}


#contenu-1 {
	background:url(../images/contenu-1.png) no-repeat left top;
	width:920px;
	height:286px;
	margin:auto;
}

	.text-1 {
		width:439px;
		height:268px;
		padding-left:15px;
		padding-top:18px;
		float:left;
	}
		.text-1 h2{
			color:#f73194;
			font-size:15px;
			margin:0;
			padding:0px;
		}
		
		.text-1 p {
			margin-top:6px;
		}
		
	.text-2 {
		background:url(../images/text-2.png) no-repeat left top;
		width:439px;
		height:268px;
		padding-top:18px;
		padding-left:26px;
		float:right;
	}
		

#contenu-2 {
	background:url(../images/contenu-2.png) no-repeat left top;
	width:920px;
	height:440px;
	margin:auto;
}

#contenu-3 {
	background:url(../images/bg-body.png) no-repeat left top;
	width:920px;
	height:726px;
	margin:auto;
}
#contenu-5 {
	background:url(../images/bg_body-5.png) no-repeat left top;
	width:920px;
	height:726px;
	margin:auto;
}

#contenu-rub {
	position:relative;
	padding-left:25px;
	padding-right:10px;
	padding-top:12px;
	line-height:16px;
	color:#333;
}

#contenu-rub-plan {
	padding-left:100px;
	padding-top:30px;
	line-height:16px;
	color:#333;
}
#contenu-rub-plan ul{
	list-style:none;
}

#contenu-rub-plan ul li{
	background:url(../images/puce.png) no-repeat left top;
	font-size:14px;
	padding-bottom:8px;
	padding-left:20px;
}

#contenu-rub h2, #contenu-rub-plan h2{
	color:#DF39A2;
}

#contenu-rub a, #contenu-rub-plan a {
	color:#930D6D;
	font-weight:bold;
	text-decoration:none;
}

#contenu-rub a:hover, #contenu-rub-plan a:hover {
	text-decoration:underline;
}

div.spip_forms {
	width:450px;
	margin-bottom:25px;
}

div.spip_forms fieldset {
	border:0;
}
div.spip_forms fieldset legend{
	font:bold 12px Arial, Helvetica, sans-serif;
}

	#menu_left {
		width:193px;
		height:676px;
		padding-top:50px;
		padding-left:10px;
		float:left;
	}
	
	#menu_left ul {
		margin:0px;
		padding:0px;
		margin-left:4px;
		margin-right:15px;
		list-style:none;
	}
	
	#menu_left ul li {
		background:url(../images/puce.png) no-repeat left top;
		padding-left:15px;
		margin-top:10px;
		padding-bottom:4px;
		border-bottom:1px solid #EF7AE3;
	}
	#menu_left ul li a {
		display:block;
		text-decoration:none;
		color:#666;
		padding-left:3px;
		height:20px;
		line-height:20px;
		font-weight:bold;
	}
	
	#menu_left ul li a:hover,#menu_left ul li a.active {
		background:#FFA8D3;
		color:#FFF;
	}
	
	#contenu-4 {
		width:698px;
		height:726px;
		float:right;
	}
	.ok-btn {
		margin-left:15px;
	}
		#recherche {
			background:url(../images/zone-rech.png) no-repeat left top;
			width:557px;
			height:40px;
			float:right;
			color:#666;
			padding-top:15px;
			text-align:center;
		}
		#recherche h2 {
			display:inline;
			margin-right:15px;
			font-size:16px;
		}
		#recherche select {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#6E6E6E;
			border:1px solid #FBCAED;
		}
		#recherche strong {
			margin-left:8px;
		}
		
#content {
	width:698px;
	margin-top:10px;
	float:left;
}


#footer {
	width:920px;
	height:115px;
	margin:auto;
}
	#footer h2{
		color:#EA82DF;
	}
	
div#footerI {
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing: 0.5px;	/*padding-top:10px;*/
	background:url(../images/footer.png) no-repeat left top;
	height:115px;
	width:100%;
}
	div#foot1 {
		height:115px;
		width:100%;
		float:left;
	}
	div#foot2 {
		height:115px;
		padding-left:31px;
	}
	div#foot3 {
		height:115px;
		padding-right:31px;
	}
		div#foot3 h4 {
			font-size:11px;
			color:#fe80bf;
			font-weight:bold;
			padding-bottom:5px;
			text-transform:uppercase;
		}
		div#foot3 p {
			color:#fff
		}
		div.cord {
			width:160px;
			height:auto;
			float:left;
			text-align:center;
			padding:10px 65px 0 60px;
		}
div#footerII{
	clear:both;
	/*width:100%;*/
	height:32px;
	color:#999;
	font-size:10px;
	padding-left:10px;
	padding-top:15px;
	background:url(../images/ftbg.gif) no-repeat left top;
}
div.footer_r {
	float:left;
	height:auto;
	padding-left:26px;
	width:250px;
}
div.footer_r2 {
	float:left;
	height:auto;
	padding-left:5px;
	/*width:35%;*/
}
div#idem {
	width:110px;
	float:right;
	height:auto;
	margin-right:100px;
}

div#idem #logo_idem {
	width:16px;
	height:17px;
	background:url(../images/idem.png) no-repeat center center;
	float:left;
}

div#footerII a {
	text-decoration:none;
	color:#999;
}
div#footerII a:hover {
	color:#bf1e6f;
	text-decoration:underline;
}

/*----------------------------[jcarousel]--------------------------*/

.jcarousel-skin .jcarousel-container {
	width:190px;
	height:60px;
	padding-top:20px;
	padding-left:28px;
	padding-right:26px;
	border:1px solid #DEDEDE;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 192px;
}

.jcarousel-skin .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  192px;
    height: 75px;
}

.jcarousel-skin .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin .jcarousel-item {
    width: auto;
    height: 40px;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right:10px;
}

.jcarousel-skin .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    width: 75px;
    height: 75px;
	list-style: none;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
	border: 1px solid red;
}

/***********************************/

div#IMGART {
	width:230px;
	height:auto;
	float:right;
	margin-right:20px;
}
div#IMGART img{
	border:1px solid #e3e3e2;
}

 #IMG1 {
	 padding:8px;
	 border:1px solid #e3e3e2;
	 text-align:center;
 }

		div#IMG_RUB {
			float:right; 
			padding-right:25px; 
			margin-top:15px;
		}
		div#IMG_RUB img {
			border:2px solid #e3e3e2;
		}
		
div#contact {
	clear:both;
	float:left;
	height:auto;
	margin:20px 0;
	padding-left:30px;
	width:100%;
}

div#contact legend {
	color:#0CF;
	font-weight:bold;
	margin:0;
	padding-bottom:25px;
	padding-bottom:15px;
}
.spip_form_champ input {
	background-color:#fff;
	border:1px solid #999;
	border-left:3px solid #9a1055;
}
.spip_form_champ input:hover {
	border:1px solid #9a1055;
	border-left:3px solid #9a1055;
}

.spip_bouton input {
	color:#FFF;
	font-size:11px;
	height:20px;
	width:120px;
	cursor:pointer;
	background-color:#9a1055;
	border:1px solid white;
}

.spip_form_label {
	width:150px;
	display:block;
	color:#9a1055;
	margin:2px;
}

.spip_bouton {
	margin-top:15px;
	float:left;
}

.spip_barre {
	display: none;
}
.formo {
	background-color:#fff;
	border:1px solid #999;
	border-left:3px solid #9a1055;
}
.formo:hover {
	border:1px solid #9a1055;
	border-left:3px solid #9a1055;
}
#texte_1 {
	width:262px;
	height:80px;
}
.spip_form_erreur {
	color:#F00;
	font-weight:bold;
}
.spip_form_ok {
	color:#0C0;
	font-weight:bold;
}


/*-----------------------------------------[Produit]----------------------------------------*/
			div.produits {
				height:160px;
				width:720px;
				/*float:left;*/
				margin:auto;
			}
			div.produits-2 {
				height:160px;
				width:700px;
				/*float:left;*/
				margin:auto;
			}
				div.produits h2, div.produits-2 h2 {
					color:#000;
					padding:10px;
					font-size:18px;
					font-weight:bold;
					font-family:Arial, Helvetica, sans-serif;
				}
				div.pr1 {
					background:url(../images/prod2.gif) repeat-x left top;
					height:124px;
					width:98%;
					margin-left:6px;
				}
				div.pr2 {
					/*background:url(../images/prod1.png) no-repeat left top;*/
					height:124px;				
				}
				div.pr3 {
					/*background:url(../images/prod3.png) no-repeat right top;*/
					height:124px;
				}
				div.leftBTN {
					background:url(../images/btn-left.gif) no-repeat center center;
					cursor:pointer;
					height:13px;
					width:11px;
					margin:60px 0 0 5px;
				}	
				div.rightBTN {
					background:url(../images/btn-right.gif) no-repeat center center;
					cursor:pointer;
					height:13px;
					width:11px;
					margin:60px 0 0 5px;
				}	
				div.leftBTN:hover{
					background:url(../images/btn-left-h.gif) no-repeat center center;
				}	
				div.rightBTN:hover {
					background:url(../images/btn-right-h.gif) no-repeat center center;
				}	
				
				div.produit {
					width:140px;
					float:left;
					margin:0 5px;
				}
				div.produit div.prod-titre {
					width:100%;
					font-family:Verdana, Geneva, sans-serif;
					height:29px;
					line-height:12px;
					text-align:center;
					font-size:9px;
					font-weight:bold;
					color:#cd0165;
					padding-bottom:5px;
					margin: 3px 0 0 0;
				}
				div.produit .prod-image {
					width:100%;
					height:auto;
					display:block;
					text-align:center;
				}
					div.prod-titre a{
						color:#CD0165;
						text-decoration:none;
					}
					div.prod-titre a:hover {
						text-decoration:underline;
					}
					
/*---------------------------  [Produit list] ----------------------------------*/

div#description {
	height:auto;
	margin-bottom:10px;
}

div#newprod {
	width:470px;
	height:auto;
	float:left;
}
div#listprods {
	width:100%;
	height:380px;
	float:left;
	margin-top:5px;
}
div.prodItem {
	float:left;
	width:300px;
	height:102px;
	margin-bottom:15px;
	margin-right:35px;
	/*background:url(../images/prod-bg-h.gif) no-repeat right top;*/
}
div.prodItem2 {
	float:left;
	width:300px;
	height:102px;
	background:url(../images/prod-bg.gif) no-repeat right top;
}
	div.prodItem2bg {
		background:url(../images/prod-bg-h.gif) no-repeat right top;
	}
div.prodItem div.infoprod {
	height:72px;
	width:173px;
	padding-top:30px;
	padding-left:15px;
	float:left;
}
div.prodItem div.imageprod {
	height:86px;
	width:91px;
	line-height: 90px;
	float:right;
	cursor:pointer;
	padding:8px;
}
div.prodItem div.imageprod a{
	line-height: 90px;
	margin: auto 0;
	display: block;
}

div.prodItem div.imageprod a img{
	margin: auto 0;
	line-height: 90px;
}


div.prodItem div.imageprod img, img.spip_logos{
		width:93px;
		height:68px;
	}

div.prodItem div.infoprod h4{
	color:#cd0165;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
	margin:0px;
}
div.prodItem div.infoprod h4 a{
	color:#cd0165;
	text-decoration:none;
}
div.prodItem div.infoprod h4 a:hover{
	text-decoration:underline;
}
div.prodItem div.infoprod h5{
	color:#000;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding-bottom:5px;
}

/*-----------------------[Pagination]------------------------*/
span.on {
	padding:4px;
	background:#F6F;
	color:#FFF;
	font:bold 11px Arial, Helvetica, sans-serif;
}
a.lien_pagination {
	color:#FFF;
	padding:4px;
	text-decoration:none;
	background:#EA93E3;
	font:bold 11px Arial, Helvetica, sans-serif;
}
a.lien_pagination:hover {
	background:#F6F;
}
/*-----------------------[formulaire contact]------------------------*/
.error{
	color:#FF1C1C;
	font-weight: normal;
}
.error_send{
	margin: 5px 0;
	color: #FF6464;
	padding:4px;
	background-color:#FFE8E9;
	border:1px solid;
	width: 300px;
	border-color: #FF5E66;
}
.ok_send{
	color: #9A1055;
	padding:4px;
	border:1px  solid;
	border-color: #9A1055;
	width: 300px;
	background-color: #FDEEF5;
	margin: 5px 0;
}