/* CSS Document */
/* ________________________________________________________________________________
										TAG HTML 
   ________________________________________________________________________________ */
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	background-color:#0050A3;
	height: 100%;
}

table {
	border:0;
	padding:0;
	margin:0;
}

td {
	vertical-align:top;
}

input{
	color:#044F9E;
	font-size:12px;
	background-color: #FFFFFF; 
	border:1px solid #7F9DB9;
}

p {
	margin:0 0 12px 0;
}


/* ________________________________________________________________________________
								BLOC PRINCIPAUX
  ________________________________________________________________________________ */
/* page qui contient le footer et la partie centrale */
#pageGenerale {
	margin:0;
	padding:0;
	margin:0;
	height:100%;
	width:960px;
	vertical-align:top;
	background-color:#FFFFFF;
	border-collapse:collapse;
}

/* partie de droite pour le trait bleu IE ne fait pas le height du menu à 100% */
#fondCentral {
	background-image:url(../img/trait_menu_droit.gif);
	background-repeat:repeat-y;
	background-position:600px 0;
	vertical-align:top;
	width:805px;
	/*height:auto;*/
	padding:0;
	border:0;
	margin:0;

}

/* cellule qui contient le menu de gauche */
#blocMenuGauche {
	background-image:url(../img/fond_menu_gauche_home.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#BDD1F1;
	vertical-align:top;
	width:159px;
	/*height:auto;*/
	border:0;
	padding:0;
	margin:0;
}	

/* menu haut et image de fond */
#blocMenuHaut {
	position:relative;
	width:805px;
	height:110px;
	padding-top:38px;
	margin:0;
	border:0;
	
}

/* menu de droite avec le moteur hippodrome */
#blocMenuDroit {
	width:205px;
	/*height:100%;*/
	float:right;
	vertical-align:top;
	margin:0;
	border:0;
	padding:0;
}

#content {
	width:600px;
	float:left;
	vertical-align:top;
	margin:0;
	border:0;
	padding:0;
}

/* cellule qui contient le texte */
#contentText {
	padding:0 5px 0 15px;
	width:600px;
	height:100%;
	text-align:justify;
	margin:0;
	border:0;
}

#pathway {
	height:25px;
}

#footer {
	background-color:#FFFFFF;
	border-top:1px solid #97B4D9;
	text-align:center;
	margin: 0;
	padding:0;
	height: auto;
	width:960px;	
}
/* ________________________________________________________________________________
									FOOTER
   ________________________________________________________________________________ */

#footer ul {
	list-style-type:none;
	margin:5px;
	padding:0;
	margin:3px 0;
}

#footer li {
	display:inline;
	margin-left:15px;
}

#footer li a {
	background-image:url(../img/puce_menu_bas.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	color:#7E7E7E;
	text-decoration:none;
}

#footer li a:hover {
	background-image:url(../img/puce_menu_drt.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

/* ________________________________________________________________________________
									BLOCK DE DROITE
   ________________________________________________________________________________ */
#blocMenuDroit img {
	margin:0 3px 0 3px;
}

#blocMenuDroit td {
	text-align:center;
	padding:6px 3px 6px 3px;
	height:10px;
	vertical-align:top;
}

td#moteur{
	text-align:left;
	border-top:1px solid #CFE5F1;
	border-bottom:1px solid #CFE5F1;
	padding-left:10px;
}

#moteur h1{
	font-size:12px;
	margin:0 0 2px 0;
	font-weight:bold;
}

#moteur img{
	margin:0 0 6px 0;
}

/* ________________________________________________________________________________
									BLOCK CONTENU CENTRAL
   ________________________________________________________________________________ */
   
/* chemin en haut de la page pour situer la page en cours */

#pathway {
	width:100%;
	border-collapse:collapse;

}
#pathway td{
	vertical-align:middle;

}
#pathway ul {
	margin:15px;
	padding:0;
	list-style-type:none;
}

#pathway a, #pathway li {
	padding-left:3px;
	color:#999999;
	display:inline;
}

/* 1er niveau de titre*/
#contentText h1 {
	color:#1D3258;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

/* 2eme niveau de titre*/
#contentText h2 {
	color:#1D3258;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	text-decoration: underline;
	text-align:left;
	margin:0;
	padding:7px;
}

