/*----------Ecole de danse Carole Jacquot v2----------*/
/*----------general----------*/
* {
	margin:0;
	padding:0;
}

p, ul, ol, h1, h2, h3, h4, h5, dl, input {
	margin-bottom:0.5em;
}

ul {
	list-style-position:inside;
}

h1 {
	margin:0;
	padding:0;
	font-size:200%;
}

h1 img {
	vertical-align:bottom;
}

a {
	color:#333;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

body {
	padding:20px 0;
	font: normal 87% Verdana, sans-serif;
	background:black url(fond.png) fixed no-repeat bottom left;
	margin-left:20px;
	color:#333;
}

h2, #galerie h3, #zoom h3 {	
	clear:left;
	color:black;
	margin-bottom:1em;
	border-bottom:#ff6391 2px solid;
	font:normal 160% georgia, serif;
}

h3 {
	font-weight:bold;
	color:black;
	font-size:110%;
	margin:0.5em 0;
}

img {
	border:none;
}

input, textarea, select {
	padding:1px;
	border:1px solid #111;
	background-color:white;
	font: normal 12px Verdana, sans-serif;
}

label {
	display:block;
}

.warning {
	color:#111;
	text-decoration: blink;
}

.hide {
	display:none;
}

.wide {
width:99%;
}

abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

hr {
	border:0;
	height:1px;
	margin:0.5em 0;
	color:#111;
	background-color:#111;
}

/*----------login----------*/
#login label {
	display:block;
}

#login input {
width:110px;
}

#login .submit {
	font-size:85%;
	width:5em;
}



/*----------structure----------*/
#wrap {
	position:relative;
	width: 900px;
}

#entete {
	position:relative;
	width: 780px;
}

#main {
	overflow:auto;
	width:590px;
	padding:28px 30px 15px 30px;
	background:black url(main.png) no-repeat top center;
}

#login {
	width:110px;
	position:absolute;
	left:665px;
	top:0;
}

#pied {
	width: 590px;
	padding:0 30px 20px 30px;
	background:black url(pied.png) no-repeat bottom center;
}


/* mac hide - this is for ie6 and less \*/
* html #main {height:1%}
/* end hide*/

/*----------menu principal----------*/
#menu_principal {
	position:absolute;
	left:650px;
}

#menu_principal ul {
	/*border-top:3px solid #333;
	border-bottom:1px solid black;*/
	margin:0;
	list-style-position:outside;
	list-style:none;
}

/* mac hide - this is for ie6 and less \*/
* html #menu_principal {height:1%}
/* end hide*/

#menu_principal li {
	padding:0 0 5px 15px;
}

#menu_principal a {
	text-decoration:none;
	color:white;
	letter-spacing:1px;
}

#menu_principal a:hover {
	text-decoration:underline;
}

#page_accueil #menu_principal_accueil a,
#page_ecole #menu_principal_ecole a,
#page_cours #menu_principal_cours a,
#page_concours #menu_principal_concours a,
#page_photos #menu_principal_photos a,
#page_videos #menu_principal_videos a,
#page_classique #menu_principal_cours a,
#page_contemporain #menu_principal_cours a,
#page_stretching #menu_principal_cours a,
#page_eveil #menu_principal_cours a,
#page_presse #menu_principal_presse a,
#page_liens #menu_principal_liens a,
#page_contact #menu_principal_contact a,
#page_admin_photos #menu_principal_contribution a,
#page_admin_informations #menu_principal_administration a,
#page_admin_liens #menu_principal_administration a,
#page_admin_contact #menu_principal_administration a,
#page_admin_site #menu_principal_administration a,
#page_admin_visites #menu_principal_administration a {
	text-decoration:underline;
}

#menu_principal_contact {
	margin-top:1em;
}

/*----------menu administration----------*/
#menu_admin ul {
	list-style-position:outside;
	list-style:none;
}

#menu_admin {
	overflow:auto;
	margin-bottom:25px;
	padding-bottom:1px;/*pour éviter la scrollbar sur sélection*/
}

#menu_admin li {
	float:left;
	margin-right:2em;
}

#menu_admin a {
	text-decoration:none;
}

#menu_admin a:hover {
	text-decoration:underline;
}

#page_admin_informations #menu_admin_informations a, 
#page_admin_liens #menu_admin_liens a, 
#page_admin_site #menu_admin_site a, 
#page_admin_contact #menu_admin_contact a, 
#page_admin_photos #menu_admin_galeries a, 
#page_admin_visites #menu_admin_visites a {
	text-decoration:underline;
}

/*----------infos----------*/

#rss {
	/*position:absolute;*/
	background:transparent url(rss16.png) no-repeat bottom left;
	padding-left:20px;
	margin-top:1em;
	margin-left:1em;
