html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 font-weight:normal;
}

:focus {outline: 0;}
a{
	text-decoration:none;
}
p{text-align:justify;}
ol, ul {list-style: none;}


/*
**********************
fin de reset
**********************
*/


html, body{
	height:100%;
	text-align:center;
	font-family:Verdana, helvetica, arial;
	background:#f1f8e2 url(../img/bg_top.gif) top repeat-x;
	}
	
h1{
	color:#7c9309;
	font-size:1.3em;
	}

acronym{
	border-bottom:1px dashed #a09781;
	}

#global{
    min-height: 100%;
	height:auto!important;
	height:100%;
	margin:0 auto -100px auto;
	}
/*
*********************
top : logo and nav
*********************
*/

	
#top {
	margin:0 auto;
	position:relative;
	width:850px;
	height:96px;
	}
	#top ul{
		text-align:center;
		}
		#top ul li{
			display:inline;
			}
			#top ul li img{
	height:54px;
	margin-bottom:5px;
				}
			#top ul li a{
				float:right;
				height:96px;
				margin-left:40px;
				color:#f8fbe6;
				font-size:0.9em;
					}
			#top ul li a:hover, #menu_on a{
				background:url(../img/menu_on.gif) bottom center no-repeat;
				}
	
	
#logo img{
	float:left;
	margin-left:-5
.px;
	position:relative;
	}

#content{
	margin:auto;
	text-align:left;
	width:850px;
	}

	
/*
**************************
intro all pages
**************************
*/
	

#intro{
	background:#bae069 url(../img/bg_intro.jpg) bottom repeat-x;
	}
	#intro p{
		margin:0 auto;
		width:850px;
		font-family:Georgia, "Times New Roman", Serif;
		line-height:25px;
		color:#716b4e;
		font-size:1.04em;
		text-align:left;
		}
		#intro p span{
			padding:50px 0 15px 0;
			font-size:1.7em;
			display:block;
			}
		#intro p i{
			color:#fafef3;
			font-style:normal;
			}
		#intro p a span{
			font-size:0.65em;
			}
			
		
#intro_accueil{
	height:350px;
	}
		
#featured{
	float:right;
	margin:29px 0 15px 62px;
	}
	
#intro_link{
	margin-top:20px;
	}
	#intro_link img{
		float:right;
		}
	#intro #intro_link span{
		float:right;
		padding:0;
		border-bottom:1px solid #e0ecc5;
		font-family:Verdana, helvetica, arial;
		color:white;
		line-height:15px;
		cursor:pointer;
		}
		#intro #intro_link span:hover{
			border-bottom:1px solid white;
			}

/*
**************************
middle
**************************
*/

#middle{
	margin:35px auto 50px auto;
	width:850px;
	text-align:left;
	}
#middled{
	margin:15px auto 50px auto;
	width:850px;
	text-align:left;
	}

/*
**************************
footer
**************************
*/	

#cale {	height:90px;clear:both;/*border:1px solid red;*/}

#footer{
	margin:0 auto;
	height:42px;
	padding-top:58px;
	width:850px;
	background:url(../img/bg_footer.jpg) bottom repeat-x;
	text-align:left;
	font-size:0.7em;
	}
	#footer p{
		color:#383225;
		float:left;
		padding:15px 60px 0 16px;
		}
		#footer p a{
			color:#383225;
			}
		#footer p a:hover{
			border-bottom:1px solid #383225;
			}
	#footer img{
		float:right;
		}
	#footer ul{
		padding-top:16px;
		}
		#footer li{
			display:inline;
			margin:12px;
			}
			#footer li a{
				color:#383225;
				}
				#footer li a:hover{
					border-bottom:1px solid #383225;
					}



/*
*****************************
home
*****************************
*/



