/********************************************************************************************/
/********************************************************************************************/
/***                                                                                      ***/
/*** Feuille de style par défaut de Smart Bones                                           ***/
/***                                                                                      ***/
/********************************************************************************************/
/********************************************************************************************/

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */



/********************************************************************************************/
/*** Réinitialisation d'attributs HTML                                                    ***/
/********************************************************************************************/

body {
	background: #fff;
	margin: 0;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}
img, table { 
	margin: 0; 
	padding: 0; 
	border: 0;
}
p, ul, ul.spip, ol, li, li.spip {
	margin: 5px 0px; 
	padding: 0; 
}
ul, ul.spip { 
	list-style: none;
}
hr {
	border: none;
	height: 1px;
	border-top: #ccc solid 1px;
}
hr.spacer {
	clear: both;
	visibility: hidden;
}
td {
	vertical-align: top;
	padding: 1px;
}
/*** Titres ***/

h1, h2, h3, h4, h5, h6 { 
	margin: 0px
	padding: 10px 0px 0px;
	font-weight: normal;
}
h1, h2, h4, #menu_sommaire h3.spip {
	font-variant: small-caps;
}
h2, h3, h4, #menu_sommaire h3.spip {
	font-weight: bold;
}
h2, #menu_sommaire h3.spip {
	text-transform: capitalize;
	padding: 0px 0px 5px 10px;
	margin-left: -10px;
	font-size: 13px;
}
#secondaire .contenu h2, #contenu_gauche h2, #contenu_droit h2, #menu_sommaire h3.spip {
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff;
}
h4 {
	font-size: 13px;
}

/*** Liens hypertextes ***/

a, a.spip_in, a.spip_out, a.spip_url, a.spip_note {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a:active, a:focus {
	border:none;
}


/********************************************************************************************/
/*** Construction de la page                                                              ***/
/********************************************************************************************/

body {
	width: 929px;
	margin: 0px auto;
	padding: 0;
	background: url('../img/background.jpg') repeat-x left top;
}
#principal, #pied {
	background: url('../img/background_principal.jpg') no-repeat right top;
	width: 667px;
	margin-left: 262px;
	voice-family: "\"}\"";
	voice-family:inherit;	
	float: right;
	margin-left: 0px;
}
#principal {
	background: url('../img/background_principal.jpg') no-repeat right top;
}
#secondaire {
	float: left;
	width: 262px;
}


/********************************************************************************************/
/*** Partie principale                                                                    ***/
/********************************************************************************************/

/*** Menu supérieur ***/
#menu_superieur {
	background-color: #f3f3f3;
	margin-right: 10px;
	height: 55px;
}
#menu_superieur span {
	float: left;
	width: 81px;
	text-align: center;
	height: 100%;
}
#menu_superieur a {
	margin-top: 5px;
	font-size: 9px;
	height: 80%;
	display: block;
	background-repeat: no-repeat;
	background-position: 53% bottom;
}


/*** Menu principal ***/
#menu_principal {
	height: 160px;
	padding-left: 12px;
}
#menu_principal span {
	float: left;
	text-align: center;
}
#image_rubrique1 {
	margin-top: 54px;
}
#image_rubrique22 {
	margin-top: 52px;
}
#image_rubrique23 {
	margin-top: 49px;
}
#image_rubrique24 {
	margin-top: 40px;
}
#image_rubrique25 {
	margin-top: 30px;
}
#image_rubrique26 {
	margin-top: 40px;
}
#image_rubrique27 {
	margin-top: 49px;
}
#menu_principal a {
	font-size: 10px;
	display: block;
}
#image_rubrique1 a {
	width: 80px;
	height: 95px;
}
#image_rubrique22 a {
	width: 82px;
	height: 97px;
}
#image_rubrique23 a {
	width: 85px;
	height: 116px;
}
#image_rubrique24 a {
	width: 96px;
	height: 127px;
}
#image_rubrique25 a {
	width: 106px;
	height: 138px;
}
#image_rubrique26 a {
	width: 96px;
	height: 132px;
}
#image_rubrique27 a {
	width: 85px;
	height: 102px;
}

/*** Contenu des pages ***/
#principal .contenu {
	margin: 30px 30px 0px 30px;
}
#contenu_gauche {
	margin-right: 202px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contenu_droit {
	float: right;
	width: 182px;
	background: url('../img/marge_d.jpg') repeat-y left top;
}
#contenu_droit div.haut {
	background: url('../img/marge_d_haut.jpg') no-repeat left top;
	padding-top: 20px;
}
#contenu_droit div.bas {
	background: url('../img/marge_d_bas.jpg') no-repeat left bottom;
	padding-bottom: 20px;
}
#contenu_droit div.centre {
	padding-left: 20px;
}

