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

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
width:1024px;
}

#page {
width:100%;
}

a,a.spip_in,a.spip_out {
color:#8F0000;
font-weight:bold;
}

a:hover {
text-decoration:none;
}

.atelier_hasard h1 a {
color:white;
}

ul {
padding:0px;
margin:10px;
margin-right:15px;
}

.entete {
height:145px;
background:0px 0px no-repeat url(entete.png);
}

.entete a {
display:block;
height:100%;
width:100%;
}

#chemin {
margin-left:28px;
margin-right:90px;
margin-bottom:15px;
}

.navigation_gauche {
/*hack_début*/display: inline;/*permet de contourner un bug présent dans IE6 qui double la taille de margin-left à gauche d'un float. Voir http://www.positioniseverything.net/explorer/doubled-margin.html hack_fin*/
float:left;
width:200px;
margin-left:28px;
}

.navigation_gauche_actu {
margin-bottom:20px;
padding-bottom:10px;
background:white no-repeat url(milieu_bas.png);
background-position:center bottom;
}

.navigation_gauche .evenement {
border-bottom:1px dotted #7FC31C;
margin:10px;
margin-right:15px;
padding-bottom:10px;
}

.navigation_droite {
float:right;
/*position:absolute;*/
/*right:70px;*/
width:200px;
margin-right:90px;
}

.navigation_droite_fiche,.navigation_droite_autres {
margin-bottom:20px;
padding-bottom:10px;
background:white no-repeat url(milieu_bas_droite.png);
background-position:center bottom;
}

.navigation_droite .evenement {
margin:10px;
margin-right:15px;
}

h3.titre {
height:25px;
padding-left:10px;
background:transparent no-repeat url(haut.png);
background-position:center top;
}

h3.bouton {
height:25px;
padding-left:10px;
margin-bottom:20px;
background:transparent no-repeat url(bouton_newsletter.png);
background-position:center top;
}

.bloc {
text-align:justify;
margin-left:275px;
margin-right:90px;
}

.page_article_3 .bloc {
margin-right:320px;
}

.pied {
clear:both;
height:80px;
background:0px 0px no-repeat url(pied.png);
}

.descriptif {
/*text-align:justify;*/
}

/*TITRES*/
h1 {
font-size:24px;
font-weight:bold;
margin-bottom:20px;
color:#8F0000;
}

h2 {
font-size:18px;
font-weight:bold;
margin-bottom:15px;
color:#8F0000;
}

.atelier_hasard h2 {
color:white;
}

h3.spip, h3 {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
font-weight:bold;
margin-bottom:0px;
color:#8F0000;
}

h4 {
font-size:14px;
font-weight:bold;
color:#8F0000;
}

h5 {
font-size:12px;
font-weight:bold;
}

h6 {
font-size:12px;
font-weight:bold;
color:#8F0000;
}

/*TABLEAUX*/
.page_rubrique table {
/*width:100%;*/
border-collapse:collapse;/*permet, lorsque l'on met un border sur les td, de donner l'impression qu'il est sur le tr. Voir : http://csarven.ca/tr-border-trick-for-ie*/
}

.page_rubrique tr {

}

.page_rubrique td {
border-bottom:1px dotted #93CE37;
padding:5px;
}

/*SOMMAIRE*/
.page_sommaire .spip_logos {
float:left;
}

.page_sommaire fieldset {
border:none;
margin:0px;
margin-bottom:20px;
padding:0px;
background:100% 0px no-repeat url(hasard.png);
}

.page_auteur fieldset {
border:none;
padding:0px;
}

.page_auteur fieldset legend{
display:none;
}

label, input {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.atelier_hasard {
padding:20px;
width:253px;/*largeur image (293px) - padding gauche et droite (40px)*/
height:155px;/*hauteur image (195px) - padding haut et bas (40px)*/
_width:293px;/*hack ie6. A tester sous IE7*/
_height:195px;/*hack ie6. A tester sous IE7*/
}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: /*both*/none;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top:none; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

.spip_documents { clear: none; }

/*FORUM*/
ul  .forum-chapo ,ul ul .forum-chapo,ul ul ul  .forum-chapo,ul ul ul ul  .forum-chapo,ul ul ul ul ul .forum-chapo {
background:#E6F5C9;}
.forum-repondre, .forum-decompte {
padding-bottom:10px;
border-top:none;
border-bottom:1px dotted #93CE37;
color:grey;
}

/*FORMULAIRE*/
input.forml {
border:1px solid #93CE37;
}

textarea {
border:1px solid #93CE37;
}

/* IMPRESSION */
@media print {
body {color:black;}
a , a.spip_in, a.spip_out {color:black;text-decoration:underline;}
.entete {display:none;}
#nav {display:none;}
#chemin {
margin-left:0px;
margin-right:0px;
margin-bottom:30px;
}
.navigation_gauche, .navigation_droite {display:none;}
.bloc {margin:0px;}
h1,h2,h3,h4,h5,h6 {color:black;}
.pied {display:none;}
}