/*

*/

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
/*retirer l'effet "ascenseur" */
html, body {
width:100%;
height:100%;
overflow:hidden;
}

/* Var Globales */
body{
background:url(images/wait.gif);
font-family:Verdana;
font-size:9px;
color:#000;
}
img{
display:block;
}

/* Image de fond plein ecran et centree */ 
#arriereplan, #arriereplan table,#arriereplan table td {
width:100%;
height:100%;
}
#arriereplan div{
position:absolute;
width:200%;
height:200%;
top:-50%;
left:-50%;
}
#arriereplan td{
vertical-align:middle;
text-align:center;
}
#arriereplan img{
min-height:50%;
min-width:50%;
margin:0 auto;
}

/* logo */
#logo{
position:absolute; 
top:20px; 
left:100px; 
width:150px;
z-index:100; 
border:thin solid #000; 
background:#000;
padding:7px 0 0 7px; 
height:65px;
}
#logo h1 {
padding:7px 10px 5px 5px;
color:#fff;
font-family:"Century Gothic";
font-size:20px;
text-align:right;
display:block;
}
/* Menu */
#menu{
position:absolute; 
top:0px; 
left:100px; 
width:150px;
z-index:80; 
border:thin solid #000; 
background:#000;
opacity:0.6;
filter:alpha(opacity=60);
padding:7px 0 0 7px; 
height:100%}
#menu .general  {
position:absolute; 
top:100px; 
}
#menu .general ul{
float:left;
width:140px;
}
#menu .general li a{
height:14px;
padding:0 5px;
font-family:sans-serif;
font-weight:bold;
color:#fff;
font-size:12px;
text-decoration:none; 
display:block;
}
#menu .general li a:hover {
text-decoration:underline; 
color:#999;
}

#menu .general #en-cours a {
text-decoration:none; 
color:#F00;
}


/* Partie Contenu */
#wrapper {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:70;
	overflow:auto;
}

#wrapper .titre{
position:relative;
top:50px;
left:297px;
width:620px;
font-family:"Century Gothic";;
font-weight:bold;
color:#fff;
font-size:40px;
text-decoration:none;
display:block;
}
#wrapper .sous-titre{
position:relative;
top:50px;
left:297px;
width:620px;
font-family:"Century Gothic";;
font-weight:bold;
color:#fff;
font-size:12px;
text-decoration:none;
display:block;
}
#wrapper .presentation{
position:relative;
top:70px;
left:300px;
width:500px;
font-family:"Century Gothic";;
font-weight:bold;
color:#fff;
font-size:15px;
text-decoration:none;
display:block;}

#conteneur {
position:relative;
background:#fff;
opacity:0.80;
filter:alpha(opacity=80);
top:50px;
left:300px;
width:500px;
line-height:1.5em;
padding:20px 30px;
}

#conteneur_cv {
position:relative;
background:#fff;
opacity:0.75;
filter:alpha(opacity=75);
top:50px;
left:300px;
width:500px;
line-height:1.5em;
padding:20px 30px;
}

#conteneur_hobbies {
position:relative;
background:#fff;
opacity:0.75;
filter:alpha(opacity=75);
top:50px;
left:300px;
width:690px;
line-height:1.5em;
padding:20px 30px;
}

#conteneur_real {
position:relative;
background:#fff;
opacity:0.75;
filter:alpha(opacity=75);
top:50px;
left:300px;
width:600px;
line-height:1.5em;
padding:20px 30px;
}

#conteneur_real h1{
font-family:Arial;
font-weight:bold;
color:#000;
font-size:14px;
text-decoration:none;
}

#conteneur h1{
font-family:Arial;
font-weight:bold;
color:#000;
font-size:14px;
text-decoration:none;
}

#conteneur_hobbies h1{
font-family:Arial;
font-weight:bold;
color:#000;
font-size:14px;
text-decoration:none;
}

#conteneur_cv h1{
font-family:Arial;
font-weight:bold;
color:#000;
font-size:14px;
text-decoration:none;
}

#conteneur p{
font-family:Verdana;
color:#000;
font-size:11px;
text-decoration:none; 
padding:5px 0 10px 0;
}

#conteneur a {
text-decoration:underline
}

#texte{
	padding-left:20px;
}

#footer {
position:absolute;
bottom:20px;
left:100px;
z-index:100;
width:150px;
border:thin solid #000; 
background:#000;
padding:7px 0 0 7px; 
height:65px;
color:#fff;
}
#footer p {
font-family:Arial; 
font-size:11px; 
text-decoration:none;
color:#CCC;
}

/* -------------------- actualites MA -------------------- */

table {
width:100%;
margin-bottom: 5px;
margin-top: -10px;
}
/*th { 
width:20%;
height: 62px;
}
td { 
width:69%;
}
*/
/* -------------------- liens MA -------------------- */
.lien a{
text-decoration: none;
background-image: url(../img/general/fleche.gif);
background-repeat: no-repeat;
background-position: -10em;
background-color:#CCC;
padding-left: 0.2em;
padding-right: 0.2em;
color: black;
} 
.lien a:hover {
background-color: black;
color: white;
}


/* -------------------- styles MA -------------------- */
h4 {
color:#F00;
font-size: 12px;
margin:0;
margin-top:-0.3em;
}
h5 {
color:#666;
font-size: 8px;
margin:0;
}
h6 {
color:#000;
font-size: 10px;
margin:0;
}

p {
font-family:Verdana;
color:#000;
font-size:11px;
text-decoration:none; 
padding:5px 0 10px 0;
}

/**--------- MudToolTip -------------**/
.tooltip {
cursor: pointer;
}

img .tooltip {
padding:0px;
margin:0px;
border: 0px;
}

#tooltipbox {
position : absolute;
height : 100px;
z-index : 100;
}

#tooltipbox-pointer {
position: absolute;
top: -4px;
left: 0;
height: 4px;
width: 18px;
}

#tooltipbox-content {
padding: 4px;
font-size: 9px;
font-family: verdana, arial, helvetica, sans-serif;
color: white;
background-color:#666666;
}