/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/

body {
	font-size:13px;
	font-family: Arial, Helevtica, Verdana, san-serif;
	line-height:23px;
}

#fullwidth_head {
	width: 100%;
}

#fullwidth_teaser {
	width: 100%;
}

#fullwidth_intro {
	width: 100%;
}

#fullwidth_teaser_page {
	width: 100%;
}

#gradient_top_index {
	padding: 0;
	background: url(../images/gradient_top.png) top repeat-x;
}

#gradient_top {
	margin-top: -10px;
	padding: 0;
	background: url(../images/gradient_top.png) top repeat-x;
}

#gradient_bottom {
	margin-top: 20px;
	padding: 0;
	background: url(../images/gradient_bottom.png) bottom repeat-x;
}


/************************************************************************
-) HEAD
*************************************************************************/

.head {
	/*background: url(../images/head_bg.png) repeat-x;*/
	height: 66px;
	border-bottom:1px solid #CABB9C;
	background:transparent url(../images/gradient_top.png) repeat-x scroll center top;
}


/*** LOGO ***/

.logo, .logo a {
	display:block;
	height:32px;
	width:170px;
	position:relative;
	left:0px;
	top:16px;
	border: none;
	padding: 0;
	margin:0;
}

.logo a, .logo a:hover {
	top:0;
	left:0;
	text-indent:-9999px;
	outline:none;
	border: none;
}




/*** SOCIAL BUTTONS ***/

.social_bookmarks {
	float: right;
	width: 90px;
	height: 16px;
	list-style-type: none;
	z-index: 6;
	margin: 26px 0 0 0;
	border-left: 1px solid #909090;
}

.social_bookmarks li {
	float:right;
	margin:0;
	width:16px;
	padding:0 0 0 7px;
}

.social_bookmarks li a {
	height:16px;
	width:16px;
	display: block;
	float:left;
	text-indent: -9999px;
	border:none;
	padding:0;
	outline: none;
}

.social_bookmarks .break {
	background: transparent url(../images/break.png) 0 0 no-repeat;
}

.social_bookmarks .rss a {
	background: transparent url(../images/rss_16.png) 0 0  no-repeat;
}

.social_bookmarks .facebook a {
	background: transparent url(../images/facebook_16.png) 0 0  no-repeat;
}

.social_bookmarks .twitter a {
	background: transparent url(../images/twitter_16.png) 0 0  no-repeat;
}




/************************************************************************
-) NAVIGATION
*************************************************************************/

/*** SUPERFISH MENU ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



	


/************************************************************************
-) TEASER
*************************************************************************/

.teaser_wrap {
	background: #000;
	color: #fff;
}

.teaser_text {
	/*margin: 50px 0;*/
	margin: 17px 0;
}

.teaser_text p {
	margin: 15px 0;
}

.teaser_check {
	/*margin-top: 25px;*/
	margin-top: -10px;
}

.check {
	/*float: left;*/
	font-size:16px;
	height: 23px;
	background: url(../images/ok_icon.png) no-repeat;
	display:block;
	padding-left: 40px;
	margin-right: 25px;
}

#monitor {
	/*height: 328px;*/
	height: 250px;
}

#cycle {
	width:160px;
	height:200px;
	position:absolute;
	z-index:1;
	/*margin:50px 0 0 48px;*/
	margin:22px 0 0 144px;
	border: 3px solid #CABB9C;
}


/************************************************************************
-) COIN SLIDER
*************************************************************************/


#coin_holder{
		float:left;
		width:920px;
		height:280px;
		background:#FFFFFF;
		position:relative;
		z-index:2;
		margin-top:13px;
		padding:5px;
	}
	
#coin_holder .item{
		width:920px;
		height:280px;
		background:#CCCCCC;
	}
	
.coin-slider { 
	overflow: hidden; 
	zoom: 1; 
	position: relative; 
}
.coin-slider a { 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

.cs-buttons { 
	font-size: 0px;
	padding: 10px; 
	float: left; 
	margin-top: 2px;
}

.cs-buttons a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
	text-indent: -1000px; 
}

.cs-active { 
	background-color: #c0c0c0; 
	color: #FFFFFF; 
}

.cs-title { 
	width: 920px; 
	padding: 10px; 
	background-color: #000000; 
	color: #FFFFFF; 
}

.cs-prev, .cs-next { 
	background-color: #fff; 
	color: #494949; 
	padding: 0px 10px; 
}



/************************************************************************
-) TEASER HEAD
*************************************************************************/

.teaser_head_text {
	margin: 45px 0;
}

.teaser_head_slogan {
	margin: 50px 0;
	padding: 0 0 3px 10px;
	border-left: 1px solid transparent;
	height: 36px;
}


/************************************************************************
-) INTRO
*************************************************************************/

.intro_wrap {
	background: url(../images/intro_bg_2.png) repeat-x;
	height: 71px;
}

