@charset "utf-8";
/* CSS Document */

html, body						{ padding:0; margin:0; }
html							{ background-color:#e6e6e6; }
body							{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; background-color:#fff; }

pre.debug						{ font-size:12px; }

.nowrap							{ white-space:nowrap; }

#footer							{ background:url(../img/footer_bg.png) repeat-x top #e6e6e6; 
									margin-top:40px; padding-bottom:70px; padding-top:9px; }
#footer div						{ max-width:950px;  margin:0 auto; padding-top:42px; font-size:0.7em; color:#666;
					 				background:url(../img/footer2.png) no-repeat center top; padding-bottom:35px;}
#footer div p:nth-child(1)		{ float:left; box-sizing:border-box; padding-right:60px; width:50%; text-align:right; }
#footer div p:nth-child(2)		{ float:left; box-sizing:border-box; padding-left:60px; width:50%; text-align:left; }


#top							{ background:url(../img/background.png) top #006ebc; padding-top:1px; }
#top h1							{ margin-top:50px; text-align:center; }
#top h1	img						{ max-width:100%; }
#top h2							{ color:white; text-align:center; font-weight:normal; font-size:1.3em; 				
									text-shadow:black 0.1em 0.1em 0.2em; letter-spacing:0.1em; }
#top-white						{ background:url(../img/top-white.png) repeat-x bottom; }
#topMain						{ background:url(../img/abdallah.png) no-repeat left bottom; max-width:950px; margin:0 auto; }
#topMain2						{ background:url(../img/fusee.png) no-repeat right bottom; overflow:auto; padding-left:150px; 
									padding-right:107px; text-align:center; }
#topBottom						{ padding-top:10px; height:54px; overflow:hidden; /*background:green;*/ }

#menu							{ overflow:auto; list-style:none; margin:40px 0 0 0; padding:0; display:inline-block; }
#menu li						{ float:left; margin:0 10px; }
#menu li a						{ width:131px; height:30px; text-indent:-5000px; display:block;
									background-position:bottom center; background-repeat:no-repeat; }
#menu li a:hover				{ background-position:top center; }
#menu li.on a					{ border-bottom:5px solid #D9FF21; }
#menu li.on a					{ background-position:top center; }


#menu #objets a					{ width:80px; background-image:url(../img/menu-objets.png); }
#menu #coll a					{ width:120px; background-image:url(../img/menu-coll.png); }
#menu #dates a					{ width:100px; background-image:url(../img/menu-dates.png); }
#menu #stats a					{ width:70px; background-image:url(../img/menu-stats.png); }

#selTable						{ border:none; float:left; margin-left:20px; font-size:0.8em; }
#catList p						{ margin:8px 0 0 0; }
#selTable select				{ font-size:1em; margin-left:5px; width:95%; margin-right:5%; }
#catList input					{ font-size:1em; margin-left:5px; }
#catList input[type="submit"]	{ float:left; margin-top:8px; }

#stats							{ font-size:0.8em; text-align:left; float:right; margin-right:100px; }
#stats p						{ margin:0; }
#stats span						{ width:50px; text-align:right; display:block; float:left; margin-right:7px; }


#content						{ max-width:1000px;  margin:0 auto; font-size:0.8em; min-height:500px; }

#content #breadcrumb			{ margin:0 20px 10px 20px; text-align:left; }
#content #breadcrumb a			{ white-space:nowrap; }

#content .box					{ margin:20px auto; position:relative; }
#content .box:before,
#content .box:after,
#content .box>div:before,
#content .box>div:after			{ content:" "; display:block; width:185px; height:185px; position:absolute; background:no-repeat top left; z-index:0; }

#content .box:before			{ top:0; left:0; background-image:url(../img/boxcorner_tl.png); }
#content .box:after				{ top:0; right:0; background-image:url(../img/boxcorner_tr.png); }
#content .box>div:before		{ bottom:0; left:0; background-image:url(../img/boxcorner_bl.png); }
#content .box>div:after			{ bottom:0; right:0; background-image:url(../img/boxcorner_br.png); }

#content .box>div				{ padding:13px; }
#content .box>div>div			{ border:1px solid #b3b3b3; padding:20px 30px; z-index:10; position:relative; }

