-@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: 10px;
+}
+
+#center{
+ float: left;
+ width: 540px;
+ padding: 10px;
+}
+
+#center.no_colonne{
+ float: none;
+ width: 780px;
+ padding: 10px;
+}
+
+/* --------------------------------------------- HEADER */
+
+#main_header .content{
+ border-bottom: solid 1px #e9e9e9;
+ padding: 10px 0 3px 0;
+}
+
+#main_header .content h1{
+ padding-bottom: 0;
+}
+
+#menu_top ul{
+ float: right;
+ 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 5px 0 0;
+}
+
+#menu_top ul li a{
+ display: block;
+ padding: 5px 10px 5px 10px;
+ white-space : nowrap;
+ border: solid 1px #e9e9e9;
+ background-color: #ffffff;
+ border-radius: 2px;
+}
+
+#menu_top ul li a:hover{
+ color: #000066;
+ background-color: #f7f7f7;
+}
+
+#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;
}
+/* --------------------------------------------- CONTENUS */
+
body{
+ color: #333333;
+ font: normal 12px Verdana, Helvetica, Arial, sans-serif;
+}
+
+a{
+ text-decoration: none;
+ color: #000066;
+}
+
+a img{
+ border: none;
+}
+
+a:hover{
+ color: #c0c0c0;
+}
+
+h1{
+ font-size: 2em;
+}
+
+h2{
+ font-size: 1.8em;
+}
+
+h3{
+ font-size: 1.6em;
+}
+
+h4{
+ font-size: 1.4em;
+}
+
+h5{
+ font-size: 1.2em;
+}
+
+h6{
+ font-size: 1em;
+}
+
+h1, h2, h3, h4, h5, h6, p, ul{
+ padding: 0 0 0.5em 0;
+}
+
+strong{
+ font-weight: bold;
+}
+
+/* ------------------------------------------------- MENU COLONNE */
+
+#colonne .menu ul{
+ list-style-type: none;
+ margin: 5px 20px 5px 10px;
+ padding: 0;
+}
+
+#colonne .menu ul ul{
+ list-style-type: none;
+ margin: 0 0 0 20px;
+ padding: 0;
+}
+
+#colonne .menu ul li{
+ margin: 1px 0;
+ padding: 0;
+ border-bottom: solid 1px #e5e5e5;
+}
+
+#colonne .menu ul li a{
+ display: block;
+ line-height: 2em;
+ padding: 0 1em;
+ background-color: #f5f5f5;
+}
+
+#colonne .menu ul li a:hover{
+ color: #000066;
+ background-color: #f1f1f1;
+}
+
+/* --------------------------------------------- FORMULAIRES */
+
+fieldset{
+ padding: 10px 0;
+}
+
+fieldset legend{
+ font-size: 1.4em;
+ display: block;
+ width: 100%;
+ border-bottom: solid 1px #f3f3f3;
+}
+
+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]{
+ border: solid 1px #c0c0c0;
+ padding: 3px;
+}
+
+select{
+ border: solid 1px #c0c0c0;
+ background-color: #ffffff;
+ padding: 3px 10px;;
+}
+
+form ul li .form_buttons{
+ text-align: right;
+}
+
+form ul li .form_single_button{
+ text-align: left;
+ padding-left: 150px;
+}
+
+form ul li .form_buttons input[type=submit],
+form ul li .form_single_button input[type=submit]{
+ border: solid 1px #c0c0c0;
+ background-color: #ffffff;
+ padding: 3px 10px;
+}
+
+form ul li .form_buttons input[type=submit]:hover{
+ cursor: pointer;
+ background-color: #f5f5f5;
+}
+
+/* --------------------------------------------- ADMIN */
+
+ul.buttons{
+ margin: 10px 0 20px 0;
+ text-align: right;
+ padding-bottom: 10px;
+ border-bottom: dashed 1px #e5e5e5;
+}
+
+ul.buttons li{
+ display: inline;
+}
+
+ul.buttons li a{
+ padding: 3px 7px 3px 7px;
+ border: solid 1px #d1d1d1;
+}
+
+ul.buttons li a.add{
+ background-image: url("../icons/add.gif");
+ background-repeat: no-repeat;
+ background-position: 3px 6px;
+ border: solid 1px #d1d1d1;
+ padding: 3px 7px 3px 18px;
+}
+
+ul.filters{
+ margin: 10px 0 20px 0;
+ text-align: right;
+ padding-bottom: 10px;
+ border-bottom: dashed 1px #e5e5e5;
+}
+
+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: #f9f9f9;
+}
+
+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;
+}
+
+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;
}
-.clear{
+.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 div{
+ margin: 50px 100px 50px 100px;
+ 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 .content{
+ border-top: solid 1px #e9e9e9;
+ padding-bottom: 20px;
+}
+
+#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 5px;
+ border-left: solid 1px #c0c0c0;
+ margin-top: 5px;
+}
+
+#main_footer .content ul li:first-child{
+ border-left: none;
}