/*********************************************************/
/*  GENERAL - propriétés globales et communes à toutes les pages  */
/*********************************************************/

body {
	margin-top: 5px;
	/*margin-left: 20px;
	margin-right: 20px;*/
	margin-bottom: 5px;
	padding: 0px;
	font-family: Arial;
	color: #3B3B3B;
}
img{
	border: 0;
}
a, a:visited {
	text-decoration: none;
	color: #3B3B3B;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
form{
	margin: 0;
	padding: 0;
}

/*********************************************/
/*  ACCUEIL - zone de la page html d'entrée du site  */
/*********************************************/
div#accueil{
	width: 100%;
	margin: 20px auto 0px auto;
	text-align: center;
	font-weight: normal;
	font-size: 35px;
	font-family: Trebuchet MS;
	color: #AEA86A;
}
div#accueil img{
	margin: 20px 0px 0px 0px;
}

/****************************************/
/*  GLOBAL - zone contenant toutes les autres  */
/****************************************/

div#global{
	width: 980px;
        margin-left: auto;
        margin-right: auto;
}

/************************************************************************************************************/
/*  HEADER - zone contenant le logo et les menus génériques n'ayant pas rapport avec les chiens, les stages, les chevaux, etc...  */
/************************************************************************************************************/

div#header{
	width: 100%;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #AEA86A;
	font-size: 12px;
	font-weight: bold;
}
div#header img{
	vertical-align: middle;
}
div#logo{
	width: 40%;
}
div#menu_hor{
	width: 99.5%;
	text-align: right;
	margin-top: -15px;
}

/******************************************************************************************/
/*  SEPARATOR - zone epaisse entre le header et la zone menu et content - délimitation nette de couleur  */
/******************************************************************************************/

div#separator{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #AEA86A;
	background-image: url("../images/barre_footer.gif");
	background-repeat: repeat-x;
	width: 100%;
	height: 12px;
	float: left;
}

/***************************************************************************************************************/
/*  CENTER - zone contenant le menu et la zone d'affichage principal, elle sert a fixer une hauteur identique pour les deux zones  */
/***************************************************************************************************************/

div#center{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #AEA86A;
	width: 100%;
	float: left;
}

/****************************************************/
/*  MENU - zone d'affichage du menu de navigation du site  */
/****************************************************/

div#menu_ver{
	width: 145px;
	float: left;
}
div.menu_titre{
	border-width: 0px 0px 1px 2px;
	border-left-style: solid;
	border-bottom-style: dotted;
	border-color: #AEA86A;
	margin-top: 20px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 3px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 15px;
}
div.menu_titre:first-letter{
	color: #AEA86A;
	font-weight: bold;
	font-size: 18px;
}
div.menu_ss_titre{
	border: 1px dotted #AEA86A;
	margin: 0px 8px 15px 8px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
}
div.menu_ss_titre ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.menu_ss_titre li{
	display: block;
	margin: 5px 0px 5px 0px;
}
div.menu_ss_titre_chien{
	border: 1px dotted #AEA86A;
	margin: 0px 8px 15px 8px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
}
div.menu_ss_titre_chien ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.menu_ss_titre_chien li{
	display: block;
	margin: 5px 0px 5px 0px;
	padding-left: 12px;
}
span#precedent{
	display: block;
	margin-top: 20px;
}
span.first_categorie{
	display: block;
	font-size: 12px;
	margin-top: 5px;
	text-decoration: underline;
	font-style: italic;
}
span.categorie{
	display: block;
	font-size: 12px;
	margin-top: 20px;
	text-decoration: underline;
	font-style: italic;
}
div.menu_newsletter{
	border: 1px dotted #AEA86A;
	margin: 0px 8px 10px 8px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
input.input{
	margin-top: 5px;
	width: 90%;
}
input#submit{
	margin: 5px;
}

/**************************************************************************/
/*  CONTENT - zone variable servant a l'affichage du contenu des différentes pages  */
/**************************************************************************/

