* { margin:0; padding:0; }

body { background-color:#2b2b2d; background-image:url(../img/body_bg.png); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-bottom:10px; }

p { text-align:justify; margin-bottom:10px; }

img { border:0; }

.spacer { clear:both; overflow:hidden; height:10px; }
.breaker { clear:both; overflow:hidden; height:0px; }

#global { width:960px; margin:0 auto; }

#header { }

ul#menu { height:27px; margin:0; padding-top:10px; border-bottom:1px solid #fff; }
ul#menu li { list-style-type:none; float:left; }
ul#menu li a { color:#fff; padding:0 15px 0 15px; font-size:14px; font-weight:bold; float:left; padding-bottom:10px; text-decoration:none; }
ul#menu li.on a { background-image:url(../img/menu_on.gif); background-repeat:no-repeat; background-position:bottom center; }

ul#ssMenu { height:auto; margin:0; margin-top:5px; font-style:italic; margin-left:15px; }
ul#ssMenu li { list-style-type:none; float:left; }
ul#ssMenu li a { color:#fff; text-decoration:none; }
ul#ssMenu li.on a { font-weight:bold; text-decoration:underline; cursor:default; }
ul#ssMenu li a:hover { text-decoration:underline; }

#leftPart { width:580px; float:left; padding:10px; overflow:hidden; margin-top:10px; }

#leftPart2 { width:450px; float:left; padding:10px; overflow:hidden; margin-top:10px; }
#leftPart2 a img { border:1px solid #666; padding:1px; }
#leftPart2 a:hover img { border:1px solid #999; padding:1px; }
#leftPart2 span.actions { position:relative; top:-25px; left:400px; z-index:20; }
#leftPart2 span.actions a { padding-left:5px; }
#leftPart2 span.actions a img { border:0; padding:0; }

#leftPart #breadcrumbs { margin:0 0 20px 0; padding:0; }
#breadcrumbs { margin:20px 0 10px 0; font-size:11px; padding-left:10px; }
#breadcrumbs a { font-weight:bold; color:#fff; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }

#msgWarning { background-color:#de8787; border:2px solid #b00000; padding:10px; font-weight:bold; font-style:italic; text-align:center; margin-bottom:20px; color:#b00000; }
#msgWarning a { color:#b00000; }
#msgWarning a:hover { text-decoration:none; }
#msgConfirm { background-color:#666; border:2px solid #777; padding:10px; font-weight:bold; font-style:italic; text-align:center; margin-bottom:20px; }

.accueil h1 { font-size:16px; margin-bottom:10px; color:#fccd0e; text-transform:uppercase; }
.accueil img { border:1px solid #666; padding:1px; }
.accueil p { margin-bottom:0; }
.accueil ul { margin-left:30px; }
.accueil ul li { padding-bottom:5px; list-style-type:disc;  }

#galerie {  }
#galerie li.objet { width:290px; height:130px; float:left; margin-bottom:20px; list-style-type:none; }
#galerie li.objet span { width:170px; display:block; height:130px; text-align:center; float:left; margin-right:10px; overflow:hidden; }
#galerie li.objet span.statut { position:relative; top:-80px; left:25px; background-image:url(../img/bg-white-trans.png); border:2px solid #666; height:30px; width:120px; line-height:30px; color:#666; font-weight:bold; }
#galerie li.objet span a img { border:1px solid #666; padding:1px; }
#galerie li.objet span a:hover img { border:1px solid #999; }
#galerie li.objet strong { color:#fccd0e; }
#galerie li.objet i { font-size:10px; }
#galerie img.handle { cursor:move; padding-top:5px; }
/*.galerie span.actions { position:relative; top:-25px; left:0px; margin:0; float:none; display:block; width:80px; text-align:left; border:1px solid red; }
.galerie span.actions a { padding-left:5px; }
.galerie span.actions a img { border:0; padding:0; }*/

#rightPart { width:336px; float:right; padding:10px; margin-top:10px; }
#rightPart .cadre { margin-bottom:20px; }
#rightPart .cadre .top { background:url(../img/cadre-top.gif) no-repeat; height:10px; overflow:hidden; }
#rightPart .cadre .bottom { background:url(../img/cadre-bottom.gif) no-repeat; height:10px; overflow:hidden; }
#rightPart .cadre .content { border-left:2px solid #444; border-right:2px solid #444; background-color:#333; padding:10px; }
#rightPart .cadre .content.center { text-align:center; }
#rightPart .cadre h2 { border-bottom:1px solid #fccd0e; font-size:16px; margin-bottom:10px; font-variant:small-caps; color:#fccd0e; text-align:left !important; }
#rightPart .cadre p { margin-bottom:0; }
#rightPart .cadre img { border:1px solid #666; padding:1px; }
#rightPart .cadre a:hover img { border:1px solid #999; }
#rightPart .cadre ul { margin-left:16px; }
#rightPart .cadre ul li { margin:5px 0 5px 0; list-style-type:none; list-style-image:url(../img/puce.gif); }
#rightPart .cadre ul li ul { margin-left:6px; } 
#rightPart .cadre ul li ul li { list-style-image:none; }

#rightPart #admin.cadre .top { background:url(../img/cadre-admin-top.gif) no-repeat; height:10px; overflow:hidden; }
#rightPart #admin.cadre .bottom { background:url(../img/cadre-admin-bottom.gif) no-repeat; height:10px; overflow:hidden; }
#rightPart #admin.cadre .content { border-left:2px solid #555; border-right:2px solid #555; background-color:#444; padding:10px; }
#rightPart #admin.cadre ul { margin:0; padding:0; }
#rightPart #admin.cadre ul li { list-style-type:none; list-style-image:none; }
#rightPart #admin.cadre ul li a { color:#fff; text-decoration:none; }
#rightPart #admin.cadre ul li a.edit { background:url(../img/page_edit.png) no-repeat left; padding-left:24px; }
#rightPart #admin.cadre ul li a.img { background:url(../img/image.png) no-repeat left; padding-left:24px; }
#rightPart #admin.cadre ul li a.msg { background:url(../img/note_edit.png) no-repeat left; padding-left:24px; }
#rightPart #admin.cadre ul li a.add { background:url(../img/picture_add.png) no-repeat left; padding-left:24px; }
#rightPart #admin.cadre ul li a.logout { background:url(../img/door.png) no-repeat left; padding-left:24px; }
#rightPart #admin.cadre ul li a.logout:hover { background:url(../img/door_open.png) no-repeat left; }

#rightPart2 { width:470px; float:right; padding:10px; margin-top:10px; }
#rightPart2 h1 { margin-bottom:10px; padding-bottom:10px; font-size:16px; border-bottom:1px solid #fccd0e; color:#fccd0e; }
#rightPart2 p strong { width:90px; display:block; float:left; }
#rightPart2 p span { display:block; padding-left:90px;}

* html #contact { margin-left:0; }
#contact .top { background:url(../img/bcadre-top.gif) no-repeat; height:10px; overflow:hidden; }
#contact .bottom { background:url(../img/bcadre-bottom.gif) no-repeat; height:10px; overflow:hidden; }
#contact .content { border-left:2px solid #444; border-right:2px solid #444; background-color:#333; padding:10px; }
#contact h1 { font-size:20px; font-weight:bold; color:#fff; font-variant:small-caps; border-bottom:1px solid #fccd0e; margin-bottom:10px; color:#fccd0e; }
#contact p.haha { display:none; }
#contact p .obligatoire { display:block; float:left; width:12px; }
#contact p label { display:block; width:120px; float:left; padding-top:3px; font-size:14px; }
#contact p label em { font-size:9px; }
#contact p input { width:410px; height:20px; }
#contact p textarea { width:412px; }
* html #contact p input { width:407px; }
*+html #contact p input { width:405px; }
#contact p input.btn { width:120px; background-color:#333; border:2px solid #444; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer; height:30px; margin-right:3px; float:right; text-align:center; }

#plan { padding:10px; float:right; }
#plan iframe { border:1px solid #222; padding:1px; }

.btn, .btn2 { margin-top:10px; text-align:right; }
.btn input { margin-left:10px; background-color:#444; border:2px solid #555; padding:5px 20px 5px 20px; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer; }

.btn2 input { margin-left:10px; background-color:#333; border:2px solid #444; padding:5px 20px 5px 20px; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer; }

#footer { color:#fff; font-size:10px; text-align:center; clear:both; margin-top:10px; }
#footer a { color:#fff; }
#footer a:hover { text-decoration:none; }

.edit input.nom { font-size:16px; font-weight:bold; width:100%; }
.edit input.artiste { width:100%; }
.edit selected { width:auto; }
.edit textarea.description { width:100%; height:150px; }
.edit input.dimension { width:80px; }
.edit input.prix { text-align:right; width:80px; }

#auth .top , #add .top { background:url(../img/bcadre-admin-top.gif) no-repeat; height:10px; overflow:hidden; }
#auth .content , #add .content { padding:10px; background-color:#444; border-left:2px solid #555; border-right:2px solid #555; text-align:left; }
#auth .bottom , #add .bottom { background:url(../img/bcadre-admin-bottom.gif) no-repeat; height:10px; overflow:hidden; }
#auth h1, #add h1 { font-size:20px; font-weight:bold; color:#fff; font-variant:small-caps; border-bottom:1px solid #fccd0e; margin-bottom:10px; color:#fccd0e; }
#auth label, #add label { display:block; padding-bottom:3px; font-size:14px; font-style:italic; }
#auth input, #add input { width:550px; height:18px; font-size:12px; }
#auth input.file, #add input.file { color:#000; }
#auth select, #add select { width:550px; font-size:12px; }
#auth textarea, #add textarea { width:550px; height:60px; font-size:12px; }
#auth .btn input, #add .btn input { width:auto; height:auto; }

table { border-collapse:collapse; width:100%; background:#444; border:2px solid #555; }
table th { font-size:16px; font-variant:small-caps; text-align:left; background:#fccd0e; color:#000; padding:5px; }
table tr:hover { background:#999; }
table tr:hover.on { background:#999; }
table tr.on { background-color:#666; }
table td { padding:5px; }

.tool-tip { color:#fff; width:250px; z-index:13000; }
.tool-title { font-weight:bold; font-size:13px; margin:0; color:#fccd0e; padding:8px 8px 4px; background:url(../img/bubble.png) top left; }
.tool-text { font-size:11px; padding:4px 8px 8px; background:url(../img/bubble.png) bottom right; font-style:italic; }