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

/* Reset */
/*body, div, fieldset, form, p, li, ol, ul, span, a, h1, h2, h3, h4, h5, input, img{ margin:0; padding:0;list-style:none;border:none;text-decoration:none;}
body{font-family: helvetica, arial sans-serif; color: black ; font-size: 13px;height:100%;background:#282928 url(../img/bg_body.png) repeat;}
*/
/* Generique */
.floatLeft{float:left;}
.floatRight{float:right;}
.displayNone{display:none;}
.overflowAuto{overflow:auto;}
.clearBoth{clear:both;}
.cursorMove {cursor:move;}
.result li .surligne {background-color:yellow;}
.bouton{padding:1px 8px;font-weight:bold;color:#ffffff;background-color:#000000;margin-left:5px;border:1px solid black;float:right;font-size:13px;}
.bouton { -moz-border-radius: 3px; -webkit-border-radius: 3px;cursor:pointer; }
.bouton:hover { color:#000000;background-color:#ffffff}
/* positionnement */
form#identification { position:absolute;top:50%;left:50%;display:block;width:300px;margin:-70px 0px 0px -180px;padding:20px;background-color:#ffffff;border:10px solid black;}
form#identification ul li{ padding:7px 4px;clear:both;}
form#identification ul li label { float:left;font-weight:bold;}
form#identification ul li input[type=text],form#identification ul li input[type=password] { float:right;width:200px;}

form#identification ul li input.validation { border:1px solid black;}
form#identification ul li input.noValidation { border:1px solid black;}
form#identification ul li input.erreur { border:1px solid #F03;}

#messageAlerte {padding:5px 5px 15px 30px ;border:1px solid grey;width:auto;color:grey;background:url(../img/close.png) no-repeat 5px 5px ;}

div#padSelect { width:840px;margin:auto;background-color:#ffffff;padding:10px 10px 0px 10px;}
div#padSelect select { border:1px solid black;}
div#padSelect .deconnexion {margin-right:10px;}

div#topUser {width:100%;margin:auto;background-color:#ffffff;}
div#topUser div#title {height:20px;padding:5px;margin:10px 10px 10px 0px;background-color:#e1e1e1;font-size:15px;font-weight:bold;border-bpttpm:1px solid black;border-bottom:1px solid #777777;}
ul.blocGenre { width:254px; float:left;margin:0;padding:5px;margin-bottom:4px;}

ul.blocGenre li {margin:0; padding:0;list-style:none;border:none;text-decoration:none;}
ul.blocGenre li.sortable, ul.blocGenre li.noSortable {height:21px;margin-bottom:2px;position:relative;}
ul.blocGenre li.libelleGenre {height:21px;margin-bottom:2px;color:#ffffff;font-weight:bold;background-color:#000000;padding:2px 4px;}
ul.blocGenre li.libelleGenre span {float:left;}
ul.blocGenre li.libelleGenre a { color:#ffffff;font-size:0.8em;margin-left:4px;cursor:pointer;}
ul.blocGenre li.libelleGenre a:hover { text-decoration:underline;}
ul.blocGenre li span.ordre {float:left;margin-right:2px;width:18px;padding:2px 6px 2px 0px;height:17px;text-align:right;font-size:bold;display:block;background-color:#f0f0f0;}
ul.blocGenre li span.libelle {overflow:hidden;color:#444444;float:left;width:220px;padding:2px 4px;height:17px;display:block;background-color:#f0f0f0;cursor:pointer;}

ul.blocGenre li a {cursor:pointer;}
ul.blocGenre li.sortable span.libelle {overflow:hidden;color:#444444;float:left;width:200px;padding:2px 24px 2px 4px;height:17px;display:block;background-color:#f0f0f0;cursor:pointer;}

ul.blocGenre li.libelleGenre label, ul.blocGenre li.libelleGenre input {float:left;font-size:0.9em;}
ul.blocGenre li.libelleGenre input {border:1px solid black;margin:1px 0px 0px 10px;}
ul.blocGenre li.libelleGenre label {margin:2px 0px 0px 40px;}

ul#selectionGenre, ul#result {float:left; width:508px;margin:0;padding:0;}
ul#selectionGenre {min-height:570px;}
ul.blocGenre li.placeholder {height:21px;margin-bottom:2px;background-color:#EAE3CE;}
ul#result li span.ordre {display:none;}
.cliquable {width:16px; height:16px;position:absolute;top:3px;}
ul#result li {}
ul#result li span.libelle {cursor:pointer;color:#666666;font-weight:normal;font-style:italic;cursor:pointer;background-color:#ffffff;border:1px dotted #e1e1e1;width:494px;}
ul#result li.valide span.libelle {color:#000000;font-style:normal;font-weight:bold;}
.supprimer {right:3px;background:url(../img/b_drop.png) no-repeat 0px 0px ;}
.ajouter {width:16px;height:16px;right:3px;background:url(../img/b_edit.png) no-repeat 1px 1px ;}
.vider {width:16px;height:16px;right:3px;background:url(../img/b_vider.png) no-repeat 1px 1px ;} 
.pagination {width:519px;padding:5px 5px 5px 0px;margin-bottom:10px;border-bottom:1px solid #000000;height:22px;}
.pagination a, .pagination span { color:#000000;max-width:12px;line-height:14px;padding:0.2em 0.4em;text-decoration: none; display: block;float: left; }
.pagination .prev, .pagination .next {display:block;height:16px;width:16px;text-indent:-999px;font-size:0px;border:none;}
.pagination .current { font-weight:bold;text-decoration:none; background-color:#000000;color:#ffffff; }
.pagination .prev {background: #ffffff url(../img/bt_left_noir.png) no-repeat 0px 0px;border:none; }
.pagination .next {background: #ffffff url(../img/bt_right_noir.png) no-repeat 0px 0px;border:none; }
.pagination a:hover {font-weight:bold;color:#000000;}

/* ligne */