@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed; }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
.wite_resize {
	width:960px;
	background:#fff;
	margin:0 auto;
	padding:0;
	padding-top: 68px;
}
/********** header **********/
.blok_header { margin:0; padding:0; background:#e3e3e3; border-bottom:1px solid #d6d6d6;}
.blok_header2 { margin:0; padding:0; background:url(images/main_bg2.jpg) top center repeat-x; height:365px;}
.header { width:960px; margin:0 auto; padding:0 0 1px 0;}
/* top_text */
.top_text {
	border-left:1px solid #acacac;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#393939;
	padding:10px; margin:35px 0 0 0;
	width:100px;
	float:right;
}
.top_text a { color:#5db9e6; text-decoration:none; font-weight:bold;}
/* rss*/
.rss { width:220px; float:right; text-align:left; font:normal 11px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:50px 10px 18px 10px; margin:0;}
.rss img { float:right; margin:0 3px; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:182px; float:left;}
/*menu*/
.menu {
	padding:0; margin:0; width:960px;
	background:url(images/manu_resize_bg.gif) top repeat-x;
	height:50px;
	margin:0 auto;
		    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;	
}
	
.menu ul { text-align:left; padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:8px 5px; border:0; height:34px;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#e4e4e4; font:bold 11px/14px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:10px; background:none;}
.menu ul li a:hover { background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left;}
/* search */
.search { padding:0; margin:0; width:350px; float:right; height:50px;}
.search form { display:block; float:right; padding:9px 20px;}
.search span { display:block; float:left; background:#fff; width:150px; padding:0 5px; height:31px;}
.search form .keywords { line-height:15px; height:15px; float:left; background:url(images/search_bg.gif) left top no-repeat; width:150px; border:0; padding:8px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding:0;}
/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 31px 0; background:url(images/simple_bg.gif) no-repeat bottom;}
#cu3er-container { width:960px; outline:0; }
.cu3er_resize_sub {
	width: 100%;
	position: absolute;
	top: 151px;
	left: 0;
	background: url(images/dark-pattern-whitetop.png) top left repeat-x;
	/*background:#282828 url(images/gb_hreader.jpg) top left repeat-x;*/
	margin:0; padding:0;
	/*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
.cu3er_resize_sub .secondary-header-nav-left{
	background: url(images/nav-ribbon-left.png) top left no-repeat;
	position: relative;
	top: -8px;
	left: 218px;
	height: 72px;
	width: 990px;
}
.cu3er_resize_sub .secondary-header-nav-right{
	background: url(images/nav-ribbon-right.png) top left no-repeat;
	height: 72px; width: 13px;
	top: 0px;
	left: 975px;
	position: relative;
}
.cu3er_resize_sub h2 {
	font:normal 34px Arial, Helvetica, sans-serif;
	color:#3D3D3D;
	padding:5px 0 8px 50px;
	margin:0;
	position: relative;
	top: -130px;
	
}
.cu3er_resize_sub .secondary-header-second-nav-wrapper{
	background: url(images/dark-pattern-dots.png) top left repeat;
	height: 52px; width: 942px; padding: 10px; margin-left: 13px;
	position: relative;
	top: -71px;
}
/* text */
.teext {
	padding:10px 0; margin:0 auto;
		    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.teext h2 { font:italic 18px Arial, Helvetica, sans-serif; color:#969696; padding:10px 25px; margin:0; line-height:1.3em;}
.teext a { font:italic 12px Arial, Helvetica, sans-serif; color:#5db9e6; text-decoration:none;}
/********** body **********/
.body_resize { margin:0; padding:0;}
.body {
	width:960px;
	margin:0 auto;
	padding:0px;
	background: #FFF;
	    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:15px 0; margin:0; text-transform:uppercase;}
.body h2 span { text-transform:none; font:normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body img { padding:0; margin:10px auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { list-style:none; margin:10px auto; padding:10px 0;}
.body li {
	/*border-bottom:1px solid #dbdbdb;*/
	padding:5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#606060;}
.body li a { font:normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}
.body li a:hover { color:#53d5ff; font-weight:bold;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; line-height:1.5em; padding:5px 0; margin:0;}
.body p span { text-transform:uppercase; color:#2a2a2a; font-weight:bold;}
.body a { text-decoration:none; color:#5db9e6;}
.right { width:290px; float:right; padding:5px 15px; margin:0;}
.left { width:610px; float:left; padding:5px 15px; margin:0;}
/*FBG*/
.FBG {
	width:960px;
	margin:0 auto; padding:0px;
	background:#fff url(images/top_body_bg.gif) top center no-repeat;
		    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.FBG img { float:left; margin:10px; padding:0;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#565656; padding:5px 0; margin:0; line-height:1.5em;}
.FBG a { color:#e13612; text-decoration:none;}
.FBG h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	padding:15px 0; margin:0;
}
.FBG .left { width:290px; float:left; margin:0; padding:20px 15px;}
/* END_bloga*/
/*************footer**********/
.footer {
	padding:0; margin:0; width:960px;
	background:url(images/manu_resize_bg.gif) top repeat-x;
	height:50px;
	margin:0 auto;
		    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;	
/*	padding:0; margin:10px 0 0 0; background:#d1d1d1;
	border-top:1px solid #fff;*/
}
.footer_resize { width:950px; margin:0 auto; padding:0 15px;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:250px; margin:0; padding:20px 10px 10px 0; float:right;} 
.footer p.leftt { text-align:left; width:350px; margin:0; padding:15px 0 10px 0; float:left;} 

/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:200px; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#222; text-transform:uppercase;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text {
	width:300px;
	border:1px solid #e1e1e1;
	margin:5px 0;
	padding:5px 2px;
	height:15px;
	background:#f8f8f8;
	float:left;
}
#contactform textarea {
	width:300px;
	border:1px solid #e1e1e1;
	margin:10px 0;
	padding:2px;
	background:#f8f8f8;
	height:150px;
	float:left;
}
#contactform li.buttons input {
	padding:3px 0;
	margin:0 0 0 436px;
	border:0; color:#FFF;
}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/* - Produits - */
.categoryportfoliowrap {
    margin: 5px 0;
    padding: 10px 60px;
}
.mportfoliobox {
    float: left;
    width: 260px;
}

.mportfoliobgvideo {
    float: left;
    height: 140px;
    width: 220px;
}

.mportfolio img {
    /*background: url("images/shadow_304.png") no-repeat scroll center bottom transparent;*/
    float: left;
    height: 124px;
    padding-bottom: 0;
	margin-bottom: 0px;
	margin-top: 14px;
	margin-left: 14px;
    width: 200px;
}

.mportfoliospace {
    margin-left: 20px;
}

.mportfoliobox {
    float: left;
    width: 260px;
}
.mportfoliobg {
	background: url(images/bg_produits.jpg) top left no-repeat;
    float: left;
    height: 160px;
    width: 228px;
}