@charset "utf-8";
/* CSS Document */
*{
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color: #000000;
	color:#ffffff;
	text-align:left;
	background-image: url(../img/layout/back.png);
	background-repeat: repeat-x;
	background-position: left top;
}

td{
	padding-left:0px;
}

#pictolis_bar{
	width:100%;
	height:61px;
	background-image:url(../img/layout/back_top.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.home #pictolis_bar{
	background-image:url(../img/layout/home_back.jpg);
	height:143px;
}

#pictolis_bar div {
margin:auto;
position:relative;
width:960px;
}

#pictolis_logo{
	width:126px;
	height:14px;
	position:absolute;
	left:0px;
	top:24px;
}

#main_menu{
	position:absolute;
	margin:0px;
	padding:0px;
	left:156px;
	top:0px;
	height:61px;
	list-style:none;
	background-image: url(../img/layout/main_menu_sep.png);
	background-repeat: no-repeat;
	background-position: right 15px;
	padding-right:2px;
}

#main_menu li{
	float:left;
	height:61px;
	background-image: url(../img/layout/main_menu_sep.png);
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-left:12px;
	padding-right:10px;
}
#main_menu li a{
	color:#b5b2b2;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	height:17px;
	font-weight:bold;
	padding-top:23px;
	padding-bottom:21px;
	display:block;
}

#main_menu li.current a{
	background-image: url(../img/layout/main_menu_current.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	color:#ffffff;
}

.home #main_menu li.current a{
	background-image: url(../img/layout/home_main_menu_current.jpg);
}

#language_menu{
	position:absolute;
	right:0px;
	top:26px;
	list-style:none;
}

#language_menu li{
	float:left;
	margin-left:5px;
}

#language_menu li a img{
	border:1px solid #000000;
}

#language_menu li.current a img{
	border:1px solid #0099ff;
}

#site{
	width:962px;
	margin:auto;
	padding-top:26px;
}

.home #site{
	padding-top:0px;
	margin-top:-82px;
}

#content{
	width:960px;
	position:relative;
	margin:auto;
	color: #cccccc;
}

#content #left{
	float:left;
	width:755px;
}

#content #right{
	width:179px;
	text-align:left;
	float:right;
}

#content #left h1, #content #right h1{
	font-weight:normal;
	color:#0099ff;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0.75em;
	line-height:normal;
}

#content #left h2, #content #right h2{
	font-weight:normal;
	color:#0099ff;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:0.75em;
	line-height:normal;
}

#content #left h3, #content #right h3{
	font-weight:normal;
	color:#0099ff;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:0.75em;
	line-height:normal;
}

/*#content #left h2{
	font-weight:normal;
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	line-height:normal;
}

#content #left div.box{
	background-color:#171716;
	border:1px solid #323232;
	float:left;
	clear:both;
	padding:15px;
	width:147px;
	margin-top:5px;
	margin-bottom:35px;
}*/

div.ref{
	float:left;
	margin-bottom:7px;
}

div.ref img{
	border:none !important;
}

#content #left h1 strong{
	color:#ffffff;
	font-weight:normal;
}



#content #left a{
	color:#0099ff;
}

#content #left{
	font-size:13px;
	text-align:left;
	color: #cccccc;
}

#content #left strong{
	color:#ffffff;
}

#content #left.panoramas{
	width:752px;
	margin-left:28px;
}

#content img.border{
	border:1px solid #666666;
}

#content img.right{
	float:right;
	margin-top:0px;
	margin-left:24px;
	margin-bottom:24px;
	margin-right:0px;
}

#content img.left{
	float:left;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:24px;
	margin-right:24px;
}

#footer{
	width:960px;
	margin:auto;
	position:relative;
	margin-top:20px;
}

#footer_menu{
	position:absolute;
	left:255px;
	top:0px;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
}

.home #footer_menu{
	left:0px;
}