a.btn_two {
	display:block;
	float: left;
	width:300px;
	height:35px;
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	font-weight: normal;
	padding-top:9px;
	margin-top: 18px;
	text-decoration:none;
}

.intro_text {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #909090;
}

.intro_text p {
	margin: 16px 0 0 20px;
}



/************************************************************************
-) MAIN CONTENT
*************************************************************************/

.content h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #c0c0c0;
	margin-top:30px;
}

.blog h3 {
	margin-top: 10px;
}

.sidebar h3 {
	border: none;
}

.gradient {
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	/* Firefox */
	background: -moz-linear-gradient(left, #ffffff, #e2e2e2);
	/* Safari */
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#e2e2e2));
}

.roundbox {
	border: 1px solid #c0c0c0;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 13px;
}

.roundbox h3 {
	border: none;
}

.steps {
	margin-bottom: 50px;
}


/************************************************************************
-) SIDEBAR
*************************************************************************/

.sidebar {
	padding-top: 30px;
}

.sb_box {
	margin: auto;
	width: 240px;
}
.sb_box li { 
  background-image:url(../images/bullet.png);
  background-position:left 10px;
  background-repeat:no-repeat;
}
.sb_box li a{
  font-weight:500;
}
.rss h3 {
	margin-top: 14px;
}

/*** ADS ***/

.sidebar .ads {
	background-color: #fff;
	margin: auto;
	width: 275px;
	margin-bottom: 20px;
}

.sidebar .ads a {
	display: block;
	float: left;
	margin-bottom: 9px;
	background: #ddd;
}

.sidebar .ads a:hover {
	background: #cdcdcd;
}

.sidebar .ads a:nth-child(odd) {
	margin-right:5px;
}


/*** LIST ***/

.sidebar ul li {
	list-style: none;
	margin-left: 0;
}

.sidebar ul li a {
	display:block;
	line-height:20px;
	padding:3px 10px;
	position:relative;
	text-decoration:none;
	border-bottom: 1px solid #c0c0c0;
}

.sidebar .first {
	border-top: 1px solid #c0c0c0;
}

/*** SEARCHFORM HEAD ***/

.search {
	margin-bottom: 30px;
}

#searchform {
	margin: auto;
	margin-left: 15px;
	position: relative;
}

#searchsubmit {
	border:medium none;
	cursor:pointer;
	display:block;
	height:35px;
	outline:none;
	padding:0;
	position:absolute;
	right:10px;
	text-indent:-9999px;
	top:-3px;
	width:35px;
	z-index: 2;
}

#s {
	border: 1px solid #c0c0c0;
	width:228px;
	padding:5px 30px 5px 10px;
	color:#ccc;
	position: relative;
}



/************************************************************************
-) PORTFOLIO
*************************************************************************/

.portfolio-item {
	/*background: #efefef;*/
	margin-right: 10px;
	margin-bottom: 30px;
}


.bg-design {
	background-image:url(../images/portfolio/bg_design.png);
	background-position:bottom;
	background-repeat:repeat-x;;
}
.bg-vitrine {
	background-image:url(../images/portfolio/bg_vitrine.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.bg-ecommerce {
	background-image:url(../images/portfolio/bg_ecommerce.png);
	background-position:bottom;
	background-repeat:repeat-x;;
}
.bg-immobilier {
	background-image:url(../images/portfolio/bg_immobilier.png);
	background-position:bottom;
	background-repeat:repeat-x;;
}
.bg-blog {
	background-image:url(../images/portfolio/bg_blog.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.bg-intranet {
	background-image:url(../images/portfolio/bg_intranet.png);
	background-position:bottom;
	background-repeat:repeat-x;;
}








.portfolio-item first {
	margin-left: 20px;
}

.portfolio-item img {
	margin: auto;
	margin-top: 7px;
}

.portfolio-item p {
	padding-left: 7px;
}

.portfolio-item h3 {
	border: none;
}


/*** PORTFOLIO LISTING FILTER ***/

ul#portfolio-filter { 
	margin: 0px; 
	padding: 0px; 
	height:35px; 
	padding-left:10px; 
	line-height:35px;  
}

ul#portfolio-filter li { 
	display: inline; 
	padding-left:0px; 
	margin-left:0px; 
	background:transparent; 
}

ul#portfolio-filter a { 
	margin-right: 0px; 
	padding-top:6px; 
	padding-bottom:5px; 
	padding-left:10px; 
	padding-right:10px; 
	background: #e2e2e2; 
	color: #aaaaaa; 
	font-weight: bold; 
	text-decoration: none; 
	text-align:center; 
	border-right:1px solid #d5d5d5; 
	border-left:1px solid #d5d5d5; 
	border-top:1px solid #d5d5d5; 
	border-bottom:1px solid #d5d5d5; 
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

ul#portfolio-filter a:hover { 
	padding-top:6px; 
	padding-bottom:5px; 
	background:#f2f2f2; 
	color: #717171; 
	border-top:1px solid #d5d5d5; 
}

ul#portfolio-filter .vitrine {
   background:#005172;
   color:#FFF;
}
ul#portfolio-filter .ecommerce {
   background:#c93411;
   color:#FFF;
}
ul#portfolio-filter .immobilier {
   background:#00bbdc;
   color:#FFF;
}
ul#portfolio-filter .blog {
   background:#f68115;
   color:#FFF;
}
ul#portfolio-filter .intranet {
   background:#9d9ea0;
   color:#FFF;
}