/*** Portraits ***/
#portrait {
	margin-bottom: 30px;
}
#portrait img {
	float: left;
	padding: 0px 5px 5px 0px;
}
#portrait p {
	font-size: 11px;
	font-style: italic;
}

/*** Listes d'événements ***/
#liste_evenements {
	margin-top: 30px;
}
#liste_evenements div.element_liste {
	margin: 10px 0px;
	padding-bottom: 10px;
}
.element_liste {
	border-bottom: #ddd solid 1px;
}
p.fil_rss {
	float: right;
	padding: 4px 0;
	margin : 0;
}
p.fil_rss a {
	background: url('../img/rss.gif') no-repeat right top;
	padding-left: 16px;
}
p.fil_rss a:hover {
	text-decoration: none;
}

/*** Listes de nouvelles ***/
#liste_nouvelles ul {
	font-size: 11px;
}
li.element_liste {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/*** Fil d'Ariane ***/
#fil_ariane { 
	font-size: 0.85em; 
	border-bottom: #eee solid 1px;
	padding-bottom: 5px; 
}

/*** Pied de page ***/
#pied {
	background: url('../img/pied.jpg') no-repeat center top;
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
}

/********************************************************************************************/
/*** Partie secondaire                                                                    ***/
/********************************************************************************************/

#secondaire a:hover {
	text-decoration: none;
}
#secondaire .contenu {
	padding-left: 80px;
	background: url('../img/marge_g.jpg') repeat-y right top;
	border-bottom: white dashed 1px;
}
#secondaire .marge {
	background: url('../img/marge_g_bas.jpg') no-repeat right bottom;
	padding-bottom: 80px;
}

/*** Entete avec logo ***/
#entete_secondaire {
	background: url('../img/entete_secondaire.jpg') no-repeat left top;
	padding-top: 26px;
	height: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 124px;
}
html>body #entete_secondaire {
	height: 124px;
}
#entete_secondaire h1 {
	margin: 0;
	padding: 0;
}
#entete_secondaire h1 a {
	margin: 0;
	padding: 0;
	display: block;
	background: url('../img/logo.jpg') no-repeat left top;
	height: 55px;	
}
#entete_secondaire h1 span {
	visibility: hidden;
}
#entete_secondaire h2 {
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: capitalize;
	font-variant: small-caps;
	font-style: italic;
	padding: 0px 10px;
	font-size: 24px;
}
#entete_secondaire h2 a {
	color: #353e6b;
}

/*** Formulaire de recherche ***/
div.formulaire_recherche {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 60px;	
}
div.formulaire_recherche label {
	display: none;	
}
div.formulaire_recherche input.forml {
	width: 120px;	
	float: left;
}
div.formulaire_recherche div.spip_bouton {
	margin-left: 130px;
}
div.formulaire_recherche div.spip_bouton input {
	color: #fff;
}
div.formulaire_recherche div.spip_bouton input:hover {
	cursor: pointer;
}

/*** Accès pages ***/
#acces_pages {
	padding-bottom: 20px;
}
#acces_pages a {
	display: block;
	padding: 5px 20px 0px 0px;
	color: #777;
	background: url('../img/acces_off.jpg') no-repeat right top;
	height: 25px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
}
html>body #acces_pages a {
	height: 20px;
}
#acces_pages a:hover {
	color: #000;
	background: url('../img/acces_on.jpg') no-repeat right top;
}
#acces_pages a.actif {
	color: #000;
	background: url('../img/acces.jpg') no-repeat right bottom;
}
#acces_pages ul {
	margin-bottom: 20px;
}
#acces_pages li {
	margin: 0;
}

#acces_pages li.sous_menu a {
	padding-left: 20px;
	font-size: 0.90em;
}


/*** Elements contextuels ***/
#elements_contextuels {
	font-size: 11px;
	padding-right: 10px;
}
#elements_contextuels a:hover {
	text-decoration: underline;
}
#elements_contextuels h4 {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.contexte {
	padding-bottom: 20px;
}
a.detail {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 3px 10px;
}
a.detail:hover {
	text-decoration: none;
}


/********************************************************************************************/
/*** Styles spécifiques à certaines pages                                                 ***/
/********************************************************************************************/

