/* Style général du site */

body 
{
	margin:0;
	padding:0;
	color: white;
	font-weight: bold;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#d3d2d2;
	
}

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

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

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

a:hover, #language a:hover
{
	text-decoration:none;
	color:#CFFC25;
}

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

li
{
list-style-type: none;
}

li a 
{
display:block;
width: 100%;
height: 100%;
color: white;
}

.hide 
{
display: none;
color: black;
}

#language
{
	position:absolute;
	left : 876px;
	top : 10px;
	width: 150px;
	height: 35px;
	z-index: 500;
}

#container 
{
	position:absolute;
	left:0px; top:0px;
	width:100%; height:700px;
	background: url(../images/spacer.gif) #909090 repeat-x;
}

#logo 
{
	position:absolute;
	left:0px; top:0px;
	width:369px; height:700px;
	background-color: #C0C0C0;
	z-index: 1;
}

#flash
{
	position:absolute;
	left:200px; top:500px;
	width:200px; height: 20px;
	z-index: 10;
}



#menu
{
	background-color: #c8c9c8;
}

#menu_accueil 
{
	position:absolute;
	left:369px;	top:0px;
	width:137px; height:156px;
	background-image : url(../images/menu_accueil.jpg);
	z-index: 99;
}


.accueil:hover
{
	/*background-image : url(../images/menu_accueil_hover.gif);*/
	background-image : url(../images/accueil_papillon2.gif);
	
}


#menu_portfolio 
{
	position:absolute;
	left:369px;	top:156px;
	width:137px; height:80px;
	background-image : url(../images/menu_portfolio.jpg);
	z-index: 99;
}

.portfolio:hover
{
	background-image : url(../images/menu_portfolio_hover.gif);
}


#menu_profil 
{
	position:absolute;
	left:369px;	top:236px;
	width:137px; height:81px;
	background-image : url(../images/menu_profil.jpg);
	z-index: 99;
}


.profil:hover
{
	background-image : url(../images/menu_profil_hover.gif);
}

#menu_contact 
{
	position:absolute;
	left:369px;	top:317px;
	width:137px; height:80px;
	background-image : url(../images/menu_contact.jpg);
	z-index: 99;
}


.contact:hover
{
	background-image : url(../images/menu_contact_hover.gif);
}



#menu_liens 
{
	position:absolute;
	left:369px;
	top:397px;
	width:137px;
	height:170px;
	background : url(../images/menu_liens.jpg) top #C9C9C9;
	z-index: 99;
}
	

.liens:hover
{
	background : url(../images/menu_liens_hover.gif) #C9C9C9;
}

#main 
{
	position:absolute;
	left:506px;
	top:0px;
	width:509px;
	height:567px;
	background-image : url(../images/main.jpg);
}

#main_header
{
	position:absolute;
	left:38px;
	top:134px;
	width:373px;
	height: 325px;
	overflow: auto;
}

#main_header p
{
	margin : 10px 25px;
	font-size:11px;
	font-weight: bold;
	text-indent: 15px;
	text-align: justify;

}

.capitalize_green
{
	font: 18px, italic, "Times New Roman", Times, serif;
	text-transform:capitalize;
	color: #CFFC25;
}

.capitalize_white
{
	font :18px, italic, "Times New Roman", Times, serif;
	text-transform:capitalize;
	color: #FFF;
}

p#title
{
	margin : 10px 15px 10px 85px;
	color: #CFFC25;
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
	line-height:1.5;
	text-indent: 0;
}

p.signature
{
	
	text-align: right;
	font-style:italic;	
}

.green
{
	color: #CFFC25;
}

#footer
{
	position:absolute;
	left:369px;
	top:567px;
	width:646px;
	height:133px;
	background-image : url(../images/footer.jpg);
}

#footer p
{
	margin-left: 350px;
	font: 9px, italic;
}

h1
{
	position: absolute; /*pour pouvoir la mettre ou on veut dans le contenu*/
	top: -8000px; /*on l'affiche hors champs utilisateur pour les precharger sans qu'il le voit :p*/
	left: 0;
}
a
{
	outline:none;
}