/* Credit: http://www.templatemo.com */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #555a4a; background: #a0c73f; } a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; } a:active, a:hover { color: #0683ab; text-decoration: underline; } .button_01 a { display: block; width: 102px; height: 23px; padding: 7px 0 0 0; background: url(images/templatemo_button.png) no-repeat; color: #333; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; } .button_01 a:hover { color: #fff; background:url(images/templatemo_button_hover.png) no-repeat; } p { margin: 0px; padding: 0px; } img { margin: 0px; padding: 0px; border: none; } .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .margin_r10 { margin-right: 10px; } .float_l { float: left; } .float_r { float: right; } #templatemo_header_wrapper { width: 100%; height: 265px; background: url(images/templatemo_header.jpg) no-repeat top center; } #templatemo_header { position: relative; width: 980px; height: 265px; padding: 0 10px; margin: 0 auto; background: url(images/templatemo_header.jpg) no-repeat top center; } /* site title */ #templatemo_header .accueil { float: left; width: 240px; padding: 40px 0 0 40px; } .accueil .spip_logos, .accueil .spip_logos:hover {margin:0; border:0;} #nom_site_spip { padding: 0; margin: 20px 0 0 0; } #nom_site_spip a { margin: 0; padding: 0px; font-size: 30px; color: #ffffff; font-weight: bold; text-decoration: none; } #nom_site_spip a:hover { font-weight: bold; text-decoration: none; } /* Mon site ZPIP */ #nom_site_spip a span { margin-left: 2px; font-size: 150%; font-weight: bold; letter-spacing: 5px; } #slogan_site_spip {color:white; margin-top:5px; font-size:110%; font-style:italic;} /* end of site title */ /* menu */ #templatemo_menu { position:absolute; top:70px; height:43px; right:0px; } #templatemo_menu .menu-liste { margin: 0; padding: 0; list-style: none; } #templatemo_menu .menu-liste .menu-entree { padding: 0; margin: 0; display: inline; } #templatemo_menu .menu-liste .menu-entree a { float: left; display: block; margin: 0 1em; padding:4px; border: 1px solid transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; text-align: center; font-size: 12px; text-decoration: none; color: #333333; font-weight: bold; outline: none; } #templatemo_menu .menu-entree a:hover, #templatemo_menu .menu-entree.on a { color: #333333; border: 1px solid rgba(255,255,255,0.8); -moz-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px; -webkit-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px; -o-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px; box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px; background:rgba(255,255,255,0.9); } /* end of menu */ /* Search */ #formulaire_recherche { position:absolute; top:160px; background: url(images/templatemo_search.png) no-repeat; border:none; margin:0; padding:0; } #formulaire_recherche form { width: 280px; height: 27px; margin: 0; padding: 10px 0 0 0; } #recherche { height: 17px; width: 270px; padding: 2px 5px 6px 5px; color: #fff; font-size: 12px; font-variant: normal; line-height: normal; background: none; border: none; } /* end of search */ /* content */ #templatemo_content_wrapper { width: 920px; margin: 0 auto; padding: 30px 40px; background: url(images/templatemo_content.jpg) repeat-y; } #templatemo_content_wrapper_bottom { width: 1000px; height: 15px; margin: 0 auto; background: url(images/templatemo_content_bottom.jpg) no-repeat; } #templatemo_content { float: left; width: 600px; } #templatemo_content p { text-align: justify; margin-bottom: 10px; } .content_section { clear: both; width: 100%; } #templatemo_content .h1 { margin-top: 1.5em; } #templatemo_content .h2 { color: #3a5909; font-size: 24px; line-height: 1.15em; padding: 20px 0 60px 20px; background: url(images/templatemo_header_bg.png) no-repeat bottom left; } #templatemo_content_wrapper .comments>.comments-list, #templatemo_content_wrapper .menu>.menu-liste, #templatemo_content_wrapper .liste>.liste-items { margin-left:30px; } #templatemo_content_wrapper .comments-list, #templatemo_content_wrapper .menu-liste, #templatemo_content_wrapper .liste-items { margin: 0; padding: 0; list-style: none; } #templatemo_content_wrapper .comments-list .comment, #templatemo_content_wrapper .menu-liste .menu-entree, #templatemo_content_wrapper .liste-items .item { padding: 0; margin: 0; padding: 5px 0 5px 20px; background: url(images/puce.png) left 10px no-repeat; list-style-type:none; } #templatemo_content #comments, #templatemo_content .liste.articles:not(.resultats) .liste-items .item { background-position: left 2.5em; margin-bottom:2em; } #templatemo_content .comments-list ul { padding-left:1em; } .menu-liste .menu-entree a, .liste-items .item a { color: #201f1c; } .menu-liste .menu-entree a:hover, .liste-items .item a:hover { color: #537c11; text-decoration: none; } .menu-liste .menu-entree .h3, .liste-items .item .h3 { font-size:180%; padding-bottom:5px; margin-bottom:.2em; border-bottom:1px solid #8cba3f; } .info-publi { text-align:right; color:#3e6b33; margin-bottom:.4em; } #templatmeo_sidebar { float: right; width: 280px; padding: 0; } #templatmeo_sidebar .sidebar_section { margin-bottom: 30px; } #templatmeo_sidebar .sidebar_section_content { margin:0 0 0 35px; } #templatmeo_sidebar .h2 { color: #3a5909; font-size: 24px; line-height: 1.15em; padding: 20px 0 60px 20px; background: url(images/templatemo_header_bg.png) no-repeat bottom left; } #templatmeo_sidebar .h2 a { color: #3a5909; text-decoration:none; } .sidebar_section label { display: block; margin-bottom: 10px; } .sidebar_section #input_field { height: 20px; width: 233px; padding: 0 5px; margin-bottom: 10px; color: #000000; font-size: 12px; font-variant: normal; line-height: normal; } .sidebar_section #submit_btn{ float: right; height: 30px; width: 80px; margin: 0px; padding: 3px 0 15px 0; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; outline: none; } /* end of content */ /* footer */ #templatemo_footer { width: 980px; margin: 0 auto; padding: 30px 10px; text-align: center; color: #333333; } #templatemo_footer a { color: #000000; } #templatemo_footer .footer_menu { margin: 0 0 10px 0; padding: 0px; list-style: none; } /* end of footer */ /* SURCHARGE D'origine */ #formulaire_menu_lang { position:absolute; right:20px; top:0px; background:none; border:none; } #formulaire_menu_lang label {display:inline; padding-right:1em;} #formulaire_menu_lang select {display:inline; width:auto;} #templatemo_header .accueil { text-align:center; } #templatemo_header .accueil>strong { display:block; } #templatemo_header .accueil>strong a { color:white; font-size:120%; } /* Formulaire recherche */ #formulaire_recherche label { position:relative; left:-3000em; } #formulaire_recherche input.text {position:relative; top:-18px; left:0px;} #formulaire_recherche input.submit { color:transparent; background:transparent; height:60px; width:60px; position:relative; top:-30px; border:transparent; } /* forum */ .forum-chapo { color:white; padding:1px .5em; background:#8ab93f; border:1px solid #8ab93f; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; } .forum-chapo a:active, .forum-chapo a:link, .forum-chapo a:hover, .forum-chapo a { color:white; } .comment-content { padding:.5em; } .forum-message, .comment-message { border:1px solid #8ab93f; border-radius:7px; -o-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; background:#f2f6ea; margin-bottom:.5em; } .forum-texte { padding:.5em;} .puce {} hr {border:1px solid #8ab93f; background:#8ab93f; height:1px; width:10%;} /* Tables */ table.spip { border-collapse: collapse; margin: 10px 0; width:100%; border: 1px solid #E8E8E8; } table.spip caption { margin: 0px; text-align:left; } table.spip th strong { color: #fff; } table.spip th { vertical-align:middle; background: #93BC0C; height: 29px; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: left; border:0; border-left: 1px solid #B6D59A; } table.spip tr { height: 30px; } table.spip td { vertical-align:top; border:0; padding: 8px 11px; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #DFDFDF; } table.spip td.first,table.spip th.first { border-left: 0px; } table.spip tr.row_even { background: #F8F8F8; } table.spip tr.row_odd { background: #EFEFEF; } blockquote, blockquote.spip{ margin: 2em 0; padding: .2em .2em .2em 6em; font-style: italic; border:none; background: #fff url(images/blockquote.png) no-repeat 4px top; } blockquote p, blockquote.spip p{ padding: 8px 0; margin: 2px; } blockquote.spip_poesie { font-size:100%; background:none; border:none; width:80%; margin:2em auto; } /* Formulaires */ /* form elements */ .formulaire_spip { margin:10px 0; padding: 10px; border: 1px solid #dfdfdf; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color: #dfdfdf; } .formulaire_spip fieldset legend {background-color: #dfdfdf;} .formulaire_spip label { display:block; font-weight:bold; margin:5px 0; } .formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip select { padding:2px; border:1px solid #ccc; color:#777; } .formulaire_spip textarea { padding:2px; border:1px solid #ccc; display:block; color:#777; } .formulaire_spip input.text:focus, .formulaire_spip input.password:focus, .formulaire_spip textarea:focus, .formulaire_spip select:focus { border:1px solid #8EB50C; } .formulaire_spip .boutons {text-align:left;} .formulaire_spip .boutons input,.formulaire_spip input.submit { font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #FFF; border: 2px solid #8EB50C; background: #8EB50C; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .formulaire_spip .boutons input:hover, .formulaire_spip input.submit:hover { border: 2px solid white; } .formulaire_spip fieldset.previsu {border:2px solid #66146d;} .formulaire_spip fieldset.previsu legend {color: #66146d;} /* Images */ .spip_documents {} .spip_documents_portfolio {} .spip_logos { /* portfolio */ border:5px solid #E6E0CE; margin:.5em; } a .spip_logos:hover { border:5px solid #CAC1A5; } dl.spip_documents {background:#E6E0CE; padding:5px;} /* modele doc */ span.spip_documents img {background:#E6E0CE; padding:5px;} /* modele img */ .cartouche .spip_logos {float:right; margin-left:1em; margin-bottom:1em;} .h3 .spip_logos {float:right; margin-left:1em; margin-top:3em;} /* Liens */ a:link, a:hover,a.spip_in, a.spip_out, a.spip_ancre, a.spip_glossaire {color:#0683AB;} a:focus {color:white !important; background:#0683AB !important;} a.spip_out, a.spip_glossaire {padding-right:14px; background:url(images/out.gif) right no-repeat;} /* Pagination */ .pagination {text-align:center;} #templatemo_content .liste .pagination {margin-left:4em;} .pagination a, .pagination .on { background:#66146d; color:white; padding:2px 5px; margin-right:4px; border:1px solid #66146d; border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; display:block; float:left; } .pagination .on, .pagination a:hover { background:#f0dff1; border-color:#e0bfe3; color:#66146d; text-decoration:none; } .pagination .separateur {color:transparent;} /* Hierarchie */ #hierarchie {margin-top:-2em;} #hierarchie a {color:#65882e;} #hierarchie .on {font-weight:normal;} /* Codes */ code, .spip_code, .spip_cadre {color:#4D4D4D;} .spip_cadre { width:100%; padding:.5em; background:#fafafa; border:1px solid #68a704; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* Pied de page */ .pied {margin:1em 0;} .pied a {padding:0 1em;} .pied img {vertical-align:middle;} /* Boutons d'admin */ body .spip-admin-float { right:auto; left:12%; margin:5px; } body a.spip-admin-boutons { border:1px solid #8ab93f; background: rgba(255,255,255,0.2); color:#3e6b33; } body a.spip-admin-boutons:hover { border:1px solid #8ab93f; background: #fff; text-decoration:none; }