/*     --- Globales ---     */

html {
margin:0;padding:0;
}

body {
width:100%;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.9em;
color:#444444;
margin:0;padding:0;
}


hr.clear {
clear: both;
position: static;
visibility: hidden;
line-height: 1px;
font-size: 1px;
margin: 0;
padding: 0;
}

a:link, a:visited, a {
  color:#444444;
}

a:hover, a:active {
  color:#1b2e57;
}

a img {
border:0px;
text-decoration:none;
}

/*     --- Header ---     */

#header {
  width:100%;
  height:150px;
  background:#cccccc;
  border : 2px solid #b7b7b7;
}

#header img {
  float:left;
  margin:0px 25px 0 75px;
}

#header h1 {
  color:#1b2e57;
  font-size:1.6em;
  margin-top:0.5em;
  padding-top:1em;
  text-shadow: 0 1px 0 #FFFFFF;
}

#header h2 {
  color:#1b2e57;
  font-size:1.4em;
  font-weight:normal;
  margin-top:0;
  text-shadow: 0 1px 0 #FFFFFF;
}

#page {
  font-size:0.9em;
  margin-top:50px;
  margin-bottom:40px;
}

#page h3 {
  color:#1b2e57;
  font-size:1.4em;
  line-height:1.5em;
  text-shadow: 1px #1b2e57;
  margin:20px 0 5px 0;
}

#page ul {
  list-style-image:url(star.png);
}

#footer {
  width:100%;
  height:40px;
  background:#b7b7b7;
  border : 1px solid #cccccc;
  font-size:0.7em;
  text-align:center;
  padding-top: 25px;
}


/*     --- contenus ---     */

.center {
  width : 850px;
  margin-left:auto;
  margin-right:auto;
}

#intro {
  float:right;
  width:50%;
  font-size:1.65em;
  line-height:200%;
  border-left : 1px solid #b7b7b7;
  padding-left:5%;
}

#cv {
  background-color: #F4F4F4;									
  width: 325px;
  border: 1px solid #BFBFBF;
  padding:15px;
  line-height:225%;
  text-align:center;
  margin-top:2em; 
  -moz-border-radius:15px;
}

#cv a, #cv a:link, #a:visited {
  text-decoration:none;
  background:url(www/cv.png) center left no-repeat;
  padding: 12px 0 12px 60px;
  margin-left:-10px;
  color:#1b2e57;
}

#cv a:hover, #a:active {
  font-weight:bold;
}


/*     --- Linked ---     */

#linked {
  position:absolute;
  background : url(linked.png) top left no-repeat;
  top:154px;
  right:100px;
  z-index:5;
  width:147px;
  height:135px;
  font-size:0.8em;
}

#linked strong {
  font-size:1.1em;
}

#linked a, #linked a:visited, #linked a:hover, #linked a:active, #linked a:link {
   padding:3px 0 2px 25px;
   text-decoration:none;
   color:black;
   line-height:160%;
}

#viadeo {background:url(/www/icons/pic_viadeo.gif) center left no-repeat;}
#netvibes {background:url(/www/icons/pic_netvibes.gif) center left no-repeat;}
#msn {background:url(/www/icons/pic_msn.png) center left no-repeat;}


/*     --- Cloud ---     */

#tagcloud {
	background-color: #F4F4F4;									
	width: 325px;
	border: 1px solid #BFBFBF;
	padding: 15px;
	text-align: center;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
        -moz-border-radius:20px;
}
#tagcloud span {
	text-decoration:none; 
        cursor:pointer;
}
#tagcloud span:hover {
	text-decoration:none;
	background-color:#B3B3B3;
	color:#FFFFFF;
}
#pg1-11, #pg1-12 , #pg1-13 , #pg1-14 {
	color:#BF2470;
	font-size: 17px;
        font-weight:bold;
}
#pg1-21, #pg1-22 , #pg1-23 , #pg1-24 {
	font-size: 15px;
	color:#070089;
}
#pg1-31, #pg1-32 , #pg1-33 , #pg1-34 {
	font-size: 13px;
	color:#AA3406;
}
#pg1-41, #pg1-42 , #pg1-43 , #pg1-44 {
	font-size: 11px;
	color:#333333;
}
#pg1-51, #pg1-52 , #pg1-53 , #pg1-54 {
	font-size: 9px;
	color:#FF3300;
}
.sign, .sign a{
	font-size: 9px;
	color: #BFBFBF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}