/*
VAL ALEXANDRE, Développeur Web // CV 
developpeur, php, CSS, asp,dreamweaver,photoshop, projet, html, freelance, javascript, webdesign, DHTML, CV, Lyon, galerie, MySQL,

*/
#cellule{
height:24px;
width:506px;}

body {
	scrollbar-base-color: #ffd301;
	scrollbar-track-color: #ffd301;
	scrollbar-darkshadow-color: #ffd301;
	scrollbar-arrow-color: #ffd301;
	scrollbar-face-color: #ffae00;
	scrollbar-3dlight-color: #ffd301;
	scrollbar-highlight-color: #ffd301;
	scrollbar-shadow-color: #ffd301;
	margin:0;
	padding:0;
}

.img_border {
border:#000000 1px solid;
}

.TitreGauche{
font-size:24px;
font-weight:bold;
color:#333333;
}

/*---------------------------------LIENS-----------------------------------*/
a.link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}
a:hover.link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:underline;
}

/*---------------------------------INDEX-----------------------------------*/
.txt_date{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top:5px;
padding-left:5px;
padding-right:5px;
margin-left:5px;
}
.tab_dessus 
{
z-index: 200;
border:#000000 1px solid;
background:#FFFFFF;}

.tab_dessous
{
border:#000000 1px solid;
z-index: 1;
}
.tab_dessous2
{
border:#000000 1px solid;
background:#FFFFFF;
z-index: 3;
}
.fond_Titre{
background-color:#005b99;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fee80b;
}

.txt_index{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

/*--------------------------------PAGINATION------------------------------------*/
.txt_page{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
text-decoration:none;
}

a.page {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
text-decoration:none;
}
a.page_selection {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}


/*------------CORPS------------------*/
.border{
border:#000000 1px solid;
}
/*---------------------- WEB DEV------------------*/
.fond_Titre_Wdev{
	background-color:#FFFFCC;
	color:#333333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:5px;
	border:#000000 1px solid;
	border-left:0px;}

.border_desc_Wdev{
border-left:#000000 1px solid;
}

.txt_Wdev{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border-left:#000000 1px solid;
padding-left:5px;
}



/*-------------------------MENU-----------------------------*/
.menu {
	background: #faef84;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:#000000 1px solid;
	border-bottom:0px;
}

.menu ul {
	list-style-type: none;
	margin: 0px auto;
	width: 100%; /* précision pour Opera */
}

.menu li {
float: left;
}

.menu a {
width: 90px;
height: 16px;
font-size: 12px;
display: block;
text-align:center;
border: 0px solid #B72E33;
background: #faef84;
text-decoration: none;
color: #000000;
}

.menu a:hover {
width: 90px;
background: #005b99;
color: #fee80b;
font-size: 12px;
text-decoration: none;
border: 0px solid gray;
}

/*BOITE FLOTANTE*/
/* -------------------- CV------------------------*/
/*Bulle over  téléchargement*/
a.info {
position: relative;
text-decoration: none;
color: black;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 3em;
left: 1em;
background:#faef84;
border: 1px #000000 solid;
font-size:11px;
width:80px;
color: #000000;
padding: 2px;
}

a.info div {/* Pour Impression / Contact*/
display: none;
}
a.info:hover div {
display: inline;
position: absolute;
top: 3em;
left: 1em;
background:#faef84;
border: 1px #000000 solid;
font-size:11px;
width:100px;
color: #000000;
padding: 2px;
}

.nom_adresse{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#333333;
}
.cv_titre{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;	
color:#333333;
background-color:#FFFFCC;
}
.cv_date_entreprise{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;	
color:#333333;
padding-left:15px;
padding-top:10px;
}
a.linkcv_entreprise{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
}
a:hover.linkcv_entreprise{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:underline;
}

.cv_fonction{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#333333;
padding-right:20px;
padding-top:5px;
}


/* -------------------- CONTACT------------------------*/

.titrecontact{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#333333;
text-decoration:underline
}
.txt_contact{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-left:40px;
}
.contact_titre{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;	
color:#333333;
background-color:#FFFFCC;
padding-left:20px;
}
/*INFO BULLE*/

#postit {
     position: absolute; 
     top: 140px; 
     left: 550px; 
     z-index: 300; 
     width: 273px; 
     height: 222px; 
     background: transparent url(http://www.alexandreval.info/images/postitvierge.gif) no-repeat center center; 
     font-family:Arial, Helvetica, sans-serif; 
     font-size: 14px; 
     font-weight: normal; 
     color: #000;
	 font-style:italic;
     text-align: left; 
     line-height:15px; 
     margin: 0; 
     padding: 0;
}
#postit p {
     padding:0 10px 0 10px; 
     padding:10px 10px 0 10px;
}
#close {
     position: absolute; 
     bottom: 5px; 
     right: 10px;
     text-decoration: none; 
     font-size:10px; 
     font-family: verdana; 
     font-style: normal;
     color: #000;
     padding: 5px 20px 5px 0;
     background: url(http://www.alexandreval.info/images/close.gif) no-repeat center right;
}

/*WALLPAPERS*/

/*INFO BULL - WALLPAPERS*/
a.wall{
    position:relative; 
    z-index:24; background-color:#cccccc;
    color:#000000;
    text-decoration:none}

a.wall:hover{
z-index:25;
background-color:#ff0;
}

a.wall span{
display: none
}

a.wall:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    padding:1px;
    
    }