#footer_menu li{
	float:left;
	margin-right:5px;
	color:#333333;
}
#footer_menu li a{
	color:#333333;
	font-size:11px;
}

#footer_menu li.current a{
	color:#ffffff;
}


#panorama{
	width:755px;
	height:350px;
	padding:5px;
	border:1px solid #565656;
	float:left;
}

/*#panoramahome{
	position:absolute;
	bottom:6px;
}*/

#panoramas_list{
	clear:both;
	margin-top:9px;
}

#thumbs {
	margin:0px;
	padding:0px;
}

#thumbs div{
	width:130px;
	height:71px;
	margin:0px;
	padding:5px;
	list-style:none;
	float:left;
	border:1px solid #2d2d2d;
	margin-right:10px;
	margin-bottom:10px;
}

#left.panoramas #thumbs div{
	margin-right:12px;
	margin-bottom:12px;
}

#thumbs div img{
	border:none;
}

#thumbs div.last{
	margin:0px;
}

#panoramas_list #thumbs {
	margin:0px;
	padding:0px;
}

#panoramas_list #thumbs div{
	width:167px;
	height:71px;
	margin:0px;
	padding:5px;
	list-style:none;
	float:left;
	border:1px solid #2d2d2d;
	margin-right:17px;
}

#panoramas_list #thumbs div img{
	border:none;
}

#panoramas_list #thumbs div.last{
	margin:0px;
}

a.browse{
	width:12px;
	height:81px;
	float:left;
	border:1px solid #333333;
	background-color:#1c1c1c;
	cursor:pointer;
}

a.disabled {
	visibility:hidden !important;
}

a.prevPage{
	margin-right:5px;
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
}

a.nextPage{
	margin-left:5px;
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 963px; 
    height:83px; 
	float:left;
} 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em;
    position:absolute; 
} 

div.items div{
	cursor:pointer;
	position:relative;
}
div.items div img{
	position:absolute;
}


#categories_list{
	padding:0px;
	margin:0px;
	list-style:none;
	float:right;
}

#categories_list li{
	margin:0px;
	padding:0px;
	margin-bottom:6px;
}

#categories_list.gallery li{
	margin:0px;
	padding:0px;
	padding-top:22px;
	padding-bottom:21px;
	margin-bottom:10px;
}

#categories_list li a{
	display:block;
	width:138px;
	height:38px;
	padding-left:9px;
	padding-right:30px;
	color:#bdbdbd;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #565656;
	background-image: url(../img/layout/categorie_arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration:none;
	background-color:#232323;
}

#categories_list li a:hover, #categories_list li.current a{
	background-image: url(../img/layout/categorie_arrow_over.gif);
}

#categories_list li a.vide{
	display:block;
	width:138px;
	height:38px;
	padding-left:9px;
	padding-right:30px;
	color:#bdbdbd;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #565656;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration:none;
	background-color:#232323;
	cursor:default;
}

#categories_list li.current a{
	font-weight:bold;
	color:#ffffff;
}

#banner_home{
	width:962px;
	position:relative;
	height:82px;
	margin-bottom:22px;
}

#slogan{
	position:absolute;
	width:755px;
	font-size:14px;
	padding-top:18px;
}

#slogan h1{
	font-size:18px;
	color:#0099ff;
}

#query{
	border:1px solid #565656;
	background-color:#161616;
	font-size:11px;
	color:#FFF;
	width:141px;
	height:14px;
	padding:7px;
}

#search_box{
	position:absolute;
	right:0px;
	top:0px;
	width:182px;
}

.home #search_box{
	top:26px;
}

#search_box input{
	float:left;
	margin:0px;
}

#search_box submit{
	float:left;
}

.boxcaption{
	position:absolute !important;
	top:46px;
	left:5px;
	padding:5px;
	margin:0px;
	border:none !important;
	width:120px !important;
	height:21px !important;
	background-attachment: scroll;
	background-image: url(../img/boxcaption_back.png);
	background-repeat: repeat;
	background-position: 0 0;
	color:#FFF !important;
	font-size:10px;
}

