html, body {
    margin: 0;
    padding: 0;
}

BODY { margin-top:0; margin-left:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
background-color:#09F;}

#page { width:930px; margin:0 auto; margin-top:40px; margin-bottom:60px;}

/* ++ Conteneur general ++ */
.cont { background-color:#fcfcfc; clear:both;}
.content { padding:10px;}

/* contenu des pages */
.main { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:16px; margin-bottom:30px; clear:both;}
.main P {}
.main UL { list-style-type:circle}

.main .tab1 {}
.main .tab1 TD P {}
.main .tab1 IMG { width:300px; border:none}
.main .tabContact {width:100%}
.main .tabContact TH {width:200px; height:30px; padding:0px 0px 0px 20px; text-align:left }
.main H1 {padding:10px; font-size:22px; background:url(/images/design/under_title.png); background-position:bottom left; background-repeat:no-repeat;}
.main H3 {padding:10px; font-size:18px}
.main H4 {padding:0px 0px 0px 20px; text-align:justify; font-size:15px; color:#F00}

.main P.content { padding:10px; text-align:justify; line-height:30px;}
.main P.psty1 { padding:10px; font-size:12px; font-style:italic}
.main .submit { padding:8px 20px; color:white; font-weight:bold; border:none; background-color:#06C}

.main .ml {font-size:12px;}

Table.tabdetmod { width:100%}
Table.tabdetmod TH { width:400px}
Table.tabSearch { width:650px; font-size:15px}
Table.tabSearch TH {width:200px; height:50px; padding:0px 0px 0px 20px; text-align:left; vertical-align:text-top }
Table.tabSearch TD {text-align:left; vertical-align:text-top }
Table.tabAddress { width:100%; padding:0px 0px 0px 20px; font-size:16px; border:solid}
Table.tabAddress .map { font-weight:bold; color:#F00 }
Table.tabdischoice { width:100%}
Table.tabdischoice TD { vertical-align:top; text-align:center; font-weight:bold; font-size:18px}
Table.tabHorseListAdmin { padding:0px 0px 0px 20px}
Table.tabHorseList { width:100%}
Table.tabHorseList th { width:500px; vertical-align:top; text-align:left; font-size:15px}
Table.tabHorseList td {  width:300px; vertical-align:top; text-align:center;}
Table.tabHorseList .title { font-weight:bold; font-size:18px}
Table.tabinstal { width:100%}
Table.tabinstal TH { width:300px; font-size:15px}

UL.instal LI { /*float:left; */height:50px; text-align:left; padding:20px 0px 0px 0px; list-style:circle} /*++++++++++++++++++++++++++++++*/
UL.home LI { float:left; height:60px; list-style:circle; vertical-align:middle} /*++++++++++++++++++++++++++++++*/



/* ++ Navigation Top ++ */
UL.menutop1 { list-style:none; padding:0; margin:0; background:url(/images/design/bckmenu_off.png) repeat-x top; position:relative}
UL.menutop1 LI { float:left; height:34px;}
UL.menutop1 LI { float:left; height:34px;}
UL.menutop1 LI A { display:block; text-decoration:none; padding:5px 15px; font-size:16px; font-weight:bold; color:#FFF;}
UL.menutop1 LI SPAN {display:block;background:url(/images/design/bckmenuright_off.png) no-repeat top right; padding-right:3px;}
UL.menutop1 LI A:hover { background:url(/images/design/bckmenu_on.png) repeat-x top;}
UL.menutop1:after, UL.menutop2:after, P:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
.clear { clear:both}
.hidden { display:none;}

.menuflags { position:absolute; top:5px; right:5px;}
.menuflags A { margin-left:4px}
.menuflags A IMG { border:#FFF solid 1px}
.menuflags A:hover IMG { border:#FF3 solid 1px}

/* ++ Head / Media ++ */
/* Logo */
.bordermedia { background-color:#9999cc; width:194px; height:266px; padding:10px; float:left; margin-right:10px; text-align:center; padding-top:60px;}
.bordermedia H1 { color:#cc0000; font-size:22px; font-weight:bold}
.bordermedia H2 { color:white; font-size:16px;}
/* Diaporama */
.topmedia { position:relative}
.contmedia { width:670px; height:320px; overflow:hidden; border:#4a5fa3 solid 8px;}


/* Coins arrondis + bandes - haut et bas */
.pcorn_tl { background:url(/images/design/pcorn_tl.png) no-repeat top left; width:20px; height:20px; float:left;}
.pcorn_tr { background:url(/images/design/pcorn_tr.png) no-repeat top right; width:20px; height:20px; float:left;}
.pcorn_tc { width:890px; height:20px; float:left; background-color:#fcfcfc}
.pcorn_bl { background:url(/images/design/pcorn_bl.png) no-repeat bottom left; width:20px; height:20px; float:left;}
.pcorn_br { background:url(/images/design/pcorn_br.png) no-repeat bottom right; width:20px; height:20px; float:left;}
.pcorn_bc { width:890px; height:20px; float:left; background-color:#fcfcfc; font-family:Arial, Helvetica, sans-serif; color:gray; position:relative;}
.pcorn_bc SPAN { position:absolute; bottom:12px; right:0; font-size:12px;}
.pcorn_bc SPAN A { color:gray; text-decoration:underline;}
.pcorn_bc SPAN A:hover { text-decoration:none;}


/* photos chevaux a vendre */
#slideshow {
	border: 1px solid #000;
	overflow: hidden;
	margin: 50px auto 10px;
	position: relative;
	width: 800px;
	height: 600px;
}
/* photos installations */
#slideshow2 {
	border: 0px solid #000;
	overflow: hidden;
	margin: 50px auto 10px;
	position: relative;
	width: 600px;
	height: 400px;
}

/* Administration */
.nav_frame {background:#009; width:200px;}
.nav_title { border:double #99F; background-color:#99F; width:200px; height:20px; font-size:15px; color:#FFF; font-weight:bold; vertical-align:middle; }
.nav_rubriques { border:double #99F; width:200px; font-size:13px; color:#FFF; vertical-align:top; }
Table.content { margin:100px;}


/***************************** ------------------Nouveau styles ----------------------*****************************************/


/* ------------------Contenu ----------------------*/
#contenu_general	{
	background-color:#fcfcfc;
	height:100%;
	width:100%;
	vertical-align:top;
	padding:20px 10px 10px 10px;
	/*clear:both;*/
	}

#contenu	{
	height:100%;
	width:100%;
	vertical-align:top;
	}

.nav_intern	{
	text-align:right;
	}

.table_liste	{
	width:100%;
}

.table_liste_stage TH {
	font-weight:normal;
	text-align:left;
	width:90%;
	vertical-align:top;
	padding:10px 0px 0px 0px;
	margin-right:10px;
		}

.table_liste_stage TD {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	padding:10px 0px 0px 0px;
	margin-right:10px;
		}

.table_liste TH {
	width:80%;
	vertical-align:top;
	padding:10px 0px 0px 0px;
	margin-right:10px;
		}

.table_liste TD {
	vertical-align:top;
	padding:10px 0px 0px 0px;
	margin-right:10px;
		}

.teteList {
	font-weight:bold;
	}

.modifList {
	margin-left:20px;
	}

/* ------------------ Formulaires ----------------------*/

Table.formulaire TH {
	width:220px;
	height:30px;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	padding:10px 0px 0px 0px;
	}

Table.formulaire TD {
	vertical-align:top;
	padding:10px 0px 0px 0px;
	}

Table.formulaire_horaire TD {
	/*vertical-align:top;*/
	padding:0px 0px 0px 0px;
	}

input	{
	border:1px solid black;
	background-color:#C6FFC6;
	font-family:"trebuchet ms",sans-serif;
	color:black;
	}

select, option {
  background-color:#C6FFC6;
  color:black;
	}

radio {
  background-color:#C6FFC6;
  color:black;
	}

textarea  {
  border:1px solid black;
  background-color:#C6FFC6;
  font-family:"trebuchet ms",sans-serif;
  color:black;
	}		

.submit {
	padding:8px 20px;
	color:white;
	font-weight:bold;
	border:none;
	background-color:#090;
	}

.messinfo	{
	font-size:22px;
	color:#F00;
	font-weight:bold;
	}

.log {
	font-weight:bold;
	text-align:right;
	padding:10px 10px 0px 0px;
	}


/* ------------------ Fin de Formulaires ----------------------*/

#login {
	width:450px;
	border:#FF3399 solid 3px;
	padding:20px;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-225px;
	background-color:#FFF;
	}

		/* ---------Texte --------------*/
H1 {
	font-size:120%;
	background:url(/images/design/under_title.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	}

.texte_en_valeur	{
	font-size:120%;
	font-weight:bold;
	}

.pass_lost	{
	font-size:70%;
	}
		/* --------Fin de Texte ---------*/

/* ------------------Liens ----------------------*/
a:link {color: green; text-decoration:underline;}
a:visited {color: green; text-decoration:underline;}
a:hover {color:blue; text-decoration:none;}		
/* ------------------Fin de Liens ----------------------*/