body.plan_site #principal .contenu h3 {
	margin: 0;
	padding: 0;
}
body.plan_site #principal .contenu h4, body.plan_site #principal .contenu p {
	margin: 0;
	padding: 0;
	margin-left: 30px;
}
body.plan_site #principal .contenu ul {
	margin: 0;
	padding: 0;
	margin-left: 60px;
}
body.nouvelles #principal .contenu h2, body.articles #principal .contenu h2 {
	text-align: right;
	font-size: 24px;
	font-weight: normal;
	color: #bbb;
	margin-left: 0px;
	/*border-bottom: #ddd solid 1px;*/
}
body.nouvelles #principal .element_liste {
	border: none;
	margin-bottom: 10px;
}
body.nouvelles #principal div.element_liste {
	padding: 10px;
	border: #ddd solid 1px;
}	
body.nouvelles #principal h4 {
	margin-top: 0px;
}	
body.articles #principal h4 {
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 16px;
}	

#carte_conteneurs {
	margin: 20px 0px 40px;
}
#carte_conteneurs form {
	margin: 10px 0px;
}
#carte_conteneurs #msg {
	padding: 5px 0px;
}
#carte_conteneurs #map {
	margin-left: -20px;
}

/********************************************************************************************/
/*** Redéfinition des styles SPIP                                                         ***/
/********************************************************************************************/

h3.spip {
	text-align: left;
}
ul.spip {
	margin-left: 20px;
}
ul li.spip {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left 0.20em;
}
ol.spip {
	padding-left: 40px;
}
a.spip_glossaire {
	color: #555;
	border-bottom: #555 dotted 1px;
}
a.spip_glossaire:hover {
	border-bottom-style: solid;
	text-decoration: none;
}
.spip_note {
	margin: 0px 0px 5px;
}
.spip_code {
	font-size: 11px;
	margin: 2px 0px 5px 60px;
}
blockquote.spip {
	font-style: italic;
	border: none;
	border-left: #ddd solid 5px;
}
.spip_logos {
	padding-right: 10px;
	background-color: #fff;
}
.spip_documents, .spip_documents_left, .spip_documents_right {
	padding-top: 10px;
	padding-bottom: 10px;
}
.spip_doc_titre {
	padding-top: 5px;
}
.spip_cadre {
	font-size: 11px;
	padding: 2px;
	border: #ccc solid 1px;
	background-color: #f3f3f3;
	width: 98%;
}
/*** Tableaux ***/
table.spip {
	margin: auto;
	padding: 2px;
	border: #ccc solid 1px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
table.spip tr {
    margin: 2px;
}
table.spip tr.row_first {
	background-color: #d4d4d4;	
}
table.spip tr.row_odd {
	background-color: #e8e8e8;
	border-top : #ccc solid 1px;
}
table.spip tr.row_even {
	background-color: #f9f9f9;
	border-top : #ccc solid 1px;
}
table.spip td, table.spip th {
    padding: 3px 10px;
    /*border: #ccc solid 1px;*/
    margin: 2px;
    vertical-align: top;
}

/********************************************************************************************/
/*** Diverses classes                                                                     ***/
/********************************************************************************************/

.flottant_gauche {
	float: left;
	margin: 10px 10px 10px 0px;
}
.flottant_droite {
	float: right;
	margin: 10px 0px 10px 10px;
}
.texte_mineur, .spip_note, small {
	color: #777;
	font-size: 11px;
}
.soustitre {
	/*font-variant: small-caps;*/
	font-weight: bold;
	font-size: 14px;
}
.chapo {
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 15px;
}
.invisible {
	display: none;
}
.texte_gauche {
	text-align: left;
}
.texte_centre {
	text-align: center;
}
.texte_droite {
	text-align: right;
}
.Erreur {
	margin-top: 10px;
	font-weight: bold;
	color: red;
	text-decoration: blink;
}
div.notes {
	padding-top: 20px;
}
hr.spacer {
	clear: both;
	visibility: hidden;
}

/********************************************************************************************/
/*** Typographie generale du site                                                         ***/
/********************************************************************************************/

body, h1, h2, h3, h3.spip, h4, #entete, #pied, #navigation, .encart,.formulaire_spip, .chapo {
	/*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
	font-family: 	Verdana, "Bitstream Vera Sans", Arial, Tahoma, sans-serif; 
}
q, blockquote, blockquote.spip {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif;
}


/********************************************************************************************/
/*** Menu sommaire                                                                        ***/
/********************************************************************************************/

#menu_sommaire { font-size: 0.9em; padding-right: 10px; }

#menu_sommaire ul.spip {
	margin-left: 0px;
	margin-bottom: 10px;
}
#menu_sommaire ol.spip {
	padding-left: 20px;
	margin-bottom: 10px;
}