cv.css

   1 body {
   2         font-family : Verdana, Arial, Helvetica, sans-serif;
   3         font-size: 0.75em;
   4         margin : 1em;
   5         padding : 0 0;
   6         color : #333;
   7         background : #fff;
   8         line-height : 1.7em;
   9 }
  10
  11 p { margin: 1em 0; }
  12
  13 h1 {
  14   color : #2b77bf;
  15   font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
  16   font-size : 2em;
  17   font-weight : bold;
  18   letter-spacing : 0.1em;
  19   margin : 0.67em 0;
  20 }
  21 h2 {
  22   border-bottom: 1px solid #666;
  23   display: block;
  24   font-size : 1.5em;
  25   font-weight : bold;
  26         font-family : Arial,Helvetica,sans-serif;
  27         letter-spacing : 0.08em;
  28         margin : 1.2em 0;
  29 }
  30 h3 {
  31   color : #666;
  32   font-size : 1.5em;
  33   font-weight : bold;
  34   margin : 1.2em 0;
  35   font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
  36 }
  37 h4 {
  38   font-size : 1.2em;
  39   font-weight : bold;
  40   margin : 1em 0;
  41 }
  42 h5 { font-size : 0.83em; font-weight : bold; margin : 1.67em 0; }
  43 h6 { font-size : 0.67em; font-weight : bold; margin : 2.33em 0; }
  44
  45 a {
  46         color : #6c8a97;
  47         text-decoration: none;
  48 }
  49 a:hover, a:focus, a:active {
  50         color : #2b77bf;
  51         text-decoration: none;
  52 }
  53 a img {
  54         border: 0;
  55 }
  56
  57 ul {
  58         display: block;
  59         list-style-type: none;
  60         margin: 1em 1em;
  61         padding-left: 0;
  62 }
  63 li {
  64         margin-top : 0.3em;
  65         display : block;
  66         padding : 0 0 0 20px;
  67         margin : 0;
  68         background : transparent url(puce.png) no-repeat 0 0.5em;
  69 }
  70
  71 dl {
  72         margin : 0;
  73         padding : 0;
  74 }
  75 dt {
  76         margin : 0 0 1em 0;
  77         font-weight : bold;
  78         background : inherit;
  79         padding : 0;
  80         width : 14em;
  81         float : left;
  82         color : #666;
  83 }
  84
  85 dd {
  86         display : block;
  87         margin : 0 0 1em 15em;
  88         padding : 0 0 0 0;
  89 }
  90
  91 #cv h2, #cv dt, #realisations h2 {
  92         clear : left;
  93 }
  94
  95 dl h4 {
  96         margin : 0;
  97
  98 }
  99 dl h4 em {
 100         color : #858460;
 101 }
 102
 103 #content ul {
 104         margin : 0 0 1em 0;
 105         padding : 0;
 106         list-style : none;
 107         display : block;
 108 }
 109 #content li {
 110         display : block;
 111         padding : 0 0 0 12px;
 112         margin : 0;
 113         background : transparent url(/css/img/liste-puce.png) no-repeat 0 0.5em;
 114 }
 115
 116 #cv {
 117         width : 100%;
 118         float : left;
 119 }
 120 #informatique {
 121         margin-left : 81%;
 122         padding-left : 1em;
 123 }
 124 #informatique ul {
 125         display : block;
 126         padding : 0;
 127         margin : 0.5em 0 0 0;
 128         list-style : none;
 129 }
 130 #informatique li {
 131         padding-left : 15px;
 132         background : transparent url(/css/img/sideBox-puce.png) no-repeat 0 0.2em;
 133         line-height : 1.2em;
 134         padding-bottom : 0.6em;
 135 }
 136
 137 .imgCv {
 138         float : left;
 139         margin : 0 10px 10px 0;
 140         padding : 0 8px 8px 0;
 141         background : transparent url(ombre.png) no-repeat top left;
 142 }
 143 .imgCv img {
 144         border : 1px solid #000;
 145 }
 146
 147 #realisations h3, #realisations p, #realisations ul {
 148         margin-left : 230px;
 149 }
 150 .header {
 151   background-color: #F9F9F9;
 152   border: 1px dotted #E9E9E9;
 153   padding: 0 0.7em;
 154 }
 155 #photo {
 156   float: right;
 157 }