/*
THEME NAME: Chrome
DESCRIPTION: This theme is based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>. It has minimum styling and graphics, making it ideal for corporate blogs
VERSION: 1.1
*/

/* Architecture */
html { }

body {
	background: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;
}

:lang(fr) {
quotes:'« ' ' »' '‹ ' ' ›';
}

#wrapper {
	width: 880px;
	margin: 1em auto;
	background: #FFFFFF;
	padding: 0 10px 10px;
}

/* #header {
	height: 140px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 3px solid #666666;
	padding-bottom: 2em;
} */

#header-page {
	padding-bottom: 2em;
}

#container {
	float: left;
	width: 100%;
}

#content {
	margin: 20px 260px 30px 20px;
}

#sidebar {
	margin: 20px 0 30px -210px;
	width: 190px;
	float: left;
	overflow: hidden;
}

#footer {
	clear: left;
	width: 100%;
	padding: 20px;
	margin: 20px auto;
	width:600px;
	
}

/* General */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

img {
	border: 0;
}

.separator {
	color: #CCCCCC;
	margin: 0 5px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
}

.meta-sep {
	color: #CCCCCC;
	margin: 0 5px;
}

.floater-left {
	float: left;
}

.floater-right {
	float: right;
}

	/* overflow: hidden; */
	
#access {
	width: 880px;
	height: 3em;
	padding-top: .5em;
}

/*
#access div {
	padding-top: .5em;
	padding-left: 2px;
}
*/

/*
#menu ul {
	display: inline; Added to fix the double margin in IE6
	list-style: none;
}

#menu ul li {
	display: inline; Added to fix the double margin in IE6 
	float: left;
	margin-left: 10px;
	padding: 15px 10px;
}
*/

#blog-title {
	font-size: 250%;
	font-weight: normal;
	margin: 40px 0 0 20px;
}

#blog-title a {
	color: #333333;
}

#blog-description {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 0 20px;
}

/* Content */
.page-title {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 160%;
}

.post {
	margin-bottom: 50px;
}

.entry-title {
	width: 560px;
	font-weight: normal;
	font-size: 160%;
}

.entry-comments {
	float: right;
}

.entry-title a {
	color: #FF8000;
}

.more-link {
	display: block;
	margin: 10px 0 0 0;
}

.entry-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.entry-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.entry-comments a:hover {
	color: #FFFFFF;
}

.entry-meta {
	color: #666666;
	font-size: 90%;
	margin-top: 10px;
}

.entry-categ {
	color: #666666;
	font-size: 90%;
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 5px;
}

.entry-footer {
	color: #666666;
	font-size: 90%;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;	
	padding: 5px 0;
}

.entry-footer span {
	color: #CCCCCC;
	margin: 0 5px;
}

.entry-subscribe {
	padding: 5px 5px 5px 26px;
	background: #FAFAFA url(images/rss.gif) no-repeat top left;
	background-position: 6px 6px;
}

.entry-content {
	margin-top: 15px;
}

.entry-content p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.entry-content h2 {
	font-size: 120%;
	margin-bottom: 5px;
	margin-top: 25px;
}

.entry-content a {
	text-decoration: underline;
}

.entry-content ul, .entry-content ol {
	margin-left: 30px;
	margin-bottom: 10px;
}

.entry-content ul li, .entry-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

/* Sidebar */


/* Start: QBKL Styles - Added to make styling availble even if widgets are not used */

#sidebar h2, #sidebar h3 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding: 0 2px;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	margin-bottom: 20px;
}

#sidebar ul li ul, #sidebar ul li ul li ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li ul li {
	padding: 4px 2px 4px 10px;
	background: url(images/bullet.gif) no-repeat top left;
	background-position: 0 7px;
	margin: 0;
	border-bottom: 1px solid #EFEFEF;
}

#sidebar ul li ul li ul li {
	padding: 4px 0 0 10px;
	background: url(images/bullet.gif) no-repeat top left;
	background-position: 0 7px;
	margin: 0;
	border-bottom: none;
}

/* End: QBKL Styles */