.encart{
	float:left;
	width:230px;
	}
	.encart p{
		margin-top:20px;
		font-size:0.75em;
		color:#3b3527;
		line-height:20px;
		}
		.encart a{
			float:right;
			margin-top:15px;
			padding-left:10px;
			font-size:0.9em;
			line-height:14px;
			color:#74890b;
			border-bottom:1px solid #e5dfd1;
			background:url(../img/puce_encart.gif) left no-repeat;
			}
			.encart a:hover, #encart_2 a:hover{
				border-bottom:1px solid #bcc491;
				}
		#thumb{
			float:none;
			display:block;
			padding:4px;
			margin:5px 0;
			background:#fff;
			border:1px solid #d3d8c3;
			}
			#thumb img{
				display:block;
				}
			#thumb i{
				display:none;
				}
				#thumb:hover i{
					display:block;
					position:absolute;
					width:220px;
					height:65px;
					padding-top:40px;
					text-align:center;
					background:#2e2a22;
					font-size:1.2em;
					text-decoration:underline;
					cursor:pointer;
					font-weight:bold;
					font-family:Georgia, "Times New Roman", Serif;
					}
	.encart ul{
		margin:12px 0 10px 0;
		}
		.encart li{
			padding-left:35px;
			margin-top:10px;
			background:url(../img/puce.gif) left no-repeat;
			font-size:0.8em;
			color:#3b3527;
			}
		
#encart_2{
	margin:0 70px;
	}
	#encart_2 p, #encart_3 p{
		text-align:left;
		}
		#encart_2 span{
			padding:2px 5px 3px 5px;
			background:#a6cb57;
			color:white;
			font-size:0.85em;
			}
			
#encart_3{
	width:250px;
	}
	#encart_3 a{
		font-size:0.7em;
		}



/*
******************************
work
******************************
*/



#intro_work{
	height:220px;
	}
	#intro_work p{
		padding-top:50px;
		}
	#intro_work a{
		color:white;
		}
		#intro_work a:hover{
			border-bottom:1px solid #f3f7ec;
			}
		

#portfolio h1{
	clear:both;
	margin-left:4px;
	text-transform:uppercase;
	color:#413a2b;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	}
#portfolio h2{
	padding-bottom:6px;
	margin:0 8px 35px 4px;
	text-transform:uppercase;
	color:#88ac3d;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size:0.95em;
	border-bottom:1px solid #817862;
	}
#portfolio h3{
	margin-bottom:10px;
	font-weight:bolder;
	text-transform:uppercase;
	font-size:1.2em;
	color:white;
	}

#portfolio li{
	margin-bottom:10px;
	}
.infos_none, .infos_show{
	float:left;
	margin:0 40px 40px 0;
	}
.unmarged .infos_none, .unmarged .infos_show{margin:0 0 40px 0;}
.infos_none .infos, .infos_none .view_large{display:none;}
.infos_show .infos, .infos_show .view_large{display:block;}

.infos{
	position:absolute;
	width:366px;
	height:200px;
	margin:8px 0 0 8px;
	padding:10px 10px 0 10px;
	font-size:0.7em;
	line-height:16px;
	background:#2e2a22;
	color:white;
	}
	.infos span{
		color:#92c12f;
		text-transform:uppercase;
		}
	.infos a{
		color:#d4e5b5;
		border-bottom:1px solid #536c1d;
		}
		.infos a:hover{
			border:0;
			}

.visit{
	text-align:center;
	}
	.visit a{
		padding:5px 0 10px 0;
		font-size:1.2em;
		font-weight:bold;
		border:0!important;
		}
		.visit a:hover{
			color:white;
			text-decoration:underline;
			}

.view_large .thickbox{
	position:absolute;
	width:366px;
	height:120px;
	padding:90px 10px 0 10px;
	margin:8px 0 0 8px;
	font-family:georgia, "Times new roman", serif;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-align:center;
	text-decoration:underline;
	border:0!important;
	background:#2e2a22;
	color:white;
	}
	
.none{
	display:none;
	}
	
/*
**************************************
About
**************************************
*/

#about h1{
	clear:both;
	}
	
#intro_about{
	height:150px;
	}
	#intro_about p{
	padding-top:20px;
		}
	#intro_about a{
		color:white;
		}
		#intro_about a:hover{
		border-bottom:1px solid #f3f7ec;
		}
	#intro_about strong{
		background:#b0d264;
		border-bottom:1px solid #badb72;
		}

#else{
	float:left;
	margin:15px 0 80px 0;
	font-size:0.75em;
	line-height:20px;
	color:#3b3527;
	width:500px;
	padding-right:50px;
	}
	#else strong{
	background:#badb72;
	font-weight: bold;
		}	