/* 3eme niveau de titre*/
#contentText h3 {
	color:#749FD4;
	font-weight:bold;
	font-size:14px;
	font-variant:small-caps;
	text-decoration: none;
	text-align:left;
	padding:0;
}

/* 4eme niveau de titre*/
#contentText h4 {
	color:#1D3258;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
	text-align:left;
	margin:0;
	padding:0 0 0 0;
}

/* element centrés */
#contentText h5 {
	color:#749FD4;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	text-align:center;
	padding:0;
}

#contentText li {
	list-style-type:none;
	background-image:url(../img/puce_li.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	list-style-position:outside;
	text-indent:10px;
	margin:10px 0 0 -30px;
	padding:0;
}

/* ________________________________________________________________________________
										CONTACTS
   ________________________________________________________________________________ */
   
#contacts {width:100%;}
#contacts td{ padding:3px;}
#contacts table {  border-collapse:collapse;}
#contacts table td { border:1px solid #6699CC;}
#contacts .photo{ background-color:#ffcc66; padding:5px;}

#contacts h1{
	color:#1D3258;
	font-variant:normal;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:0;
}

#contacts h2{
	color:#1D3258;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	color:red;
	margin:0;
	padding:0;
}

/* ________________________________________________________________________________
									TABLEAU
___________________________________________________________________________________*/

