/* --------------------------------------------------------------------------+
+  © Groupe scout du Gros-de-Vaud, 2009, Marc Müller.                        +
+---------------------------------------------------------------------------*/

html  { font-size: 100%; } 		/* IE hack */

body{
	Background-color: #80b96c;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 69%;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.6em;
	}
#global{
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1.1em;
	}


/* ---------------------------------------------------+
+  Styles et positionnements de l'entête              +
+----------------------------------------------------*/

.entete{
	height: 169px;
	text-align: left;
	margin: 0;
	word-spacing: 15px;
	overflow: hidden;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	}
.entete ul {	
	position: absolute;	 
	top: 147px;
	left: 155px;
	font-size: 1.4em;
	margin: 0;
	}
#ie6 .entete ul, #ie7 .entete ul{
	padding-left: 40px;
	overflow: visible;
	background-color: #80b96c;
	}
.entete li{
	display: inline;
	}
.entete a{
	color: white;
	font-weight: normal;
	}
.entete a:hover{
	color: #0a5931;
	}
.on, .on a{
	color: #0a5931;
	}
	

/* ---------------------------------------------------+
+  Styles et positionnements de la partie centrale    +
+----------------------------------------------------*/
#milieu{
	background: url(body.png) repeat-y;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}
#sousmenu{						/*Colonne de gauche*/
	float: left;
	width: 152px;
	padding: 0 4px .5em 2em;
	margin: 15px 0 0 0;
	font-size: 1em;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	}
#sousmenu a{
	color: #0a5931;
	display: block;
	}
#sousmenu a:hover{
	color: white;
	}
/*début listes du sous-menu*/
.actus_photos, .nav li{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav li, #navarticles li{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav, #navarticles{
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.sousnav{
	font-size: .8em;
	font-weight: normal;
	padding: 0 0 0 12px;
	margin: 0;
	}
.sousnav a{
	font-weight: normal;
	}
ul li {
	display: inline;				/*pour IE*/
	}
#nav ul, #navarticles ul{
	margin-bottom: 0.8em;
	}
.sousnav a{
	margin-top: 0.3em;
	}
#navarticles a{
	margin-bottom: .5em;
	}
#sousmenu .on a{
	text-decoration: underline;
	}
/*fin styles des listes*/

#sousmenu p{						/*Titre intermédiaire "actualités"*/
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: 0;
	display: block;
	font-size: 1.5em;
	}	
.actus_photos a{							/*liste "actualités"*/
	font-weight: normal;
	margin-bottom: 0.6em;
	}
#sousmenu .logorss, #sousmenu .actu{
	display: inline-block;
	}
.actu{
	margin-top: 15px;
	}
.submit{							/*Bouton d'envoi de la recherche*/
	margin-top: 2px;
	}
	
#contenu{                     	    /*zone blanche (ARTICLE)*/
	position: relative;
	padding: .5em 116px .5em 23px;
	margin-left: 180px;
	min-height:415px;
	background-image: url(feuilles.png);
	background-repeat: no-repeat;
	background-position: top right;
	}
#chap{
	font-weight: bold;
	}
.urlbreve{
	font-size: 1.2em;
	margin: 1em 0 .5em 0;
	}
.date{								/*Dates*/
	font-size: 0.9em;
	text-align: right;
	margin-right: 1em;
	color: #666;
	clear: right;
	}
.datebreve{
	font-size: 0.9em;
	margin: 1em 0 0 0;
	color: #666;
	clear: right;
	}
.doc{								/*Documents joints*/
	margin: 5px;
	float: right;
	width: 205px;
	min-height: 115px;
	text-align: center;
	font-size: 1em;
	}
.doc p{
	margin-top: 0;
	}
.doc a{
	font-size: 1.1em;
	}
.nbdoc{
	font-weight: bold;
	}
.titrebreve{
	font-size: 1.7em;
	margin-bottom: .5em;
	margin-top: 0;
	font-weight: bold;
	line-height: 1em;
	margin-right: 1em;
	}
.titrebreve a{
	color: black;
	}
.titrebreve a:hover{
	color: #80b96c;
	}
#pagination{
	text-align: center;
	}
#contenu li{
	display: list-item;
	font-size: 1.1em;
	}
#contenu ul{
	padding: 0;
	margin: 0 0 0 1em;
	list-style: none;
	}
.spip_documents_right{						/*image d'article SPIP*/
	float: right;
	margin: .3em 6px .5em .8em;
	}
.spip_documents_left{						/*image d'article SPIP*/
	float: left;
	margin: .5em .8em .5em 0;
	}
.spip_documents_center{
	display: block;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	}
#vignettes{									/*affichage des vignettes dans les galeries*/
	width: 430px;
	margin-left: 4px;
	}
#vignettes img{
	vertical-align: bottom;
	float: left;
	margin: 0 4px 4px 0;
	}
#ie6 #vignettes, #ie6 #vignettes img{
	margin-left: 0;
	}
#img_hasard{
	text-align: center;
	border: 1px;
	margin-bottom: 10px;
	}
#img_hasard img{
	border: 5px solid #aaa;
	padding: 5px;
	background: #fff;
	margin-top: 3px;
	margin-bottom: 10px;
	vertical-align: bottom;
	}
#img_hasard h2{
	text-align: left;
	}

/* ---------------------------------------------------+
+  Styles et positionnements du pied de page          +
+----------------------------------------------------*/
#pied{
	clear: both;
	padding: 0 95px 0 0;
	height: 11px;
	background-image: url(botom.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0;
	padding-left: 152px;
	font-size: .8em;
	}
#pied a{
	color: #0a5931;
	}
	
	
/* ---------------------------------------------------+
+  Styles des liens                                   +
+----------------------------------------------------*/
a { 
	text-decoration: none;
	color: #7fb86c;
	font-weight: bold;
	}
a.spip_out{
	padding-right: 14px;
	background: url(externe.gif) no-repeat right;
	}


/* ---------------------------------------------------+
+  Styles du texte et des titres du texte             +
+----------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
h1{
	font-size: 2em;
	margin-bottom: .5em;
	margin-top: .6em;
	font-weight: bold;
	line-height: 1em;
	margin-right: 1em;
	}
h2{
	font-size: 1.3em;
	margin-top: 1.8em;
	margin-bottom: .3em;
	font-weight: bold;
	}
h3{
	font-size: 1.3em;
	margin-top: 1.6em;
	margin-bottom: 0.3em;
	font-weight: bold;
	}
h4{
	font-size: 1.1em;
	margin-top: 0.6em;
	margin-bottom: 0em;
	font-weight: bold;
	}
p{
	margin-top: .3em;
	margin-bottom: .8em;
	padding: 0 0 0 0;
	}

h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
p, td { font-size: 1.1em; }
ol, ul, li { font-size: 1.0em; }	/* utile? */
img{
	border: 0;
	}