div#content{
	width: 830px;
	float: left;
	margin-bottom: 5px;
}
div.content_titre{
	border-width: 0px 0px 1px 2px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color: #AEA86A;
	margin: 20px 0px 3px 15px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 19px;
}
div.content_titre:first-letter{
	color: #AEA86A;
	font-weight: bold;
	font-size: 21px;
}
div.content_content{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #AEA86A;
	margin: 10px 15px 10px 15px;
	padding: 10px;
	float: left;
	width: 95.5%;
}
div.subtitle{
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
}
div.parag{
	text-align: justify;
	font-weight: normal;
	font-size: 13px;
}
div.parag ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.parag li{
	display: block;
	margin: 5px 0px 5px 0px;
}
div.parag img{
	vertical-align: middle;
}
div.elem{
	text-align: left;
	margin-top: 15px;
	margin-left: 40px;
	margin-bottom: 15px;
}
div#contact{
	margin-top: 20px;
	margin-left: 40px;
}
table.plan{
	width: 100%;
}
table.plan{
	width: 100%;
}
td.plan_texte{
	width: 60%;
}
td.plan_img{
	width: 40%;
}
td.plan_img_2{
	width: 100%;
	text-align: center;
}
td.nous_genevieve_photo{
	width: 30%;
}
td.nous_genevieve_texte{
	width: 70%;
	text-align: justify;
	padding-right: 8px;
        padding-left: 5px;
}
td.nous_philippe_photo{
	width: 30%;
	padding-right: 8px;
}
td.nous_philippe_texte{
	width: 70%;
	text-align: justify;
	padding-right: 12px;
}
td.nous_antoine_photo{
	width: 30%;
}
td.nous_antoine_texte{
	width: 70%;
	text-align: justify;
	padding: 8px;
}
td.chien_photo{
	width: 15%;
	text-align: center;
}
td.chien_texte{
	width: 80%;
	text-align: justify;
	padding: 30px;
}
td.chien_photo_sup{
	width: 30%;
	text-align: center;
}
div.chien_photo_sup{
	width: 100%;
	text-align: center;
}
div.chien_photo_sup img{
	margin: 0px 20px 0px 20px;
}
img.img_liens{
	margin: 5px;
}
div.race_first_photo{
	text-align: center;
	margin-top: 15px;
}
div.race_photos{
	text-align: center;
}
div.race_photos img{
	margin: -20px 50px 0px 50px;
}
td.stage_photo{
	width: 15%;
	text-align: center;
}
td.stage_texte{
	width: 80%;
	text-align: justify;
	padding: 30px;
}
td.planning_1{
	width: 8%;
	text-align: right;
	font-weight: bold;
}
td.planning_2{
	width: 90%;
	text-align: left;
	padding: 30px;
}
p.center{
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	font-size: 18px;
}
div.activite img{
	float: right;
	margin-top: -235px;
}
div.nom{
	font-weight: bold;
	font-size: 16px;
}
div.fiche{
	width: 97%;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #AEA86A;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
div.chien{
	float: left;
	width: 70%;
}
div.proprio{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #AEA86A;
	background-color: #D7D3B5;
	float: right;
	width: 28%;
	padding: 3px;
}
div.portee{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #AEA86A;
	background-color: #D7D3B5;
	padding: 3px;
	float: left;
	width: 99%;
}
div.info{
	float: right;
	width: 65%;
	margin-left: 30px;
}
div.liste{
	padding: 3px;
}
div.photo_portee{
	text-align: left;
	width: 30%;
	float: left;
}
div.photo_portee img{
	text-align: center;
	width: 260px;
}
div.photo{
	text-align: center;
	width: 100%;
}
div.photo img{
	text-align: center;
	width: 98%;
}
div.pagination{
	text-align: center;
}
div.pagination a{
	text-decoration: underline;
}
table#tab4{
	width: 780px;
	margin: 10px auto 10px auto;
}
td.pere{
	text-align: center;
	background-color: #E8ECFF;
	width: 250px;
}
td.mere{
	text-align: center;
	background-color: #FFEAF4;
	width: 250px;
}
img.pedigree_img{
	margin: 5px;
	width: 780px;
}
div.publisher{
	font-size: 10px;
	font-style: italic;
}
img.news_photo{
	width: 300px;
}
img.galerie_photo{
	width: 150px;
}
div.news_content img{
        vertical-align: top;
        margin-right: 15px;
}
table#tab_galerie{
	text-align: center;
	margin: auto;
}
table.gal_photo{
	border: 1px solid #AEA86A;
	width: 790px;
}
div.miniature{
	width: 150px;
	float: left;
	margin: 3px 3px 3px 3px;
}
table.gal_photo img{
	vertical-align: top;
}
div.gal_link{
	width: 790px;
	float: left;
	text-align: center;
	font-weight: bold;
}
div.comment{
	width: 620px;
	float: right;
	overflow: auto;
	padding: 3px;
}
/*********************************************************************************/
/*  FOOTER - pied de page contenant le copyright, le nom du webmaster et les mentions légales  */
/*********************************************************************************/

div#footer{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #AEA86A;
	background-image: url("../images/barre_footer.gif");
	background-repeat: repeat-x;
	width: 100%;
	height: 12px;
	text-align: center;
	margin-bottom: 5px;
	float: left;
	font-weight: normal;
	font-size: 10px;
}