/* STYLE GENERAL 100% Finlande                                          1.0  */
/* Cette feuille contient les styles associes aux squelettes 100% Finlande.  */
/* Ces styles sont indispensables et doivent necessairement etre             */
/* definis pour le bon fonctionnement de vos squelettes.                     */

/* 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
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	font-family:'Trebuchet MS', Helvetica, Arial;
	background: #FFF;
	margin:0;
	text-align: center;
	font-size: 1em;
	color: #333;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-image:url(fond-body.jpg);
	background-position:top center;
}

hr {
	margin:10px 20px 0px 20px;
	height:1px;
	border:0px;
	color:#c70000;
	background-color:#c70000;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { font-family:'Trebuchet MS', Helvetica, Arial; margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
p {text-align:justify;font-size:0.77em;}
a {color:#c70000;text-decoration:none;}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width:1000px;
	margin:0 auto 0 auto;
}
.texte {text-align:center;}

.raccourci_radio {
	height:315px;
	display:inline;
	float:left;
	margin:0 12px 0px 0px;
	width:153px;
	background-image:url(texture_bois.jpg);
	text-align:center;
}

.raccourci_radio  p {
	height:140px;
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:left;
	font-family:verdana,arial,helvetica;
	font-size:0.7em;
	margin:5px 5px 5px 5px;
	padding:3px;
	background-color:#fff;
}

#radio {
	margin:0 20px 20px 20px;
	text-align:left;
	background-image:url(fond_radio.png);
	background-repeat:no-repeat;
	background-position: top left;
}
#nav2 {
	display:inline;
	float: left;
	width: 160px;
	margin: 0px 0px 20px 10px;
}

#nav2 ul {
	font-family:Verdana,arial,helvetica;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}

#nav2 ul li {
	width:100%;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}

#nav2 ul li a {
	display:block;
	line-height:25px;
	text-decoration:none;
	font-size:0.65em;
	padding:0px 0px 0px 9px;
	text-align:left;
	background-color:#f1e3d3;
	background-image:url(menu2_li_border_bas.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#nav2 ul li a.on, #nav2 ul li a:hover {
	background-image:url(ul_class_on.png);
	background-position:left bottom;
	background-repeat:repeat-y;
	background-color:#e8d4bf;
}

.liste_dates {
	color:#000000;
	font-size:0.71em;
	font-weight:normal;

}
.module2 {margin:0 0 0px 0px;padding:0px 0 20px 0;}

.menu_titre_img {margin:0 0 10px 0;}

#nav3 {
	position:relative;
	font-family:Verdana,Arial,Helvetica;
	width: 300px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	display:inline;
	float: left;
	position: relative;
}
#nav3 p {
	margin:0px 10px 10px 10px;
}
#conteneur {

}
#contenu   {
	position: relative;
	display:inline;
	float:left;
	width:527px;
	margin:0px 0px 0px 0px;
}

.portrait .spip_logos {float:right;margin:10px 20px 5px 10px;}
.cs_blocs .spip_logos {float:right;}
.portrait {margin:0;padding:0;}

#contenu.newsletter  .module3   {
}
#contenu.newsletter  .module3 .moduleteaser   {
	display:none;
}
#adresse_site {display:none;}

blockquote {
	font-family:georgia,times,helvetica;
	font-size:1.6em;
	margin:10px 20px 20px 20px;
	padding:0 5px 0 5px;
	border-left:5px #C70000 solid;
	border-right:5px #C70000 solid;
}

blockquote:before {content:'" '}
blockquote:after {content:' "'}

}

#contenu.newsletter fieldset   {
	margin:0px 20px 0px 20px;
	font-size:0.8em;
	text-align:left;
}
#contenu.newsletter fieldset h4  {
	margin:0 0 5px 0px;
}

#contenu.newsletter fieldset   legend {
	font-weight:bold;
}
#contenu.newsletter input.fondo {
width: 280px;
margin: 3px 10px 0px 10px;
}

#contenu.sommaire   {
	float:left;
	width:674px;
	margin:0px 20px 0px 0px;

}
/*  ------------------------------------------
/* Habilage d'article
/*  ------------------------------------------ */
.article {text-align:left;}

