CSS - http://www.sabrina-bourzat.fr/dotclear/index.php?2007/06/30/2-nouvelle-donne#co
http://www.sabrina-bourzat.fr/dotclear/index.php?2007/06/30/2-nouvelle-donne#co
http://www.sabrina-bourzat.fr/dotclear/themes/@range.It/style_screen.css

/*** Voici la feuille CSS int?grale du th?me "@range.It" de Kafik

Ci-dessous le copyright du th?me :



	Theme Name: @range.It

	Theme URI: http://www.dotclear.net/trac/wiki/DotClear/Themes#@range.Itv1

	Description: Theme Orange et Noir.

	Version: 1.0

	Author: Kafik

	Author URI: http://blog.kafx.net

	Author Email : webmaster@kafx.net

	

La liste qui suit  d?finit le style visuel pour les diff?rents ?l?ments du blog (blocks).

 * Dans l'ordre, vous trouverez les r?gles qui d?finissent l'apparence pour:

 * - les ?l?ments HTML en g?n?ral

	(dont les Headings)

 * - la page

 * - l'ent?te

 * - le pr?lude

 * - le contenu

 * - la barre de navigation

 * - le pied de page



****/



/* Les ?l?ments HTML en g?n?ral

*******************************************************************************/

* {

	margin: 0;

	padding: 0;

}



body {

	margin-bottom: 20px;

	padding: 0;

	background:#FFFFFF;

	color:#000000;

	font-size: 0.8em;

	line-height: 1.6em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



/* "Headings" */

h2, h3, h4, h5, h6 {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;

}



h1 {

	position: absolute;

	font-size: 2.4em;

	line-height: 2.2em;

	font-weight: normal;

	letter-spacing: 3px;

	font-style: italic;

	right: 20px;

	top: 0px;

}



h1 a, h1 a:hover, h1 a:link, h1 a:visited, h1 a:active {

	color:#CC0000;

	text-decoration:none;

	border:none;

}



h2 {

	color:#666666;

	padding-top: 5px;

	font-weight:bold;

	font-size: 1.4em;

}



h2 a, h2 a:link {

	color:#CC0000;

	text-decoration: none;

	border-bottom: 1px dotted #CC0000;

}



h2 a:visited {

	color: #cc0000;

	border-bottom: 1px dotted #CC0000;

}



h2 a:hover, h2 a:focus, h2 a:active  {

	color:#cc0000;

	border-color: #7A888D;

}



h2:first-letter, h2 a:first-letter {

	color:#CC0000;

	font-weight: bold;

}



h2 a:hover:first-letter {

	color:#CC0000;

	font-weight: bold;

}



h3 {

	border-bottom: 1px dotted #CC0000;

	color: #7A888D;

	font-size: 1.2em;

	font-weight: normal;

	padding-bottom: 2px;

	margin-bottom: 5px;

	margin-top: 5px;

}



h4 {

	font-size: 1em;

}

/*End Headings*/



pre, code {

	border: 1px dotted #CC0000;

	background: #CC0000;

	color: black;

	font-size: 1.1em;

}



code {

	padding: 2px;

	overflow: scroll;

}



pre {

	padding: 5px;

	overflow: auto;

}



q {

	color: #fff;

	font-style: italic;

}



ul {

	margin-top: 3px;

}



li {

	margin-left: 0.8em;

	list-style-image: url(images/puce.jpg);

}



fieldset {

	border: none;

	/* font-size: 9px; */

}



label {

	cursor: pointer;

}



.field label {

	display: block;

}



textarea {

	width: 450px;

	border: 1px solid #ccc;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	line-height: 1.6em;

	background-color:#FFFFFF;

	padding: 2px;

}



input {

	border: 1px solid #ccc;

	padding-left: 2px;

	padding-right: 2px;

	background-color:#FFFFFF;

}



input[type=submit], input[type=button] {

	cursor: pointer;

}



input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus {

	border: 2px dotted #CC0000;

	background-color:#FFFFFF;

}



p {

	padding-top: 2px;

	padding-bottom: 4px;

}



span.sep {

	color: #bb4a00;

}



a, a:link {

	color: #bb4a00;

	text-decoration: none;

	border-bottom: 1px solid #CC0000;

}



a:visited {

	color: #bb4a00;

	border-bottom: 1px dotted #bb4a00;

}




a:hover, a:focus, a:active {

	color: #f9993a;

	border-color: #f9993a;

}



a[href^="http://"][hreflang]:after {

	content: "\0000a0[" attr(hreflang) "]";

	color : #bb4a00;

	font-size: 0.8em;

}



a[hreflang]:hover:after, a[hreflang]:focus:after, a[hreflang]:active:after {

	color: #f9993a;

}



img, img a {

	border: none;

	margin: 0;

	padding: 0;

}



acronym, abbr {

	border-bottom: 1px dotted #B1B9BC;

	color: #B1B9BC;

	font-size: 0.9em;

	letter-spacing: .07em;

	cursor : help;

}



.smiley {

	border: 0;

	margin: -5px;

	display: inline;

	background: transparent;

}



.right {

	float: right;

}



.left {

	float: left;

}



.spacer {

	clear: both;

	visibility: hidden;

}



.clear {

	clear: both;

}



blockquote {

    margin: 20px 20px;

    padding: 10px;

    text-align: justify;	

	background-color:#999999;

	color: #444;

	border: 1px solid #f9993a;

	font-size: 1em;

}



/* La page

*******************************************************************************/

#page {

	width: 700px;

	width: 820px;

	margin: 0 auto;

	background-color:#FFFFFF;

	padding: 15px;

	border:none;

	font-size: 1em;

}



