/*********************************************************************
************* Gestion des propriétés de la page **********************
**********************************************************************/

body
{
	padding-top : 10px;
	padding-bottom : 20px;
	width : 1024px;
	margin : auto;
	font-family :  Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
}

#body_ecurie
{
	background-image : url("/images/fond_ecurie.png");
/*	background-color : rgb(255,240,240);	*/
}

/*********************************************************************
************* Gestion de l'en tete et de la bannière *****************
**********************************************************************/


#en_tete, #en_tete_PP
{
	background-image : url("images/banniere.png");
	background-repeat : no-repeat;
	height : 246px;	
}

	/* Bannière Temporairement hors ligne 

#en_tete 
{
	background-image : url("images/banniere_fond.png");
	background-repeat : no-repeat;
	height : 125px;
}

#en_tete_PP 
{
	background-image : url("images/banniere_fond_PP.png");
	background-repeat : no-repeat;
	height : 125px;
}

	*/

#titre_site 
{
	padding-top : 30px;
}

#en_tete h1, #en_tete_PP h1
{
	margin : 0;
	font-size : 2em;
	font-weight : normal;
	font-variant : small-caps;
	text-align : center;
}

.transition_degrade
{
	background-image : url("images/transition.png");
	width : 1024px;
	height : 20px;
	background-repeat : repeat-x;
}

/*********************************************************************
******************* Gestion du Menu Déroulant ************************
**********************************************************************/


#menu
{
	margin-top : 20px;
	line-height : 25px;  /*Pour centrer le texte de façon verticale*/
}

#menu, #menu ul, #menu a
{
	height : 25px;
}

.lien_menu_superieur, .lien_menu_non_deroulant, #menu li ul, #menu li ul li
{
	width : 160px;
}

#lien_menu_accueil
{
	width : 64px;
	background-image : url("images/fond_menu_accueil.png");
}

#lien_menu_accueil:hover
{
	background-image : url("images/fond_menu_accueil_hover.png");
}


#menu ul
{
	padding : 0;
	margin : 0;
	list-style-type : none;
	list-style-position : inside;
	text-align : center;
}

#menu a
{
	display : block; /*Transforme les liens en block*/
	text-decoration : none;
	padding : 0;
}

#lien_menu_accueil, .lien_menu_superieur, #menu ul li ul a
{
	color : #000;
}

.lien_menu_non_deroulant
{
	color : rgb(180,0,0);
}


.lien_menu_superieur, .lien_menu_non_deroulant
{
	background-image : url("images/fond_menu.png");
}

.lien_menu_superieur
{
	cursor : default;
}

#menu a:hover
{
	color : #fff;
}

#menu li 
{
	float : left;
}

/* Gestion Sous Menu */
#menu li ul
{ 
	position : absolute;
	left : -999em; /* Pour écarter du champ de visions */
	z-index : 10;  /* Faire passer le menu déroulant au dessus des bordures */
}

#menu li ul li
{
	font-style : italic;
	background-image : url("images/fond_menu_inf.png");   /*rgb(180,206,255)*/
	/*border-top : 2px solid #fff; /*Pour IE*/
}

/* IE ne reconnaissant pas le sélecteur ">" */
/*html>body #menu li ul li
{
	border-top : 2px solid transparent;
}
*/
/* On fait apparaitre le menu avec hover et sfhover (javascript) pour IE */
#menu li:hover ul, #menu li.sfhover ul
{
	left : auto;
	min-height : 0;  /*Correction de Bug sous IE*/
}

/*********************************************************************
************************ Gestion du Corps ****************************
**********************************************************************/

/* menu déroulant */
marquee
{
	margin : 0px;
	padding : 0px;
	margin-top : 15px;
}

#emplacement
{
	padding-left : 60px;
	margin-top : 20px;
}

#emplacement p
{
	font-size : 0.8em;
	font-style : italic;
	font-weight : bold;
	color : rgb(100,100,100);
	padding : 0px;
	margin : 0px;
}

#emplacement a
{
	text-decoration : none;
	color : rgb(100,100,100);
}
#emplacement a:hover
{
	text-decoration : underline;
	font-style : normal;
}

#tableau_zone_admin
{
	width : 95%;
	margin : auto;
}

#tableau_zone_admin td, #tableau_zone_admin tr, #tableau_zone_admin
{
	padding : 0px;
	margin : 0px;
	border : none;
}

#alignement_gauche_tableau
{
	text-align : left;
}

#alignement_droite_tableau
{
	text-align : right;
}