.article .titre {
}

.plansite h2.intertitre a {
	font-family:'Trebuchet MS', verdana, arial;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
}


.sous_titre {
	text-align:left;
	font-size:0.8em;
	color:#000000;
	margin:0 20px 0 20px;
}

.dates_manif {
	margin:0px 20px 20px 20px;
}
.article .dates_manif a {
	font-size:0.71em;
	color:#c70000;
	font-weight:bold;
	font-family:verdana,arial,helvetica;
}
.cartel_dates {margin:0 0 20px 0;}
.cs_blocs {
	margin:0 20px 0 20px;
	border-bottom:1px solid #c70000;
	padding:0 0 0px 0px;
}
.cs_blocs p, .cs_blocs p.spip {
	font-family:verdana,arial,helvetica;
	font-size:0.71em;
	margin:0 20px 5px 0px;
	padding:0;
}
.blocs_titre a {
	display:block;
	margin:0 0 10px 0px;
	font-size:0.71em;
}

.article .chapo {

}

.intertitre {
	text-align:left;
	margin:0 20px 0 20px;
}
.texte h3.spip {
margin:0 20px 5px 20px;
text-align:left;}
.article .grand_logo {float:left;margin:0 10px 5px 20px;}

.logo_lieu {
float:right;
margin:0 20px 10px 10px;
}

#galerie ul {
	padding:0;
	margin:10px 20px 20px 20px;
	list-style:none;
}
#galerie ul li {
	padding:0;
	display:inline;
	margin:0 10px 0px 0px;
}
#filtre_programme {margin:10px 0 10px 0;}
#filtre_programme select {
border:1px #c59a6d solid;
}
#filtre_programme select , #filtre_programme input {
	width:220px;
	display:block;
	float:left;
	margin:0 0px 0px 20px;
}

ul.spip {
	text-align:left;
	padding:0;
	margin:0 20px 20px 20px;
}
ul.spip li {
	background-position:0 7px;
	background-repeat:no-repeat;
	list-style:none;
	background-image:url(puce.gif);
	margin:0;
	padding:0 0 5px 15px;
	font-size:0.9em;
}


/*  ------------------------------------------
/* Habillage du blog
/*  ------------------------------------------ */
ul#liste_blog {
	list-style:none;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.article_blog {
	list-style:none;
	margin:0px 0px 40px 0px;
	padding:0px 0px 20px 0px;
	text-align:center;
	background-image:url(fond_blog_billet.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
embed, object {
	margin:0px 0px 20px 0px;
}
p.signature_billet {
	text-align:left;
	margin:0px 20px 20px 20px;
	padding:0px;
}

/*  ------------------------------------------
/*  Habillage des COMMENTAIRES
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin:0 20px 0 20px;
	font-size: 0.88em;
	font-weight: bold;
}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin:1.5em 20px 0px 20px;}
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}

.forum-texte { margin: 0; padding:10px 0 0 0; color: #333; font-size: 0.82em; }
.forum-texte p.spip { margin: 0 10px 0 10px; padding: 0; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0 10px 0px 10px; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #ceb6a2; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #d8c4b4; }
ul ul ul .forum-message { border: 1px solid #dfcfc3; }
ul ul ul ul .forum-message { border: 1px solid #e5d7cd; }
ul ul ul ul ul .forum-message { border: 1px solid #ece3dc; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #f0eae4; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #e0d0c4; }
ul ul .forum-chapo { background: #e3d7cb; }
ul ul ul .forum-chapo { background: #e5dacf; }
ul ul ul ul .forum-chapo { background: #e9ded5; border-bottom: 1px dotted #eae2d9; }
ul ul ul ul ul .forum-chapo { background: #ede5de; }

.formulaire_forum form {
	font-size:1em;
}
input.forml {
	display:block;
	border:1px #c59a6d solid;
}
#mail_inscription_.forml {
	width:280px;
	margin:3px 10px 0px 10px;
}

textarea#textarea_1.forml {
	margin:0 0 10px 0px;
	padding:0;
	border:1px #c59a6d solid;
}

.formulaire_forum form fieldset legend.intertitre {
	padding:0px;
	margin:0 0 10px 0px;
	font-weight:bold;
	font-size: 1.1em;
}
.formulaire_forum p label {	
	display:block;
	font-size:1.1em;
}
.formulaire_spip p {
	margin:0 0 10px 0px;
	padding:0;
}

.formulaire_forum form fieldset {
	margin:0px 20px 0px 20px;
	padding:0px;
}
.formulaire_forum form fieldset  p small {
	font-size:1em;
}

.formulaire_forum .spip_bouton {
	margin:0 20px 0px 20px;
}



/*  ------------------------------------------
/*  TITRAILLE et habillage de modules
/*  ------------------------------------------ */

/* ACCUEIL*/
#focus2 {
margin:0 0 30px 0;
}

#focus img.spip_logos, .diapo img.spip_logos {
	float:right;
	margin:0 0px 0 10px;
}

