* { margin: 0; padding: 0; font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; }
html, body { height: 100%; }
body{ font-size: 1em; color: #303030; background: #F1EFE2 url(img/bg_body.png) repeat-y center center; cursor: default; }
a { cursor: pointer; }
a img { border: none; }
fieldset{border: none;}
.clear{clear: both; height: 0;  line-height: 0; font-size: 0; visibility: hidden; }
.separ { height: 12px; font-size: 0; }
.hidden { display: none; }
.hidden2 { position: absolute; left: -9999em; top: -9999em; }
.center { text-align: center; }
.right { text-align: right; }
.u{text-decoration: underline;}
.x{text-decoration: line-through;}
.ul { list-style: none; }
.li { padding-left: 12px; background: url(img/li.png) no-repeat left 10px; }
.nowrap{white-space: nowrap; }
.large{font-size: 1.2em;}
.small{font-size: 0.8em;}
.xsmall{font-size: 0.6em;}
.floatleft{float: left; padding: 15px 15px 15px 0; }
.floatright{float: right; padding: 15px 0 15px 15px; }
.left{float: left; padding: 5px 5px 5px 0; }
.right{float: right; padding: 5px 0 5px 5px; }
.red { color: #d40000; }
.orange { color: #ff7000; }
.green { color: #88a308; }
.blue { color: #0963d4; }
.greenok { color: #00B406; }
.required{color: #EC3617;  }
.captcha{letter-spacing: 0.1em; font-style: normal;}
.msgko { color: #D40000; font-weight: bold; background: url(img/error_ko.png) no-repeat 5px 12px; padding: 10px 10px 10px 30px; }
.msgok { color: #00B406; font-weight: bold; background: url(img/error_ok.png) no-repeat 5px 12px; padding: 10px 10px 10px 30px; }

.tl, .tr, .bl, .br {position: absolute; height: 260px; width: 260px; line-height: 21px; background-repeat: no-repeat; font-size: 0; border: 0px red solid; }
.tl{left: -1px; top: -1px; background: url(img/cr.png) left top; z-index: 1;}
.tr{right: -1px; top: -1px; background: url(img/cr.png) right top; z-index: 2;}
.bl{left: -1px; bottom: -1px; background: url(img/cr.png) left bottom; z-index: 3;}
.br{right: -1px; bottom: -1px; background: url(img/cr.png) right bottom; z-index: 4;}


#main { position: relative; min-height: 100%; }
 * html #main { height: 100%; }

#top { position: relative; height: 169px; background: url(img/bg_top.png) repeat-x left top; }
 #img { position: absolute; width: 210px; height: 178px; left: 40%; margin-left: -320px; background: url(img/bg_img1.png) no-repeat left top;  }
 #links { position: absolute; width: 614px; height: 127px; left: 60%; margin-left: -290px; text-align: center; list-style: none; background: url(img/bg_bme.png) no-repeat right top; overflow: hidden; }
  #links li { display: inline; }
  #links li a { padding: 0 15px; color: #ffc100; font-weight: bold; text-decoration: none; }
  #links li a:hover { color: #fff; }
 #buttons { position: absolute; width: 760px; left: 50%; margin-left: -380px; top: 127px; font-size: 1.4em; text-align: right; list-style: none; }
 #buttons li { float: right; margin: 5px 0 5px 5px;                  border: 0px #fff solid;}
 #buttons li a { float: left; display: block; width: auto; height: 32px; line-height: 32px; text-decoration: none; text-align: center; color: #fff; }
 #buttons li a b { display: block; background: url(img/corner32.png) no-repeat left center;  }
 #buttons li a b span { display: block; background: url(img/corner32.png) no-repeat right center; padding: 0 20px; }
 #buttons li a b span i { display: block; padding: 0 20px 0 30px; }
  #button1 a { background: #0963d4 url(img/bt_blue.png) center center; }
  #button1 a b span i { background: url(img/lesbrosses.gif) 6px center no-repeat; }
  #button1 a:hover { background: #0963d4 url(img/bt_blue2.png) center center; }
  #button2 a { background: #ff7000 url(img/bt_orange.png) center center; }
  #button2 a:hover { background: #ff7000 url(img/bt_orange2.png) center center; }
  #button3 a { background: #88a308 url(img/bt_green.png) center center; }
  #button3 a:hover { background: #88a308 url(img/bt_green2.png) center center; }
 #ssbuttons { float:left; margin: 0 20px 10px 5px; list-style: none; background: url(img/bg_ssbuttons.png) repeat-y left; }
 #ssbuttons li { padding: 2px; height: 25px; line-height: 25px; }
 #ssbuttons li.top { background: url(img/cornertopleft.png) no-repeat left top; }
 #ssbuttons li.bottom { background: url(img/cornerbottomleft.png) no-repeat left bottom; }
 #ssbuttons li a { display: block; width: auto; height: 24px; line-height: 24px; text-decoration: none; font-weight: bold; font-size: 1.2em; color: #FFC100; padding-left: 45px; }
 #ssbuttons li a:hover { color: #88a308; }
 #ssbuttons li a.select { color: #0963d4; }
 #ssbuttons li a.rot { background: url(img/br_rot.png) 5px center no-repeat; }
 #ssbuttons li a.pla { background: url(img/br_pla.png) 5px center no-repeat; }
 #ssbuttons li a.plx { background: url(img/br_plx.png) 5px center no-repeat; }
 #ssbuttons li a.str { background: url(img/br_str.png) 5px center no-repeat; }
 #ssbuttons li a.voi { background: url(img/br_voi.png) 5px center no-repeat; }
 #ssbuttons li a.eco { background: url(img/br_eco.png) 5px center no-repeat; }
 #ssbuttons li a.inc { background: url(img/br_inc.png) 5px center no-repeat; }
 #ssbuttons li a.fab { background: url(img/br_fab.png) 5px center no-repeat; }

#options { float: right; width: 220px; text-align: center; padding-right: 80px;  }
#options .demande { display: block; color: #d40000; padding-top : 47px;  background: url(img/bg_devis.png) no-repeat center top; font-size: 1.1em; font-weight: bold; }
#options a.demande:hover { color: #0963d4; background: url(img/bg_devis2.png) no-repeat center top; }
.alimentaire { font-weight: bold; color: #0963d4; padding: 5px; }

#gallery {  }
#galleryimage { padding: 30px 10px; border: 0px red solid}
#galleryimage.form_gallery { }
#galleryimage.form_gallery p {line-height:20px;}
#galleryimage.form_gallery #label_file { position: absolute; font-size: 1em; line-height: 1.4em; margin: 10px; display: block; padding: 5px; background: url('img/white_transparent.png'); z-index: 5;           border: 0px red solid; }
#galleryimage.form_gallery #input_file { color: #0963d4; font-size: 1em; }
#galleryimage.form_gallery #input_title { color: #0963d4; font-size: 1.3em; font-weight: bold; width:200px; }
#galleryimage.form_gallery #input_comment { color: #0963d4; font-size: 1em; width:200px; height: 250px; }
#galleryimage #divimage { position: relative; float: left; margin: 0 20px 0 0; }
#galleryimage #pimage { line-height: 0; padding: 0; margin: 0; overflow: hidden; min-width: 260px; min-height: 260px;       border: 0px red solid;}
#galleryimage #titleimage { margin:0; padding: 20px 0; background:#fff; }
#galleryimage div p { background: #fff; }
#gallerythumbs { padding: 0;    border:0px solid red;}
#gallerythumbs ul { margin:0; padding:0; list-style:none; clear:both; }
#gallerythumbs li { float:left; display:block; margin: 2px; }
#gallerythumbs li a { display:block; width:80px; height:80px; background: url(img/th_yellow.png) no-repeat center center; }
#gallerythumbs li a img{ margin: 10px;  }
#gallerythumbs li a:hover { background: url(img/th_green2.png) no-repeat center center;  }
#gallerythumbs li a.selected { background: url(img/th_green.png) no-repeat center center; }
#gallerythumbs #thumbs2{ display:block; }
#example { font-size: 1.15em; color: #ff7000; font-style: italic; }

.form { width: 360px; background: #FFFFE1 url(img/corner360.png) no-repeat left top; margin: 0 0 0 3px; padding-top: 10px; }
.form #bottom { background: url(img/corner360.png) no-repeat left bottom; height: 10px; line-height: 10px; font-size: 1px;}
.form #devisask { padding: 10px 20px; margin: 0 0 10px 0; }
.form #deviscontent p { padding: 5px 0 5px 30px; margin: 0 20px; background: url(img/error_ok2.png) no-repeat left 6px; overflow: hidden; }
.form #deviscontent p img { vertical-align: middle; padding-left: 5px; }
.form #deviscontent p.link { cursor: pointer; }
.form #deviscontent p.active { background: url(img/error_ok.png) no-repeat left 6px; }
.form #deviscontent p.selected { background: url(img/error_ok.png) no-repeat left 6px; color: #00B406;  }
.form #deviscontent p.uploading { background: url(img/uploading.gif) no-repeat left 6px; color: #00B406;  }
.form #nextstep { text-align: right; white-space: nowrap; color: #1263C9; font-weight: bold; background: url(img/error_next.png) no-repeat right center; padding: 5px 30px 5px 0; margin: 15px 20px 0 20px; cursor: pointer; }
.form #nextstep.disabled { background: url(img/error_next2.png) no-repeat right center; color: #303030; cursor: default; }
.form input,.form select { font-size: 1em; }
.form .dim { width: 50px; }
.form .coord { float: right; width: 50%; }
.form #fileiframe { width: 290px; height: 2em; border: none; overflow: hidden; }
#papier #temp_comment { font-size: 1em; width: 340px; margin-left: 18px; }
#papier { float: right; display: block; width: 381px; margin: 0 3px 0 0; background: url(img/papier.png) repeat-x left bottom; padding: 5px 0 50px 0; }
#papier h4 { padding: 2px 10px 2px 20px; background: url(img/info_ok.png) no-repeat 5px 8px; }
#papier p { padding: 2px 20px; }
#papier #papierimg { width: 350px; position: relative; padding: 0 15px; background: url(img/img_bme.png) no-repeat right bottom; }
#papier #papierimg #papierdim {  position: absolute; left: 0; bottom: 0; z-index: 10;  border: 0px solid red; }
#papier #papierimg #papierdim p {  color: #ff7000; padding: 2px 0 2px 10px; font-weight: bold; }

#form_contact { background: none; }
.form .legend { margin:0; padding: 10px 0 0 15px; }
.form fieldset{ background: #FFFFE1 url(img/corner360.png) no-repeat left top; }
#form_contact p{ margin: 5px 5px 0 5px; clear: both;}
#form_contact p.bottom{ background: #FFFFE1 url(img/corner360.png) no-repeat left bottom; margin:0; padding: 0; height: 20px; line-height: 10px; }
#form_contact #message{ float: none; width: 286px; }
#form_contact p.link { cursor: pointer; padding: 2px 0 2px 30px; margin: 0 20px; background: url(img/error_ok2.png) no-repeat left 6px; overflow: hidden; }
#form_contact p.active, #form_contact p.selected { cursor: pointer; padding: 2px 0 2px 30px; margin: 0 20px; background: url(img/error_ok.png) no-repeat left 6px;  }
#coordonnees { float: right; width: 379px; margin: 0 3px 0 0; padding: 5px 0 50px 0; }


#content { display:block; width: 760px; min-height: 100%; height: auto; margin: 0 auto; padding: 10px 0 50px 0;  }
#contenttext { float: left;  }
#content p, #content h2, #content h3 { padding-bottom: 5px; }
#content a { text-decoration: none; color: #d40000; }
#content a:hover { color: #0963d4; }

#content .divimg { display: block; text-align: center; font-size: .8em; color: #0963d4; line-height: 1em; padding: 20px 20px 10px 20px;  }
#content a.divimg:hover { color: #d40000;  }
#content .divimg .legend { display: block; }

#footer, .footer { position: absolute; bottom: 0; text-align: right; width: 100%; background: #88a308; }
 #footer p { position: relative; width: 770px; margin: 0 auto; height: 42px; background: url(img/logo_bme.png) no-repeat right center; }
 #footer p i { display: block; padding: 0.3em 100px 0.3em 0; color: #d40000; font-weight: bold; font-family:"Times New Roman", Times, serif; line-height: .9em; }
 #footer p a { position: relative; float: left; text-align: left; color: #fff; font-weight: bold; font-size: 1.1em; text-decoration: none; }
 #footer p a b { display: block; line-height: .9em; padding: 0.3em 0 0.3em 45px;  background: url(img/afaq.png) no-repeat 5px center; }
 #footer p a:hover { background: none; }
 #footer p a .popup{ position: absolute; display: none; width: 400px; left: -9999em; top: -9999em; }
 * html #footer p a .popup{ display:block;}
 #footer p a:hover .popup{ display: block; color: #303030; font-size: 85%; font-weight: normal; left: 20px; top: -260px; }



#popup, .popup { position: absolute; left: 50px; top: 50px; width: 400px; z-index: 199; }
 #popup .top, .popup .top { display: block; height: 10px; line-height: 10px; font-size: .1em; background: url(img/popup.png) no-repeat left top;}
 #popup .bottom, .popup .bottom { display: block; height: 10px; line-height: 10px; font-size: .1em; background: url(img/popup.png) no-repeat left bottom;}
 #popup .text, .popup .text { display: block; background: url(img/popup.png) no-repeat left center; padding:0 12px;}
 #popup .text span { display: block; padding-left: 22px; }
 #popup .text span.ok { background: url(img/error_ok.png) no-repeat left center; color: #00B000; }
 #popup .text span.ko { background: url(img/error_ko.png) no-repeat left center; color: #EC3617; }

#admin_div{position:absolute; left: 0; top: 0; height: 20px; width: 20px; background: url(img/blank.png); z-index: 500; }
#admin_form{ position:fixed!important; position: absolute; left: 0; top: 0; width: 100%; background: url('img/hatch.png'); border-top: 1px solid white; border-bottom: 1px solid white; z-index: 200;}
#admin_white{ height:26px; padding: 10px; background: url('img/white_transparent.png'); }
* html #admin_white{background: white;}
#admin_white div{position: relative;}
 #admin_pass{ font-size: 1em; margin: 0 1px; width: 100px; }
 #admin_div_buttons button { font-size: 0.9em; margin: 0 1px;  cursor: pointer;}
 #admin_div_buttons #admin_logout { margin: 0 10px 0 0; cursor: pointer;}


.uploadifyQueueItem {
 font-size: 11px;
 margin-top: 5px;
}
.uploadifyError {
 border: 2px solid #FBCBBC !important;
 background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
 float: right;
}
.uploadifyProgress {
 margin-top: 5px;
 border: 1px solid #2E702F;
}
.uploadifyProgressBar {
 background-color: #00AC05;
 width: 1px;
 height: 10px;
}