#corps_accueil, #corps
{
	margin-top : 6px;	
}

#corps
{
	overflow : auto;
}

#corps1, #corps2, #corps3 /* page accueil */
{
	border-top : 2px solid black;
	border-bottom : 2px solid black;
	border-right : 2px solid black;
	border-left : 2px solid black;
	-moz-border-radius: 10px;
	width : 330px; 
	height : 1150px; 

}

#corps1 
{
	float : left;
	background-image : url("images/fond_corps_barbier.png");
}

#corps3 
{
	float : right;
	background-image : url("images/fond_corps_maige.png");
}

#corps2 
{
	margin : auto;
	background-color : rgb(230,230,230);
}

.haut_gauche
{
	position : absolute;
	margin-top : -19px;
	margin-left : -20px;
	width : 100px;
	height : 100px;
	background-image : url("images/bordures/haut_gauche.png");
	background-repeat : no-repeat;
}

.haut_gauche_ecurie
{
	position : absolute;
	margin-top : -19px;
	margin-left : -20px;
	width : 100px;
	height : 100px;
	background-image : url("images/bordures/haut_gauche_ecurie.png");
	background-repeat : no-repeat;
}

.haut_droite, .haut_droite_accueil
{
	position : absolute;
	margin-top : -17px;
	width : 100px;
	height : 100px;
	background-image : url("images/bordures/haut_droite.png");
	background-repeat : no-repeat;
}

.haut_droite
{
	margin-left : 726px;
}

.haut_droite_accueil
{
	margin-left : 256px;
}

.haut_droite_ecurie
{
	position : absolute;
	margin-top : -17px;
	width : 100px;
	height : 100px;
	background-image : url("images/bordures/haut_droite_ecurie.png");
	background-repeat : no-repeat;
	margin-left : 726px;
}

/* Affichage */

.corps_haut
{
	margin : 25px;
	height : 220px; /*150 px avant augmentation capital*/
	font-style : italic;
	text-align : center;
	font-size : 1.2em;
	border-bottom : 2px dashed black;
}

/* Quand on enlevera penser à virer les modification de taille de corps haut et corps 3 */
.augmentation_capital
{
	text-align : center;
	font-style : normal;
	font-weight : bold;
	font-size : 1em;
	color : rgb(230,0,0);	
}

.augmentation_date
{
	text-align : center;
	font-style : normal;
	font-weight : bold;
	font-size : 0.8em;
	background-color : rgb(230,0,0);
	color : white;	
}

.augmentation_contact
{
	text-align : center;
	font-style : normal;
	font-weight : bold;
	font-size : 0.8em;
	border : 1px solid black;
	background-color : rgb(255,150,150);
}

.augmentation_lien
{
	text-decoration : blink;
	text-align : center;
	font-style : normal;
	font-weight : bold;
	font-size : 1em;
}

.coup_coeur
{
	text-decoration : blink;
	font-size : 1.2em;
	color : rgb(230,0,0);
}

.affichage_coup_coeur
{
	font-size : 1.2em;
	font-weight : bold;
	font-style : italic;
	font-variant : small-caps;
	color : rgb(220,100,10);
}

.affichage_promo, .affichage_promo_accueil
{
	font-style : italic;
	text-align : justify;
	padding : 10px;
}

.affichage_promo_accueil
{
	font-size : 0.9em;
}

.corps_texte
{
	margin-right : 25px;
	margin-left : 25px;
	margin-top : 0px;
	margin-bottom : 0px;
	text-align : justify;
}

/* Gestion affichage NEWS */

#bloc_news 
{
	border-top : 2px solid black;
	margin : 10px;
	margin-bottom : 0px;
	margin-top : 20px;
	padding : 0px;
	height : 450px; //350px;
	overflow : scroll;
}

.news
{
	border : 5px ridge black;
	margin : 0px;
	margin-bottom : 10px;
	padding : 10px;
	background-color : rgb(230,205,230);
}

#zone_news_pp
{
	border-top : 2px solid black;
	margin : 40px;
	margin-bottom : 0px;
	margin-top : 20px;
	padding : 0px;
	padding : 0px;
	height : 500px;
	overflow : scroll;
}

.news_ecurie
{
	border : 5px ridge black;
	margin : 20px;
	padding : 10px;
	background-color : rgb(230,205,230);
}

h4
{
	text-align : left;
	text-decoration : underline;
	font-size : 1.1em;
	margin : 0px;
	margin-bottom : 10px;
}