.titre_focus_1 {
	color:#C70000;
}
.titre_focus_2 {
	color:#cc1919;
}
.titre_focus_3 {
	color:#d74c4c;
}
.titre_focus_4 {
	color:#e27f7f;
}
.titre_focus_5 {
	color:#edb1b1;
}

.soustitre_focus {
	font-family:verdana,arial,helvetica;
	font-size:0.7em;
	color:#666;
}


#focus2  ul {
	display:inline;
	float:left;
	width:370px;
	text-align:left;
	margin:10px 0 0 0;
	padding:0;
	display:block;
	list-style:none;
}
#focus2  ul li  a{
	line-height:1.1em;
	font-family:'Trebuchet MS',helvetica,arial;
	font-size:1em;
	width:320px;
	height:38px;
	margin:0 5px 5px 30px;
	padding:0;
	display:block;
}
#focus2  ul li:hover a {
	background-image: url(fond_blog_billet.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#focus2  ul li.actu_1:hover a {
	background-image: url(fond_blog_billet.jpg);
	background-position: 10px bottom;
	background-repeat: no-repeat;
}

#focus2  ul li:hover .titre_focus_2,#focus2  ul li:hover .titre_focus_3,#focus2  ul li:hover .titre_focus_4,#focus2  ul li:hover .titre_focus_5 {
	color:#C70000;
}
#focus2  ul li:hover .soustitre_focus {
	color:#000000;
}

#focus2  ul li  a.actu_1{
	width:310px;
	padding:0 0px 0px 10px;	
}

#focus2  ul li  {
width:350px;
height:48px;
margin:0 0 5px 0;
background-repeat:no-repeat;
background-position:20px 0;
}

#focus2  ul li.actu_1 {
	background-image:url(li_actu_1.png);
}
#focus2  ul li.actu_2 {
	background-image:url(li_actu_2.png);
}
#focus2  ul li.actu_3 {
	background-image:url(li_actu_3.png);
}
#focus2  ul li.actu_4 {
	background-image:url(li_actu_4.png);
}
#focus2  ul li.actu_5 {
	background-image:url(li_actu_5.png);
}

.diaporama {
	display:inline;
	float:left;
    height: 280px;  
    width:300px;
    padding: 0;  
    margin:0px 0 0 0px; 
	background-color:#FFFFFF;
} 
.diaporama .diapo { 
    padding: 0px;
    width:  300px;
    height: 280px;
    top:  0; 
    left: 0 ;
	background-color:#C70000;
} 

.diapo p {
	text-align:left;
	font-family:verdana,arial,helvetica;
	font-size:0.8em;
	color:#FFFFFF;
	padding:5px 5px 0px 5px;
	margin:0;

}

