/* ******************************************************************************************************************** */
/*		BIBLIOTHEQUE DE STYLES
/*		SITE www.resca.ch
/*		P.-G. Bieri -- Fevrier 2007
/* ******************************************************************************************************************** */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #E50000;
}

a:visited {
	color: #990000;
}

a:hover {
	color: #ff5500;
	text-decoration: underline;
}



/* ******************************************************* */
/* CONTENU */
/* ******************************************************* */

div#contenu {
	margin-top: 20px;
	margin-bottom: 25px;
}

div#contenu .titre01 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	font-weight: bold; 
	color: #000000;
	line-height: 22pt; 
	padding-bottom: 20px;
}

div#contenu .titre02 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	font-weight: bold; 
	color: #000000;
	line-height: 16pt; 
	padding-bottom: 10px;
}

div#contenu .titre03 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt;
	font-weight: bold; 
	color: #000000; 
}

div#contenu, div#contenu p, div#contenu td, div#contenu li {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #000000;
	line-height: 14pt; 
}

div#contenu td {
	font-size: 9pt; 
	line-height: 12pt; 
}

div#contenu ul {
	margin-bottom: 0px;
	padding-bottom: 10px;
}

div#contenu li {
	padding-bottom: 10px;
}



/* ******************************************************* */
/* ACCUEIL */
/* ******************************************************* */

.accueilblog { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #3366BB;
	margin-top: 10px;
	padding: 10px;
	/* background-color: #fbeeee; */
	/* border-style: solid; */
	/* border-width: 1px; */
	/* border-color: #E50000; */
}

.accueilblog a:link, .accueilblog a:visited { 
	color: #3366BB;
	/* text-decoration: none; */
}

.accueilblog a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.accueilblog ul {
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.accueilblog li {
	padding-left: 0px;
	padding-bottom: 6px;
}



/* ******************************************************* */
/* TITRES ET TEXTES */
/* ******************************************************* */

.titre01 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	font-weight: bold; 
	color: #000000;
	padding-bottom: 20px;
}

.titre01 a:link, .titre01 a:visited { 
	color: #000000;
	text-decoration: none; 
}

.titre01 a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.titre02 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	font-weight: bold; 
	color: #000000;
}

.titre03 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt;
	font-weight: bold; 
	color: #000000; 
}

.texte01, .texte01 p, .texte01 td, .texte02, .texte02 p, .texte02 td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #000000;
	line-height: 14pt; 
}

.texte01 ul, .texte02 ul {
	padding-bottom: 10px;
}

.texte01 li, .texte02 li {
	padding-bottom: 10px;
}

.texte01justif { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	line-height: 15pt; 
	color: #000000;
	text-align: justify;
}

.texte01petit, .texte02petit { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000;
	line-height: 10pt; 
}

.texte01petitgris { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #7F7F7F; 
	line-height: 12pt;
}

.texte02grand {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16pt; 
	color: #000000;
}



/* ******************************************************* */
/* MENU */
/* ******************************************************* */

.menu00 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/* font-weight: bold; */
	color: #ffffff;
	text-align: right;
	padding: 3px;
}

.menu00 a:link, .menu00 a:visited {
	color: #ffffff;
	text-decoration: none; 
}

.menu00 a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.menu00-selecteur {
	text-align: right;
	padding: 3px;
}

.menu00-selecteur form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: normal; 
	margin:0px;
}

.menu01 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #E50000; 
	margin-left: 15px;
}

.menu01 a:link, .menu01 a:visited { 
	color: #E50000; 
	text-decoration: none;
}

.menu01 a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.menu01 ul {
	margin-left: 0px;
	margin-bottom: 12px;
	padding-left: 20px;
	/* list-style-type: none; */
}

.menu01 li {
	padding-left: 0px;
	padding-bottom: 2px;
}



/* ******************************************************* */
/* BLOG */
/* ******************************************************* */

/* ========== POSTS ========== */

