/*
Theme Name: Template Portfolio 2010
Theme URI: http://concepteurmultimedia.ch/
Description: Template de mon portfolio 2010.
Author: Guillaume Mégroz
Version: 1.0
Tags: simple, minimal, blanc, noir, sexy
*/




/* BROWSER RESET ***********************************************/
*,html,body{margin:0;
	padding:0;
	font:13px/20px Georgia, "Times New Roman", Times, serif;
	color:#333;}

a{text-decoration:none;
	outline:none;}

a:hover{text-decoration:underline;}

h1{font-size:1.5em;
	line-height:2em;}
h2{font-size:1.3em;
	line-height:1.8em;}

ul,ol,li{list-style:none;}

img{border:none;}

/***************************************************************/

*,html,body{
	font: 11px Helvetica, sans-serif;
}



#colonne_gauche {
	background-color:white;
	margin-left: 30px;
	margin-top: 30px;
	height: 600px;
	width: 150px;
	float: left;
	position:fixed;
	
	
	}


#colonne_droite {
	background-color:white;
	margin-left: 200px;
	margin-top: 30px;
	height: 600px;
	width: 800px;
	float: left;
	
	
	}
	
	
a:hover, a.active {
	color: black;
	background: #0F9;
	text-decoration: none;
	}	
	
	
.cat_gauche	{
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	}
	
#menu {
	margin-top: 30px;
	margin-left: 10px;
	}
	
#infos {

	width: 150px;
	height: 50px;
	float: left;
	}
	
#infos2 {
	margin-left: 25px;
	width: 160px;
	height: 50px;
	float: left;
}

.titre { font-weight: bold;
	
	}
	
#infos3 {
	margin-left: 15px;
	width: 150px;
	height: 50px;
	float: left;
	font-weight: bold;
	font-size: 11px;
	}
	
#banniere {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 780px;
	height: 100px;
	position: fixed;
	z-index: 1;
	}	
	
#description {
	background-color:white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 200px;
	height: 40px;
	float: left;
	}	
	
#content {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 180px;
	width: 780px;
	height: 400px;
	float: left;
	position: absolute;
	}	
	
#logo:hover {
	background: none;
	}
	
a:visited {
	text-decoration:overline;
	}
	
	
/************************************************************************/

.title {position:relative; float:left; width:170px; margin:0 5px 5px 0;overflow:hidden;}

.title a {
			position:absolute;
			/******overflow:hidden;
			margin-top: -120px;*****/
			z-index:1;
			height: 120px;
			width:170px;
		    background-color: black;
			-webkit-transition: opacity;
			-webkit-transition-duration: 0.3s;
			font-size:12px;
			font-weight: bold;
			display: block;
			opacity: 0;
    }
	
.title a:hover {
				/*******margin-top:120px;**********/
				overflow:visible;
				background-color: #333;
				text-decoration: none;
				opacity: 1;

			}
			
.title img {position:absolute; z-index:0; width:170px; height:120px;}

ul#menu {
	margin-top: 55px;
	}
	
.title_content	{
				background-color: #0F9;
				font-size: 12px;
				text-decoration: none;
				font-weight: bold;
	}
	
.title_over {
			
			margin: 20px auto auto 10px;
    }	
	
strong {
			font-size: 12px;
			font-weight:bold;
			color: white;
    }	
	
	
/************************************************************************/	
	
#cache {
		position: fixed;
		z-index: 1;
		margin-top: -30px;
		background-color: white;
		width: 780px;
		height: 190px;
	}
	
/** .line	{ 	margin-top: 10px;
			margin-left: 10px;
			border: solid 1px;
			color: #0F9;
			width: 80px;
	
	}**/
	
	
#contacts	{ 	
					margin-top: 30px;
					width: 780px;
					height: 400px;
					background-color: white;
	
	}
	
#cv	{ 	
					margin-top: 30px;
					width: 780px;
					height: 400px;
					background-color: white;
	
	}
	
#liens	{ 	
					margin-top: 30px;
					width: 780px;
					height: 400px;
					background-color: white;
	
	}	
	
	
#stages_cv {
			font-size: 10px;
			font-weight:bold;
			color: black;
		
    }	
	
#liens a	{ 
					text-decoration:underline;
	
	}

/************************************************************************/

input
					{
					   font-family: Helvetica, Arial, sans-serif; /* On modifie la police du texte tapé l'intérieur des champs */
					   width: 200px;
					   height: 14px;
					}
					
textarea
					{
					   font-family: Helvetica, Arial, sans-serif; /* On modifie la police du texte tapé l'intérieur des champs */
					   width: 300px;
					   height: 120px;
					}					
 
label
					{
					   font-weight: bold; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
					}
					 
.bouton { width: 100px;
	}
	
/************************************************************************/

#para2 { float: left;
			width: 300px;
			margin-left: 30px;
	}
	
#para1 { float: left;
			width: 320px;
	}