@charset "utf-8";/* CSS Document *//*Theme Name: PöCömDesign ThemeTheme URI: http://www.pocomdesign.com/Description: This theme is created just for PöCöm Design website, by Laetitia Mouloud.Version: 3.0Author: Laetitia MouloudAuthor URI: http://www.pocomdesign.com/Tags: License: GNU General Public License v2.0License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright (c) 2007 - 2012 PöCömDesign.  All rights reserved.Creation Theme by Laetitia Mouloud || http://www.pocomdesign.com */html {	margin:0;	padding:0;}body {	margin:0;	padding:0;	font-family: Arial, Helvetica, sans-serif;	font-size:12px;	color:#fff;	background-color:#fff;}img {	border:0;}a {	text-decoration:none;	color:#ff6600;}a:hover {	text-decoration:underline;}.clear {	clear:both;	height:0px;}/*ul, li {	list-style:none;	margin:0;	padding:0;}*/#topPage {    width: 100%;	height: 100%;	background-color: #000;	background: #939393 url("images/bg_pocom.jpg") no-repeat center bottom;	background-size: cover;	background-attachment: fixed;}#page {	margin-left:auto;	margin-right:auto;	width:998px;	padding-top: 10px;	background-color: rgba(0,0,0,0.6);	padding: 10px 20px;}#header-home {	width:100%;	height:100%;}#header {	width:100%;}#header h1, #header p, #header-home h1, #header-home p {	display:none;	text-indent:-3000px;}#content {	float:right;	/*min-height:800px;*/}/* *** search header *** */#search {	float:left;}#searchform {	margin-left: -9px;}#searchform #s {	float:left;	margin: 0 0 10px 20px;	width: 154px;}#searchform #searchsubmit {	float:left;	margin-top:5px;	margin-left:-20px;	border:none;	text-indent:-3000px;    width: 15px;	height:14px;	background:transparent url(images/search_icon.png) no-repeat top left;	cursor:pointer;}/* *** social header*** */#iconSocialBar {	float:left;	margin-left:15px;}#iconSocialBar img {	width: 19px;} /* *** menu header *** */#menu {	margin-left:172px;}.header-menu {	float:left;}#menu ul {	margin:0;	padding:0;	list-style:circle;}#menu ul li {	margin:0;	padding:0;	float:left;	margin: 0 15px;}#menu ul li a {	display:block;	margin:0;	padding:0;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#fff;	text-align:center;	border:0px solid black;	padding:5px 0px;}#menu ul li a:hover {		text-decoration:underline;}/* *** Diaporama *** */#headerIllustration {	width:997px;	height:260px;	position:relative;}#headerIllustration .btnAccueil {	position: relative;	top: -106px;	left: 0px;	width:997px;	height:260px;	z-index:2;}#headerIllustration .btnContact {	position: relative;	top: 152px;	left: 825px;	width: 118px;	height: 108px;	z-index:5;}#diaporama {	width:996px;	height:416px;	background:transparent url(images/header_bg.jpg) no-repeat bottom left;	position:relative;}#diaporama .btnHome {	position: relative;	top: -304px;	left: 34px;	width: 773px;	height: 107px;	z-index:10;}#diaporama .btnBlackbook {	position: relative;	top: 134px;	left: 593px;	width: 156px;	height: 57px;	z-index:6;}#diaporama .btnDesignproduit {	position: relative;	top: -162px;	left: 613px;	width: 128px;	height: 51px;	z-index:7;}#diaporama .btnMotiondesign {	position: relative;	top: 50px;	left: 438px;	width: 78px;	height: 38px;	z-index:8;}#diaporama .btnWebdesign {	position: relative;	top: 122px;	left: 177px;	width: 173px;	height: 56px;	z-index:9;}#diaporama .btnContact {	position: relative;	top: 328px;	left: 828px;	width: 118px;	height: 108px;	z-index:5;}/* *** slideshow *** */#featured {	float:left;	width: 996px;	height:439px;	margin-bottom: 0px;	overflow: hidden;}#featured ul.ui-tabs-nav {	float:right;	position:relative;	top:0px;	right:10px;	list-style:none;	padding:0; margin:0;	z-index: 99;	background-color:#fff;}#featured ul.ui-tabs-nav li {	display:inline;	height: 10px;	font-size:20px;	color:#7b7b7b;}#featured li.ui-tabs-nav-item a {	display:inline-block;	color:#ccc;}#featured li.ui-tabs-nav-item a:hover {	text-decoration:none;	color:#D82F84;}#featured small {	color: #7b7b7b !important;}#featured li.ui-tabs-selected a { /* width: 248px !important;  margin-left: -43px !important;  padding-left: 43px;  position: relative;  z-index: 99;*/  color:#D82F84;}#featured li.ui-tabs-selected img {	margin-left: 0px !important;}#featured li.ui-tabs-selected span {	color: #fff !important;}#featured li.ui-tabs-selected small {	color: #fff !important;}#featured .ui-tabs-panel img {	border: 0px solid #dddddd;	padding: 0;}#featured .ui-tabs-panel {	width:904px; 	height:256px;	position:relative;	z-index: 98;}#featured .ui-tabs-panel .info {	position:absolute;	top:20px; 	right:0px;  	padding: 10px;	width: 450px;	background: #fff;	opacity: 0.90;	filter:alpha(opacity=90);}#featured .info h2 {	font-size:18px;	color:#D82F84; 	padding:5px; 	margin:0 0 5px;	overflow:hidden;}#featured .info p {	margin:0 5px;	font-size:12px;	line-height:20px; 	color:#7b7b7b;}#featured .info a {	text-decoration:none;	color:#e24c6a;}#featured .info a:hover{	text-decoration:none;	color:#D82F84;}#featured .ui-tabs-hide {	display:none;}  #featured .btn_lire {	position:absolute;	bottom:10px;	right:30px;	background-color:#A1CD31;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	padding:5px 10px;	color:#FFF;	font-weight:bold;}/* *** breadcumb *** */#breadcrumbright {	float:left;	position:relative;	left:0px;	width:800px;}#breadcrumbright ul {	list-style:none;}#breadcrumbright ul li {	float:left;	padding-right:5px;}#breadcrumbleft {	float:left;	position:relative;	left:0px;	width:170px;	height:28px;}/* *** sidebar *** */#sidebar {	float:left;	position:relative;	left:0px;	width:170px;	height:100%;}#sidebar h2, #sidebar h3 {	width:149px;	font-size:13px;	color:#fff;	text-align:left;	padding:5px 5px 5px 15px;	border:1px solid #fff;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}#sidebar h2 span.widget_title_fleche, #sidebar h3 span.widget_title_fleche {	display:block;	float:right;	text-indent:-3000px;	text-align:left;	position:relative;	top:0px;	right:0px;}#sidebar h2 .flecheBas, #sidebar h3 .flecheBas {	background:transparent url(images/flecheBas.png) no-repeat center center;	width:15px;	height:15px;}#sidebar h2 .flecheDroite, #sidebar h3 .flecheDroite {	background:transparent url(images/flecheDroite.png) no-repeat center center;	width:15px;	height:15px;}#sidebar h2 span.widget_title, #sidebar h3 span.widget_title {	display:block;	float:left;	text-indent:-3000px;	text-align:left;	position:relative;	top:0px;	left:-10px;}#sidebar h2 .iconCasque, #sidebar h3 .iconCasque {	background:transparent url(images/iconCasque.png) no-repeat center center;	width:20px;	height:14px;}#sidebar h2 .iconPlotBlanc, #sidebar h3 .iconPlotBlanc {	background:transparent url(images/iconPlotBlanc.png) no-repeat center center;	width:15px;	height:15px;}#sidebar h2 .iconEngrenageBlanc, #sidebar h3 .iconEngrenageBlanc {	background:transparent url(images/iconEngrenageBlanc.png) no-repeat center center;	width:18px;	height:17px;}#sidebar .space {	height:20px;}#sidebar ul, #sidebar li {	list-style:none;	margin:0;	padding:0;}#sidebar ul li a {	color:#FFF;}#sidebar ul li a:hover {	color:#f60;	text-decoration:none;}#sidebar ul#menu-competences li a {	display: block;	width: 140px;	height: 16px;}#sidebar ul#menu-competences li a:hover {	/*color:#000;*/	color:#fff;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	background-color:#f60;	/*-moz-box-shadow:  0px 0px 6px 2px #fff; 	-webkit-box-shadow:  0px 0px 6px 2px #fff; 	box-shadow:  0px 0px 6px 2px #fff;*/	/*background: #fC0 url("gradient-bg.png") repeat-x top;	-o-background-size: 100% 100%;	-moz-background-size: 100% 100%;	-webkit-background-size: 100% 100%;	background-size: 100% 100%;	background: -webkit-gradient(		linear,		left top, left bottom,		from(#fadd67),		to(#fC0)	);	background: -webkit-linear-gradient(		top,		#fadd67,		#fC0	);	background: -moz-linear-gradient(		top,		#fadd67,		#fC0	);	background: -o-linear-gradient(		top,		#fadd67,		#fC0	);	background: linear-gradient(		top,		#fadd67,		#fC0	);*/	}#sidebar ul#menu-competences li:hover ul.sub-menu a {	margin:-2px 0px 0px 2px;	background-color:#000;	border:0px solid #fff;	color:#fff;	-moz-box-shadow:  0px 0px 6px 2px #fff; 	-webkit-box-shadow:  0px 0px 6px 2px #fff; 	box-shadow:  0px 0px 6px 2px #fff;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;    padding:6px;    	margin-bottom:4px;}#sidebar ul#menu-competences li:hover ul.sub-menu a:hover {	background-color:#f60;	color:#fff;}#sidebar ul.listSidebar, #sidebar li.widget ul {	clear:both;}/*.menu-menu-sidebar-container ul li ul {	display:none;	visibility:hidden;}*/#sidebar ul.listSidebar li a, #sidebar li.widget ul li a {	display:block;	width:149px;	margin:0;	padding:0;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	text-align:left;	color:#FFF;	padding:5px 0px 5px 10px;	/*height:25px;*/}#sidebar ul.listSidebar li a:hover, #sidebar li.widget ul li a:hover {	background-color:#ff6600;}/* *** content *** */.post_content {	margin-top:10px;	margin-bottom:10px;}.post_content table {	border-collapse: collapse;    border : 1px solid #ccc;    margin-bottom: 10px;    margin-top: 10px;}.post_content table  tr td {    border : 1px solid #ccc;}.post_content h2 {	color:#E24C6A;	font-family: Tahoma,Geneva,sans-serif;    font-weight: normal;    letter-spacing: 0.1em;	padding-left:28px;	background: url("images/couvertsPuce.png") no-repeat left top transparent;}.post_content a[rel='fancybox'] img, a[rel='fancybox'] img {	border:8px solid #DADADA;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}.footerBloc {	width:100%;	height:7px;	background:transparent url(images/dots.gif) repeat-x top left;}/* *** Les derniers articles postes *** */ .posts {	float:right;	margin-top:10px;    width: 800px;	margin-bottom:21px;	color:#333333;}.post {	/*clear: left !important;*/    float: left !important;	background-color:#fff;	width:241px;	height:246px;	margin-left:5px;	margin-bottom:5px;	padding:10px;	position:relative;}h1.title {	font-family:Arial, Helvetica, sans-serif;	font-size:13px;	font-weight:bold;	margin-top:0;}h1.title a {	font-weight:bold;	color:#333;}.post_content_thumb img {	width:241px;	height:150px;	text-align:center;}.post .post_content p {	color:#666;	font-size:10px;}.post_over_off {	width:100%;	height:100%;	position:relative;	top:0;	left:0;	z-index:2;}.post_over_on { 	position:relative;	top:-246px;	left:0;	z-index:10;	width:241px;	height:246px;	cursor:pointer;}.post_over_bg_on { 	position:relative;	top:-502px;	left:-10px;	z-index:8;	width:261px;	height:266px;	background-color:#000;}/*.post_over_bg_data { 	position:relative;	top:-82px;	left:-10px;	z-index:7;	width:261px;	height:80px;	background-color:#000;	opacity:0.5;}*/.iconCategory {	position:absolute;	bottom: -2px;	right: -2px;	text-align:right;}.postdata {	text-align:left;	color:#fff;	font-weight:bold;	font-size:11px;}.postdata strong {	color:#fff;}.btnEnsavoirplus {	clear:both;	margin-left:auto;	margin-right:auto;	width:240px;}.btnEnsavoirplus a {	display:block;	width:240px;	height:180px;	font-weight:bold;	text-indent:-3000px;	text-align:left;	background:transparent url(images/loupePlus.png) no-repeat center center;}.btnEnsavoirplus a:hover, .navigation a:hover, .prevpost a:hover, .nextpost a:hover {	/*background-color:#dadada;*/}.post .postmetadata {	clear:both;	font-size:10px;	text-align:left;	color:#fff;	font-weight:bold;}.post .postmetadata a {	color:#fff;	font-size:10px;	text-align:left;	text-decoration:none;}.post .postmetadata a:hover {	text-decoration:underline;}/* *** NAVIGATION *** */.navigation {	margin-top:10px;	height:30px;	color:#fff;}.navigation ul {	margin: 0;	padding: 0;	list-style:none;}.navigation ul li {	float: left;	margin: 0 15px;	color:#000;}.navigation ul li:hover {	background-color:#fff;	color:#000;}.navigation ul li .current, .navigation ul li .dots {	padding: 5px;	background-color:#fff;	color:#000;}.navigation ul li a {	padding: 5px;	color:#000;	background-color:#f60;}.navigation ul li a:hover {	background-color:#fff;	text-decoration:none;}/*.navigation a {	font-weight:bold;	margin-top:10px;	padding:8px 10px 8px 30px;	letter-spacing:0.1em;	width:24px;	height:22px;	background:transparent url(images/fleche_left.png) no-repeat top left;}*/.postNavLink {	width:100px;	height:50px;	float:right;	margin-top:5px;}.prevpost a {	float:left;	width:24px;	height:22px;	background:transparent url(images/fleche_left.png) no-repeat top left;	margin:5px;}.nextpost a {	float:left;	width:24px;	height:22px;	background:transparent url(images/fleche.png) no-repeat top left;	margin:5px;}/* *** single post *** */.posts_single {	float:right;	margin-top:10px;    width: 800px;	margin-bottom:21px;	color:#333333;	background-color:#fff;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	}.post_single {	width:680px;	height:100%;	padding:10px 50px 50px 70px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	}.post_single h1.title {	font-family:Arial, Helvetica, sans-serif;	font-size:24px;	font-weight:bold;	background: url("images/dotted_border.png") repeat-x scroll center bottom transparent;    padding: 0 0 20px;}.post_single h1.title a {	font-weight:bold;	color:#000;}.post_single_content {	float:left;	width:550px;}.post_single_metadata {	float:left;	width:130px;}.post_single .postmetadata, post_single .postmetadata .postmetadaCat {	clear:both;	font-size:11px;	text-align:right;	color:#000;	font-weight:bold;}.post_single .postmetadata a {	color:#f60;	font-size:11px;	text-align:right;	text-decoration:none;}.post_single .postmetadata a:hover {	text-decoration:underline;}.post_single .postmetadata .postmetadaCat a {	color:#666;	font-size:11px;	text-align:right;	text-decoration:none;}.post_single .postmetadata .postmetadaCat a:hover {	text-decoration:none;	color:#f60;}.ratingblock {	position: relative;	right: -50px;}.ratingtext {	background:transparent url("images/iconInfo.png") no-repeat top left;	padding-left:20px;	margin-top:10px !important;	color:#333;	font-size:11px;	font-style:italic;}.footerPost {	background:transparent url("images/dotted_border.png") repeat-x center bottom;	height:10px;	width:100%;}/* *** bouton social *** */.sociable {	float:right;	margin-bottom:10px;}.sociable ul {	display: block;	margin: 0 !important;	padding: 0 !important;}.clearfix::after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}.sociable ul li::before {	content: "";}.sociable ul li {	background: none;	display: inline !important;	list-style-type: none;	margin: 0;	padding: 3px;	float: left;}/* *** quotes *** */blockquote:before, blockquote:after, q:before, q:after {    content: none;}blockquote:before, blockquote:after, q:before, q:after {    content: none;}blockquote {    border-left: 2px solid #7B7B7B;    color: #7B7B7B;    font-family: Georgia,"Times New Roman",Times,serif;    font-style: italic;    margin-left: 48px;    padding-left: 18px;}pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .post-thumb, .author-bio {    margin-bottom: 20px;}blockquote, q {    quotes: none;}/* *** commentaires et formulaires *** */.comments-template {	margin: 10px 0 0 0;}.comments-template ol {	margin:0;	padding:0;	margin: 10px 0 10px 0;	list-style: none;}.comments-template ol p {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}.comments-template ol li {	line-height: 15px;	padding: 0 0 10px;}.comments-template h2, .comments-template h3 {	font-size: 1.2em;	background:transparent url(images/ecrireCommentaire.png) no-repeat top left;	padding-left:40px;	height:31px;}#commentform {	background:transparent url("images/dotted_border.png") repeat-x scroll top left;	padding-top:10px;}.commentmetadata {	font-size: 12px;}.commentmetadata strong {	background:transparent url(images/iconCommentaire.png) no-repeat top left;	padding-left:30px;	padding-bottom:5px;}.commentData {	text-align:right;	font-weight:bold;	font-size:10px;}.comments-template p.nocomments {	padding: 0;}.comments-template textarea, .comments-template input, form.wpcf7-form textarea, form.wpcf7-form input  {	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;	font-size: 0.9em;	color:#fff;	background-color:#111;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;		-moz-box-shadow:    inset 0 0 10px #000000;   -webkit-box-shadow: inset 0 0 10px #000000;   box-shadow:         inset 0 0 10px #000000;   margin:0;   padding:0;   padding: 2px 0 2px 5px;}.comments-template input, form.wpcf7-form input {	border:0;	height:27px;	width:100%;}.comments-template textarea, form.wpcf7-form textarea {	width:100%;}.btn_submit {	margin:0 auto;	width:100px;	text-transform:capitalize;	font-weight:bold;}input#submit {	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;		background-color:#000;	text-align:center;	border:0;	cursor:pointer;}.cadre_commentaires {}.post_content form table {	border-collapse: collapse;    border : 0px solid #ccc;    margin-bottom: 10px;    margin-top: 10px;}.post_content form table  tr td {    border : 0px solid #ccc;}/* *** footer social & footer communication *** */#footer_social {	clear:both;}#footer_social table, #footer_communication table {	border:0;	border-collapse:collapse;}#footer_social table tr td, #footer_communication table tr td {	padding:0;}table {	margin-top:10px;	}table tr td {	vertical-align:top;}#blocTextSocial, #blocBlog, #blocTwitter, #blocFacebook, #blocPartenaire, #blocChantier, #blocContact, #blocPocomDesign {	float:left;}#blocTextSocial, #blocPartenaire {	width:158px;	font-family:Arial, Helvetica, sans-serif;	color:#FFF;	text-align:left;	font-weight:bold;	font-size:14px;	padding: 0 10px;}#blocBlog, #blocChantier {	width:266px;	font-family:Arial, Helvetica, sans-serif;	color:#FFF;	text-align:left;	font-weight:bold;	font-size:14px;	padding: 10px 8px 0 10px;	background-color: rgba(0,0,0,0.2);	border-radius: 0.5em;}#blocPartenaire {	padding-top: 10px;	margin-right: 5px;	background-color: rgba(0,0,0,0.2);	border-radius: 0.5em;}#blocPartenaire, #blocChantier, #blocContact {	margin-top:6px;}#blocPartenaire ul, #blocChantier ul {	list-style:none;	margin-left:0;	padding-left:0;	height:120px;	overflow-y : auto;}#blocPartenaire ul li, #blocChantier ul li {	text-align:left;	font-weight:normal;	font-size:11px;}#blocPartenaire ul li a, #blocChantier ul li a {	color:#fff;}#blocPartenaire ul li a:hover, #blocChantier ul li a:hover {	text-decoration:none;	padding-left:5px;	color:#f60;}#blocBlog span.titreFooter {	background: transparent url(images/iconRSS.png) no-repeat top left;	padding-left:20px;}#blocBlog ul {	list-style:none;	margin-left:0;	padding-left:0;}#blocBlog ul li {	background: transparent url(images/iconClipboard.png) no-repeat top left;	text-align:left;	font-weight:normal;	font-size:11px;	padding-left:30px;}#blocBlog ul li .post_content {	color:#666666;	font-size:10px;}#blocTwitter, #blocContact {	width:256px;	font-family:Arial, Helvetica, sans-serif;	color:#FFF;	text-align:left;	font-weight:bold;	font-size:14px;	padding: 0 14px 0 10px;}#blocContact span {	background: transparent url(images/iconMail.png) no-repeat top left;	padding-left:30px;}#blocContact ul {	list-style:none;	margin-left:0;	margin-top:20px;	padding-left:0;}#blocContact ul li {	padding-left:25px;	font-size:11px;	font-weight:normal;	margin-bottom:10px;	padding-bottom:10px;}#blocContact ul li#icontel {	background:transparent url(images/iconTel.png) no-repeat 0px 5px;	padding-bottom:0;}#blocContact ul li#iconskype {	background:transparent url(images/iconSkype.png) no-repeat top left;	}#blocContact ul li#iconmessage {	background:transparent url(images/iconMessage.png) no-repeat top left;	}#blocFacebook, #blocPocomDesign {	width:256px;	font-family:Arial, Helvetica, sans-serif;	color:#FFF;	text-align:left;	font-weight:bold;	font-size:14px;	padding: 0 8px 0 0;}#blocPocomDesign p {	font-weight:normal;	font-size:11px;	line-height:1.3em;}#blocPocomDesign p strong {	font-size:12px;}/* *** scrollbar jscrollpane *** */.jspVerticalBar {	background-color:#000 !important;}.jspDrag {	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	border: 1px solid white;}.jspTrack {	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}/* *** footer *** */#footer {	clear:both;	background-color:#fff;	margin-left: auto;	margin-right: auto;	width: 1071px;}#footer ul {	list-style:none;	height:50px;	padding-left:0;	margin-top:0;}#footer ul li {	float:left;	color:#000;	display:block;	height:10px;	padding:5px;	font-size:11px;	letter-spacing:0.05em;	margin-right:10px;}#footer ul li img {	position:relative;	top:10px;}

@media (max-width: 640px) {
	img {
		width: 100%;
		height: auto;
	}
	#page {
	  margin-left: auto;
	  margin-right: auto;
	  width: auto;
	  padding-top: 10px;
	  background-color: rgba(0,0,0,0.6);
	  padding: 10px 20px;
	}
	#menu {
	  margin-left: 0;
	}
	#diaporama {
	  width: auto;
	  height: 416px;
	  background: transparent url(images/header_bg.jpg) no-repeat bottom left;
	  position: relative;
	}
	#diaporama .btnContact {
	  position: relative;
	  top: 328px;
	  left: 77%;
	  width: 118px;
	  height: 108px;
	  z-index: 5;
	  display : none;
	}
	#diaporama .btnWebdesign {
	  position: relative;
	  top: 122px;
	  left: 18%;
	  width: 173px;
	  height: 56px;
	  z-index: 9;
	  display : none;
	}
	#diaporama .btnMotiondesign {
	  position: relative;
	  top: 50px;
	  left: 79%;
	  width: 78px;
	  height: 38px;
	  z-index: 8;
	  display : none;
	}
	#diaporama .btnBlackbook {
	  position: relative;
	  top: 134px;
	  left: 42%;
	  width: 156px;
	  height: 57px;
	  z-index: 6;
	  display : none;
	}
	#diaporama .btnDesignproduit {
	  position: relative;
	  top: -162px;
	  left: 66%;
	  width: 128px;
	  height: 51px;
	  z-index: 7;
	  display : none;
	}
	#diaporama .btnHome {
	  position: relative;
	  top: 10px;
	  left: 0%;
	  width: auto;
	  height: auto;
	  z-index: 10;
	}
	#headerIllustration {
	  width: auto;
	  height: auto;
	  position: relative;
	}
	#headerIllustration .btnContact {
	    display: none;
	}
	#headerIllustration .btnAccueil {
	  position: inherit;
	  top: inherit;
	  left: inherit;
	  width: auto;
	  height: auto;
	  z-index: 2;
	}
	#breadcrumbleft {
	  float: inherit;
	  position: relative;
	  left: 0px;
	  width: auto;
	  height: auto;
	}
	#breadcrumbright {
	  float: inherit;
	  position: relative;
	  left: 0px;
	  width: auto;
	}
	#sidebar {
	  float: inherit;
	  /* position: relative; */
	  /* left: 0px; */
	  width: 100%;
	  height: 100%;
	}
	#sidebar h2, #sidebar h3 {
	  width: auto;
	  font-size: 13px;
	  color: #fff;
	  text-align: left;
	  padding: 5px 5px 5px 15px;
	  border: 1px solid #fff;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	#sidebar ul#menu-competences li a {
	  display: block;
	  width: auto;
	  height: 16px;
	}
	.shailan-dropdown-menu  table{
		width: 100%;
	}
	ul.dropdown-vertical.dropdown-align-left ul {
	  top: inherit !important;
	  left: inherit !important;
	  right: inherit !important;
	}
	ul.dropdown li ul {
	  position: relative !important;
	  z-index: 598;
	}
	#content {
	  float: inherit;
	  min-height: inherit;
	  width: auto;
	}
	.posts_single {
	  float: inherit;
	  margin-top: 10px;
	  width: auto;
	  margin-bottom: 21px;
	  color: #333333;
	  background-color: #fff;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	.post_single {
	  width: auto;
	  height: 100%;
	  padding: 10px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	.post_single_content {
	  float: inherit;
	  width: auto;
	}
	.post_single h1.title {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 24px;
	  font-weight: bold;
	  background: url("images/dotted_border.png") repeat-x scroll center bottom transparent;
	  padding: 0 0 20px;
	  text-align: center;
	}
	#gallery-1 .gallery-item {
	  float: left;
	  margin-top: 10px;
	  text-align: center;
	  width: 30%;
	  margin-right: 8px;
	}
	.posts {
	  float: inherit;
	  margin-top: 10px;
	  width: auto;
	  margin: 0 auto;
	  margin-bottom: 21px;
	  color: #333333;
	}
	.post {
	  /* clear: left !important; */
	  float: left !important;
	  background-color: #fff;
	  width: 100%;
	  height: 246px;
	  margin-left: 0;
	  margin-bottom: 5px;
	  padding: 0;
	  position: relative;
	}
	.post_over_on {
	  position: relative;
	  top: -100%;
	  left: 0;
	  z-index: 10;
	  width: auto;
	  height: 246px;
	  cursor: pointer;
	}
	.post_over_bg_on {
	  position: relative;
	  top: -200%;
	  left: 0;
	  z-index: 8;
	  width: auto;
	  height: 246px;
	  background-color: #000;
	}
	h1.title {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 13px;
	  font-weight: bold;
	  margin-top: 0;
	  padding: 10px 0 0 10px;
	}
	.iconCategory {
	  position: absolute;
	  bottom: 10px;
	  right: 10px;
	  text-align: right;
	}
	.post_content_thumb  a div {
		width: auto !important;
		background-size: cover !important;
	}
	.post .post_content p {
	  color: #666;
	  font-size: 10px;
	  padding: 0 10px;
	}
	.postdata {
	  text-align: left;
	  color: #fff;
	  font-weight: bold;
	  font-size: 11px;
	  padding: 0px 10px;
	}
	.post .postmetadata {
	  clear: both;
	  font-size: 10px;
	  text-align: left;
	  color: #fff;
	  font-weight: bold;
	  padding: 0 10px;
	}
	#footer_social table, #footer_communication table {
	  border: 0;
	  border-collapse: collapse;
	  width: 100%;
	  display: block;
	}
	#footer_social table tr, #footer_communication table tr, #footer_social table tbody, #footer_communication table tbody{
		display: block;
	}
	#footer_social table tr td, #footer_communication table tr td {
	  padding: 0;
	  display: block;
	}
	#blocTextSocial, #blocPartenaire {
	  width: auto;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #FFF;
	  text-align: left;
	  font-weight: bold;
	  font-size: 14px;
	  padding: 10px;
	}
	#blocTextSocial, #blocBlog, #blocTwitter, #blocFacebook, #blocPartenaire, #blocChantier, #blocContact, #blocPocomDesign {
	  float: inherit;
	}
	#blocBlog, #blocChantier {
	  width: auto;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #FFF;
	  text-align: left;
	  font-weight: bold;
	  font-size: 14px;
	  padding: 10px 8px 10px 10px;
	  background-color: rgba(0,0,0,0.2);
	  border-radius: 0.5em;
	  margin-bottom: 10px;
	}
	#blocTwitter, #blocContact {
	  width: auto;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #FFF;
	  text-align: left;
	  font-weight: bold;
	  font-size: 14px;
	  padding: 0 14px 0 10px;
	}
	#blocFacebook, #blocPocomDesign {
	  width: auto;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #FFF;
	  text-align: left;
	  font-weight: bold;
	  font-size: 14px;
	  padding: 0 8px 0 0;
	}
	#blocPocomDesign img, #footer img, #footer_social img {
		width: auto;
	}
	.twitter-timeline  {
	  max-width: 100% !important;
  	  min-width: 100% !important;
	  margin: 0px !important;
	  padding: 0px !important;
	  width: 100% !important;
	}
	#blocPartenaire ul li a, #blocChantier ul li a {
	  color: #fff;
	  padding: 6px 10px;
	  display: block;
	}
	#footer {
	  clear: both;
	  background-color: #fff;
	  margin-left: auto;
	  margin-right: auto;
	  width: auto;
	}
	#footer ul li {
	  float: inherit;
	  width: auto;
	  color: #000;
	  display: block;
	  height: auto;
	  padding: 0 0 0 20px;
	  font-size: 11px;
	  letter-spacing: 0.05em;
	  margin-right: 10px;
	  text-align: center;
	}
}