/**************************************** DEFINITIONS GENERALES ****************************************/

html, body 
{
	/* (LayoutGala36.css) */
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding: 0;
}

body { 

    font-family: Times, serif;

    color: black; 
    font-size: 12px;
    padding: 0;
	margin: 0;
	
	background-color: #F3F3F5; /* gris */
}

p
{
	/* (LayoutGala36.css) */
	
	margin: 5px 0px 10px;
	/* 'margin' avec 3 valeurs :
	la 1ère correspond à la marge du HAUT, la 2nde aux marges à GAUCHE et à DROITE, la 3ème à la marge du BAS */
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* pour surcharger habillage.css */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica,Arial, sans-serif;
	color: #686D68; /* gris souris*/
}


/** liens sur tout le site **/
a { 
 color: black;
    text-decoration: underline;;
}

a:hover { 
 	color: #B9994D; /* "or" */
	text-decoration: none;
}

a img {
	border:0;
}

/** Tableaux **/
table.spip {
    font-size: 12px;
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #CDEABD;
	border-collapse: separate; 
	width:80%
}

table.spip caption {
	caption-side: top; /* 'bottom' pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}

table.spip  th, table.spip  td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}
	
table.spip  tr.row_first { background: #CDEABD; }
table.spip  tr.row_odd { background: #E6FFD5; }
table.spip  tr.row_even { background: #EEFFE2; }


/**************************************** DEFINITIONS PERSO ****************************************/


div#container
{
	text-align: left;
	
	width: 1000px;
	min-height: 590px;
	
	margin: 0 auto;
	
	background-position: 2px 0;
	background-color: white;
	margin-top:20px;
	margin-bottom:20px;
}

div#header
{
    position: relative;
	height: 153px; /* Pareil que l'entete-accueil" */
}

div#colonne-gauche
{ 
	float: left;
	
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-top:136px;	
	width: 310px;
 }



div#colonne-gauche ul.spip

{
	margin:0;
	padding:0;
	margin-top:30px;
}


div#colonne-gauche ul.spip li 
{
	margin:0;
	padding:0;
	list-style-type:none;
	background-image: url(puce-orange.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 37px;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	padding:3px 12px 3px 16px;
	text-indent:0px;
	text-transform: uppercase;
}

div#liens {
padding-left:29px;
padding-top:30px;
}
 
div#wrapper
{
	float: right;
	width: 673px;
	
}

div#wrapper.accueil {
/*	background-image: url(logo-filigrane.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;*/

}


div#extra
{ 
/*sn	float: right; */
/*sn	width: 580px;  Même taille que 'content' */
	width: 205px;  
	
/*	margin-top: 118px;*/
	margin-top: 30px;
	/* margin-left: 30px; */
/*sn	margin-right: 50px; */
/*	margin-left: 68px;*/
	margin-bottom: 50px;

	clear:right;
	float:right;
	
}


.accueil div#extra {

width:250px;
margin-top:68px;
}
div#content
{
	float: left;
	
/*	margin-top: 40px;*/
	margin-top: 0px;

/*	margin-right: 151px;*/
	margin-bottom: 30px;
	width:30em;
}

.separation
{
	clear: both; /* Supprime l'effet 'float' pour que l'objet soit dans le flux */
	visibility: hidden;
}

#recherche 
{
	/* Taille de la boite de recherche */
	width: 130px;
	margin-right: 1px;
}

#l_entete, #entete_accueil {

	margin: 0;
	padding: 0;

	width: 100%;
	height: 300px;
	
	background-image: url(bandeau.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}

#visuel-entete {

	position: absolute;
	
	top: 13px; 
	left: 588px;
	
	width: 415px;
}

#texte-accueil {
	
	font-size:1em;
	margin-left:4px;
	margin-top:220px;
	width:32em;
}

#texte-accueil H1
{    
	font-size:1.4em;
	font-weight:bold;
}

#lien-logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110px;
}

.news 
{
	float: left;
	width: 18em;
	
	margin-top: 20px;
	margin-left: 5px;
}


.news li 
{
	display: list-item;
	list-style: none; /* Pour ne pas avoir de puces */
	
	margin-bottom: 8px;
}




/** VOIR POUR "#bas" POUR LE FORMULAIRE DE RECHERCHE ?? **/


#menu_bas
{
	width: 250px;
	border: 0px solid #8da539; /*vert sombre*/
	padding: 15px;
}

#contenu
{ 
    font-size: 1em;
    line-height: 1.3em;
    font-weight: normal;
    text-align: justify;
    margin-top: 15px;
/*    margin-left: 360px;*/
 /*   margin-left: 38px;*/
	width: 38em;
    min-height: 380px;
    z-index: 50;
}
#contenu .motcle {
margin-top:128px;
}

#contenu H1 {
   font-weight: bold;
   font-size: 1.2em;
   text-transform: uppercase;
   line-height: 1.2em;
   text-align: left;
   padding-top:5px;
   padding-bottom:10px;
}

#contenu li {
	display: list-item;
	margin-left: 35px;
	line-height: 1.4em;
	list-style-image: url(puce.gif);
	list-style-position: outside;
}

/******* sommaire interne aux articles ****/

#contenu ul.ubi_sommaire {
/*	background-color:#f1f1f1;*/
	border:1px solid;
/*	margin-left:138px;*/
	margin-top:15px;
	margin-bottom:20px;
	padding:10px;
/*	width:320px;*/
	
}

