@charset "utf-8";
/* CSS Document */

html, body {

width:100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#FFFFFF;
}

#global {
position:relative;
margin:10px auto;
width:800px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#global_accueil {
position:relative;
margin:10px auto;
width:140px;
height:100px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#langue {
position:relative;
float:right;
top:-10px;
right:10px;
}

/* LOGO */

.logo_mickael_denie_accueil {
position:relative;
top:120px;
left:0;
width:170px;
height:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#000000;
text-decoration:none;
outline:none;
}


.logo_designer_accueil {
position:absolute;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
top:138px;
left:0;
width:170px;
height:10px;
font-weight:normal;
color:#000000;
text-decoration:none;
outline:none;
}

.img_accueil {
position:relative;
top:200px;
left:0;
width:300px;
height:300px;
background:url(images/_imgs/loading.gif);
}

.logo_mickael_denie {
position:relative;
top:0;
left:0;
width:170px;
height:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#000000;
text-decoration:none;
outline:none;
}


.logo_designer {
position:absolute;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
top:18px;
left:0;
width:170px;
height:10px;
font-weight:normal;
color:#000000;
text-decoration:none;
outline:none;
}

.liens_noir {
color:#000000;
text-decoration:none;
outline:none;
}

.liens_noir:hover {
color:#666666;
text-decoration:none;
outline:none;
}

.liens_gris {
color:#666666;
text-decoration:none;
outline:none;
}

.liens_gris:hover {
color:#666666;
text-decoration:underline;
outline:none;
}

/* MENU */
#menu {
position:relative;
margin-top:15px;
margin-right:10px;
float:left;
width:170px;
height:225px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

.menu_typo_bold {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
padding:0;
outline:none;
}

.menu_typo_bold_lien {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
padding:0;
outline:none;
}

.menu_typo_bold_lien:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
color:#000000;
background:#000000;
text-decoration:none;
padding:0;
outline:none;
}

.projet {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

.projet:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

/* CONTENU */
#contenu {
position:absolute;
top:30px;
right:10px;
width:540px;
margin-top:0px;
padding:0;
}

#image_projet {
position:relative;
margin:0 auto;
float:right;
width:540px;
height:400px;
background:#333333;
padding:0;
}

#texte_projet {
position:absolute;
top:420px;
right:0;
width:540px;
}

.titre_projet{
position:relative;
margin:0;
top:0;
width:250px;
height:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
}

.date_projet {
position:relative;
margin:0;
top:-10px;
width:250px;
height:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:normal;
font-style:italic;
}

.form_contact {
position:relative;
margin:0;
top:-10px;
width:250px;
height:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:normal;
font-style:italic;
}

.liens_amis {
position:relative;
margin:0;
top:-10px;
width:250px;
height:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:normal;
font-style:italic;
}

.liens_references {
position:relative;
margin-left:30px;
top:-40px;
right:0px;
width:220px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:normal;
font-style:italic;
}

.descriptif {
position:relative;
margin:0;
top:-15px;
width:270px;
height:85px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
}

.descriptif_right {
position:relative;
margin-left:30px;
top:-15px;
right:0px;
width:220px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
}

.divers_projet {
position:relative;
margin-left:30px;
top:-15px;
right:0px;
width:220px;
height:85px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#666666;
}

/* A PROPOS */
.a_propos {
position:relative;
margin:0;
top:0;
width:538px;
height:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.divers_a_propos {
position:relative;
top:-20px;
right:0px;
width:220px;
height:85px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#666666;
}

#formulaire {
position:absolute;
right:0;
width:550px;
height:410px;
}

.typo_form {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.typo_form_right {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
margin-left:20px;
}

.cadre_form {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#000000;
border:#000000 solid 1px;
background:#FFFFFF;
}

.cadre_form:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#666666;
border:#000000 solid 1px;
background:#FFFFFF;
}

#envoye {
position:absolute;
right:0;
width:170px;
height:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#333333;
}


/*SLIDESHOW*********************************************************/

.sliderwrapper{
float:left;
overflow: hidden; /*leave as is*/
border:0;
width:519px;
height:346px;
}

.contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
width: 540px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 400px;
padding:1px;
border:solid 1px #999999;
}
	
.pagination{
position:absolute;
width:540px;
height:auto;
top:405px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
outline:none;
}

.pagination a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;
outline:none;
}

.pagination a:hover, .pagination a.selected{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-decoration:none;
outline:none;
}