ul#portfolio-filter .design {
   background:#cabb9c;
   color:#FFF;
}


/*** DISPLAY PORTFOLIO ITEMS ***/


ul#portfolio-list { 
	margin: 20px 0 0 0; 
	padding: 0; 
	list-style: none; 
}

ul#portfolio-list li { 
	display: block; 
	float: left;  
	overflow: hidden; 
	padding-left:0px; 
	margin-left:0px; 
	background:transparent; 
}

ul#portfolio-list li a { 
	display: block; 
	overflow: hidden; 
}
ul#portfolio-list li .linkPorftofolio { 
	display:inline; 
	overflow: hidden; 
}

ul#portfolio-list-with-sidebar { 
	margin: 10px 0 0 0; 
	padding: 0; 
	list-style: none; 
}

ul#portfolio-list-with-sidebar li { 
	list-style: none; 
	display: block; 
	float: left;  
	overflow: hidden; 
	padding:0px; 
	margin:0px; 
	background:transparent; 
}

ul#portfolio-list-with-sidebar li a { 
	display: block; 
	overflow: hidden; 
}

ul#portfolio-list-with-sidebar .portfolio-item { 
	padding-left:10px; 
	padding-right:10px; 
	margin-left:3px;
	margin-right:3px;
}


/*** PORTFOLIO ITEMS ***/

.portfolio-item img.pthumb { 
	position: absolute; 
	left: -1px; 
	top: -8px; 
	z-index: 10; 
}

.portfolio-item img.poverlay { 
	position: absolute; 
	left: -1px; 
	top: -8px;	
}

.portfolio-item .image { 
	position:relative; 
	margin: 10px 0 0 10px;
	background-image:url(../images/ajax-loader.gif);
    background-position:center;
    background-repeat:no-repeat;
}

.portfolio-item .image a { 
	display:block; 
	width:272px; 
	height:140px; 
	/*border:4px solid #d7d7d7;*/
	margin-bottom:15px; 
}
	
.portfolio-item .image a:hover { 
	display:block; 
	/*border:4px solid #494949; */
}


.cadre_ecommerce { 
	border:4px solid #E5E5E5;
}
.cadre_vitrine { 
	border:4px solid #E5E5E5;
}
.cadre_immobilier { 
	border:4px solid #E5E5E5;
}
.cadre_blog { 
	border:4px solid #E5E5E5;
}
.cadre_intranet { 
	border:4px solid #E5E5E5;
}
.cadre_design { 
	border:4px solid #E5E5E5;
}



.portfolio-item .text { 
	float:left; 
	margin-left: 10px;
}

.portfolio-item .text h4 { 
	font-size:16px; 
	line-height:19px; 
	font-weight:bold; 
	margin-bottom:8px; 
	margin-top:0px; 
	padding-top:0px; /* height:38px;  overflow:hidden; */ 
	height:40px;
}

.portfolio-item .text h4 a { 
	text-decoration:none; 
}

.portfolio-item .text p { 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left: 0px; 
	padding-left: 0px; 
	font-size:12px; 
	line-height:18px; 
	height:35px; 
	overflow:hidden; 
}

a.work_btn_one, a.work_btn_two {
	display: block;
	float: left;
	width:125px;
	text-align: center;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:3px;
	padding: 2px 3px 1px 3px;
	font-size: 13px;
	line-height:23px;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}



/************************************************************************
-) BLOG
*************************************************************************/

.blog-subhead {
	float: left;
	line-height: 10px;
	font-size: 10px;
	margin-top: -5px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding-right: 20px;
	border-right: 1px solid #494949;
}


/*** PAGEBAR ***/

#pagebar { 
	font: normal 14px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	margin: 0px; 
	text-align: center; 
 }

#pagebar p { 
	padding: 5px 0; 
	margin: 0 0 5px 0; 
	} 

#pagebar a, .pageList .this-page { 
	padding: 8px 10px;
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none;
	margin: 2px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;	 
 }

#pagebar a:visited {
	padding: 8px 10px;
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none;
	margin: 2px 4px; 
}

#pagebar a:hover, #pagebar a:active {
	color: #000;
	background: #cdcdcd;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-color: #b5b5b5; 	 
 }

