@charset "UTF-8";
/* CSS Document */

img, h1, h2, h3, h4, h5, h6, input, textarea, br, hr {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	margin: 0 auto;
	background:#f2c971 url(../images/bg_boyd.jpg) center top no-repeat;
}
span.data{
	display:none;
}
.frame {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
.header {
	position:relative;
	height: 433px;
	background: url(../images/bg_header_2.jpg) left top no-repeat;
}
.logo {
	position: absolute;
	float: left;
	top: 270px;
	left:15px;
}
.c {
	background: #a68046 url(../images/bg_c.jpg) left top no-repeat;
	min-height: 200px;
	padding: 8px;
}
.c p {
	line-height: 16px;
	text-align:justify;
}
.c1 {
	position: relative;
	floaT: left;
	width: 692px;
	min-height: 200px;/*background: green;*/
	padding:0;
	margin: 0;
}
.h_nav {
	width: 692px;
	min-height: 300px;
}
.h_nav .m, .h_nav .l, .h_nav .e {
	position: relative;
	float: left;
}
.h_nav .m a, .h_nav .l a, .h_nav .e a {
	text-align: left;
}
.content {
	background: url('../images/home_news_bg.jpg') 0 0 no-repeat;
	min-height: 250px;
	width: 690px;
	padding: 0;
	margin: 0;
}
/******* TITRES ********/


.content h3 {
	behavior: url("iepngfix.htc");
}
#nouvelles {
	background:  url(../images/fr_titre_news.png) 0 20px no-repeat;
	width: 455px;
	height: 110px;
}
.content h3#a_propos {
	background:  url(../images/fr_titre_apropos.png) 0 20px no-repeat;
	width: 455px;
	height: 110px;
}
.content h3#detaillants {
	background:  url(../images/fr_titre_detaillants.png) 0 20px no-repeat;
	width: 455px;
	height: 110px;
}
.content h3#elembo {
	background:  url(../images/titre_elembo.png) left top no-repeat;
	width: 255px;
	height: 95px;
	margin-top:15px;
}
.content h3#langi {
	background:  url(../images/titre_langi.png) left top no-repeat;
	width: 255px;
	height: 95px;
	margin-top:15px;
}
.content h3#malako {
	background:  url(../images/titre_malako.png) left top no-repeat;
	width: 255px;
	height: 95px;
	margin-top:15px;
}
.content h3#cajon {
	background:  url(../images/titre_cajon.png) left top no-repeat;
	width: 255px;
	height: 95px;
	margin-top:15px;
}
.content h3#djembeCajon {
	background:  url(../images/titre_djembeCajon.png) left top no-repeat;
	width: 283px;
	height: 111px;
	margin-top:25px;
	margin-bottom:15px;
}
.content h3#acc {
	background:  url(../images/titre_accessoires.png) left 20px no-repeat;
	width: 455px;
	height: 110px;
}
.content h3#contact {
	background:  url(../images/fr_titre_contact.png) 0 20px no-repeat;
	width: 455px;
	height: 110px;
}
.content h3#garantie {
	background:  url(../images/fr_titre_garantie.png) 0 20px no-repeat;
	width: 455px;
	height: 110px;
}
.content h3#archives {
	background:  url(../images/fr_titre_archives.png) 0 20px no-repeat;
	width: 455px;
	height: 110px;
}
/********* END TITRES *************/

