@import "layout.css";

html, body{
	margin: 0;
	padding: 0;
}

body{
	background: #E6D8C7 url(fer-a-cheval.jpg) repeat-x;
	color: #000000;
	FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
}

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

a.hidd {
	color:#000000;
	text-decoration: none;
}
a.hidd:hover {
	text-decoration: none;
	color: #000000;
}

.male {
	font-weight: bold;
	color: #0099DD;
}

.femelle {
	font-weight: bold;
	color: #ff00ff;
}

p {
	text-align: justify;
}

h2{
	font-size: 1.2em;
	color: #cb6a6a;
	margin:2.5em 0 -0.5em 0;
	padding: 0 0 0 1.6em;
	background: transparent url(patte-titre.jpg) no-repeat left;
	clear:left;
}

h3{font-size: 1em; margin: 0.8em 0 0 0;}
h4{font-size: 1em; font-weight: normal}

code, pre, kbd {
	font-family:"Courier New", Courier, monospace; font-size : 1em;
}

pre {
overflow: scroll;
width: 100%;
}

html>body pre {
overflow: auto;
width: auto;
}

input, textarea{
	border: 1px solid #999;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 4px;
}

blockquote {
	border-left: 5px solid #cb6a6a; 
	border-right: 5px solid #cb6a6a; 
	padding:0 10px 0 10px;
	text-align: justify;
}

.hautpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
A.hautpage:hover {
	text-decoration: underline;
	color: #999999;
	font-size: 10px;
}

.hautpagetexte { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}

td {  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666}

.titre {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.BasPage {
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Filigrane {
	color: #CCCCCC;
}

.InfosExif {

	font-size: 10px;
	color: #666666;
	font-style: normal;
}

h1#accueil {
	font-size: x-small;
	color: #E6D8C7;
}
h2#accueil{

	font-size: x-small;
	color: #FDFEFC;
}

.left{
	float: left;
	margin: 0 1em 1em 1em;
}

.right{
	float: right;
	margin: 0 1em 1em 1em;
}

.date_reportage { font-size: 9px;
color: #999999; }

.Commentaires {
	font-size: 10px;
	color: #000000;
	font-style: italic;
}

.Commentaires2 {
	font-size: 11px;
	color: #cb6a6a;
	font-style: italic;
}

.Reserve {
	color: #ffffff;
	background: #ff0000;
	padding: 0 4px 0 4px;
}

/* Listes de mots (noms de chats...) */

ul#nomchat { 
	list-style:none;
	margin:0;
	padding:0; 
}

ul#nomchat li {
	list-style:none;
	float:left;
	display:inline;
	margin: 0 0 0px 10px;
	width:120px;
	font-weight: bold;
	color: #0099DD;
}

/* Highslide (zoom dynamique des images) : styles utilisés
/*******************************************/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
	font-family: Arial, Tahoma, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.8em;
    padding: 5px;
    background-color: white;
}

.highslide-precaption {
	font-family: Arial, Tahoma, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.8em;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Header
********************************************/
#top {
	background: #E6D8C7 url(chant-equitation-tourisme-aube.jpg) no-repeat;
}

#top h1{
	line-height: 15px;
	margin: 0;
	padding-right: 5px;
	font-size: 10px;
	text-align: right;
	color:#E6D8C7;
}

/* Header page visu photo
********************************************/
#topphoto {
	background: #E6D8C7 url(photo-mainecoon-sphynx-haut.jpg) no-repeat;
}

#topphoto h1{
	line-height: 15px;
	margin: 0;
	padding-right: 5px;
	font-size: 10px;
	text-align: right;
	color:#E3E7FF;
}


/* Navigation arborescente (haut de page)
********************************************/

#navigation {
	float: right;
	padding: 7px 5px 0 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #999999;
}

#navigation a {
	text-decoration: none;
	color: #999999;
}

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


/* Footer
********************************************/

#ProtectionPhotos {
	clear: both;
	margin: 0;
	padding: 1.8em 0 0.5em 0;
	font-size: 10px;
	color: #000000;
	font-style: italic;
	text-align: center;
}


#footer {
	clear: both;
	margin: 0;
	padding: 1.3em 0 1em 0;
	background: #FFF url(footer.jpg) no-repeat center bottom;
	text-align: center;
	font-size: 10px;
	color: #999;
}

#footer a {
	text-decoration: none;
	color: #999;
	background: transparent;
}



/* Liens vers articles (depuis accueil)
********************************************/
div#actus-container {
	width: 480px;
	text-align:center;
	margin: 0px auto;
	margin-bottom: 20px;
}

ul#actus-lien 	{ 
	float:left 
}

ul#actus-lien, ul#actus-lien li { 
	list-style:none;
	margin:5px 0 0 0;
	padding:0 
}

ul#actus-lien li {
	width:480px;
	text-align: justify;
}
#actus-lien .published {
	display:block;
	text-align: center;
	color: #cb6a6a;
	font-weight: bold;
	margin-right: 10px;
	float:left;
	font-family: Arial, Helvetica, sans-serif; 
	border:0px;
}
#actus-lien .pub-month {
	display:block; 
	font-size: 1.2em;
	margin:0; 
	padding:0;
}
#actus-lien .pub-date { 
	display:block; 
	font-size:1.8em;
	margin:0; 
	padding:0;  
}