#pagebar h1, #pagebar h2, #pagebar h3, #pagebar h4, #pagebar h5, #pagebar h6 {
	text-decoration: none;
	color: #000;
	border: none;
	font-size: 1.2em; 
	padding: 0; 
	margin: 0; 
 }
 
#pagebar h1 a, #pagebar h2 a, #pagebar h3 a, #pagebar h4 a, #pagebar h5 a, #pagebar h6 a {
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0; 
	margin: 0; 
 }

#pagebar h2 a:visited { 
	text-decoration: none;
	color: #000;
	border: none; 
 } 
 
#pagebar h2 a:hover {
	text-decoration: none;
	color: #000;
	border: none;
 } 

#pagebar .break {
	padding: 8px 10px; 
	border: none; 
	background: #fff; 
	text-decoration: none;
 }

#pagebar .this-page {
	padding: 8px 10px; 
	border-color: #b5b5b5; 
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
 }

/*** COMMENTS BUBBLE ***/

.post-comments { 
	float: right;	
	padding: 3px 0 7px 7px; 
}

.post-comments a {	
	padding: 3px 7px 7px 0;	
	color: #000000; 
}
	
.post-comments a:hover { 
	color: #000000; 
}


/*** COMMENTS ***/

#comments { 
	padding-left:0px; 
	padding-top:10px; 
	padding-right:15px; 
	margin-top:20px; 
}

#comments h2 { 
	padding:0px;  
	margin-bottom:10px; 
}

#comments ol { 
	margin:0px; 
	padding:0px;  
}

#comments ol li { 
	border-bottom: 1px solid #d5d5d5; 
	margin-top: 2px;	 
	padding: 15px 0; 
	overflow: hidden; 
	height: 1%; 
}

.comment-gravatar {	
	float: left; 
	margin-right: 10px; 
	background: #FFF; 
	border: 1px solid #F0F0F0; 
	padding: 3px; 
}

.comment-data {	
	float: right; 
	width: 470px; 
}

.comment-data p { 
	margin-bottom: 6px; 
	line-height: 19px; 
}

.comment-author { 
	font-weight: 700; 
	margin-bottom: 3px; 
}

.comment-meta { 
	color: #666; 
	margin-bottom: 5px; 
	font-size: 85%; 
}

.unapproved { 
	font-style: italic; 
}

#respond {	
	margin-top:10px; 
	padding:15px;  
}
	
#respond h2 { 
	padding:0px;  
	margin-bottom:10px; 
}

#comment-form { 
	margin-top: 15px; 
	margin-bottom: 10px; 
}

#comment-form label { 
	font-size: 90%; 
	display: block; 
	margin-bottom: 5px; 
	font-weight:bold; 
}

#comment-form input { 
	width: 240px;	
	margin-bottom: 10px; 
	padding: 5px; 
	border:1px solid #cdcdcd; 
	background: #494949; 
}

#comment-form textarea { 
	width: 560px; 
	height: 140px; 
	margin-top: 15px;	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	padding: 10px; 
	border:1px solid #cdcdcd; 
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	/* Firefox */
	background: -moz-linear-gradient(left, #ffffff, #e2e2e2);
	/* Safari */
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#e2e2e2));
}

#comments a, #comment-form a { 
	text-decoration:none; 
}

#comments a:hover, #comment-form a:hover { 
	text-decoration:none; 
}


/*** FORM BUTTON ***/

.form-button-right {  
	background:url(../images/button_grey.png) no-repeat; 
	width:143px;
	height:35px;
	border:0px;
	margin:0px; 
	color:#555e7a; 
	font-size:13px; 
	text-transform: uppercase;
	cursor:pointer; 
}

.form-button-right:hover {  
	background:url(../images/button_grey_hover.png) no-repeat; 
}



/************************************************************************
-) CONTACT FORM
*************************************************************************/

#contact h1 { 
	margin: 10px 0 10px; 
	font-size: 24px; 
	color: #333333; 
}

#contact hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
	border-style: none none solid; 
}

#contact { 
	display: block; 
	width: 620px; 
	margin-top:40px; 
	padding: 0; 
	background-color: #FFF; 
	-webkit-border-radius:5px;  
}

/*** FORM STYLE ***/

#contact label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 26px; 
	width: 155px; 
	font-size: 13px; 
	-webkit-border-radius:5px; 
}

#contact input, textarea, select {  
	margin: 0; 
	padding: 5px; 
	color: #666; 
	background: #f5f5f5; 
	margin: 5px 0; 
	font:13px "Arial", sans-serif; 
	-webkit-border-radius:5px; 
	border:1px solid #cdcdcd; 
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	/* Firefox */
	background: -moz-linear-gradient(left, #ffffff, #e2e2e2);
	/* Safari */
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#e2e2e2));
}   

#contact input:focus, textarea:focus, select:focus { 
	border: 1px solid #999; 
	background-color: #fff; 
	color:#333; 
}