/* L'ent?te

*******************************************************************************/

#top {

	font-family: Georgia, "Times New Roman", Times, serif;

	height: 300px;

	margin-bottom: 5px;

	background: url(images/banner.jpg);

	text-align: left;

	position: relative;

	font-size:10px;

	border-bottom:solid 0.5px  #CC0000;

}



#top h1 span {

	display: none;

}



#top p#slogan {

	position: absolute;

	color:  #CC0000;

	text-align: right;

	padding-right: 20px;

	top: 65px;

	width: 800px;

	font-weight: bold;

	font-size: 1.4em;

	font-family: Arial, Helvetica, sans-serif;

	font-variant: small-caps;

	word-spacing: 3px;

	line-height: 1.6em;

	background-color:  #CC0000;

	filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; -khtml-opacity: 0.75;

}



/* Le pr?lude menu en haut

*******************************************************************************/

#prelude {

 	/* display: none; */

 	bottom: 20px;

 	position: relative;

	text-align: right;

	height: 20px;

	font-size: 0.9em;

}



#prelude a, #prelude a:link  {

	color: #1a1a1a;

	text-decoration: none;

	border-bottom:none ;

	margin: 0 10px;

}



#prelude a:visited {

	color: #1a1a1a;

	border-bottom: none;

}



#prelude a:hover, #prelude a:focus, #prelude a:active {

	color:#CC0000;

	border-color:none;

}



/* Le contenu

*******************************************************************************/

#main {

	float: left;

	

	width: 575px;


}



/***************************/







.post h2 {

	border: none;

}



.post ul {

	margin-top: 3px;

	margin-bottom: 3px;

	padding-left: 2em;

}



.post a[href^="http://"] {

	background: url(images/fleche_lien.png) no-repeat top right;

	padding-right: 10px;

}



.post-chapo, .post-content {

	clear: left;

	text-align: justify;

	padding-top: 10px;

	padding-left: 10px;

}



.post-content blockquote {

	/* padding-left: 55px; */

}



.post-content h2 {

	margin-top: 10px;

	margin-bottom: 5px;

}



.post-content .notes {

	margin-top: 15px;

	font-size: 0.8em; 

	color:#CC0000;

	border-top:none ;

}



.post-chapo img, .post-content img {

	display: block;

	margin-left: 0px;

	margin-right: auto;

	padding: 5px;

}



.post-chapo img.right, .post-content img.right {

	margin-left: 1em;

}



.post-chapo img.left, .post-content img.left {

	margin-right: 1em;

}



.post-info {

	font-size: 0.8em;

	text-align: left;

	color:#CCCCCC;

}



.post-info-co {

	font-size: 0.8em;

	text-align: left;

	clear: both;


	margin-top: -15px;

	color: #7A888D;

}



/**** Affichage des liens digg-like ****/

.post-digg {

	padding: 0;

	border: 1px solid red;

}



.post-digg img {

	border: none;

	display: inline;

}



.post-digg a {

	border: none;

}

/***************************/



#trackbacks h3, #comments h3 {

	margin-top: 10px;

}



#trackbacks p, #comments p {

	font-size: 1em;

	padding-left: 10px;

}



#trackbacks blockquote, #comments blockquote {

	background-color:#F5F5F5;

	color:#990000;

	border:none;

	margin: 0;

	font-size: 1em;

	padding-left: 0;

}



.pagenav {

	text-align: center;

	padding-bottom: 10px;

}



/* La barre de navigation

*******************************************************************************/

#sidebar {

	font-size: 0.9em;

	float: right;

	width: 220px;

	margin-bottom: 35px;

	border-left:solid 1px #CC0000;

	padding-left: 10px;

}



#sidebar ul {

	list-style: none;

}



#sidebar li {

	list-style: none;

	line-height: 1.6em;

}



#sidebar #categories li, #sidebar #selection li, #sidebar #archives li {

	

	margin-left: 1.6em;

}



#sidebar #syndicate li {

	list-style-image: url(images/rss2ok.png);

	margin-left: 1.8em;

}



#sidebar h2 {

	font-size: 1.2em;

	font-weight: normal;

	padding-bottom: 2px;

	margin-bottom: 5px;

	/* text-transform: uppercase; */

}



#sidebar h3 {

	border-bottom: 1px solid #CC0000;

	margin-left: 10px;

}



#sidebar a, #sidebar a:link, #sidebar a:visited {

	border: none;

}



#sidebar a:hover, #sidebar a:focus, #sidebar a:active {

	border-color: #CC0000;

}



#search fieldset, #search p {

	margin: 0;

	padding: 0;

}



#q {

	width: 10em;

	margin-left: 10px;

	padding-left: 30px;

	background: url(../../../HP_Propri?taire/Bureau/images/search.jpg) no-repeat 2px -2px;

	color:  #CC0000;

}



#q:hover, #q:focus, #q:active {

	background: url(../../../HP_Propri?taire/Bureau/images/search.jpg) no-repeat 2px -23px;

}



/* Le pied de page

*******************************************************************************/

#footer {

	clear: both;

	border-top:  solid 1px #CC0000;

	text-align: center;

	color: #ccc;

}



#lien_cache {

	text-align: center;

	padding: 0;

}



#lien_cache a {

	color: #000;

	border-color: #000;

}



#lien_cache a:hover, #lien_cache a:focus {

	color:#CC0000;

	border-color: #CC0000;

}