.content h3 span {
	visibility: hidden;
}
.content h3 .arc_news {
	position: relative;
	top: 40px;
	margin-left: 472px;
	text-decoration: none;
	color: #deb069;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 5px;
	border: 1px solid #664f2b;
	background: #a2682e url(../images/input_c1.jpg) right center no-repeat;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	width: 180px;
	text-transform:uppercase;
	font-weight:normal;
	display: block;
}
.content div {
	padding: 10px 20px 0 20px;
}
.content div img {
	position: relative;
	float: left;
}
.content div ul {
	margin: 0 0 0 160px;
	padding: 0;
	list-style: none;
}
.content div ul li {
	margin:0;
	padding: 0 0 5px 0;
}
.content div ul li h5 {
	font-size: 12px;
	color: #500f06;
	font-weight: bold;
	text-transform: none;
}
.content div ul li p {
	line-height: 16px;
	text-align: justify;
}
.content span.hr {
	background: url(../images/home_news_foot.jpg) left top no-repeat;
	width: 100%;
	display:block;
	line-height: 17px;
	height: 17px;
}
.c1 .h_nav a {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 5px 15px 5px 5px;
	margin: 0 0 0 65px;
	border: 1px solid #664f2b;
	background: #a2682e url(../images/input_h_nav.jpg) right center no-repeat;
	font-size: 10px;
	line-height: 10px;
	width: 80px;
	height: 10px;
	text-transform:uppercase;
	display: block;
	text-decoration: none;
	color: #deb069;
}
.c1 .content div ul li a {
	text-align: left;
	padding:0;
	margin: 0;
	color: #deb069;
	text-decoration: none;
}
.c1 .content div ul li a.voir_news {
	padding: 10px 40px 10px 0;
	margin: 0 10px 0 0;
	background: url(../images/content_bt.gif) right center no-repeat;
	font-size: 10px;
	line-height: 10px;
	width: 200px;
	height: 10px;
	text-transform:uppercase;
	display: block;
	text-align: right;
	text-decoration:none;
	color: #39170e;
	position:relative;
	flaot: right;
}
.c1 .content div h4 {
	background: url(../images/c1_p2_h5_bg.gif) left center no-repeat;
	color: #500f06;
	font-size: 12px;
	line-height: 12px;
	padding: 10px;
	text-transform: uppercase;
	width: 225px;
}
.c1 .content img {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}
.c1 .content .p1 {
	position: relative;
	float: left;
	width: 255px;
	/*background: red;*/
	margin: 0;
	padding: 10px;
}
.c1 .content .p1 * {
	padding: 0;
	margin: 0;
}
.c1 .content .p1 h3 {
	padding: 0;
	margin: 0;
}
.c1 .content .p1 ul {
	background: red;
	padding: 0;
	margin: 0;
}
.c1 .content .p1 ul li {
	position: relative;
	float: left;
	margin: 0 0 0 20px;
}
.c1 .content .p1 ul li img {
	padding: 0;
	margin: 0;
	clear: both;
	border: 1px solid black;
}
.c1 .content .p1 ul li div {
	padding: 5px 0 0 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 10px;
}
.c1 .content .p2 {
	position: relative;
	float: left;
	width: 385px;
	/*background: blue;*/
	margin: 0;
	padding: 15px;
}
.c1 .content .p2 p {
	padding: 5px;
	margin: 0;
}
.c1 .content .p2 h4 {
	margin: 10px 0 10px 0;
	padding: 6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #664f2b;
	background: #70421b;
	font-size: 15px;
	line-height: 15px;
	font-weight:normal;
	color: #EDD0A3;
	width: 55px;
}
.c1 .content .p1 h5, .c1 .content .p2 h5 {
	background: url(../images/c1_p2_h5_bg.gif) left center no-repeat;
	color: #500f06;
	font-size: 12px;
	line-height: 12px;
	padding: 10px;
	text-transform: uppercase;
	width: 225px;
}
.c1 .content .p2 h5{
	margin-top:20px;
}
.c1 .content .p2 h6 {
	color: #500f06;
	font-size: 11px;
	line-height: 12px;
	padding: 0 10px 10px 0;
	margin: 0;
	text-transform: uppercase;
}
.c1 .content .p2 div {
	padding: 0 0 10px 0;
	margin: 20px 0 15px 0;
	border-bottom: 1px dotted #CC9900;
	min-height: 150px;
}
.c1 .content .p2 div img {
	margin: 0 12px 4px 0;
}
.c1 .p2 div ul {
	margin: 10px;
}
.c1 .p2 table th {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 100px;
	padding: 5px;
	font-weight: normal;
	text-transform:uppercase;
	background: #965630;
	color: #500f06;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	vertical-align:top;
}
.c1 .p2 table td {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 280px;
	padding: 5px;
	font-weight: normal;
	text-transform: none;
	background: #ce8d4a;
	color: #500f06;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
}
.c1 .p2 table.td{
	width: 200px;
}
.c1 .p2 table.td tr th {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	padding: 5px;
	font-weight: normal;
	text-transform:uppercase;
	background: #965630;
	color: #500f06;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	vertical-align:top;
	width: 50px;
}
.c1 .p2 table.td tr td {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	font-weight: normal;
	text-transform: none;
	background: #ce8d4a;
	color: #500f06;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
	width: 75px;
}

.c1 .content .p2 div ul {
	margin: 0;
	padding: 0;
}
/**************************/

