@charset "utf-8";

 CSS Document 

*{ margin:0; padding:0}

body { 
	margin:0; 
	padding:0; 
	background: url(../images/bg.jpg) no-repeat center center fixed;
	background-color: #000; 
	background-size: cover;
	height:100%; 
	font-family:Arial, Helvetica, sans-serif;
 }

h1,h2,h3,h4,h5,h6{margin-bottom:16px}

h1{color:#1840de;font-size:24px;border-bottom:#ddd 1px solid;padding-bottom:11px;margin-bottom:16px;line-height:36px}

h2{font-size:18px;color:#222;line-height:24px}

h3{font-size:18px;font-weight:normal;color:#222;font-family:"Arial Narrow",Arial,Helvetica,sans-serif}

h4,h5,h6{font-size:14px;color:#222;font-weight:normal;margin-bottom:10px}

h5,h6{font-size:12px}

#site{ width:988px; margin:0 auto; }


#logo{ width:128px; height:151px; position:absolute; z-index:100; top:0; margin:0 auto; left:50%; margin-left:-64px}
#header{ width:962px; height:81px; position:relative; margin-top:49px; margin-left:13px; z-index:10; background:url(../images/bg-top2.png)}

#menu_left{ width:430px ; float:left; height:60px; margin-right:0px; margin-left:-40px;}

#menu_left ul{ width:420px ; display:block; height:60px;}

#menu_left ul li{ width:200px; height:60px; list-style: none; float:left; border-left:none; border-right: none;}

#menu_left ul li a{ display:block; height:38px; width:200px; text-align:center; padding-top:22px}

/*#menu_left ul li a:hover{ background:url(../images/hover_menu.png) repeat-x}*/

#menu_right{ width:420px ; float: right; height:10px; margin-right:20px; margin-left:30px;}

#menu_right ul{ width:430px ; display:block; height:60px;}

#menu_right ul li{ width:200px; height:60px; list-style: none; float:left; border-left:none; border-right:none}

#menu_right ul li a{ display:block; height:50px; width:200px; text-align:center; padding-top:22px}

/*#menu_right ul li a:hover{ background:url(../images/hover_menu.png) repeat-x}*/



/*-----------------slider-----------------------*/

#slides {

	position: relative; margin-top:-10px;

	z-index:50;

}



/*

	Slides container

	Important:

	Set the width of your slides container

	Set to display none, prevents content flash

*/



.slides_container {

	width:988px;background:url(../images/bg_slider.png) no-repeat 11px 10px;

	overflow:hidden;

	position:relative;

	display:none;

}



/*

	Each slide

	Important:

	Set the width of your slides

	If height not specified height will be set by the slide content

	Set to display block

*/



.slides_container a {

	width:920px; margin:0 0 0 35px;

	height:392px;

	display:block;

}

.slides_container a img { border:0;

}



/*

	Next/prev buttons

*/



#slides .next,#slides .prev {

	position:absolute;

	top:170px;

	left:-12px;

	width:36px;

	height:42px;

	display:block;

	z-index:101;

}



#slides .next {

	left:962px;

}



/*

	Pagination

*/



.pagination {

	margin:26px auto 0;

	width:100px; display:none;

}



.pagination li {

	float:left;

	margin:0 1px;

	list-style:none;

}



.pagination li a {

	display:block;

	width:12px;

	height:0;

	padding-top:12px;

	background-image:url(../img/pagination.png);

	background-position:0 0;

	float:left;

	overflow:hidden;

}



.pagination li.current a {

	background-position:0 -12px;

}



.slider-container {
    width: 1000px;  /* Set a fixed width for the slider */
    height: 400px; /* Set a fixed height for the slider */
    overflow: hidden;
    position: relative;
    margin: auto;  /* Center the slider on the page */
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider img {
    width: 100%;   /* Ensure each image takes up the full width of the slider container */
    height: auto;  /* Maintain aspect ratio of images */
}

.slider img {
    min-width: 100%; /* Ensures images stretch to the container's width */
}

/*-----------------------------content--------------------------------------*/

#content{ width:940px; margin-left:24px; padding-top:10px; padding-bottom:10px; background: url(..images/fil_content.gif) repeat-x #fff;}

#product{ width:312px; float:left; border-right:1px solid #ddd}

#product div.one_product{ width:274px; margin-left:20px }

#product div.one_product h3{ width:274px; height:53px; padding:0; margin:0; text-align:center; display:block; background:url(../images/bg-title-prodect.png) repeat-x;-moz-border-radius: 10px 10px 0 0; 

        -webkit-border-radius: 10px 10px 0 0; 

        border-radius: 10px 10px 0 0;         

        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 

        -webkit-border-top-right-radius: 10px; /* pour Chrome */ }

#product div.one_product h3 img{ margin-top:13px}

#product div.one_product div{ padding:10px 0;}

#product div.one_product div p{text-align:justify; font-size:12px; color:#666666; padding:0 10px; line-height:18px; margin-bottom:10px}

#product div.one_product div p img{float:left; margin:0 10px 5px 0}

.newsticker-jcarousellite{ margin:0; padding:0}

.newsticker-jcarousellite ul{ margin:0; padding:0}

.newsticker-jcarousellite ul li{ list-style:none; background:none; padding:0; margin:0}

.newsticker-jcarousellite ul li div p{ margin-bottom:4px; line-height:14px}

.newsticker-jcarousellite ul li div a.voir{ font-size:11px; text-align:left; color:#666666; font-weight:bold; float:left; display:block; padding:0 10px}

#product div.one_product div ul.bilel{ margin:0 0 0 25px  ; padding:0; display:block}

#product div.one_product div ul.bilel li{ margin:6px 0; padding-left:25px; list-style:none; background:url(../images/checked.png)  no-repeat; background-size: 15px 15px; font-size:12px; font-weight:bold; font-weight:bold; color:#666}

#product div.one_product div a{ display:block; text-align:right}	

#product div.one_product div a img{ border:0}	

#product div.one_product div a.next {float:right; margin:0 3px; width:20px; height:20px; display:block; cursor:pointer}

#product div.one_product div a.prev {float:right; margin:0 3px; width:20px; height:20px; display:block; cursor:pointer}

/*------------------------------footer-------------------------*/

#footer .widget{float:left}

#footer .widget-head h3{font-size:16px;text-transform:uppercase;font-family:"Arial Narrow","Helvetica Neue",Calibri,"Franklin Gothic Medium",Arial,Helvetica,sans-serif;font-weight:bold;color:#e3e3e3;text-shadow:1px 1px 0 #000;letter-spacing:-1px;height:34px;margin:0;position:relative;border-bottom:#171717 1px solid}

#footer .widget-head img{position:absolute;bottom:0;right:17px; border:0}

#footer .widget-content{border-top:#383838 1px solid;padding-top:16px}

#footer .widget-content form{padding-top:4px}

#footer .widget-content label{color:#d9d9d9;width:82px;float:left;padding-top:3px; font-size:12px}

#footer .widget-content input,#footer .widget-content textarea{width:168px}

#footer .widget-content .submit-button input{width:auto;overflow:visible}

.latest-news .news-entry{overflow:hidden;padding-bottom:17px;font-size:12px}

.latest-news .date-calendar{float:left;width:38px;margin-top:4px}

.latest-news .date-calendar span{width:30px;height:13px;display:block;background:#666;color:#fff;font-size:9px;text-transform:uppercase;text-align:center;line-height:14px}

.latest-news .date-calendar div{border-top:#e3e3e3 2px solid;background:#fff;width:30px;font-size:20px;font-weight:bold;color:#222;padding:1px 0;text-align:center}

.latest-news .news-content{width:221px;float:right; color:#666}

.latest-news .news-content a{color:#fff;text-decoration:none}

.latest-news .news-content a:hover{text-decoration:underline}

.latest-news .news-content strong{color:#fff;position:relative;display:block}

.testimonials .client-say{font-style:italic;color:#fff}

.testimonials .client-say p{margin-bottom:17px}

.client-name{color:#ccc}

#sidebar .ads{width:262px;margin-top:20px;margin-bottom:-10px}

.ads img{display:block;float:left;margin:0 0 10px 10px}

.ads .widget-content{width:270px;margin-left:-8px;overflow:hidden}

.gallery{width:579px;margin-left:-10px;overflow:hidden;padding-bottom:5px}

.gallery .gallery-item{float:left;margin:0 0 10px 10px}

.gallery img{display:block;border:#f4f4f4 4px solid}

#footer{margin:0 auto;width:940px; font:12px/18px Arial, Helvetica, sans-serif;text-align:left;overflow:hidden;padding-bottom:34px;background:#000 url('../images/footer-bg.png') 0 0 no-repeat}

.widget{width:260px;margin:17px 25px 0}

#smal_desc{width:600px ; float:left; padding-left:10px; padding-top:10px; margin-bottom:16px}

#smal_desc h2{ width:600px; height:53px; padding:0; margin:0; text-align:left; display:block; background:url(../images/bg-title-prodect.png) repeat-x;-moz-border-radius: 10px 10px 0 0; 

        -webkit-border-radius: 10px 10px 0 0; 

        border-radius: 10px 10px 0 0;         

        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 

        -webkit-border-top-right-radius: 10px; /* pour Chrome */ }

#smal_desc h2 img{ margin-top:14px; margin-left:20px}

#smal_desc p{ margin-bottom:10px; padding:0 10px; font-size:12px; color:#666; text-align:justify; line-height:150%}

#facebook{ width:300px; float:right; margin-right:10px; margin-top:11px}



form p{margin-bottom:3px}

input,textarea{background:#fff url('../imagesinput-bg.png') 0 0 no-repeat;padding:0 5px;line-height:27px;border:none;font-family:Arial,Helvetica,sans-serif}

input{height:27px}

textarea{height:85px;overflow:auto}

.submit-button{background:url('../images/read-on.png') 0 -28px no-repeat;display:block;float:right;padding-left:9px;margin:2px 5px 0 0}

.submit-button input{background:url('../images/read-on.png') 100% -28px no-repeat;color:#fff;text-transform:uppercase;padding:1px 25px 4px 0;margin-right:-5px;height:28px;float:left;display:block;font:bold 11px "Arial Narrow",Arial,Helvetica,sans-serif;text-decoration:none;text-shadow:1px 1px 0 #000;cursor:pointer}





#top-info{width:880px;margin:-21px auto 0;background:#000 url('../images/top-info-bg.png') 0 0 repeat-x; z-index:20; position:relative;padding:23px 30px 8px;overflow:hidden;color:#999;font-size:12px}

#top-info h1,#top-info h2,#top-info h3,#top-info h4{font:24px/36px "Arial Narrow",Arial,Helvetica,sans-serif;color:#fff;font-weight: normal;margin-bottom:13px}

#top-info .thumbnail{border:#fff 5px solid;display:block;float:left;margin:7px 30px 22px 0}



.content{background:#fff url('../images/featured-bg.png') 0 0 repeat-x;width:589px;float:left;padding:25px 20px 12px}

.content h1{font:28px/36px "Arial Narrow",Arial,Helvetica,sans-serif;color:#1840de;border-bottom:#ddd 1px solid;padding-bottom:11px; margin-bottom:16px;}

.content h2{letter-spacing:-1px}

.content p{ margin-bottom:16px; font-size:12px; color:#666; text-align:justify}

.content ul{ margin:0 0 16px 20px; padding:0}

.content ul li{ font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; list-style:none; padding-left:10px; background:url('../images/arrow.png') no-repeat 0 4px; padding-bottom:10px}



#sidebar{float:left;overflow:hidden;padding-bottom:20px }

#sidebar .widget{margin:26px 0 0 19px}

#sidebar p{ font-size:12px; margin-bottom:16px; color:#666}

#sidebar h4.widget-header{font-size:24px;position:relative;margin-bottom:21px;text-transform:none;color:#d8d8d8;text-shadow:1px 1px 0 #fff;letter-spacing:-2px}

.categories_widget ul,.pages_widget ul{overflow:hidden;background:#fff;padding:0;margin:0 0 0 2px;width:260px}

.categories-widget li,.pages_widget li{border-bottom:#ddd 1px solid; font-size:12px;border-top:#fff 1px solid;margin:-1px 0 1px;padding:10px 0 10px 30px;background:#f4f4f4 url('../images/arrow.png') 13px 15px no-repeat}

.categories_widget li a,.pages_widget li a{color:#333; text-decoration:none}.widget{width:260px;margin:17px 20px 0}



/*-----------------------------------------Contact---------------------------------*/

.contact-form{width:452px;overflow:hidden;padding:6px 0 25px 20px}

.content form p{padding-bottom:5px}

.content input,.content textarea{width:286px;border:#e7e4d7 1px solid;background:url('../images/input-bg.png') 0 -500px no-repeat;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:26px;padding:0 6px;font-size:13px;height:26px;margin:0;overflow:hidden}

.content textarea{height:172px}

.content label{width:150px;float:left;line-height:28px}

.content .submit{float:right;padding-left:7px;margin-right:7px;background:url('../images/read-on.png') 0 -28px no-repeat}

.content .submit input{background:url('../images/read-on.png') 100% -28px no-repeat;padding:0 25px 4px 7px;margin-right:-5px;color:#fff;float:right;border:none;height:29px;width:auto;font-size:11px;font-weight:bold;cursor:pointer}







/*-------------------------------------------------------*/

.zitem {

	width:142px;

	height:78px;	

	border:0;	

	margin:5px 8px 5px 0;

	

	/* required to hide the image after resized */

	overflow:hidden;

	

	/* for child absolute position */

	position:relative;

	

	/* display div in line */

	float:left;

}

.zitem a img{ border:0}

.zitem .caption {

	width:142px;

	height:78px;

	background: url(../images/cadre-tran.png) no-repeat 0 -1px;

	color:#fff;

	font-weight:bold;

		

	/* fix it at the bottom */

	position:absolute;

	bottom:-1px; /* fix IE issue */

	left:0;



	/* hide it by default */

	display:none;



	/* opacity setting */

	filter:alpha(opacity=70);    /* ie  */

	-moz-opacity:0.7;    /* old mozilla browser like netscape  */

	-khtml-opacity: 0.7;    /* for really really old safari */  

	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */



}



.zitem .caption a {

	text-decoration:none;

	color:#fff;

	font-size:12px; font-weight:normal; text-align:center;

	

	/* add spacing and make the whole row clickable*/

	padding:25px 0;

	display:block;

}

.clear {

	clear:both;	

}



a.comments-count,div.comments-count{position:absolute;width:80px;height:80px;background:url('../images/comments.png') 0 0 repeat-x;right:10px;top:-54px;color:#fff!important;text-align:center;font-size:36px;line-height:36px!important;font-weight:bold}

a:hover.comments-count{text-decoration:none}

a.comments-count span,div.comments-count span{display:block;font-size:12px;line-height:18px;padding:5px 0 2px}



.location-post .post-intro{width:228px!important}

.location-post .metadata{width:220px!important;padding-right:0}

.testimonials-post .metadata,.location-post .metadata{border-top:#f0eee6 1px solid}

.metadata{background:#f8f7f3;color:#666;font-size:12px;margin-bottom:12px;padding:7px 100px 7px 8px;width:312px;position:relative}

.metadata a{color:#fff}

a.comments-count,div.comments-count{position:absolute;width:80px;height:80px;background:url('../images/comments.png') 0 0 repeat-x;right:10px;top:-54px;color:#fff!important;text-align:center;font-size:36px;line-height:36px!important;font-weight:bold}



.title,.metadata,.post-intro{width:420px;float:right}

.post-intro ul{ margin:0 15px ; padding:0}

.post-intro ul li{ list-style:none; font-size:12px; color:#666}

.menu-post .post-intro{width:690px!important}

.menu-post .metadata{width:586px!important}

.menu-post .title{width:590px!important}

.menu-post div.comments-count{height:70px!important}



.post{overflow:hidden;padding-bottom:13px}

.post .thumbnail{float:left;background:#fff;margin:0 20px 18px 0;display:block;border:#f4f4f4 4px solid}

.title{border-bottom:#f0eee6 1px solid;margin-bottom:0;padding:0 100px 8px 0;width:320px}

.title a,h3.title{font:24px/24px "Arial Narrow",Arial,Helvetica,sans-serif;color:#222}

#lanquage{ float:right; margin-top:-40px; margin-right:20px}