* { margin: 0; padding: 0; outline: none; }body, input, textarea, button { font-size: 12px; font-family: Arial, Helvetica, Verdana; }input[type="checkbox"], input[type="radio"] { border: 0; }.center { text-align: center; }.right { text-align: right; }ul, ol, ul li { list-style: none; }.floatLeft { float: left; margin-right: 15px; position: relative; top: 5px; }.floatRight { float: right; margin-left: 15px; }.spacer { clear: both; }.success, .error { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; padding-left: 40px; width: 80%; margin: 10px auto; }.success { color: green; background: url(images/success.png) no-repeat 10px 4px transparent; background-color: #CFC; border: 1px solid green; }.error { color: #F55; background: url(images/error.png) no-repeat 10px 4px transparent; background-color: #FDD; border: 1px solid #F55; }.hidden { display: none; }a { text-decoration: none; }a img { border: 0; }p { margin-bottom: 10px; text-align: justify; line-height: 1.5em; }form fieldset { margin: 20px 0; }form fieldset legend { margin: 0 10px; padding: 0 10px; }form p.checkboxes span, form p label { float: left; width: 160px; text-align: right; margin-right: 15px; }form p.checkboxes label { float: none; }form p.checkboxes input { position: relative; top: 3px;}button { cursor: pointer; }.sortable li { cursor: pointer; }input, textarea { color: #6C4169; border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 20px; padding: 3px 6px; }input { height: 16px; }input[type="file"] { height: inherit; }input:focus, textarea:focus { color: #E50084 border: 1px solid #b4b4b4 }button { background-color: #6C4169; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: white; font-weight: bold; padding: 3px 10px; border: none; margin-bottom: 20px; }button:hover { cursor: pointer; background: #e50084; }.chiffre { text-align: center; width: 40px; }input { line-height: 18px; }* {}#page #content table.grid { width: 850px; margin: 10px auto; border-collapse: collapse; }#page #content table.grid th { border-bottom: 1px solid #7D0076; }#page #content table.grid th, table.grid td { padding: 2px; }#page #content table.grid .id { text-align: center; width: 80px; }#page #content table.grid .icones { width: 150px; text-align: center; }#page #content table.grid .icones a img { border: 0; position: relative; top: 2px; }.ajouter { background: url(images/ajouter.png) no-repeat right; padding-right: 24px; margin: 0 10px; }.pagination { text-align: center; }* { margin: 0; padding: 0; }html, body { height: 100%; }body, p, textarea, input, button { font-family: Arial, Verdana; font-size: 12px; line-height: 1.8em; }body { background: #e9e9e9; color: #666666; }#page { background: url(images/earth.jpg) no-repeat bottom right #FFF;width: 996px; margin: auto; min-height: 100%; border: 1px solid silver; border-width: 0 1px; }* html body #page { height: 100% }#page #header { height: 145px; z-index: 10; position: relative; left: -18px; width: 970px; margin: auto; padding: 10px 30px; background:url("images/background-header.jpg") no-repeat scroll 0 0 transparent;}#page #header h1 { margin: 0; padding: 0; border: 0; }#page #header h4 { color: #b4327b; font-size: 14px; position: absolute; top: 4px; right: 35px; font-weight: normal; }#page #header #logo { margin-top: 10px; margin-left: 10px; float: left; }#page #header #logo-barre { position: absolute; top: 114px; margin-left: 270px; }#page #header #logo-barre #ministere { position: relative; top: 4px; }#page #header #logo-barre p { padding: 0; text-align: right; color: #798998;line-height: 5px; font-weight: bold; font-size: 11px; text-transform: uppercase; margin-bottom: 0; }#page #header #baseline { font-size: 24px; color: #b4327b; }#page #header .recherche { margin-top: -70px; }#page #header #connexion { width: 300px; position: absolute; top: 20px; right: 40px; }#page #header #connexion p { text-align: right; }#page #header #connexion #response { position: absolute; top: -10px; left: 50%; margin-left: -360px; width: 200px; padding-left: 24px; text-align: center;}#page #header #connexion label { float: none;}#page #middle { }#page #content { padding: 10px 20px; }#page #content img { border: 3px solid #bbbaba; }#page .recherche{ width: 294px; float: right; margin-top: -108px; background: url(images/rabat.png) no-repeat; height: 64px; margin-right: 0px; }#page .recherche li { background: url(images/recherche.jpg) no-repeat; width: 250px; height: 34px; padding: 0; margin-left:20px; margin-top:8px; }#page #footer { width: 996px; padding: 5px; height: 140px; }#page #footer p { text-align: center; font-size: 10px; color: #909090; margin-bottom: 0; padding-top: 95px;}#page #footer p small { font-size: 10px; }#comment { width: 600px; }#respond { margin-top: 10px; } #respond label { float: left; width: 240px; }.alignLeft { float: left; margin-right: 10px; }.alignRight { float: right; margin-left: 10px; }a, a:visited { color: #7D0078; text-decoration: none; }a:hover { color: #999999; }a img { border: 0; }h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }h1 { font-size: 18px; padding-top: 9px; margin-bottom: 20px; letter-spacing: 2px; line-height: 29px; color: #7D0078; border-bottom: 1px solid #7D0078; text-align: center;}h2 { font-size: 18px; padding-top: 9px; line-height: 29px; color: #7D0078; }h3 { font-size: 15px; }h6 { font-size: 12px;color: #6C4169; }h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }blockquote { font-style: italic; color: gray; margin-left: 50px; border-left: 1px solid silver; padding-left: 20px; }ul { list-style: none; margin: 15px; margin-top: 0; }ol { margin-left: 35px; list-style: decimal;}ul li { padding-left: 24px; background: url(images/puce.png) no-repeat transparent 2px 5px; }li.pdf { background-image: url(images/pdf.png); }li.xls, li.xlsx { background-image: url(images/excel.png); }li.doc, li.docx { background-image: url(images/word.png); }li.gif, li.jpg, li.png, li.jpeg { background-image: url(images/photo.png); background-position: 0 3px; }ol li { background: none; padding-left: 0; }.tagTitle a { color: #5D5D5D; font-weight: normal; }#comments { background: url(images/comments.png) no-repeat; padding-left: 25px; }.tagTitle { background: url(images/key.png) no-repeat; padding-left: 25px; }#respond h6 { background: url(images/pencil.png) no-repeat; padding-left: 25px; }p.author { margin-top: -22px; color: #AAA; font-style: italic; }.address { margin-left: 50px; background: url(images/adresse.png) no-repeat left center transparent; padding-left: 90px; }li.pdf { background: url(images/pdf.png) no-repeat left 3px transparent; padding-left: 26px; }*+html #header { margin-bottom: 10px;}*+html .content h2 { line-height: 24px;}*+html #header #logo-barre { margin-top: -1px; height: 100px; }*+html #header #logo-barre p { line-height: 24px; }*+html #header #logo-barre p#conservatoire { position: relative; top: -1px; }*+html button { padding: 0; }*+html input[type=file] { margin-right: 15px; float: left; height: 24px; position: relative; top: 1px; }*+html ul li * {vertical-align: bottom; }