* { margin: 0; padding: 0; outline: 0 none; }body, input, textarea, button { font-size: 11px; font-family: Arial, Helvetica, Verdana; color: #6B6B6B; line-height: 1.3em; }.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 { padding: 5px; padding-left: 40px; width: 80%; margin: 10px auto; text-align: center; font-weight: bold; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .success { color: green; background-color: #FFF; }.error { color: #F55; background-color: #FFF; }.hidden { display: none; }a { text-decoration: none; }a img { border: 0; }p { margin-bottom: 10px; text-align: justify; line-height: 1.3em; }form fieldset { margin: 20px 0; }form fieldset legend { margin: 0 10px; padding: 0 10px; }form p.checkboxes span, form p label { float: left; width: 40%; text-align: right; margin-right: 15px; }form p.checkboxes label { float: none; }form p.checkboxes input { position: relative; top: 3px;}button { cursor: pointer; }.chiffre { width: 45px; text-align: center; }.sortable li { cursor: pointer; }.bordure { border: 1px solid green; }form p textarea, form p input {background-color: #E0E0E0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px inset silver;padding: 2px;}form p textarea:focus, form p input:focus { background-color: #F0F0F0; }form p button {background-color: #279223; color: white; padding: 2px 10px; border: 0; font-size: 11px; font-weight: bold;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 10px 0; }form p button:hover { background-color: #5FAD05; }form p button.loading { background: url(images/loading.gif) no-repeat top center transparent; cursor: inherit; height: 30px; }input.date { width: 80px; }table.grid { width: 600px; margin: auto; border-collapse: collapse; }table.grid td, table.grid th { padding: 2px; }table.grid thead th { color: white;background-color: #2A922E;background-image: -moz-linear-gradient(top, #63AE24, #28922E); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #63AE24),color-stop(1, #28922E)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E')"; }table.grid tbody tr.impaire { background-color: #FFF; }table.grid tbody tr.paire { background-color: #F6F6F6; }table.grid tbody tr:hover { background-color: #EFEFEF; }.ajouter { background: url(images/ajouter.png) no-repeat right; padding-right: 24px; margin: 10px 0; }table.grid td.id { text-align: center; width: 80px; }table.grid td.date { width: 100px; text-align: center; }table.grid td.icones { width: 100px; text-align: center; } body { background-color: #EFEFEF; }a { color: #42A62A; }p, li, input, textarea, blockquote { color: #444; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 1.6em; }h1 {color: white; font-weight: normal; padding: 5px 15px; display: inline; font-size: 16px; line-height: 44px; position: relative; top: -15px; left: -32px; z-index: 0;background-color: #2A922E;background-image: -moz-linear-gradient(left, #63AE24, #28922E); background-image: -webkit-gradient(linear,left center,right center,color-stop(0, #63AE24),color-stop(1, #28922E)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E')"; -moz-box-shadow: 3px 3px 5px #777; -webkit-box-shadow: 3px 3px 5px #777; box-shadow: 3px 3px 5px #777; }h2 { margin: 10px 0; color: #42A62A; background: url(images/puce-feuille.png) no-repeat top left transparent; font-weight: normal; line-height: 30px; padding-left: 40px; font-size: 16px; }h3 { margin: 10px 0; color: #42A62A; font-size: 12px; }blockquote { margin: 10px 0 10px 60px; border-left: 2px solid silver; padding-left: 20px; font-style: italic; color: gray; }#page { width: 100%; }#page #header { width: 100%; background: url(images/fond-header.png) repeat-x bottom transparent; height: 250px; margin-bottom: 40px; }#page #header #headerContent { width: 1000px; margin: auto; }#page #header #headerContent #logo {position: absolute; top: 25px; background-color: #FFF; padding: 5px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-left: 15px;}#page #header #headerContent #banniereHeader { position: absolute; top: 25px; left: 50%; margin-left: -335px; }#page #header #headerContent #formulaireConnexion { position: absolute; top: 25px; left: 50%; margin-left: 210px; width: 290px; height: 60px; padding-top: 20px; background-color: #2A922E;background-image: -moz-linear-gradient(left, #63AE24, #28922E); background-image: -webkit-gradient(linear,left center,right center,color-stop(0, #63AE24),color-stop(1, #28922E)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E')"; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }#page #header #headerContent strong { display: block; margin-top: 10px; margin-bottom: 25px; color: white; font-weight: normal; }#page #header #headerContent #formulaireConnexion p { float: left; width: 110px; margin-right: 10px; padding: 5px; padding-right: 5px; }#page #header #headerContent #formulaireConnexion label { display: block; color: white; float: none; width: 100%; text-align: left; font-size: 15px; margin-bottom: 5px; padding-left: 4px; }#page #header #headerContent #formulaireConnexion input { width: 120px; }#page #header #headerContent #formulaireConnexion button { border: 0; background-color: transparent; padding: 0; margin-top: 0; }#page #header #headerContent #formulaireConnexion p.buttons { width: 20px;padding: 0; padding-top: 29px; margin-right: 0; margin-left: 2px; }#page #header #headerContent strong { color: white; font-weight: normal; font-size: 28px; text-align: center; padding-top: 130px; line-height: 45px; }#page #middle { width: 1000px; margin: auto; margin-bottom: 30px; }#page #content {float: right; width: 750px; background-color: #E1E5E2; padding: 20px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}#page #content ul, #page #content ol { margin: 10px 10px 10px 60px; }#page #content ul li { list-style: circle; }#page #content ol li { list-style: decimal; margin-bottom: 10px; }#page #content #triangleTitre { background: url(images/triangle-h1.png) no-repeat top left transparent; height: 12px; width: 12px; position: relative; top: 33px; left: -32px; z-index: 2; }#page #menu { float: left; width: 160px; }#page #menu #formulaireRecherche { background-color: #2A922E; padding: 5px; margin-bottom: 10px; padding-bottom: 0; background-image: -moz-linear-gradient(left, #63AE24, #28922E); background-image: -webkit-gradient(linear,left center,right center,color-stop(0, #63AE24),color-stop(1, #28922E)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#63AE24', EndColorStr='#28922E')"; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }#page #menu #formulaireRechercher p { margin-bottom: 0; }#page #menu #formulaireRecherche label { display: block; color: white; float: none; width: 100%; text-align: left; font-size: 15px; margin-bottom: 5px; padding-left: 4px; }#page #menu #formulaireRecherche button { border: 0; background-color: transparent; margin-top: 3px; margin-left: 125px;padding: 0; }#page #menu #menuContent {background: url(images/menu-bottom.png) no-repeat bottom center #E1E5E2; padding: 10px; padding-bottom: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}#page #menu #menuContent > ul > li {background: url(images/separateur.png) repeat-x bottom transparent; padding-bottom: 10px; margin-bottom: 10px; }#page #menu #menuContent > ul > li.last { background: none; padding-bottom: 0; }#page #menu #menuContent > ul > li > a { font-size: 14px; text-transform: uppercase; }#page #menu #menuContent li ul { margin: 10px 0; }#page #menu #menuContent li li { background: url(images/fleche.png) no-repeat 2px 0 transparent; padding-left: 25px; padding-bottom: 5px; margin-bottom: 10px; }#page #menu #menuContent li li a { color: #636363; }#page #footer { background: url(images/fond-footer.png) repeat-x bottom transparent; height: 76px; }#page #footer p { text-align: center; color: white; padding-top: 30px; }#page #footer a { color: #FFF; text-decoration: underline; }.pagination { text-align: center; margin: 10px auto; }.pagination span { font-weight: bold; }.bordure { border: 1px solid green; }