#contact input.submit { 
	background:url(../images/button_grey.png) no-repeat; 
	width:143px;
	height:35px;
	border:0px;
	margin:0px; 
	color:#555e7a; 
	font-size:13px; 
	text-transform: uppercase;
	cursor:pointer; 
}

#contact input.submit:hover { 
	background:url(../images/button_grey_hover.png) no-repeat;
}

#contact input[type="submit"][disabled] { 
	background:#888; 
}

#contact fieldset { 
	padding:20px 20px 20px 0px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
}

#contact legend { 
	padding:7px 10px; 
	font-weight:bold; 
	color:#000; 
	border:1px solid #eee; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	margin-bottom:0 !important; 
	margin-bottom:20px; 
}

#contact span.required { 
	font-size: 13px; 
	color: #ff0000; /* Select the colour of the * if the field is required. */
} 

#message { 
	margin: 10px 0; 
	padding: 0; 
}

.error_message { 
	display: block; 
	height: 22px; 
	line-height: 22px; 
	background: #FBE3E4 url('../images/assets/error.gif') no-repeat 10px center; 
	padding: 3px 10px 3px 35px; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-webkit-border-radius:5px; 
}

.loader { 
	padding: 0 10px; 
}

#contact #success_page h1 { 
	background: url('../images/assets/success.gif') left no-repeat; 
	padding-left:22px; 
}

acronym { 
	border-bottom:1px dotted #ccc; 
}



/************************************************************************
-) FOOTER
*************************************************************************/

/*** FOOTER AREA ***/

#footer {
	width:100%;
	background:#000000;
	color:#b5b5b5;
	border-bottom:1px solid #303030;
	padding:25px 0 0px 0;
	margin-top:20px;
}

#footer_container {
	position:relative;
	width:960px;
	background:#000000;
	background-image:url(../images/style_light_blue/footer_angle.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:auto;
	padding-bottom:25px;
}

#footer p {
	color:#b5b5b5;
	padding-left:0px;
	margin-top:0px;
	float:left;
	font-size:11px;
}

#footer_first {
	border-left:1px solid #3a3a3a;
	padding-left: 30px;
	min-height: 200px;
}

#footer ul {
	line-height: 9px;
}

.footer_widget ul {
	width:120px;
	margin:12px 0 0 0;
	float:left;
}

.footer_widget li {	
	list-style: none;
	margin-left: 0;
}

.footer_widget li a {	
	display:block;
	color:#b5b5b5;
	text-transform:capitalize;
	padding: 8px 0 8px 0;
	border-bottom:1px solid #3a3a3a;
	font-size:11px;
	width:125px;
}

.footer_widget li a.first {
	border-top: 1px solid #3a3a3a;
}

.footer_widget li a:hover {
	text-decoration:none;
	border-bottom:1px solid #474747;
}
 
.footer_widget h4 {
	text-transform:uppercase;
}


/*** LOWER FOOTER AREA ***/

#footer_lower {
	width:100%;
	background:#161619;
	color:#717171;
	padding:5px 0 25px 0;
}

#footer input {
	padding:1px 7px 1px 7px;
	/* padding:7px 7px 1px 7px; !important /*IE fix for 6 and 7 */
	font-size:11px;
	float:left;
}

#footer form {
	float:left;
	margin-top:20px;
}

.footer_lower_wrap {
	float:left;
	padding:0 0 0 10px;
	height:30px;
}

.footer_logo {
	position:absolute;
	left:690px;
	top:292px;
}

.footer_lower_wrap p {
	color:#717171;
	float:left;
	font-size:11px;
}

.footer_lower_wrap p.rights {	
	padding-top:10px;
	width:500px;
}

.footer_lower_wrap ul {
	float:left;
	padding:0px 0 0 10px;
	font-size:12px;
}

.footer_lower_wrap li {
	display:inline;
	margin:0 0px 0 10px;
	padding-right:10px;
	border-right:1px solid #272727;
	font-size:11px;
}

.footer_lower_wrap a {
	color:#FFFFFF;
}

.footer_lower_wrap li.last_list {
	border:none;
}


/************************************************************************
-) TEXT STYLES AND IMAGES
*************************************************************************/

/*** CHECKLIST ***/

ul.checklist { 
	list-style:none !important; 
	margin-left:0px; 
	}

ul.checklist li { 
	background: url(../images/check.png) no-repeat; 
	background-position:0px 4px; 
	padding-left:24px; 
}


/*** DROPCAP ***/

span.dropcap { 
	text-shadow: rgba(255,255,255,0.01) 0px 0px 1px; 
}

span.dropcap { 
	display: inline-block; 
	padding: 10px 5px; 
	float: left; 
	margin-right: 10px; 
	font-size: 2.2em; 
	font-weight: bold; 
	letter-spacing: -1px; 
	line-height: 38px; 
}

