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

html, body {
font-family:Verdana, Arial, Helvetica;
font-size:10px;
text-align:left;/*contournement Spip*/
color:#000;
height:100%;
margin:0px;
background-color:#00A0C6;
}

a,a:hover,a.spip_in,a.spip_out {
color:#7F7F7F;
font-weight:bold;
text-decoration:none;
}

a.entete {
position:absolute;
top:224px;
left:104px;
height:316px;
width:33px;
}

.contenu_g a {
color:#00A0C6;
}

.pagination {
font-size:11px;/*utile? contournement Spip*/
display:inline;
}

.pagination a {
}

a.on {
color:#00A0C6;
}

.pagination .on {
color:#00A0C6;
text-decoration:underline;
}

#page_g {
width:814px;/*1024-padding-left de 180px-30pxascenseur vertical afin d'éviter que l'ascenseur horizontal ne s'affiche*/
_width:1024px;/*balise uniquement reconnue par IE6. Voir : http://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/probleme-padding-firefox-sujet_81704_1.htm OU http://esprit-creatif.blog.mongenie.com/index.php?idblogp=406297*/
height:100%;
margin-left:0px;
margin-right:auto;
padding-top:48px;
padding-left:180px;
background:#fff 0px 0px no-repeat url(logo_long.png);
}

.page_sommaire #page_g {
background:#fff 0px 0px no-repeat url(logo_court.png);
}


/*IMAGES/LOGOS*/

img, img.spip_logos {
/*margin-bottom:10px;*/
padding-right:5px;
padding-bottom:5px;
margin-right:10px;/*afin d'écarter les numéros de pagination à droite de l'image du portfolio*/
background:100% 100% no-repeat url(ombre.png);
}

.realisations img.spip_logos {
margin-top:20px;
}

.page_haut {
padding-left:15px;
}

.test /*ce div permet de rendre les images du portfolio cliquable sous ie*/{
float:left;
}

.spip_documents {
/*float:left;*/
margin-right:0px;
padding-bottom:0px;
}

/*DOCUMENTS JOINTS*/
#documents_joints {
border:none;/*contournement Spip*/
margin-top:10px;
/*padding-top:5px;
background:0px 0px no-repeat url(deco_barre_noire.png);*/
}

.spip_doc_titre {
font-size:10px;/*contournement Spip*/
}

.contenu_g {
position:absolute;
top:224px;
left:195px;
height:301px;/*316-hauteur padding-top-hauteur retrait bas (10px)*/
width:340px;
padding-top:5px;
background:0px 0px no-repeat url(deco_barre_noire.png);
}

.page_sommaire .contenu_g, .page_article .contenu_g {
top:360px;
width:/*220*//*197*//*283*/310px;
height:165px;/*180-hauteur padding-top-hauteur retrait bas (10px)*/
}

.page_auteur .contenu_g {
top:48px;
height:477px;/*492-hauteur padding-top-hauteur retrait bas (10px)*/
}

.photo_avant {
/*supprimer*/width:113px;
position:absolute;
top:360px;
left:/*415*//*488*/525px;
height:165px;/*180-hauteur padding-top-hauteur retrait bas (10px)*/
padding-top:5px;
background:0px 0px no-repeat url(deco_barre_noire.png);
}

#navigation_g {
position:absolute;
top:545px;/*540+hauteur paddint-top afin que la barre noire s'affiche au bon endroit par rapport au logo*/
left:195px;
font-size:12px;
}

#navigation_g .bloc {
display:inline;
margin-right:26px;
padding-top:5px;
background:0px 0px no-repeat url(deco_barre_bleue.png);
}

#navigation_g a {
color:#7F7F7F;
}

#navigation_g a.on {
color:#00A0C6;
}

.realisations {
position:absolute;
top:48px;
left:810px;
width:150px;
height:487px;/*492-hauteur padding-top*/
overflow:scroll;
overflow-x:hidden;/*supprime ascenseur horizontal. Voir : http://janpolontheweb.free.fr/fr/ab_gp_family.php?gam=17&fam=28*/
padding-top:5px;
padding-right:5px;
background:0px 0px no-repeat url(deco_barre_noire.png);
/*UNIQUEMENT RECONNUS PAR IE*/
/*scrollbar-3dlight-color:couleur;
scrollbar-arrow-color:couleur;
scrollbar-base-color:couleur;
scrollbar-darkshadow-color:couleur;
scrollbar-face-color:couleur;
scrollbar-highlight-color:couleur;
scrollbar-shadow-color:couleur;*/
scrollbar-track-color:white;
}

.realisation {
padding-top:5px;
background:0px 0px no-repeat url(deco_barre_noire.png);
}

/*TITRES ET PARGRAPHE*/

p.spip {
margin-bottom:0px;/*contournement Spip sinon marge sous ie plus grande que sous ff*/
margin-top:10px;
}

h4 {
font-size:9px;
}

h4.date_projet {
font-style:italic;
margin-bottom:5px;
}

h4.nom_projet {
font-weight:bold;
color:#00A0C6;
}

.realisations h4.nom_projet {
color:#4D4D4D;
}

h4.adresse_projet {
color:#00A0C6;
margin-bottom:5px;
}

h3.type_projet {
font-weight:bold;
}

/*à parametré en fonction de la maquette illustrator*/h4.avant {
font-weight:bold;
}

.realisations h3.type_projet {
color:#4D4D4D;
font-weight:normal;
}

/*FORMULAIRE*/

.formulaire_ecrire_auteur {
font-size:10px;
}

.formulaire_ecrire_auteur  fieldset {
border:none;
padding:0px;
padding-left:0px;
margin:0px;/*contournement Spip*/
}

.formulaire_ecrire_auteur  fieldset.previsu {
border:1px solid #E86519;
padding:5px;
margin-bottom:10px;
/*height:100px;
overflow:scroll;*/
}

.formulaire_ecrire_auteur fieldset legend {
display:none;
}

.formulaire_ecrire_auteur fieldset.previsu legend {
display:inline;
}

.formulaire_ecrire_auteur label{
font-size:10px;/*contournement Spip*/
}

.formulaire_ecrire_auteur input.forml, textarea {
border:none;
height:20px;
background-color:#00A0C6;
}

.formulaire_ecrire_auteur textarea {
height:100px;
}

.formulaire_ecrire_auteur .spip_bouton input {
border:none;
float:left;/*contournement Spip*/
font-size:10px;/*contournement Spip*/
font-weight:bold;/*contournement Spip*/
color:#00A0C6;
padding:0px;/*contournement Spip*/
background:none;/*contournement Spip*/
}

/* IMPRESSION */
@media print {
body {color:#000;font-size:14px;}
a,a:hover,a.spip_in,a.spip_out {text-decoration:underline;}
#navigation_g {display:none;}
.realisations {display:none;}
.pagination {display:none;}


h1,h2,h3,h4,h5,h6 {color:black;}
}