/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	background-image : url("img/bg_grey.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	margin: 15px;
    line-height: 10pt;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #52535a;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #52535a;}
a:hover { text-decoration: line-through; }

.biglink a:link { text-decoration: none; font-size: 26px; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #<%color%>;}
.biglink a:active { text-decoration: none; font-size: 26px; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}
.biglink a:visited { text-decoration: none; font-size: 26px;color: #000; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}
.biglink a:hover { text-decoration: line-through; font-size: 26px; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }

.txtred a:link { text-decoration: underline; color: #52535a;}
.txtred a:active { text-decoration: underline; }
.txtred a:visited { text-decoration: underline; color: #52535a;}
.txtred a:hover { text-decoration: line-through; }


a img { border: none; }

#menu {
    width: 180px;
    overflow: auto;
    top: 15px;
    bottom: 0;
	left: 20px;
    position: absolute;
    height: 100%;
	/*background-color: #FFF;*/
	border-top : 3px solid #52535a;
	padding-top: 8px;
	
}


#menu ul {
	list-style: none;
	margin: 0 0 12px 0px;
	border-top : 1px solid #52535a;
	padding-top: 6px;
	/*background-image : url(img/fill_trame.gif);*/
	margin-bottom: 5px;
}

#menu ul li.section-title { font-size: 12px; padding-bottom: 4px; font-weight:bold; /*background:#e1e1e1;*/}

#content {
	/*z-index: -1;*/
    height: 100%;
	width: 500px;
    margin: 0 0 0 200px;
    top: 0;
	border-top : 3px solid #52535a;
	/*border-bottom : 3px solid #000;*/
	padding-top: 8px;
}

.container {
	padding-bottom:20px;
}

#content p { 
	margin-bottom: 9px;
	padding-top: 6px;
}



.subtitle {
	font-size: 16px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	margin-bottom: 4px;
}

.bigtitle {
	font-size: 55px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	line-height: 37pt;
	margin-bottom: -34px;
	margin-top: -30px;
}


.bigtitle_black {
	color: #000000;
	font-size: 55px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	line-height: 37pt;
	margin-bottom: -34px;
	margin-top: -30px;
}



blueline {
	color: red;
	background-color: red;
	height: 1px;
	border: 0;
}

dotted {
	border-bottom : 1px dotted #000;
}
.en {
	color: red;
}


.red {
	color: red;
	font-size: 11px;
}


.pjtinfo_title {
	font-size: 8px;
	line-height: 11pt;
	font-family: Lucida Console, Monaco, monospace;
	text-decoration: underline;
}

.pjtinfo_name {
	font-size: 10px;
	line-height:11pt;
	font-family: Tahoma, Geneva, sans-serif;
}



.french {
	color: #9c9c9c;	
}

/*--------------------SOME LINKS-------------------------*/

.friends {
	position:absolute;
	width:242px;
	height: 500px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:0px;
	margin-top :20px;
	line-height: 20pt;
}

.others {
	position:absolute;
	width:243px;
	height: 500px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-top :20px;
	margin-left:257px;
	line-height: 20pt;
}

/*--------------------ABOUT ME-------------------------*/

.hello {
	position:absolute;
	/*background-color: yellow;*/
	width:290px;
	height: 230px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:0px;
	margin-top :20px;
}

.coordo {
	position:absolute;
	/*background-color: yellow;*/
	width:190px;
	height: 230px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:310px;
	margin-top :20px;
}

.workshops {
	position:absolute;
	/*background-color: pink;*/
	width:500px;
	height: 500px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:0px;
	margin-top :280px;
	}

/*----------------------------------------------------*/

.project {
	position:absolute;
	/*background-color: pink;*/
	width:305px;
	height: 220px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:0px;
	margin-top :20px;
}

.info {
	position:absolute;
	/*background-color: yellow;*/
	width:180px;
	height: 220px;
	border-top : 3px solid;
	border-bottom : 3px solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:320px;
	margin-top :20px;
}

.new {
	position:absolute;
	background-image : url("img/new_1.png");
	background-repeat:no-repeat;
	width:143px;
	height: 138px;
	margin-left:300px;
	margin-top :-113px;
}

/*.nice {
	position:fixed;
	background-image : url("img/nice.png");
	background-repeat:repeat;
	width:1143px;
	height: 1038px;
	margin-left:590px;
	margin-top :-3px;
	}
	*/


/*----------------------------------------------------*/


/*----------------------TUMBLR-------------------------*/

#post a:link { text-decoration: underline; color: green; background-color: blue;}
#post a:active { text-decoration: underline; }
#post a:visited { text-decoration: underline; color: #000; background-color: red;}
#post a:hover { text-decoration: line-through; }

ol.tumblr_posts {
list-style:none;
}
li.tumblr_post tumblr_photo_post {
margin: 0 0 20px 0;
}
.tumblr_photo {
margin: 50px 0 0 0;
border : 3px solid #52535a;
}
.tumblr_video {
margin: 50px 0 0 0;
border : 3px solid #52535a;
align: center;
}
.tumblr_caption {
font-size: 10px;
font-family: Tahoma, Geneva, sans-serif;
}
h2.tumblr_post {
font-size: small;
color: #000;
}
.tumblr_post {
color: #52535a;
border-top : 3px solid #52535a;
padding-top: 15px;
margin-top : 10px;
margin-bottom : 50px;
}
.tumblr_title {
padding-top: 15px;
padding-bottom: 10px;
color: #52535a;
font-size: 22px;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
.tumblr_quote {
padding-top: 15px;
padding-bottom: 10px;
color: #52535a;
font-size: 36px;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
/*----------------------------------------------------*/








.tampon {
	position:relative;
	/*background-color: pink;*/
	height: 240px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:0px;
}	
	
.workbloc1 {
	position:relative;
	width:245px;
	height: 300px;
}
.workbloc2 {
	position:relative;
	width:245px;
	height: 300px;
	margin-left:255px;
	margin-top:-504px;
}


.school {
	position:absolute;
	/*background-color: yellow;*/
	width:300px;
	height: 350px;
	border-top : 3px solid #00c6ff;
	border-bottom : 3px solid #00c6ff;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-left:780px;
}

#filler {
	height: 400px;
	width: 500px;
	background-image : url(img/welcome_img.jpg);		
	}

{
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; padding-bottom: -23px; }
h4 { font-size: 12px; padding-bottom: 21px; }

#img-container	{ padding: 0; margin: 0px; }
#img-container p	{ width: 400px; margin: 0; padding: 0 8px 62px 0; }

img {
    border-bottom : 10px solid #fff;
}

#once { clear: left; }