/* CSS Document */
/*** Retirer certains styles des navigateurs
******************************************************************/


:link,:visited { text-decoration:underline }

/* pas de marqueurs de liste par d�faut */
ul,ol { list-style:none }

/* Eviter les tailles d'ent�tes qui ne s'affichent jamais de la m�me fa�on en fonction des navigateurs */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* ul,ol padding et margin s'affichent toujours dirr�remment ? on vire !  */
/* on vire les espaces d'ent�tes par d�faut . */
/* pre, form, body, html, p, blockquote pareil */
/* Bon on ne va pas y passer la journ�e, je vire tout ce qui me saoule !!! */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* Qui a jaimais pens� que les bodures bleues sur les images-liens �taient une bonne id�e ? */
a img,:link img,:visited img { border:none }

/* pas d'italique sur les adresses, non mais ho! */
address { font-style:normal }





/*** Sections principales du document
******************************************************************/

/*** body
*********************************/
body {
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
}
a {color:#000000;}
a:hover {color:#435908; text-decoration:underline;} /* save color links #A6D513 */
.notice {color:#999999;}
.bold { font-weight: bold; }


/*** conteneur global
*********************************/
#conteneur-global {
margin: 20px auto 20px auto;
width: 600px;
}


/*** table-top
*********************************/
#table-top{
width:100%;
margin:0 0 0px 0;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: none;
border-left: 1px solid #CCCCCC;
}


/*** logo
*********************************/
#logo {width:160px;}


/*** table-middle3 (3colonnes)
*********************************/
#table-middle3{
width:100%;
margin:0 0 25px 0;
}
#col1{
padding:0 20px 0 0;
width:20%;
vertical-align: top;
}
#col1 a:hover{color:#435908;}
#col2{
padding:0 20px 0 20px;
width:60%;
vertical-align: top;
}
#col3{
padding:0 0 0 20px;
width:20%;
vertical-align: top;
}
.promo-box{
background-color: #F2F9DD;
padding:2px 2px 2px 2px;
margin-bottom:6px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#pins {
width:100%;
height:255px;
/* background-color:#E1F1B0; */
padding:2px 2px 2px 2px;
margin-bottom:6px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
/* #pins img {float:left;} */
#pins p {color:#767D63;}
.retour {font-size:10px; float:right;}
.liste {
	list-style-position:outside;
	list-style-image: url(img/puces.gif);
	padding-left:25px;
}


/*** Liste produits
*********************************/
.products_list p {margin:0px 0px 2px 8px;}
.info-type {font-weight:bold;}
.statut-cheval-vendu {font-weight:bold;font-size:14px; color:#A6D513;}


/*** nav-pricipale
*********************************/
#nav-principale {
font-size:11px;
width:100%;
padding-top:0px;
font-weight:bold;
background: url("img/nav_bkg.gif") repeat-x bottom left;
}
#nav-principale a {color:#000000; text-decoration: none; text-shadow: none} /* #659706 */
#nav-principale a:hover {color: #F2F9DD; text-shadow: #659706 2px 2px 1px;;}
.nav-princip-separate {color:#E1F1B0; font-weight:500; font-size:14px;}


/*** nav-secondaire
*********************************/
#nav-second ul {padding-bottom:10px;}
#nav-second li {
background-color: #E1F1B0;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:2px 2px 2px 2px;
}
#nav-second li:hover{
background-color: #F2F9DD;
}
#nav-second ul li { behavior:url('nav2nd.htc');}
#nav-second a {
color:#000000;
text-decoration:none;
}


/*** footer
*********************************/
#footer {
border-top: 1px solid #CCCCCC;
padding: 5px 0;
text-align: center;
font-size:95%;
}

#footer p {margin: 5px 0; color: #999999;}
#footer a {color: #999999;}
#footer a:hover {color: #A6D513; text-decoration: underline;}
.nav-2nd-separate { color: #DDDDDD; }


/*** h
*********************************/
/* h1 c'est le titre du pins page d'accueil... */

h1 {
font-size: 160%;
font-weight: bold;
margin: 0 0 .4em 0;
padding-bottom: 4px;
color:#A5D510;
}

h2 {
border-bottom: 1px solid #cccccc;
font-size: 160%;
font-weight: normal;
margin: 0 0 .4em 0;
padding-bottom: 4px;
}

h3 {
border-bottom: 1px solid #ccc;
font-size: 130%;
font-weight: normal;
margin: 1.5em 0 .5em 0;
padding-bottom: 4px;
}

h4 {
font-size: 115%;
font-weight: bold;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
}