-@import url("general.css");
-@import url("header.css");
-@import url("menu_top.css");
-@import url("main.css");
-@import url("footer.css");
-
-*{
- margin: 0;
+@import url("reset.css");
+
+/* --------------------------------------------- STRUCTURE GENERAL */
+
+body{
+ text-align: center;
+}
+
+.content{
+ width: 800px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+.content:after{
+ content: "";
+ display: table;
+ clear: both;
+}
+
+#colonne{
+ float: left;
+ width: 220px;
+ padding: 0 10px 10px 10px;
+}
+
+#center{
+ float: left;
+ width: 540px;
+ padding: 0 10px 10px 10px;
+}
+
+#center.no_colonne{
+ float: none;
+ width: 780px;
+ padding: 10px;
+}
+
+.clear{
+ clear: both;
+ height: 0;
+ line-height: 0;
+ font-size: 0;
+}
+
+#main{
+ background-color: #ffffff;
+ padding: 1em 0;
+}
+
+/* --------------------------------------------- HEADER */
+
+#main_header{
+ border-bottom: solid 1px #d5d5d5;
+}
+
+#main_header .content{
+ padding: 10px 0 3px 0;
+ min-height: 11em;
+ position: relative;
+}
+
+#main_header .content h1{
+}
+#main_header .content h1 a{
+}
+#main_header .content h1 span{
+}
+
+#menu_top{
+ position: absolute;
+ bottom: 5px;
+ right: 30px;
+}
+
+#menu_top ul{
+ float: right;
+ margin-top: 179px;
+ padding-bottom: 0;
+}
+
+#menu_top ul:after{
+ content: "";
+ display: table;
+ clear: both;
+}
+
+#menu_top ul li{
+ list-style-type: none;
+ float: left;
+ position: relative;
+ padding: 2px 1em 0 0;
+}
+
+#menu_top ul li a{
+ display: block;
+ padding: 0.4em 1em;
+ white-space : nowrap;
+ border: solid 1px #d5d5d5;
+ background-color: #ffffff;
+ border-radius: 2px;
+}
+#menu_top ul li a:hover{
+ color: #000066;
+ background-color: #f5f5f5;
+}
+
+#menu_top ul li .menu{
+ padding: 11px 0 0 0;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ display: none;
+ background-image: url(../images/sub_menu.png);
+ background-position: 1em 6px;
+ background-repeat: no-repeat;
+}
+
+#menu_top ul li ul{
+ border: solid 1px #e9e9e9;
+ border-radius: 2px;
+ background-color: #ffffff;
+}
+
+#menu_top ul li ul li{
+ float: none;
padding: 0;
}
-html{
- height: 100%;
+#menu_top ul li ul li a{
+ border: none;
+}
+
+#menu_top ul li ul li .menu{
+ padding: 0 0 0 6px;
+ top: 0;
+ left: 100%;
+ background-image: url(../images/sub_sub_menu.png);
+ background-position: 1px 0.8em;
+ background-repeat: no-repeat;
}
+#main_header .menu_user{
+ position: absolute;
+ top: 4em;
+ left: 30px;
+}
+
+/* --------------------------------------------- CONTENUS */
+
body{
+ color: #333333;
+ font: normal 0.9em Verdana, Helvetica, Arial, sans-serif;
+}
+
+a{
+ text-decoration: none;
+ color: #000066;
+}
+
+a img{
+ border: none;
+}
+
+a:hover{
+ color: #777777;
+}
+
+h1{
+ font-size: 2em;
+}
+
+h2{
+ font-size: 1.4em;
+ padding-top: 1em;
+ border-bottom: solid 1px #d5d5d5;
+}
+
+h3{
+ font-size: 1.4em;
+ margin-top: 1em;
+}
+
+h4{
+ font-size: 1.4em;
+}
+
+h5{
+ font-size: 1.2em;
+}
+
+h6{
+ font-size: 1em;
+}
+
+h1, h2, h3, h4, h5, h6, p, ul{
+ margin: 0 0 0.5em 0;
+}
+
+strong{
+ font-weight: bold;
+}
+
+/* ------------------------------------------------- MENU COLONNE ET NAV */
+
+#colonne .menu,
+nav.sous_pages{
+ margin-bottom: 1em;
+}
+
+#colonne .menu ul,
+nav.sous_pages ul{
+ list-style-type: none;
+ margin: 5px 20px 5px 10px;
+ padding: 0;
+}
+
+#colonne .menu ul ul,
+nav.sous_pages ul ul{
+ list-style-type: none;
+ margin: 0 0 0 20px;
+ padding: 0;
+}
+
+#colonne .menu ul li,
+nav.sous_pages ul li{
+ margin: 1px 0;
+ padding: 0;
+ border-bottom: solid 1px #d5d5d5;
+}
+
+#colonne .menu ul li a,
+nav.sous_pages ul li a{
+ display: block;
+ line-height: 2em;
+ padding: 0 1em;
+ background-color: #f1f1f1;
+}
+
+#colonne .menu ul li a:hover,
+nav.sous_pages ul li a:hover{
+ color: #000066;
+ background-color: #e9e9e9;
+}
+
+/* --------------------------------------------- FORMULAIRES */
+
+fieldset{
+ padding: 10px 0;
+}
+
+fieldset legend{
+ font-size: 1.2em;
+ display: block;
+ width: 100%;
+ border-bottom: solid 1px #d5d5d5;
+}
+
+form ul li{
+ padding: 5px 0;
+}
+
+form ul li:after{
+ content: "";
+ display: table;
+ clear: both;
+}
+
+form ul li label{
+ display: block;
+ float: left;
+ width: 140px;
+ text-align: right;
+ padding-right: 10px;
+}
+
+form ul li .form_input{
+ float: left;
+ width: 390px;
+}
+
+form ul li .form_input span.info{
+ display: block;
+ font-size: 0.9em;
+ color: #666666;
+}
+
+textarea, input[type=text], input[type=password], input[type=file]{
+ border: solid 1px #c0c0c0;
+ padding: 3px;
+ background-color: #ffffff;
+ color: #333333;
+}
+
+textarea.tinymce{
+ width: 100%;
+ height: 300px;
+}
+
+select{
+ border: solid 1px #c0c0c0;
+ background-color: #ffffff;
+ color: #333333;
+ padding: 3px 10px;;
+}
+
+form ul li .form_buttons{
+ text-align: right;
+}
+
+form ul li .form_single_button{
+ text-align: left;
+ padding-left: 150px;
+}
+input[type=submit]{
+ background-color: #e9e9e9;
+ cursor: pointer;
+ border: solid 1px #c0c0c0;
+}
+
+input[type=submit]:hover{
+ background-color: #f5f5f5;
+}
+
+form ul li .form_buttons input[type=submit],
+form ul li .form_single_button input[type=submit]{
+ padding: 3px 10px;
+}
+
+/* --------------------------------------------- ADMIN */
+
+ul.buttons{
+ margin: 10px 0 20px 0;
+ text-align: right;
+ padding-bottom: 10px;
+}
+
+ul.buttons li{
+ display: inline;
+}
+
+ul.buttons li a{
+ padding: 3px 7px 3px 7px;
+ border: solid 1px #d5d5d5;
+}
+ul.buttons li a:hover{
+ color: #000066;
+ background-color: #f5f5f5;
+}
+
+ul.buttons li a.add{
+ background-image: url("../icons/add.gif");
+ background-repeat: no-repeat;
+ background-position: 3px 8px;
+ padding: 3px 7px 3px 18px;
+}
+
+ul.filters{
+ margin: 10px 0 20px 0;
+ text-align: right;
+ padding-bottom: 10px;
+}
+
+ul.filters li{
+ display: inline;
+}
+
+ul.filters li a{
+ padding: 3px 7px 3px 7px;
+ border: solid 1px #d1d1d1;
+}
+
+table.admin{
+ width: 100%;
+ margin-bottom: 1em;
+}
+
+table.admin tr.hl:hover{
+ background-color: #f5f5f5;
+}
+
+table.admin tr th{
text-align: center;
- height: 100%;
+ padding: 3px;
+ font-weight: bold;
}
-pre, div { text-align: left; }
+table.admin tr td{
+ border: solid 1px #d1d1d1;
+ padding: 3px;
+}
-.content{
- margin-left: auto;
- margin-right: auto;
- width: 800px;
+table.admin td.action{
+ text-align: center;
+ width: 50px;
}
-.clear{
+ul.actions li{
+ margin-left: 15px;
+}
+
+ul.actions li.public{
+ background-color: #f5fff2;
+}
+
+form ul.actions li{
+ padding: 0;
+}
+
+form ul.actions li label{
+ display: inline;
+ float: none;
+ width: auto;
+ text-align: left;
+ padding-right: 0px;
+}
+
+.navig{
+ text-align: right;
+ border: solid 1px #d5d5d5;
+ margin: 10px 0;
+ padding: 3px;
+}
+
+/* --------------------------------------------- MESSAGES */
+
+.messages{
+ margin: 10px;
+ padding: 10px;
+ border: solid 1px #c0c0c0;
+}
+
+.erreur{
+ margin: 50px 100px 50px 100px;
+ padding: 20px;
+ border: solid 1px #c0c0c0;
+}
+
+.redirect_message{
+ padding: 50px 100px 50px 100px;
+}
+.redirect_message div{
+ padding: 20px;
+ border: solid 1px #c0c0c0;
+}
+
+.debug{
+ text-align: left;
+ margin: 10px;
+ padding: 10px;
+ border: solid 1px #e5e5e5;
+ box-shadow: 0 0 5px #e5e5e5;
+ background-color: #f5f5f5;
+}
+
+/* --------------------------------------------- FOOTER */
+
+#main_footer{
+ border-top: solid 1px #d5d5d5;
+ padding-bottom: 60px;
+}
+
+#main_footer .content ul{
+ float: right;
+}
+
+#main_footer .content ul:after{
+ content: "";
+ display: table;
clear: both;
- font-size: 0px;
- line-height: 0px;
- height: 0px;
+}
+
+#main_footer .content ul li{
+ float: left;
+ padding: 0 1em;
+ border-left: solid 1px #666666;
+ margin-top: 5px;
+}
+
+#main_footer .content ul li:first-child{
+ border-left: none;
}
projects / mtweb / blobdiff