@charset "utf-8";
/* CSS Document */
*{background-repeat:no-repeat; }
body{
margin:0;
padding:0;
}

#global{
background-image:url('../img/trefle.jpg');
background-position:165px 40px;
width:687px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}
/*Contenu principal */ 
#contenu{
position:relative;
border:2px solid #dedede;
background-color:#fff;
padding:10px;
width:255px;
float:left;
margin-top:65px;
}
#contenu h1{
font-size:1.2em;
border-bottom:1px solid #ddd;
color:#add701;
line-height:1;
position:relative;
z-index:200;
}
#contenu #texte_contenu{
font-size:0.8em;
text-indent:2em;
position:relative;
z-index:200;
}
#contenu #texte_contenu ul li{
list-style-image:url('../img/puce.gif');
text-indent:0;
}
#contenu #texte_contenu ul{
padding-left:1em;
}
#contenu #texte_contenu dl dt{
color:#add701;
font-weight:bold;
}

#contenu #texte_contenu h3{
font-size:1.1em;
line-height:1;
}
#contenu #texte_contenu a{
color:#add701;
}
#contenu #texte_contenu a:hover{
color:#0099FF;
}
#contenu #texte_contenu a.lienProjet{
background-image:url('../img/ico_lien.png');
background-position:3px 2px;
background-repeat:no-repeat;
display:block;
margin-top:8px;
padding-top:4px;
border-top:1px solid #ddd;
font-weight:bold;
}
#contenu #texte_contenu a.lienProjet:hover{
background-image:url('../img/ico_lien_hover.png');
}
#coin_sup_g{
background-image:url('../img/coin_haut_g.gif');
padding-left:19px;
padding-bottom:20px;
background-position:top left;
position:absolute;
left:-2px;
top:-2px;
z-index:1;
}
#coin_sup_d{
background-image:url('../img/coin_haut_d.gif');
padding-left:17px;
padding-bottom:20px;
background-position:top right;
position:absolute;
right:-3px;
top:-2px;
}
html>body #coin_sup_d{
right:-2px;
}
#coin_inf_g{
background-image:url('../img/coin_bas_g.gif');
padding-left:19px;
padding-top:21px;
background-position:bottom left;
position:absolute;
left:-2px;
bottom:-2px;
}

#coin_inf_d{
padding-left:17px;
padding-top:17px;
background-position:bottom right;
position:absolute;
right:-2px;
bottom:-2px;
}

/* Menu */
#menu{
clear:both;
overflow:hidden;
height:1%;
}
#menu ul li span{
display:block;
}
#menu ul li span a{
display:block;
}
a img{
border:none;
}
#menu ul li{
float:left;
list-style-type:none;
margin-right:40px;
}
#menu ul li  img{
position:relative;
}

/* Visualiseur */
img.projetPreview{
width:50px;
height:50px;
}
#projetView{
}
#projetView_contenu{
background-image:url('../img/visualiseur.png');
background-position:center center;
width:237px;
height:236px;
padding:14px;
border-bottom:1px dashed #bbb;
}
#projetView_right{
position:absolute;
bottom:0;
right:0;
background-image:url('../img/projet_droite.png');
background-position:bottom right;
padding-left:36px;
height:331px;

}
#projetView_left{
float:left;
background-image:url('../img/projet_gauche.png');

background-position:top left;
padding-left:11px;
height:331px;
}
#projetView_top{

}
#projetView_bottom{
background-image:url('../img/projet_bas.png');
background-position:bottom left;
position:absolute;
left:12px;
bottom:0;
padding-left:265px;
padding-bottom:10px;

}
#projetView{
position:relative;
overflow:hidden;
float:right;
width:312px;
height:399px;
background-color:#fff;
}
#projetView_int{
float:left;

}
#thumbs{
height:34px;
text-align:center;
padding:3px 0;
margin-top:8px;
margin-bottom:8px;
}
#thumbs a{
margin:0 6px;
}
#thumbs a img{
vertical-align:middle;
position:relative;
top:0px;
padding:2px;
width:30px;
height:30px;
background-color:#aaa;
}
#thumbs a img:hover{
background-color:#0099FF;
}

/* Menu de gauche */
#projetThumbs{
width:92px;
text-align:center;
float:left;
margin-top:55px;
background-image:url('../img/gauche_centre.png');
background-repeat:repeat-y;
}
#projetThumbs span.top{
background-image:url('../img/gauche_top.png');
padding-left:92px;
}
#projetThumbs span.bottom{
background-image:url('../img/gauche_bas.png');
background-position:-1px;
padding-left:92px;
}
#projetThumbs img{
display:block;
margin:10px auto;
}
#projetThumbs *{
margin:3px 0;
}
#projetThumbs a.fleches{
display:block;
}