@charset "UTF-8";
/*
COULEURS
rouge : 831b21;

*/

/********************************************
   LES BALISES HTML
********************************************/ 
* { padding: 0; margin: 0; }

html { font-size: 100%; }
body  { font: 0.9em/1.5em  "Myriad Pro", Helvetica, Arial, sans-serif; color: #000000; background: #FFFFFF; margin: 0; padding: 0; 
text-align: center; /* ce paramétrage centre le conteneur dans IE 5.x. Le texte est ensuite aligné à gauche dans le sélecteur #global */
}

/* Liens */
a { color: #000000; background-color: inherit; text-decoration: none;}
a:hover { color: #831b21; background-color: inherit; }

h1 { font-size:1.3em; color: #831b21; padding: 10px 10px 10px 0}
/*Tableaux*/
table {margin-top: 10px; padding:0;}

/* Liens */
form { margin:10px 0; padding: 0;}
form.formLettre { margin: 0px 0px 10px 60px; padding: 0;}
label { display:block; font-weight:bold; /*margin:5px 0;*/
}
input { padding: 2px 0px; background: #CCC; border: none;
	font: normal 1em 'Trebuchet MS', Arial, Sans-serif;
	color:#777;
}
input.bouton, button { 
	margin: 5px 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #CCC; 
	padding: 2px 2px; 
	color: #831b21; cursor:pointer;
}
p { text-align:justify; }
/***********************
	  Structure
************************/
#global { width: 874px; 
	margin: 5px auto;	/*Centrage pour firefox*/
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
} 

/* haut */
#haut { width:874px; height: 269px;} 

/* Menu principal onglet */
#menu { width:100%; height:269px; text-align:right;  }/*margin: 14px 0 38px 0;*/
#menu ul {  list-style-type: none; width: 100%; /* précision pour Opera */
}
#menu li { display:inline;}
#menu img  { border:none; }
#menu a, #menu a:hover { cursor:pointer; padding: 0; margin: 0;}

/* Conteneur principal */
#conteneur, #conteneur_accueil { width: 100%; position:relative;
	min-height:100%;  /*pour firefox*/ 
	background: transparent url('../../images/fond-conteneur.png') repeat-y top left ;
	text-align: left;  /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
} 

Hack pour gérer la hauteur minimum
html>body div#conteneur {
	height: auto;
	min-height: 400px;
	}

div#conteneur{
	height: 100%;
}

html>body div#conteneur_accueil {
	height: auto;
	min-height: 400px;
	}

div#conteneur_accueil{
	height: 400px;
}

#newspecial { width: 30%; position: relative; float:left; background-color:#831b21; padding: 10px; margin-left: 93px; color:#FFFFFF;  }
#newspecial a { color: #FFFFFF;  text-decoration: none;}
#newspecial a:hover { color: #000000;  }

#news { width: 25%; margin-left: 20px; position: relative; float:left; }

#contenu_gauche_actualites {width: 45%; float:left; position:relative; padding: 10px; background: transparent url('../../images/fond-conteneur.png') repeat-y top left ;  }
#contenu_droite_actualites {width: 50%; float:left; padding: 10px; position:relative; }
#contenu_news ul { margin-left: 15px; padding-right: 5px; }
#contenu_news li a {  text-decoration: none; color:#41291c; }
#contenu_news li a:hover, #news li a.here  { color:#c5850b; 	}	


/* ColonneGauche */
#ColonneGauche { float: left; width: 242px; margin: 0;	padding: 0; background: transparent url(../../images/fond_menu_gauche.png) repeat-y top left; }

/*#ColonneGauche { float: left; width: 242px; margin: 0;	padding: 0; display: inline;		
}*/

#SideBox { width: 242px; margin: 20px 0; background: transparent url(../../images/fond_box_gauche.png) repeat-y top left; }
#SideBox p { padding: 10px 10px 10px 60px; font-size: 0.80em; text-align:justify;}

#ColonneGauche ul.ColonneGaucheMenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#ColonneGauche ul.ColonneGaucheMenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#ColonneGauche ul.ColonneGaucheMenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}

/** html body #ColonneGauche ul.ColonneGaucheMenu a { height: 18px; }*/

#ColonneGauche ul.ColonneGaucheMenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}	

/* MAINCONTENT */
#mainContent { width: 457px; float: right; } 
#mainContent h1 { font-size: 1.2em; text-align:justify; padding-top: 30px; font-weight:bold; } 
#mainContent h2 { font-size: 1.3em; text-align:justify; padding: 5px 0; font-weight:bold;} 
#mainContent p { font-size: 1em; text-align:justify; } 
#mainContent ul, #mainContent ol { margin: 0 0 0 20px; padding: 000 11px; color: #000;}
#mainContent li {text-align:justify;}
#mainContent img.float-left { margin: 5px 5px 5px 0px;}

#mainContent a:link { font-size: 1em; color: #000000; text-decoration:none; font-weight: bold; }
#mainContent a:visited {	font-size: 1em; color: #000000; text-decoration:none; font-weight: bold; }
#mainContent a:hover { font-size: 1em; color: #d40724; text-decoration:underline; font-weight: bold;}




/* pied */
#pied { width: 847px; clear: both; font-size: 90%; margin: 27px 0 0 37px; padding-left:56px; border-top: 1px solid #000000; } 
#pied p { text-align:left; color: #666666;
   	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
   	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */

}
#pied a.soleixa:link, a.liens:link { color: #666666; text-decoration:none; font-weight: normal; }
#pied a.soleixa:visited, a.liens:visited {	color: #666666; text-decoration:none; font-weight: normal; }
#pied a.soleixa:hover, a.liens:hover { color: #831b21; text-decoration:underline; font-weight: normal;}

.accueil, .association { padding-left: 93px; text-align:justify; }
.association li { margin-left: 15px; }

.erreurs {font-size: 0.8em;}
.alerte { font-size: 0.9em; font-weight:bold; font-variant:small-caps; } /* message d'erreur */
.rouge { color:#831b21; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.clear { clear: both; }