.date_news
{
	font-size : 0.9em;
	font-style : italic;
	text-align : right;
	text-decoration : underline;
}

/* End Gestion News */



.corps_image
{
	padding : 0px;
	margin : 0px;
	margin-top : 50px;
	margin-bottom : 50px;
}

.corps_diaporama
{
	padding : 0px;
	margin : 0px;
	margin-top : 50px;
	border-top : 1px solid black;
	border-bottom : 1px solid black;
}

h2
{
	text-align : center;
	text-decoration : none;
	font-weight : bold;
	font-style : normal;
	font-size : 1.5em;	
	font-variant : small-caps;
}

#corps_gauche h2
{
	text-align : left;
	padding-left : 30px;
	font-size : 1.4em;
	text-decoration : underline;
}

h3
{
	text-align : left;
	font-size : 1.1em;
	font-variant : small-caps;
}
#corps h3
{
	padding-left : 100px;
	font-style : italic;
	font-weight : normal;
	text-decoration : underline;
	color : rgb(255,79,167);
}

#titre_pp h3
{
	font-size : 2.5em;
	text-align : center;
}

#corps_accueil p
{
	margin : 0px;
	margin-bottom : 5px;
	margin-top : 5px;
	padding : 0px;
}

strong
{
	font-size : 1em;
	font-weight : bold;
	text-decoration : underline;
	font-style : italic;
	font-variant : small-caps;
}


/*********************************************************************
******************** Gestion du pied de page *************************
**********************************************************************/

#pied_page 
{
	margin : 0px;
	margin-top : 20px;
	padding : 0px;
	font-style : italic;
	text-align : center;
	font-size : 0.8em;
	height : 30px;
}


/*********************************************************************
******************** Gestion des autres pages ************************
**********************************************************************/


#corps_gauche
{
	padding : 0px;
	padding-bottom : 20px;
	margin : 0px;
	float : left;
	width : 200px;
}

.bloc_corps_gauche
{
	padding : 0px;
	margin : 0px;
	margin-bottom : 20px;
	width :100%;
	border : 2px solid black;
	background-image : url("images/fond_corps_maige.png");
}

#corps_droite
{
	padding : 0px;
	padding-bottom : 30px;
	margin : 0px;
	float : right;
	width : 800px;
	border : 2px solid black;
	/*background-color : rgb(180,206,235);*/
	background-color : rgb(230,230,230);
}

.haut_page
{
	margin-right : 40px;
	margin-left : 620px;
	text-align : right;
}

#corps_gauche ul
{
	list-style-type : circle;
}

#corps_droite ul
{
	text-align : justify;
	margin-right : 40px;
	margin-left : 20px;
}

#corps_droite a, .corps_haut a
{
	color : red;
	font-style : italic;
	text-decoration : none;
}

#corps_droite a:hover, .corps_haut a:hover
{
	color : red;
	font-style : normal;
	text-decoration : underline;
}

.ancre a
{
	text-decoration : none;
	color : black;
}

.ancre a:hover
{
	text-decoration : underline;
	color : red;
}

.aleatoire
{
	padding : 0px;
	margin : 0px;
}

.aleatoire img
{
	margin-bottom : -6px;  /* Pour cacher le fond sous l'image du bas */
}

h5
{
	font-size : 1.2em;
	padding : 0px;
	margin : 0px;
	margin-top : 20px;
	text-align : center;
	text-decoration : underline;
	font-variant : small-caps;
	color : rgb(230,0,0);
}

.paragraphe
{
	text-align : justify;
	text-indent : 40px;
	padding-bottom : 10px;
	padding-right : 20px;
	padding-left : 20px;
	margin : 20px;
}


.stat_old
{
	text-align : left;
	margin : 0px;
	padding : 0px;
	/*margin-right : 100px;*/
    margin-left : 10px;
    margin-top : 10px;
	font-style : italic;
}


.fiche
{
	text-align : justify;
	padding-bottom : 10px;
	padding-right : 20px;
	padding-left : 20px;
	margin : 20px;
}

.paragraphe_centrer
{
	text-align : center;
}

.paragraphe_droite
{
	text-align : right;
}

.signature
{
	text-align : right;
	font-style : italic;
	font-weight : bold;
	font-size : 0.9em;
	padding-right : 40px;
	margin-bottom : 20px;
}

.adresse
{
	font-style : italic;
	margin-left : 100px;
}

.gras
{
	font-weight : bold;
}

.titre_photo
{
	font-size : 0.8em;
	font-style : italic;
}


/* largeur du portrait 200px */