ul#actus-lien img {
	display:inline;
	float:left;
	width:40px;
	height:40px;
	border:0px solid;
	margin:0 8px 0 0
}

ul#actus-lien a {
	display:block;
	padding: 5px;
	color: #666666;
	background:#EFEFEF;
	border: #A0A0A0 1px dotted;
	text-decoration: none;
	min-height: 45px;
}

ul#actus-lien a:hover {
	color: #333333;
	background:#F4F4F4;
}


/* Liens vers articles techniques et tutoriaux
********************************************/

ul#article-technique 	{ 
	float:left 
}

ul#article-technique, ul#article-technique li { 
	list-style:none;
	margin:0;
	padding:0 
}

ul#article-technique li {
	width:440px;
	margin: 0 0 10px 0;
	text-align: justify;
}

ul#article-technique img {
	display:inline;
	float:left;
	width:40px;
	height:40px;
	border:0px solid;
	margin:0 8px 0 0
}

ul#article-technique a {
	display:block;
	padding: 6px;
	background: #ffffff;
	color: #666666;
	border:1px dotted #ffffff;
	text-decoration: none
}

ul#article-technique a:hover {
	border-color:#999999;
	color: #333333
}



/* Galerie photo sans commentaires
********************************************/

div#galerie-container {
	width: 460px;
	text-align:center;
	margin: 0px auto
}

ul#galerie 	{ 
	float:left 
}

ul#galerie, ul#galerie li { 
	list-style:none;
	margin:0;
	padding:0 
}

ul#galerie li {
	float:left;
	display:inline;
	margin: 0 0 15px 20px;
	width:145px;
	text-align:center
}

ul#galerie img {
	display:block;
	width:120px;
	height:92px;
	border:0px solid;
	margin:0 auto 5px
}

ul#galerie a {
	display:block;
	padding: 5px 0;
	background: #ffffff;
	color: #666666;
	border:1px dotted #ffffff;
	text-decoration: none
}

ul#galerie a:hover {
	border-color:#999999
}

/* Galerie photo avec commentaires
********************************************/

ul#galerie-comm 	{ 
	float:left 
}

ul#galerie-comm, ul#galerie-comm li { 
	list-style:none;
	margin:0;
	padding:0 
}

ul#galerie-comm li {
	float:left;
	display:inline;
	margin: 0 0 10px 10px;
	width:210px;
	text-align:center
}

ul#galerie-comm img {
	display:block;
	width:120px;
	height:92px;
	border:0px solid;
	margin:0 auto 5px
}

ul#galerie-comm a {
	display:block;
	padding: 5px 0;
	height:110px;
	background: #ffffff;
	color: #666666;
	border:1px dotted #DDDDDD;
	text-decoration: none
}

ul#galerie-comm a:hover {
	border-color:#333333
}



/* Navigation
********************************************/

.pagenav {
	font: 0.9em;
	margin-bottom: 4px;
}

p.pagenav {
	font: 0.9em;
	margin-bottom: 4px;
	text-align: center;
} 

p.pagenav a {
	background: #eeeeee;
	color: #0;
	padding:2px;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:visited {
	background: #eeeeee;
	color: #0;
	padding:2px;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	font-size:90%;
	text-align; center;
}
p.pagenav a:link {
	background: #eeeeee;
	color: #0;
	padding:2px;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	font-size:90%;
	text-align; center;
}

p.pagenav a:hover {
	background: #bbbbbb;
	color:#0;
	text-align; center;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbbbbb;
	font-size:90%;
	text-align; center;
}


/* Pavé marqueur Xiti
********************************************/

#xiti {
	background: #E6D8C7;
	text-align: center;
}

#xiti img {
	border: 0px solid;
}

/* Sidebar
********************************************/
#sidebar{
	background: #FFFFFF url(fond-sidebar.jpg) no-repeat;
	color: #666;
}

#sidebar div{
	/* aurait du etre #sidebar > div */
	margin: 0 10px 2em 10px;
	padding-left: 4px;
}

#sidebar h2{
	font-size: 1.2em;
	color: #BAAD9D;
	background: none;
	margin: 1em 0 0 0;
	padding: 0;
	border-bottom: 1px solid #E6D8C7;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar a{
	text-decoration: none;
}

#sidebar li a{
	display: block;
	color: #666;
	margin-left: 7px;
	background: transparent;
}

#sidebar li a:hover{
	color: #000000;
	margin-left: 0px;
	padding-left: 2px;
	border-left: 5px solid #cb6a6a;
	border-right: 5px solid #cb6a6a;
}

#sidebar ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	border-top: 1px solid #E6D8C7;
	padding: 0.5ex 0;
}

#sidebar ul li{
	border-bottom: 1px solid #E6D8C7;
	padding: 0.5ex 0;
}

#search p{
	margin: 0;
}

#search input{
	width: 15%;
}

#search input#q{
	width: 80%;
}