#contenu ul.ubi_sommaire li {
	display: list-item;
	margin-left: 0px;
	line-height: 1.4em;
	list-style-image : none;
	list-style-position: outside;
	font-size:0.9em;
}
/* ruse pour enlever les rajouts d'accolades ds les intertitres */
.ubi_sommaire strong {
	font-weight:normal;
}

/****** intertitres *******/

div#contenu h3.spip {
	font-weight:bold;
	margin-bottom:20px;
	margin-top:30px;
	text-align:center;
	text-transform:uppercase;
	
}

div#contenu h3.spip a {
	color: #686D68; /* gris souris*/
}

div#contenu h3.spip a:hover {
	color: #687B39; /*vert + sombre */
}

div#contenu h3 a.haut {
background-image:url(puce-haut.gif);
background-repeat:no-repeat;
background-position:right 3px;
padding-right:20px;
}

/********** liste de sous-rubriques /articles ds squel rubrique *******/
div#contenu ul.liste_contenu_rub {
margin-left:0px;
}

div#contenu .formulaire_login{
	background-color:#f1f1f1; /* gris */
	border:1px solid;
}

div#contenu .formulaire_login legend{
	background-color:#f1f1f1 ;/* gris */
	padding:8px;
}

div#contenu .formulaire_login p.boutons{
margin:15px;
}


/**   visuel gauche (à supprimer?? --> à vérifier!)   **/
/* ?? */
#visuel { 
	position: absolute;
	top: 150px;
	left: 85px;
	z-index: 100;
	font-weight: normal;
	font-size: 0.8em;
	height: 20px;
}

#visuel li { 
	display: list-item;
	margin-left: 15px;
	line-height: 1.4em;
	list-style-image: url(losange.gif);
	list-style-position: outside;
}

#visuel p {
	text-transform: uppercase;
	margin: 0px;
	margin-top: 0px;
    margin-left: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 2.5em;
	background-image: url(losange.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	line-height: 1.4em;
}

/* Formulaire admin (recalcul, edition) */
#formulaire_admin {
	position: absolute;
	top: 0;
	left: 444px;
}

/* ??? (cf "rubrique.html") */
#contenu  li.liste_sous_rub {
	display: list-item;
	margin-left: 18px;
	line-height: 1.2em;
	padding-bottom:7px;
}

/* ??? (cf "rubrique.html") */
#contenu  li.liste_articles {
	display: list-item;
	margin-left: 18px;
	line-height: 1.2em;
	padding-bottom:7px;
}

/* ??? (cf "article.html") */
.sous-titre {
	margin: 0;
	padding: 0;
	font-style: italic;
}

#barre_navig {
/*	margin-left:175px;*/
	margin-top:43px;
	padding-left:0px;
	font-size:0.8em;
	text-transform:uppercase
}

#nuage
{
	margin-top: 2em;
	width: 260px;
	padding-left:5px;
	text-align:justify;
	font-size:1.2em;
}

div#nuage a {
/*	color: #5b368f; *//* violet */
}

div#nuage a:hover {
/*	color: #AC3B37; *//*orange + sombre */
}
/****************************/
/* menu principal (colonne de gauche */
/** ?? à vérifier si tout est utile ??*/

#menu {
	position: relative;
	
    /*top: 180px;*/
    left: 0px;
    width: 100%;
    padding-top:10px;	
    z-index: 100; 
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li { 
	padding: 0;
	margin-left: 0;
    margin-top: 10px;
	line-height: 16px;
}
	
#menu p.spip img {
	margin:20px;
}


#menu-recherche
{
	margin-top: 40px;
	margin-left: 10px;
	
	width: 300px; 
	font-size:1.2em;
}

#separateur_visuel
{
	clear: both;
}



/********** esthetique page d'accueil ************/

.news h4{
margin: 0px 0px 15px 0px;
font-weight:bold;
/*	color: #D58141;  orange*/
text-transform:uppercase;
background-image:url(puce-orange.png);
background-repeat:no-repeat;
padding-left:14px;
padding-top:4px;
} 
.news .date{
font-size:0.83em;
/*color:#186ca6;*/
}



/*** calendrier ***/

div#mon-calendrier {
padding-top:30px;
}

#mon-calendrier a{
}


/*** colonne droite ****/

#colonne-droite {
}

.formrecherche{
width:20em;
}
input.formrecherche {
        width: 95%;
        background-color: white;
}


.formulaire_recherche{
}

.formulaire_recherche input{
}

.formulaire_recherche input.submit{
background:white;
color:#147380;
}

.formulaire_recherche label{
color:#677A29;
font-size:0.9em;
}


#menu-recherche input, #menu-recherche select, #menu-recherche textarea {
font-size:0.8em;
}



/************* Pied de page / footer ***************/
#pied-page {
margin-top:20px;
padding-bottom:30px;
width: 500px;
margin-left:321px;
text-align:center;
}


/********** divers *******/

#extra div.description {
padding-top:0px;
padding-bottom:0px;
}
#extra p {
margin:0px;
}

#extra h3 {
margin-bottom:5px;
}
#extra h2 {
font-size:1.2em;
padding-bottom:5px;
}
#extra li.item{
margin-bottom:15px;
}

.caractencadre2-spip {
color:#147380;
font-weight:normal;
}

/*********** formulaires de forms et tables *****/

.spip_bouton{
background-color:white;
}
.spip_forms {
border-left:0px;
}
.spip_forms fieldset {
border:0px;
}


.lieu {
font-style:italic;
padding-top:3px;
}