.portrait_droite, #bloc_flottant_droite
{
	float : right;
	padding : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 40px;
	margin-left : 20px;
}
	
.portrait_gauche
{
	float : left;
	padding : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 20px;
	margin-left : 40px;
}

.portrait_droite img, .portrait_gauche img, .contour_image img
{
	border : 2px solid black;
}

.titre_liste
{
	text-decoration : underline;
	font-weight : bold;
}

.tableau_trotteurs, .tableau_statistiques
{
	width : 95%;
	margin : auto;
	border-collapse : collapse;
	text-align : center;
	border : 2px solid black;
	margin-bottom : 50px;
}

.tableau_trotteurs tr, .tableau_statistiques tr
{
	border : 1px solid black;
}

.tableau_trotteurs th, .tableau_statistiques th
{
	border-bottom : 2px solid black;
	border-right : 1px solid black;
	padding : 2px;
}

.tableau_trotteurs td, .tableau_statistiques td
{
	border-right : 1px solid black;
	padding : 2px;
}

.cellule_nom_cheval
{
	/*Pour ne pas avoir une cellule trop petite	*/
	width : 150px;
}


/*pour statistiques */
.tableau_statistiques caption 
{
	font-variant : small-caps;
	font-weight : bold;
	font-size : 1.5em;
	padding-bottom : 10px;
}

.stat_size_date
{
	width : 90px;	
}

#fevrier, #mars, #avril, #mai, #juin, #juillet, #aout, #septembre, #octobre, #novembre, #decembre
{
	border-top : 4px double black;
}

/*Pole Position*/

#cadre_pp
{
	padding : 0px;
	margin : 10px;
	float : left;
}

#cadre_pp img
{
	border : 1px solid black;
}


/*********************************************************************
******************** Gestion du livre d'Or ***************************
**********************************************************************/

#livreOr
{
	border : 5px ridge red;
	background-color : rgb(240,240,240);
	margin : auto;
	margin-top : 20px;
	padding : 20px;
	width : 600px;
	text-align : center;
}

#livreOr h3
{
	text-align : center;	
}


/*********************************************************************
******************** Gestion du formulaire ***************************
**********************************************************************/

#tableau_formulaire
{
	text-align : left;
	margin : auto;
	margin-top : 20px;
	margin-bottom : 30px;
	border : 2px solid black;
	width : 500px;
	background-image : url("images/fond_corps_barbier.png");
	margin-bottom : 0px;
}

#tableau_formulaire td, .fiche td
{
	padding : 10px;
	padding-left : 15px;
	border : none;
}

.info_envoie_formulaire
{
	color : red;
	font-weight : bold;
	text-align : center;
	margin-top : 20px;
	margin-bottom : 40px;
	text-decoration : underline;
}

#mention_formulaire
{
	font-size : 0.9em;
	font-style : italic;
	padding : 0px;
	margin : 0px;
	width : 500px;
	margin : auto;
}

.fiche_entete
{
	width : 150px;
}

#tableau_formulaire tr, .fiche tr
{
	border : none;
	font-weight : bold;
}

#tableau_formulaire textarea, #tableau_formulaire input
{
	background-color : rgb(180,200,220);
}

.tableau_partenaires 
{
	clear : both;
	margin : auto;
	margin-top : 40px;
	margin-bottom : 40px;
}

.tableau_partenaires td
{
	margin : 0px;
	padding : 10px;
}

.tableau_partenaires img
{
	border : 2px solid black;
}

/************************************************
************ Gestion Script Galerie *************
*************************************************/

 
#thumbs img {
	vertical-align:middle;
	border:solid black 1px;
} 

#thumbs {
	overflow:auto;
	list-style:none;
	margin:30px;
	padding:0;
} 

#thumbs li {
	float:left;
}
 
#thumbs a {
	display:block;
	padding:10px;
	outline:none;
} 

#thumbs p {
	text-align : justify;
	padding-bottom : 0px;
	padding-right : 20px;
	padding-left : 20px;
	padding-top : 40px;
	margin : 20px;
	margin-bottom : 0px;
	clear : both;	
}

#thumbs a:hover, #thumbs a:focus {
	background:rgb(100,100,100);
} 

#thumbs a.active {
	background:rgb(0,0,0);
} 

#viewer {
	position:relative;
	width:700px;
	height:550px;
	margin:auto;
} 

#viewer img[src*="loader"] {
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -15px;
}



/************************************************
************** Gestion Page Vidéo ***************
*************************************************/

object {
	display : block;
	margin : auto;
}