/*-------------------------------------------------- I I I I I josuerauscher.net I | (last release 2015 07 07) I I I I I --------------------------------------------------*/ /*------------------------------ I I I FONTES I I I ------------------------------*/ @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400\,400italic\,700|Kavoon); /*------------------------------ I I I BODY I I I ------------------------------*/ body { margin:0 0 0 0; /* haut, droite, bas, gauche */ background-color:#ffffff; font-family: 'Old Standard TT', Georgia, serif; font-size:17px; line-height:1.4em; text-align:left; color:#000000; /*border:1px solid #ff0000;*/ } /*------------------------------ I I I IMAGES I I I ------------------------------*/ img { vertical-align:top; margin:0; margin-right:-2px; margin-bottom:1px; } /*------------------------------ I I I MENU I I I ------------------------------*/ div.menu { position:fixed; top:58px; left:80px; width:auto; line-height:1.6em; /*border:1px solid #eeeeee;*/ } div.menu a.selected { font-weight:bold; border-bottom:1px solid #ff7f00; } div.nom { /*font-family:Kavoon, 'Old Standard TT', Georgia, serif;*/ font-size:19px; margin-bottom:70px; } div.nom a { border:0; } /*------------------------------ I I I CONTENTS I I I ------------------------------*/ div.content { position:absolute; top:60px; left:350px; padding-bottom:100px; /*border:1px solid #eeeeee;*/ } div.content_works { position:absolute; top:65px; left:350px; padding-bottom:100px; /*border:1px solid #eeeeee;*/ } .colonne { float:left; width:auto; margin-right:70px; /*border:1px solid #eeeeee;*/ } div.liste_de_liens { line-height:1.6em; } .clear { /* pour stopper le flux */ clear:both; } /*------------------------------ I I I LIENS I I I ------------------------------*/ a { color:#000000; text-decoration:none; border-bottom:1px solid #ff7f00; /* orange ff7f00, bleu 0000ff ou 0033ff*/ padding-bottom:1px; /* (pour écarter légèrement le soulignement) */ } a:hover { background-color:#fff2ea; /* vertpâle e6ffe6 */ } /*------------------------------ I LIENS SUR IMAGES I ------------------------------*/ div.NEUTRALISE_BORDER_IMG a:hover { border:0; } a img { border-bottom:1px solid #ffffff; } a:hover img { border-bottom:1px solid #ff3333; } /*------------------------------ I I I TEXTES I I I ------------------------------*/ .bold { font-weight:bold; } .italiques { font-style:italic; } .titre_expo { font-style:italic; /*text-transform:uppercase; font-variant:small-caps;*/ } .txt_notesbasdepage { font-size:0.7em; line-height:1.5em; } .txt_gris { /*(news)*/ color:#aaaaaa; } .txt_blanc { /*(cv)*/ color:#ffffff; } .txt_anglais { font-style:italic; } /*--------------------------------- I I I FILET I I I ---------------------------------*/ div.filet { width:30px; margin-top:70px; margin-bottom:10px; border-bottom:1px solid #000000; } /*--------------------------------- I I I ESPACEUR I I I ---------------------------------*/ div.space { margin-bottom:1px; } div.space_news { width:30px; margin-top:50px; margin-bottom:20px; border-top:1px solid #cccccc; } div.space_titrestextes { width:30px; line-height:0; margin-bottom:7px; } /*--------------------------------- I I I EXPOSANT (Superscript2) I I I ---------------------------------*/ sup { position:relative; bottom:-2px; font-size:.8em; line-height:.8em; vertical-align:super; text-decoration:none; } /*---------------- I FIN I ----------------*/