.c1 .d1 h5, .c1 .d2 h5 {
	width: 280px;
	position: relative;
	float: left;
}
.c1 .d1, .c1 .d2 {

	position: relative;
	float: left;
}
.c1 .d1 ul, .c1 .d2 ul, .c1 .d1 ul li a, .c1 .d2 ul li a {
	padding: 0;
	margin: 0;
}
.c1 .content div.d1 ul li a, .c1 .content div.d2 ul li a {
	text-align: left;
	margin: 0;
	padding: 0 0 0 0;
	text-transform:none;
	color: #500F06;
	line-height: 11px;
	font-sizE: 11px;
}
.c1 .content div.d1 ul li a:hover, .c1 .content div.d2 ul li a:hover {
	color: #651b11;
}
.c1 .d1 ul li a:hover, .c1 .d2 ul li a:hover {
	color: #FFCC00;
}
.c1 .d1 ul, .c1 .d2 ul {
	margin: 10px;
}
.c1 .content .d1 h5, .c1 .content .d2 h5 {
	background: url(../images/c1_p2_h5_bg.gif) left center no-repeat;
	color: #500f06;
	font-size: 12px;
	line-height: 12px;
	padding: 10px;
	text-transform: uppercase;
}
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
.c1 .content .d1 .det_float{
	position: relative;
	float: left;
	width: 310px;
	min-height: 180px;
	/*background: red;*/
	margin: 0 0 10px 0;
	padding: 0;
}

/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
/* NNNNEEEEWWWWW RETAILLERSSS */
.c1 .content ul li img {
	padding: 0;
	margin: 0;
}
.c1 .content .e1 ul li img.tel {
	padding: 0 5px 0 0;
	margin: 0;
}
.c1 .content .contact ul li a {
	padding: 0;
	margin: 0;
	float: none;
}

.c1 .content div.p2 a {
	padding: 0;
	margin: 0;
	width: auto;
	text-align:left;
	text-transform:none;
	color: #500f06;
	text-decoration:none;
}
.c1 .content div.p2 a:hover {
	color: #651b11;
}
/* CCCC2222222 */ 

.c2 {
	position: relative;
	floaT: left;
	width: 292px;
	min-height: 250px;/*background:#999900;*/
}
.c2 .c2_top {
	background: #a68046 url(../images/c2_bg_top.jpg) left top no-repeat;
}
.c2 .c2_top div, .c2 .c2_bottom div, .c2 .c2_acc div {
	padding: 25px 21px 0 21px;
	line-height: 16px;
	text-align:justify;
}
.c2 .c2_top div p {
	color: #4b320b;
	line-height: 16px;
	text-align: justify;
}
.c2 .c2_bottom {
	background: #a68046 url(../images/c2_bg_top_world.jpg) left top no-repeat;
}
.c2 .c2_bottom a {
	text-decoration: none;
	color: #deb069;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 5px;
	border: 1px solid #664f2b;
	background: #a2682e url(../images/input_c1.jpg) right center no-repeat;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	width: 180px;
	text-transform:uppercase;
	font-weight:normal;
	display: block;
}
.c2 .c2_acc {
	background: #a68046 url(../images/c2_bg_top_acc.jpg) left top no-repeat;
}
.c2 .c2_acc a {
	text-decoration: none;
	color: #deb069;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 5px;
	border: 1px solid #664f2b;
	background: #996600 url(../images/c2_acc_bt.jpg) right center no-repeat;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	width: 180px;
	text-transform:uppercase;
	font-weight:normal;
	display: block;
}
.c2 .c2_top span.hr {
	background: url(../images/c2_bg_bottom.jpg) left bottom no-repeat;
	width: 100%;
	display:block;
	line-height: 35px;
	height: 35px;
}
.c2 .c2_bottom span.hr {
	background: url(../images/c2_bg_bottom_world.jpg) left bottom no-repeat;
	width: 100%;
	display:block;
	line-height: 35px;
	height: 35px;
}
.c2 .c2_acc span.hr {
	background: url(../images/c2_bg_bottom_acc.jpg) left bottom no-repeat;
	width: 100%;
	display:block;
	line-height: 35px;
	height: 35px;
}
.c2 .c2_top .c2_E {
	padding: 25px 21px 0 21px;
	margin: 0;
}
.c2 .c2_top .c2_L {
	padding: 5px 21px;
	margin: 0;
}
.c2 .c2_top .c2_M {
	padding: 5px 21px;
	margin: 0;
}
.c2 .c2_top .c2_acc {
	padding: 5px 21px;
	margin: 0;
}
.c2 .c2_E ul, .c2 .c2_L ul, .c2 .c2_M ul, .c2 .c2_acc ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.c2 .c2_E ul li, .c2 .c2_L ul li, .c2 .c2_M ul li, .c2 .c2_acc ul li {
	margin: 0 0 3px 0;
	padding: 0;
}
.c2 .c2_E a, .c2 .c2_L a, .c2 .c2_M a, .c2 .c2_acc a {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #664f2b;
	font-size: 10px;
	line-height: 10px;
	padding: 5px;
	height: 10px;
	margin:0;
	color: #deb069;
	width: 240px;
	display: block;
	text-align: left;
	text-decoration:none;
	text-transform:uppercase;
}
.c2 .c2_E a {
	background: #755a2e url(../images/c2_E_bt.jpg) right center no-repeat;
}
.c2 .c2_L a {
	background: #755a2e url(../images/c2_L_bt.jpg) right center no-repeat;
}
.c2 .c2_M a {
	background: #755a2e url(../images/c2_M_bt.jpg) right center no-repeat;
}
.c2 .c2_acc a {
 background: # url(../images/c2_acc_bt.jpg) right center no-repeat;
	color: #c68b62;
}
.c2 .c2_E a:hover, .c2 .c2_L a:hover, .c2 .c2_M a:hover {
	color: #9f722c;
}
.c2 .c2_acc a:hover {
	color: #af7a54;
}
.c2 .c2_E h3 {
	background: url(../images/c2_titre_elembo.jpg) left top no-repeat;
}
.c2 .c2_L h3 {
	background: url(../images/c2_titre_langi.jpg) left top no-repeat;
}
.c2 .c2_M h3 {
	background: url(../images/c2_titre_malako.jpg) left top no-repeat;
}
.c2 .c2_acc h3 {
	background: url(../images/c2_titre_accessoires.jpg) left top no-repeat;
}
.c2 .c2_E h3, .c2 .c2_L h3, .c2 .c2_M h3, .c2 .c2_acc h3 {
	width: 245px;
	height: 70px;
	padding: 0;
	margin: 0 0 3px 0;
}
.c2 .c2_E h3 span, .c2 .c2_L h3 span, .c2 .c2_M h3 span, .c2 .c2_acc h3 span {
	display: none;
}
/**/