.blogpost { 
	padding-top: 10px;
	padding-bottom: 40px;
	/* border-bottom-style: solid; */
	/* border-bottom-width: 1px; */
	/* border-bottom-color: #000000; */
}

.blogpost-titre {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18pt; 
	color: #000000;
	/* font-weight: bold; */
	padding-top: 15px;
	padding-bottom: 5px;
}

.blogpost-titre a:link, .blogpost-titre a:visited {
	color: #E50000;
	text-decoration: none; 
}

.blogpost-titre a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.blogpost-contenu { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #000000;
}

.blogpost-contenu li { 
	padding-bottom: 8px;
}

.blogpost-contenu img { 
	border-width: 1px;
	border-color: #000000;
}

.blogpost-contenu blockquote { 
	margin: 20px;
	padding: 10px;
	background-color: #f2f2f2;
	border-style: dotted;
	border-width: 1px;
	border-color: #E50000;
}

.blogpost-date { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000;
	/* font-weight: bold; */
}

.blogpost-meta { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #3366BB;
	padding-top: 20px;
	padding-left: 2em;
}

.blogpost-meta a:link, .blogpost-meta a:visited { 
	color: #3366BB;
	/* text-decoration: none; */
}

.blogpost-meta a:hover {
	color: #ff5500;
	text-decoration: underline;
}

/* ========== COMMENTAIRES ========== */

.blogcomment { 
	margin-top: 40px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
}

.blogcomment a:link, .blogcomment a:visited {
	color: #E50000;
	text-decoration: none; 
}

.blogcomment a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.blogcomment-titre { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000;
	background-color: #f2f2f2;
	/* font-weight: bold; */
	padding: 10px;
}

.blogcomment-contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #000000;
	padding: 10px;
}

.blogcomment-meta { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #3366BB;
	padding-top: 20px;
	padding-left: 2em;
}

.blogcomment-meta a:link, .blogcomment-meta a:visited { 
	color: #3366BB;
	/* text-decoration: none; */
}

.blogcomment-meta a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.blogcommentform { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #000000;
	margin-top: 40px;
	margin-bottom: 10px;
}

.blogcommentform a:link, .blogcommentform a:visited {
	color: #E50000;
	text-decoration: none; 
}

.blogcommentform a:hover {
	color: #ff5500;
	text-decoration: underline;
}

.blogcommentform-tags { 
	font-size: 8pt; 
}

/* ========== NAVIGATION ENTRE LES PAGES ========== */

.blognavig { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #000000;
	padding-top: 50px;
	padding-bottom: 50px;
}

.blognavig a:link, .blognavig a:visited { 
	color: #E50000;
	text-decoration: none; 
}

.blognavig a:hover {
	color: #ff5500;
	text-decoration: underline;
}

/* ========== WIDGETS ========== */

.blogwidgets { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #3366BB;
	margin: 10px;
	padding-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #3366BB;
}

.blogwidgets-titre {
	font-size: 9pt; 
	font-weight: bold;
	padding-bottom: 10px;
}

.blogwidgets-texte { 
	font-size: 9pt; 
	padding-bottom: 10px;
}

.blogwidgets ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.blogwidgets ul.children {
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 0px;
	list-style-type: none;
}

.blogwidgets li {
	/* padding-left: 0px; */
	padding-bottom: 5px;
}

.blogwidgets a:link, .blogwidgets a:visited {
	color: #3366BB;
	/* text-decoration: none; */
}

.blogwidgets a:hover {
	color: #ff5500;
	text-decoration: underline;
}



/* ******************************************************* */
/* AUTRES STYLES */
/* ******************************************************* */

.basdepage {
	padding-top: 5px;
	padding-bottom: 5px;
	/* background-color: #ff5500; */
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

.basdepage-texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.basdepage-selecteur {
	padding:0px;
	text-align: right;
}

.basdepage-selecteur form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: normal; 
	margin:0px;
}

.submit01 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #E50000; 
	text-decoration: none; 
	font-weight: bold; 
}