/*top:0;
right:140px;*/
}

#inscription {
	/*position:absolute;*/
	background:transparent url(telecharger32.png) no-repeat bottom left;
	padding-left:40px;
	margin-top:2em;
	margin-left:0.5em;
	font-size:80%;
/*top:0;
right:140px;*/
}

#infos {
	list-style:none;
	list-style-position:outside;
}

#infos .titre {
font-weight:bold;
margin-bottom:0;
}

#infos .date {
color:#666;
float:left;
font-size:85%;
width:80px;
}

#infos .description 	{
	margin-bottom:1.5em;
	width:475px;
	overflow:auto;
	border-left:1px solid #666;
	padding-left:5px;
	margin-top:5px;
}

#image_accueil {
	float:right;
}

/*----------contact----------*/
#page_contact label {
	display:block;
}

#page_contact #main address span {
	display:block;
	margin-bottom:0.5em;
}

#page_contact #main address #company {
font-weight:bold;
}

#page_contact #main address {
	margin:20px 0 0 0;
}


#page_contact #main img {
	margin:20px 0 0 0;
	border:2px solid black;
	position:relative;
	left:1px;
	top:2px;
}

/*---------------ecole---------------*/

#image_ecole img {
	border:2px solid black;
	margin-bottom:0.5em;
} 

#image_ecole {
	margin-left:3em;
	float:right;
	width:250px;
	font-size:90%;
	margin-bottom:1.5em;
}

/*---------------cours---------------*/
#image_cours {
	float:left;
	margin:0 20px 10px 0;
	border:2px solid black;
	position:relative;
	left:1px;
	top:2px;
}

/*---------------concours---------------*/
#page_concours #main img {
	float:right;
	margin:0 0 10px 20px;
	border:2px solid black;
}

#page_concours_ table {
	border-collapse:collapse;
	border:1px solid #111;
	width:100%;
font-size:85%;
}

#page_concours_ td {
	padding:2px;
	border:1px solid #111;
}

#page_concours_ th {
	padding:2px;
	border:1px solid #111;
	color:white;
	background-color:#111;
}

#page_concours_ h2 {
margin:0;
}

/*---------------videos---------------*/
#page_video_ h2 {
margin:0;
}

/*---------------menu cours---------------*/
#menu_cours {
	padding-bottom:1px;/*pour éviter la scrollbar sur sélection*/
	margin-bottom:15px;
	overflow:auto;
}

#menu_cours ul {
	list-style:none;
	list-style-position:outside;
}

#menu_cours img {
	display:block;
	text-decoration:none;
	border:2px solid black;
	margin:2px;
	position:relative;
	left:-2px;
}

#menu_cours img:hover {
	height:94px;
	margin:0;
}

#menu_cours_classique img:hover, #menu_cours_eveil img:hover {
	margin-left:1px;
}

#menu_cours li {
float:left;
padding:0 27px;
}
/*
#menu_cours_classique {
	width:53px;
}
#menu_cours_contemporain {
	width:80px;
}
#menu_cours_stretching {
	width:80px;
}
#menu_cours_eveil {
	width:53px;
}*/

#menu_cours a {
	font-size:85%;
	text-decoration:none;
}

#menu_cours a:hover {
	font-size:85%;
	text-decoration:underline;
}

#page_classique #menu_cours_classique a,
#page_contemporain #menu_cours_contemporain a,
#page_stretching #menu_cours_stretching a,
#page_eveil #menu_cours_eveil a {
	text-decoration:underline;
}

/*---------------pied---------------*/
#pied {
	font-size:85%;
}

#pied a {
}

#pied address {
	border-top:#ff6391 1px solid;
	padding-top:0.5em;
	font-style:normal;
	margin-bottom:0.5em;
}

#clicstory img {
	vertical-align:top;
}

/*---------------liens---------------*/
#page_liens ul {
	list-style-position:outside;
	list-style:none;
}

/*---------------administration---------------*/
#ajouter_info, #ajouter_lien {
	border-bottom:1px solid #ff6391;
	margin-bottom:0.5em;;
}

#modifier_infos, #modifier_liens, #modifier_contacts {
	list-style:none;
	list-style-position:outside;
}

#modifier_infos li, #modifier_liens li {
	border-bottom:dotted 1px black;
	margin-bottom:0.5em;
}

#page_admin_contact h2, #page_admin_informations h2, #page_admin_liens h2, #page_admin_photos h2, #page_admin_site h2, #page_admin_visites h2 {
	margin-bottom:0.5em;
}

#page_admin_visites #visites {
	list-style-position:outside;
	list-style:none;
	font-size:85%;
}

#page_admin_visites #visites .id_session {
}