.titre_sommaire1 {
	font-size:1.4em;color:#c70000;font-weight:bold;
	text-align:left;
	margin:0 0 0 20px;
}
.sous_titre_sommaire1 {font-size:0.8em;color:#8e411b;font-weight:bold;text-align:left;margin:0px 0px 26px 20px;}
#contenu.sommaire .cartel {width:315px;}
.cartel {
	float:left;
	background-position:0px 15px;
	background-repeat:no-repeat;
	text-align:left;
	background-image:url(cartel_fond_titre.jpg);
	margin:0 0 15px 20px;
	display:inline;
	padding:0px;
}
.cartel a {color:#000000;}
.cartel .titre_rubrique {
	color:#FFFFFF;
	font-size:0.8em;
	text-transform: uppercase;
	font-weight:bold;
	line-height:1em;
	margin:0px 0 0 0;
	padding:20px 0 0 0;
}
.cartel .titre_rubrique strong {
	font-family:Verdana, Arial, Helvetica;
	color:#000000;
	font-size:0.8em;
	text-transform:none;
	font-weight:bold;
	padding:0px;
}
.titre {
	font-family:verdana,arial,helvetica;
	text-align:left;
	color:#c70000;
	font-size:1.3em;
	clear:both;
	font-weight:bold;
	padding:0px;
	margin:0px 20px 0px 20px;
}
.chapo {
	font-weight:bold;
	font-size:1em;
	color:#666666;
	margin:0px 0px 5px 0px;
}
p.spip {
	margin:0px 20px 10px 20px;
}

.cartel .titre {
	font-family:'trebuchet Ms', Arial, Helvbetica;
	font-size:1.2em;
	line-height:1.2em;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.cartel p.spip {
	margin:0px 0px 0px 0px;
	padding:0;
	font-size:0.71em;
	font-family:Verdana,Arial,Helvetica;
}
.cartel img.spip_logos {
	float:left;
	border:1px solid #b5875e;
	margin:0 10px 5px 0px;

}
.cartel sup.typo_exposants  {
	font-size: 75%;
	font-variant: normal;
	vertical-align: 2px;
}

/* module sur le blog */
#sur_le_blog {
	width:300px;
	height:282px;
	background-image:url(fondsurleblog.jpg);
	background-repeat:no-repeat;
}
#sur_le_blog p.spip {
	font-family:verdana,arial,helevetica;
	font-size:0.7em;
}
#sur_le_blog  #nav {
	margin:200px 0 0 0;
}

#sur_le_blog #nav a { font-size:0.7em;color:#FFF;border: 1px solid #ccc; background: #c70000; text-decoration: none; margin: 0 5px; padding: 3px 5px;}
#sur_le_blog #nav a.activeSlide { background: #000; }
#sur_le_blog #nav a:focus { outline: none; }

.extrait {
position:relative;
margin:0;
padding:0;
}
.extrait a.titre {
	font-size:13px;
	color:#c70000;
	font-family:'trebuchet MS'helvetica,arial;
	clear:none;
	margin:0;
	padding:0 0 0 0;
	line-height:14px;
}

.extrait .sous_titre{
	font-size:11px;
	color:#000000;
	font-family:verdana,arial,helvetica;
	clear:none;
	margin:0px 5px 0 0;
	padding:0 0 0 0;
}



/* Entete */
#entete {
	clear:both;
	width: 100%;
	height:175px;
	}

#entete.generique {
	text-align:right;
	background-image:url(entete_generique.jpg);
	background-repeat:no-repeat;
}
#entete.blog {
	height:200px;
	background-image:url(entete-blog.gif);
	background-repeat:no-repeat;
}
#nav1 {
	position:relative;
	margin:20px 0px 0px 20px;
	background-color:#23EF00;
	}
#nav1 li {
	display:inline;
	background-image:url(nav1_texture_bois.png);
	background-repeat:repeat-x;
}
#entete a { text-decoration: none; }