#content .box h2,
#content .box h3,
#content .box h4				{ margin:0; padding-bottom:30px; }
#content .box-content			{ display:table; width:100%; }
#content .box .left				{ display:table-cell; vertical-align:top; border-right:1px solid #B3B3B3; padding-right:30px; }
#content .box .right			{ display:table-cell; vertical-align:top; padding-left:30px; width:300px; position:relative; }
#content .box .full				{ margin-left:50px; margin-right:50px; }
@media (max-width:800px) {
	#content .box .full				{ margin-left:0; margin-right:0; }
}
#content .box div>*:first-child	{ margin-top:0; }

#content .box .dans-ma-collection	{ position:absolute; top:-7px; right:-8px; }

#content .box .edition			{ display:block; position:absolute; right:28px; top:26px; }
#content .box .edition::before	{ content:"+"; color:white; font-weight:bold; text-decoration:none; font-size:18px; line-height:14px; border-radius:50%;
									display:block; background-color:rgba(0,0,0,0.1); padding:3px 3px 5px; cursor:pointer; }
#content .box .edition:hover::before	{ background-color:rgba(0,0,0,0.3); }

#content .box .edition ul		{ display:none; }

#content .box #tools			{ float: right; position: absolute; right: 0px; top: 0px; z-index: 200; width: 0; height: 0; border-style: solid; border-width: 0 57px 30px 0; 
									border-color: transparent lightgray transparent transparent; text-align: right; } 
#content .box #tools a#edit				{ display: block; width: 30px; height: 16px; text-align: right; color: white; font-size: 15px; 
											right: -49px; position: absolute; top: -1px; }
#content .box #tools:hover a#edit		{ background-position:top left; text-decoration:none; }

#content .box #tools div				{ display:none; position:absolute; right:-62px; top:0px; padding-top:19px; white-space:nowrap; }
#content .box #tools:hover div			{ display:block; }

#content .box #tools ul					{ margin:0; padding:5px 0; list-style:none; border:#aaa solid 1px; background-color:white; box-shadow:2px 2px 4px #666; }
#content .box #tools ul:before 			{ content:url(../img/arrow-top.png); position:relative; top:-11px; right:12px; float:right; }

#content .box #tools ul li a			{ display:block; text-align:left; padding:1px 15px; }

#edit_forms .head							{ background:lightgray; margin:0 0 20px; padding:10px; }
#edit_forms .head h3						{ margin:0; }
#edit_forms form							{ display:table; width:100%; }
#edit_forms form .row						{ display:table-row; }
#edit_forms form .row>span					{ display:table-cell; padding:5px; vertical-align:top; }
#edit_forms form .row>span:first-child		{ width:100px; }
#edit_forms form input[type=text],
#edit_forms form textarea,
#edit_forms form select					{ width:100%; box-sizing:border-box; border:1px solid rgb(169, 169, 169); }
#edit_forms form input[type=text] 		{ padding: 2px 4px 1px; }
#edit_forms form .submit				{ text-align:right; }

#edit_forms form .srcSubTable								{ display:table; width:100%; margin-top:5px; margin-bottom:5px; }
#edit_forms form .srcSubTable .row>span:first-child			{ width:60%; }
#edit_forms form .srcSubTable .row>span input+input			{ margin-top:10px; }
#edit_forms form .srcSubTable .row>span input[type='text']	{ padding:0 3px; }
#edit_forms form .srcSubTable #srcAuteurOnly_autre			{ margin-top:10px; }
#edit_forms .successMessage, 
#edit_forms .errorMessage	{ padding:5px; margin:5px; }
#edit_forms .successMessage .detail, 
#edit_forms .errorMessage .detail	{ display:block; font-size:0.8em; }

#detail_vente>div					{ display:table-cell; height:400px; width:50%; box-sizing:border-box; padding:15px; }
#detail_vente .detail_vente_left	{ text-align:center; vertical-align:middle; }
#detail_vente .detail_vente_right	{ }
#detail_vente h4					{ margin:10px 0 0; font-size:16px; }
#detail_vente img					{ max-height:100%; width:auto; max-width:100%; }
#detail_vente dt 					{ float: left; clear: left; width: 110px; font-weight: bold; }

#content h2						{ font-size:3.3em; }
#content h2	.rates				{ font-size:10px; display:block; font-weight:normal; margin-top:5px; }
#content h3						{ font-size:3em; font-weight:normal; }
#content h2 span, 
#content h3 span				{ font-size:0.6em; }
#content h4						{ font-size:1.8em; color:#808080; }
#content h4 span.num			{ color:#9BC300; }
#content h5						{ font-size:1.4em; margin:20px 0 5px 0; }
#content .left h5				{ margin-top:40px; }
#content h6						{ font-size:1em; margin:20px 0 0 20px; text-transform:uppercase; }

