body { font-size: 11px; font-family: Verdana, Arial, sans-serif; margin:0; padding:0; background: #FDF6E1 url(img/bg_site.jpg) no-repeat top left; color:#676767;/* width:780px; background-color:#EAEAEA; background-image:url(img/header-middle.jpg); background-repeat: repeat-x; background-attachment: fixed */ } td .contact, .contact { font-size: 11px; font-family: Verdana, Arial, sans-serif; padding-right: 2px; text-align:right; } #header { z-index:3; position:fixed; top:0; left:90px; background-color:#FDF6E1; width:100%; height:48px; text-align:left; } .date { margin-top:5px; margin-left:10px; font-size: 15px; color: #3B3B3B; } #main { z-index:1; position: absolute; left: 160px; right:0px; top: 53px; bottom: 30px; overflow: auto; padding-top:35px; } .textlink a:link, .textlink:link, .textlink a:visited, .textlink:visited, .textlink a:hover, .textlink:active, .textlink:hover { color:#525252; background-color:transparent; text-decoration:none; font-size:11px; } .hotlink a:link, .hotlink:link, .hotlink a:visited, .hotlink:visited, .minilink a:link, .minilink:link, .minilink a:visited, .minilink:visited { color:#676767; background-color:transparent; text-decoration:underline; } .hotlink:active, .hotlink a:hover, a:active, .hotlink:hover, .minilink:active, .minilink a:hover, a:minilink, .minilink:hover { color:#000; background-color:transparent; text-decoration:none; } .minilink { font-size:10px; } /*####################################################################*/ #news { z-index:5; position:fixed; top:350px; left:10px; width: 120px; border-top: 1px solid #525252; border-bottom: 1px solid #525252; } #news p { color: #5C273B; margin:0; text-align:justify; } #news div.newstitre { color: #5C273B; font-variant:small-caps; font-size:13px; font-weight:bold; padding:1px; /* background-image:url(img/bg2.gif) */ } #news div.newsbloc { color: #5C273B; font-size:11px; padding:1px; /* background-image:url(img/bg1.gif); */ } /*####################################################################*/ #menu { z-index:4; position:fixed; top:110px; left:0px; width: 140px; height:366px; /*border-right: 1px solid #525252; border-left: 1px solid #525252; background: url(img/degrade-menu.jpg) repeat-x;*/ } #menu ul { padding-left: 6px; margin-top:10px; /*list-style-type: square; line-height:20px;*/ } #menu li { float:left; /*list-style-type: square;*/ position:relative; color: #000; text-align: left; font-size:17px; width:130px; height: 30px; } #menu li a, .menulink, a.menulink { z-index:5; color:#525252; text-decoration: none } #menu li a:hover, .menulink:hover, a.menulink:hover { color:#000; font-size:18px; background-color:#FAEECA; /*text-decoration: underline; background: url(img/fleche.gif) no-repeat -12px 2px transparent;*/ } /*####################################################################*/ .titre_page { z-index:4; margin-top:-60px; margin-right:30px; background-color:transparent; text-align:right; } .titre_page h2 { color:#525252; font-size:28px; text-decoration: underline; font-variant:small-caps; } .content { z-index:0; margin:2px 19px 5px 0; padding-left:0px; background-color:transparent; font-size: 13px; color: #3B3B3B; /*min-height:200px; border-top:1px solid #FF9366; overflow:visible; text-decoration:underline;*/ } .content div.title { z-index:2; padding: 0px 4px 3px 30px; background:url(img/minilivre.jpg) top left no-repeat transparent; /*height:50px;*/ } .titlelink, .titlelink a, .titlelink a:link, .titlelink a:hover { color:#525252; text-decoration: none; font-weight:bold; } .title span { z-index:1; border-bottom:1px solid #6D6D6D; padding: 0px 6px 0 8px; font-variant:small-caps; font-size: 16px; } .content p { z-index:0; font-size: 11px; margin:-1px 0 10px 0; padding:1px 2px 15px 3px; /* border-left:1px solid #FF9366; */ background-color:transparent; text-align:justify; } /*####################################################################*/ img.photoright, img.gifright { float: right; position: relative; margin-top: 0px; margin-right: 0px; margin-left: 10px; margin-bottom: 0px; } img.photoleft, img.gifleft { float: left; position: relative; margin-top: 0px; margin-left: 0px; margin-right: 10px; margin-bottom: 5px; } .photocenter, .gifcenter { text-align:center; margin-top: 0px; /*float: left; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; */ } img.photoright, img.photoleft, .photocenter { z-index:0; display:block; padding:4px; border: 1px solid #284A28; } /*####################################################################*/ .citation /* on dˇfinit un conteneur pour le bloc de citation */ { float: right; width: 145px; margin-left: 15px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; background-color: #ECE6E6;/**/ border: 1px dashed #284A28; } .citationtexte { font-style: italic; font-size: 13px; margin-right: 2px; padding:2px; color: #284A28; text-align: center } .citationauteur { width: 145px; padding-bottom:6px; } .citationauteur p { padding-right: 4px; font-family: arial, sans-serif; font-size: 12px; color: #284A28; text-align: right; } /*####################################################################*/ #copyline { z-index:2; position:fixed; bottom:0px; background-color:#fff; border-top: 1px solid #676767; width:100%; text-align:center; background-color:#FDF6E1; /*background:url(img/degrade-copyright.jpg) top left repeat-x transparent; vertical-align:bottom; position:fixed; width:100%; bottom:30px; height:14px;padding-right:310px; background-color:#000; border-bottom: 4px solid #EAEAEA;*/ } #copyline span, #copyline a { line-height:12px; color: #676767; text-decoration:none; font-size: 10px; /*color:#fff;*/ }