/* CSS "foire.kinhelios.com" - 11/2007 - */ /* -o- "CSS Foire 2008 par defaut" -o- */ /* IMPORTANT */ /* Ce design n'est pas un template. Vous ne pouvez pas le reproduire sans l'accord préalable de l'auteur. Cependant, libre à vous d'étudier ce CSS et d'employer par ailleurs les techniques utilisées. ----- This design is not a template. You cannot reproduce it without prior agreement of the author. However, free with you studied this CSS and to in addition employ the techniques used. */ /* == COMMUN A TOUS LES ECRANS ========================================== ====================================================================== _________ __/ General \_________________________________________________________ */ * { margin: 0; padding: 0; } html {} body { margin: 0; padding: 0; font-family: Arial,Verdana,Helvetica,sans-serif; font-style: normal; color: #666; text-align: left; background: #8AA9BE url(img/bgbody.gif) top left repeat-x; font-size: 0.8em; } /* _______ __/ Liens \___________________________________________________________ */ /*a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; }*/ /*a:link a:visited a:hover a:active*/ /* __________________________________ __/ Contenant de la page (container) \________________________________ */ #container { width: 960px; height: 100%; margin: 0 auto; border-width: 0 1px; border-color: #034774; border-style: solid; background-color: #FFF; } /* ________ __/ Entete \__________________________________________________________ */ #blockhead { width: 100%; background-color: #DDD; position: relative; } #logo { text-align: left; color: #034774; background: #C7D9F1 url(img/pagehead.jpg) top left no-repeat; width: 100%; height: 164px; } #logo h1 { width: 260px; padding: 60px 0 0 20px; border-top: 1px solid #727E8A; } #logo h1 a { text-decoration: none; color: #034774; } #logo h2 { display: none; } /* ________________ __/ Menu principal \__________________________________________________ */ #sitenav { margin: 0; padding: 0; list-style: none; height: 2em; /*background: transparent url(img/bgnav.jpg) left top no-repeat;*/ background-color: #034774; } #sitenav li { float: left; text-align: center; /*text-indent: 32px;*/ } #sitenav li a { display: block; width: 240px; height: 2em; line-height: 2em; text-decoration: none; color: #FFF; font-weight: bold; } /* #sitenav li a:hover { background: transparent url(img/bgnav.jpg) left top no-repeat;} #sitenav li#navhome a { width: 118px;} #sitenav li#navhome a:hover, #sitenav li#navhome.current a:hover { background-position: 0 -42px;} #sitenav li#navfeat a:hover, #sitenav li#navfeat.current a:hover { background-position: -118px -42px;} #sitenav li#navmat a:hover, #sitenav li#navmat.current a:hover { background-position: -238px -42px;} #sitenav li#navbuy a:hover, #sitenav li#navbuy.current a:hover { background-position: -358px -42px;} #sitenav li#navcont a:hover, #sitenav li#navcont.current a:hover { background-position: -478px -42px;} #sitenav li#navdiv a:hover, #sitenav li#navdiv.current a:hover { background-position: -598px -42px;} #sitenav li#navfaq a:hover, #sitenav li#navfaq.current a:hover { background-position: -718px -42px;} #sitenav li#navdwnl a:hover, #sitenav li#navdwnl.current a:hover { background-position: -838px -42px;} #sitenav li.current a { background: transparent url(img/bgnav.jpg) left top no-repeat;} #sitenav li#navhome.current a { background-position: 0 -84px;} #sitenav li#navfeat.current a { background-position: -118px -84px;} #sitenav li#navmat.current a { background-position: -238px -84px;} #sitenav li#navbuy.current a { background-position: -358px -84px;} #sitenav li#navcont.current a { background-position: -478px -84px;} #sitenav li#navdiv.current a { background-position: -598px -84px;} #sitenav li#navfaq.current a { background-position: -718px -84px;} #sitenav li#navdwnl.current a { background-position: -838px -84px;} */ /* ________________ __/ Corps du corps \__________________________________________________ */ #blockcontent { background-color: #FFF; /*margin-top: 70px;*/ padding-top: 10px; } /* ----- */ #blockcontent h3 { margin: 0; padding: 0.2em 0; text-align: left; color: #FFF; background-color: #034774; text-indent: 1em; } /* ----- */ #blockcontent .blocktxt { padding-bottom: 0.5em; margin: 1em; border: 1px dotted #034774; } /* ----- */ #blockcontent .zonetxt { margin: 1em; } /* ----- */ #blockcontent table { border-collapse: collapse; width: 100%; } /*#blockcontent table th, #blockcontent table td { border: 1px solid #DDD; } #blockcontent table th { background-color: #EEE; text-align: center; }*/ /* ______________ __/ Pied de page \____________________________________________________ */ #blockfoot { padding: 3em 0; /*margin-bottom: 20px;*/ border-top: 3px double #034774; background-color: #DDD; text-align: center; color: #034774; font-size: 70%; } #blockfoot a { color: #034774; font-weight:bold; text-decoration: none; } #blockfoot a:hover { text-decoration: underline overline; background: none; } #blockfoot #validlinks { list-style: none; } #blockfoot #validlinks li { display: inline; margin: 0 0.5em; } /* ________ __/ Extras \__________________________________________________________ */ #extraDiv1, #extraDiv2, #extraDiv3 { display: none; } /* ________ __/ Divers \__________________________________________________________ */ .clear, .spacer { clear: both; } .txt_center { text-align: center; } .txt_right { text-align: right; } hr { height: 1px; color: #000; background-color: #000; border: 0; } /* __________________________________________ __/ Messages d'informations | Erreurs | etc. \________________________ */ p.alert { background-color: #FFF6BF; background: #FFF6BF url(img/exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ padding: 5px 20px 5px 45px; border-top: 2px solid #FFD324; border-bottom: 2px solid #FFD324; color: #000; } /* == ECRAN "LOGIN" ===================================================== ====================================================================== */ #index #blockident { width: 400px; margin: 1em auto; } #index #blockident #blocktel p { margin: 0.2em 0; } #index #blockident label { position: absolute; } #index #blockident input { margin-left: 7em; width: 15em; } /* == ECRAN "PRESENTATION" ============================================== ====================================================================== */ #presentation #blockcontent table { border-collapse: collapse; margin: 0 8em 2em 8em; width: 700px; } #presentation #blockcontent p { margin-bottom: 2em; } #presentation #blockcontent ul { margin-left: 15em; list-style: none; margin: 0 8em 2em 8em; } #presentation #blockcontent p.img { text-align: center; } /* == ECRAN "PHOTOS" ==================================================== == ECRAN "VIDEOS" ==================================================== == ECRAN "PRESSE" ==================================================== ====================================================================== */ /*#photos #allimg { height: 30em; overflow: scroll; }*/ #photos #allimg img, #videos #allimg img, #presse #allimg img { border: 1px solid #000; } #photos #allimg img:hover, #videos #allimg img:hover, #presse #allimg img:hover { border: 1px solid #F00; } #photos #allimg td, #videos #allimg td, #presse #allimg td { /*border: 1px solid #DDD;*/ vertical-align: top; text-align: center; padding: 5px; } #photos #allimg td.td1, #videos #allimg td.td1, #presse #allimg td.td1 { background-color: #DDD; } #photos #allimg td.td2, #videos #allimg td.td2, #presse #allimg td.td2 { background-color: #FFF; } /* == ECRAN "VIDEOS" ==================================================== ====================================================================== */ #videos p#flvplayer { text-align: center; } /* == ECRAN "DESC" ====================================================== ====================================================================== */ #desc #container { width: auto; height: auto; margin: 2em; padding: 1em 0; border: 0; background-color: none; } #desc #pdesc { margin: 2em; }