aboutsummaryrefslogtreecommitdiff
path: root/Html/style/main.css
diff options
context:
space:
mode:
Diffstat (limited to 'Html/style/main.css')
-rw-r--r--Html/style/main.css872
1 files changed, 872 insertions, 0 deletions
diff --git a/Html/style/main.css b/Html/style/main.css
new file mode 100644
index 0000000..a5b2599
--- /dev/null
+++ b/Html/style/main.css
@@ -0,0 +1,872 @@
+@charset "UTF-8";
+
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,900,700italic,900italic);
+
+body {
+ background: #030200 url('../images/back3.png') center top fixed;
+ margin:0;
+ padding:0;
+ font-family: 'Roboto',sans-serif;
+ font-size: 14px;
+}
+
+html,body {
+ height:100%
+}
+
+* {
+ margin:0;
+ padding:0;
+}
+
+/** element defaults **/
+table {
+ width: 100%;
+ text-align: left;
+}
+
+th, td {
+ padding: 10px 10px;
+}
+
+th {
+ color: #fff;
+ background: #E66000 none repeat-x scroll left top;
+}
+
+td {
+ border-bottom: 1px solid #ccc;
+}
+
+table tr {
+ font-family: sans-serif;
+ background-color: #fff;
+ padding-left:10px;
+ padding-right:10px;
+ vertical-align: middle;
+ font-size: 12px;
+}
+
+table tr:nth-child(2n+2) {
+ font-family: sans-serif;
+ background-color: #e9e9e9;
+ padding-left:10px;
+ padding-right:10px;
+ vertical-align: middle;
+ font-size: 12px;
+}
+
+
+code, blockquote {
+ display: block;
+ border-left: 5px solid #222;
+ padding: 10px;
+ margin-bottom: 20px;
+}
+
+code {
+ background-color: #222;
+ color:#ccc;
+ border: none;
+}
+
+blockquote {
+ border-left: 5px solid #222;
+}
+
+
+blockquote p {
+ font-style: italic;
+ font-family: Georgia, "Times New Roman", Times, serif;
+ margin: 0;
+ color: #333;
+ height: 1%;
+}
+
+p {
+ line-height: 1.9em;
+ margin-bottom: 20px;
+ font-size: 12px;
+}
+
+a {
+ color: #D1700E;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #1F4F82;
+}
+
+a:focus {
+ outline: none;
+}
+
+fieldset {
+ display: block;
+ border: none;
+ border-top: 1px solid #ccc;
+}
+
+fieldset legend {
+ font-weight: bold;
+ font-size: 13px;
+ padding-right: 10px;
+ color: #333;
+}
+
+fieldset form {
+ padding-top: 15px;
+}
+
+fieldset p label {
+ float: left;
+ width: 150px;
+}
+
+form input, form select, form textarea {
+ padding: 5px;
+ color: #333333;
+ border: 1px solid #ddd;
+ border-right:1px solid #ccc;
+ border-bottom:1px solid #ccc;
+ background-color:#fff;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+}
+
+form input.formbutton {
+ border: none;
+ background: #333;
+ color: #ffffff;
+ font-weight: bold;
+ padding: 5px 10px;
+ font-size: 12px;
+ font-family: Tahoma, Geneva, sans-serif;
+ letter-spacing: 1px;
+ width: auto;
+ overflow: visible;
+}
+
+.button {
+ border: none;
+ background: #333;
+ color: #ffffff;
+ font-weight: bold;
+ padding: 3px 10px;
+ font-size: 10px;
+ font-family: Tahoma, Geneva, sans-serif;
+ letter-spacing: 1px;
+ width: auto;
+ overflow: visible;
+}
+
+.button_suite {
+ margin-bottom: 15px;
+ float: right;
+}
+
+.button_suite a {
+ color: #3494A3;
+ background: #D0EDF1;
+ padding: 8px 14px;
+ font-size: 12px;
+ line-height: 12px;
+ display: inline-block;
+ text-decoration: none;
+ text-transform: none;
+}
+
+.button_suite a:hover {
+ color: #fff;
+ background: #3494A3;
+ text-decoration: none;
+}
+
+form.searchform p {
+ margin: 5px 0;
+}
+
+/*
+select {
+ width: 180px;
+ padding:5px;
+ margin: 0;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px;
+ border-radius:4px;
+ -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
+ -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
+ box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
+ background: #f8f8f8;
+ color:#888;
+ border:none;
+ outline:none;
+ display: inline-block;
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ cursor:pointer;
+}
+*/
+
+.select select {
+ background: transparent;
+ width: 240px;
+ padding: 5px;
+ font-size: 14px;
+ border: 1px solid #ccc;
+ height: 34px;
+ -webkit-appearance: none;
+}
+
+.select {
+ width: 215px;
+ height: 34px;
+ overflow: hidden;
+ background: url(../images/bottom-arrow.png) no-repeat 96% #ddd;
+}
+
+
+span.required {
+ color: #ff0000;
+}
+
+h1 {
+ color: #000;
+ font-size: 35px;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+h2 {
+ color: #000;
+ font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
+ font-size: 22px;
+ letter-spacing: 0px;
+ font-weight: normal;
+ padding: 0 0 5px;
+ margin: 0;
+}
+
+h3 {
+ color: #555;
+ font-size: 18px;
+ font-weight: bold;
+ margin-bottom: 10px;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+h4 {
+ padding-bottom: 10px;
+ font-size: 15px;
+ color: #999;
+}
+
+h5 {
+ padding-bottom: 10px;
+ font-size: 13px;
+ color: #999;
+}
+
+/* Gradient transparent - color - transparent */
+hr.intro {
+ border: 0;
+ height: 1px;
+ background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+ background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+ background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+ background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+}
+
+ul, ol {
+ margin: 0 0 35px 35px;
+}
+
+li {
+ padding-bottom: 5px;
+}
+
+li ol, li ul {
+ font-size: 1.0em;
+ margin-bottom: 0;
+ padding-top: 5px;
+}
+
+/* Haut de page */
+#container {
+ width: 1248px;
+ margin: 0 auto;
+}
+
+#header {
+ background:url(../images/header-bg.jpg) no-repeat;
+ background-size:cover;
+ background-position:center top;
+ color:#b3b3b3;
+ border-top:1px solid #012026;
+ border-bottom:1px solid #012026;
+ padding-top: 15px;
+ padding-bottom: 15px;
+}
+
+#header h1 a {
+ margin: 0;
+ padding: 0;
+ color: #fff;
+ font-size: 48px;
+ font-weight: bold;
+ text-decoration: none;
+ letter-spacing: -3px;
+ float: left;
+}
+
+#header h2 {
+ color: #FFE0CC;
+ float: left;
+ font-family: Georgia, "Times New Roman", Times, serif;
+ font-size: 13px;
+ margin-left: 12px;
+ margin-top: 24px;
+ padding-left: 4px;
+ letter-spacing: 0;
+}
+
+#navstats {
+ height: 45px;
+ width: 1250px;
+ background-color: #111;
+ color: #fff;
+}
+
+#nav {
+ padding: 0;
+ position: relative;
+ height: 45px;
+ background-color: #111;
+ border-bottom: 2px solid #E66000;
+}
+
+#nav ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ height: 45px;
+}
+
+#nav ul li {
+ float: left;
+ display: block;
+ padding: 15px 0px;
+}
+
+#nav ul li a {
+ color: #ddd;
+ display: block;
+ border-right: 1px solid #555;
+ font-size: 11px;
+ font-weight: bold;
+ text-transform: uppercase;
+ font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
+ padding: 0 20px;
+ text-decoration: none;
+}
+
+#nav ul li a:hover {
+ color: #fff;
+ text-decoration: underline;
+}
+
+#body {
+ background: none;
+ margin:0 auto;
+ padding: 12px;
+ width: 1224px;
+ background-color: #ddd;
+}
+
+#content {
+ float: left;
+ width: 920px;
+ margin: 0;
+ padding: 10px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-right-color: #c0c0c0;
+ border-bottom-color: #c0c0c0;
+}
+
+.error {
+ padding: 0.75em;
+ margin: 0.75em;
+ border: 1px solid #990000;
+ /*max-width: 400px;*/
+ color: #990000;
+ background-color: #FDF0EB;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+}
+
+.edito {
+ padding: 0.75em;
+ margin: 0.75em;
+ border: 1px solid #990000;
+ /*max-width: 560px;*/
+ color: black;
+ background-color: #F7F2E0;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+}
+
+.commentaires {
+ border-left: 5px solid #222;
+ margin-bottom: 20px;
+ padding: 0.75em;
+ margin: 0.75em;
+ color: black;
+ background-color: #FBF8EF;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+}
+
+#adminmenu {
+ padding-left: 0;
+}
+
+#adminmenu li {
+ float: left;
+ list-style: none;
+ margin-right: 20px;
+}
+
+.post {
+ margin-bottom: 15px;
+ border: 1px solid #E4E4E4;
+ background: #F7F7F7;
+ padding: 10px 10px 0 10px;
+}
+
+.title {
+ color: #333333;
+ margin: 0 0 10px 0;
+ padding: 0;
+ font-family: 'Oswald', sans-serif;
+ font-size: 20px;
+ line-height: 20px;
+ font-weight: normal;
+}
+
+.title a {
+ color: #333333;
+ text-decoration: none;
+}
+
+.title a:hover {
+ color: #FD5F26;
+ text-decoration: none;
+}
+
+.viewpostcadre {
+ float: right;
+ border: 1px solid black;
+ padding: 5px;
+ margin-left: 25px;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.sidebar {
+ width: 270px;
+ padding: 0;
+ float: right;
+}
+
+.sidebar ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.sidebar ul li {
+ margin-bottom: 20px;
+ line-height: 1.9em;
+ padding: 10px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-right-color: #c0c0c0;
+ border-bottom-color: #c0c0c0;
+}
+
+.sidebar li ul {
+
+}
+
+.sidebar li ul li {
+ display: block;
+ border-top: none;
+ padding: 6px 2px;
+ margin: 0;
+ line-height: 1.5em;
+ font-size: 13px;
+ border: none;
+}
+
+.sidebar li ul li a {
+ font-weight: normal;
+ color: #222;
+}
+
+.sidebar li ul li a:hover {
+ color: #000;
+}
+
+.sidebar li ul.blocklist li {
+ padding: 0;
+ display: inline;
+}
+
+.sidebar li ul.blocklist li a {
+ display: block;
+ border-bottom:1px solid #e0e0e0;
+ padding: 6px 5px;
+ text-decoration: none;
+ font-family: Verdana, Geneva, sans-serif;
+ font-size: 12px;
+}
+
+.sidebar h4 {
+ color: #222;
+ font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
+ font-size: 17px;
+ letter-spacing: 1px;
+ margin: 0;
+ padding: 5px 0px;
+ font-weight: normal;
+}
+
+.clear {
+ clear: both;
+}
+
+
+/* Alert Messages */
+.alert-msg{display:block; position:relative; margin:15px 0; padding:15px 40px 15px 20px; border:1px solid #F00000; color:inherit;}
+.alert-msg a{background-color:transparent;}
+.alert-msg.info{border-color:#A8A8A8;}
+.alert-msg.warning{background-color:#FEE794; border-color:#FDC703;}
+.alert-msg.success{background-color:#C2E4CD; border-color:#76C38F; font-weight:bold; font-size:1em;}
+.alert-msg.error{background-color:#F3CBCC; border-color:#D54346; font-weight:bold; font-size:1em;}
+.alert-msg.close{position:absolute; top:15px; right:20px; color:#999999; font-weight:bold; font-size:1.4em;}
+.rnd8, .list.tagcloud.rnd8 a, form.rnd8 input, form.rnd8 textarea{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
+
+
+#footer {
+ margin:0 auto 0;
+ border-top: 2px solid #E66000;
+ width: 1248px;
+ background:url(../images/header-bg.jpg) no-repeat;
+ background-size:cover;
+ background-position:center top;
+}
+
+#footer p {
+ text-align: justify;
+ color: #eee;
+ font-size: 11px;
+ font-family: Arial, Helvetica, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+#footer p a {
+ color: #fff;
+ font-weight: bold;
+}
+
+.footer-content {
+ padding: 30px 5px 60px;
+ background: #444;
+ border-top: 10px solid #262626;
+}
+
+
+#footer .footer-content p {
+ color: #666;
+ position: relative;
+ top: 12px;
+ /*margin-left: 260px;*/
+}
+
+#footer .footer-content p a {
+ color: #ccc;
+}
+
+#footer .footer-content p a:hover {
+ color: #fff;
+}
+
+#footer .footer-content span.sitename {
+ font-family: Arial,Helvetica,sans-serif;
+ font-size: 30px;
+ font-weight: normal;
+ letter-spacing: -2px;
+ color: #fff;
+ float: left;
+}
+
+.footer-width {
+ /*width: 1230px;*/
+ margin-left: auto;
+ margin-right:auto;
+ background: #fff;
+}
+
+#footer .footer-bottom {
+ padding: 15px 20px 10px 20px;
+}
+
+#footer .footer-bottom p, #footer .footer-bottom p a {
+ color: #000;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+/* Footer colonnes */
+#cl1,#cl2,#cl3,#cl4,#cl5,#cl6 {
+ float:left;
+ width: 292.5px;
+ height:310px;
+ background-color:black;
+ /*background-color: #F7F2E0;*/
+ padding: 0 10px 10px 10px;
+ text-align: left;
+ font-size: 11px;
+}
+
+.footer-col {
+ width: 280px;
+ padding: 0;
+ float: right;
+}
+
+.footer-col ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.footer-col ul li {
+ margin-bottom: 8px;
+ line-height: 1.3em;
+ padding: 1px;
+ /*background-color: #fff;
+ border: 1px solid #ccc;
+ border-right-color: #c0c0c0;
+ border-bottom-color: #c0c0c0;*/
+}
+
+
+
+
+/* Tableaux */
+.tableTitle {
+font-family: Arial, sans-serif;
+font-size: 14px;
+color: #FFFFFF;
+font-weight: bold;
+background-color: #96a8bc;
+height:23px;
+padding-left:10px;
+padding-right:10px;
+vertical-align: middle;
+}
+
+.tableRow1 {
+font-family: Arial, sans-serif;
+font-size: 12px;
+/*color: #2c3137;*/
+background-color: #fff;
+/*height:21px;*/
+padding-left:10px;
+padding-right:10px;
+vertical-align: middle;
+}
+
+.tableRow2 {
+font-family: Arial, sans-serif;
+font-size: 12px;
+/*color: #2c3137;*/
+background-color: #e9e9e9;
+/*height:21px;*/
+padding-left:10px;
+padding-right:10px;
+vertical-align: middle;
+}
+
+.pagination {
+ clear: both;
+ padding-bottom: 10px;
+ padding-top: 10px;
+}
+
+.pagination a {
+ border: 1px solid #D5D5D5;
+ color: #666666;
+ font-size: 11px;
+ font-weight: bold;
+ height: 25px;
+ padding: 4px 8px;
+ text-decoration: none;
+ margin:2px;
+}
+
+.pagination a:hover, .pagination a:active {
+ background:#efefef;
+}
+
+.pagination span.current {
+ background-color: #687282;
+ border: 1px solid #D5D5D5;
+ color: #ffffff;
+ font-size: 11px;
+ font-weight: bold;
+ height: 25px;
+ padding: 4px 8px;
+ text-decoration: none;
+ margin:2px;
+}
+
+.pagination span.disabled {
+ border: 1px solid #EEEEEE;
+ color: #DDDDDD;
+ margin: 2px;
+ padding: 2px 5px;
+}
+
+#recherche{width:493px;margin-top:-63px;float:right;color:#000;font-size:12px;margin-right: 15px;}
+#recherche .recherche{background:#fff;width:447px;height:31px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:0px;float:left;text-indent:10px;font-size:16px;color:#000;}
+#recherche .valider{background:url(../images/btn_recherche.gif);width:36px;height:41px;float:left;border:0px;cursor:pointer;}
+#recherche a{color:#000;text-decoration:none;}
+#recherche a:hover{color:#000;text-decoration:underline;}
+
+.ariane {
+ border-bottom:1px solid #dddddd;
+ background:#f7f7f7;
+ font-size:14px;
+ padding:5px 0 5px 0;
+ text-indent:10px;
+ text-decoration: none;
+}
+
+
+
+table.table-style-two {
+ font-family: verdana, arial, sans-serif;
+ font-size: 10px;
+ color: #333333;
+ border-width: 1px;
+ border-color: #3A3A3A;
+ border-collapse: collapse;
+ }
+
+ table.table-style-two th {
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #517994;
+ background-color: #B2CFD8;
+ }
+
+ table.table-style-two tr:hover td {
+ background-color: #DFEBF1;
+ }
+
+ table.table-style-two td {
+ font-family: verdana, arial, sans-serif;
+ font-size: 11px;
+ border-width: 1px;
+ padding: 1px;
+ border-style: solid;
+ border-color: #517994;
+ background-color: #ffffff;
+ }
+
+
+#menu, #menu ul /* Liste */
+{
+ padding : 0; /* pas de marge intérieure */
+ margin : 0; /* ni extérieure */
+ list-style : none; /* on supprime le style par défaut de la liste */
+ line-height : 25px; /* on définit une hauteur pour chaque élément */
+ text-align : center; /* on centre le texte qui se trouve dans la liste */
+}
+
+#menu /* Ensemble du menu */
+{
+ font-weight : bold; /* on met le texte en gras */
+ font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
+ font-size : 13px; /* hauteur du texte : 13 pixels */
+}
+
+#menu a /* Contenu des listes */
+{
+ display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
+ padding : 0; /* aucune marge intérieure */
+ background : #000; /* couleur de fond */
+ color : #fff; /* couleur du texte */
+ text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
+ width : 152px; /* largeur */
+}
+
+#menu a:hover /* Lorsque la souris passe sur un des liens */
+{
+ color: #000; /* On passe le texte en noir... */
+ background: #E66000; /* ... et le fond en orange */
+}
+
+#menu li /* Elements des listes */
+{
+ float : left;
+ /* pour IE qui ne reconnaît pas "transparent" */
+ border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
+}
+
+/* IE ne reconnaissant pas le sélecteur ">" */
+html>body #menu li
+{
+ border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
+}
+
+#menu li ul /* Sous-listes */
+{
+ position: absolute; /* Position absolue */
+ width: 144px; /* Largeur des sous-listes */
+ left: -999em; /* Hop, on envoie loin du champ de vision */
+}
+
+
+#menu li ul li /* Éléments de sous-listes */
+{
+ /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
+ border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
+}
+
+/* IE ne reconnaissant pas le sélecteur ">" */
+html>body #menu li ul li
+{
+ border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
+}
+
+#menu li ul ul
+{
+ margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
+ /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
+ border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
+}
+
+/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
+html>body #menu li ul ul
+{
+ border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
+}
+
generated by cgit v1.2.1 (git 2.18.0) at 2024-11-21 12:42:28 +0000