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


/* Souligner les liens tend à les rendre moins lisibles, 
   ça obscucit le bas des lettres (c'est les auteurs du site de firefox le plus génial des navigateurs qui le disent) */
:link,:visited { text-decoration:none }

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

/* Eviter les tailles d'en-tê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 différemment ? on vire !  */
/* on vire les espaces d'en-tê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 {
background: #FFFFFF url(img/body_back.png) repeat-x top left;
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;
max-width: 1200px;
min-width: 600px;
width: 95%;
}


/*** table-top
*********************************/
#table-top{
width:100%;
margin:0 0 40px 0;
}

#partenaires{padding-bottom:10px;}


/*** 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;
}
.promo-box-main{
color:#FFFFFF;
background-color: #435908;
padding:2px 2px 2px 2px;
margin-bottom:6px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
.promo-box-main a {
color:#FFFFFF;
}
.promo-box-main a:hover {
color:#FFFFFF;
}
#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;
}
#pins img {float:left; border-color:#E1F1B0;}
#pins p {color:#767D63;}
.retour {font-size:10px; float:right;}
.liste {list-style-position:inside; list-style-image: url(/img/puces.gif);}


/*** 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;}
.vendeur-display {color:#CCCCCC; background-color:#FF6600; border:#CCCCCC solid  1px; padding:0px 2px 0px 2px;}

/*** nav-pricipale
*********************************/
#nav-principale {
height:40px;
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 #999999;
padding: 5px 0;
text-align: center;
font-size:95%;
}

#footer p {margin: 5px 0; color: #999999;}
#footer a {color: #999999; text-shadow: #659706 1px 1px 1px;}
#footer a:hover {color: #A6D513; text-decoration: underline; text-shadow: none;}
.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:#435908;
}

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%;
}