#rss-links ul li {
	background: url(images/rss.gif) no-repeat top left;
	padding-left: 22px;
	background-position: 1px 4px;
}

.textwidget p {
	margin-bottom: 10px;
}

.textwidget a {
	text-decoration: underline;
}

.widget_tag_cloud a {
	text-transform: lowercase;	
}

#wp-calendar caption {
	padding: 5px 0;
	background: #FAFAFA;
	margin-bottom: 5px;	
}

#wp-calendar td {
	padding: 4px 6px;
	color: #999999;
}

#wp-calendar td a {
	font-weight: bold;
}

#wp-calendar #next {
	text-align: right;
}

/* Comments */
.comments {
	margin-top: 30px;
}

.comments h3 {
	font-size: 120%;
	margin-bottom: 10px;
	color: #333333;
}

.comments ol {
	list-style: none;
}

.comments ol li {
	padding: 10px;
	background: #FFFFFF;
	margin-top: 2px;
}

.comments ol li.alt {
	/* background: #FAFAFA; */
}

.comment-author {
	font-weight: bold;
	margin-bottom: 1em;
}

.comment-author-admin {
	background: #EFEFEF!important;
}

.comment-meta {
	color: #666666;
	margin-bottom: 5px;
	font-size: 90%;
	text-align: right;
	margin-top: 0.5em;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#respond h3 {
	color: #333333;
}
	
.formcontainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#comment-notes {
	margin-bottom: 10px;
}

.form-label {
	margin-bottom: 2px;
}

.form-input, .form-textarea {
	margin-bottom: 10px;
}

.form-input input, .form-textarea textarea {
	padding: 5px;
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.form-textarea input {
	width: 280px;
}

.form-textarea textarea {
	width: 450px;
}

.form-input input:hover {
	background-color: #FFFFFF;
}

.form-submit input {
	padding: 2px 5px;
	margin-bottom:10px;
}

/*hack page */

div#content.page {
	margin:20px 20px 30px 20px;
}

p.linklove {
	display:none;
}

#krpanoaccueil.flashmovie {
	margin-left: -20px;
}

#icon-krpano-accueil {
	padding-bottom: 5px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 15px;
	text-align:center;
}

.interface{
	margin:10px 0 20px 0px;
}

#accueil-col-1{
	padding:0 35px 0 0;
}

#accueil-col-3{
	padding:0 0 0 35px;
}

#krpano-conteneur {
	height:240px;
	padding: 180px 30px 0;
	border: 1px dotted red;
}

.colonne {
	display:inline;
	float:left;
	width: 255px;
}

.colonne  ul{
	list-style-type: circle ;
	color: #CC6655;
}

.ref {
	display:inline;
	float:left;
	width: 280px;
	text-align:center;
}

.ref img {
	margin:20px;
}

.pageid-460 h3 {
	font-size: 1.8em;
	color: #CC6655;
	margin-bottom: 0.5em;
}

.pageid-460 h3 a {
	text-decoration: none;
	color: #CC6655;
}

body.pageid-470 h1.page-title, body.pageid-38 h1.page-title, body.pageid-477 h1.page-title, body.pageid-478 h1.page-title, body.pageid-460 h1.page-title {
	text-align: right;
}

body.home h1 {
	margin: 5px 0 5px 0;
	text-align: right;
	font-size: 1.2em;
	font-weight: normal;
}

body.pageid-38 p img, body.pageid-478 p img, body.pageid-477 p img{
	padding:10px;
}

#header h3 {
	margin: 5px 0 5px 0;
	text-align: right;
	font-size: 1.2em;
	font-weight: normal;
}

#legende {
	display: none;
}

.espace-galerie, .marge-haute {
	margin-top: 40px;
}

.remonter {
	background:url(images/arrow_up.png) no-repeat right;
	padding-right: 1em;
	text-align: right;
}

.content-footer p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.articles p {
	line-height: 1.5;
	margin: 10px 0 ;
}

.articles ul li {
	line-height: 1.5;
}

.date-index {
	margin: 25px 0px 20px 0px;
	padding: 0px;
	text-align: right;
}