#skills{
	float:left;
	width:250px;
	margin-top:15px;
	padding:12px 10px 25px 20px;
	color:#55513f;
	background:#fff;
	border-bottom:8px solid #badb72;
	}
	#skills h2{
		font-size:1.4em;
		margin-bottom:22px;
		}
	#skills li{
		padding-left:25px;
		font-size:0.75em;
		margin-top:12px;
		font-family:arial, verdana, sans-serif;
		background:url(../img/puce_true.gif) left no-repeat;
		}
		
#skills2{
	float:left;
	width:450px;
	margin-top:15px;
	padding:12px 0 25px 20px;
	color:#55513f;
	background:#fff;
	border-bottom:8px solid #badb72;
	}
	#skills2 h2{
		font-size:1.4em;
		margin-bottom:22px;
		}
	#skills2 li{
		padding-left:25px;
		font-size:0.75em;
		margin-top:12px;
		font-family:arial, verdana, sans-serif;
		background:url(../img/puce_true.gif) left no-repeat;
		}
		
#skills3{
	float:right;
	width:250px;
	margin-top:15px;
	padding:12px 20px 25px 20px;
	color:#55513f;
	background:#fff;
	border-bottom:8px solid #badb72;
	}		
		
#perso{
	font-size:0.75em;
	line-height:20px;
	color:#726e5d;
	margin:15px 0 30px 0;
	font-style:italic;
	}
		
.encart_ilike{
	float:left;
	width:230px;
	}
#encart_ilike2{
	margin:0 80px;
	}
	.encart_ilike h1{
		padding:6px 0 15px 65px;
		margin-bottom:13px;
		color:#4b4545;
		font-family:georgia, "Times new roman", serif;
		font-style:italic;
		font-weight:bold;
		font-variant:small-caps;
		line-height:20px;
		}
		.encart_ilike h1 span{
			font-size:1.3em;
			font-weight:bold;
			}
	#books{
		background:url(../img/icon_books.gif) left no-repeat;
		}
	#movies{
		background:url(../img/icon_movies.gif) left no-repeat;
		}
	#tracks{
		background:url(../img/icon_tracks.gif) left no-repeat;
		}
.list_ilike {
	border-bottom:1px solid #dedacf;
	padding-bottom:15px;
	margin-bottom:15px;
	}
	.list_ilike h2{
		color:black;
		font-family:georgia, "Times new roman", serif;
		font-size:0.7em;
		font-weight:bold;
		margin-bottom:1px;
		}
	.list_ilike p{
		color:#555;
		font-size:0.7em;
		line-height:15px;
		}
	.list_ilike span{
		display:block;
		margin-top:2px;
		color:#555;
		font-size:0.65em;
		font-style:italic;
		}
	.list_ilike a{
		margin-right:15px;
		color:#85a527;
		font-size:0.66em;
		font-style:italic;
		border-bottom:1px solid #85a527;
		}
		.list_ilike a:hover{
			border-bottom:1px solid #a1c045;
			}



/*
**************************************
Contact
**************************************
*/

#intro_contact{
	height:240px;
	}
	#intro_contact p{
		padding-top:50px;
		}
	#intro_contact a{
		color:white;
		}
		#intro_contact a:hover{
		border-bottom:1px solid #f3f7ec;
		}


button{
	float:right;
	padding:8px;
	margin-right:20px;
	cursor:pointer;
	background:#9dc250;
	border:1px solid #8aac42;
	color:#3b3527;
	font-size:0.75em;
	}

#contact_links {
	float:left;
	width:350px;
	margin-bottom:20px;
	}
	#contact_links h1{
		margin-bottom:35px;
		}
	#contact_links ul{
		margin-bottom:40px;
		}
		#contact_links li{
			padding-left:25px;
			margin:0 0 20px 25px;
			height:16px;
			color:#3b3527;
			font-size:0.75em;
			}
			.mail{
				background:url(../img/icon_email.gif) left no-repeat;
				}
			.phone{
				background:url(../img/icon_phone.gif) left no-repeat;
				}
			.skype{
				background:url(../img/icon_skype.gif) left no-repeat;
				}
	#contact_links p{
		margin-top:-10px;
		font-size:0.75em;
		line-height:20px;
		color:#3b3527;
		}
		#contact_links p a{
			color:#74890B;
			font-weight:bold;
			}
			#contact_links p a:hover{
				text-decoration:underline;
				}


.detalhe {
	font-size: 10px;
	}
.opcao {
	font-size: 14px;
	}
.tit {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	}