* {margin: 0; padding: 0;}
* {font: 14px Arial, Verdana, sans-serif;}
body {
width: 100%;
color: #808080;
background-color: #FFFFFF;
}

img {
border:0;
}

input, textarea {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background: transparent;
border:1px dotted  #808080;
color: #808080;
}

.envoyer{
border:0px;
font-weight:bold;
cursor:pointer;
}

div#photo {
background : url(../images/photo.png);
background-repeat: no-repeat;
background-position: left bottom;
position: absolute;
left: 0;
bottom: 0;
height: 449px;
width: 200px;
border:0px solid #FF0000;
}

body#global>div#photo {
background : url(../images/photo.png);
background-repeat: no-repeat;
background-position: left bottom;
position: fixed;
left: 0;
bottom: 0;
height: 449px;
width: 200px;
z-index: 2;
border:0px solid #FF0000;
} 

body#global>div#transition {
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 1;
background : url(../images/transition.png);
width: 255px;
border:0px solid #FF0000;
}

div#fond {
position: fixed;
right: 0;
bottom: 0;
border:0px solid #FF0000;
}

div#bordure { 
position: absolute;
left: 0px; 
top: 240px;
height: 1px;
background-color: #A5A3B5;
width:100%;
z-index:0;
}

#haut {
padding-top:0px;
right:0px;
height:242px; 
width:793px;
position:absolute;
background: url(../images/opt_presentation.png);
}

.presentation {
width:500px; 
height:240px; 
background: url(../images/presentation.png);
border-left:1px solid #A5A3B5; 
}

#menu {
padding-top:0px;
margin-left:233px; 
list-style-type:none; 
overflow:hidden; 
height:240px; 
border:0px solid #888; 
background-color:#FFF;
}
#menu li {
float:left;
}
#menu li a {
display:block; 
height:240px;
width:30px; 
float:left; 
text-decoration:none; 
border-right:0px solid #FFFFFF; 
cursor:pointer;
}
#menu li a img {
padding-top:40px;
width:30px; 
height:200px; 
filter: alpha(opacity=20);  
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
#menu li a:hover {
background:#FFFFFF; 
border-left:1px solid #A5A3B5; 
border-right:1px solid #A5A3B5; 
width:50px;
}
#menu li a:hover img {
padding-top:0px;
width:50px;
height:240px; 
filter: alpha(opacity=100);  
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
 
#fichiers {
position:absolute;
right:5px;
top:135px;
padding-right:3px; 
list-style-type:none; 
width:40px;
}

#langues {
position:absolute;
right:5px;
top:5px;
list-style-type:none; 
width:44px;
height:20px;
}

.boite_decoration {
width: 50px; 
background: no-repeat; 
}
#decoration {
position:absolute;
right:0px;
top:235px;
}
#decoration p {
margin-top:10px;
}
 
.boite {
width: 400px; 
background: no-repeat bottom right;
padding-bottom: 30px;
z-index:1;
}
.boite h2 {
width: 400px; 
height: 25px; 
float:left; 
cursor: move; 
background: url(../images/barre.png) repeat-x bottom right;
}
.boite h2 span.titre {
font-weight:bold; 
margin: 3px 0 0 10px; 
float: left; 
color:#FFFFFF;
}
.boite h2 span.fermer {
float: right; 
background: url(../images/fermer.png) no-repeat; 
float:right;
height:25px; 
width:22px; 
cursor:pointer;
}
.boite p {
margin: 0px 15px 0px 15px;
text-align:justify;  
padding-top: 10px;
}
.boite h3 {
padding-top:15px;
text-align:center;
text-decoration:underline;
}
.boite a {
color:#808080;
text-decoration:none;
}
.boite a:hover {
background:#FFFFFF;
text-align:center;
}
#formations {
position: absolute;
left: 260px;
top: 250px;
background-image: url(../images/fond/fondbleu.png); 
z-index:0;
}
#experiences {
position: absolute;
left: 275px;
top: 275px;
background-image: url(../images/fond/fondrouge.png); 
z-index:0;
}
#competences {
position: absolute;
left: 290px;
top: 300px;
background-image: url(../images/fond/fondvert.png); 
z-index:0;
}
#competences .competence {
text-align:justify;
margin: 0px 15px 0px 15px;
}
#competences span.domaine {
font-style:italic;
}
#realisations {
position: absolute;
left: 305px;
top: 325px;
background-image: url(../images/fond/fondorange.png); 
z-index:0;
}
#realisations a {
text-decoration:underline;
background:none;
}
#realisations a:hover {
text-decoration:none;
text-align:justify;
background: #FFFFFF;
}
#realisations .visualiser {
text-align:center;
}
#loisirs {
position: absolute;
left: 320px;
top: 350px;
background-image: url(../images/fond/fondturquoise.png); 
z-index:0;
}
#contact {
position: absolute;
left: 335px;
top: 375px;
background-image: url(../images/fond/fondmagenta.png); 
z-index:0;
}
#contact p.contact{
text-align:center;
padding-top:30px;
}
#contact p span {
color: #FF0000;
}
#informations {
position: absolute;
left: 250px;
top: 260px;
background-image: url(../images/fond/fondblanc.png); 
z-index:0;
}
#navigateur {
position: absolute;
left:275px;
top:285px;
background-image: url(../images/fond/fondblanc.png); 
z-index:0;
}
#informations p.centre, #navigateur p.centre {
text-align:center;
font-weight:bold;
}