#panoramas_list .boxcaption{
	position:absolute !important;
	top:46px;
	left:5px;
	padding:5px;
	margin:0px;
	border:none !important;
	width:157px !important;
	height:21px !important;
	background-attachment: scroll;
	background-image: url(../img/boxcaption_back.png);
	background-repeat: repeat;
	background-position: 0 0;
	color:#FFF !important;
	font-size:10px;
}

#homerefbox{
	width:958px;
	background-color:#000;
	padding:1px;
	border:1px solid #565656;
	height:80px;
	margin-top:20px;
}

#homereferences{
	background-color: #000;
	background-image: url(../img/homeref_back.png);
	background-repeat: repeat-x;
	background-position: left top;	
	height:80px;
	width:958px;
}

#homereferences h2{
	color:#53aaea;
	font-size:12px;
	float:left;
	text-transform:uppercase;
	margin-left:60px;
	padding-top:32px;
}

#homereferences div.ref{
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:20px;
}

div.input, div.submit{
	float:left;
	clear:both;
}

div.submit, div.captcha{
	padding-left:150px;
}

div.input label{
	float:left;
	width:150px;
}

div.input input, div.input textarea{
	float:left;
	width:300px;
}

div.captcha input{
	clear:both;
}

#homebuttons{
	position:absolute;
	right:200px;
	top:45px;
}

#homebuttons a, a.importantlink{
	color:#FFF !important;
	font-size:12px;
	font-weight:bold;
	background-color:#0099ff;
	text-decoration:none;
	padding:5px;
	display:block;
	float:left;
	border:1px solid #565656;
	margin-left:10px;
	display:none;
}

a.importantlink{
	float:none;
	margin:0px;
	display:inline;
}

#right td{
	vertical-align:top;
}

#rightbox{
	padding:5px;
	/*border:1px solid #0099ff;*/
	height:234px;
	margin-bottom:10px;
	overflow:hidden;
}

#rightbox2{
	padding:5px;
	border:1px solid #0099ff;
	margin-bottom:10px;
}

#baseline{
	padding:5px;
	border-top:1px solid #0099ff;
	margin-bottom:10px;
	color:#0099ff;
	font-size:16px;
	text-align:center;
	margin-top:10px;
}

.boxtext{
	padding:5px;
	border:1px solid #0099ff;
	margin:0px;
}

table ul{
	margin:0px;
	padding:0px;
	margin-left:12px;
}

td.categorie{
	font-size:12px;
}

ul.bluelist{
	list-style-image:url(../img/layout/bluebullet.png);
	font-size:18px;
	margin-left:24px;
	padding-left:0px;
}

table p{
	margin-bottom:0px;
}

#search_box a{
	color:#fff;
	text-decoration:none;
}

div.partbox{
	padding:10px;
	background-color:#333;
	margin-bottom:10px;
}

#partlist{
	width:167px;
	position:absolute;
}

div.catlisttitle{
	border:none !important;
	background-image: url(../img/layout/fleche-bleue.png);
	background-repeat: no-repeat;
	background-position: right center;
	position:relative;
	cursor:auto !important;
}

div.catlisttitle span{
	position:absolute;
	left:0px;
	top:0px;
	padding-right:25px;
}

div.encours{
	font-size:10px;
	text-align:center;
	position:relative;
	background-image: url(../img/layout/pictolis_group_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:auto !important;
}

div.encours span{
	position:absolute;
	left:0px;
	bottom:5px;
	width:130px;
}

table.nopaddin td{
	padding:0px;
	margin:0px;
	padding-top:10px;
}

a.boutonlien{
	color: rgb(255, 255, 255) !important;
	background-color: rgb(0, 153, 255);
	padding: 5px;
	clear: both;
	display: inline-block;
	margin-top: 5px;
	text-decoration:none;
}

p.sansmarge{
	margin:0px;
}