.c2 .c2_L {
	padding: 0;
	margin: 0;
}
.c2 .c2_img img.none {
	border: none;
}
.c2 .c2_img img {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #993300;
}
.c2 .c2_img h5 {
	font-size: 12px;
	color: #500F06;
	text-transform: uppercase;
}
.c2 .c2_img p {
	padding: 0;
	margin: 0 0 20px 0;
}
.c2 .c2_top h5 {
	font-size: 11px;
	text-align: justify;
	font-weight: bold;
	text-transform: uppercase;
}
.c2 h3.c2_titre_cajon{
	width:245px;
	height:79px;
	background:url('../images/c2_titre_cajon.png') no-repeat;
}
.c2 h3.c2_titre_djembe{
	width:246px;
	height:74px;
	background:url('../images/c2_titre_djembeCajon.png') no-repeat;
}
/********* **********/
iframe {
	border: 2px solid #996600;
}
/********* ***********/


.footer {
	margin: 0 0 0 0;
	background: #f2c971 url(../images/bg_footer.jpg) left top no-repeat;
	height: 200px;
}
.footer p {
	text-align: center;
	padding: 50px 0 0 0;
	margin: 0;
	text-transform:uppercase;
	text-decoration:none;
}
.footer p a {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #432e0e;
	text-decoration:none;
	padding: 0 10px;
	font-weight: bold;
}
.footer p a:hover {
	color: #310609;
}
.pixel {
	position: relative;
	top: 45px;
	left: 0;
	padding:0;
	height: 35px;
	width: 400px;
}
.pixel a {
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;
	color: #a68046;
	float:left;
}
.pixel span {
	color: #a68046;
	font-size: 10px;
	line-height: 10px;
	float:left;
	margin-top:8px;
	margin-left:20px;
}
/* */

.fab_can {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	padding: 12px 0 0 55px;
	margin: 0 15px 0 0;
	background: url(../images/fab_canada.gif) left top no-repeat;
	text-align:left;
	height: 60px;
}
.fab_can p {
	font-size: 10px;
	line-height: 13px;
	text-align:right;
	color: #a22b22;
	text-transform:none;
	padding: 0;
	margin: 0;
}
.logoQC{
	position:absolute;
	top:0;
	margin-top:-12px;
	right:175px;
}


/*/*/
.pagination{
	font-size: 12px;
	/*position: relative;
	right: 0;*/
	text-align: right;
}
.pagination a{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration:none;
	color: black;
	margin: 0 5px;
	
}
.pagination span.disabled{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration:none;
	color: #500f06;
	margin: 0 5px;
}

.pagination span.current{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration:none;
	color: #500f06;
	margin: 0 5px;
}

