/*------------------------------------*/
/*Feuilles de styles de mes squelettes*/
/*------------------------------------*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:892px;
margin:0px;
margin-left:auto;
margin-right:auto;
}

/*LIENS*/

a {
text-decoration:none;
color:#90898E;
font-weight:bold;
}

a:hover {
text-decoration:none;
}

a.on {
color:#79A43B;
}

a.lien_pagination {
}

#page {
width:100%;
height:500px;
}

.portfolio_vignettes {
/*border:1px solid red;*/
position:absolute;
margin-top:140px;/*500px-220px=280px. 280px/2=140px*/
width:375px;/*100px pour chaque vignette avec une marge à droite de 25px soit 3x125px*/
}
.portfolio_vignettes .vignettes /*On pourrait se passer du div .vignettes ?*/{
/*border:1px solid blue;*/
height:240px;
}

.portfolio_vignettes .une_vignette {
/*border:1px solid green;*/
float:left;
margin-right:25px;
margin-bottom:20px;
}

.pages /*je peux peut être supprimer la balise html "pages" dans mon code spip ?*/{
/*border:1px solid grey;*/
text-align:right;
padding-right:25px;
}

/*.page_article*/ .portfolio_image {
float:right;
}

.page_sommaire #page {
height:400px;
background:white 50% 180px no-repeat url(fond_sommaire.png);
}

.page_article {
background:white 50% -120px no-repeat url(fond_portfolio.png);
}

.page_article-2, .page_auteur {
background:white 50% -120px no-repeat url(fond_infos.png);
}

.bloc_gauche {
text-align:justify;
position:absolute;
margin-top:99px;
width:380px;
height:302px;/*equivaut à la hauteur des images horizontales du portfolio*/
overflow:auto;
}

/*IMAGES & LOGOS*/

.entete img, .entete img.spip_logos {
border:none;
padding-left:12px;
padding-right:12px;
}

.menu_bouton img, .portfolio_vignettes img.spip_logos/*, .portfolio_image img*/  {
border:5px solid black;
}

.menu_bouton img.spip_logos {
margin-bottom:10px;
}

/*MENU & ENTETE*/

.entete {
height:45px;
text-align:right;
margin-bottom:18px;
background:white 50% 0px no-repeat url(entete.png);
}

.entete ul {
padding-top:10px;
}

.page_article .entete a, .page_article-2 .entete a, .page_auteur  .entete a, .page_404 .entete a {
display:block;
height:100%;
width:100%;
}

.page_sommaire .entete {
background:white 50% 0px no-repeat url(entete_sommaire.png);
}

.page_sommaire .menu_bouton {
/*je pourrais éventuellement essayer de centrer les .menu_bouton*/
float:left;
font-size:12px;
width:99px;
width:/*148px*/110px;
margin-left:19px;
margin-right:19px;
}

ul {
margin:0px;/*contrer spip*/
padding:0px;/*contrer spip*/
}

li {
display:inline;
margin-left:15px;/*inutile car li en inline ?*/
margin-right:15px;/*inutile car li en inline ?*/
}
body.page_article li, body.page_article-2 li {
}

.entete li {
margin-left:0px;
margin-right:0px;
}

/*TITRES*/

h1 {
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}

/*FORMULAIRE*/

input, textarea {
border:1px solid #79A43B;
}

.formulaire_spip fieldset {
border:1px solid grey;
margin:0px;
padding:0px;
}

.formulaire_spip textarea {
height:80px;
}