.module3 {
	background-image: url(fond_blog_billet.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin:0 0 20px 0px;
	padding:0px 0px 0px 0px;
}
.moduleteaser {margin:0 0 10px 0;}

.recette {
	background-image:url(fond-recette.gif);
	background-repeat:repeat-y;
	background-position:0px 0;
	padding:10px 0px 10px 0px;
	margin:0 auto 0 auto;
	width:473px;
}

.sommaire_dossier {
	float:left;
	border:0;
	border-left:solid #C70000 5px;
	padding:15px 0px 15px 0px;
	margin:0 5px 10px 20px;
	padding:0;
	background-image:url(fond-menu-dossier.png);
	background-repeat:no-repeat;
	background-position:top 8px;
	list-style:none;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.sommaire_dossier li {
	margin:0 0 0 0px;
	padding:0 10px 0px 20px;
	line-height:1em;
	/*background-image:url(images/triangle.gif);
	background-repeat:no-repeat;
	background-position:7px 2px;*/
}
.sommaire_dossier li  a {
	font-family:verdana,arial,helvetica;
	font-weight:bold;
	font-size:0.7em;
}

.ps {
	color:#777;
	margin:0 0px 0px 0px;
}
.mecene {margin:0 0 0 10px;}
.recette p {font-family:verdana,arial,helvetica;
font-size:0.7em;}

.module3 ul{
	font-size:0.77em;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	list-style:none;
}
.module3 ul li {
	width:100%;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}
.module3 ul li a {
	line-height:1.5em;
	color:#000000;
	display:block;
	margin:0px;
	padding:0px 0px 0px 5px;
}

.module3 ul li a:hover {
	color:#C70000;
}


#liste_articles {}

ul.ul_articles  {
	list-style:none;
	text-align:left;
	margin:0 20px 40px 20px;
	padding:0;
}
ul.ul_articles li  {
	margin:0;
	padding:0;
}
.fin_li_articles {
	margin:0 0 10px 0px;
	padding:0;
	line-height:5px;
	height:5px;
}
ul.ul_articles li .titre	{
	color:#c70000;
	font-size:0.71em;
	clear:both;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 0px 0px;
}
ul.ul_articles li .sous_titre, ul.ul_articles li .sous_titre a  {
	padding:0;
	margin:0;
	font-size:0.71em;
	color:#000000;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
form {margin:0;padding:0px;}
fieldset {margin:0;padding:0;border:0;}
fieldset p{margin:0px 20px 5px 20px;}
legend {margin:0 20px 0px 20px;}

.divers > form {border:0;}

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p {}

.formulaire_spip fieldset{}
.formulaire_spip legend {}

.formulaire_spip {}

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input {
	float: right;
}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }
fieldset.previsu  p { font-size:1em;}

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* MODULE TAGS */
#module_tag p a {
	color:#000;
}
#module_tag p a:hover {
	color:#C70000;
}

#module_tag p a.on {
	color:#C70000;
	font-weight: bold;
	}



/* Formulaire de recherche */
.formulaire_recherche input.forml, .formulaire_recherche select {
	width:280px;
	border:#b5875e 1px solid;
	text-align: left;
	margin:0 5px 0px 5px;
	padding:0px;
}
.formulaire_recherche p.spip_bouton input {
	width:280px;
	margin:10px 5px 0px 5px;
	padding:0px;
}

.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/* MODULE AGENDA
/*  ------------------------------------------ */
#miniliste {float:left;width:145px;border-right:1px solid #c70000;margin:0px 5px 0px 0px;}
#miniliste ul {font-size:0.7em;margin:0px;padding:0px 5px 0px 0px;line-height:0.8em;list-style:none;text-align:center;}
#miniliste ul li a {font-weight:bold;color:#c70000;}

#module_agenda {
	font-size:0.8em;
}

#module_agenda.module3 table{
	margin: 0 auto 0 auto;
}
#module_agenda td.occupe {
	background-color:#dbcbbe;
}



/*  ------------------------------------------
/*  Espaces divers et outils
/*  ------------------------------------------ */

/* Fil d'Ariane */
#hierarchie {
	text-align:left;
	clear: both;
	margin:0 0 6px 10px;
	font-size: 0.77em; }

/* Pied de page */
#pied {
	clear: both;
	width: 960px;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px 20px 10px 20px;
	text-align: left; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

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