/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

 tr, td   {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #1e1e1e;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat-x;
}

html, body {width:100%;}

img {
	text-decoration: none;
	border: none;
}

.conteneur {
	width:928px;
	margin:0 auto 0 auto;
	overflow: hidden;
}

.conteneur_centre {
	background-image: url(../img/conteneur_bg01.jpg);
	background-repeat: no-repeat;
	padding-left: 63px;
	padding-right: 64px;
	width: 928px;
	background-attachment: scroll;
	background-position: left top;
	overflow: hidden;
}

.menu {
	background-color: #FFFFFF;
	height: 166px;
	width: 173px;
	background-image: url(../img/menu_bottom01.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

.lastcg {
	background-color: #FFFFFF;
	height: 228px;
	width: 620px;
	left: 185px;
	background-image: url(../img/lastestcg_top01.png);
	background-repeat: no-repeat;
	text-align: center;
}
.contact {
	margin-top: 8px;
}

.friends {
	background-color: #FFFFFF;
	height: 109px;
	width: 173px;
	background-image: url(../img/friends_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 8px;
	font-size: 10px;
}

.showreel {
	margin-top: 8px;


}
.gauche {
	top: -300px;
	float: left;
}
.droite {
	margin-left: 180px;

}


.title1 {
	font-size:28px;
	letter-spacing:0.2em;
}

.title2 {
	font-size:18px;
	font-weight:bold;

}

.text1 {
color:#e83252;

}

.page {
	background-color: #FFFFFF;
	width: 590px;
	height: 359px;
	left: 185px;
	padding-left: 30px;
	padding-top: 20px;

}

a:link {
	color: #666666;
	text-decoration: none;
}

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

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

a:active {
	color: #666666;
	text-decoration: none;
}


a.friend {
	color: #666666;
	background: none; 
	text-decoration: none;
}

a.friend:hover , a.friend:active  {
	color: #666666;
	background: #a6d715; 
	text-decoration: none;
}

.portfolio {
	background-image: url(../img/page_portfolio_02.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 600px;
	left: 185px;
	padding-left: 20px;
	padding-top: 20px;
	
	font-weight:700;

}

.ligne {
	position: relative;
	left: -20px;
}

.texte_small {
	font-size: 9px;
}

.texte_gris {
	color: #646464;
}