span.dropcap.alt { 
	background-color: #c0c0c0; 
	color: White; 
	padding: 5px 10px; 
}


/*** CODE ***/

code { 
	background-color: #eee; 
	padding: 0.25em 0.5em; 
	margin: 0px 0.25em 0.25em 0px; 
	border: dotted 1px; 
	display: inline-block; 
	text-shadow: 0px 1px 0px White; 
}


/*** IMAGES ***/

.alignleft img, .alignright img{
	display:block;
} 

.image_border img {
	background: #fff;
	border:1px solid #c0c0c0;
	max-width:620px;
}

.image_border {
	background: transparent url(../images/bg_image.png) bottom center no-repeat;
}

.image_border{
	padding: 0 0 20px 0;
}

.content img, .blog img {
	padding:5px;
	display: block;
}

.steps img {
	padding:0;
}

.alignleft img, .alignright img{
	display:block;
} 



/************************************************************************
-) MISC
*************************************************************************/

body .alignleft {
	float:left;
	margin:0 10px 0 0;
	display: block;
}

.margin {
	margin-top: 25px;
	margin-bottom: 30px;
}

.margin_top {
	margin-top: 25px;
}

.margin_right {
	margin-right: 10px;
}

.margin_bottom {
	margin-bottom: 30px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.rounded, .entry img, .text_input, textarea, .button{
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

h3.noborder {
	border: none;
}

.hr { 
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	height: 5px;
	margin-top: 30px;
	background: transparent url("../images/hr-bg.gif") repeat-x 0 0; }


.pdf {
	padding-bottom: 10px;
}

.pdf p {
	padding-top: 10px;
}












/*
=======================================================================
template original
=======================================================================
*/

#doBlind {
  cursor:pointer;
  font-size:9px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:right;
  float:left;
}
#doBlind2 {
  cursor:pointer;
  font-size:9px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:right;
  float:left;
}
#doBlind3 {
  cursor:pointer;
  font-size:10px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:left;
  float:left;
}
#doBlind4 {
  cursor:pointer;
  font-size:10px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:left;
  float:left;
}
#doBlind5 {
  cursor:pointer;
  font-size:10px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:left;
  float:left;
}#doBlind6 {
  cursor:pointer;
  font-size:9px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:right;
  float:left;
}
#doBlind7 {
  cursor:pointer;
  font-size:10px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:left;
  float:left;
}
#doBlind8 {
  cursor:pointer;
  font-size:9px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:right;
  float:left;
}

#doBlind20 {
  cursor:pointer;
  font-size:10px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:left;
  float:left;
}
#doBlind30 {
  cursor:pointer;
  font-size:10px;
  width:20px;
  height:15px;
  margin-top:0px;
  margin-left:10px;
  background-image:url(../img/template_original/onglet/haut_bas.png);
  background-position:left;
  float:left;
}

#doBlind9 {
  cursor:pointer;
  width:500px;
  height:15px;
  margin-top:0px;
  float:left;
}



#doBlind_connect {
  cursor:pointer;
  width:700px;
  height:15px;
  margin-top:17px;

  text-align:center;
  color:#FF0000;
}

#Blindfx_connect {
  cursor:pointer;
  width:700px;
  margin-top:17px;
  float:left;
}



.container_block_entete {
  float:left;
  width:240px;
}
.block_entete {
  float:left;
  width:210px;
  height:32px;
}
.block_entete h3{
  margin-top:0px;
}
.contenu_block {
  float:left;
  width:240px;
}



.menu_compte {
  text-align:right;
  width:600px; 

}

p {
  text-align:justify;
  text-indent:10px;
}

h2 {
  color:#8F8778;
}
h3 {
  color:#333333;
}
h4 {
  color:#999999;
  border-bottom:1px solid #999999;
}

#footer_container h4 {
	color:#cabb9c;
}

h3 {
 margin-top:30px;
}

strong {
  color:#a59a82;
}

.left1 {
  float:left;
  margin-right:10px;
}

.container_tarif {
  margin-top:20px;
  float:left;
  width:690px;
}
.container_image_tarif {
   float:left;
   width:150px;
}
.container_texte_tarif {
   float:left;
   width:470px;
   padding-left:10px;
}
.container_texte_tarif li{
   margin-left:20px;
}
.rouge {
  color:#FF0000;
}











/* mise en forme des formulaires connexion-inscription-newsletter */
#newsletter {
  width:160px; 
  font-size:11px;
  margin:auto;
  padding-left:5px;
}







#container_form_inscription {
  background-repeat:repeat-x;
  width:310px;
  height:750px;
  font-size:10px;
  font-weight:500;
  float:left;
}
#container_form_connexion {
   background-repeat:repeat-x;
  width:310px;
  font-size:10px;
  font-weight:500;
  float:left;
}








