/* CSS document Elevage du Cyan */


html *{
	margin:0;
	padding:0;
	}
body{
	text-align:center;
	font-size:12px;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
a{
	text-decoration:none;
	}
#global{
	position:relative;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFFFFF;
	}

img{
	border:none;
	}

/* LA BANNIERE ****************************************/
div#banniere{
	width:100%;
	height:147px;
	background-image:url(../IMG/elevage_du_cyan_fond_banniere1.jpg);
	background-position:293px;
	background-repeat:no-repeat;
	}

div#banniere a.logo{
	display:block;
	height:147px;
	width:293px;
	background-image:url(../IMG/elevage_du_cyan_logo_banniere.jpg);
	background-repeat:no-repeat;
	}
	
/* LE MENU ****************************************/
div#menu{
	width:100%;
	height:37px;
	background-color:#000000;
	}

div#menu a{
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	margin-left:20px;
	margin-top:12px;
	}

div#banniere a.drapeau{
	margin-top:9px;
	margin-right:15px;
	float:right;
	}

div#menu a.selected, div#menu a:hover{
	color:#019fe0;
	}

/* LE BANDEAU CHEVAUX A VENDRE (HOME PAGE uniquement) */
div#bandeau_chevaux{
	width:100%;
	height:118px;
}
div#bandeau_chevaux div#actu_chevaux{
	height:118px;
	width:480px;
	background-image:url(../IMG/accueil_bandeau_chevaux_fond_gris.jpg);
	background-repeat:repeat-y;
	float:left;
	}

div#actu_chevaux div#texte_actu_chevaux{
	float:left;
	width:154px;
	height:94px;
	padding-left:28px;
	margin-top:12px;
	background-image:url(../IMG/nouveau_venu.jpg);
	background-position:28px;
	background-repeat:no-repeat;
	}

div#actu_chevaux ul#news{
	display:block;
	float:left;
	width:240px;
	height:102px;
	background-image:url(../IMG/mini_fiche_cheval.jpg);
	margin-top:12px;
	margin-left:34px;
	padding-right:7px;
	}

div#actu_chevaux ul#news li{
list-style:none;

}

div#bandeau_chevaux div#catalogue{
	height:118px;
	width:544px;
	background-image:url(../IMG/accueil_bandeau_chevaux_fond_vert.jpg);
	background-repeat:repeat-y;
	background-color:#a4c409;
	float:left;
	}

div#catalogue div#texte_catalogue{
	width:231px;
	height:94px;
	background-image:url(../IMG/consulter_catalogue_chevaux.jpg);
	background-position:20px;
	background-repeat:no-repeat;
	margin-top:11px;
	padding-left:20px;
	float:left;
}

div#catalogue a#bouton_catalogue{
	display:block;
	width:53px;
	height:51px;
	background-image:url(../IMG/catalogue_chevaux_bouton.jpg);
	margin-top:29px;
	margin-left:2px;
	float:left;
}


div#dessin_catalogue{
	position:absolute;
	height:171px;
	width:216px;
	left:803px;
	top:147px;
	background-image:url(../IMG/elevage_du_cyan_catalogue.jpg);
	}

/* LA BANNIERE d'en-tête DE PAGE **********************************/
div#entete{
	width:100%;
	height:199px;
	background-image:url(../IMG/entete_page_fond_bleu.jpg);
	font-size:14px;
	}

div#entete div#titre{
	width:254px;
	height:165px;
	padding-left:44px;
	margin-top:16px;
	float:left;
	display:inline;
	}

div#entete div#titre h1{
	font-size:20px;
	color:#019fe0;
	margin-bottom:12px;
	}

div#entete div#titre h2{
	font-size:15px;
	color:#666666;
	margin-left:10px;
	line-height:1.3em;
	}

div#entete div#photos{
	float:right;
	height:158px;
	margin-top:19px;

	}

div#photos div.photo{
	width:158px;
	height:157px;
	background-repeat:no-repeat;
	float:left;
	margin-right:8px;
}

/* LE CONTENU *********************************************************/
div#main{	
	width:100%;
	background-color:#FFFFFF;
	background-image:url(../IMG/contenu_fond_gris.jpg);
	background-repeat:repeat-x;
	
	}

#main div#texte{
	width:920px;
	margin-left:50px;
	padding-top:25px;
	margin-bottom:25px;
	line-height:1.4em;
	}

#main div#texte h2 { color:#669933; margin-bottom:15px; }

#main div#texte ul li{
	list-style-image:url(../IMG/puce_verte.jpg);
	margin-left:20px;
	margin-bottom:5px;
	}

#main div#texte p       {margin-top:5px; margin-bottom:8px; }
#main div#texte a	    { color:#006699; }
#main div#texte a:hover	{ text-decoration:underline; }

#main div#liste_chevaux table {border-collapse:collapse;}
#main div#liste_chevaux td    {padding:3px; }

   /* Chemin de fer  */
#main div#texte p.chemin_fer{
	font-size:11px;
	color:#666666;
	margin-bottom:15px;
	}

/* Page d'accueil : colonne de droite */
#main div#texte div#coldroite
{
	float:right;
	width:244px;
	margin-left:10px;
	padding-left:10px;
	padding-bottom:25px;
}

#main div#texte div#actu
{
	
	padding:5px;
	margin-top:20px;
	background-image:url(../IMG/actus_bg.jpg);
	background-repeat:no-repeat;
	background-color:#e6e6e6;
}
	
#main div#texte div#actu{
	padding:5px;
	margin-top:20px;
	}
#main div#texte div#actu h2{
	color:#669933;
	margin-bottom:10px;
	margin-top:15px;
	}

#main div#texte div#actu p.actu_all{
	text-align:center;
	font-style:italic;
	margin-top:10px;
	}
#main div#texte div#facebook{
	padding:5px;
	margin-top:20px;
	text-align:center;
	}
/* fin de Page d'accueil : colonne de droite */

#texte h1{
	color:#006699;
	font-size:20px;
	padding-bottom:20px;
	}

#texte a{
	color:#006699;
	}

#texte a:hover{
	color:#66CC33;
	}


/* LE FOOTER **************************************************************/
div#footer{
	width:100%;
	height:38px;
	background-color:#019fe0;
	color:#FFFFFF;
	clear:both;
	}
	
div#footer p{
	padding-top:12px;
	}
div#footer div#menu-footer{
	background-color:#A4c409;
	height:26px;
	float:right;
	padding-top:12px;
	padding-left:5px;
	padding-right:5px;
	}

div#footer div#menu-footer a{
	color:#FFFFFF;
	color:#000000;
	
	}