.subscribe {
	padding:3px;
	text-align:center;
	background-color:#EFEFEF;
	width:350px;
	margin:2em auto;
	padding: 1em 0;
}

.subscribe h4 {
		margin-bottom: 1em;
}

#footer  h4 {
	font-size: 1em;
}

#last-article {
	background:#FFFFFF none repeat scroll 0 0;
	margin:1em auto;
	padding:0 10px 10px;
	width:880px;
}

#last-article  h3 {
	padding: 20px 20px 5px;
}

.last-articles-image {
	text-align : left;
	margin: 10px 20px 10px 0 ;
	float:left ;
}

.colonne-double{
	display:inline;
	float:left;
	width:390px;
	padding: 10px 20px ;

}

.colonne-double div {
	margin-top: 15px;
	vertical-align:middle;
	min-height: 100px;
}

.interface-content {
	float:right;
	width:600px;
	border-left:1px solid #CCCCCC;
	margin: 0 -10px 20px 0;
	padding-left:20px;
}

.interface-menu {
	float:left;
	width:200px;
	padding-top:3em;
	text-align: right;
}

.interface-menu ul {
	list-style:none outside none;
}

/* 	background:url("images/bullet.gif") no-repeat scroll 0 7px transparent; */
.interface-menu  ul li {
	margin:0;
	padding:4px 2px 4px 10px;
}


.portfolio-content {
	float:right;
	width:600px;
	border-left:1px solid #CCCCCC;
	margin: 0 -10px 20px 0;
	padding-left:20px;
}

.portfolio-content .entry-content p {
	margin-bottom:0 ;
}

.portfolio-resume {
	float:left;
	width:200px;
	padding-top:3em;
	text-align: right;
}

.portfolio-resume p {
	margin-bottom: 1em;
}

.portfolio-hr
{
	clear:both;
	background-color:#EFEFEF;
	border:none;
	color:#EFEFEF;
	height:30px;
	margin-bottom:20px;
	margin-left:-30px;
	width:120%;
}

.portfolio-resume p a{
	background: url(images/arrow-circle-double-135.png) no-repeat right;
	padding-right: 20px;
}

.portfolio-flashobjetvr
{
	margin: 1em;
}

/* menu accueil */

#objet-pano li {
	height: 100px;
	float: left;
	list-style-type: none;
	padding: 0 12px;
}

#objet-pano li a{
	border: 1px dotted #FFF;
}

#objet-pano li a:hover{
	border: 1px dotted #CC6655;
}

#objet-pano li  a{
   background: url(images/coll-part-sprites.png) no-repeat top left;
   float: left; height: 100px; overflow: hidden;
   line-height: 250px;
}

#objet-pano li.confident  a { background-position: 0 -10px; width: 82px; } 
#objet-pano li.psyche a { background-position: 0 -670px; width: 70px;} 
#objet-pano li.lampadaire a { background-position: 0 -230px; width: 42px;} 
#objet-pano li.luminaire a { background-position: 0 -340px; width: 25px;} 
#objet-pano li.gueridon a { background-position: 0 -120px; width: 62px;} 
#objet-pano li.semainier a { background-position: 0 -780px; width: 55px;} 
#objet-pano li.table-basse a { background-position: 0 -890px; width: 91px;} 
#objet-pano li.presentoir a { background-position: 0 -560px; width: 51px;} 
#objet-pano li.paravent a { background-position: 0 -450px; width: 50px;} 

#aff-text { 
	cursor: pointer
}
	

/* 

CSS DropDown Menu JQuery : http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

*/