#container_form_connexion2 {
   background-repeat:repeat-x;
  width:500px;
  font-size:10px;
  font-weight:500;
  margin:auto;
  border:1px solid #CCCCCC;
  padding-top:10px;
}
#container_form_passe {
   background-repeat:repeat-x;
  width:500px;
  margin:auto;
  font-size:10px;
  font-weight:500;

}
#container_form_inscription_left {
  background-repeat:repeat-x;
  width:500px;
  height:685px;
  margin-left:110px;
  font-size:10px;
  font-weight:500;
  border:1px solid #CCCCCC;
  float:left;
}
#container_form_connexion_left {
   background-repeat:repeat-x;
  width:348px;
  margin-left:156px;
  font-size:10px;
  font-weight:500;
  float:left;
}
#container_form_passe_left {
   background-repeat:repeat-x;
  width:500px;
  margin:auto;
  font-size:10px;
  font-weight:500;
  float:left;

}
.input_text{
  width:150px;
  height:12;
  font-size:11px;
}
.entete_form {
  text-align:center;
  font-size:14px;
  font-weight:600;
  color:#007229;
  margin-top:20px;
}
.rouge {
  color:#C14800;
}
.connexion {
  width:250px;
}

.container_champ_form_insc {
  width:345px;
  height:40px;
  color:#FF6600;
}
.container_champ_form_insc2 {
  width:348px;
  height:100px;
}
.container_champ_code_saisi {
  float:left;
  width:150px;
}
.container_label {
  width:135px;
  float:left;
  margin-left:30px;
}

.container_champ {
  width:150px;
  float:left;
}
.container_champ_valid {
  width:345px;
  text-align:center;
  height:25px;
}

legend {
  color:#FF6600;
}


#entete_form_contact {
  background-image:url(../img/template_original/form/entete_form.png);
  width:100%;
  height:20px;
  color:#FFFFFF;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
  border:2px solid #FFFFFF;
}

#link_rubique {
  margin-bottom:30px;
  border-bottom:1px dashed #CCCCCC;
}

.grid_4 h3 {
  margin-top:0px;
}







/* mise en forme des commentaires */
#container_comment {
  width:620px;
  margin:auto;
  margin-top:40px;
  float:left;
}
#entete_comment {
  width:620px;
}
.tableau_comment {
  width:620px;
  border-bottom:1px solid #666666;

}
.comment_pseudo {
  width:350px;
}
.comment_date {
  width:150px;
}
.comment_desc {
  text-align:justify;
}
.nbr_page {
  width:620px;
  margin:auto;
  text-align:right;
}
#footer_comment {
 
  width:620px;;
  height:20px;
}
#container_form_comment {
  width:620px;
  margin:auto;
  margin-top:15px;
  float:left;
}
#entete_form_comment {
  width:100%;
  height:30px;
}
#cadre_form_comment {

  width:100%;
}
#footer_form_comment {

  width:100%;
  height:20px;
}


#container_form_contact2 {
  background-repeat:repeat-x;
  width:360px;
  height:285px;
  margin:auto;
  margin-top:15px;

}
#entete_form_contact2 {
  background-image:url(../img/template_original/form/entete_form.png);
  width:100%;
  height:20px;
  color:#FFFFFF;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
  border:2px solid #FFFFFF;
}
#entete_form_contact {
  background-image:url(../img/template_original/form/entete_form.png);
  width:100%;
  height:20px;
  color:#FFFFFF;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
  border:2px solid #FFFFFF;
}


/* plan du site */
#container_plan {
  width:600px;
  margin:auto;
  margin-top:40px;
}
#container_plan ul{
  margin-left:20px;
}
















.demande_connexion {
   width:500px;
   height:30px;
   text-align:center;
   color:#993300;
   font-size:14px;
   font-weight:bold;
   margin-left:70px;
   margin-top:90px;
   padding:20px;
   float:left;
}






.message_utilisateur {
  width:700px;
  color:#FF0000;
  float:left;
  text-align:center;
  margin-top:20px;
}

#container_form_num_lign_page {
  width:620px;
  text-align:right;
  border-bottom:1px dashed #999999;
}



/* mise en forme des produits similaires */
#container_produit_similaire {
  width:600px;
  margin-left:25px;
  float:left;
}
#entete_similaire {
  width:100%;
  text-align:center;
  margin-top:20px;
  height:20px;

  padding-top:4px;
}
#cadre_similaire {
  width:300px;
  text-align:center;
  margin-left:140px;

}
#footer_similaire {
  width:100%;
  height:20px;

}
.titre_vert {
  color:#CCCCCC;
  font-weight:bold;
}
.avertissement {
  color:#FF0000;
}

.iconelist li{
  float:left;
  margin-right:0px;
  list-style-type:none;
}
.bg_ombre {
  width:620px;
  background:transparent url(../images/bg_image.png) no-repeat scroll center bottom;
  padding-bottom:20px;
  float:left;
}
.hr_transparent {
background:transparent;
color:transparent;
border:transparent;
}

