/********************************************************* * CSS screen * * name: yoga yogi yogu * * date: 2007.10.11 * last up: 2010.06.28 * author: erational + helene francqueville * version: 0.6 * licence: GPL * **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#F0F2EC url(../img/bg.gif) repeat-y center center; font-family:Arial, Helvetica, verdana, sans-serif;} div {margin:0;padding:0;} h2 {font-family:Trebuchet MS, Arial, Helvetica, verdana, sans-serif; } h3 {font-family:Trebuchet MS, Arial, Helvetica, verdana, sans-serif;margin: 0;padding:0;} h4 {font-family:Arial, Helvetica, verdana, sans-serif;font-size: 1em;margin: 0;padding:0;} p{font-size: 0.9em;line-height: 1.4em;} a { color: #000; font-size: 0.8em; } img {border:0;} hr {height:0;border:0;border-top:1px dotted #000;margin:0.5em 0 0 0;padding:0 0 0.5em 0;clear:left;} table {margin:0;border-collapse:collapse;width:95%;} table.spip {margin:-0.8em 0 0.6em 0;} td {/*border:1px solid red;*/font-size:0.8em;} form { margin: 0; padding-left: 5px; } fieldset {border:0;background:#eee;} legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;} label {display:block;} /***************** * banner *****************/ #banner { margin: 0; padding: 0; height:75px; color: #000; background: #B8DC69 url(../img/entete-afyi.gif) no-repeat top left; } #banner h1 { margin: 0; padding: 15px 0 .3em 110px; font-family:Trebuchet MS, Arial, Helvetica, verdana, sans-serif; font-size: 17px; font-weight: normal; letter-spacing:0.15em; } #banner .titre-site{ font-size: 10px; font-family:Arial, Helvetica, verdana, sans-serif; font-weight: normal; color:#40482E; margin: 0; padding-left: 20px; } /***************** * horizontal menu *****************/ #navcontainer {height:30px; } #navcontainer #date {float: right;width: 170px;margin: 3px 0 0 0;padding-right:.6em; font-size: 0.7em; font-weight: normal;text-align:right; color:#7C7F88; } #navcontainer #navlist { margin: 0; padding: 0; border-bottom: 1px solid #D5D5D5; text-align: left; line-height: 1.3em; } #navcontainer #navlist ul, #navcontainer #navlist li { margin: 0; padding: 0; display: inline; list-style-type: none;} #navcontainer #navlist a { font-size: 11px; margin:10px; text-decoration: none; color: #242A39; text-transform: uppercase; } #navcontainer #navlist a:hover { border-bottom: 4px solid #92BD35; padding-bottom: 2px; color: #000; } /***************** * left menu *****************/ #navigation2 {} #navigation2 ul, #navigation2 li, #navigation2 a {margin:0;padding:0 0 5px 5px;list-style-type:none;text-decoration:none;} #navigation2 a:hover { color: #697FC7; } /***************** * right menu *****************/ #more {font-size: 0.9em;} #more #langue { height: 30px; text-align:right; margin:0.5em 0.5em 0 0;} #more ul{ padding: 0; margin: 0.5em; list-style-type: none; } #more .inner {margin-left:0.5em;padding:0;width:160px;} #more .inner form {font-size:12px;background:transparent;} #more .inner form legend {background:transparent; border:0;padding:0;margin:0;font-weight:bold;} #more .inner form fieldset {background:transparent; border:0;padding:0;margin:0;} #more .inner form label {display:inline;} /* cadreS */ #cadre1, #cadre2, #cadre3, #cadre4 {position: relative; width: 180px; margin-bottom:5px;} #hautgauche1, #basgauche1, #hautgauche2, #basgauche2, #hautgauche3, #basgauche3, #hautgauche4, #basgauche4 { height: 10px; width: 180px; font-size:1px;} #cadre1 { background: #B8DC69 url(../img/fond-vignette.gif) no-repeat bottom right;} #hautgauche1 {background: url(../img/bordhg1.gif) no-repeat;} #basgauche1 {background: url(../img/bordbg1.gif) no-repeat;} #cadre2 { background: #B8DC69;} #hautgauche2 {background: url(../img/bordhg1.gif) no-repeat;} #basgauche2 {background: url(../img/bordbg1.gif) no-repeat;} #cadre3 { background: #FAE766;} #hautgauche3 {background: url(../img/bordhg3.gif) no-repeat;} #basgauche3 {background: url(../img/bordbg3.gif) no-repeat;} #cadre4 {background: #D6DFE9;} #hautgauche4 {background: url(../img/bordhg4.gif) no-repeat;} #basgauche4 {background: url(../img/bordbg4.gif) no-repeat;} /***************** * content *****************/ #content a { color: #2957EB; text-decoration: underline; font-size: 1em; } #content a.spip_out {color:#000;} #content a.spip_ancre {font-size:0.9em;color: #697FC7;padding-left: 12px; background: url(../img/picto-top.gif) no-repeat;text-decoration: none;float:right;} #content a.back {color:#000;font-size:0.8em;text-decoration: none;display:block;margin:1em 0 -0.8em 0;} #content a.back:hover {color:#666;} #content h2 { color:#697FC7; font-size: 1.4em; margin: 0;padding-top: .8em;padding-bottom: .8em; font-weight: normal;} #content h3 { color:#697FC7; font-size: 1em; margin: 0;padding-top: .8em;font-weight: normal;} #content i { color:#DC5D2B; font-style:normal; } #content label.inline {display:inline;} #content ul,#content ol { margin: 0;padding: 0; line-height: 1.3em;} #content ul li { list-style-type: none;font-size:0.8em;} #content ul li a {list-style-type:circle;color:#000;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce-yoga.gif) no-repeat 0 0;} #content ul li a:hover { color: #697FC7; } #content ul li a.nopuce {background:transparent; border:1px solid #fff;} #content ul li a.nopuce img {border:1px solid #fff;} #content ul li a.nopuce img:hover { border:1px solid #697FC7;} #content ul li a.spip_ancre {font-size:0.9em;color:#000;padding-left: 1.5em;background:transparent url(../img/puce-yoga.gif) no-repeat 0 0;text-decoration: none;float:none;} #content ol li {list-style-type:circle;font-size:0.9em;margin-left:1.2em;} #content #portfolio {margin:1.2em 0 0 0;} #content #portfolio .gallery-thumb {width:140px;height:200px;float:left;} #content #portfolio .gallery-thumb img {border:1px solid #fff;} #content #portfolio .gallery-thumb img:hover {border:1px solid #697FC7;} /* exception: declinaison verte */ body.afyi #content h2, body.afyi #content h3 {color:#92BD35;} body.afyi #content li a {background:transparent url(../img/puce-afyi.gif) no-repeat 0 0;} body.afyi #content li a:hover {color:#92BD35;} /* exception: declinaison home */ body.homepage #content h2.afyi {color:#92BD35;} body.homepage #content ol li {list-style-type: none;margin-left:0;font-size:0.8em;} body.homepage #content ol li a {color:#000;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce-afyi.gif) no-repeat 0 0;} body.homepage #content ol li a:hover {color:#92BD35;} body.homepage #content h2.mystic {color:#DC5D2B;} /* formulaires */ #content .choix {display:inline;width:270px;} #content .choix label {display:inline;} /***************** * footer *****************/ #footer { background: #FFF; text-align: center; font-size: 0.8em;} #footer a {font-size:1em;text-decoration:none;} #footer a:hover {color:#666;} #footer #adresse { color:#000; font-size: 0.87em; padding-top: 1em; } /***************** * misc *****************/ .spacer { clear: both; } /***************** * spip *****************/ .spip_surligne { background: yellow;} .spip_doc_titre {font-size:0.8em;} dl.spip_documents {width:120px; text-align:center;/*border:1px solid red;*/} .spip_documents_left { float: left; margin-right: 8px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} .spip_documents_center { display: block !important; text-align: center; margin: 5px auto;} .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } img.spip_logos {margin:0 8px 8px 0 !important;} .reponse_formulaire {padding:5px;background:#efefef;}