/* styles Christiane PAQUOT pour Point-de-croix et Broderie */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */
/* vieux rose #D694A5 */
/* bordeaux #840021 */
/* rose vif liens #CC0066 */
/* vert pastel #E4F7C6 */
/* vert plus sombre titres #8DA862 */
/* Fond interface vert pastel #E4F7C6 */
/* couleur textes bordeaux #840021 */
/* Fond menu gauche vieux rose #D694A5 */
/* Fond menu droite vieux rose #D694A5 */

body { margin-top:10px; margin-bottom:20px; font-family:Verdana,sans-serif; font-size:11px; text-align:center; color:#840021; background:#E4F7C6 url(fond-page.gif) repeat; }
.clair { background:#FFFFFF; }
a, a:link, a:visited {color:#CC0066;text-decoration:none;}
a:hover { color: #840021;text-decoration: underline; }
h1 { margin:10px 0px 10px 5px; color :#8DA862; line-height: 30px; font: bold 18px 'Comic sans Ms', Arial, Verdana, Helvetica, sans-serif; text-align: center; }
h2 { margin:10px 0px 5px 5px; font-size:13px; color :#8DA862; font-weight:600; }
h3 { margin:10px 0px 5px 5px; font-size:12px; color :#8DA862; font-weight:600; }

.lienext {font-family:Verdana,sans-serif; font-size:11px;}
a.lienext, a.lienext:link, a.lienext:visited {color:#CC0066;text-decoration:none;}

p { margin:6px 6px 6px 6px; }
ul { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;line-height:18px; }
form { margin:0px 0px 20px 0px; }
hr { line-height:1px; height:1px;  visibility:hidden; clear:both; }
img { border:0px;padding:0px; }
fieldset.css { padding: 10px; border: 0px; }
.texte_rouge { color: #990000; }
p.texte_rouge { color: #990000; text-align: center; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Liste de définitions pour l'affichage des rubriques */
h1.rubrique {padding: 35px 10px 0px 20px; }
dl.rubriques { margin:0px 0px 15px 0px; }
.rubriques dt { font-size:15px; }
.rubriques dd { font-size:13px; margin:0px; padding:0px; }

dl.logos { float:left; width:160px; text-align:center; padding: 0px 10px 0px 0px; }
.logos dt { font-weight:bold; }
/* .logos dt img { width:140px;} */
.logos dd { margin:0px; padding:0px; }
.album { float:left; margin-right:10px; }

dl.logos-mini { float:left; width:68px; text-align:center; padding: 0px 4px 4px 4px; }
.logos-mini dt { font-weight:bold; }
/* .logos-mini dt img { width:120px; } */
.logos-mini dd { margin:0px; padding:0px; }

dl.logos-reduits { float:left; width:104px; text-align:center; padding: 0px 4px 4px 4px; }
.logos-reduits dt { font-weight:bold; }
/* .logos-reduits dt img { width:78px; height:96px; } */
.logos-reduits dd { margin:0px; padding:0px; }

dl.galerie { float: left; width: 146px; height: 215px; text-align: center; padding: 0px 4px 0px 4px; }
.galerie dt { font-weight: bold; }
/* .galerie dt img { width: 180px; } */
.galerie dd { margin: 0; padding: 0; }
.galerie h1 { font: 12px bold Arial, Verdana, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Divers */

.en_valeur {color: #8C1717;font-weight:600;}
.en_rouge {color: #8C1717;}
.en_bleu {color: #0396D7;font-style:italic;font-weight:400;}
.en_gros {color: #fb6610;font-size:20px;}
.en_erreur {color: #d30303;}
.poursuite_dessous {clear:both;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage centré  */

#principal {width:770px;margin-left:auto;margin-right:auto;text-align:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

#entete-1 {float:left;width:770px;height:156px;background: url(bandeau-haut.gif) top left no-repeat;}
#entete-1 h1 {float:left;width:505px;margin: 0px 0px 0px 0px; padding: 50px 0px 0px 35px; color :#840021; font: bold 22px 'Comic sans Ms', Arial, Verdana, Helvetica, sans-serif; text-align: left; }
#entete-1 p.chemin {float:left;width:570px;margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; color :#840021; text-align: right; }
.logo {width: 150px; height: 150px;	left: 0px; top: 0px; float:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre comprenant les contenus */

#contenus {float: left;width: 770px;background-color:#E5E5E5;background: url(fond-contenu.gif) top left repeat-y;}	
#milieu {float: left;width: 770px;background: url(fond-contenu.gif) top left no-repeat;}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre de gauche dans le cadre contenus */

.texte {float:left;width:468px;margin-left:5px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les menus gauche */

#menus {float:left;margin:0px 0px 0px 0px;width:145px;}

/* menu dépliant */
#menu {float:left; width: 142px; color: #FFFFFF; font: 13px 'Comic sans Ms', Arial, Verdana, Helvetica, sans-serif; text-align: left; }
ul#menu {width: 142px; margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px 0px 0px 0px;}
ul#menu li {float:left; width: 140px; line-height: 15px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #840021; border: #840021 1px solid; }
ul#menu ul {width: 140px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: none; list-style-type: none; }
ul#menu ul li {width: 140px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #E4F7C6; border: none}
li.article {width: 140px; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; }
ul#menu ul li:unknown {content: "- "; }
ul#menu a { padding: 2px 2px 2px 5px; margin: 0px 0px 0px 0px; color: #ffffff ; display: block; text-decoration: none; outline: none; }
ul#menu a:hover { background-color: #E4F7C6; color: #840021; text-decoration: none}
ul#menu a.active { background-color: #E4F7C6; color: #840021; border: #CC0066 2px solid; }
ul#menu ul li a { padding: 2px 2px 2px 5px; margin: 0px 0px 0px 0px; color: #CC0066 ; display: block; text-decoration: none; outline: none;}
ul#menu ul li a:hover { text-decoration: underline; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les menus droite */

#menus2 {float:left;margin:0px 0px 0px 0px;width:150px;padding: 0px 2px 0px 0px; }
#menu2 {float:right; width: 140px; color: #840021; font-weight: 600; font: 14px 'Comic sans Ms', Arial, Verdana, Helvetica, sans-serif; text-align: left; }
ul#menu2 {width: 140px; margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px 0px 0px 0px;}
ul#menu2 li {float:left; width: 140px; line-height: 15px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent ; }
ul#menu2 li.clair {float:left; width: 136px; line-height: 15px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent ; border: #D694A5 1px solid; }
ul#menu2 li.sombre {float:left; width: 136px; line-height: 15px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent ; border: #D694A5 1px solid; }
ul#menu2 a { padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; color: #CC0066; display: block; text-decoration: none; outline: none; }
ul#menu2 a:hover { background-color: #E4F7C6; color: #CC0066; border: #CC0066 1px solid;}
ul#menu2 a.active { background-color: #E5E5E5; color: #840021; border: #CC0066 2px solid; }

/* menus bas de page */
#menu-bas {float: left;width: 770px;height: 29px;background-color:#5869CF; background: url(bandeau-bas.gif) no-repeat;}
ul#menu-bas {width: 770px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
ul#menu-bas li {width: 770px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: inline; list-style-type: none; }
ul#menu-bas a { background-color: #8DA862; border: #E4F7C6 1px solid; padding: 0px 20px 0px 20px; margin: 0px 0px 0px 0px; color: #CC0066 ; text-decoration: none; outline: none; }
ul#menu-bas a:hover { background-color: #E4F7C6; border: #8DA862 1px solid; color: #CC0066; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les mentions en bas de page */

#bas-page {float: left;width: 770px;height: 29px;background-color:#5869CF; background: url(bandeau-bas.gif) no-repeat;text-align: center; }
#bas-page #mentions a {position: absolute;width:110px;height:14px;margin: 19px 0px 0px 620px;}
#analyses {float:left; width:770px; height: 37px;color: #840021 ; text-align: center;background: url(bandeau-pied.gif) no-repeat; }
#analyses p {font: bold 13px 'Comic sans Ms', Arial, Verdana, Helvetica, sans-serif;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles pour les formulaires hors SPIP */
.formrecherche {width: 135px; line-height: 15px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #840021; text-align: center; background-color: #E4F7C6; border: #840021 1px solid; }

fieldset.spip_encadrer{width: 448px;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #840021; text-align: center; background-color: #E4F7C6; border: #840021 1px solid; }
fieldset.css { width:448px;padding: 0px 0px 10px 0px;border: 0px; }
legend.css { font-size: 12px;font-weight:600;padding: 5px 10px 10px 0px;margin:0px; }
label.css { display: inline;width: 100px;float: left; }
ul.css { float:left;width: 100%;margin:0px;padding:0px;list-style-type:none; }
ul.css li { float:left;width: 100%;padding:0px;margin:0px 0px 3px 0px; }
.texte_rouge { color: #b90000; }
p.texte_rouge { color: #b90000;text-align: left; }
.centre { text-align: center; }
.droite { text-align: right; }
.gauche { text-align: left; }

.formtext {
	padding: 1px;
	background-color: #E4F7C6;
	border: solid 1px #840021; 
	text-align: center;
}
.formbouton { 
	padding: 1px; 
	border-width: 1px;
	border-style: dashed;
	background-color: #f7fae1;
	font-size: 11px;
	font-family: verdana, geneva;
	border: solid 1px #CC0066; 
}
.formradio {
	vertical-align: middle ;
}	
.formarea {
	text-align: left;
	background-color: #f7fae1;
	font-size: 12px;
	font-family: verdana, geneva;
	border: solid 1px #996600; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles pour éviter les styles SPIP */
h3.spip { margin:10px 0px 10px 5px; padding: 0px; font-size: 14px; font-weight:600; color :#8DA862; }
h3.spip a:link {color: #CC0066; text-decoration: underline;}
h3.spip a:visited {color: #CC0066; text-decoration: underline;}
h3.spip a:hover {color: #CC0066; text-decoration: none;}
h3.spip a:active {color: #CC0066; text-decoration: none;}
p.spip { margin:6px 6px 6px 6px; }
ul.spip { padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; list-style-position: inside; }
li.spip { list-style-type: disc; }
li.spip li { list-style-type: circle; }
table.spip table td { padding: 5px;	vertical-align: middle;	border: 0px; }
table.spip { border-collapse:collapse; background-color:#eeeeee; }
table.spip tr.row_first { background-color: #d7d5d5; }
table.spip tr.row_odd { }
table.spip tr.row_even { }
table.spip td { padding: 5px;	text-align: left;	border: 1px solid #757474; vertical-align: middle; }
.forum-total { margin:0px 1px 0px 19px; background-color:#E4F7C6; }


form { font-size: 11px; margin: 10px 10px 5px 10px; }  /*Necessaire pour IE5.5*/
form.css { font-size: 11px; margin: 10px 10px 5px 10px; }
.inputtext  { font-size: 11px; padding: 2px; background-color: #d7d5d5; border: 2px solid #666666 } 
.ok { font-size: 11px; background-color: #E4F7C6; border: 2px solid #CC0066}
.ok:hover { font-size: 11px; background-color: #8DA862; border: 2px solid #CC0066}