.jqueryslidemenu{
font: bold ;
background: #ccc;
width: 100%;
text-align:center;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a, .jqueryslidemenu ul li p{
display: block;
width: 124px;
background: #ccc; /*background of tabs (default state)*/
color: #000;
padding: 4px 0;

border-right: 1px solid #fff;
border-bottom: 1px solid #fff;


text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #000;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 124px; /*width of sub menus*/
padding: 4px 0;
margin: 0 0 0 -1px;
border-top-width: 0;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
/*margin-bottom: 1px; */
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* specification menu */

li.page-item-460 a:hover, li.page-item-460.current_page_item a{
	background-color: #CC6655!important;
}

li.page-item-35 a:hover, li.page-item-35.current_page_item > a, li.page-item-35.current_page_ancestor > a, li.page-item-35 ul li.current_page_item a{
	background-color: #cc3399!important;
}

li.page-item-463 a:hover, li.page-item-463 p:hover, li.page-item-463.current_page_item > a, li.page-item-463.current_page_ancestor > a, li.page-item-463 ul li.current_page_item a{
	background-color: #08F!important;
}

li.page-item-572 a:hover, li.page-item-572 p:hover, li.page-item-572.current_page_item > a, li.page-item-572.current_page_ancestor > a, li.page-item-572 ul li.current_page_item a{
	background-color: #9966CC!important;
}

li.page-item-464 a:hover, li.page-item-464.current_page_item a{
	background-color: #0C4!important;
}

li.page-item-12 a:hover, li.page-item-12.current_page_item a{
	background-color: #ED2!important;
}

li.page-item-462 a:hover, li.page-item-462.current_page_item a{
	background-color: #F80!important;
}

/* TABBER */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Verdana, sans-serif;
 text-align:center;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #AAA;
 border-bottom: none;
 background: #DDD;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #333; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #f80;
 border-color: #333;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
 text-decoration: none;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
 background-color:#fff;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:200px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* NextGen Gallery */

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}


/*
*
*
*
*
Wp CodeBox
*
*
*
*/

/* codebox header */
.wp_codebox_msgheader {
	width: 98%;
	margin: .5em 0 0 0;
	border: 1px solid silver;
	height: 22px;
	border-bottom: 0;
	font-weight: bold;
	background: #F3F8D7 url(../images/arrow-square.gif) no-repeat right 5px;
	color: #000000;
	overflow: hidden;
}

.wp_codebox_msgheader.active {
	background-position: right -54px;
	border: 1px solid silver;
}

.wp_codebox_msgheader .right {
	float: right;
	text-align: right;
	padding-right: 5px;
	margin-right: 20px;
}

.wp_codebox_msgheader .right a {
	font: 14px Arial, Tahoma !important;
}

.wp_codebox_msgheader .left,.wp_codebox_msgheader .left2 {
	float: left;
	/*	background-color:#FFFFFF; 
	border:1px solid #DCDCDC;
	padding:8px 0px 2px 8px;*/
	font-family: tahoma, arial, verdana;
	/*	display: block;
	width:50%;
	margin: 0 auto;*/
	padding: 2px 5px 2px 20px;
	margin-left: 5px;
	font-size: 14px;
	line-height: 18px;
}

.wp_codebox_msgheader .left {
	background: url(../images/view_code.png) no-repeat left;
}

.wp_codebox_msgheader .left2 {
	background: url(../images/down.gif) no-repeat left;
}

.wp_codebox_msgheader .left a { /*	margin:0px 5px 0px 10px;*/
	font-weight: bold;
}

.wp_codebox_msgheader .left2 a { /*	margin:0px 5px 0px 5px;*/
	font-weight: bold;
}

.wp_codebox_msgheader .codebox_clear {
	clear: both;
}

/* codebox */
.wp_codebox {
	color: #100;
	width: 98%;
	background-color: #f9f9f9;
	border: 1px solid silver;
	margin: 0 0 .5em 0;
	overflow: auto;
}

.wp_codebox table {
	border-collapse: collapse;
	border: none;
	margin: 0px !important;
	width: 100%;
}

.wp_codebox div,.wp_codebox td {
	vertical-align: top;
	padding: 2px 4px;
}

.wp_codebox td.line_numbers {
	text-align: right;
	background-color: #def;
	color: #666;
	overflow: visible;
	border-right: 1px solid #B0BEC7;
	table-layout: auto;
	width: 15px;
}

/* potential overrides for other styles */
.wp_codebox pre {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
	clear: none;
	overflow: visible;
	font-size: 12px;
	line-height: 1.333;
	text-align:left;
}

.line_numbers pre {
	padding-left: 10px;
	text-align: right;
}