.logo_header {
  width:250px;
  height:100px;
  position:absolute;
  top:-19px;
  left:-40px;
}
.logo_header2 {
  width:200px;
  height:80px;
  position:absolute;
  top:-100px;
  left:-20px;
  z-index:999;
  display:none;
}
.logo_header_ie {
  width:200px;
  height:80px;
  position:absolute;
  top:0px;
  left:-20px;
  z-index:999;
  display:none;
}

.savoir_plus { 
  margin-left:201px;
  padding-left:8px;
  color:#8F8778;
  background-image:url(../images/bullet.png);
  background-position:left 7px;
  background-repeat:no-repeat;
}
.savoir_plus:hover { 
  color:#8F8778;
}

.container_message {
  width:620px;
  height:300px;
  color:#FF0000;
  text-align:center;
}


.portfolio-item {
	height:300px;
}

.btn_rea {
	width:260px;
	margin-left:20px;
	text-align:center;
	height:35px;
	font-size:13px;
	font-weight: normal;
	padding-top:9px;
	background:url(../images/btn_rea.png) no-repeat; 

}

.btn_rea2 {
	position:absolute;
	left:666px;
	top:166px;
	width:260px;
	height:35px;
	background:url(../images/btn_rea2.jpg) no-repeat;
	display:none;
}














#container_accueil_global {
	position:relative;
	width:960px;
	height:500px;
}
#titre_accueil {
	position:absolute;
	width:600px;
	height:30px;
	left:215px;
	top:-15px;
	z-index:0;
}

.content .accueilh3 {
  padding-bottom: 5px;
  padding-top: 3px;
  padding-left:10px;
  color:#CABB9C;
  border:none;
  background-image:url(../images/bg_accueilh3.png);
  background-position:right;
  background-repeat:no-repeat;
}

#texte1_accueil {
	position:absolute;
	width:305px;
	height:200px;
	left:165px;
	top:105px;
	z-index:3;
}
#texte2_accueil {
	position:absolute;
	width:305px;
	height:200px;
	left:475px;
	top:105px;
	z-index:3;
}
#texte3_accueil {
	position:absolute;
	width:305px;
	height:200px;
	left:165px;
	top:245px;
	z-index:3;
}
#texte4_accueil {
	position:absolute;
	width:305px;
	height:200px;
	left:475px;
	top:245px;
	z-index:3;
}
#illustration_fleche {
	background-image:url(../images/illustration_fleche2l.jpg);
    background-repeat:no-repeat;
	position:absolute;
	width:210px;
	height:213px;
	left:370px;
	top:145px;
	z-index:2;
	display:none;
}
#shadow {
	background:transparent url(../images/bg_image.png) no-repeat scroll center bottom;
	position:absolute;
	width:800px;
	height:20px;
	left:80px;
	top:470px;
}
.savoir_plus2 { 
  position:absolute;
	width:100px;
	height:20px;
	left:203px;
	top:120px;
  color:#8F8778;
  background-image:url(../images/bullet.png);
  background-position:left 7px;
  background-repeat:no-repeat;
}
.savoir_plus3 { 
  position:absolute;
	width:100px;
	height:20px;
	left:203px;
	top:150px;
  color:#8F8778;
  background-image:url(../images/bullet.png);
  background-position:left 7px;
  background-repeat:no-repeat;
}

#container_solution {
	background-image:url(../images/ajax-loader.gif);
    background-position:430px center;
    background-repeat:no-repeat;
	width:940px;
	height:140px;
	left:25px;
	top:550px;
	z-index:999;
	margin-left:25px;
}
#container_solution img {
	float:left;
	display:none;

}

.cursor_nav {
	background-image:url(../images/cursor_nav.jpg);
    background-repeat:no-repeat;
	background-position:center;
	/*background-color:#CABB9C;
	border-bottom:1px solid #CABB9C;
	border-top:1px solid #CABB9C;*/
	position:absolute;
	width:15px;
	height:15px;
	left:960px;
	top:-10px;
	display:none;
}
.cursor_rea {
	background-image:url(../images/cursor_rea.png);
    background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:15px;
	height:15px;
	left:870px;
	top:-40px;
	display:none;
}


.legende_pack {
	position:absolute;
	width:150px;
	height:20px;
	left:0px;
	top:230px;
	display:none;
	background-color:#333;
	color:#CABB9C;
	text-align:center;
	z-index:999;
	border:1px solid #CABB9C;
}
.container_qr {
	position:absolute;
	width:150px;
	height:150px;
	left:200px;
	top:50px;
	display:none;
	background-color:#333;
	color:#CABB9C;
	text-align:center;
	z-index:999;
	border:1px solid #CABB9C;
}

#container_html {
	min-height:660px;
}