/*
Theme Name: Web-Portfolio
Theme URI: http://www.youaretheweb.net/
Description: Portfolio graphique
Version: 0.2
Author: Emmanuel Debien & Quentin Vijoux
 
Merci nono, Jerome pour le code, et Quentin (jonagored)  || http://www.youaretheweb.net/
 
*/

body{	color: #151515;
	font-size: 12px;
	font-family: Lucida Grande, Arial, Monaco, Verdana, sans-serif;
	background-color: #333333;
	margin : 0;
	padding : 0;}

img { border: none;}

a{	text-decoration: none;	color: #5d0d9f;}
a:visited {	color: #514b5b; }

h1 { font-size: 1.1em; font-weight: normal;}
a h1 { color: white;}


h2 {	margin: 0px 0px 4px 0px;
	padding: 3px 8px;
	font-style: normal;
	word-spacing: normal;
	font-size: 0.865em;
	line-height: normal;
	background-color: #cccccc;
	color: #000;}

h2:hover {	background-color: #000;	color: white;}


h3 { margin: 0em 0em 0.5em 0em;
	font-size: 3em;
	padding: 1px;
	color: white;}


h4 { margin: 0.25em 1em;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
	color: white;}

h5 {	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	font-size: 1em;
	padding: 1px;}

#tete {
position:absolute;
top: 30px;
left: 30px;
}


/*#footbar { position: fixed; right: 20px; bottom: 0px; z-index: 20;}*/

/* ----- pop-up draggable = post -----*/

#sidebar{
position:absolute;
top: 100px;
left: 30px;
width: 180px;
}

.sideBouton{ text-align: center;	
cursor: pointer;
margin: 0px 0px 10px 0px; }

.demibouton{ width: 80px;
float: left; }

.boutonD { width: 180px;
height: 20px; }


#listPostBox{ padding: 4px;
background-color: #666666; }

#listPost{ 
min-height:250px;
max-height:330px;
overflow-x: hidden;
overflow-y: scroll;
padding-right: 4px; }

.postdelist{
	text-align: left;
	cursor: pointer;
}


/* ----- pop-up draggable = post -----*/
#postbarre{ overflow:hidden; height: 24px; cursor:move; background-color: #666666; }
.closepost{	margin: 4px 5px; color: white; float:right;	cursor:pointer;}
#titrepost { float: left; padding: 2px 0px;}
#openedpost { position: absolute; top: 6%; left: 25%; z-index: 999; height: 90%; width: 540px;}
#boxpop { height: 100%;}

#opened { height: 76%; width: 540px;
overflow-x: hidden; overflow-y: scroll;
background-color: silver;}
#opened p { text-align: center; margin: 0.7em 1em;}
#opened img { margin: 0.7em 1em;}

#postintro { background-color: #999999;
max-height: 150px; overflow: hidden;
padding: 0.7em 1em;}
#postintro p { margin: 0.3em 0em 0em 0em ; padding: 0em ;}

.contenu_post {	padding: 0px 10px 5px 0px;}
.contenu_post p { padding: 10px 0px 0px 10px; }

.soustitre { font-size: 0.7em; }


/* ----- single post -----*/

#postalone { position: absolute; top: 97px; left: 240px; width:81%;}
#postalone img { float: left; margin: 0em 1.4em 1.4em 0em;}



/* ---- tas d'aper¨us---- */

#allnews { position: absolute; top: 2%; left: 20%; width: 74%; height: 100%;}
.titre { padding-top: 7px; padding-left: -10px; z-index: 2; cursor: pointer;}
#thumb01 {	position : absolute; top:0; left:  0; margin-bottom: 40; width: 230px; }
#thumb { float: left; position: absolute; top : 10px; left : 18px; margin-left: 0px; }

/* vers ... */
#tas1 {	position: absolute; top: 18%; left: 10%;}
/* supor */
#tas2 { position: absolute; top: 6%; left: 40%;}
/* ---- */
#tas9 {	position: absolute; top: 80%; left: 27%;}
/* alinˇa */
#tas4 {	position: absolute; top: 60%; left: 68%;}
/* ---- */
#tas5 {	position: absolute; top: 25%; left: 52%;}
/* cafˇ du commerce */
#tas6 {	position: absolute; top: 28%; left: 62%;}
/* le 104 */
#tas7 {	position: absolute; top: 54%; left: 2%;}
/* orchestre m */
#tas8 {	position: absolute; top: 67%; left: 38%;}
/* addict */
#tas3 {	position: absolute; top: 39%; left: 35%;}
/* ---- */
#tas10 { position: absolute; top: 68%; left: 52%;}
/* ultralogos */
#tas11 { position: absolute; top: 15%; left: 80%;}


/* ---- les pages---- */

#content-pages {position: absolute; top: 100px; left: 250px; width: 650px; color: white;}
#content-pages ul li i {color: #999999; font-style: normal;}
#content-pages ul {	margin: 0em 0em 1.5em 0em ; padding: 0em 1em; list-style: none;}
#content-pages ul li {	margin: 0.3em 0em 0em 0em ;}
#content-pages sup { text-decoration: underline;}
#content-pages ul li.curri-year { margin: 0.8em 0em 0em 0em ;}
#content-pages p {	margin: 0em 0em 1.3em 0em ; padding: 0em 0em; color: white;}
#content-pages h4 a { background-color: fuchsia; padding: 0em 0.3em 0em 0.3em; color: #333333;}
#content-pages h4 a:visited { background-color: pink ; padding: 0em 0.3em 0em 0.3em;}