html { 
  padding:0px;
  margin:0px;
}

body {
	background:#FFF;
font-family:'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif; /* style de police appliqué à l'ensemble du site, sauf les liens voir plus bas a:link etc. */
	font-size:11px;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	text-decoration: none;
	padding:0 0 0 25px;
	margin:0;
}

#global{
width:100%;
}

img {
border:0;
}

a img {

border:0;

}

#content {
  padding-top:72px;
  margin-left: 170px;
  background-color:#FFF;
  overflow-y: hidden;
}

#menu {
position: absolute;
width: 170px;
margin-top:28px;
}

h1 {
	font-family:'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	color:#000;
}

h2 {
	font-family:'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#000;
}


h1 a {
	color:#000;
	text-decoration:none;
}

#contact {
margin-left:20px;
padding:0;
border:0;
overflow-y: hidden;
}

#fleche{
float:left;
display:inline;
}

#thumbs {
margin:0;
padding:0;
border:0;
overflow-y: hidden;
}

#thumbs img {
display:block;
float:left;
padding:0 0 10px 0;
}

a img {

border:none;

}

a {
text-decoration:none;
}


a.info span {

	display: none;
	text-decoration:none;

}



a.info:hover span {
display: block;
position: absolute;
top:38px;
left:215px;
border:none;
text-align: justify;
color: #666;
text-transform:uppercase;
text-decoration:none;

}

.line {
display:block;
margin-left:20px;
width:710px;
}


#photo {
float:left;
margin-left:10px;
padding:0 0 10px 0;
}

#random {
margin-left:20px;
padding:0 0 10px 0;
}


#bio {
margin-top:0;
padding-top:0;
margin-left:20px;
}


#bio p {
	font-family:'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:1.4em;
	color:#000;
	width:380px;
}
	
#bio li {
	font-family:'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#000;
	text-decoration:none;
	list-style:none;
}

#bio a {
color:#666;
text-decoration:none;
}

#bio a:hover {
color:#000;
text-decoration:none;
}

#bio a:visited {
color:#333;
text-decoration:none;
}

ul#navig {
padding:10px 0 0 0;
list-style-type: none;
} 

ul#navig li {margin-bottom:0;}

ul#navig a {
	 width:120px;
	 text-decoration:none;
	 font-size:10px;
	 text-transform:uppercase;
     display: block;
     color: #666;
	 }
	 
ul#navig a:hover {
	     color: #000;
     }
	 
	
#form_box {
	width: 200px;
	background:none;
	padding: 0em;
	margin-top: 0px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 0;
}
 
#form_box p {
	float: left;
	width: 200px;
}
 
 
#log {
	width: 200px;
	color:#FF9999;
	margin-bottom:3px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}


.myinputstyle {
	padding:0.1em;
	border: 1px dotted #A5A4A0;
	background:  #fafafa;
	font-style: normal;
	font-size: 11px;
	color: #000;
}


.myinputstyle:hover {
	border: 1px dotted #000;
	/** remember to change image path **/
	background: #FFF;
	color: #000;
}

.myinputstyle:focus {
	border: 1px dotted #000;
	/** remember to change image path **/
	background: #FFF;
	color: #000;
}

    #footer { 
    	padding-left:190px;
		font-size:9px;
		color:#666;
    } 
	
	    #footer a { 
		font-size:9px;
		color:#666;
		text-decoration:none;
    } 

    #footer a:hover { 
		font-size:9px;
		color:#000;
		text-decoration:none;
    }