#content .small					{ font-size:0.8em; }

#content .box .right h6,
#content .box .bottom h6		{ font-size:1.0em; margin:20px 0 5px 0; }
#content p						{ text-align:justify; line-height:1.8em; margin:10px 0; }
#content ul, #content ol		{ margin:0; padding-left:40px; line-height:1.8em; }
@media (max-width:485px) {
	#content ul, #content ol		{ padding-left:30px; }
}
#content ol li.blank			{ height:0; list-style:none; }
#content .groupe ol,
#content .groupe ul,
#content .groupe dl				{ display:none; }
#content .groupe.current ol,
#content .groupe.current ul,
#content .groupe.current dl				{ display:block; }
#content .box .right li					{ position:relative; padding-right:54px; max-width:250px; }
#content .box .right li:hover			{ background-color:#f7f7f7; }
#content .box .right li a				{ width:100%; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; line-height:14px; }
#content .box .right span.icons			{ position:absolute; right:0; top:0; }
#content .box .right .material-icons	{ color: #b3b3b3; font-size: 14px; width: 18px; padding-top:2px; }
#content .box .right .material-icons.green	{ color: LimeGreen; }
#content .box .right .material-icons.bold	{ font-weight:bold; }
#content .box .right .icons-legend		{ font-size: 7px; display:inline-block; width:18px; padding-top:2px; }

#content .ventes dl dt					{ margin-left:25px; width:110px; }
#content .ventes a.icon-picture 		{ font-size: 12px; margin-right: 5px; color: #cccccc; text-decoration:none; margin-left:3px; }
#content .ventes a.icon-picture:hover 	{ color: #999999; }


#content a, #content a:visited	{ color:#0071BC; text-decoration:none; }
#content a:hover				{ text-decoration:underline; }
#content .right .inCollec a		{ background:url(../img/tick.png) no-repeat right; padding-right:25px; }
#content .right .prixCHF		{ color:#999; }

#content dl						{ overflow:auto; margin:0; }
#content dt						{ float:left; width:135px; clear:left; font-weight:bold; padding-top:7px; }
#content dd						{ margin-left:135px; padding-top:7px; }
#content .left dl				{ margin-left:40px; }
#content .right h5				{ margin-top:40px; }

#content .img						{ text-align:center; max-width:300px; height:250px; margin:0 auto 20px auto; }
#content .img img					{ border:1px solid #B3B3B3; padding:3px; box-sizing:border-box; max-width:100%; max-height:100%; }
#content .img .noborder				{ border:none; padding:4px; }
#content .img a:hover img			{ border:2px solid #75c7ff; padding:2px; }
#content .img a:hover .noborder		{ border:none; padding:4px; }
#content .img a span				{ position:absolute; background-color:white; margin:2px 0 0 4px; padding:0 4px 1px 1px; color:#B3B3B3; }

#content .box table					{ border-collapse:collapse; margin:20px auto; border:1px solid #B3B3B3; }
#content .box table th,
#content .box table td				{ padding:2px 7px; border:1px solid #B3B3B3; }
#content .box table td				{ text-align:center; }
#content .box table td:first-child	{ text-align:left; }

#content .box .couvGal				{ list-style:none; margin:15px 0 35px -5px; padding:0; overflow:auto; }
#content .box .couvGal li			{ float:left; text-align:center; margin:5px 5px; }
#content .box .couvGal li img		{ height:120px; border:1px solid #B3B3B3; padding:3px; display:block; }

#content .box table.albums							{ width:100%; }
#content .box table.albums td						{ text-align:left; }
#content .box table.albums tr.EO td.date			{ font-weight:bold; }


