/* Style pour le menu spipien*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	margin:0;
	padding:0;
	
}

/************************************************** 
**********  G?N?RAL ***********/

img{
border:0px;
}

a{
outline:none;
color: #4A5D63 ;

}
a:visited{
color: #4A5D63 ;
outline:none;
}
a:hover{
outline:none;


}

a.spip_out{
outline:none;
text-decoration:none;
}
a.spip_out:visited{
color: #4A5D63 ;
outline:none;
text-decoration:none;
}
a.spip_out:hover{
outline:none;
color: #000 ;
text-decoration:none;


}



a.vignette_doc{
width:18px;
heignt:19px;
outline:none;
display: block;
float:left;
margin:0 8px 0 0;

}

a.vignette_doc:visited{
display: block;
float:left;
outline:none;
width:18px;
heignt:19px;
background-image:url(../../../IMG/vignettes/slash.gif);
background-repeat:no-repeat;
background-position:1px;
}

a.vignette_doc:hover{
outline:none;
display: block;
float:left;
width:18px;
heignt:19px;
}





/************************************************** 
**********  BLOCS GENERAUX ***********/


#vignette{
position:absolute;
left:270px;
top:190px;
border-top: dotted 1px #999;
border-bottom: dotted 1px #999;
width:770px;
padding:10px 0;
}

#vignette_projet{
position:absolute;
left:270px;
top:105px;
border-top: dotted 1px #999;
border-bottom: dotted 1px #999;
width:770px;
padding:10px 0;



}

#titre{
position:absolute;
width:770px;
left:270px;
top:147px;
font-size:30px;
font-weight:bold;
color:#4A5D63;
text-transform:uppercase;
border-top: dotted 1px #999;
padding:5px 0;

}

#titre_projet{
position:absolute;
width:770px;
left:270px;
top:72px;
font-size:21px;
font-weight:bold;
color:#4A5D63;
text-transform:uppercase;
border-top: dotted 1px #999;
padding:5px 0;
}




#titre.article_texte{
border-bottom: dotted 1px #999;


}

p.spip{
margin-top:0px;

}


#texte.article_texte{

width:550px;
}


#texte_haut{
position:absolute;
left:270px;
top:250px;
width:230px;
}

#texte_haut_projet{

position:absolute;
left:270px;
top:165px;
width:230px;

}


#texte_haut.article_texte{
position:absolute;
left:270px;
top:195px;
width:230px;
}


#texte_haut_projet.article_texte{
position:absolute;
left:270px;
top:195px;
width:230px;

}


#descriptif{
float:left;
color: #4A5D63 ;
width:110px;
height:auto;
overflow:hidden;
text-transform:uppercase;

}

#descriptif_projet{

float:left;
color: #4A5D63 ;
width:110px;
height:auto;
overflow:hidden;
text-transform:lowerrcase;



}

#chapeau{
float:left;
color: #4A5D63 ;
width:110px;
height:auto;
overflow:hidden;
text-transform:uppercase;
margin:0 0 0 10px;
}

#chapeau_projet{
float:left;
color: #4A5D63 ;
width:110px;
height:auto;
overflow:hidden;
text-transform:lowerrcase;
margin:0 0 0 10px;
}

#texte{
float:left;
font-size : 11px;
color: #4A5D63 ;
width:230px;
height:auto;
padding:10px 0 0 0;
line-height:15px;
}


#texte_projet{
float:left;
font-size : 11px;
color: #4A5D63 ;
width:230px;
height:auto;
padding:10px 0 0 0;
line-height:15px;
}



hr {
float:left;
border:0px;
border-top: dotted 1px #999;
width:230px;
margin:0 0 10px 0;
}


#photos_portfolio{
position:absolute;
left:270px;
top:165px;
width:800px;
height:auto;
overflow:hidden;
}

#photos{
position:absolute;
left:530px;
top:250px;
width:800px;
height:auto;
overflow:hidden;
}

#titre_photos{
font-size : 11px;
color: #4A5D63 ;
margin:10px 0 0 0;

}

#photos_projet{
position:absolute;
left:530px;
top:165px;
width:800px;
height:auto;
overflow:hidden;

}


/************************************************** 
**********  MENU ***********/

#menu{
margin:0 0 0 43px;

}

#affiche{
visibility:visible;
line-height:13px;
margin:0 0 0 0;
padding:0 0 0 0;
display: block;
overflow:auto;

}
#affiche_bloc{
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
line-height:13px;
overflow:auto;
}

#cache{
display:none;
}

#cache_bloc{
display:none;
margin:0 0 0 0;
padding:0 0 0 0;
}

#menu_logo_rub{
border-top: dotted 1px #999;
width:195px;
margin:0 0 0 0;
padding:0 0 0 0;
height:auto;

}



.lien{
color: #000 ;
text-decoration: none;
text-transform:uppercase;
margin:0 0 0 0;
padding:0 0 0 0;
list-style-image: url(../../../IMG/puce1.gif); 

}


.lien_rub{
color: #000 ;
text-decoration: none;
text-transform:uppercase;
margin:0 0 0 0;
padding:0px;
font-size:11px;

}

.lienon{
color: #4A5D63 ;
text-decoration: none;
text-transform:uppercase;
margin:0 0 0 0;
padding:0px;
}

.lien_rubon{
color: #4A5D63 ;
text-decoration: none;
text-transform:uppercase;
margin:0 0 0 0;
padding:0px;
font-size:11px;

}


ul.racine{
margin:0px;
padding-left:0px;
list-style:none;


}
.article{
margin:0px;
padding:2px 0;
list-style:none;
font-weight:normal;
border-top: dotted 1px #999;
}

.rubrique{
margin-left:10px;
padding:0px;
display:block;
font-weight:bold;
width:195px;
height:auto;

}
.rubrique_top{
border-top: dotted 1px #999;
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
font-weight:bold;
width:195px;
}



ul.rubrique_top,
li.rubrique_top
{
margin:0 0 0 0;
padding:2px 0;
display:block;
height:auto;

}

ul.rubrique{
list-style:none;
margin:0 0 0 0;
display:block;
height:auto;

}

li.rubrique{
list-style:none;
padding:2px 0 2px 0;
margin:0 0 0 0;
border-top: dotted 1px #999;
display:block;
height:auto;

}

ul.rubriqueon,
li.rubriqueon{
list-style:none;

margin:0 0 0 0;
display:block;
height:auto;

}

ul.article li.article{
list-style:none;
margin:0 0 0 0;
border:none;
}

ul.article{
width:195px;

}