/** * PHOTOAPP * auteur:  Francois Lajoie  * version: $Id: default.css 105 2011-08-15 16:55:13Z flajoie $ *//* CSS RESET   http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0; padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after,q:before, q:after { content: '';	content: none; }table { border-collapse: collapse; border-spacing: 0; }html, body { background-image:url('../../data/photoest.jpg'); margin:0 auto; padding:0; font:12px Verdana; /*height:100%;*/}img  { vertical-align:middle; border:none;}input, textarea, select, button { font:12px Verdana;}h1 { font-size:32px;}a  { text-decoration:none;}strong { font-weight:bold;}/* IDS */#wrap { width:1000px; margin:auto; border-left:1px solid #333; border-right:1px solid #333; padding:0; /*height:100%;*/}#wrap.login { background:url(../../data/background.jpg) no-repeat; box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; -moz-box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; -webkit-box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; -o-box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; height:859px;}#wrapsystem { width:1305px; margin:auto; border-left:1px solid #333; border-right:1px solid #333; padding:0;}#wrapsystem.login { background:url(../../data/background.jpg) no-repeat; box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; -moz-box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; -webkit-box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; -o-box-shadow:8px 0px 10px #ccc, -8px 0px 10px #ccc; height:859px;}#contentstep1 { padding:20px;}#content { padding:20px; background-color:white;}#logo { position:absolute; margin-left:290px; margin-top:100px; font-size:42px; text-align:center; width:400px;}#loginbox { width:273px; background:none; margin-left:350px; padding-top:230px; }#loginbox input { width:260px; padding:4px; color:#666666; font-size:14px; font-weight:bold; margin-top:5px;}#loginbox button { width:132px; height:32px; margin-top:10px; font-weight:bold; font-size:13px; cursor:pointer; background:url(../img/greybtn.png); color:#222; border-top:1px solid #C7C7C7; border-left:1px solid #C7C7C7; border-right:1px solid #2B2B2B; border-bottom:1px solid #2B2B2B;}#loginbox button:hover { background:url(../img/greybtn2.png);}#loginbox .addnew { font-size:14px; color:#666; padding:8px 0 0 3px; font-weight:bold;}#loginbox .addnew  a { text-decoration:none; color:#666; cursor:pointer;}#loginbox .disclaimer { color:#666; text-align:center; padding:0 5px; margin-top:15px; line-height:12px; font-size:11px;}#captcha { margin:10px 0;}#rtop { float:right; margin-top:-10px;}#topleft { float:left; margin-top:-10px;}#topright, #topright2 { float:right; margin-top:-10px;}#topmiddle { position:absolute; top:5px; margin-left:188px; width:785px; height:71px; font-size:11px; text-align:justify;}#promotionnel { margin-left:0px; width:100%; height:71px; font-size:11px; text-align:justify;}#spinner {  display:none; background:url(../img/spinner.gif) no-repeat; width:16px; height:16px;}/* COLUMNS IDS for step3 */#columns { margin:20px 5px; padding:0 0 18px 0; height:600px; border-bottom:1px solid #B2B2B2;}#columns .title { padding:0 10px; background:url(../img/degrad1.png) repeat-x; height:19px; line-height:19px; margin:-8px -8px 8px -8px; font-weight:bold;}#columns .content { margin:-8px; padding:8px; overflow:scroll;}#column1,#column2,#column3 { float:left; border-left:1px solid #B2B2B2; border-top:1px solid #B2B2B2; padding:8px;}#column1 { width:207px; }#column1 .content {  height:580px;}#column1 .imgblock , #column2 img{ cursor:pointer;}#column2 { width:789px;}#column2 .content {  height:580px;}#column2 .content a {  color:#129B23;  font-size:14px;  vertical-align:bottom;  text-decoration:underline;  font-weight:bold;  cursor:pointer;}#column3 { width:207px; border-right:1px solid #B2B2B2;}#column3 .content.prev { height:210px; overflow:vertical;}#column3 .content.accept { height:580px;}#column3 .title.accept { //margin-top:10px; //border-top:1px solid #B2B2B2;}#more_fonds { display:none; position:absolute; margin-top:30px; margin-left:120px; top:100px; width:300px; height:320px; padding:20px 0 15px 0; background:#fff; border:3px solid #ccc;}#more_fonds .title { padding:2px 10px; margin:-20px 0 0 0; background:url(../img/degrad1.png) repeat-x;}#more_fonds .cats { font-size:16px; height:280px; overflow:auto; padding:20px 20px;}#more_fonds .close { text-align:right; line-height:18px; margin-right:8px; cursor:pointer;}#more_fonds .close a{ color:blue; font-size:10px;} #more_fonds_link { color:#0C6917;}/* COMMAND DETAILS for step 4 */#command { margin-top:20px; margin-bottom:20px;}#command #photo { width:132px; float:left;}#command #photo .modify, #command #photo .delete { padding:0 10px; background:url(../img/degrad1.png) repeat-x; height:19px; line-height:19px; font-size:11px;}#command #detail { border:1px solid #B2B2B2; height:221px;}#command #detail td { cursor:pointer;}#command #detail .title { padding:0 10px; background:url(../img/degrad1.png) repeat-x; height:19px; line-height:19px;}#command #detail .list { width:1263px; border-collapse:none;}#command #detail .listwrap { overflow:auto; height:172px;}#command #detail .list td { padding:0px 0px; background:url(../img/degrad3.png) repeat-x; height:50px; font-size:26px; font-weight:bold; vertical-align:middle;}#command #detail .list td.l1 { width:120px;}#command #detail .list td.l1 div { position:relative;}#command #detail .list td.l1 img { margin-top:-20px;}#command #detail .list td.l2 { width:70px;}#command #detail .list td.l3 { font-size:12px; padding:0; width:400px;}#command #detail .list td.l4 { width:30px;}#command #detail .list td.l5 { width:40px; text-align:right;}#command #detail .list td.lx { padding-right: 28px; width:32px; text-align:right;}#command #detail .l6 { width:1px !important; margin:0; padding:0; display:none;}#command #detail .total { padding:0 20px 0 10px; background:url(../img/degrad2.png) repeat-x; height:30px; line-height:30px; font-size:18px; font-weight:bold;}#command #detail .total .left, #command #detail .subtotal .left {  float:left;}#command #detail .total .right, #command #detail .subtotal .right{ float:right;}/* COMMAND DETAIL for step 5 */#client { margin-top:25px;}#client td { padding:2px 8px;}#client small { font-size:10px; color:#666;}#client .errors { padding:5px 8px 15px 8px; color:#ff0000; font-size:10px;}#client input.error { border:1px solid #ff0000;}#command #detail.large { width:1263px; float:none; margin-left:0px; border:1px solid #B2B2B2; height:auto;}#command #detail.large .listwrap { overflow:none; height:auto;}#command #detail.large .list { width:1263px;}/*#command #detail.large .list td.l1 { width:80px;}*/#command #detail.large .list td.l3 { /*width:640px;*/}#command #detail.large .total { background:url(../img/degrad4.png) repeat-x; padding-right:10px; height:47px; line-height:47px; font-size:32px;}#command #detail.large .subtotal { font-size:22px; padding:0 15px 0 13px;}#command #detail.large .subtotal .right { text-align:right;}/* PLANS for step 4 */#plans { margin-top:0px;}#plans .bar { background:url(../img/planbar.png) repeat-x; height:56px; width:1233px; color:#fff; margin-bottom:5px;}#plans .bar.blue { background:url(../img/planbar2.png) repeat-x;}#plans .bar.big { background:url(../img/planbar3.png) repeat-x; height:112px;}#plans .bar.blue.big { background:url(../img/planbar4.png) repeat-x; height:112px;}#plans .bar.big table { margin-top:30px;}#plans .bar table { width:1225px;}#plans .bar table td{ font-size:32px; vertical-align:middle; height:54px; padding-left:12px;}#plans .bar .l1 { width:80px;  /*background:blue;*/}#plans .bar .l1 input { width:54px; height:40px; border:0; font-size:38px; text-align:center; border:1px solid #222; border-radius:2px; padding:0; float:left;}#plans .bar .l1 #updown { float:left; margin-top:1px; /*margin-right:10px;*/}#plans .bar .l1 #up { background:url(../img/updown.png) no-repeat; width:17px; height:20px; border:none; cursor:pointer; display:block;}#plans .bar .l1 #down { background:url(../img/updown.png) no-repeat; background-position:0 -19px; width:17px; height:20px; border:none; cursor:pointer; display:block; }#plans .bar .l2 { width:135px; text-align:left; /*background:blue;*/ }#plans .bar .l3 {  width:103px; text-align:right; /*background:#111;*/}#plans .bar .l4 { width:705px; /*background:#666;*/ font-size:12px;}#plans .bar .l5 { width:80px;/*background:#333;*/ text-align:center;}#plans .bar .l5 span { font-size:16px; color:#fff; padding:0 5px 0 0;}#plans .bar .l5 img{ cursor:pointer; margin-right:5px;}#photo_selection { display:none; position:absolute; top:200px; left:140px; width:865px; height:495px; padding:20px 0 0 0; background:#fff; border:3px solid #ccc; box-shadow:1px 1px 10px #111; -moz-box-shadow:1px 1px 10px #111; -webkit-box-shadow:1px 1px 10px #111; -o-box-shadow:1px 1px 10px #111;}#photo_selection .title { margin-top:-20px; padding:0 10px; background:url(../img/degrad1.png) repeat-x; height:19px; line-height:19px;}#photo_selection .descr { padding:0 10px; line-height:22px; background:#f1f1f1; border-bottom:1px solid #ccc; font-size:14px; font-weight:bold;}#photo_selection .content { padding:20px 0 0 0; overflow:auto; height:420px;}#photo_selection .content  .img { float:left; margin:0 0 20px 20px; cursor:pointer; padding:0; height:187px; border:1px solid #fff;}#photo_selection .close { float:right; padding:0px 10px; font-size:18px; font-weight:bold; color:#129B23; text-decoration:underline;}#photo_selection .counter { font-size:18px; float:left; padding:0px 10px;}#photo_selection .selected { border:5px solid blue; box-shadow:1px 1px 10px #000; -moz-box-shadow:1px 1px 10px #000; -webkit-box-shadow:1px 1px 10px #000; -o-box-shadow:1px 1px 10px #000; text-decoration: blink;}#photo_selection .selected2 { border:5px solid blue; box-shadow:1px 1px 10px #000; -moz-box-shadow:1px 1px 10px #000; -webkit-box-shadow:1px 1px 10px #000; -o-box-shadow:1px 1px 10px #000;}#photo_selection .notselectable { opacity:0.5; filter: alpha(opacity = 50);}.plan_header td { padding:0 0 8px 12px;}.plan_header td.l1 { width:135px;}.plan_header td.l2 { width:725px;}.plan_header td.l3 { width:100px; text-align:center;}.plan_header td.l4 { width:80px;}.plan_header td.l5 { width:55px;}.plan_header td.l6 { width:60px;}.tabs {  list-style-type:none; border-bottom:1px solid #B5B2B5; height:30px;}.tabs li { float:left; background:url(../img/degrad2.png); margin-right:5px;}.tabs li a { color:#000; font-size:12px; font-weight:bold; display:block; height:30px; line-height:30px; padding:0 10px; border:1px solid #B5B2B5; border-bottom:0;}.tabs li a.current {  background:#fff;}.panes, .panes2 {  border:1px solid #B5B2B5; border-top:0; padding:15px;}.panes .text { padding:15px 0;}/* FACTURE for step 6 */#print { margin-top:20px;}#print table { width:955px;}#print table td { padding:2px;}#print strong { font-weight:bold;}#print h1 { margin-bottom:10px; font-weight:bold;}#print .name { font-size:18px; text-align:right;}#print .facture th { font-size:18px; border-bottom:2px solid #000; padding:30px 0 2px 0;}#print .facture .f1 { text-align:left; width:650px;}#print .facture .f2 { text-align:center;}#print .facture .f3 { text-align:right;}#print .blank td { height:80px; border-bottom:2px solid #000;}#print .soustotal { border-bottom:2px solid #000;}#print .soustotal td { padding:5px 0; border-bottom:2px solid #000;}#print .soustotal .s1 { }#print .soustotal .s2 {  text-align:right; font-weight:bold;}#print .total { font-size:16px; font-weight:bold;}#print .total .t2 { text-align:right; padding-right:0;}#print .notice { margin-top:45px; font-size:14px;}#print .notice div { margin-top:20px; font-size:9px; letter-spacing:0px;}/* CLASSES */.imgblock { width:185px; height:185px; max-height:185px; /*background-size: auto 100%, auto !important;*/ /*background:#CEE3C6;*/ /*border:1px solid #BEBEBE;*/ margin-bottom:5px; padding:0;}.imgblock .checkbox { margin-top:165px; margin-left:165px;}.imgblock .delete { position:absolute; background:url(../img/delete.png) no-repeat; margin:150px 0 0 5px; width:32px; height:32px; cursor:pointer;}.imgblock .delete2 { float:left; background:url(../img/delete.png) no-repeat; margin:150px 0 0 5px; width:32px; height:32px; cursor:pointer;}.imgblock .accept { position:absolute; background:url(../img/plus_32.png) no-repeat; margin:150px 0 0 150px; width:32px; height:32px; cursor:pointer;}.imgblock .preview { position:absolute; background:url(../img/search.png) no-repeat; margin:0 0 0 150px; width:32px; height:32px; cursor:pointer;}.imgblock div {}.imgblock.left { float:left; margin:0 8px 8px 0;}.imgsmall div.imgwrap { float:left; width:35px; display:block; margin-left:3px; margin-right:3px; height:1px;}.imgsmall img{ float:left; position:absolute; max-width:40px; max-height:40px; display:block;}.imgsmall  .back { z-index:98; }.imgsmall .front { z-index:99; }.biggreen { background:url(../img/biggreen.png); width:890px; height:162px; margin:35px 0 0 50px; text-align:center; color:#fff; padding-top:60px;}.biggreen:hover { background:url(../img/biggreen2.png);}.biggreen .btext { font-size:48px; margin-bottom:15px;}.biggreen .stext { font-size:24px;}.greenbtn, .green2btn, .greybtn, .bluebtn, .specialbtn { background:url(../img/greenbtn.png); width:181px; height:51px; color:#fff; font-size:24px; line-height:50px; text-align:center; display:block;}.greenbtn:hover, .green2btn:hover  { background:url(../img/greenbtn2.png);}.greybtn  { background:url(../img/greybtn3.png);}.bluebtn  { background:url(../img/bluebtn.png);}.bluebtn:hover  { background:url(../img/bluebtn2.png);}.specialbtn { background:url("data:image/png;base64,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%3D") no-repeat;}.searchbtn { background:url(../img/degrad5.png) repeat-x; width:140px; height:32px; text-align:center; font-size:16px; border:1px solid #ccc; cursor:pointer;}.clear { clear:both; height:1px;}.pointer { cursor:pointer; }.fright { float:right; }.fleft { float:left; }.tooltip {	display:none;	background-color:#ffa;	border:1px solid #cc9;	padding:3px;	font-size:13px;	-moz-box-shadow: 2px 2px 11px #666;	-webkit-box-shadow: 2px 2px 11px #666;}.tright { text-align:right;}.tcenter { text-align:center;}.reddot { font-weight:bold; color:red;}.wrapblur { filter:alpha(opacity=50);}.wrapopaq { filter:alpha(opacity=100);}#fancybox-wrap{    top:0px !important;	width: inherit !important;}#fancybox-content{	//width:650px !important;	background-color:white;	//text-align:center;	border-width:0px !important;}#fancybox-content div{	overflow:hidden;}#fancybox-content div div{	margin:auto;	width:inherit !important;	background-position: center !important;	//background-size: 650px 432px !important;	background-size:100% 100% !important;}#fancybox-content .title{	padding: 0 10px;	background: url(../img/degrad1.png) repeat-x;	height: 19px;	line-height: 19px;	//margin: -8px -8px 8px -8px;	font-weight: bold;}.landscape_size{	width:432px !important;}.portrait_size{	width:288px !important;}#photo_selection_close:hover{cursor:pointer;}