#content .box table.albums .descMobile			{ text-align:left !important; padding:8px 5px 2px !important; border-top:none; font-style:italic; color:#bbb; }
@media (max-width:600px) {
	#content .box table.albums .descDesktop		{ display:none; }
	#content .box table.albums td				{ border-bottom:none; }
}
@media (min-width:600px) {
	#content .box table.albums td:nth-child(1)			{ width:4%; }
	#content .box table.albums td:nth-child(2)			{ width:10%; }
	#content .box table.albums td:nth-child(3)			{ width:10%; }
	#content .box table.albums td:nth-child(4)			{ width:15%; }
	#content .box table.albums td:nth-child(5)			{ width:auto; }
	#content .box table.albums td:nth-child(6)			{ width:10%; }
	#content .box table.facsimiles td:nth-child(1)		{ width:4%; }
	#content .box table.facsimiles td:nth-child(2)		{ width:10%; }
	#content .box table.facsimiles td:nth-child(3)		{ width:8%; }
	#content .box table.facsimiles td:nth-child(4)		{ width:9%; }
	#content .box table.facsimiles td:nth-child(5)		{ width:auto; }
	#content .box table.facsimiles td:nth-child(6)		{ width:10%; }
	#content .box table.albums .descMobile		{ display:none; }
}
#content .box table.albums .prix					{ text-align:right; padding-right:10px; }
#content .box table.albums td:first-child			{ padding:0px; text-align:center; }
#content .box table.albums td a.pict				{ display:block; width:100%; height:16px; background:url(../img/camera.gif) center bottom no-repeat; margin:0 auto; }
#content .box table.albums td.plat a.pict			{ float:right; width:13px; }
#content .box table.albums td a.pict:hover			{ background-position:center top; }
#content .box table.albums td a.pict span			{ text-indent:-5000px; display:block; width:100%; height:16px; }
#content .box table.albums th						{ text-align:left; background-color:#d9d9d9; padding-top:3px; padding-bottom:3px; white-space:nowrap; }
#content .box table.albums .inCollec td.date		{ background:url(../img/tick.gif) no-repeat 90% center; }

#content .galPhotos					{ margin-top:10px; }
#content .galPhotos ul				{ list-style:none; overflow:auto; margin:0; padding:0; }
#content .galPhotos li				{ float:left; margin-right:9px; margin-bottom:9px; }
#content .galPhotos li img			{ width:100px; display:block; }
#content .galPhotos p				{ text-align:center; margin:0 9px 0 0; }

#content .enVoiture .left,
#content .enVoiture .right			{ min-height:590px; }
#content .enVoiture .box-content	{ border-bottom:1px solid #B3B3B3; padding-bottom:20px; margin-bottom:20px; }
#content .enVoiture .bottom .img	{ max-width:150px; height:80px; margin:5px 2px; }
#content .enVoiture .bottom ul		{ list-style:none; margin:0; padding:0; }
#content .enVoiture .bottom ul:after{ content:" "; clear:both; display:block; }
#content .enVoiture .bottom ul li	{ float:left; padding-left:5px; width:50%; max-width:154px; box-sizing:border-box;}
.bottom li.inCollec 				{ position:relative; }
.bottom li.inCollec:after 			{ position:absolute; top:0px; right:-3px; width:12px; height:12px; content:" "; z-index:200; background:green; 
										border-radius:50%; box-shadow:1px 1px 3px rgba(0,0,0,0.7);}

#content ul.couv  			{ list-style:none; padding:0; margin: 0; }
#content ul.couv li 		{ width:14%; display:inline-block; position:relative; }
#content ul.couv li a 		{ border:1px solid #B3B3B3; padding:2px; display:block; margin:3px; }
#content ul.couv li img 	{ width: 100%; }
#content ul.couv li.inCollec:after 	{ position:absolute; top:-2px; right:-1px; width:12px; height:12px; content:" "; z-index:200; background:green; 
										border-radius:50%; box-shadow:1px 1px 3px rgba(0,0,0,0.7);}



#content #collection .left			{ float:none; padding-right:0; margin-right:50px; width:auto; border:none; }

#content #collection .cat 				{ margin-top: 20px; }
#content #collection h5					{ margin-bottom:10px; }
#content #collection h5	 span			{ color:#999; font-size:0.8em; }
#content #collection h6					{ margin-bottom:10px; }
#content #collection h6	 span			{ padding-left:20px; color:#999; font-size:0.8em; }
#content #collection .serieComplete h6 span		{ color:#9BC300; }
#content #collection .serie				{ padding-bottom:10px; }
#content #collection .serie.mobile		{ display:none; }
#content #collection ul					{ padding-left:60px; }
#content #collection ul li span			{ color:#999; font-size:0.8em; }
#content #collection .groupName			{ margin-bottom:0; margin-left:40px; }
#content #collection .groupName span	{ padding-left:20px; color:#999; font-size:0.8em; }
#content #collection .groupName.groupeComplet span	{ color:#9BC300; }