/* ------------------------ commun à tous les types de tableaux --------------- */ 
.tableauNormal, .tableauVaccinBleu, .tableauVaccinBlanc { width:100%; border:1px solid #749FD4; margin:10px 0; border-collapse:collapse;}

.tableauContour td, .tableauContour th, 
.tableauVaccinBleu td, .tableauVaccinBleu th,
.tableauVaccinBlanc td, .tableauVaccinBlanc th
.tableauSociete td, .tableauSociete th
{ 
	padding:1.5px; 
	vertical-align:top;
}

/* --------------------------------- Tableau général -------------------------- */
.tableauNormal th { color:#213C6D; font-weight:bold; background-color:#E0EAFA; text-align:center; padding:8px 3px; border:1px solid #749FD4;}
.tableauNormal td{ padding:1.5px; vertical-align:middle; border:1px solid #B9CFE9; text-align:left;}

#contentText .tableauNormal td ul li { padding-left:10px; background:url(../img/puce_li.gif) 13px 6px no-repeat; }

.total {color:#FF3728; font-weight:bold; }

/* --------------------------------- Tableau société-------------------------- */
.tableauSociete { width:100%; margin:10px 0; border-collapse:collapse;}
.tableauSociete td{ padding:3px; vertical-align:top; border:1px solid #749FD4; }
.tableauSociete th { color:#213C6D; font-weight:bold; background-color:#E0EAFA; text-align:center; border:1px solid #749FD4;}

/* --------------------------------- Tableau outils de communication-------------------------- */
/*.tableauCommunication { width:100%; margin:10px 0; border-collapse:collapse; text-align:center;}
.tableauCommunication td{ padding:3px; vertical-align:middle; border:1px solid #749FD4; text-align:center;}
.tableauCommunication th { color:#213C6D; font-weight:bold; background-color:#E0EAFA; border:1px solid #749FD4;}*/

/* --------------------------------- Tableau général avec bordure-------------------------- */
/*.tableauContour { width:100%; border:1px solid #749FD4; margin:10px 0; border-collapse:collapse;}
.tableauContour td, .tableauNormal td{ padding:3px; vertical-align:top; border:1px solid #B9CFE9; text-align:left;}
.tableauContour th, .tableauNormal th { color:#213C6D; font-weight:bold; background-color:#E0EAFA; text-align:center;}*/

/* --------------------------------- Tableau vaccin --------------------------- */
.tableauVaccinBleu, .tableauVaccinBlanc { width:100%; border:1px solid #749FD4; margin-top:5px; }
.tableauVaccinBleu td {background-color:#F2F7FF; border:1px solid #6699CC;}
.tableauVaccinBlanc td {background-color:#FFF; border:1px solid #6699CC;}

.tableauVaccinBleu th{ 
	color:#FFF; 
	font-weight:bold; 
	background-color:#6699CC; 
	font-variant:small-caps;
	font-size:13px;
	border:1px solid #6699CC;
}

.tableauVaccinBlanc th{ 
	color:#6699CC; 
	font-weight:bold; 
	background-color:#FFF; 
	font-variant:small-caps;
	font-size:13px;
	border:1px solid #6699CC;
}

/* ________________________________________________________________________________
										SOMMAIRE
   ________________________________________________________________________________ */

.sommaire { text-align:left; color:#FF3728; padding:1; width:100%; }
.sommaire td{vertical-align:middle;}

.sommaire img{ 
	border:1px solid #8895AE;
	padding:1px;
	margin:3px 0 3px 0; 
}

.sommaire a, .sommaire a:hover{
	background-image:url(../img/flech_chapitr.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:2px 0 3px 17px; 
	text-decoration:none;
	color:#FF3728;
	white-space:nowrap;
}

/*#sommaire a{
	color:#FF3728;
	text-decoration:none;
	padding:1px;
}*/
/* ________________________________________________________________________________
										FORMULAIRE
   ________________________________________________________________________________ */

/* login accueil */
.login {
	margin:95px 0 0 0;
	font-size:12px;
	width:100%;
	border:0;
	padding:0;
}

.login td {
	padding-bottom:5px;
	padding-left:3px;
}

.champLog {
	float:left;
	font-size: 10px;
	color:#044F9E;
	background-color: #FFFFFF; 
	border:1px solid #0150A3;
	width:90px;
}

/* recherche sur toutes les pages */
.formRecherche {
	margin:15px 0 0 0;
	font-size:12px;
	width:100%;
	border:0;
	padding:0;
}


.formRecherche p{
	background-image: url(../img/puce_recherche.gif);
	background-repeat:no-repeat;
	background-position:left center ;
	padding:0 0 2px 7px;
	margin:0;
	color:#fff;
}

.formRecherche input{
	color:#044F9E;
	font-size:10px;
	background-color: #FFFFFF; 
	padding-left: 3px;
}


/* ________________________________________________________________________________
										TYPO, LIEN, IMAGE
   ________________________________________________________________________________ */


/* lien classique typo 3 */
a.external-link-new-window {color:#1D3258;	text-decoration:none; }
a.external-link-new-window:hover{ text-decoration:underline;}
a.external-link-new-window img { border:0; }

/* lien download typo 3 */
a.download {color:#B52B46;	text-decoration:none; }
a.download:hover{ text-decoration:underline; font-weight:normal;}
a.download img { border:0; }

/* lien mail */
a.mail {color:#B52B46;	text-decoration:none; }
a.mail:hover{ text-decoration:underline;}
a.mail img { border:0; }


/* lien gras général */
a.lienGras, a.lienGras:hover  {
	color:#213C6D;
	font-weight:bold;
	text-decoration:none;
}

/* lien "plus d'info" */
a.plusInfos{
	background-image:url(../img/picto_plus.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	display:block;
	margin:3px 0 3px 0;
	color:#213C6D;
	font-weight:bold;
	text-decoration:none;
}

/* lien "plus d'info" */
a.plusInfosGras, a.plusInfosGras:hover{
	background-image:url(../img/picto_plus.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	display:block;
	margin:3px 0 3px 0;
	color:#213C6D;
	font-weight:bold;
	text-decoration:none;
}

/* lien avec puce rouge*/
a.puceRouge {
	background-image:url(../img/puce_menu_drt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	display:block;
	margin:0;
}

a.puceRougeGras, a.puceRougeGras:hover {
	background-image:url(../img/puce_menu_drt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	display:block;
	margin:0;
	color:#213C6D;
	font-weight:bold;
	text-decoration:none;
}

.important {
	color:#FF3728; font-weight:bold; 
}

.cadreImg {
	border:1px solid #8895AE;
	padding:1px;
	margin:3px 0 3px 0;
}

.leftImage {
	float:left;
	margin:0 5px 5px 0;
}

.rightImage {
	float:right;
	margin:0 0 5px 5px;
}
/* --------------------------------------------------------------------------------
										BACKGROUND COULEUR
-------------------------------------------------------------------------------- */
.fondblanc {
	background-color:#FFFFFF;
}