/* This stylesheet goes along with the site www.atmos.ch - designed by www.digital-design.ch */ /* Hides from IE5-mac \*/ * html #ContTxt {height: 1%;} /* End hide from IE5-mac */ html,body { height: 100%; } body {text-align: center; font-size: 62.5%; background: #f4f9f5 url(../nav/fond.jpg) no-repeat top center; margin: 0; padding: 0; height: 100%;} a { outline: none} /* CONTENEURS */ #ContPrincipal { position: relative; background: white url(../nav/courbe.gif) no-repeat center bottom; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; width: 780px; min-height: 100%; } #ContG { position: relative; float: left; width:140px; height: 616px; margin-top: 0; margin-right: 8px; margin-bottom: 0; margin-left:0; padding-top: 0; padding-bottom: 0; background-color: white;} #ContM { position: relative; float: left; width: 392px; margin-top: 0px; margin-right: 8px; margin-bottom: 16px; } #ContD { position: relative; float: left; width: 232px; background: white; margin-top: 8px; } #ContTxt { position: relative; background: white url(../nav/fond_txt.gif) no-repeat right bottom; margin-left: 6px; margin-top: 8px; margin-bottom: 0; text-align: left;} #ColG, #ColD { position: relative; float: left; margin-left: 4px; width: 180px; margin-right: 0; padding: 0; } #ContMlarge { position: relative; float: left; width: 608px; margin-top: 0px; margin-right: 8px; margin-bottom: 16px;} #ColGlarge, #ColDlarge { position:relative; float:left; margin-right:0; margin-top:0; margin-left:0; padding:0; padding-top:0; width:296px; } #ColDlarge {margin-left:8px;} .LegendePortrait { color: #484848; font-size: 1em; font-family: arial, helvetica, sans-serif; text-align: right; margin: 8px 6px 0.66em; padding: 8px 0 0 0; width: 158px } .TxtPortrait { color: #484848; font-size: 1em; font-family: tahoma, arial, helvetica, sans-serif; text-align: left; margin: 8px 6px 0.66em; padding: 0; width: 278px } .ContPortrait { background-color: #a1d0ac; margin: 0; padding: 0; width: 297px; height: 1%; height: 160px; } .Boite { color: #646464; font-size: 11px; font-family: tahoma, arial, sans-serif; text-align: left; padding: 6px; padding-top: 4px; width: 220px; margin: 0;} #Jaune { background: #ffe081 url(../nav/coin_d_ja2.gif) no-repeat right bottom;} #Jaune p { display: inline;} #JauneOr { background: #ffbb40 url(../nav/coin_d_jo.gif) no-repeat right bottom;} #JauneOr p { display: inline;} #Orange { background: #ff9700 url(../nav/coin_d_or2.gif) no-repeat right bottom;} #Orange p { display: inline;} /* IMAGES & EFFETS */ #myimage { filter: light } .gradualshine { display: inline; filter: alpha(opacity=66); -moz-opacity:0.66;} img { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } /* ALIGNEMENTS */ #espET {width:780px;height:34px;margin-top:0;margin-bottom:0;} #PousseBas {clear: both; width: 780px; height: 8px;} #PousseBas2 {clear: both; width: 380px; height: 8px;} /* TEXTE */ h1 { color: #484848; font-weight: bold; font-size: 1.3em; font-family: tahoma, arial, helvetica, sans-serif; padding-left: 6px; padding-right: 1.5em; padding-bottom: 2px; border-bottom: 2px solid #148a2d; margin: 0px; text-align: left;} h2 { font-variant: small-caps; color: #ff9700; font-weight: bold; font-size: 1.2em; font-family: tahoma, arial, helvetica, sans-serif; margin: 0; padding:0; text-align: left;} h3 { color: #787878; font-weight: bold; font-size: 1.1em; text-align: left; font-family: arial, helvetica, sans-serif; display: inline; } h4 { color: #484848; font-weight: bold; font-size: 1.5em; text-align: right; font-family: tahoma, arial, helvetica, sans-serif; display: inline; } ul, ol, li { margin-left: 0; margin-top: 0; margin-bottom: 1em; padding-left: 0; line-height:1.6em;} ul li { list-style-type: none; font-size: 1.1em; color: #484848; font-family: tahoma, arial, helvetica, sans-serif; margin: 0; margin-top:0; padding: 0; text-align: left;} ol li {color: #484848; font-size: 1.1em; font-family: tahoma, arial, helvetica, sans-serif; text-align: left; list-style-position: inside; list-style-type: decimal; padding: 0; margin-bottom: 0em; } ol ul li {list-style-position: inside; list-style-type: square; font-size: 1em; color: #484848; font-family: tahoma, arial, helvetica, sans-serif; margin: 0; margin-left: 1.5em; margin-top:0; padding: 0; text-align: left;} #ContTxt ul#carre li { margin-left: 4em; list-style-type: square; } #Jaune a { color: #646464;} #JauneOr a { color: #646464;} #Orange a { color: #646464;} #NavTxt { font-family: verdana, tahoma, sans-serif; font-size: 1em; font-weight: bold; color: #999999; border-top: 2px solid #148a2d; margin-top: 0; margin-bottom: 1em; padding-right: 1.5em; padding-top: 0.5em; padding-bottom: 2px; padding-left: 0em; margin-right: 0px; margin-left: 0px;} a:link { color: #148a2d; text-decoration: none;} a:visited { color: #0e6620; text-decoration: none;} a:focus { color: #148a2d; text-decoration: underline;} a:hover { color: #ff9700; text-decoration: underline;} a:active { color: #fee28d; text-decoration: underline;} #NavTxt a:link { color: #a1d0ac; text-decoration: none;} #NavTxt a:visited { color: #a1d0ac; text-decoration: none;} #NavTxt a:focus { color: #fea826; text-decoration: underline;} #NavTxt a:hover { color: #fea826; text-decoration: underline;} #NavTxt a:active { color: #ff9700; text-decoration: underline;} #ici { color: #666666; text-decoration: none; margin:0; padding:0; display: inline; } #ContTxt p, #ContTxt table, #ColG table, #ColD table {font-size: 1.1em; color: #484848; font-family: tahoma, arial, helvetica, sans-serif; margin-bottom: .66em; margin-top:0; padding: 0; } #ContTxt table {font-size: 1.1em } #ContTxt #ColGlarge .LegendePortrait p, #ContTxt #ColDlarge .LegendePortrait p{ padding: 0; font-size: 1.1em; color: #484848; font-family: arial, helvetica, sans-serif; margin-bottom: .66em; margin-top:0; padding: 0; text-align: right; } #ContTxt form table { font-size: 11px; color: #484848; font-family: tahoma, arial, helvetica, sans-serif; margin-bottom: .66em; margin-top:0; padding: 0; text-align: left;} .bouton { font-size: 1em; font-weight: bold; color: #484848; font-family: tahoma, arial, helvetica, sans-serif; margin-bottom: .66em; margin-top:0; padding: 0; text-align: center; background: #a1d0ac;} #ContTxt p#droite { text-align: right } #ContTxt p.centre, { text-align: center } #center { text-align: center } #ContMlarge a img { border: solid 2px #148a2c; padding: 1px; } #ContMlarge a:hover img { border: dashed 2px #ff9700 } /* © 2005 digital design http://www.digital-design.ch/ref/atmos*/ #dd { /* background: url(http://www.digital-design.ch/ref/atmos/ddvibes_ov.gif) no-repeat left bottom; */ display: block; position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; width: 80px; height: 20px; } #dd a { display: block; width: 80px; height: 20px; /* background: url(http://www.digital-design.ch/ref/atmos/ddvibes.gif) no-repeat left bottom */ } /* #dd a:hover { background: transparent none } */