#content #collection table					{ margin:0; width:100%; }
#content #collection table .entetes			{ font-style:italic; text-align:center; }
#content #collection table tr>*:first-child	{ text-align:left !important; /*width:380px;*/ padding-left:7px; }
#content #collection table tr th			{ background-color:#ccc; text-align:left; }
#content #collection table .groupName td	{ background-color:#eee; text-align:left; }
#content #collection table tr>*				{ text-align:right; /*width:90px;*/ height:16px; }
#content #collection table .picto			{ float:left; }
#content #collection table .picto img		{ margin-right:3px; }
#content #collection table .complet,
#content #collection table .groupeComplet td:first-child+td	{ background-image:url(../img/tick.png); background-repeat:no-repeat; background-position:right 5px center; color:#070;
																padding-right:20px; }
#content #collection table span.num			{ color:#999; margin-right:5px; width:20px; display:block; float:left; }
#content #collection table span.qty			{ color:#999; }
#content #collection table tr>*:first-child span.qty	{ float:right; }
#content #collection table span.editions		{ color:#999; }

#content .crabe .crabe_country 				{ overflow:auto; border-bottom:1px solid lightgray; padding:20px 0; }
#content .crabe .crabe_country:last-child 	{ border-bottom:none; }
#content .crabe h6 							{ margin-top:40px; margin-bottom:10px; }
#content .crabe .img a 						{ position:relative; display:inline-block; height:250px; }
#content .crabe .img .inCollec				{ background:#00d700; width:16px; height:20px; display:block; position:absolute;
												right:-8px; top:-8px; border-radius:50%; }
#content .crabe .img.big 					{ float:left; margin-right:40px; }
#content .crabe .img.big + .big				{ margin-left:-30px; }
#content .crabe .img.small 					{ max-width:none; text-align:left; height:130px; margin:0; }
#content .crabe .img.small a 				{ height:130px; }
#content .crabe .img.small .inCollec		{ width:12px; height:16px; right:1px; }
#content .crabe .img.small img 				{ margin-right:5px; }

.errorMessage		{ padding:10px; margin:10px 20px; background-color:#F96; border:1px solid #C00; color:#C00; text-align:center; }
.successMessage		{ padding:10px; margin:10px 20px; background-color:#6C6; border:1px solid #060; color:#060; text-align:center; }


@media (max-width:1000px) {
	#content					{ margin:0; }
}

@media (max-width:915px) {
	#top h1						{ margin-top:20px; }
	#top h2						{ max-width:400px; margin-left:auto; margin-right:auto; }
	#menu						{ margin-top:20px; }
}
@media (max-width:820px) {
	#menu #actu,
	#menu #estim,
	#menu #contact,
	#stats						{ display:none; }
	#content .box .right		{ width:250px; }
}
@media (max-width:680px) {
	#topMain2					{ background:none; padding-right:10px; }
	#footer div p:nth-child(1) span.text	{ display:block; }
	#footer div p:nth-child(1) span.sep		{ display:none; }
}
@media (max-width:665px) {
	#content .box-content		{ display:block; }
	#content .box .left,
	#content .box .right		{ display:block; border:none; width:100% !important; margin:0; padding:0; }
	#content .box .right		{ border-top:1px solid #B3B3B3; margin-top:20px; padding-top:20px; margin-left:0 !important; }
	#content .box .right>.icons				{ right:auto; left:293px; }
	#content .box .right .icons-legend		{ margin-top:20px; }
	#content #collection .serie				{ display:none; }
	#content #collection .serie.mobile		{ display:table-row; }
}
@media (max-width:520px) {
	#top h1 img					{ max-height:40px; }
	#top h2						{ display:none; }
	#topMain2					{ padding-left:10px; }
	#topMain					{ background:none; }
	#menu						{ margin-top:0; zoom:0.8; }
}
@media (max-width:485px) {
	#footer div p:nth-child(2) span.text	{ display:block; }
	#footer div p:nth-child(2) span.sep		{ display:none; }
	#content #collection colgroup			{ display:none; }
	#content #collection .hom				{ display:none; }
	#content .box .right>.icons				{ right:auto; left:283px; }
}
@media (max-width:425px) {
	#content .box .right>.icons				{ right:0; left:auto; }
}
@media (max-width:360px) {
	#selTable label span		{ display:none; }
	#selTable label 			{ text-transform:capitalize; }
}